body,html{overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:20px}
h1,h2,h3,h4,h5{ font-family: "Oswald", serif;}
p{line-height:1.6;margin-bottom:16px}}
a {color:#000;transition:all .3s ease-out; text-decoration: none;}
a {text-decoration: none; transition:all .3s ease-out;}
a,span{display:inline-block}
a:hover{text-decoration:none;color:#4e4e4e}
a:focus,button:focus,input{outline:0!important;text-decoration:none}
ul{margin:0;padding:0;list-style:none}
img{border:0;max-width:100%}
body{font-family:Poppins,sans-serif;font-style:normal;color:#000;font-size:15px;font-weight:400;line-height:1.333}
section{padding:60px 0; position:relative}
.heading-title{font-size:55px;color:#003a5d;font-weight:700;font-family:Oswald,serif;text-transform:uppercase}

/* ========================== Header css =========================== */

.fixed-nav .logo img{width:80px}
.fixed-nav .header-item-left a,.fixed-nav .header-item-right a{font-size:16px}
header.fixed-nav{position:fixed;z-index:9;width:100%;animation-name:fadeInDown;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1;box-shadow:0 -2px 8px 0 rgb(0 0 0 / 30%);background:#003a5dd1; backdrop-filter: blur(4px);}
.logo img{max-width:160px}
.header{position:absolute;top:0;z-index:3;width:100%;padding:5px 0}
.header-item-left a{border:2px solid #fff;border-radius:40px;padding:7px 20px;background:0 0;color:#fff;font-size:18px;letter-spacing:1.5px}
.header-item-left a:hover{background:#fff;color:#000;border-color:#fff}
.header-item-right a{font-size:18px;letter-spacing:1.5px}
.header-item-right a:hover{letter-spacing:2px}

/*************************banner-slider*********************/

.banner-strip{position:absolute;bottom:-36px;z-index:2;right:0;transform:rotateX(53deg);width:100%}
.banner-strip img{width:100%}
.home-banner-wrapper .banner-text-block{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;z-index:4;text-align:center;width:100%}
.banner-text-block .banner-tagline{-webkit-animation-duration:1s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner-text-block .banner-tagline{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.banner-text-block p{-webkit-animation-duration:1s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner-text-block p{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
.banner-text-block p{margin-top:30px;font-size:20px}
.top-button .common-btn:hover{background:#00b9ff;color:#fff}
.home-banner-slider{align-items:flex-end;display:flex;justify-content:center;height:100%}
.home-banner-wrapper{height:100vh;overflow:hidden}
.banner-tagline{font-family:Oswald,serif;font-size:80px;color:#fff;margin:0;font-weight:700;text-transform:uppercase}
.home-banner-wrapper::before{content:"";position:absolute;left:0;right:0;height:100%;background:rgb(0 0 0 / 70%);top:0;z-index:0}
.home-banner-wrapper:after{content:"";position:absolute;z-index:1;pointer-events:none;bottom:0;left:0;width:100%;border-bottom:200px solid #fff;border-left:3000px solid transparent}
.video-play-icon{display:flex;width:100px;height:100px;border-radius:50%;font-size:28px;background-color:red;color:#fff;text-align:center;position:relative;align-items:center;justify-content:center;transition:all .3s ease}
.video-play-icon::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:150px;height:150px;border-radius:50%;border:1px solid #fff;-webkit-animation:pulse-border 1.5s ease-out infinite;animation:pulse-border 1.5s ease-out infinite;z-index:-1}
.video-play-icon::after{content:"";position:absolute;z-index:0;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;width:74px;height:74px;border-radius:50%;border:1px solid #fff;-webkit-animation:pulse-border 1.5s ease-out infinite;animation:pulse-border 1.5s ease-out infinite;z-index:-1}
@-webkit-keyframes pulse-border{
0%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(.5);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(.5);opacity:1}
100%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:0}
}
@keyframes pulse-border{
0%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(.5);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(.5);opacity:1}
100%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:0}
}
.abt-txt{padding-right:6rem}
.abt-pic-bx a{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.abt-pic-bx::before{background:#003a5d;width:80%;height:88%;content:"";position:absolute;bottom:0;right:-2rem;border-radius:20px;z-index:-1;top:0;margin:auto}
.heading-outline{color:#003a5d;text-transform:uppercase;border:1.5px solid #003a5d;display:inline-block;padding:10px 26px;border-radius:40px}
.common-btn:hover:after{height:450%;transition:all 1s ease 0s;background:#000}
a.common-btn:hover{color:#fff}
.common-btn{border-radius:10px;text-align:center;background:#003a5d;color:#fff;border:2px solid #003a5d;position:relative;transition:all .4s ease;overflow:hidden;font-size:24px;padding:11px 28px;z-index:2;text-transform:uppercase;font-family:Oswald,serif;font-weight:500}
.common-btn:after{content:"";position:absolute;height:0%;left:50%;top:50%;width:150%;z-index:-1;transition:all .35s ease 0s;background:#fff;transform:translateX(-50%) translateY(-50%) rotate(-25deg)}
.abt-txt::before{content:"CKC";position:absolute;font-family:Oswald;color:#ccc;font-size:300px;font-weight:700;top:82px;margin:auto;text-align:center;opacity:.2;z-index:-1;left:138px;line-height:0}

/*==========================what-we-do-section-css===========================*/

.what-we-do{background:#003A5D;padding:165px 0 175px 0}

#whatdoSlider .owl-nav .owl-prev,#whatdoSlider .owl-nav .owl-next{color:#fff;font-size:24px}
#whatdoSlider .owl-nav .owl-prev,#whatdoSlider .owl-nav .owl-next{border-radius:8px;width:55px;height:55px;border:1px solid #fff;background:#fff;transition:all ease-in-out .3s}
#whatdoSlider .owl-nav{display:block;position:absolute;top:-6.2rem;right:0}
#whatdoSlider .owl-nav .owl-prev,#whatdoSlider .owl-nav .owl-next{color:#000;font-size:26px}
#whatdoSlider .owl-nav .owl-next{margin-left:14px}
#whatdoSlider .owl-nav .owl-prev:hover,#whatdoSlider .owl-nav .owl-next:hover{background:#005487;border:1px solid #005487;color:#fff}

.what-we-do::before{content:"SERVICES";position:absolute;top:50%;left:50%;transform:translate(-50%,-108%);font-family:Oswald;color:#9a8080;font-size:300px;font-weight:700;margin:auto;text-align:center;opacity:.2;z-index:1}
#whatdoSlider .what-we-icon img{width:75px;height:75px}
.heading-small{font-size:34px;font-family:Oswald,serif;color:#003a5d;font-weight:700;text-transform:uppercase}
.what-we-box{background:#fff;border-radius:10px;padding:40px;height:100%}
.what-we-box p{margin:0}
.what-we-icon{background:#003a5d;width:150px;height:150px;display:flex;align-items:center;justify-content:center;margin:0 auto;border-radius:50%}
.what-we-do:after{content:"";position:absolute;z-index:1;pointer-events:none;bottom:0;left:0;width:100%;border-bottom:120px solid #fff;border-left:2000px solid transparent}
.abt-wrapper::before{top:auto;display:block;content:"";position:absolute;z-index:1;pointer-events:none;bottom:-112px;left:0;width:100%;border-top:120px solid #fff;border-right:2000px solid transparent}

.join-us-wrapper:before{top:auto;display:block;content:"";position:absolute;z-index:1;pointer-events:none;bottom:0;left:0;width:100%;border-bottom:120px solid #ddddde;border-left:2000px solid transparent}
.join-us-wrapper .abt-pic-bx img{border:9px solid #ddddde}
.join-us-wrapper{padding-bottom:120px}
.join-us-wrapper .abt-pic-bx::before{display:none}
.join-us-wrapper .video-play-icon{width:75px;height:75px}
.join-us-wrapper .video-play-icon .fas{font-weight:900;font-size:24px}
.heading-large{font-size:100px;font-family:Oswald,serif;color:#003a5d;font-weight:300;text-transform:uppercase}
.counter-box{background:#fff;color:#fff;text-align:center;height:100%;padding:10px;border-radius:6px;box-shadow:0 0 6px #00000029}
.counter-number{background:#003a5d;text-align:center;padding:30px;border-radius:6px}
.counter-number p{margin:0}
.counter-box .heading-title{color:#0092cc;font-size:45px;position:relative;padding:0 0 15px;margin-bottom:20px}
.counter-box .heading-title::after{background:#fff;height:7px;width:60px;content:"";position:absolute;bottom:0;left:0;right:0;margin:auto}
.counter-wrapper{background:#ddddde;padding-bottom:100px}
.counter-wrapper:after{content:"";position:absolute;z-index:1;pointer-events:none;bottom:-100px;left:0;width:100%;border-top:120px solid #ddddde;border-right:2000px solid transparent}

.happy-customer-wrapper{background-image:url(../images/customer-bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;padding:160px 0}
.happy-customer-wrapper::before{content:"";position:absolute;left:0;right:0;height:100%;background:rgb(0 58 93 / 78%);top:0;z-index:0}

.clientsay-text{font-size:28px;line-height:37px}
.clientsay-slider i{position:absolute;left:0;top:-80px}
#clientsaySlider i img{width:100px}
#clientsaySlider .owl-stage-outer{padding-top:100px}
#clientsaySlider .owl-dots .owl-dot{margin:4px}
#clientsaySlider .owl-dots .owl-dot span{background-color:#fff;width:17px;height:17px;display:block}
#clientsaySlider .owl-dots .owl-dot.active span{background-color:#276a94}
#clientsaySlider .owl-dots{display:flex;position:absolute;flex-direction:column-reverse;justify-content:center;align-items:flex-end;right:-20%;top:auto;bottom:109px;margin:auto}
.client-name span{position:relative;font-size:20px;font-family:Oswald;display:flex;margin:0 auto 10px;justify-content:center}
.client-name span:after,.client-name span:before{content:'';border-bottom:1px;margin:auto .25rem;background:#fff;height:1px;width:50px}

.faq-txt::before{content:"FAQ'S";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Oswald;color:#e5e5e5;font-size:300px;font-weight:700;margin:auto;text-align:center;z-index:-1}
.faq-item{margin-top:7rem}
.faq-wrapper{padding:100px 0}
.faq-item .accordion-button:not(.collapsed){color:#fff;background-color:#003a5d;border-radius:10px}
.faq-item .accordion-button{background-color:#d9d9da;border-radius:10px;margin-top:20px; font-size: 20px; font-weight: 400;height: 70px;}
.faq-item .accordion-item{border:0}
.faq-item .accordion-body{padding-left:10px; padding-right:10px; line-height:30px}
.faq-item .accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:10px;border-top-right-radius:10px}
.faq-item .accordion-button:not(.collapsed)::after{font-family:bootstrap-icons;content:"\F11E";transform:rotate(0)}
.faq-item .accordion-button::after{font-family:bootstrap-icons;content:"\F144";transition:all .5s;background-color:#fff;border-radius:40px;width:30px;height:30px;position:absolute;font-size:16px;background-image:none;right:17px;display:flex;color:#000;align-items:center;justify-content:center}

#scrollSlider .item img{width:auto;margin:auto}
#scrollSlider{padding:100px 0}

#forGot .modal-content,#signUp .modal-content,#logIn .modal-content{border-radius:0}
#forGot button.btn-close,#aboutModal button.btn-close,#logIn button.btn-close,#signUp button.btn-close,#videoModal button.btn-close{position:absolute;right:0;width:32px;height:32px;background-color:#fff;border:1px solid #ccc;opacity:1;border-radius:40px;color:#fff;top:0;cursor:pointer;z-index:1}
#aboutModal .modal-body{position:relative;flex:1 1 auto;padding:16px 26px}
.window-txt{width:95%;padding-left:15px;padding-right:15px}
.window-txt .comment-form .form-control{height:45px;font-size:14px;border-radius:0;border-right:0;border-left:0;border-top:0;padding-left:0}
.window-txt .common-btn{border-radius:6px;font-size:20px;padding:11px 18px}
.window-txt a{color:#003a5d}
.form-control:focus{border-color:#d1d1d1;box-shadow:none}
.window-txt label {font-size: 13px; color: #646464; font-weight: 300;}
.window-pic img {border: 10px solid #fff;}


/*==========================instagram-section-css===========================*/

.insta-box:hover .insta-title{height:100%}
.insta-box>a>img{-webkit-transition:.3s;max-height:400px;min-height:400px}
.insta-box a{width:100%}
.insta-box:hover .insta-icon{top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto}
.insta-box:hover img{transform:scale(1.2)}
.insta-title{transition:all ease-in-out .3s;position:absolute;bottom:0;width:100%;height:0;background-image:linear-gradient(rgb(0 0 0 / 40%),rgb(0 0 0 / 40%),rgb(0 0 0 / 82%))}
.insta-icon{bottom:-185px;position:absolute}
.instagram-wrapper{background:#ddddde}
.insta-box .insta-icon img{width:45px}
.instagram-wrapper:before{content:"";position:absolute;z-index:1;pointer-events:none;top:-200px;left:0;width:100%;border-bottom:200px solid #ddddde;border-left:2600px solid transparent}

/********************footer-css******************/
.newsletter span.wpcf7-form-control-wrap {
    width: 100%;
}
.newsletter .news-icon br {display:none;}

.newsletter input.wpcf7-form-control.wpcf7-email{color: #fff; width:86%;border-bottom:1px solid #ccc;height:45px;background:0 0;border-right:0;border-top:0;border-left:0}
.newsletter input.wpcf7-form-control.wpcf7-email::placeholder{color:#d9d9da;opacity:1}

.newsletter .news-icon{position:absolute;right:0;top:4px;background:0 0;border:none;color:#fff;font-size:36px}
.footer-contact-info ul li{display:flex;margin-bottom:28px}
.footer-contact-info ul li span{padding-left:12px;color:#fff;line-height:27px;text-transform:none;font-size:15px}
.footer-link .page-contact-info a:hover .bi,.footer-link .page-contact-info a:hover span,.footer-link li a:hover{color:#adadad}
.footer-bottom{background:#000;z-index:5;position:relative}
.footer{    padding-top: 60px; padding-bottom:0;background:#003a5d;color:#fff}
.footer-info{padding:60px 0 0 0}
.footer-link h5{color:#fff;font-weight:700;font-size:25px;text-transform:uppercase;margin-bottom:24px}
.footer-connect-right a,.footer-link .page-contact-info a{transition:all .3s ease-out}
.footer-link ul li .bi{font-size:20px}
.footer-link ul li{margin:0 0 25px;}
.footer-link ul li a{color:#fff;text-decoration:none;font-weight:400}
.social-icon ul{display:flex;align-items:center}
.footer-link .social-icon ul li{margin-right:7px;margin-bottom:0}
.footer-link .social-icon ul li a:hover{padding:0;background:#1037b6;color:#fff}
.social-icon ul li a{color:#fff;border:2px solid #003a5d;text-align:center;width:40px;height:40px;display:flex;justify-content:center}
.social-icon ul li a .bi{display:flex;align-items:center;justify-content:center;font-size:24px}
.copyright p{margin:0;padding:16px 0}
.footer-connect-right .bi{font-size:30px}
.footer-contact-info ul li a{font-weight:500;display:flex;align-items:center}
.footer-connect-right{display:flex}

.back-to-top{position:fixed;bottom:10px;right:10px;display:none}
.back-to-top{z-index:99}
.back-to-top img{width:70px}


/*==========================Responsive-css===========================*/

@media only screen and (min-width:1601px){
.banner-strip {bottom: -65px; right: -2px; transform: rotateX(45deg);}    
}

@media (max-width:1450px){
.banner-tagline {font-size: 65px;}
.what-we-box {padding: 40px 18px;}    
}
@media (max-width:1199px){
.home-banner-wrapper{height:auto;min-height:550px}
#video{height:600px;object-fit:cover}
.instagram-wrapper{padding:30px 0}
.banner-strip{bottom:-25px}
.banner-tagline{font-size:55px}
.banner-text-block p{font-size:18px}
.header-item-left a,.header-item-right a{font-size:16px}
.logo img{max-width:85px}
.abt-txt{padding-right:0}
.video-play-icon{width:70px;height:70px;font-size:20px}
.abt-wrapper{padding-bottom:0}
.what-we-do{padding:130px 0}
.heading-title{font-size:45px}
.what-we-do::before{transform:translate(-50%,-155%);font-size:200px}
.join-us-wrapper{padding:30px 0 90px 0}
.counter-box .heading-title{font-size:40px}
.counter-number{padding:18px}
.counter-wrapper{padding:30px 0}
.happy-customer-wrapper{padding:120px 0 50px 0}
.clientsay-text{font-size:22px}
#clientsaySlider i img{width:65px}
.insta-box>a>img{min-height:300px}
.heading-small{font-size:30px}
#clientsaySlider .owl-item span{display:block}
}
@media (max-width:991px){
.banner-strip{display:none}
.abt-wrapper .row{flex-direction:column-reverse}
.abt-pic-bx::before{right:-20px}
.abt-txt::before{top:100px}
.what-we-box{padding:20px}
.what-we-icon{width:100px;height:100px}
#whatdoSlider .what-we-icon img{width:50px;height:50px}
.common-btn{font-size:20px}
.what-we-do::before{font-size:160px}
#whatdoSlider .owl-nav .owl-next,#whatdoSlider .owl-nav .owl-prev{width:40px;height:40px;font-size:20px}
.mt-5{margin-top:2rem!important}
.heading-large{font-size:80px}
#clientsaySlider .owl-stage-outer{padding-top:80px}
.faq-wrapper{padding:50px 0}
.faq-txt::before{font-size:230px}
.faq-item{margin-top:4rem}
#video{height:530px}
.window-pic img {height: 240px; object-fit: cover;}
.window-txt {width: 95%; padding: 20px 10px;}
.window-pic {display: none;}
.footer {padding-top: 20px;}
}
@media (max-width:767px){
#video{height:430px}
.banner-tagline{font-size:40px}
.home-banner-wrapper{min-height:inherit}
.abt-txt::before{left:0;right:0}
.abt-txt p{text-align:justify}
.heading-large{font-size:60px}
.heading-title{font-size:40px}
.clientsay-text{font-size:18px}
.faq-item .accordion-button{font-size:17px}
#scrollSlider{padding:50px 0 0}
.counter-number{padding:40px 20px}
.abt-wrapper::before{bottom:-60px}
.what-we-do{padding:90px 0}
#whatdoSlider .owl-nav{display:flex;position:relative;top:0;margin:30px auto 0;justify-content:center}
.join-us-wrapper{padding:30px 0 60px 0}
.counter-wrapper:after{bottom:-30px;border-top:50px solid #ddddde}
.happy-customer-wrapper{padding:60px 0}
.faq-txt::before{font-size:150px}
.faq-item{margin-top:3rem}
.footer-info{padding:30px 0 0 0}
.footer-link h5{font-size:22px;margin-bottom:14px}
.footer-link ul li{margin:0 0 16px}
.logo img{max-width:70px}  
.header-item-left a .bi,.header-item-right a .bi{font-size:22px} 
.fixed-nav .header-item-left a,.fixed-nav .header-item-right a,.header-item-left a,.header-item-right a{font-size:0} 
.header-item-left a{border:0;padding:0}                      
}
@media (max-width:575px){
.heading-title{font-size:34px}
.me-2{margin-right:0!important}
.banner-tagline{font-size:28px}
.banner-text-block p{font-size:16px}
#video{height:400px}
.abt-pic-bx::before,.banner-text-block p br{display:none}
.abt-txt::before{font-size:200px}
.what-we-do::before{transform:translate(-50%,-246%);font-size:85px}
.insta-box{margin-bottom:20px}                  
}