body { color:#000; font-family:Mulish; }
:root { --main-color:#14345b; --main-color-1:#365af7; }
a, i, button, .serv-box { outline:none; text-decoration:none; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; }
ul { list-style:none; margin:0; padding:0; }
img { object-fit:cover; }
h1, h2, h3, h4, h5, h6 { font-family:Roboto; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; }

header { background-color:#fff; position:sticky; top:0; transition:all 500ms; z-index:111; }
header.smaller { box-shadow:0 0 4px #999; top:-47px; }
header .col-lg-3, header .col-lg-4, header .col-lg-8, header .col-lg-9, .main-banner .col-xl-4, .main-banner .col-xl-6, .about-sec .col-lg-6, .contact-sec.dd .col-lg-5 { align-self:center; }
.top-head { background-color:var(--main-color); font-size:17px; padding:8px 0; }
.top-head a { color:#fff; font-size:15px; font-weight:bold; } 
.top-head a i { padding-right:4px; }
.top-head a:hover, header .navbar-expand-md .navbar-nav .nav-link:hover, header .navbar-nav .nav-link:focus, .about-sec p a:hover, .serv-box:hover h3, .call-btn:hover, .about-sec.dd li::marker { color:var(--main-color-1); }
.social-icon { display:flex; justify-content:end; gap:8px; }
.social-icon li i { align-items:center; background-color:#fff; border-radius:50%; color:var(--main-color); display:flex; font-size:18px; height:32px; justify-content:center; padding:0; width:32px; }
.social-icon li i:hover, .contact-sec .call-btn:hover, .call-btn:hover, .special-sec.dd .call-btn:hover { background-color:var(--main-color-1); color:#fff; }
.logo { width:250px; }
header .call-btn { margin-left:35px; }
.call-btn { background-color:var(--main-color); border:none; border-radius:30px; color:#fff; display:inline-block; font-size:16px; font-weight:bold; padding:11px 20px; text-transform:uppercase; }

/**** Navbar CSS Start Here ****/
header .navbar { padding:0; }
header .navbar-expand-md .navbar-nav .nav-link { color:#000; font-size:16px; font-weight:600; padding:38px 20px; position:relative; text-transform:capitalize; }
header .navbar-expand-md .navbar-nav .nav-link i { font-size:12px; padding-left:2px; }
/**** Navbar CSS End Here ****/

.main-banner { background-image:url(../images/about-banner.webp) !important; background-position:center center; background-size:cover; color:#fff; padding:40px 0; position:relative; z-index:0; }
.main-banner::before { background-color:rgba(0,0,0,0.6); bottom:0; content:''; left:0; position:absolute; right:0; top:0; z-index:-1; }
.main-banner h1 { font-size:45px; font-weight:800; line-height:1.4; margin:0; }
.main-banner h2 { color:var(--main-color-1); font-size:32px; font-weight:600; margin:0 0 15px; }
.main-banner p { color:#fff; font-size:18px; line-height:1.6; margin:10px 0 0; }
.main-banner form { background-color:rgba(255,255,255,0.6); border-radius:8px; overflow:hidden; padding:0 30px 22px; }
.main-banner form h2 { background-color:var(--main-color); color:#fff; font-size:24px; font-weight:700; margin:0 -30px 20px; padding:17px 15px; text-align:center; }
.main-banner .in-box, .contact-form .in-box { margin:0 0 14px; position:relative; }
.main-banner .box { background-color:#fff; color:#000; padding:8px 12px; }
.main-banner .box::placeholder {  color:#000; opacity:1; }
.main-banner .box option, .contact-sec .box option { background-color:#fff; color:#333; }
.main-banner textarea.box, .contact-sec textarea.box { height:auto; }
.main-banner form .wpcf7-spinner { display:none; }
.main-banner form .wpcf7-response-output { border-color:var(--main-color) !important; margin:15px 0 0; }
.get-btn { background-color:var(--main-color-1); border:none; border-radius:30px; color:#fff; display:inline-block; font-size:16px; font-weight:bold; padding:9px 26px; text-transform:capitalize; width:100%; }
.get-btn:hover { background-color:#fff; color:var(--main-color); }

.about-sec { padding:70px 0; }
.about-sec.dd video { object-fit:cover; }
.about-sec h2 { color:var(--main-color); font-size:40px; font-weight:900; margin:0 0 40px; text-align:center; }
.about-sec.dd h2 { font-size:30px; line-height:1.35; margin:0 0 14px; text-align:left; }
.about-sec h3 { color:var(--main-color-1); font-size:20px; line-height:1.4; margin:0 0 12px; text-align:left; }
.about-sec img, .about-sec video { border-radius:0 50px 0 0; }
.about-sec p, .service-sec p { color:#555; font-size:16px; line-height:1.6; margin:0 0 15px; text-align:left; }
.about-sec p a { color:var(--main-color); }

.service-sec { background-color:#eff7fc; padding:50px 0; text-align:center; }
.service-sec .col-lg-4, .team-sec .col-lg-3, .service-txt img, .blog-sec .col-lg-4, .blog-list { margin:0 0 25px; }
.service-sec h2, .client-sec h2 { color:#000; display:inline-block; font-size:36px; font-weight:700; margin:0 0 42px; padding:0 0 14px; position:relative; }
.service-sec h2::before, .client-sec h2::before { background-color:var(--main-color-1); bottom:0; content:''; height:4px; left:0; margin:0 auto; position:absolute; right:0; width:60px; }
.serv-box { background-color:#fff; border:1px solid #fff; border-radius:18px; box-shadow:0 0 2px #ddd; height:100%; padding:18px; position:relative; text-align:left; }
.serv-box img { width:65px; }
.serv-box:hover, .equip-sec.dd-1 .serv-box:hover, .equip-sec.pool-txt .serv-box:hover { border:1px solid var(--main-color-1); }
.serv-box h3 { color:#1c1c1c; font-size:20px; font-weight:600; margin:20px 0 10px; text-transform:capitalize; } 
.equip-sec.dd-2 .serv-box h3 { font-size:24px; text-align:center; }
.equip-sec.dd-2 .serv-box p { font-size:17px; text-align:center; }

.equip-sec .col-lg-3, .equip-sec .col-lg-4 { margin:70px 0 0; }
.equip-sec.dd-2 h2 { margin:0 0 10px; }
.equip-sec.dd-2 .col-lg-4 { margin:110px 0 0; }
.equip-img { align-items:center; background-color:#365af7; border-radius:50%; display:flex; height:100px; justify-content:center; margin:-65px auto 0; width:100px; }
.equip-sec.dd-2 .equip-img { height:150px; margin:-93px auto 0; width:150px }
.equip-sec.dd-2 .equip-img img { filter:invert(100%); width:85px; }
.equip-sec.dd-2 .get-btn { border:1px solid var(--main-color-1); margin:30px 0 0; width:auto; }

.service-sec.dd { padding:50px 0 140px; }
.serv-img, .inner-banner { position:relative; }
.serv-img img { border-radius:8px; }
.serv-img::before { border:4px solid var(--main-color-1); border-radius:8px; bottom:20px; content:''; left:20px; position:absolute; right:20px; top:20px; }

.client-sec { padding:50px 0; text-align:center; }
.client-sec .owl-stage-outer { padding:35px 5px 5px; }
.client-box { background-color:#fff; border:1px solid #fff; box-shadow:0 0 2px #ddd; min-height:422px; padding:0 25px 30px; }
.client-box:hover { background-color:#1B2E59; }
.client-box:hover h4, .client-box:hover p { color:#fff; }
.client-box p { color:#252634; font-size:17px; line-height:1.6; margin:20px 0 12px; }
.client-box h4 { color:var(--main-color); font-size:20px; font-weight:600; margin:0; }
.client-img { border:1px solid var(--main-color); border-radius:50%; height:70px; margin:-35px auto 0; padding:2px; width:70px; }
.client-img img { border-radius:50%; }
.client-sec .owl-nav button { background-color:var(--main-color) !important; border:2px solid var(--main-color-1) !important; border-radius:50%; color:#fff !important; height:35px; margin:0 5px; width:35px; }
.client-sec .owl-nav button span { font-size:33px; line-height:0.65; }

.contact-sec { background-color:var(--main-color-1); color:#fff; overflow:hidden; }
.contact-sec form { padding:75px 40px 75px 25px; }
.contact-sec h2 { font-size:32px; font-weight:700; margin:15px 0 28px; }
.contact-sec h3 { color:#fff; font-size:18px; font-weight:400; letter-spacing:1px; margin:0; text-transform:uppercase; }
.in-box { margin:0 0 18px; position:relative; }
.box { background-color:transparent; border:1px solid rgba(255,255,255,0.44); border-radius:2px; color:#fff; font-size:16px; height:44px; outline:none; padding:8px 12px; width:100%; }
.box:focus { border:1px solid var(--main-color); }
.box:focus::placeholder { color:transparent; }
.box::placeholder {  color:#fff; opacity:1; }
.contact-sec .call-btn { background-color:#fff; color:#000; padding:11px 30px; }
.contact-sec .call-btn:hover { background-color:var(--main-color); }

.copy-txt.dd { background-color:var(--main-color); padding:18px 0; text-align:center; }
.copy-txt p { color:#fff; font-size:14px; margin:0; }


/*.................. Home-Page-Media .................. */
@media (min-width:320px) and (max-width:767.98px){
header.smaller { top:-103px; }	
.top-head { text-align:center; }	
.social-icon { justify-content:center; margin-top:5px; }
header .call-btn { align-items:center; border-radius:50%; display:flex; font-size:0; height:40px; justify-content:center; margin-left:0; width:40px; }
header .call-btn i { font-size:22px; }
header .col-lg-3 { width:55%; }
header .col-lg-9 { width:45%; }
.main-banner h1 { font-size:23px; font-weight:600; }
.main-banner h2 { font-size:24px; }
.main-banner form { margin-top:25px; }
.service-sec.dd .serv-box { height:auto; margin:20px 0 0; }
.about-sec.dd h2 { font-size:22px; }
.contact-sec { padding:15px 0 40px; }
.contact-sec form { padding:25px 0 0; }
.client-box { min-height:unset; }	
}

@media (min-width:360px) and (max-width:767.98px){
header.smaller { top:-78px; }		
}

@media (min-width:320px) and (max-width:991.98px){
.mob-logo { margin:20px auto; width:150px; }
.logo { margin:10px 0; width:180px; }
header .navbar-expand-md { justify-content:flex-end; padding:10px 0; }
header .navbar-expand-md .navbar-toggler { order:2; padding:0 0 0 15px; }	
header .navbar-collapse { background-color:#fff; box-shadow:0 0 5px #999; height:100%; left:0; overflow-y:auto; position:fixed; top:0; transform:translateX(-100%); transition:0.3s cubic-bezier(0.55,0,0.1,1); width:280px; z-index:11; -webkit-transform:translateX(-100%); -webkit-transition:0.3s cubic-bezier(0.55,0,0.1,1); }
header .collapse.show { transform:translateX(0); -webkit-transform:translateX(0); } 
header .navbar-nav { display:block; padding:0 15px; }
header .navbar-toggler:focus { box-shadow:none; outline:none; }
header .navbar-toggler .icon-bar { background-color:#000; display:block; height:2px; margin:5px 0; outline:none; transition:all 500ms; width:25px; }
header .navbar-toggler:not(.collapsed) .icon-bar { position:relative; transition:all 300ms ease-in-out 0s; }
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) { top:7px; transform:rotate(45deg); }
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) { opacity:0; }
header .navbar-toggler:not(.collapsed) .icon-bar:last-child { top:-7px; transform:rotate(-45deg); }
header .navbar-expand-md .navbar-nav .nav-link { align-items:center; display:flex; justify-content:space-between; }
header .navbar-expand-md .navbar-nav .nav-link { border-bottom:1px solid #e2e2e2; padding:10px 0; }
header .navbar-nav .nav-link:hover, header .navbar-nav .dropdown-toggle.show { color:var(--main-color-1); }
.main-banner p { font-size:16px; }
.main-banner form h2 { font-size:22px; }
.about-sec.dd video { height:300px; margin:0 0 20px; }
.client-sec .owl-nav { margin-top:15px; }
}

@media (min-width:768px){
.contact-sec .col-lg-6.dd { padding-left:0; }
}

@media (min-width:768px) and (max-width:991.98px){
header .navbar-expand-md .navbar-toggler, header .navbar-expand-md .navbar-collapse { display:block !important; }
header .navbar-expand-md .navbar-nav .dropdown-menu { position:relative; }
.main-banner h1 { font-size:30px; font-weight:600; }
.main-banner h2 { font-size:24px; }
.client-box { min-height:503px; }		
}

@media (min-width:992px){
header .navbar-collapse { justify-content:end; }	
.mob-logo { display:none; }
}

@media (min-width:992px) and (max-width:1199.98px){
.main-banner h1 { font-size:36px; }
.client-box { min-height:556px; }		
}

@media (min-width:1200px) and (max-width:1399.98px){
.client-box { min-height:475px; }		
}