﻿.header { top: 0px }
    .header.sticky { position: absolute;background: none;box-shadow: none;}

.custom-nav{text-align:right}
.custom-nav > li {display:inline-block}
.custom-nav > li .nav-link {font-size: 1.1rem; text-transform:none; letter-spacing:normal;margin: 0px;/* font-weight: 500; */padding: 1.8rem 0rem;color: rgba(255,255,255,0.9);padding-left: 3rem;}

#landing-banner .banner-cont { all: unset; position: relative }
#landing-banner .banner-img-cont { top: 50%; transform: translateY(-50%); right: 85px; bottom: inherit; width: 26rem; }
.banner-cont .slick-slide img {  height: auto;  max-height: 680px;  object-fit: cover;  transition: all 1s cubic-bezier(.7,0,.3,1);  transform: scale(1); }

    .banner-cont figure img { border-radius: 15px; box-shadow: 10px 10px 10px 0px rgb(0 0 0 / 20%); }
    .banner-cont, .banner-cont h1 { color: rgba(255,255,255,1); text-shadow: 0px 0px rgba(0,0,0,0.5); }
        .banner-cont h1 { font-size: 2.5rem }
        .banner-cont p { font-size: 1.2rem }

.bullet-list > li .fa { color: inherit }
.bullet-list > li { font-weight: 500 }
.sec-banner > figure { height: 650px; }
    /* .sec-banner > figure > img { filter: blur(4px); -webkit-filter: blur(4px); } */
    .banner-sec figure img {
        transform: scale(1);
    }

.count-boxes { margin-top: 2rem }
    .count-boxes > div > div { position: relative; padding-left: 77px; padding-top: 4px; margin-bottom: 0.7rem; }
    .count-boxes > div span { position: absolute; left: 0px; top: 0px; font-size: 2.2rem; padding: 10px; background: var(--color-secondary); border-radius: 5px; height: 65px; width: 65px; line-height: 45px; text-align: center; color: #fffaec; text-shadow: 0px 0px 8px rgb(0 0 0 / 30%); }
    .count-boxes > div h3 { margin-bottom: 0px; font-weight: 600; font-size: 1.4rem; }
    .count-boxes > div p { margin: 0px; color: #999; font-weight: 500; font-size: 0.9rem; }


.iframe-cont { border-radius: 10px; overflow: hidden; }
    .iframe-cont iframe { width: 100% }
    .iframe-cont.full-width iframe { width: 100%; height: 350px; margin: -1px; margin-bottom: -7px }

section + section {padding: 5rem 0px !important;}
.ftr-lnks, .slick-dotted.slick-slider{margin-bottom: 0;}
.hd-underline { font-weight: 700; font-size: 2rem; margin-bottom: 1rem; }

.testimonial-cont { background: none; box-shadow: none; margin: 0px; padding-top: 0px; padding-bottom: 0px }

section + section { padding: 4rem 0px !important; }


.networklisted__decimal { counter-reset: section; list-style-type: none; position: relative; margin: 0px; }
    .networklisted__decimal > li { margin-bottom: 2.5rem; margin-left: 4rem; }
        .networklisted__decimal > li:last-child { margin-bottom: 0px; }
        .networklisted__decimal > li:before { counter-increment: section; content: counters(section, ""); background: #fff; border: 1px solid #ccc; border-radius: 50px; line-height: 48px; position: absolute; z-index: 10; margin-left: -4rem; display: flex; height: 3rem; width: 3rem; align-items: center; justify-content: center; font-weight: 500; font-family: inherit; }
        .networklisted__decimal > li:after { content: ""; width: 1px; height: 80%; background: #ccc; margin-left: -2.5rem; position: absolute; top: 0; z-index: 0; }
        .networklisted__decimal > li h3 { font-size: 1.1rem; }
        .networklisted__decimal > li p { font-size: 0.9rem; line-height: normal; margin: 0px; }

.sec-testimonials { background: #fff }
.footer { padding-top: 3rem; margin-top: 0rem; }

.sec-testimonials .testimonial-caption p { font-size:0.9rem}
/* .cont-form { padding: 30px !important; max-width: 26rem !important;  right: -10% !important; top: 50% !important; transform: translateY(-10%) !important; width: 100% !important; bottom: inherit !important; position: absolute !important; background: rgb(255,255,255) !important;  } */

.header { padding: 0px 0px; background-color: rgb(0 0 0 / 94%); width: 100%; position: static ; box-shadow: #3333331a 0 0 40px; }
.header .navbar-brand img{ height: 65px; padding: 10px 0px;}
.custom-nav > li .nav-link{padding: 1rem;}
.custom-nav{margin-bottom: 0;}
.yellow-bg{background-color: #fee61c;}
.service--sec img { object-fit: contain; height: 70px;}
.service--card { display: grid; grid-template-columns: 100px 1fr; margin-bottom: 30px; }
.service--content {border-bottom: 1px solid #ddd;padding-bottom: 30px;}
.card-parent .service--card:last-child .service--content { border-bottom: none;}
.nav-tabs .nav-link{cursor: pointer; padding: 25px 20px; height: 100%; display: flex; align-items: center; font-size: 1.1rem; font-weight: 500;
}
.custom-tab .show {background-color: white; padding: 10px; min-height: 150px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border: none; color: #c90404; }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{color: #c90404; border-bottom: none;}
.small-box:before { content: ""; position: absolute; left: 43px; top: 57px; width: 69px; height: 40px; background: rgb(254 204 0 / 34%) !important; z-index: 1; transform: translate(-50%,-50%); border-radius: 10px; }
.box-cont{border-color: #fee61c;}
.sec-banner > figure{height: 530px;}
.box-cont h3{font-size: 2rem;}
.nav-tabs {border-bottom: 1px solid #ffffff;}
.banner-cont .slick-dots { bottom: 20px;}
.slick-dots li button::before { font-size: 40px; line-height: 20px; position: absolute; top: 0; left: 0px; border-radius: 50%; content: "•"; text-align: center; opacity: 0.25; color: transparent; -webkit-font-smoothing: antialiased; box-shadow: 0 0 5px 1px #00000080; background: #fecc00; } .slick-dots li.slick-active button::before{opacity: 1;color: #26262600;}
.x_row-separator{bottom: 5px !important;}
.slick-prev , .slick-next{top: 45px;}
.slick-dots li button:before{height: 15px; width:15px;}
.slick-dots{z-index: 2;}
.footer .x_row-separator{height: 20px;}
.service--content h3 {font-size: 1.3rem !important; };
/* .service--content:last-of-type{border-bottom: none;} */
.service-perent:last-child{border-bottom: 10px solid black;}
@media screen and (max-width:991px) {
    section + section {padding: 4rem 0px !important;}
    .resp-tab{padding: 10px 20px; justify-content: space-between; width: 100%; font-weight: 700; display: flex !important; background-color: #fff; border: none; text-align: start;}
    #landing-banner .banner-img-cont { all: unset; margin: 10px auto; width: 70%; display: flex;}
    .banner-cont h1 {font-size:2rem; float:left; width:60%; padding-right:20px}
    .banner-cont { padding-top: 5rem;overflow: hidden;}
        .banner-cont .bullet-list { float:left; width:40%}
    .sec-banner > figure{height: 700px;max-height: inherit;}
    .banner-cont figure {margin-top:40px}
    .banner-cont figure img{width:100%}
    .count-boxes { margin-bottom:2rem}
    .custom-nav > li .nav-link { padding-left:2rem;font-size: 1rem;}
    
}
@media screen and (max-width:768px) {
    .custom-nav > li .nav-link{padding-top: 0.8rem;padding-bottom: 0.8rem;}
    .custom-nav > li .nav-link span { display:none}
    .custom-nav > li .nav-link i { font-size:2rem}

    .banner-cont h1{float:none; width: 100%; font-size:1.7rem}
    .banner-cont .bullet-list{width:100%}
    section + section{padding:3rem 0px  !important}    .hd-underline{font-size:1.6rem}
    .iframe-cont.full-width iframe{height:250px}
    .row-xl { margin-left: inherit; margin-right: inherit;}
    .row-xl > [class^="col"] { padding-left:inherit; padding-right: inherit;}
    .sec-banner>figure{position: absolute; height: 420px;} .banner-cont{overflow: inherit; position: static; } .x_row-separator{display: none; } .slick-next, .slick-prev { top: 41%;}
    .footer{padding-top: 0;}
    .footer-bottom{margin-top: 0;}
    #landing-banner .banner-img-cont{width: 90%;}

    .service--card { grid-template-columns: 1fr !important; margin-bottom: 20px;
    }
}
.sec-banner>figure:after{background-color: inherit !important;}
.sec-banner>figure>img{width: 100%; height: auto;object-fit: inherit; }
@media screen and (max-width:576px) {
    .service--card { grid-template-columns: 1fr !important; margin-bottom: 20px;
    }
    .service--card .service--img{margin-bottom: 15px !important;} 
.sec-banner>figure {position: absolute; height: 520px;} .cont-form{margin-top: 40px;}  }
@media screen and (max-width: 400px) {.cont-form{margin-top: 25px;} }
@media screen and (max-width:374px) {.sec-banner>figure {position: absolute; height: 589px;}}