.homepage .sticky-header-placeholder {display: none;}
#sp-main-body {
    padding-top: 50px;
}
/* #sp-header{background: rgb(0 0 0 / 45%);} */
#sp-header{background: linear-gradient(170deg, #555 0%, #6a6a6a 100%);} 
#sp-header .sticky_logo{display: none;}
#sp-header.header-sticky .sticky_logo{display: block;}
#sp-header.header-sticky .logo{display: none;}
/* #sp-header.header-sticky .logo{height: 60px;} */
/* #sp-header.header-sticky .logo-image {height: 60px;} */
#sp-header.header-sticky{background: linear-gradient(170deg, rgb(85 85 85 / 75%) 0%, rgb(99 99 99 / 75%) 100%); height: 90px; backdrop-filter: blur(8px);}
#sp-header.header-sticky .sp-megamenu-parent>li>a, 
#sp-header.header-sticky .sp-megamenu-parent>li>span{line-height: 90px;}
#sp-header.header-sticky #offcanvas-toggler{height: 90px; line-height: 90px;}
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover{color: #19afff;}
#sp-header .sp-megamenu-parent>li.active>a, #sp-header .sp-megamenu-parent>li.active:hover>a{color: #19afff;}
/* 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: #0080C6; 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: #0080C6; 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: #0080C6; 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: #0080C6;}
.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: #0080C6; }
.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: #0080C6;}
.custom_feature_box .sppb-btn-custom:hover{color: #0080C6 !important;}

.pagenavigation .pagination a {
    padding: 17px 45px;
    font-weight: bold;
    font-size: 20px;
    border-color: #0080C6;
    background-color: #0080C6;
    border-radius: 100px;
}
.pagenavigation .pagination a:hover,
.pagenavigation .pagination a:focus{border-color: #19AFFF; background-color: #19AFFF;}
.pagenavigation .pagination a .icon-chevron-left,
.pagenavigation .pagination a .icon-chevron-right {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant: normal;
    font-style: normal;
   font-weight: 900;
    line-height: 1;
    display: inline-block;
    font-family: "Font Awesome 6 Free" !important;
}

/*  */
.blog .article-list .article {height: calc(100% - 30px); border: 1px solid #ccc; border-radius: 5px; box-shadow: 0px 0px 15px 0px rgba(8, 8, 8, 0.11);}
.blog .article-list .article-intro-image a {
    aspect-ratio: 3 / 2;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog .article-list .article-intro-image a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog .article-list .article-header h2 a {
    color: #2A2A2A;
}
.blog .article-list .article-introtext {
    color: #6A6A6A;
}
/*  */
.float_right_img{float: right;}

.addon-root-feature:has(.custom_feature_box) {height: 100%;}
.addon-root-feature>div:has(.custom_feature_box) {height: 100%;}
@media (max-width: 991px) {

    #sp-header{height: 90px;}
    .logo-image-phone{height: 60px;}
    #offcanvas-toggler {height: 90px; line-height: 90px;}
    #sp-header.header-sticky{height: 60px;}
    #sp-header.header-sticky .sp-megamenu-parent>li>a, 
    #sp-header.header-sticky .sp-megamenu-parent>li>span{line-height: 60px;}
    #sp-header.header-sticky #offcanvas-toggler{height: 60px; line-height: 60px;}
    #sp-header.header-sticky .logo_image {height: 36px;}


}
@media (max-width: 767px) {
    #sp-header{height: 60px;}
    #sp-header .logo {height: 36px;}
    .logo-image-phone{height: 36px;}
    #offcanvas-toggler {height: 60px; line-height: 60px;}
    #sp-header.header-sticky{height: 50px;}
    #sp-header.header-sticky .sp-megamenu-parent>li>a, 
    #sp-header.header-sticky .sp-megamenu-parent>li>span{line-height: 50px;}
    #sp-header.header-sticky #offcanvas-toggler{height: 50px; line-height: 50px;}
    #sp-header.header-sticky .logo_image {height: 32px;}


    .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;}
    
    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%;}
    .float_right_img{float: none; margin-bottom: 1rem; width: 100%;}

}

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

.readmore{
    display: inline-block;
    border-color: #0080c6;
    color: #fff;
    background-color: #0080c6;
    border-radius: 100px;
    box-shadow: 0 0 0 0 #FFFFFF;
    padding: 17px 45px;
    font-weight: bold;
    font-size: 20px;
}
.readmore:after{
    padding-left: 10px;
    content: "\f0a9";
    font-size: 14px;
    font-weight: 900;
    font-variant: normal;
    font-style: normal;
    font-family: "Font Awesome 6 Free";
}
.readmore:hover{
    color: #fff;
    border-color: #19afff;
    background-color: #19afff;
}
blockquote, .blockquote {
    display: inline-block;
    background: #f5f5f5;
    padding: 1rem 1rem 1rem 3.25rem;
    color: #333;
    font-size: 1rem;
    font-weight: 500;
    position: relative;
    margin: 0 0 0 auto;
    max-width: calc(100% - 60px);
    display: block;
}
blockquote::before, .blockquote::before {
    content: "";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-rendering: auto;
    color: rgb(0, 52, 124);
    position: absolute;
    left: 1rem;
    top: 0.5rem;
    font: 900 2rem / 1 "Font Awesome 6 Free";
    font-variant: normal;
}