.sticky-header-placeholder {display: none;}
#sp-header{background: rgb(0 0 0 / 45%);}
#sp-header.header-sticky{background: rgb(0 0 0 / 100%);}

/* PHONE NUMBER MODULE CSS START */
.phone_modules {display: flex; align-items: center; gap: 1rem; color: #fff;}
.phone_modules .phone-icons {width: 50px; height: 50px; border-radius: 100px; background: #802bff; color: #fff; display: flex; align-items: center; justify-content: center;}
.phone_modules .phone_text {display: flex; flex-direction: column;}
.phone_modules .call_text {font-size: 14px; letter-spacing: 0.5px;}
.phone_modules .call_number {font-weight: bold;}

.home_phone_modules {display: flex; align-items: center; gap: 1rem; color: #2A2A2A;}
.home_phone_modules .phone-icons {width: 50px; height: 50px; border-radius: 100px; background: rgba(244, 244, 244, 0.5); color: #802bff; display: flex; align-items: center; justify-content: center;}
.home_phone_modules .phone_text {display: flex; flex-direction: column;}
.home_phone_modules .call_text {font-size: 14px; letter-spacing: 0.5px;}
.home_phone_modules .call_number {font-weight: bold;}
/* PHONE NUMBER MODULE CSS CLOSE */

/* .sppb-sp-slider-button .sp-slider-btn-text {background: none;} */

/* ICOMOON ICON CSS START */
.icon{font-weight: 400; vertical-align: middle;}
.icon.icon-web-hosting:before {content: "\e901";}
.icon.icon-arrow-right:before {content: "\e900";}
.icon-checkmark-square:before {content: "\e902"; color: #802bff; font-size: 24px; margin-right: 0.325rem;} 
.icon-calendar-03:before {content: "\e906";} 
.icon-facebook-02:before {content: "\e903"; color: inherit;} 
.icon-linkedin-02:before {content: "\e904"; color: inherit;} 
.icon-xing:before {content: "\e905"; color: inherit;}
/* ICOMOON ICON CSS CLOSE */

.blog_bg .sppb-addon-single-image-container:after {content: ""; width: 94%; height: 94%; display: block; border-radius: 0px; background: #f4f4f4; position: absolute; top: 50px; right: -20px; z-index: -1;}

.sppb-addon-form-builder .sppb-addon-form-builder-form {margin-left: -15px !important; margin-right: -15px !important;}

.custom_line{color: #ccc; margin: 1.5rem 0; opacity: 1;}
.primary-text {color: #802bff;}
.addon-root-testimonial-carousel .sppb-carousel-extended-item{border: 1px solid #CCC;}
.new_blog .sppb-addon-title .icon-calendar-03 {font-size: 20px; margin-right: 5px;}
.social_list-item a .sppb-addon-title-icon {font-size: 24px; vertical-align: bottom;}

.latestnews {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } 
.latestnews .latest_news_items {border: 1px solid #ccc; padding: 0; }
.latestnews .latest_news_items img{width: 100%; object-fit: cover;}
.latest_news_desc {padding: 1rem 1.5rem; display: flex; flex-direction: column; gap: 1.125rem; } 
.latest_news_date {border-bottom: 1px solid #ccc; padding-bottom: 1.125rem; display: flex; align-items: center; gap: 0.5rem; margin: 0; font-size: 14px; } 
.latest_news_title {color: #2A2A2A; } 
.description {color: #6A6A6A; } 
.readmore_btn {font-weight: bold; display: inline-flex; gap: 1rem; font-size: 16px;}  
.readmore_btn .read_txt {color: #2A2A2A; }
.readmore_btn:hover .read_txt {color: #802bff; }
.burger-icon>span{background-color: #fff;}
.icon-arrow-right {
    font-size: 14px;
}
div.sp-slider .sp-nav-control .nav-control{border: 0 ;}
.sppb-btn{padding: 17px 45px; font-weight: bold; font-size: 20px;}
.sppb-btn .icon-arrow-right {font-size: 14px; margin-left: 16px;}

.custom_feature_box .sppb-btn-custom{color: #2A2A2A !important;}
.custom_feature_box .sppb-btn-custom .icon-arrow-right{color: #802bff;}
.custom_feature_box .sppb-btn-custom:hover{color: #802bff !important;}
@media (max-width: 767px) {
    .phone_modules{gap: 0.5rem;}
    .phone_modules .phone-icons {width: 30px; height: 30px; padding: 5px;} 
    .phone_modules .call_text{font-size: 12px;}
    .phone_modules .call_number{font-size: 14px;}
    .phone_modules .phone_text{display: none;}
    #sp-header{height: 60px;}
    body.ltr #offcanvas-toggler.offcanvas-toggler-right{margin-right: 10px;}

    body{font-size: 16px;}
    h2{font-size: 32px;}
    h3{font-size: 26px;}
    h4{font-size: 20px;}
    .latestnews{grid-template-columns: repeat(1, 1fr)}
    .blog_bg .sppb-addon-single-image-container:after{width: 90%; height: 90%;}

}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .latestnews {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem;}
}