body { color:#000; font-family:Montserrat; }
:root { --main-color:#82bd36; --main-color-1:#14a247; --main-color-2:#52c6e1; --main-color-3:#182e51; }
a, i, button { outline:none; text-decoration:none !important; transition:all ease 0.5s !important; -webkit-transition:all ease 0.5s; }
ul { list-style:none; margin:0; padding:0; }
img { height:auto; object-fit:cover; width:auto; }

header { background-color:#fff; position:sticky; top:0; transition:all 500ms; z-index:111; }
header.smaller { top:-38px; }
header .col-lg-4, header .col-lg-8 { align-self:center; }
.top-head { background-color:var(--main-color-3); padding:7px 0 0; text-align:center; }
.top-head li { color:#fff; font-size:14px; font-weight:600; padding:0 0 8px; }
.top-head li img { margin:-2px 6px 0 0; }
.top-head li a, .call-list li a:hover { color:var(--main-color); }
.top-head li a:hover, .call-list li a, .work-txt a:hover, .map-box li a { color:#fff; }
.bottom-head { padding:10px 0; }
.bottom-head h6 { color:var(--main-color-2); font-size:16px; font-weight:600; margin:10px 0 0; }
.call-btn { color:var(--main-color-3); display:inline-block; font-size:28px; font-weight:400; }
.call-btn:hover { color:var(--main-color-1); }
.logo { width:380px; }

.main .col-lg-4, .main .col-lg-8, .service-sec .col-lg-4, .service-sec .col-lg-8, .why-sec .col-lg-6, .schedule-sec .col-lg-6, .gallery-sec .col-lg-4, .map-sec .col-lg-4, .map-sec .col-lg-8 { padding:0; position:relative; }
.main-box { left:0; padding:75px 200px 0 60px; position:absolute; right:0; top:0; }
.main-box h1 { color:#fff; font-size:40px; font-weight:700; line-height:1.3; margin:0 0 25px; padding:0 0 23px; position:relative; }
.main-box h1 b { color:#82BD36; font-weight:800; }
.main-box h1::after { border-bottom:1px solid #fff; bottom:0; content:''; left:0; position:absolute; width:45%; }
.main-box p { color:#fff; font-size:18px; line-height:1.6; margin:0 0 22px; }
.main-box li { align-items:start; color:#fff; display:flex; font-size:18px; font-weight:700; gap:22px; padding:0 0 18px; }
.main-box li img { height:auto !important; object-fit:unset; padding:2px 0 0; width:23px; }

.call-btn-fix { align-items:center; background-color:var(--main-color); border-radius:100px; bottom:25px; box-shadow:0 4px 7px -1px rgba(0,0,0,.3); display:flex; gap:25px; left:25px; padding:18px 40px; position:fixed; z-index:11; }
.call-btn-fix img { width:28px; }
.call-btn-fix h4 { color:#fff; font-size:18px; margin:0; }
.call-btn-fix h4 span { display:block; font-size:26px; font-weight:normal; padding:2px 0; }
.call-btn-fix h4 strong { font-size:14px; font-weight:normal; }

.work-sec .col-lg-5, .work-sec .col-lg-7 { padding:0; }
.work-txt { background-color:var(--main-color-3); height:100%; padding:70px 55px; }
.work-txt h2 { border-bottom:1px solid #82BD36; border-top:1px solid #82BD36; color:#fff; font-size:40px; font-weight:600; line-height:1.3; margin:20px 0; padding:12px 0; }
.work-txt h4 { color:#82BD36; font-size:16px; font-weight:700; line-height:1.4; margin:0; }
.work-txt h5 { color:#fff; font-size:20px; font-weight:700; line-height:1.4; margin:28px 0 -25px; }
.work-txt p { color:#fff; font-size:16px; line-height:1.7; margin:40px 0; }
.work-txt a { color:#82BD36; display:inline-block; font-size:15px; font-weight:700; }
.work-box { height:100%; position:relative; }
.work-box .serv-box { background-color:rgba(24,46,81,0.8); left:0; margin:0 auto; padding:30px 25px 18px; position:absolute; right:0; top:28px; width:380px; }
.work-sec .owl-nav button { background-color:#82BD36 !important; background-image:url(https://bookssaircondi.wpenginepowered.com/media/arrow.svg) !important; background-position:center !important; background-repeat:no-repeat !important; border-radius:50%; bottom:45px; font-size:0 !important; height:85px; left:20px; margin:30px 8px 0; position:absolute; width:85px; }
.work-sec .owl-nav .owl-next { background-image:url(https://bookssaircondi.wpenginepowered.com/media/arrow1.svg) !important; left:auto; right:20px; }

.in-box { margin:0 0 27px; }
.cont-form { background-color:var(--main-color-3); height:100%; padding:130px 45px 25px; text-align:center; }
.cont-form h2 { border-bottom:1px solid var(--main-color); color:#fff; font-size:34px; font-weight:700; margin:0 0 38px; padding:0 0 22px; }
.cont-form h3 { color:#82BD36; font-size:22px; font-weight:700; line-height:1.35; margin:0 0 15px; }
.cont-form p { color:#fff; font-size:14px; line-height:1.6; margin:25px 0 38px; }
.cont-form img { margin:25px auto 0; width:150px; }
.cont-form ul { padding:45px 0 0; }
.cont-form li { align-items:start; color:#fff; display:flex; font-size:14px; gap:12px; padding:0 0 13px; text-align:left; }
.cont-form li img { margin:5px 0 0; object-fit:unset; width:auto; }
.box { background-color:#fff; border:1px solid #fff; border-radius:4px; color:#1B1A1A; font-size:15px; outline:none; padding:9px 15px; text-align:left; width:100%; }
.box:focus { border:1px solid var(--main-color-1); }
.box:focus::placeholder { color:transparent; }
.box::placeholder { color:#c6c6c6; opacity:1; }
.req-btn { background-color:var(--main-color); border:2px solid #fff; border-radius:50px; color:#fff; display:inline-block; font-size:20px; font-weight:500; padding:17px 0; text-transform:uppercase; width:100%; }
.req-btn:hover { background-color:var(--main-color-1); color:#fff; }

.banner-logo { background-color:#222; padding:25px 0; }
.banner-logo .owl-carousel .owl-stage { align-items:center; display:flex; height:100px; }
.serv-tab-box { background-color:var(--main-color-3); height:100%; padding:70px 35px; text-align:center; }
.serv-tab-box h2 { color:#fff; font-size:16px; font-weight:600; line-height:1.5; margin:0; }
.serv-tab-box h3 { border-bottom:1px solid var(--main-color); border-top:1px solid var(--main-color); color:#fff; font-size:40px; font-weight:600; margin:17px 0; padding:18px 0; }

.service-sec .nav-tabs { border-bottom:none; gap:24px; justify-content:center; margin:35px 0 0; }
.service-sec .nav-tabs li { width:100%; }
.service-sec .nav-tabs li a { border:1px solid #fff; color:#fff; display:block; font-size:18px; padding:13px 15px; }
.service-sec .nav-tabs li .active { background-color:var(--main-color-2); border:1px solid transparent; clip-path:polygon(0% 0%, 92% 0%, 100% 50%, 92% 100%, 0% 100%); }
.service-sec .tab-content, .service-sec .tab-pane, .why-sec .col-lg-6:last-child img, .gallery-sec img { height:100%; }
.serv-main { align-items:center; background-position:top center; background-size:cover; display:flex; height:100%; justify-content:center; padding:50px 12px; }

.serv-box { background-color:rgba(24,46,81,0.7); border:1px solid #fff; padding:20px; text-align:center; width:500px; }
.serv-box h4 { color:#fff; font-size:24px; font-weight:700; margin:0; }
.serv-box p { color:#fff; font-size:18px; margin:12px 0; }
.serv-box .req-btn { font-size:18px; padding:13px 28px; width:auto; }

.why-box { padding:75px 70px; }
.why-box h2 { border-bottom:1px solid #82BD36; color:#000; font-size:42px; font-weight:700; line-height:1.4; margin:0; padding:0 0 20px; }
.why-box h3 { color:#000; font-size:24px; font-weight:700; line-height:1.5; margin:27px 0 0; }
.why-box h4 { color:#52C6E1; font-size:24px; font-weight:800; line-height:1.45; margin:45px 0 0; }
.why-box p { color:#000; font-size:18px; line-height:1.7; margin:25px 0; }
.why-box .req-btn { border:none; font-size:18px; padding:15px 28px; width:auto; }

.call-sec { background-color:var(--main-color-3); padding:60px 0; }
.call-sec h2 { color:#fff; font-size:28px; font-weight:700; line-height:1.4; margin:0; text-transform:capitalize; }
.call-sec h2 strong { display:block; font-size:24px; font-weight:400; }
.call-sec .req-btn { font-size:20px; font-weight:700; padding:13px 28px; width:auto; }

.client-sec { padding:80px 0; text-align:center; }
.client-sec .owl-stage { display:flex; }
.client-sec h2 { color:#000; font-size:42px; font-weight:700; margin:0 0 20px; }
.client-sec h2 img { display:block; margin:18px auto 0; }
.client-sec h3 { color:#000; font-size:24px; font-weight:400; margin:0 0 50px; }
.client-sec h4 { align-items:center; color:#000; display:flex; font-size:12px; font-weight:700; gap:10px; margin:0 0 0 40px; }
.client-sec h4 img { width:20px !important; }
.client-box { border:1px solid #c6c6c6; border-radius:8px; height:100%; padding:18px 28px 28px 18px; text-align:left; }
.client-box .star { width:auto !important; }
.client-sec p { color:#212529; font-size:16px; line-height:1.6; margin:30px 0 22px; padding-left:40px; position:relative; }
.client-sec p::before, .client-sec p::after { background-image:url(../images/comma.svg) !important; content:''; height:21px; left:0; position:absolute; top:0; width:26px; }

.map-box { background-color:rgba(24,46,81,0.85); padding:52px; }
.map-box h4 { color:#fff; font-size:18px; font-weight:700; margin:0; text-align:center; }
.map-box p { color:#fff; font-size:14px; line-height:1.6; margin:12px 0 30px; text-align:center; }
.map-box ul { column-count:4; }
.map-box li { font-size:12px; padding:0 0 6px; }
.map-box li a:hover { color:#82BD36; }

footer { background-color:var(--main-color-3); padding:50px 0 0; }
footer .col-lg-3 { padding-top:25px; }
footer img { margin:0 0 15px; }
footer h2 { border-bottom:1px solid #fff; color:#fff; font-size:15px; font-weight:500; margin:0 0 16px; padding:0 0 16px; }
footer h3 { border-top:1px solid rgba(255,255,255,.3); color:#fff; font-size:20px; margin:10px 0 0; padding:25px 0; text-align:right; }
footer h3 img { margin:0 0 0 10px; width:290px; }
footer p { color:#fff; font-size:15px; line-height:1.8; margin:0; }
footer p a { color:#fff; text-decoration:underline !important; }
footer li { color:#fff; font-size:15px; list-style:circle; margin:8px 0 0 15px; word-break:break-word; }
.call-list { padding:50px 0 0; }
.call-list li { font-size:18px; font-weight:500; list-style:none; margin:0 0 10px; }
.call-list li i { color:var(--main-color-2); font-size:32px; margin-right:8px; vertical-align:middle; }

/* Thank You */
.thank-sec { padding:70px 12px; text-align:center; }
.thank-sec h2 { color:#000; font-size:80px; font-weight:bold; line-height:1; margin:25px 0 20px; }
.thank-sec p { color:#000; font-size:18px; font-weight:600; margin:0; }

/*.................. Home-Page-Media .................. */
@media (min-width:320px) and (max-width:369.98px){
.main .mob-img { height:720px; object-position:bottom; }
}

@media (min-width:320px) and (max-width:767.98px){
header .col-lg-8 { display:none; }
.top-head li:last-child, .logo, .desk-img, .call-btn i { display:none; }
.top-head li { font-size:0; }
.top-head li a, .main-box p, .serv-box .req-btn, .call-sec .req-btn { font-size:16px; }
.top-head li img { margin:-11px 6px 0 0; }
.call-btn-fix { bottom:12px; gap:14px; left:12px; padding:12px 24px 12px 15px; }
.call-btn-fix img { width:24px; }
.call-btn-fix h4 span, .call-btn { font-size:20px; line-height:1.2; }
.call-btn b { display:block; }
.bottom-head h6 { font-size:13px; margin:0; }
.mob-logo { width:290px; }
.main-box { padding:45px 30px 0 30px; }
.main-box h1 { font-size:32px; }
.main-box h1::after { width:100%; }
.main-box li { font-size:15px; }
.work-txt { background-color:#fff; padding:70px 20px; }
.work-txt p, .work-txt a:hover { color:var(--main-color-3); }	
.work-txt h2 { font-size:30px; color:var(--main-color-3); }	
.work-box .serv-box { left:25px; padding:30px 25px 18px; right:25px; top:25px; width:auto; }
.work-box img { height:500px; }	
.work-sec .owl-nav button { background-size:22px auto !important;  bottom:20px; height:45px; left:10px; width:45px; }
.work-sec .owl-nav .owl-next { left:auto; right:10px; }	
.cont-form h2 { font-size:28px; }	
.call-list li i { font-size:24px; }
.cont-form { padding:30px; }
.req-btn { font-size:16px; padding:10px 0; }
.why-box { padding:50px 12px; }
.why-box h2 { font-size:30px; }
.why-box img { width:145px; }
.call-sec { text-align:center; }
.call-sec h2 { margin:0 0 25px; }
.gallery-sec img { height:350px; }
.map-box {  padding:45px 20px; }
.map-box ul { column-count:2; }	
footer h3 { margin:25px 0 0; text-align:left; }
footer h3 img { display:block; margin:12px 0 0; }
.thank-sec h2 { font-size:55px; }
}

@media (min-width:320px) and (max-width:991.98px){
.schedule-sec iframe { height:350px; }
.serv-tab-box h3 { font-size:35px; }
.serv-box { width:auto; }
}

@media (min-width:768px){
header .col-lg-8 { text-align:right; }
.top-head ul { display:flex; justify-content:space-between; }
.mob-logo, .mob-img { display:none; }
.call-sec .col-xl-10 { align-items:center; display:flex; justify-content:space-between; }
.call-list { display:flex; gap:25px; justify-content:center; }
.map-box { border:2px solid #fff; bottom:44px; left:44px; position:absolute; right:44px; }
.map-sec .w-100 { height:100%; }	
}

@media (min-width:768px) and (max-width:991.98px){
.logo { width:320px; }
.call-sec h2 { width:50%; }
.work-sec .col-lg-5 { order:2; }
}

@media (min-width:992px){	
.main .col-lg-8 img, #work-sec, #work-sec .owl-stage-outer, #work-sec .owl-stage-outer .owl-stage, #work-sec .owl-stage-outer .owl-item, .work-box img { height:100%; }
}

@media (min-width:992px) and (max-width:1445.98px){
.main .col-lg-8 img { height:100%; }	
.cont-form { padding:55px 25px 25px; }
.main-box { padding:75px 50px 0; }
.cont-form .req-btn { font-size:18px; padding:13px 0; }	
}

@media (min-width:1200px){
.schedule-sec .cont-form { padding:55px 75px; }
.call-sec h2 strong { width:85%; }		
}