/* common-css-start */
:root {
--color-black:#000000;
--color-white:#ffffff;
--color-green:#B1D1A4;
--color-purple:#9BACF8;
--text-color:#3E505B;
--border-grey:#cccccc;
--transition:0.5s all;
}
.bg-green{background-color: #B1D1A4;}
.bg-purple{background-color: #9BACF8;}
.bg-blue{ background-color: #CFE8F8; }
.text-color{color: var(--text-color);}
.text-white{color: var(--color-white);}
.text-green{color: var(--color-green);}
.fw-bold{font-weight: 700;}
.fw-semibold{font-weight: 600;}
.fw-medium{font-weight: 500;}
.fw-regular{font-weight: 400;}
.text-captalize{text-transform: capitalize;}
.p-relative{position: relative;}
.radius-100{border-radius: 100%;}
.radius-0{border-radius: 0%;}
h1,h2,h3,h4,h5,h6,p{margin: 0;font-family: 'Lora';}
body{overflow-x: hidden;font-family: "Lora", serif !important;}
section{position: relative;}
html{overflow-x: hidden;}
html.myClass{overflow: hidden;}
ul{padding:0;margin:0;}
a{text-decoration:none;}
.main-heading {font-size: 4.2rem;line-height: normal;margin-bottom: 25px;position: relative;letter-spacing: 2px;}
.section-title{position: relative;z-index: 1;margin-bottom: 3rem;}
.section-heading {font-size: 3rem;line-height: normal;letter-spacing: 1.5px;position: relative;flex: 0 0 auto;}
.section-text{font-size: 1.6rem;line-height: 2.4rem;}
a.read-more, a.view-more{font-size: 1.2rem;line-height: 1.8rem;text-decoration: underline;text-decoration: underline !important;}
.btn-all {width: auto;height: 60px;gap: 30px;padding: 5px;transition: var(--transition);font-size: 18px;line-height: normal;min-width: 155px; color: var(--color-white); background-color: var(--text-color);}
a.view-more{text-transform: uppercase;}
.btn-all span{width: 50px;height: 50px;background-color: var(--color-green);transition: var(--transition); border: 3px solid transparent;}
.btn-all span svg path{transition: var(--transition);}
.btn-all:hover{transition: var(--transition);}
.btn-all:hover span{transition: var(--transition);background-color: var(--color-white);border: 3px solid var(--color-green) ;}
.btn-all:hover span svg path{transition: var(--transition); fill: var(--color-green);}
/* common-css-end */
/*header-css-start*/
.header {height: 150px;transition: var(--transition);position: fixed; top: 0;left: 0;z-index: 9;}
.header nav.navbar {padding: 0;transition: var(--transition);justify-content: space-between;column-gap: 20px;background: transparent;}
.header div#collapsibleNavbar {transition: var(--transition); flex-grow: 0;}
.header .navbar-nav {transition: var(--transition); gap: 40px;}
.header a.nav-link { padding: 0 !important;font-size: 20px;text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); transition: var(--transition); font-weight: 400; letter-spacing: 0.3px;}
.header a.nav-link:hover, .header .active a.nav-link { font-weight: 700;color: var(--text-color); letter-spacing: 0px;}
a.navbar-brand {padding: 0;margin: 0;position: absolute;width: 300px;height: auto;left: 50%;top: 50%;transform: translate(-50%, -50%); transition: var(--transition); z-index: 2;}
a.navbar-brand img {width: 100%;height: 100%;object-fit: contain; object-position: center center; transition: var(--transition);}
.social-icon {list-style: none;;gap: 15px;}
.social-icon .social-item {width: 50px;height: 50px;background-color: var(--text-color);border: 1px solid #b1d1a4;font-size: 20px;color: var(--color-white);box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);}
.social-icon .social-item:hover{background-color: var(--color-white);color: var(--text-color);}
.header .navbar-toggler {padding: 0;box-shadow: none !important;border: none !important;transition: var(--transition);}
.header .navbar-toggler .navbar-toggler-icon {background-image: none;height: 3px;width: 30px;display: block;background-color: var(--text-color);margin: 5px 0px;transition: var(--transition);}
.header .navbar-toggler .navbar-toggler-icon:nth-child(1) {width: 40px;}
.header .navbar-toggler .navbar-toggler-icon:nth-child(2) {width: 28px;}
.header .navbar-toggler .navbar-toggler-icon:nth-child(3) {width: 20px;}
.header .navbar-toggler .navbar-toggler-icon:nth-child(4) {width: 32px;}
.header .navbar-closed .navbar-toggler-icon:nth-child(2) {width: 35px; transform: rotate(45deg); transition: var(--transition); margin: -1px 0px 0px 0px;}
.header .navbar-closed .navbar-toggler-icon:nth-child(3) {width: 35px; transform: rotate(-45deg); transition: var(--transition); margin: -3px 0px 0px 0px;}
.header .navbar-closed .navbar-toggler-icon:nth-child(1), .header .navbar-closed .navbar-toggler-icon:nth-child(4){display: none;}
.sticky-header{height: 120px; z-index: 9; top: 0;left: 0;box-shadow: 0px 0px 30px -5px #9698a6;animation: goDown 0.5s ease-in-out forwards;background-color: var(--color-green);}
@keyframes goDown {0%{top: -60px;}100% {transform: translateY(0px); }}
.sticky-header a.navbar-brand img {transform: scale(.8);transition: var(--transition);}
/*header-css-end*/
/* hero-css-start */
.hero {height: 100vh; padding-top: 150px; align-items: center;}
.hero .hero-img {position: absolute;width: auto;height: auto;right: 0;top: 250px;}
.hero .hero-img img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.hero-content p {font-size: 1.3rem;line-height: 2rem;}
#inner_banner { height: 85vh; }
#inner_banner .hero-img { width: auto; height: 60vh; bottom: 0; top: unset; right: 0; }
/* hero-css-end*/
/* our-service-css-start */
.our-service, .contact-us, .love-hear{padding: 100px 0px;}
.our-service .section-title {justify-content: space-between; gap:15px; align-items: center;}
.service-item .service-img {width: 100%;height: 100%; border-radius: 25px;overflow: hidden;transition: var(--transition);}
.service-item .service-img img {transition: var(--transition);width: 100%;height: 400px;object-fit: cover;object-position: bottom;transform: scale(1.0);}
.service-item .service-img:hover img { transition: var(--transition);transform: scale(1.1);}
.service-item .service-content { padding: 35px 25px 25px 25px;border-radius: 25px;}
.service-item .service-heading {font-size: 2.5rem; line-height: normal;}
.service-item .service-content p, .service-text p, .top-footer .footer-head p, .footer .footer-subheading, .footer .footer-link, .footer .footer-content p, .overview-flexbox p{font-size: 1.3rem;line-height: 1.9rem;transition: var(--transition);}
.service_slider .owl-nav {position: absolute;width: 100%;top: 0; height:100%;z-index:-2;}
.service_slider .owl-nav button {width: 60px;height: 60px;background-color: #f1f1f1 !important;font-size: 20px !important;border-radius: 100%;transition: var(--transition);position: absolute;opacity: 1;}
.service_slider .owl-nav button:hover {transition: var(--transition);background-color: var(--text-color) !important;color: var(--color-white) !important;}
.service_slider .owl-nav button.owl-prev {left: -85px;top:42%;}
.service_slider .owl-nav button.owl-next {right: -85px;top:50px;}
/* our-service-css-end */
/* meet-will-css-start */
.meet-will {height: calc(100vh - 100px);align-items: end; padding-bottom: 150px;border-radius: 5000px 0px 0px 5000px;box-shadow: 0 4px 7px 5px rgba(0, 0, 0, 0.05);background-position: top center;}
/* meet-will-css-end */
/* conatct-us-css-start */
.contact-form input, .contact-form textarea,
.contact-form .wpcf7-form input,
.contact-form .wpcf7-form textarea,
.comment-form .comments-form input {height: 60px;background-color: #3e505b1f !important;padding: 10px 25px;font-size: 18px;line-height: normal;font-weight: 500;color: var(--text-color);transition: var(--transition);text-transform: none;margin: 0;border-radius: 0;font-family: 'Lora';}
.contact-form textarea,
.contact-form .wpcf7-form textarea {height: 120px;resize: none;}
.contact-form input:focus, .contact-form textarea:focus{box-shadow: #3e505b 0px 0px 5px 0px !important;}
.contact-form input::placeholder, .contact-form textarea::placeholder{text-transform: capitalize;font-weight: 400;}
.contact-us .btn-all, .SendBtn {
background-color: #3e505b30;
color: var(--text-color);
border: 0 !important;
padding-right: 80px !important;
}
p:has(.SendBtn){position: relative;display: flex;justify-content: end;align-items: center;}
p:has(.SendBtn):before {content: '';position: absolute;right: 20px;top: 0;width: 50px;height: 85%;background: var(--text-color);bottom: 0;margin: auto;border: 3px solid var(--text-color);cursor: pointer; transition: .3s ease;}
p:has(.SendBtn)::after {
content: '';
background-color: white; /* Default color */
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center;
mask: url('data:image/svg+xml;utf8,') no-repeat center;
background-size: contain;
width: 20px;
height: 19px;
background-repeat: no-repeat;
position: absolute;
right: 34px;
z-index: 999999999;
top: 0;
bottom: 0;
margin: auto;
cursor: pointer;
}
p:has(.SendBtn):hover:before {
background-color: #fff !important;
}
p:has(.SendBtn):hover::after {
background-color: var(--text-color);
}
.contact-form .form-group{margin-bottom:0;}
.wpcf7-spinner{display:none;}
.contact-us .btn-all span { background-color: var(--text-color); }
.contact-us .btn-all:hover span { background-color: var(--color-white); border-color: var(--text-color); }
.contact-us .btn-all:hover span svg path { fill: var(--text-color); }
/* conatct-us-css-end*/
/* service-poster-css-start */
.service-poster .poster-img img{ width: 100%; height: 100%; object-fit: cover; object-position: center; }
/* service-poster-css-end */
/* service-overview-css-start */
.service-overview .overview-flexbox { gap: 40px; }
.overview-flexbox .overview-text { font-size: 20px; line-height: 32px; letter-spacing: .5px; flex: 0 0 40%; }
/* service-overview-css-end */
/* fencing-css-start */
.fencing, .service-overview, .get-touch { padding: 80px 0px; }
.fencing .contact-form input, .fencing .contact-form textarea { box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16); background: var(--color-white) !important; }
/* fencing-css-end*/
/* LoveHear-css-start */
.love-hear .Lovehear-flexbox{ gap: 30px; }
.LoveHear-box .LoveHear-icon { width:70px; height: 70px; font-size: 30px; color: var(--color-green); background-color: #E5F2E0; border-radius: 100%; }
.LoveHear-box .LoveHear-Heading { font-size: 25px; letter-spacing: .75px; line-height: normal; }
.LoveHear-box .ContactLink { font-size: 18px; letter-spacing: .54px; line-height: normal; }
.LoveHear-box .ContactLink:after { content: ''; position: absolute; width: 100%; height: 1px; background-color: var(--color-green); left: 0; bottom: -5px; }
/* LoveHear-css-end */
/* get-touch-section-start */
.get-touch { margin-top: 170px; }
.get-touch .GetTouch-Img { position: absolute; width: 47%; height: 100%; left: 0; top: 0; }
.get-touch .GetTouch-Img img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.get-touch .main-heading { font-size: 2.7rem; }
.get-touch .contact-form input, .get-touch .contact-form textarea { background-color: transparent !important; border: 1px solid var(--border-grey); }
/* get-touch-section-end */
/* footer-css-start */
.top-footer {padding: 100px 0px;}
.top-footer:before {content: '';position: absolute; width: 100%;height: 100%;background-color: #3E505B;top: 0;left: 0;opacity: 0.9;}
.top-footer .footer-head {gap: 40px;margin-bottom: 100px;}
.footer .footer-mainheading {font-size: 3rem;line-height: normal;letter-spacing: 1.4px;}
.footer .footer-mainheading:after {content: '';position: absolute;background-image: url(../image/heading-after.png);background-position: center center;background-repeat: no-repeat;background-size: contain;width: 155px;height: 10px;left: 50%;bottom: -18px;transform: translateX(-50%);}
.footer .input-group {width: 100%;max-width: 390px;height: 60px;background-color: #ffffff20;padding: 5px; }
.footer .input-group p{
justify-content: space-between;
width: 100%;}
.footer .input-group.active{box-shadow: #ffffff 0px 0px 5px 0px !important;}
.footer .input-group input {box-shadow: none !important;background-color: transparent;padding: 7px 15px;color: var(--color-white);font-size: 16px;line-height: normal;font-weight: 500;letter-spacing: 1px;}
.footer .input-group input::placeholder{font-weight: 400;color: var(--color-white);text-transform: capitalize;}
.footer .input-group .send-btn {background-color: var(--color-white);transition: var(--transition);width: 3rem;height: 3rem;flex: 0 0 auto;border: 1px solid var(--color-white);box-shadow: none !important;}
.footer .input-group .send-btn svg path {transition: var(--transition);}
.footer .input-group .send-btn:hover {transition: var(--transition);background-color: var(--text-color);}
.footer .input-group .send-btn:hover svg path {transition: var(--transition);fill: var(--color-white);}
.footer .footer-list {list-style: none;padding: 0;}
.footer .footer-link:after {width: 0%;height: 1px;content: '';position: absolute;left: 0;bottom: -1px;background-color: var(--color-white);transition: var(--transition);}
.footer .footer-link:hover:after, .footer .active .footer-link:after {width: 100%;transition: var(--transition);}
.footer .footer-item:nth-child(1) .footer-content{padding-right: 30px;}
.footer .footer-item:nth-child(3) .footer-list {column-count: 2;column-gap: 20px;}
.footer .footer-item:nth-child(3) .footer-list li {break-inside: avoid;}
.footer-content .phone-number {gap: 10px;align-items: center;}
.bottom-footer .footer-content {gap: 30px;}
.bottom-footer {padding: 15px 0px;}
.bottom-footer .footer-content .footer-link:nth-child(2) {margin-right: auto;margin-left: 30px;}
.bottom-footer .footer-content .footer-link:nth-child(2):before{content: '';position: absolute;width: 2px;height: 20px;background-color: var(--text-color);top: 50%;transform: translateY(-50%);left: -29px;}
.bottom-footer .footer-content .footer-link:after{background-color: var(--text-color);}
.footer-bottom {
padding: 0;
list-style: none;
display: flex;
gap: 51px;
}
.footer-bottom .menu-item:nth-child(2) a:before {
content: '';
position: absolute;
width: 2px;
height: 20px;
background-color: var(--text-color);
top: 50%;
transform: translateY(-50%);
left: -29px;
}
.contact-form input:focus, .contact-form textarea:focus {
box-shadow: none !important;
color: var(--text-color) !important;
}
.footer-content input.SendBtn{opacity:0;padding-right: 0 !important;}
.footer-content p:has(.SendBtn):before{ height: 96%; right: 0;}
.footer-content p:has(.SendBtn)::after{right:16px;}
.getTouch-content input.SendBtn{ color: #fff!important;
background: var(--text-color) !important;
}
.getTouch-content p:has(.SendBtn):before{right: 7px;height: 80%;
background: var(--color-green);border: 3px solid var(--color-green);}
.getTouch-content p:has(.SendBtn):hover::after {
background-color: var(--color-green);
}
.getTouch-content p:has(.SendBtn)::after{right: 23px;}
/* footer-css-end*/
.menu-item-has-children .sub-arrow{
right: -25px !important;
top: 25px !important;
border-left: 0 !important;
border-bottom: 0 !important;
width: 8px !important;
height: 8px !important;
border-top: 2px solid var(--text-color) !important;
border-radius: 0 !important;
border-right: 2px solid var(--text-color) !important;
transform: rotateZ(134deg);
transition: .3s ease;
margin-left: 8px !important;
}
.menu-item-has-children:hover .sub-arrow{
}
.menu-item-has-children .sub-arrow:before{content:'' !important;}
.menu-item-has-children:hover .sub-menu {
display: block !important;
}
.sub-menu {
display: none;
position: absolute;
background: white; /* Adjust as per design */
padding: 15px 20px 10px 20px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
list-style: none;
margin: 0;
width: max-content;
}
.menu-item-has-children {
position: relative;
}
.menu-item-has-children:hover .sub-menu {
display: block;
}
.sub-menu li a {
font-size: 17px !important;
font-weight: 500 !important;
}
.sub-menu li {
padding-bottom: 10px;
}
/*Single SERVICE PAGE CSS STARTS*/
.service-hero {position: relative;display: block;margin-top: 150px;}
.service-hero .shero-spacer {position: relative;display: block;background: #ccc;padding: calc(28% - 150px) 0;min-height: calc(100vh - 150px);}
.service-hero .shero-bg {background-repeat: no-repeat;background-attachment: scroll;background-position: center center;background-color: transparent;background-size: cover;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;}
.service-hero .shero-bg::before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000000;opacity: 40%;}
.service-hero .shero-contents {position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 5;display: flex;align-items: center;justify-content: center;}
.service-hero .page-title {text-align: center;display: block;font-weight: 800;font-size: 4.5rem;color: #ffffff;}
.sec-inner{padding: 4rem 0;}
.sec-service-overview{position: relative;display: block;}
.sec-service-overview .service-img {position: relative;display: block;width: 100%;overflow: hidden;padding: 34% 0;border-radius: 24px;height: 85%;}
.sec-service-overview .service-img img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;object-fit: cover;max-width: 100%;max-height: 100%;height: 100%;}
.sec-service-overview .service-content-left{height: 100%;position: relative;display: block;}
.sec-service-overview .section-title{margin-bottom: 0;}
.sec-service-overview .service-content-right {position: relative;display: block;padding-left: 2.5rem;margin-top: 10px;}
.sec-service-overview .service-content-right p {font-size: 1.7rem;line-height: 1.5;margin-bottom: 20px;color: var(--text-color);}
.sec-service-overview .service-content-right p:last-child{margin-bottom: 0;}
.sec-why-chooseus{position: relative;display: block;background-color: #EEF3F5;}
.sec-why-chooseus .wc-box-main {position: relative;display: block;background-color: #FFFFFF;border-radius: 24px;height: 100%;}
.sec-why-chooseus .wc-box-inner {position: relative;display: block;border-radius: 24px;box-shadow: 0px 4px 16px rgba(0,0,0,12%);padding: 1.5rem 1.3rem;z-index: 5;height: 100%;}
.sec-why-chooseus .wc-icon {position: relative;width: 100px;height: 100px;background: #E5F2E0;border-radius: 2000px;display: flex;align-items: center;justify-content: center;margin: 0 auto 1.5rem auto;}
.sec-why-chooseus .wc-icon span {width: 60px;height: 60px;display: block;position: relative;overflow: hidden;}
.sec-why-chooseus .wc-icon img, .sec-why-chooseus .wc-icon svg, .sec-why-chooseus .wc-icon object {width: 100%;height: 100%;}
.sec-why-chooseus .wc-title-lg {font-size: 1.675rem;text-align: center;display: block;font-weight: 800;color: var(--text-color);}
.sec-why-chooseus .wc-text {text-align: center;display: block;margin-top: 1rem;color: var(--text-color);font-size: 1.05rem;max-height: 4.75rem;overflow: hidden;}
.sec-why-chooseus .wc-box-bg {position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; transition: all 300ms ease-in-out; opacity: 0; border-radius: 24px; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-color: transparent; background-size: cover; overflow: hidden;}
.sec-why-chooseus .wc-box-bg::before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #3E505B;opacity: 74%;}
.sec-why-chooseus .wc-box-main:hover .wc-box-bg{opacity: 1;}
.sec-why-chooseus .wc-box-main:hover .wc-title-lg, .sec-why-chooseus .wc-box-main:hover .wc-text{color: var(--color-white);}
.sec-sadd-content {position: relative;display: block;background: url('../image/fencing-img-light.jpg') no-repeat scroll right bottom #ffffff;background-size: auto;}
.sec-sadd-content .content-row-l1{margin-bottom: 4rem;position: relative;}
.sec-sadd-content .content-row-l1::before {content: "";left: -100%;right: -100%;top: -4rem;height: 180px;background: #eef3f5;position: absolute;}
.sec-sadd-content .sadd-img {position: relative;display: block;width: 100%;overflow: hidden;padding: 32% 0;border-radius: 24px;height: 100%;}
.sec-sadd-content .sadd-img img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;object-fit: cover;max-width: 100%;max-height: 100%;height: 100%;width: 100%;}
.sec-sadd-content .sadd-contents{position: relative;display: block;}
.sec-sadd-content .sadd-contents p{font-size: 1.7rem;line-height: 1.5;margin-bottom: 0px;color: var(--text-color);}
.sec-sadd-content .sadd-contents-l2 {margin-left: 4rem;}
.sec-sadd-content .sadd-contents-l1 {margin-right: 4rem;}
.sec-gallery {position: relative;display: block;background-color: #EEF3F5;}
.sec-gallery .gallery-grid-v {position: relative;height: 100%;display: flex;flex-direction: column;gap: 20px;}
.sec-gallery .gallery-grid-v .grid-item{flex: 1;}
.sec-gallery .g-img-box {display: block;position: relative;overflow: hidden;border-radius: 20px;height: 100%;}
.sec-gallery .g-img-box img{width: 100%;height: 100%;}
.sec-gallery .g-img-mask {position: relative; display: block; position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 1.5rem; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7147233893557423) 51%, rgba(0,0,0,1) 100%); }
.sec-gallery .g-img-mask .mask-title {font-size: 1.8rem; text-align: center; color: var(--bs-body-bg); font-weight: 700; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.sec-testimonials {position: relative;display: block;background: url(../image/fencing-img-light.jpg) no-repeat scroll left bottom #ffffff;background-size: 420px;}
.sec-testimonials .tcontent-wrapper {position: relative;display: block;background-color: #EEF3F5;padding: 3rem 2rem;border-radius: 25px;}
.sec-testimonials .tmain-content{position: relative;display: block;}
.sec-testimonials .tmain-content .ts-title-lg {font-size: 1.7rem;color: var(--text-color);text-align: center;display: block;text-transform: capitalize;font-weight: 700;margin-bottom: 20px;}
.sec-testimonials .ts-text {max-width: 74%;margin: 0 auto;position: relative;display: block;}
.sec-testimonials .ts-text p{font-size: 1.7rem;color: var(--text-color);text-align: center;margin-bottom: 0;}
.sec-testimonials .ts-text .ts-icon-left {display: block;position: absolute;left: -20px;}
.sec-testimonials .ts-text .ts-icon-right {display: block;position: absolute;bottom: 0;right: -20px;}
.sec-testimonials .tmain-thumb {position: relative;display: block;margin-bottom: 40px;}
.sec-testimonials .ts-thumb {width: 120px;height: 120px;position: relative;display: block;overflow: hidden;border-radius: 2000px;margin: 0 auto;background: #D9D9D9;/*transition: width 300ms ease-in-out, height 300ms ease-in-out;*/}
.sec-testimonials .ts-thumb span{width: 100%;height: 100%;position: relative;overflow: hidden;}
.sec-testimonials .ts-thumb img{object-fit: contain;/*max-width: 140px;*/display: table;vertical-align: middle;margin: 0 auto;width: 100%;height: 100%;}
.sec-testimonials .tmain-thumb .swiper-wrapper{justify-content: center;}
.sec-testimonials .tmain-thumb .swiper-slide .ts-thumb img {opacity: 40%;}
.sec-testimonials .tmain-thumb .swiper-slide {height: auto;display: flex;align-items: center;}
.sec-testimonials .tmain-thumb .swiper-slide:not(.swiper-slide-thumb-active) .ts-thumb{width: 90px;height: 90px;}
.sec-testimonials .tmain-thumb .swiper-slide.swiper-slide-thumb-active .ts-thumb img{opacity: 100%;}
.sec-testimonials .testimonial-navs {display: flex;align-items: center;justify-content: space-between;position: absolute;left: -26px;right: -26px;top: calc(50% - 27px);}
.sec-testimonials .testimonial-navs .testi-nav-right, .sec-testimonials .testimonial-navs .testi-nav-left {background-color: #3E505B;width: 54px;height: 54px;border-radius: 2000px;cursor: pointer;user-select: none;display: flex;align-items: center;justify-content: center;}
.sec-testimonials .testimonial-navs .testi-nav-right:hover, .sec-testimonials .testimonial-navs .testi-nav-left:hover{background-color: #25323a;}
@media(min-width: 1700px){
.sec-testimonials .swiper-contents-main {max-width: 900px;}
}
@media(min-width: 992px){
.sec-sadd-content .content-row-l1 {flex-direction: row-reverse;}
}
@media(max-width: 1499px){
.sec-service-overview .service-content-right p{font-size: 1.4rem;}
.sec-why-chooseus .wc-title-lg{font-size: 1.475rem;}
.sec-sadd-content .sadd-contents p{font-size: 1.2rem;}
.sec-sadd-content .content-row-l1::before{height: 140px;}
.sec-gallery .g-img-mask .mask-title{font-size: 1.5rem;}
}
@media(max-width: 1200px){
.service-hero{margin-top: 100px;}
}
@media(max-width: 1199px){
.sec-service-overview .service-content-right p{font-size: 1rem;}
.sec-sadd-content .content-row-l1::before{display: none;}
.sec-sadd-content .sadd-contents-l1{margin-right: 0;}
.sec-sadd-content .sadd-contents-l2{margin-left: 0;}
.sec-testimonials .tmain-thumb .swiper-wrapper{justify-content: unset;}
}
@media(max-width: 991px){
.service-hero .shero-spacer{padding: calc(28% - 100px) 0;min-height: calc(100vh - 100px);}
.service-hero .page-title{font-size: 3.5rem;}
.sec-inner{padding: 3rem 0;}
.sec-service-overview .service-content-left .section-heading{text-align: left !important;}
.sec-service-overview .service-content-right p {font-size: 14px;}
.sec-service-overview .service-content-right{padding-left: 0;}
.sec-why-chooseus .wc-box-main{margin: 8px 0;height: auto;}
.sec-sadd-content .sadd-contents p{margin-top: 20px;text-align: center;font-size: 14px;}
.sec-sadd-content .content-row-l1{margin-bottom: 2rem;}
.sec-gallery .gallery-grid-v {gap: 0;display: flex;flex-direction: row;column-gap: 20px;}
.sec-gallery .gallery-grid-v .grid-item{margin-bottom: 20px;}
.sec-testimonials .testimonial-navs {position: relative;left: 0;right: 0;top: unset;justify-content: center;gap: 20px;margin-top: 20px;}
.sec-testimonials .ts-text p{font-size: 1.2rem;}
}
@media(max-width: 767px){
.sec-service-overview .service-content-left .section-heading{text-align: center !important;}
.sec-service-overview .service-content-right p{text-align: center;}
.sec-service-overview .service-img{height: auto;}
.sec-testimonials .tcontent-wrapper{padding: 2rem 0.8rem;}
.sec-testimonials .ts-text .ts-icon-left, .sec-testimonials .ts-text .ts-icon-right{display: none;}
.sec-testimonials .ts-text{max-width: 100%;}
}
@media(max-width: 540px){
.sec-gallery .gallery-grid-v{flex-direction: column;}
}
/*Single SERVICE PAGE CSS END*/
.video-popup {
position: fixed;
inset: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.95);
display: flex;
justify-content: center;
align-items: center;
z-index: 99999;
}
.video-wrapper {
position: relative;
width: 100%;
height: 100%;
}
.video-wrapper iframe {
width: 100%;
height: 100%;
border: 0;
object-fit: cover;
}
.close-video {
position: absolute;
top: 18px;
right: 22px;
font-size: 36px;
line-height: 1;
color: #000;
background: #fff;
border: none;
cursor: pointer;
z-index: 100000;
padding: 10px 20px;
border-radius: 2px;
}