/**
*	Theme Name: Theme Name
**/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */}
.alignself{  align-self: center;}
.m-0{  margin: 0;}
.item:focus,
.item:hover{  outline: none !important;}
.gform_body ul li.gfield.gfield_error input,
.gform_body ul li.gfield.gfield_error textarea{border: 1px solid #ff0000 !important;}
.gform_wrapper .gfield_error .gfield_label {  color: #b69c9c!important;}
.gform_wrapper .field_description_below .gfield_description {  padding-top: 8px!important;}
.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: inherit!important;}
.gform_wrapper li.gfield.gfield_error {  background-color: transparent !important;  margin-bottom: 6px!important;  border: 0px !important;padding-bottom: 0 !important;}
ul#menu{  display: none;}
/* width */
::-webkit-scrollbar { width: 10px}
/* Track */
::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.4); border-radius: 10px;}
/* Handle */
::-webkit-scrollbar-thumb { background: #3f4551; border-radius: 10px;}
a,a:hover {  text-decoration: none !important;}
p {  margin: 0 0 20px;}
img { height: auto; max-width: 100%}
a:focus,input:focus,button:focus,select:focus,textarea:focus {outline: 0 !important}
input[type="checkbox"],input[type="radio"] {width: auto !Important}
.searchform {position: relative}
.searchform input {border-radius: 30px;border: 1px solid #ccc;padding: 14px 20px;width: 100%;}
.searchform button {border: 0px;background-color: transparent;font-size: 24px;position: absolute;top: 5px;right: 10px;}
.not-found {margin: 100px 0;}
.not-found p {margin-bottom: 30px;}
/* Navbar */
.nav-bar {  text-align: right;}
.main-navigation {clear: both;position: relative;}
ul.nav-menu,div.nav-menu > ul {margin: 0;padding: 0;}
.nav-menu li {display: inline-block; /* margin: 0 19px 0 0; */position: relative;}
.nav-menu li a {color: #374151; font-family: 'Inter';display: inline-block; padding:8px 20px;font-size: 16px; font-weight: 500;line-height:24px;text-decoration: none; transition: all 0.4s ease;}
.nav-menu li.menu-item-has-children { position: relative; /* padding-right: 10px; */}
.nav-menu li.menu-item-has-children li.menu-item-has-children{ padding-right: 0;}
.nav-menu li.menu-item-has-children::after { color: #374151; display: block; content: '\f107'; font-family: FontAwesome; position: absolute; font-size: 12px; right: -6px; top: 13px; transition: color 0.5s ease;}
.nav-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children::after{ color: #ffffff; display: block; content: '\f0da'; font-family: FontAwesome; position: absolute; font-size: 12px; right: 10px;  top: 13px;}
.nav-menu .sub-menu,.nav-menu .children {background-color: #ffffff;border: 0px;border-top: 0;padding: 0;position: absolute;left: -2px;z-index: 99999;height: 1px;
width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px); transform: translateX(20px); border-radius: 8px;}
ul.sub-menu li { margin: 0px}
ul.sub-menu li:first-child a{ border-top-left-radius: 8px;   border-top-right-radius: 8px; }
ul.sub-menu li:last-child a{border-bottom-left-radius: 8px;  border-bottom-right-radius: 8px; }
ul.sub-menu li a { color: #374151 !important; padding: 10px 20px; text-align: left; width: 225px; font-size: 16px; line-height: 24px; display: block;}
ul.sub-menu li a:hover { background: #000;}
.nav-menu .sub-menu ul,.nav-menu .children ul {border-left: 0;left: 100%;top: 0;}
ul.nav-menu ul a,.nav-menu ul ul a {color: #ffffff;margin: 0;}
ul.nav-menu ul a:hover,.nav-menu ul ul a:hover,ul.nav-menu ul a:focus,.nav-menu ul ul a:focus {background-color: #f3f4f6;}
ul.nav-menu li:hover > ul,.nav-menu ul li:hover > ul,ul.nav-menu .focus > ul,.nav-menu .focus > ul {clip: inherit;overflow: inherit;height: inherit; width: inherit; transform: translateY(0);transition: all 0.4s ease;}
.nav-menu .current_page_item > a,.nav-menu .current_page_ancestor > a,.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a,.nav-menu li a:hover{color: #9b87f5 !important;}
.closebtn,.openmenu,.menuToggle,.mobilesubmenu {	display: none;}
/*  Alignment  */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter,
div.aligncenter {display: block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {background: #ffffff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}
/* Slider */
.slick-list.draggable {padding: 0px !important;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
 -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging { cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track {  position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,.slick-track:after { display: table; content: '';}
.slick-track:after { clear: both;}
.slick-loading .slick-track { visibility: hidden;}
.slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide { float: right;}
.slick-slide img { display: block;}
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img { pointer-events: none;}
.slick-initialized .slick-slide { display: block;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
.nopd { padding: 0 !Important}
.fw-container-fluid.nopd .fw-row { margin: 0;}
.cover { background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important;}
.content-header.cover {padding: 220px 0; position: relative;  z-index: 0;}
.content-header.cover::after{ content: ''; display: inline-block; background-color:#00000073; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0;}
.conthead-content{ position: relative; z-index: 1; text-align: center; color: #ffffff; font-family: 'Inter';}
.conthead-content h1 { font-size: 48px; font-weight: 700; line-height: 1; margin: 0 0 16px 0;letter-spacing: 0.5px;}
.conthead-content p {font-size: 24px;line-height: 32px;color: #ffffff;margin-bottom: 0}
ul#breadcrumbs{ list-style: none; padding: 0; margin: 0; text-align: center;}
ul#breadcrumbs li{ display: inline-block; margin-right: 8px;}
ul#breadcrumbs li:last-child{  margin-right: 0;}
ul#breadcrumbs li,ul#breadcrumbs li a,ul#breadcrumbs li strong{ color: #ffffff; font-size: 16px; font-weight: 500;}
.all-pages-content { padding: 0;}
.all-pages-content h1,.all-pages-content h2,.all-pages-content h3,.all-pages-content h4,.all-pages-content h5,.all-pages-content h6{ color: #000000; font-size: 30px;
 font-weight: 500; margin-bottom: 20px;}
.all-pages-content p{ color: #000000; font-size: 16px; font-weight: 400; margin: 0 0 15px 0;}
.all-pages-content p a{ color: #000000; text-decoration: underline !important; transition: all 0.4s ease;}
.all-pages-content p a:hover{ color: red;}
.all-pages-content ul{ list-style: none; padding: 0; margin: 10px 0;}
.all-pages-content ul li { color: #000000; font-size: 16px; font-weight: 400; margin: 0 0 5px 0; position: relative; padding-left: 25px;}
.all-pages-content ul li::after { display: block; content: '\f00c'; font-family: FontAwesome; position: absolute; font-size: 15px; left: 0; top: 0;}
.all-pages-content ul li:last-child{ margin-bottom: 0;}
/* Pagination  */
.pagination { display: inline-block; margin: 30px 0 0; width: 100%;}
.sub-pagenation-div li {display: inline-block; border-radius: 4px; width: auto;}
.sub-pagenation-div li a { border-radius: 4px; color: #333333; display: block; padding: 10px 20px;}
.sub-pagenation-div li.current a,.sub-pagenation-div li:hover a { background: #394e8c; color: #ffffff;}
/* DatePicker Table */
.ui-datepicker table {width: 100%;}
.ui-datepicker-header {background: url('../img/dark_leather.png') repeat 0 0 #000;color: #e0e0e0;font-weight: bold;-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);text-shadow: 1px -1px 0px #000;
filter: dropshadow(color=#000, offx=1, offy=-1);line-height: 30px;border-width: 1px 0 0 0;border-style: solid;border-color: #111;}
.ui-datepicker-title {text-align: center;}
.ui-datepicker-prev, .ui-datepicker-next {display: inline-block;width: 30px;height: 30px;text-align: center;cursor: pointer;background-image: url('images/arrow.png');background-repeat: no-repeat;
line-height: 600%;overflow: hidden;}
.ui-datepicker-prev {float: left;background-position: center -30px;}
.ui-datepicker-next {float: right;background-position: center 0px;}
.ui-datepicker thead {background-color: #f7f7f7;background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );border-bottom: 1px solid #bbb;}
.ui-datepicker th {text-transform: uppercase;font-size: 6pt;padding: 5px 0;color: #666666;text-align: center;text-shadow: 1px 0px 0px #fff;filter: dropshadow(color=#fff, offx=1, offy=0);}
.ui-datepicker tbody td {padding: 0;background-color: #ffffff;border-right: 1px solid #bbb;}
.ui-datepicker tbody td:last-child {border-right: 0px;}
.ui-datepicker tbody tr {border-bottom: 1px solid #bbb;}
.ui-datepicker tbody tr:last-child {border-bottom: 0px;}
.ui-datepicker td span, .ui-datepicker td a {display: inline-block;font-weight: bold;text-align: center;width: 30px;height: 30px;line-height: 30px;color: #666666;text-shadow: 1px 1px 0px #fff;filter: dropshadow(color=#fff, offx=1, offy=1);}
.ui-datepicker-calendar .ui-state-default {background: #ededed;background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
background: linear-gradient(top,  #ededed 0%,#dedede 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);}
.ui-datepicker-calendar .ui-state-hover {background: #f7f7f7;}
.ui-datepicker-calendar .ui-state-active {background: #6eafbf;-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);color: #e0e0e0;text-shadow: 0px 1px 0px #4d7a85;filter: dropshadow(color=#4d7a85, offx=0, offy=1);border: 1px solid #55838f;position: relative;
margin: -1px;}
.ui-datepicker-unselectable .ui-state-default {background: #f4f4f4;color: #b4b3b3;}
.ui-datepicker-calendar td:first-child .ui-state-active {width: 29px;margin-left: 0;}
.ui-datepicker-calendar td:last-child .ui-state-active {width: 29px;margin-right: 0;}
.ui-datepicker-calendar tr:last-child .ui-state-active {height: 29px;margin-bottom: 0;}
/* MAIN CSS  */
.container::after,.blogdetail::after,.fw-container::after,.entry-content::after {content: '';clear: both;display: block;}
.container { max-width: 1400px !important; margin: 0 auto; padding: 0 32px !important; width: 100% !important; } 
body { font-family:'Inter' !important;}
li, li:hover { list-style: none; } 
a, a:hover { text-decoration: none; } 
ul, ol { padding-left: 0px !important; } 
/* HEADER */
header { position: sticky; top: 0; padding: 0; background-color: #ffffff; z-index: 999;}
header.site-header { box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);}
.site-header .header-content { text-align: center; }
.custom-row-here,
.rightmenu-here { display: flex; align-items: center; justify-content: space-between; gap: 15px;}
.logo-here { display: flex; height: 95px;}
.site-logo { padding: 0 0 0 20px;}
.site-logo img { width: 120px; height: 90px; object-fit: fill; padding: 8px;}
/* header button */
.nav-bttn a.nav-bttn-link {
  display: inline-flex;
  align-items: center;
  padding:10px 20px;
  color: #ffffff;
  background-color: #9b87f5;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  font-family: 'Inter', sans-serif;
  text-decoration: none;
}

.nav-bttn a.nav-bttn-link:hover {
  background-color: #7E69AB;
  color: #ffffff;
}
.nav-bttn span img {padding-right:10px ;}
#mobile-menu-toggle , #mobile-menu { display: none;} 
/* HOMEPAGE HERE  */
/* SECTION-1 */
.home-ban-sec { background-size: cover; background-position: center; background-repeat: no-repeat; padding: 145px 0; display: flex;flex-direction: column; justify-content: center;}
.home-ban-sec .container {padding: 0 !important;}
.home-ban-sec .ban-in  { color: #ffffff; text-align: left; padding:64px 32px; width: 96%; }
.home-ban-sec .ban-in h1 { font-family: 'Inter'; font-weight: 700; font-size: 60px; line-height: 1; width: 66%; margin-bottom: 24px; letter-spacing: 0.5px; }
.home-ban-sec .ban-in p { font-family: 'Inter'; font-weight: 400; font-size: 24px; line-height: 32px; width: 55%; margin-bottom: 32px; }
.home-ban-sec .same-btn { display: flex; gap: 16px; }
.home-ban-sec .ban-in .btn-style-1 { display: inline-block; background-color: #9b87f5; padding: 12px 24px; transition: transform 0.5s, background-color 0.5s;
 font-family: 'Inter'; font-weight: 500; font-size: 18px; line-height: 30px; color: #ffffff;  text-decoration: none; border-radius:4.8px;}
.home-ban-sec .ban-in .btn-style-1:hover { background-color: #7e69ab; transform: scale(1.05);}

.home-ban-sec .ban-in .btn-style-2 { display: inline-block; background-color:#ffffff24; border: 2px solid #ffffff; padding: 12px 24px; transition: transform 0.5s, background-color 0.5s;
 font-family: 'Inter'; font-weight: 500; font-size: 18px; line-height: 28px; color: #ffffff; text-decoration: none; border-radius:4.8px;}
.home-ban-sec .ban-in .btn-style-2:hover { background-color: #ffffff24; transform: scale(1.05); }
/* SECTION-2 */
.home-con-sec {padding: 80px 0;}
.home-con-sec .con-in.row { align-items: center;}
.home-con-sec .con-detail h2 {color: #7E69AB; font-family: 'Inter'; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px;padding: 0 4px 0 0; letter-spacing: 0.5px; }
.home-con-sec .con-detail p {color: #4B5563; font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 24px; margin-bottom: 24px;padding: 0 24px 0 0; }
.home-con-sec .con-logos { display: flex; justify-content: center; }
.home-con-sec .con-logos ul li { display: inline-block; padding: 0 11px; }
.home-con-sec .con-logos img { width: 80px; height: auto; object-fit: contain;  }
.home-con-sec .con-img img { border-radius: 7px;   box-shadow: 0 0 0 0 #0000, 0 0 0 0 #0000, 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
/* SECTION 3 */
.home-ser-sec {padding: 80px 0;}
.home-ser-sec .ser-con {text-align: center;margin-bottom: 48px;}
.home-ser-sec .ser-con h2 {color: #7E69AB; font-family: 'Inter'; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px;}
.home-ser-sec .ser-con p {color: #4B5563; font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 24px; max-width: 768px; margin: 0 auto 32px auto; }
.home-ser-sec .ser-box { text-align: center; padding: 24px; background-color: #f9fafb; border-radius: .5rem; box-shadow: 0 1px 2px rgb(0 0 0 / 8%); 
display: inline-block;
 flex-direction: column;justify-content: center; align-items: center; max-height: 285px;  height: 100%; width: 100%;transition: .5s all;}
.home-ser-sec .ser-icon { background-color: #9b87f51a; border-radius: 9999px; width: 64px; height: 64px; display: flex; justify-content: center; align-items: center;
 margin: 0 auto 16px auto; transition: .5s all;}
.home-ser-sec .ser-icon img { object-fit: contain; width: 28px; height: 28px; display: inline-block; object-position: center;}
.home-ser-sec .ser-box:hover .ser-icon {background-color: #9b87f53b;}
.home-ser-sec .ser-info h3 { color: #111827; font-family: 'Inter'; font-weight: 700; font-size: 20px; line-height: 28px; margin-bottom: 12px;}
.home-ser-sec .ser-info p { color: #4b5563; font-family: 'Inter'; font-size: 16px; font-weight: 400; line-height: 1.5; }
.home-ser-sec .ser-box:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -2px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s ease; }
/* Section 4 */
.home-access-sec {padding:80px 0 50px 0; background-color: #f9fafb;}
.home-access-sec .access-con {text-align: center;margin-bottom: 48px;}
.home-access-sec .access-con h2 {color: #7E69AB; font-family: 'Inter'; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px;}
.home-access-sec .access-con p {color: #4B5563; font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 24px; max-width: 768px; margin: 0 auto 32px auto; }
.access-in.row .col-lg-4.col-md-6.col-sm-12 { margin-bottom: 32px;}
.home-access-sec .access-box { background: #ffffff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
 transition: transform .5s ease, box-shadow .5s ease; height: 100%; display: flex; flex-direction: column;
  /* max-height: 454px; */
 }
.home-access-sec .access-img { width: 100%; max-height: 190px; overflow: hidden; position: relative; border-top-left-radius: 8px; border-top-right-radius: 8px; height: 100%; }
.home-access-sec .access-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; display: block;}
.home-access-sec .access-box:hover .access-img img { transform: scale(1.08);}
.home-access-sec .access-detail { padding: 24px;}
.home-access-sec .access-title-icon { display: flex; align-items: center; gap: 16px; margin-bottom: 16px;}
.home-access-sec .access-title-icon img { width: 24px; height: 24px; object-fit: contain; object-position: center;}
.home-access-sec .access-title-icon h3 { margin: 0; font-family: 'Inter'; font-size: 20px; line-height: 28px; font-weight: 700; color: #111827;}
.home-access-sec .access-detail p { color: #4b5563; margin-bottom: 24px; font-family: 'Inter'; font-size: 16px;  line-height: 24px;}
.home-access-sec .access-link a,
.home-access-sec .access-link span { color: #9b87f5; font-weight: 500; font-size: 17px; transition: color 0.15s ease-in-out; }
.home-access-sec .access-link a:hover { color: #7e69ab; }
/* SECTION 5 */
.home-style-sec {padding: 64px 0; background-color: #ffffff;}
.home-style-sec .style-con {text-align: center;margin-bottom: 48px;}
.home-style-sec .style-con h2 {color: #7E69AB; font-family: 'Inter'; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px;letter-spacing: 0.5px;}
.home-style-sec .style-con p {color: #4B5563; font-family: 'Inter'; font-weight: 400; font-size: 18px; line-height: 28px; max-width: 768px; margin: 0 auto; }
.style-in.row .col-lg-4.col-md-6.col-sm-12 { margin-bottom: 32px;}
.home-style-sec .style-box { background: #ffffff; border-radius: 8px; overflow: hidden; height: 100%;  border: 1px solid #e2e8f0;
    display: flex; flex-direction: column; 
     /* max-height: 475px;  */
}
.home-style-sec .style-img { width: 100%; max-height:190px; overflow: hidden; position: relative; border-top-left-radius: 8px; border-top-right-radius: 8px; height: 100%; }
.home-style-sec .style-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; display: block;}
.home-style-sec .style-box:hover .style-img img { transform: scale(1.08);}
.home-style-sec .style-detail { padding: 24px;}
.home-style-sec .style-detail h3 {  margin-bottom: 16px; font-family: 'Inter'; font-size: 20px; line-height: 28px; font-weight: 700; color:#7e69ab;}
.home-style-sec .style-detail p { color:#4b5563;  margin-bottom: 16px; font-family: 'Inter'; font-size: 16px; line-height: 24px;}
.home-style-sec .style-link a {transition: .5s all; text-align: center; background-color: #9b87f5; border-radius: 8px; padding: 8px 16px; display: block;}
.home-style-sec .style-link a,
.home-style-sec .style-link span {  color: #fff; font-weight: 500; font-size: 16px; transition: .5s all;  text-transform: uppercase; }
.home-style-sec .style-link a:hover {background-color: #2563eb;} 
.home-style-sec .all-style-bttn { transition: .5s all; display: flex; justify-content: center; align-items: center; }
.home-style-sec .all-style-bttn a,
.home-style-sec .all-style-bttn span { font-family: 'Inter'; transition: .5s all; letter-spacing: 0.5px; text-transform: uppercase; font-size: 16px; font-weight: 500; text-align: center; 
 background-color: #9b87f5; border-radius: 8px; padding: 12px 24px; display: inline-block ; color: #ffffff; text-decoration: none; transition: color .5s;}
.home-style-sec .all-style-bttn a:hover ,
.home-style-sec .all-style-bttn span:hover {background-color: #2563eb;}
/* SECTION 6 */
.home-testi-sec {padding: 64px 0; background-color: #f9fafb;}
.home-testi-sec .testi-title {text-align: center;margin-bottom: 48px;}
.home-testi-sec .testi-title h2 {color: #7E69AB; font-family: 'Inter'; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px;letter-spacing: 0.5px;}
.home-testi-sec .testi-item .item { background-color: #ffffff;  padding: 24px;  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),  0 4px 6px -4px rgba(0, 0, 0, 0.1);
border-radius: 8px;}
.home-testi-sec .top { display: flex; justify-content: space-between; margin-bottom: 16px;}
.home-testi-sec .top .person-info { display: flex; align-items: center; gap: 15px;}
.home-testi-sec .top .img-title { /* box-shadow:0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 17%); */  border-radius: 50px;}
.home-testi-sec .top .img-title .initial-avatar {  width: 50px;  height: 50px;  background-color: #9b87f5; color: #ffffff; font-weight: 600; font-size: 20px; display: flex;
align-items: center; justify-content: center; border-radius: 50%; font-family: 'Inter', sans-serif; text-transform: uppercase;}
.home-testi-sec .top .img-title img { width: 50px; height: 50px; border-radius: 50%; object-fit: cover;}
.home-testi-sec .top .author-detail { display: flex; flex-direction: column;}
.home-testi-sec .top .author-detail h4 { font-family: 'Inter';color: #111827; font-weight: 600; font-size: 16px ; line-height: 24px; margin-bottom: 0px;}
.home-testi-sec .top .author-detail span {font-family: 'Inter';font-weight: 400;color: #4b5563;font-size:14px; line-height: 20px ;}
.home-testi-sec .top  .stars { display: flex;}
.home-testi-sec .top .stars i { color: #facc15; display: inline-block; font-size: 16px;}
.home-testi-sec .bot p {font-family: 'Inter'; font-style: italic; color: #374151; font-size: 16px ; line-height: 24px; font-weight: 400; margin-bottom: 0; }
.home-testi-sec .slick-next:before {display: none;}
.slick-prev:before {display: none;}
.home-testi-sec .slick-slide { display: flex; justify-content: center; margin: 8px 8px 90px 8px;}
.home-testi-sec .slick-track { display: flex; }
.home-testi-sec .slick-list { width: 100%; overflow: hidden; }
/* Arrow Buttons */
.home-testi-sec .slick-prev,
.home-testi-sec .slick-next {
 width: 32px; height: 32px; background-color: #f8fafc; border: 1.1px solid #e2e8f0; border-radius: 50%; display: flex; align-items: center; justify-content: center;
 position: absolute; top: 90%; cursor: pointer; transition: background-color 0.3s ease; z-index: 10; }
.home-testi-sec .slick-prev { left: 46.7%; }
.home-testi-sec .slick-next { right: 46.7%; }
/* Icon Styling */
.home-testi-sec .slick-prev i,
.home-testi-sec .slick-next i { font-size: 14px; color: #000000; }
/* Hover/Focus Styling */
.home-testi-sec .slick-prev:hover,
.home-testi-sec .slick-next:hover,
.home-testi-sec .slick-prev:focus,
.home-testi-sec .slick-next:focus { background-color: #ede0ff; outline: none; }
/* SECTION 7 */
.home-gallery-sec {padding: 64px 0; background-color:#ffffff;}
.home-gallery-sec .gall-title {text-align: center;margin-bottom: 48px;}
.home-gallery-sec .gall-title h2 {color: #7E69AB; font-family: 'Inter'; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px;letter-spacing:0.5px;}
.home-gallery-sec .img-box { padding:8px 8px 0 !important; margin: 0 0 32px 0;}
.home-gallery-sec .imgs-here { width: 100%; height: 100%; position: relative; overflow: hidden;       }
.home-gallery-sec .imgs-here img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease;  max-width: 325px; max-height: 190px;}
.home-gallery-sec .img-box:hover img { transform: scale(1.08); }
.home-gallery-sec .all-style-bttn { transition: all .5s ; display: flex; justify-content: center; align-items: center; }
.home-gallery-sec .all-style-bttn a,
.home-gallery-sec .all-style-bttn span { transition: all .5s; letter-spacing: 0.5px; text-transform: uppercase; font-size: 16px; font-weight: 500; text-align: center; 
 background-color: #9b87f5; border-radius: 8px; padding: 12px 24px; display: inline-block ; color: #ffffff; text-decoration: none; transition: color 0.3s; }
.home-gallery-sec .all-style-bttn a:hover ,
.home-gallery-sec .all-style-bttn span:hover { background-color: #2563eb; }
/* SECTION 8 */
.home-form-sec { padding: 80px 0; background-color: #ffffff; }
.home-form-sec .form-con { text-align: center;margin-bottom: 48px;}
.home-form-sec .form-con h2 { color: #7E69AB; font-family: 'Inter'; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px; letter-spacing: 0.5px; }
.home-form-sec .form-con p { color: #4B5563; font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 24px; max-width: 768px; margin: 0 auto; margin-bottom: 32px; }
/* FORM */
/*  .home-form-sec iframe { font-family: 'Inter' !important; background: #ffffff; border-radius: 8px;
 box-shadow:0 0 #0000 , 0 0 #0000 , 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); } */
.home-form-sec .gform_wrapper  { font-family: 'Inter' !important; background: #ffffff; border-radius: 8px; padding: 24px;
 box-shadow:0 0 #0000 , 0 0 #0000 , 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); }
.home-form-sec .gform_wrapper .gform_heading h2.gform_title { font-weight: 700; font-size: 24px;line-height: 32px ; margin-bottom: 24px; color: #111827; }
.home-form-sec .gform_wrapper .gfield_label { color: #374151 !important; font-size: 14px !important; line-height: 20px !important; font-weight: 500 !important; margin-bottom: 4px !important; display: block; color: #1a1a1a;}
.home-form-sec .gform_wrapper input[type="text"],
.home-form-sec .gform_wrapper input[type="email"],
.home-form-sec .gform_wrapper input[type="tel"],
.home-form-sec .gform_wrapper select,
.home-form-sec .gform_wrapper textarea {
 width: 100% !important; padding: 8px 14px !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important ;font-size: 16px !important; line-height: 24px;
 font-family: inherit !important; box-sizing: border-box; background-color: #f9fbff !important; color: #1a1a1a; transition: border-color 0.3s ease;}
.home-form-sec .gform_wrapper input[type="text"]:focus,
.home-form-sec .gform_wrapper input[type="email"]:focus,
.home-form-sec .gform_wrapper input[type="tel"]:focus,
.home-form-sec .gform_wrapper select:focus,
.home-form-sec .gform_wrapper textarea:focus {
 border-color: #7c3aed !important; box-shadow: 0 0 0 2px rgba(199, 210, 254, 0.5); outline: none;}
.home-form-sec .gform_wrapper .gform_footer input[type="submit"].gform_button {
background-color: #9b87f5 !important; color: #ffffff !important; border: none !important; border-radius: 9999px !important; padding: 10px 16px !important;
font-weight: 500 !important; width: 100% !important; cursor: pointer; font-size: 14px !important; line-height: 20px; transition: background-color 0.3s ease;}
.home-form-sec .gform_wrapper .gform_footer input[type="submit"].gform_button:hover { background-color: #7c3aed !important;}
.home-form-sec .gform_wrapper.gravity-theme .gform_footer, 
.home-form-sec .gform_wrapper.gravity-theme .gform_page_footer { margin: 8px 0 0 0 !important; padding: 0 0 0 0 !important;}
.home-form-sec .gform_wrapper.gravity-theme .gform_footer button,
.home-form-sec .gform_wrapper.gravity-theme .gform_footer input,
.home-form-sec .gform_wrapper.gravity-theme .gform_page_footer button, 
.home-form-sec .gform_wrapper.gravity-theme .gform_page_footer input {margin-bottom: 0 !important;} 
.gform_wrapper.gravity-theme .gfield textarea.small {height: 120px !important;}

.home-form-sec .right-img { width: 100%; height: 100%;  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.187); border-radius: 8px;}
.home-form-sec .right-img img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 8px;}
.home-form-sec .col-pad:has(> .right-img) { padding-left: 24px; }
.home-form-sec .col-pad:has(> .left-form) { padding-right: 24px; }

/* ABOUT PAGE */
/* SECTION-1 */
.about-con-sec {padding: 80px 0;}
.about-con-sec .con-in.row { align-items: center;}
.about-con-sec .con-detail h2 {color: #7E69AB; font-family: 'Inter'; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px;padding: 0 33px 0 0; letter-spacing:0.5px;}
.about-con-sec .con-detail h3 {color: #9b87f5; font-family: 'Inter'; font-weight: 500; font-size: 20px; line-height: 28px; margin-bottom: 16px;padding: 0 33px 0 0;}
.about-con-sec .con-detail p {color: #4B5563; font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 24px; margin-bottom: 16px;padding: 0 28px 0 0; }
.about-con-sec .con-logos { display: flex; justify-content: center; }
.about-con-sec .con-logos ul li { display: inline-block; padding: 0 11px; }
.about-con-sec .con-logos img { width: 80px; height: auto; object-fit: contain;  }
.about-con-sec .con-img img { border-radius: 7px;   box-shadow: 0 0 0 0 #0000, 0 0 0 0 #0000, 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
/* SECTION-2 */
.about-lottie-sec { padding: 64px 0 1px 0; background-color: #e5deff;}
.about-lottie-sec .lottie-con {text-align: center;margin-bottom: 48px;}
.about-lottie-sec .lottie-con h2 {color: #301934; font-family: 'Inter'; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px; letter-spacing:0.5px;}
.about-lottie-sec .lottie-con p {color: #4B5563; font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 24px; max-width: 768px; margin: 0 auto 32px auto; }
.about-lottie-sec .feature-card { background-color: #ffffff; border-radius: 12px; padding:24px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s ease; margin: 0 0 20px 0;
 max-height: 350px;}
.about-lottie-sec .feature-card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);}
.about-lottie-sec .feature-card h3 { font-size: 20px; line-height: 28px; font-weight: 700; color: #111827; text-align: left; margin-bottom: 12px;}
.about-lottie-sec .feature-card p { color: #4b5563; font-size: 16px; font-weight: 400 ; line-height: 24px; text-align: left; margin-bottom: 0;}
.about-lottie-sec .lottie-container { width:200px; height: 180px;  display: flex; justify-content: center; align-items: center; margin: 0 auto 12px auto; text-align: center !important;}
/* SECTION-3 */
section.about-faq-sec {padding:0 0 5px 0; background-color: #e5deff;}
.about-faq-sec .faq-part-here {background-color: #ffffff; padding: 32px; border-radius: 8px; margin-bottom: 64px;}
.about-faq-sec .faq-title h3 {color:#301934; font-family: 'Inter'; font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom:24px;padding: 0 33px 0 0;}
.about-faq-sec .accordion-button::after { display: none !important; } 
.about-faq-sec .custom-accordion .accordion-button { transition: .5s all; font-family: 'Inter'; font-weight: 500; font-size: 18px; line-height:28px; display: flex; justify-content: space-between;
 align-items: center; padding:16px 0 8px 0; color: #000000; background-color: transparent !important; border: none; outline: none; }
 .about-faq-sec .accordion-button:hover { text-decoration: underline;} 
.about-faq-sec .accordion-button:not(.collapsed) .toggle-icon i { transition: .5s all; color: #000000; transform: rotate(0deg);  } 
.about-faq-sec .accordion-button:not(.collapsed) { transition: .5s all; color: #000000; background-color: transparent !important; box-shadow: none !important; cursor: pointer; } 
.about-faq-sec .accordion-item { transition: .5s all; border-bottom: 1px solid #e2e8f0; background-color: transparent !important; margin-bottom: 0; } 
.about-faq-sec .accordion-header { transition: .5s all; background: transparent !important; border-radius: 0px; } 
.about-faq-sec .accordion-body { transition: .5s all; font-family: 'Inter'; font-weight: 300; font-size: 14px; line-height: 20px; background: transparent !important; color: #4b5563;
 margin-bottom: 16px;}
.about-faq-sec .toggle-icon i { transition: .5s all; margin-left: auto; font-size:12px;  color: #000000; } 
.about-faq-sec .accordion-button:focus { transition: .5s all;box-shadow: none !important; border-color: none !important; }
.accordion-flush>.accordion-item:first-child,
.accordion-flush>.accordion-item,
.accordion-flush>.accordion-item:last-child {  transition: .5s all; border-bottom: 1px solid #e2e8f0;}
.custom-accordion .accordion-body {display: none;}
.custom-accordion .accordion-item.active .accordion-body {  display: block;}
.custom-accordion .toggle-icon i { transition: transform 0.3s ease;}
.custom-accordion .accordion-item.active .toggle-icon i { transform: rotate(180deg);}
/* SECTION-4 */
.about-logo-sec { padding: 0 0 64px 0; background-color: #e5deff;}
.about-logo-sec .logo-title { text-align: center;}
.about-logo-sec .logo-title h3 {color: #301934; font-family: 'Inter'; font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom:24px;padding: 0 33px 0 0;}
.about-logo-sec .logo-in { display: flex; flex-wrap: wrap; justify-content: center; background: #ffffff; padding: 24px 150px; border-radius: 8px; }
.about-logo-sec .logo-img { height: 110px; width: auto; object-fit: contain; transition: transform  0.5s ease; }
.about-logo-sec .imgs-here:hover .logo-img { transform: scale(1.05); }
.about-logo-sec .logo-label {font-family: 'Inter'; font-weight: 500 ; color: #374151; font-size: 14px; line-height: 20px; margin: 0;}
/* SECTION-5 */
.about-list-sec { padding: 0 0 64px 0; background-color: #e5deff; }
.about-list-sec .list-title { text-align: center;}
.about-list-sec .list-title h3 {color: #301934; font-family: 'Inter'; font-weight: 700; font-size: 24px; line-height: 32px; 
margin-bottom:24px;padding: 0 33px 0 0; }
.about-list-sec .sec-back-color { background-color: #9b87f50d; border-radius: 8px; padding: 32px; }
.about-list-sec ul { margin: 0 !important; }
.about-list-sec ul li { font-family: 'Inter'; display: flex; align-items: baseline; margin-bottom: 24px; font-size: 16px; }
.about-list-sec ul li i { color: #9b87f5; margin: 0px 12px 0 0px;}
.about-list-sec ul li p { color: #374151;margin-bottom: 0;font-weight: 400; line-height: 24px; }
.about-list-sec ul li:last-child { margin-bottom: 0; }
.about-list-sec .list-in ul:first-of-type { padding: 0 0 0 15px !important; }
/* SECTION-6 */
.about-form-sec { padding: 60px 0px; background: linear-gradient(to bottom, #DCC9FA, #8D30FF); position: relative; overflow: hidden; }
.about-form-sec .form-con {text-align: center;margin-bottom: 48px;}
.about-form-sec .form-con h2 {color: #1a1f2c; font-family: 'Inter'; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px; letter-spacing:0.5px; }
.about-form-sec .form-con p {color: #1a1f2c; font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 24px; max-width: 768px; margin: 0 auto ; }
.about-form-sec .container { position: relative; z-index: 1; }
/* .about-form-sec  iframe {min-height: 835px;} */
/* FORM */
.about-form-sec .lottie-bg { position: absolute; inset: 0; z-index: 0; pointer-events: none;}
.about-form-sec dotlottie-wc { width: 300%; height: 300%;  display: block; }
.about-form-sec #gform_wrapper_2 
{ background: #fffc; padding: 32px; max-width: 672px; width: 100%; margin: 0px auto; border-radius: 8px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);   
 font-family: 'Inter' !important;  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.about-form-sec #gform_wrapper_2 input[type="text"],
.about-form-sec #gform_wrapper_2 input[type="email"],
.about-form-sec #gform_wrapper_2 input[type="tel"],
.about-form-sec #gform_wrapper_2 input[type="url"],
.about-form-sec #gform_wrapper_2 select,
.about-form-sec #gform_wrapper_2 textarea
 { width: 100%; padding: 8px  12px; border-radius: 8px; border: 1px solid #e2e8f0; background-color: #f8fafc; font-size: 14px; line-height: 20px;
 font-weight: 400; margin: 6px 0; transition: border 0.2s ease;  }
.about-form-sec #gform_wrapper_2 input[type="text"]::placeholder,
.about-form-sec #gform_wrapper_2 input[type="email"]::placeholder,
.about-form-sec #gform_wrapper_2 input[type="tel"]::placeholder,
.about-form-sec #gform_wrapper_2 textarea::placeholder { color: #868688; }
.about-form-sec #gform_wrapper_2 input[type="text"]:focus,
.about-form-sec #gform_wrapper_2 input[type="email"]:focus,
.about-form-sec #gform_wrapper_2 input[type="tel"]:focus,
.about-form-sec #gform_wrapper_2 select:focus,
.about-form-sec #gform_wrapper_2 textarea:focus {
 border-color: #b181f3 !important; box-shadow: 0 0 0 2px #f8fafc; outline: 2px solid transparent; outline-offset: 2px; }
.about-form-sec #gform_wrapper_2 .gfield_label { font-weight: 500; line-height: 1; font-size: 14px; color: #010101; margin-bottom: 0; }
.about-form-sec .ginput_container_address span { display: inline-block; width: 32%; padding-right: 1%; }
.about-form-sec #gform_wrapper_2 textarea { height: 120px; }
.about-form-sec #gform_wrapper_2 .gform_footer input[type="submit"] {
 background: #b181f3; color: white; padding: 8px 16px; font-size: 14px; font-weight: 500; line-height: 20px; border-radius: 20px; border: none;
 cursor: pointer; width: 100%; margin-top: 20px; transition: background 0.3s ease; }
.about-form-sec #gform_wrapper_2 .gform_footer input[type="submit"]:hover { background: #9c6ae9; }
.about-form-sec #gform_wrapper_2 #field_2_11 { font-weight: 500; line-height: 16px; font-size: 12px; color: #6b7280; margin: 10px 0 0 0; }
.about-form-sec .gform_wrapper.gravity-theme .gform_footer, 
.about-form-sec .gform_wrapper.gravity-theme .gform_page_footer { margin: 0; padding: 0 !important; }
/* POOL INSTALLATION PAGE */
.page-id-9  .conthead-content p { width: 64%; margin: 0 auto; }
/* SECTION-1 */
.pool-all-sec { background-color: #f8fafc;}
.pool-all-sec .container {padding:48px 32px !important;}
.pool-all-sec .pool-con h2 {font-family: 'Inter' ; font-weight: 700; font-size: 30px; line-height: 36px; margin-bottom: 24px; color: #7e69ab; letter-spacing: 0.5px;}
.pool-all-sec .pool-con p {font-family: 'Inter'; font-weight: normal; font-size: 18px; line-height: 28px; margin-bottom: 24px; padding-right: 16px; }
.pool-all-sec .pool-bttn1 a.nav-bttn-link { display: inline-block; margin-bottom: 32px; padding: 14px 32px; }
.pool-all-sec .pool-bttn1 img {padding-right: 13px;}
/* SECTION-2 */
.pool-all-sec .faq-con {font-family: 'Inter'; }
.pool-all-sec .faq-con h3 {color:#9b87f5; font-weight: 600; font-size: 24px; line-height: 32px; margin-bottom:16px;padding: 0 33px 0 0; }
.pool-all-sec .faq-con p {margin-bottom: 16px; }
.pool-all-sec .pool-faq-here {transition: .5s all; box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05); background-color: #f9fafb; padding: 32px;  border-radius: 8px;}
.pool-all-sec .pool-faq-here:hover {box-shadow: 0 0 #0000, 0 0 #0000,0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);}
.pool-all-sec .accordion-button::after { display: none !important; } 
.pool-all-sec .plus-question { transition: .5s all; display: flex; align-items: center; }
.pool-all-sec .plus-question i{ transition: .5s all; padding: 1px 2px; border: 1px solid #9b87f5; border-radius: 50px; display: inline-flex; margin: 0; color: #9b87f5; font-size: 10px; text-align: center;
 line-height: 10px; font-weight: 900; }
.pool-all-sec .plus-question span { transition: .5s all; font-weight: 500; font-size: 16px; }
.pool-all-sec .plus-question span:hover { color:#9b87f5; text-decoration: underline #9b87f5; }
.pool-all-sec .accordion-button:hover .toggle-icon i.fa-chevron-down { transition: .5s all; color: #9b87f5 !important; }
.pool-all-sec .custom-accordion .accordion-button { transition: .5s all; font-family: 'Inter'; font-weight: 500; font-size: 18px; line-height:28px; display: flex; justify-content: space-between;
 align-items: center; padding:8px 0; margin: 0; color: #000000; background-color: transparent !important; border: none; outline: none; }
.pool-all-sec .accordion-button:not(.collapsed) .toggle-icon i { transition: .5s all; color: #000000; transform: rotate(0deg); } 
.pool-all-sec .accordion-button:not(.collapsed) { transition: .5s all; color: #000000; background-color: transparent !important; box-shadow: none !important; } 
.pool-all-sec .accordion-item { transition: .5s all; border-bottom: 1px solid #e2e8f0; background-color: transparent !important; margin-bottom: 0; } 
.pool-all-sec .accordion-header { transition: .5s all; background: transparent !important; border-radius: 0px; } 
.pool-all-sec .accordion-body { transition: .5s all; font-family: 'Inter'; font-weight: 400; font-size: 14px; line-height: 20px; background: transparent !important;
 padding: 0 0px 16px 24px; color: #4b5563; }
/* .pool-all-sec .accordion-body p */
.pool-all-sec .accordion-body p,
.pool-all-sec .accordion-body p a {color: #9b87f5; font-family: 'Inter';  margin:8px 0 0 0; font-size: 14px;}
.pool-all-sec .accordion-body p:hover ,
.pool-all-sec .accordion-body p a:hover { text-decoration: underline #9b87f5;}
.pool-all-sec .toggle-icon i { margin-left: auto; font-size:12px; transition: transform 0.3s ease; color: #000000; } 
.pool-all-sec .accordion-button:focus { box-shadow: none !important; border-color: none !important; }
.pool-all-sec .accordion-flush>.accordion-item:first-child,
.pool-all-sec .accordion-flush>.accordion-item,
.pool-all-sec .accordion-flush>.accordion-item:last-child { transition: .5s all; border-bottom: 1px solid #e2e8f0; }
.pool-all-sec .custom-accordion .accordion-body {display: none; }
.pool-all-sec .custom-accordion .accordion-item.active .accordion-body {  display: block; }
.pool-all-sec .custom-accordion .toggle-icon i { transition: transform 0.3s ease;}
.pool-all-sec .custom-accordion .accordion-item.active .toggle-icon i { transform: rotate(180deg); }
/* SECTION-3 */
.pool-all-sec .pool-bx-in {font-family: 'Inter';     margin: 48px 0 24px 0;}
/* .pool-all-sec .pool-bx-in .col-lg-4 {padding-left: 0; padding-right: 0;} */
.pool-all-sec .pool-box { width: 100%; min-height: 260px; padding: 24px; background-color: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
 margin-bottom: 24px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.pool-all-sec .pool-box h3 {color: #9b87f5; font-size: 20px; line-height: 28px; margin-bottom:12px; font-weight: 600;}
.pool-all-sec .pool-box p {font-weight: 500;}
/* SECTION-4 */
.pool-all-sec .pool-img-title h2 {color: #7e69ab; font-family: 'Inter'; font-weight: 700; font-size: 30px; line-height:36px; margin-bottom: 24px; letter-spacing: 0.5px;}
.pool-all-sec .pool-left-con p {font-family: 'Inter'; margin-bottom: 16px; font-weight: 500;}
.pool-all-sec .pool-con-in {font-family: 'Inter'; margin-bottom: 48px;}
.pool-all-sec .pool-con-in ul li {display: flex; align-items: baseline; gap: 12px;}
.pool-all-sec .pool-con-in ul li p { margin-bottom: 0;}
.pool-all-sec .pool-bttn2 a.nav-bttn-link { display: inline-block; padding: 14px 30px 14px 30px; margin: 10px 0;}
.pool-all-sec .pool-bttn2 img {padding: 0 22px 0 0;}
.pool-all-sec .pool-right-img img { border-radius: 8px;   box-shadow: 0 0 0 0 #0000, 0 0 0 0 #0000, 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
/* CONTACT PAGE SECTIONS HERE */
/* SECTION-1 */
.contact-sec { padding: 64px 0; background-color: #ffffff; }
.contact-sec .contact-info h2 {color: #111827; font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 24px; letter-spacing: 0.5px;}
.contact-sec .contact-info .info-box {font-family: 'Inter'; display: flex;margin: 24px 0 24px 0;}
.contact-sec .contact-info .info-box .icon {  display: flex; justify-content: center; align-items: center; border-radius: 9999px; background-color: #9b87f51a; width: 40px; height: 40px;margin-top: 4px; margin-right: 16px;}
.contact-sec .contact-info .info-box .icon img {  width: 20px; height: 20px;object-fit: contain;}
/* .contact-sec .contact-info .info-box .details {} */
.contact-sec .contact-info .info-box .details strong { color: #111827; font-weight: 600; font-size: 16px; margin-bottom: 4px; }
.contact-sec .contact-info .info-box .details span,
.contact-sec .contact-info .info-box .details span a {color:#4B5563; font-weight: 400; font-size: 16px; line-height: 24px;}
.contact-sec .form-con { text-align: center;margin-bottom: 48px;}
.contact-sec .form-con h2 { color: #7E69AB; font-family: 'Inter'; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px; letter-spacing: 0.5px; }
.contact-sec .form-con p { color: #4B5563; font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 24px; max-width: 768px; margin: 0 auto; margin-bottom: 32px; }
/* FORM */
.contact-sec .gform_wrapper { font-family: 'Inter' !important; background: #ffffff; padding: 32px; border-radius: 8px;
box-shadow:0 0 #0000 , 0 0 #0000 , 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); }
.contact-sec .gform_wrapper .gform_heading h2.gform_title { font-weight: 700; font-size: 24px;line-height: 32px ; margin-bottom: 24px; color: #111827; }
.contact-sec .gform_wrapper .gfield_label { color: #374151 !important; font-size: 14px !important; line-height: 20px !important; font-weight: 500 !important; margin-bottom: 4px !important; display: block; color: #1a1a1a;}
.contact-sec .gform_wrapper input[type="text"],
.contact-sec .gform_wrapper input[type="email"],
.contact-sec .gform_wrapper input[type="tel"],
.contact-sec .gform_wrapper select,
.contact-sec .gform_wrapper textarea {
 width: 100% !important; padding: 8px 14px !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important ;font-size: 16px !important; line-height: 24px;
 font-family: inherit !important; box-sizing: border-box; background-color: #f9fbff !important; color: #1a1a1a; transition: border-color 0.3s ease;}
.contact-sec .gform_wrapper input[type="text"]:focus,
.contact-sec .gform_wrapper input[type="email"]:focus,
.contact-sec .gform_wrapper input[type="tel"]:focus,
.contact-sec .gform_wrapper select:focus,
.contact-sec .gform_wrapper textarea:focus {
 border-color: #7c3aed !important; box-shadow: 0 0 0 2px rgba(199, 210, 254, 0.5); outline: none;}
.contact-sec .gform_wrapper .gform_footer input[type="submit"].gform_button {
background-color: #9b87f5 !important; color: #ffffff !important; border: none !important; border-radius: 9999px !important; padding: 10px 16px !important;
font-weight: 500 !important; width: 100% !important; cursor: pointer; font-size: 14px !important; line-height: 20px; transition: background-color 0.3s ease;}
.contact-sec .gform_wrapper .gform_footer input[type="submit"].gform_button:hover { background-color: #7c3aed !important;}
.contact-sec .right-img { width: 100%; height: 100%;  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.187); border-radius: 8px;}
.contact-sec .right-img img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 8px;}
.contact-sec .gform_wrapper.gravity-theme .gform_footer, 
.contact-sec .gform_wrapper.gravity-theme .gform_page_footer { margin: 8px 0 0 0 !important; padding: 0 0 0 0 !important;}
.contact-sec .gform_wrapper.gravity-theme .gform_footer button,
.contact-sec .gform_wrapper.gravity-theme .gform_footer input,
.contact-sec .gform_wrapper.gravity-theme .gform_page_footer button, 
.contact-sec .gform_wrapper.gravity-theme .gform_page_footer input {margin-bottom: 0 !important;} 
.gform_wrapper.gravity-theme .gfield textarea.small {height: 120px !important;}
.contact-sec .col-pad:has(> .right-img) { padding-left: 24px; }
.contact-sec .col-pad:has(> .left-form) { padding-right: 24px; }
/* SECTION-2 */
.contact-qas-sec {padding: 64px 0;background-color: #f9fafb;}
.contact-qas-sec .qas-con { text-align: center;margin-bottom: 48px;}
.contact-qas-sec .qas-con h2 {font-family: 'Inter' ; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px; color: #7e69ab; letter-spacing: 0.5px; }
.contact-qas-sec .qas-con p {color: #4B5563; font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 24px; max-width: 768px; margin: 0 auto; }
.contact-qas-sec .qas-in {max-width: 896px; margin: 0 auto;}
.contact-qas-sec .qas-box {padding: 24px; border-radius: 8px; background-color: #ffffff; margin: 24px 0 0 0;box-shadow:0 0 #0000, 0 0 #0000 , 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);}
.contact-qas-sec .qas-box h3 {color: #111827;font-weight: 600;line-height: 28px; font-size: 18px; margin-bottom: 8px;}
.contact-qas-sec .qas-box p {margin-bottom: 0; font-weight: 400; font-size: 16px ; line-height: 24px; color: #4B5563; } 
/* OUR WORK PAGE SECTIONS HERE */
/* SECTION-1 */
.pool-styles-sec {padding: 64px 0; background-color: #f8fafc;}
.pool-styles-sec .style-con {text-align: center;}
.pool-styles-sec .style-con h2 {font-family: 'Inter' ; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px; color: #7e69ab; letter-spacing: 0.5px; }
.pool-styles-sec .style-con p {color: #4B5563; font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 24px; max-width: 768px; margin: 0 auto; }
.pool-styles-sec .style-top { background-color: #f9fafb; border-radius: 8px; box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
display: flex; align-items: center; justify-content: space-between; flex-direction: row; margin-bottom: 64px;}
.pool-styles-sec .style-top-img { width: 100%;}
.pool-styles-sec .style-top-img img { border-radius: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; object-fit: cover; object-position: center; width: 100%; height: 100%;}
.pool-styles-sec .style-top-con { padding:0 32px; text-align: center;  width: 48%; }
.pool-styles-sec .style-top-con h3 { color: #111827; font-size: 24px; line-height: 32px; font-weight: 700;margin-bottom: 16px; }
.pool-styles-sec .style-top-con span { display: inline-block; color: #9b87f5; font-size: 14px; line-height: 20px; font-weight: 400; margin-bottom: 16px !important;}
.pool-styles-sec .style-top-con p { color: #4b5563; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 24px;}
.pool-styles-sec .style-top-con { padding: 0 32px; text-align: center; width: 45%; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%;}
.pool-styles-sec .style-top-con .con-list ul li { list-style: disc; list-style-position: inside; color: #4b5563; }
.pool-styles-sec .all-pool-styles-here .title-here h2 { font-weight: 700; font-size: 30px; line-height: 36px; margin-bottom: 8px; text-align: center;letter-spacing: 0.5px;}
.pool-styles-sec .pool-img { overflow: hidden; border-radius: 8px; position: relative; margin-top: 24px; max-height: 256px; height: 100%;}
.pool-styles-sec .pool-img img { width: 100%; height: 100%; max-height: 256px; object-fit: cover; border-radius: 8px; transition: transform 0.5s ease;}
.pool-styles-sec .pool-img:hover img { transform: scale(1.1); }
.pool-images-here.row .col-lg-4.col-md-6.col-sm-12 { padding: 0 13px !important;}
/* Use Bootstrap modal but force fixed size */
.pool-styles-sec .custom-bs-modal { max-width: 1024px !important; width: 100% !important; }
.pool-styles-sec .custom-bs-modal .modal-content { height: 100%; overflow: hidden; border-radius: 8px;border: 1px solid #e5e7eb;}
.pool-styles-sec .modal-body { height: 100%; padding: 0;}
/* Keep image covered */
.pool-styles-sec .object-fit-cover { object-fit: cover; }
/* Removed inline Bootstrap spacing classes */
.pool-styles-sec .no-padding { padding: 0 !important;}
.pool-styles-sec .modal-row { margin: 0; gap: 0; height: 100%;}
.pool-styles-sec .modal-img { width: 100%; height: 100% ;}
.pool-styles-sec .modal-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; border-bottom-right-radius: 0; border-top-right-radius: 0; }
.pool-styles-sec .modal-right-content { display: flex; flex-direction: column; justify-content: flex-start; padding: 24px !important;}
/* Typography and spacing previously handled via Bootstrap */
.pool-styles-sec .modal-right-content .modal-top h2 { color: #111827; font-size: 24px; font-weight: 700; line-height: 32px; margin-bottom:8px;}
.pool-styles-sec .modal-right-content .modal-top span { color: #9b87f5;  display: block; font-size: 14px; line-height: 20px; font-weight: 400; margin-bottom:16px;}
.pool-styles-sec .modal-right-content .modal-top p {color: #4b5563; margin-bottom: 16px; font-weight: 400; font-size: 16px; line-height: 24px;}
.pool-styles-sec .modal-right-content .con-list { margin-bottom:0;}
.pool-styles-sec .modal-right-content .con-list h4,
.pool-styles-sec .modal-right-content .location-here h4 { color: #111827; font-weight: 600; font-size: 16px; line-height: 24px; margin-bottom: 0; }
.pool-styles-sec .modal-right-content .con-list ul li,
.pool-styles-sec .modal-right-content .location-here p {list-style: disc; list-style-position: inside; color: #4b5563;margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 24px; }
/* Close button positioning */
.pool-styles-sec .custom-close{ position: absolute; top: 0; right: 0; margin: 1rem;}
.pool-styles-sec .btn-close.custom-close {
--bs-btn-close-color: #7c3aed; --bs-btn-close-bg: none; font-weight: 300; border-radius: 8px; width: 19px; height: 19px; display: flex; align-items: center;
justify-content: center; background-color: #ffffff; border:1px solid #d8cfff91; outline: 2px solid #b181f3; color: #393939; --bs-btn-close-color: #7c3aed;
 opacity: 1; padding: 0; }
.pool-styles-sec .btn-close.custom-close::before { content: '×'; font-size: 24px; line-height: 30px; font-weight: 300; }
.pool-styles-sec .btn-close:focus { box-shadow: none !important; }
.pool-styles-sec .modal  { background-color: #00000099 !important; }
/* SECTION-2 */
.concept-sec {padding: 64px 0;}
.concept-con {text-align: center; margin-bottom: 48px; }
.concept-con h2 {font-family: 'Inter' ; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px; color: #7e69ab; letter-spacing: 0.5px; }
.concept-con p {color: #4B5563; font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 24px; max-width: 768px; margin: 0 auto; }
.concept-in.row { justify-content: center; align-items: center;}
.concept-box { text-align: center;padding: 0 2px;}
.concept-box .concept-num { display: flex; justify-content: center; align-items: center; background-color: #9b87f51a; border-radius: 9999px; width: 80px; height: 80px;
margin: 0 auto 16px auto;}
.concept-box .concept-num span {color: #9b87f5;  font-weight: 700; font-size: 30px; line-height: 36px;}
.concept-box h3 { color: #111827; font-weight: 700; font-size: 20px; line-height: 28px; margin-bottom: 12px;}
.concept-box p { color: #4b5563; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 0; }
/* SECTION-3 */
.clients-sec { padding: 64px 0; background-color: #f9fafb; }
.clients-sec .client-con { text-align: center; margin-bottom: 48px; }
.clients-sec .client-con h2 { font-family: 'Inter' ; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px; color: #7e69ab; letter-spacing: 0.5px; }
.clients-sec .client-con p { color: #4B5563; font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 24px; max-width: 768px; margin: 0 auto; }
.clients-sec .review-slider-in { max-width: 896px; margin: 0 auto; position: relative; }
.clients-sec .client-review-slide { background: #ffffff; border-radius: 8px; padding: 32px;
     /* box-shadow:0 0 #0000, 0 0 #0000 , 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); */
 text-align: center; position: relative; }
.clients-sec .client-review-slide img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; margin: 0 auto 20px; }
.clients-sec .client-info h3 { margin: 0; font-size: 20px; line-height: 28px; font-weight:700; color: #111827; }
.clients-sec .client-info p { margin: 4px 0 20px; font-size: 14px; font-weight: 400; line-height: 20px; color: #9b87f5; }
.clients-sec blockquote { font-size: 20px; font-weight: 400; color: #4B5563; font-style: italic; line-height: 28px; margin: 0 0 20px; }
.clients-sec .stars { color: #FACC15; font-size: 16px; line-height: 24px; display: flex; justify-content: center; gap: 10px; }
.slick-next:before {display: none;}
.slick-prev:before {display: none;}
.clients-sec .slick-slide { margin: 8px ;}
.slick-track { display: flex; }
.slick-list { width: 100%; overflow: hidden; }
.clients-sec .slick-prev,
.clients-sec .slick-next {
width: 32px  !important; height: 32px  !important; background-color: #f8fafc  !important; border: 1.1px solid #e2e8f0 !important; border-radius: 50%  !important;
display: flex; align-items: center; justify-content: center;position: absolute; top: 52%; cursor: pointer;
transition: background-color 0.3s ease; z-index: 10; }
.clients-sec .slick-prev i,
.clients-sec .slick-next i { font-size: 14px; line-height: 20px;  color: #000000; }
.clients-sec .slick-prev:hover,
.clients-sec .slick-next:hover,
.clients-sec .slick-prev:focus,
.clients-sec .slick-next:focus { background-color: #ede0ff !important; outline: none ; }
.clients-sec .slick-prev { left: -50px; }
.clients-sec .slick-next { right: -50px ; }
/* Disable state */
.slick-disabled { opacity: 0.3; pointer-events: none;}
/* SECTION-4 */
/* home-form */
/* POOL STYLES PAGES ALL SECTION HERE */
/* SECTION-1 */
.pool-hero-sec { overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 32px 0; display: flex;flex-direction: column; 
justify-content: center; }
.pool-hero-sec .pool-hero-in.row { padding: 96px 32px; }
.pool-hero-sec .container { padding: 0 !important; }
.pool-hero-sec .pool-hero-con  { color: #ffffff; text-align: left; }
.pool-hero-sec .pool-hero-con  h1 { font-family: 'Inter'; font-weight: 700; font-size: 60px; line-height: 1; width: 95%; margin-bottom: 24px; letter-spacing: 0.5px; }
.pool-hero-sec .pool-hero-con  p { font-family: 'Inter'; font-weight: 400; font-size: 20px; line-height: 28px; width: 96%; margin-bottom: 32px; }
.pool-hero-sec .pool-hero-bttn a {
    display: inline-flex;
    align-items: center;
    padding: 12px 20px;
    color: #ffffff;
    background-color: #9b87f5;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
    text-decoration: none;
}
.pool-hero-sec .pool-hero-bttn a:hover {background-color: #7E69AB;
  color: #ffffff;}
.pool-hero-sec .pool-hero-form { position: relative; overflow: hidden;border-radius: 8px !important; width: 100%; max-width: 556px; float: right;}
.pool-hero-sec .form-content { position: relative; z-index: 1;}
/* FORM */
.pool-hero-sec .gform_wrapper { font-family: 'Inter' !important; padding: 24px;
 box-shadow:0 0 #0000 , 0 0 #0000 , 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); }
.pool-hero-sec .gform_wrapper .gform_heading h2.gform_title { font-weight: 700; font-size: 20px;line-height: 28px ; margin-bottom: 16px; color: #1a1f2c; }
.pool-hero-sec .gform_wrapper .gfield_label { color: #374151 !important; font-size: 14px !important; line-height: 20px !important; font-weight: 500 !important; margin-bottom: 4px !important; display: block; color: #1a1a1a;}
.pool-hero-sec .gform_wrapper input[type="text"],
.pool-hero-sec .gform_wrapper input[type="email"],
.pool-hero-sec .gform_wrapper input[type="tel"],
.pool-hero-sec .gform_wrapper select,
.pool-hero-sec .gform_wrapper textarea {
 width: 100% !important; padding: 12px !important; border: 1px solid #d1d5db !important; border-radius: 4px !important ;font-size: 16px !important; line-height: 24px;
 font-family: inherit !important; box-sizing: border-box; background-color: #f9fbff !important; color: #1a1a1a; transition: border-color 0.3s ease;}
.pool-hero-sec .gform_wrapper input[type="text"]:focus,
.pool-hero-sec .gform_wrapper input[type="email"]:focus,
.pool-hero-sec .gform_wrapper input[type="tel"]:focus,
.pool-hero-sec .gform_wrapper select:focus,
.pool-hero-sec .gform_wrapper textarea:focus {
 border-color: #7c3aed !important; box-shadow: 0 0 0 2px rgba(199, 210, 254, 0.5); outline: none;}
.pool-hero-sec .gform_wrapper .gform_footer input[type="submit"].gform_button {
background-color: #9b87f5 !important; color: #ffffff !important; border: none !important; border-radius: 8px !important; padding: 10px 16px !important;
font-weight: 500 !important; width: 100% !important; cursor: pointer; font-size: 14px !important; line-height: 20px; transition: background-color 0.3s ease;}
.pool-hero-sec .gform_wrapper .gform_footer input[type="submit"].gform_button:hover { background-color: #7e69ab !important;}
.pool-hero-sec  .gform_wrapper.gravity-theme .gform_footer, 
.pool-hero-sec  .gform_wrapper.gravity-theme .gform_page_footer { margin: 0 !important; padding: 16px 0 0 0!important;}
.pool-hero-sec  .gform_wrapper.gravity-theme .gform_footer button,
.pool-hero-sec .gform_wrapper.gravity-theme .gform_footer input,
.pool-hero-sec .gform_wrapper.gravity-theme .gform_page_footer button, 
.pool-hero-sec .gform_wrapper.gravity-theme .gform_page_footer input {margin-bottom: 0 !important;}
.pool-hero-sec .gform_wrapper.gravity-theme .gfield textarea.small {height: 120px !important;}
/* SECTION-2 */
.pool-content-sec {padding: 64px 0;}
.pool-content-sec .con-in.row { align-items: center;}
.pool-content-sec .con-title  { text-align: center;margin-bottom: 48px;}
.pool-content-sec .con-title h2 { color: #7e69ab; font-family: 'Inter'; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px;letter-spacing: 0.5px; }
.pool-content-sec .con-detail p {font-size: 18px; font-weight: 400; line-height: 28px; margin-bottom: 24px; color: #020817;width: 99%; }
.pool-content-sec .con-logos ul li { display: inline-block; }
.pool-content-sec .con-logos img { width: 110px; height: 96px; object-fit: contain;  }
.pool-content-sec .con-img img { border-radius: 7px;   box-shadow: 0 0 0 0 #0000, 0 0 0 0 #0000, 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
/* SECTION-3 */
.pool-types-sec {padding: 64px 0; background-color: #ffffff;}
.pool-types-sec  .access-con {text-align: center;margin-bottom: 48px;}
.pool-types-sec  .access-con h2 {color: #7E69AB; font-family: 'Inter'; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px; letter-spacing: 1px;}
.pool-types-sec  .access-con p {color: #4B5563; font-family: 'Inter'; font-weight: 400; font-size: 18px; line-height: 28px; max-width: 768px; margin: 0 auto; }
.access-in .mt {margin-bottom: 32px;}
.pool-types-sec  .access-box { background: #ffffff; border-radius: 8px; overflow: hidden; border: 1px solid #e2e8f0;  box-shadow: 0 4px 16px rgba(107, 107, 107, 0.08); transition: transform .5s ease, box-shadow .5s ease;
 height: 100%; display: flex; flex-direction: column;}
.pool-types-sec  .access-img { width: 100%; max-height:190px; overflow: hidden; position: relative; border-top-left-radius: 8px; border-top-right-radius: 8px; height: 100%; }
.pool-types-sec  .access-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; display: block;}
.pool-types-sec  .access-box:hover .access-img img { transform: scale(1.08);}
.pool-types-sec  .access-detail { padding: 24px;}
.pool-types-sec  .access-detail h3 {margin-bottom: 16px; font-family: 'Inter'; font-size: 20px; line-height: 28px; font-weight: 700; color: #7e69ab;}
.pool-types-sec  .access-detail p { color: #4b5563; margin-bottom: 16px; font-family: 'Inter'; font-weight: 400; font-size: 16px;  line-height: 24px;}

.pool-types-sec .type-bttn a{transition: .5s all; text-align: center; background-color: #9b87f5;   display: inline-block;border-radius: 8px;padding: 12px 24px;}
.pool-types-sec .type-bttn a,
.pool-types-sec .type-bttn span { font-family: 'Inter';  color: #fff; font-weight: 500; font-size: 16px; line-height: 24px; transition: .5s all; }
.pool-types-sec .type-bttn a:hover {background-color: #7e69ab;} 
/* SECTION-4 */
.pool-process-sec {padding: 64px 0; background-color: #4a2a8c;}
.pool-process-sec .process-con {text-align: center; margin-bottom: 48px; }
.pool-process-sec .process-con h2 {font-family: 'Inter' ; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px; color: #ffffff; letter-spacing: 0.5px; }
.pool-process-sec .process-in.row { justify-content: center; align-items: center;}
.pool-process-sec .process-box { text-align: center;padding: 25px; transition: all 0.3s ease;  border-radius: 8px; width: 100%; height: 100%; min-height: 280px; }
.pool-process-sec .process-box:hover {background-color:#5d3a9f80 ; transform: scale(1.05);}
.pool-process-sec .process-box .process-num { display: flex; justify-content: center; align-items: center; background-color: #9b87f5; border-radius: 9999px; width: 64px; height: 64px;
margin: 0 auto 16px auto;}
.pool-process-sec .process-box .process-num span {color: #ffffff;  font-weight: 700; font-size: 24px; line-height: 32px;}
.pool-process-sec .process-box h3 { color: #ffffff; font-weight: 700; font-size: 20px; line-height: 28px; margin-bottom: 16px;}
.pool-process-sec .process-box p { color: #ffffffe6; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 0; }
.pool-process-sec .pool-hero-wrapper { text-align: center; margin-top: 48px;}
.pool-process-sec .pool-hero-bttn a,
.pool-process-sec .pool-hero-bttn span { border: 2px solid #9b87f5 ;transition: .5s all; text-align: center; background-color: #9b87f5; display: inline-block;border-radius: 8px;padding: 8px 24px; font-family: 'Inter'; color: #fff;  font-weight: 500; font-size: 14px; line-height: 20px; transition: .5s all;  text-transform: uppercase; }
.pool-process-sec .pool-hero-bttn a:hover , 
.pool-process-sec .pool-hero-bttn span:hover {background-color: #ffffff; border-color: #9b87f5; color: #9b87f5;} 
/* .pool-process-sec .pool-hero-bttn:hover a ,
.pool-process-sec .pool-hero-bttn:hover span { color: #9b87f5;} */
/* SECTION-5 */
.pool-category-section { padding: 64px 0;}
.category-top { text-align: center; margin-bottom: 48px;}
.category-top h2 {color:#111827; font-family: 'Inter'; font-weight: 700; font-size: 36px; line-height: 40px; letter-spacing: 0.5px;}
.pool-category-section .category-boxes {  flex-wrap: wrap;}
.pool-category-section .category-box {  display: block; width: 100%; max-width: 320px; text-decoration: none; color: inherit; border: 1px solid #dddddd1a; border-radius: 8px;
 overflow: hidden; transition: box-shadow 0.3s, transform .5s ease, box-shadow .5s ease; background: #fff;     box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);}
.pool-category-section .category-box:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.pool-category-section .image-wrapper { position: relative; width: 100%; height:257px; overflow: hidden;}
.pool-category-section .image-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease;}
.pool-category-section .category-box:hover img { transform: scale(1.08);}
.pool-category-section .overlay-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:transparent;
 color: #fff; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; text-align: left; }
.box-con {padding: 16px;}
.pool-category-section .box-con h3 {color: #ffffff; letter-spacing: 0.9px; font-size: 18px;font-weight: 700; text-transform: uppercase; margin: 0; line-height: 28px;}
.pool-category-section .box-con p { font-size: 14px; color: #ffffffe6; margin: 0; font-weight: 400; line-height: 20px;}
.pool-category-section .below-box-text { display: flex; justify-content: space-between; align-items: center; padding:16px; background-color:#ffffff;}
.pool-category-section .below-box-text h4 { font-size: 14px; font-weight: 400; margin-bottom: 0; line-height: 20px;color: #374151;}
.pool-category-section .below-box-text .cate-num span { padding: 4px 8px; background-color: #9b87f51a; border-radius: 9999px;display: flex; align-items: center;
justify-content: center; font-size: 12px; line-height: 16px; font-weight: 500; color: #9b87f5;}
.pool-category-section .bot-text p { padding: 0 16px 12px; font-size: 0.95rem; color: #444;}
.category-bot {text-align: center; margin: 40px auto 0;  max-width: 768px;}
.category-bot p {color: #374151; font-weight: 400; font-size: 18px; line-height: 28px;}
.category-bot .pool-hero-bttn a {
display: inline-flex;
    align-items: center;
    padding: 14px 24px;
    color: #ffffff;
    background-color: #9b87f5;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    font-family: 'Inter', sans-serif;
}
.category-bot .pool-hero-bttn a:hover {background-color: #7E69AB;
  color: #ffffff;}
.category-bot .cate-bttn { display: flex; text-align: center; justify-content: center; align-items: center; margin-top: 32px;}
.cate-bottom-img { width: 100%; height: auto; display: block;}
.cate-bottom-img img { max-height: 100px; width: 100%; object-fit: fill; display: block;}
/* SECTION-6 */
.pool-create-sec {padding: 64px 0; background-color: #ffffff;}
.pool-create-sec .create-con {text-align: center;margin-bottom: 48px;}
.pool-create-sec .create-con h2 {color: #7E69AB; font-family: 'Inter'; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px;letter-spacing: 0.5px;}
.pool-create-sec .create-con p {color: #4B5563; font-family: 'Inter'; font-weight: 400; font-size: 18px; line-height: 28px; max-width: 768px; margin: 0 auto; }
.create-in.row .col-lg-4.col-md-6.col-sm-12 {margin-bottom: 32px; }
.pool-create-sec .create-box { background: #ffffff; border-radius: 8px; overflow: hidden; height: 100%;  display: flex; flex-direction: column;
    border: 1px solid #e2e8f0; }
.pool-create-sec .create-img { width: 100%; max-height: 190px; overflow: hidden; position: relative; border-top-left-radius: 8px; border-top-right-radius: 8px; height: 100%; }
.pool-create-sec .create-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; display: block;}
.pool-create-sec .create-box:hover .create-img img { transform: scale(1.08);}
.pool-create-sec .create-detail { padding: 24px;}
.pool-create-sec .create-detail h3 {  margin-bottom: 16px; font-family: 'Inter'; font-size: 20px; line-height: 28px; font-weight: 700; color:#7e69ab;}
.pool-create-sec .create-detail p { color:#4b5563;  margin-bottom: 16px; font-family: 'Inter'; font-size: 16px; line-height: 24px;}

.pool-create-sec .create-link a,
.pool-create-sec .create-link span {color: #fff; font-weight: 500; font-size: 16px; transition: .5s all; text-transform:uppercase; transition:.5s all; text-align: center; background-color: #9b87f5; border-radius: 8px; padding: 8px 16px; display: inline-block;}
.pool-create-sec .create-link a:hover {background-color: #7e69ab;} 
.pool-create-sec .pool-hero-wrapper { text-align: center; }
.pool-create-sec .all-create-bttn a {display: inline-flex;
    align-items: center;
    padding: 12px 24px;
    color: #ffffff;
    background-color: #9b87f5;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    font-family: 'Inter', sans-serif;}
.pool-create-sec .all-create-bttn a:hover {background-color: #7E69AB;
  color: #ffffff;}
/* SECTION-7 */
.pool-range-sec {padding: 64px 0; background-color: #f9fafb;}
.pool-range-sec .range-con {text-align: center;margin-bottom: 48px;}
.pool-range-sec .range-con h2 {color: #7E69AB; font-family: 'Inter'; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px;letter-spacing: 0.5px;}
.pool-range-sec .range-con p {color: #4B5563; font-family: 'Inter'; font-weight: 400; font-size: 18px; line-height: 28px; max-width: 768px; margin: 0 auto; }
.pool-range-sec .pool-bx-in {font-family: 'Inter'; gap: 32px 0; margin-bottom: 32px;}
.pool-bx-in .pad {padding: 24px;}
.pool-range-sec .pool-box { width: 100%; height: 100%; background-color:#ffffff ;border: 1px solid #e5e7eb;
 border-radius: 8px; box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05) ;}
.pool-range-sec .pool-box h3 {color: #9b87f5; font-size: 20px; line-height: 28px; margin-bottom:16px; font-weight: 600;}
.pool-range-sec .pool-box p {font-size: 16px; line-height: 24px; font-weight: 400;margin-bottom:16px;color: #4B5563; ;}
.pool-bx-in .col-lg-4:nth-child(n+3) .pool-box p { margin-bottom: 0;}
.pool-range-sec .pool-icon { background-color: #9b87f5; border-radius: 9999px; width: 64px; height: 64px; display: flex; justify-content: center; align-items: center; margin-bottom: 16px;}
.pool-range-sec .pool-icon img { object-fit: contain; width: 28px; height: 28px; display: inline-block; object-position: center; filter: brightness(0) invert(1); }
.pool-range-sec .pool-range-link a,
.pool-range-sec .pool-range-link span { color: #9b87f5; font-weight: 500; font-size: 17px; transition: color 0.15s ease-in-out; }
.pool-range-sec .pool-range-link a:hover { color: #7e69ab; }
/* SECTION-8 */
.pool-gall-sec { padding: 64px 0; }
.pool-gall-sec .gall-title { text-align: center; margin-bottom: 48px; }
.pool-gall-sec .gall-title h2 { color: #7E69AB; font-family: 'Inter'; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px;letter-spacing: 0.5px; }
.pool-gall-sec .gall-images ul { display: flex; justify-content: space-between; flex-direction: row; gap: 16px; } 
.pool-gall-sec .gall-images ul li { width: 100%;  max-width: 651px; height: 100%; }
.pool-gall-sec .gall-images ul li img { width: 100%; height: 255px; max-width: 651px; object-fit: cover; object-position: center; display: block; border-radius: 8px; }
.pool-gall-sec .pool-hero-wrapper { text-align: center; margin-top: 32px;}
.pool-gall-sec .all-create-bttn a {display: inline-flex;
    align-items: center;
    padding: 12px 24px;
    color: #ffffff;
    background-color: #9b87f5;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    font-family: 'Inter', sans-serif;}
.pool-gall-sec .all-create-bttn a:hover {background-color: #7E69AB;
  color: #ffffff;}
/* SECTION-9 */
.financ-sec {padding: 64px 0; background-image: linear-gradient(to bottom right, #7E69AB, #1e40af);}
.financ-sec .finance-flex h2 { color: #ffffff; font-family: 'Inter'; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 24px;letter-spacing: 0.5px; width: 72%; }
.financ-sec .finance-flex p {color: #ffffff; font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 24px; max-width: 768px; margin: 0 auto 24px auto; }
.financ-sec .finance-bttn a {display: inline-flex;  box-shadow:0 0 #0000 ,0 0 #0000 , 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    align-items: center;
    padding: 12px 24px;
    color: #ffffff;
    background-color: #9b87f5;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    font-family: 'Inter', sans-serif;}
.financ-sec .finance-bttn a:hover {background-color: #7E69AB;
  color: #ffffff;}

.financ-sec .finance-right { border-radius: 8px; background-color: #ffffff; padding: 24px;}
.financ-sec .finance-right h3 {color: #7e69ab; font-weight: 700; font-size: 20px; line-height: 28px; margin-bottom: 16px;}
.financ-sec .finance-list ul {margin-bottom: 0;}
.financ-sec .finance-list ul li { display: flex; list-style: none; flex-direction: row; margin-bottom: 12px; align-items: center; }
.financ-sec .finance-list ul li:last-child {margin-bottom: 0;}
.financ-sec .finance-list ul li img { width:19px; height: 18px; object-fit: cover; margin-right: 8px;}
.financ-sec .finance-list ul li span { font-weight: 400; font-size: 16px; line-height: 24px; color: #7e69ab; }
/* SECTION-10 */
.pool-testi-sec {padding: 64px 0; background-color: #f9fafb;}
.pool-testi-sec .testi-title {text-align: center;margin-bottom: 48px;}
.pool-testi-sec .testi-title h2 {color: #7E69AB; font-family: 'Inter'; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom:8px;letter-spacing: 0.5px;}
.pool-testi-sec .testi-title p {color: #4b5563; font-weight: 400; font-size: 20px; line-height: 28px; margin-bottom: 0;}
.pool-testi-sec .testi-in { padding: 0 48px;}
.pool-testi-sec .testi-item .item { background-color: #ffffff;  padding: 24px;  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),  0 4px 6px -4px rgba(0, 0, 0, 0.1);
border-radius: 8px;}
.pool-testi-sec .top { display: flex; justify-content: space-between; margin-bottom: 16px;}
.pool-testi-sec .top .person-info { display: flex; align-items: center; gap: 15px;}
.pool-testi-sec .top .img-title {   border-radius: 50px;}
.pool-testi-sec .top .img-title .initial-avatar {  width: 50px;  height: 50px;  background-color: #9b87f5; color: #ffffff; font-weight: 600; font-size: 20px; display: flex;
align-items: center; justify-content: center; border-radius: 50%; font-family: 'Inter', sans-serif; text-transform: uppercase;}
.pool-testi-sec .top .img-title img { width: 50px; height: 50px; border-radius: 50%; object-fit: cover;}
.pool-testi-sec .top .author-detail { display: flex; flex-direction: column;}
.pool-testi-sec .top .author-detail h4 { font-family: 'Inter';color: #111827; font-weight: 600; font-size: 16px ; line-height: 24px; margin-bottom: 0px;}
.pool-testi-sec .top .author-detail span {font-family: 'Inter';font-weight: 400;color: #4b5563;font-size:14px; line-height: 20px ;}
.pool-testi-sec .top  .stars { display: flex;}
.pool-testi-sec .top .stars i { color: #facc15; display: inline-block; font-size: 16px;}
.pool-testi-sec .bot p {font-family: 'Inter'; font-style: italic; color: #374151; font-size: 16px ; line-height: 24px; font-weight: 400; margin-bottom: 0; }
.pool-testi-sec .slick-next:before {display: none;}
.slick-prev:before {display: none;}
.pool-testi-sec .slick-slide { display: flex; justify-content: center; margin: 8px 8px 90px 8px;}
.pool-testi-sec .slick-track { display: flex; }
.pool-testi-sec .slick-list { width: 100%; overflow: hidden; }
.pool-testi-sec .slick-prev,
.pool-testi-sec .slick-next {
 width: 32px; height: 32px; background-color: #f8fafc; border: 1.1px solid #e2e8f0; border-radius: 50%; display: flex; align-items: center; justify-content: center;
 position: absolute; top: 90%; cursor: pointer; transition: background-color 0.3s ease; z-index: 10; }
.pool-testi-sec .slick-prev { left: 46.7%; }
.pool-testi-sec .slick-next { right: 46.7%; }
.pool-testi-sec .slick-prev i,
.pool-testi-sec .slick-next i { font-size: 14px; color: #000000; }
.pool-testi-sec .slick-prev:hover,
.pool-testi-sec .slick-next:hover,
.pool-testi-sec .slick-prev:focus,
.pool-testi-sec .slick-next:focus { background-color: #ede0ff; outline: none; }
/* POOL POST SAME PAGES */
.all-same-sec {background-color: #f8fafc; }
.all-same-sec .container { padding: 0 !important;}
.all-same-sec .same-in {  padding: 48px;}
.all-same-sec .same-in .top {margin-top: 24px;}
.all-same-sec .same-in .top p { font-size: 18px; font-weight: 400; line-height: 28px; margin-bottom: 24px; color: #020817;}
.all-same-sec .same-in .mid h3 {   font-size: 24px; font-weight: 600; line-height:32px; color: #020817; margin-top: 32px; margin-bottom: 16px; }
.all-same-sec .same-in .mid p { font-size: 18px; line-height: 28px; font-weight: 400; color: #020817; margin-bottom: 24px; }
.all-same-sec .same-in .mid ul { padding-left: 8px !important; margin-bottom: 32px;}
.all-same-sec .same-in .mid ul li { list-style-type: disc; list-style-position: inside; font-size: 16px; font-weight: 400; line-height: 24px; color: #020817; margin-top: 8px; }
.all-same-sec .same-in .bot p {  font-size: 18px; line-height: 28px; font-weight: 400;  color: #020817;}
.all-same-sec .same-btn { display: flex; gap: 24px; flex-direction: row; justify-content: center; align-items: center; margin-top: 64px; }
.all-same-sec .same-btn a  { display: inline-block; background-color: #9b87f5; padding: 10px 34px; transition:background-color 0.5s;
 font-family: 'Inter'; font-weight: 500; font-size: 18px; line-height: 28px; color: #ffffff !important; border-radius: 5px; text-decoration: none; border-radius:4.8px;}
.all-same-sec .same-btn a:hover { background-color: #7e69ab;}img.btn-icon { margin-right: 10px; width: 16px; height: 16px; object-fit: cover;}

/* ACCESSORIES PAGE ALL SECTIONS HERE */
/* ACCESSORIES PAGE */
.page-id-14 .conthead-content p {max-width: 768px; margin: 0 auto;}
.page-id-14 .thum-img { height: 240px !important; padding: 12px; margin-bottom: 16px; border-radius: 8px; width: 100%; overflow: hidden; transition: transform .5s ease, box-shadow .5s ease;}
.page-id-14 .square-thumb { width: 100%; height: 216px !important; object-fit: contain; object-position: center; transition: transform .5s ease;}
.page-id-14 .thumb-text {transition: .5s all; font-weight: 500; font-size: 14px; line-height: 20px; color: #9B87F5; letter-spacing: 0.35px; margin-top: 8px; text-transform: uppercase; margin-bottom: 0;}
.page-id-14 .main-box:hover img { transform: scale(1.08);}
.page-id-14 .main-box:hover .thumb-text  {text-decoration: underline !important; }
/* single-pool_product */
/* SINGLE PRODUCT PAGE TOP */
.single-content-sec { background-size: cover; background-position: center; background-repeat: no-repeat; padding: 220px 0; 
display: flex;flex-direction: column; justify-content: center;}
.single-content-sec .single-con-in  { padding: 0 18px; text-align: center; color: #ffffff; font-family: 'Inter' ; max-width: 768px; margin: 0 auto;}
.single-content-sec .single-con-in h1 { font-size: 48px; font-weight: 700; line-height: 1; margin: 0 0 16px 0; letter-spacing: 0.5px;}
.single-con-in  p { font-size: 24px; line-height: 32px; color: #ffffff; margin-bottom: 0;}
.back-bttn {  margin-bottom: 32px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; padding: 0 48px; transition: .5s all; }
.back-bttn a {font-weight: 500; font-size: 14px; line-height: 20px; color: #9b87f5; background-color: #f8fafc; padding: 8px 16px; border-radius: 9999px; transition: .5s all;}
.back-bttn  i {  font-size: 13px; margin-right: 12px}
 .back-bttn a:hover { color: #0f172a; background-color: #ede0ff;}
/* SINGLE-PRODUCT */
section.single-product { background-color: #f8fafc;}
.single-product .container { padding: 48px 16px !important;}
.single-product .single-in {max-width: 1280px; margin: 0 auto;}
.product-img { background-color: #ffffff; padding: 32px; box-shadow:0 0 #0000 , 0 0 #0000 , 0 1px 2px 0 rgb(0 0 0 / .05); text-align: center; margin-bottom: 24px; border-radius: 8px;}
.product-img img.img-fluid.rounded { max-width: 552px; width: 100%; height: 425px; object-fit: contain; object-position: center;}
.product-content .pro-title h2 {color: #111827; font-weight: 700; font-size: 30px; line-height: 36px; margin-bottom: 16px; }
/* Tag styles */
.product-content .tag-flex {  display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px;}
.product-content .tag-flex .tag {  font-weight: 600; font-size: 12px; line-height: 16px; padding: 2px 10px ;  border-radius: 9999px; display: inline-block;}
.product-content .tag-flex .tag-primary { background-color: #f1f5f9; color: #020817; border: 1px solid #e2e8f0;}
.product-content .tag-flex .tag-secondary { background-color: #9b87f5; color: #ffffff; border: 1px solid #9b87f5;}
.product-content h5 { margin: 16px 0; font-size: 20px; line-height: 28px; font-weight: 700; color:#020817;}
.product-content p { margin-bottom: 0px; font-weight: 400; font-size: 16px; line-height: 24px; color:#020817;}
.product-content p:last-of-type + .single-product-btn { margin-top: 0;}
.product-content p:has(+ .single-product-btn) { margin-bottom: 0;}
.disc-wrap{ white-space: pre-line; margin-top: -20px !important;}
.product-content .specification { margin-bottom: 32px;}
.product-content .specification .row { gap: 20px 0; display: flex;}
.product-content .flex-it { display: flex; flex-direction: column; }
.product-content .flex-it .label { color: #374151; font-weight:500; font-size: 16px; line-height: 24px}
.product-content .flex-it .value {color: #4B5563; font-weight:400; font-size: 16px; line-height: 24px;}
.product-content .addi-info p {margin-bottom: 0;}
/* Button style */
.product-content .single-product-btn a { background-color: #9b87f5; color: #fff; border-radius: 30px; font-weight: 500; display: inline-block; text-decoration: none; text-align: center; 
padding:8px 16px; transition: .5s all; margin-top: 40px;}
.product-content .single-product-btn a ,
.product-content .single-product-btn span {font-size: 14px;font-weight: 500; line-height: 20px;  color: #ffffff;   transition: .5s all;}
.product-content .single-product-btn a:hover ,
.product-content .single-product-btn span:hover { background-color: #9b87f5e6;  color: #ffffff; }
/* SINGLE PRODUCT PAGE CHECKBOX AND SORTING SIDEBAR */
/* Sort Option Styles */
.sort-options { padding: 0; margin: 0}
.sort-options li { margin-bottom: 10px;}
.sort-link { display: inline-block; font-size: 14px; color: #666; text-decoration: underline; font-weight: 500; transition: all 0.3s ease;}
.sort-link.active { color: #8d7ae7; /* or #bdb3f5 */ font-weight: 600}
.sort-link:hover { color: #5f51bb; text-decoration: none;}
/* Filter Sidebar */
.sidebar { background-color: #fff; padding: 1.5rem; border-radius: 0.5rem; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.custom-checkbox { position: relative; display: block; cursor: pointer; font-size: 15px;}
.custom-checkbox input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer;}
.custom-checkbox label { position: relative; padding-left: 30px; cursor: pointer; user-select: none; display: inline-block; color: #333;}
.custom-checkbox .checkmark { position: absolute; top: 2px; left: 0; height: 18px; width: 18px; background-color: #e6e6e6; border: 1px solid #8d7ae7;
 border-radius: 3px; transition: background-color 0.2s ease-in-out;}
.custom-checkbox input:checked + label .checkmark { background-color: #8d7ae7; border-color: #8d7ae7;}
.custom-checkbox .checkmark::after { content: ""; position: absolute; display: none;}
.custom-checkbox input:checked + label .checkmark::after { display: block;}
.custom-checkbox .checkmark::after { left: 5px; top: 2px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
/* ACCESSORIES PAGE BUTTON TO GO TO CONTACT PAGE */
/* HALF CODE IS IN FUNCTION.PHP FILE */
.accessories-pg .accessories-bttn { display: flex; text-align: center; justify-content: center; align-items: center; margin-top: 40px; }
.accessories-pg .accessories-bttn .all-create-bttn a {display: inline-flex;
    align-items: center;
    padding: 12px 24px;
    color: #ffffff;
    background-color: #9b87f5;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    font-family: 'Inter', sans-serif;}
.accessories-pg .accessories-bttn .all-create-bttn a:hover {background-color: #7E69AB;
  color: #ffffff;}
/* POOLS PAGE WITH CATEGORIES AND POST TYPES */
.page-id-666 .same-pools-btn  { display: flex; justify-content: center; gap: 16px; margin-top: 40px; }
.page-id-666 .same-pools-btn  .btn-style-1 { display: inline-block; background-color: #9b87f5; padding: 10px 33px; transition: transform 0.5s, background-color 0.5s;
 font-family: 'Inter'; font-weight: 500; font-size: 18px; line-height: 28px; color: #ffffff;text-decoration: none; border-radius: 50px;}
.page-id-666 .same-pools-btn  .btn-style-1:hover { background-color: #7e69ab; transform: scale(1.05);}
.page-id-666 .same-pools-btn  .btn-style-2 { display: inline-block; background-color: #9b87f500; border: 2px solid #9b87f5; padding: 10px 28px;
 transition: transform 0.5s, background-color 0.5s; font-family: 'Inter'; font-weight: 500; font-size: 18px; line-height: 28px; color: #9b87f5;  text-decoration: none; border-radius: 50px;}
.page-id-666 .same-pools-btn  .btn-style-2:hover { background-color: #ffffff1a; transform: scale(1.05);}
/* ALL POOL CARDS IN SPA POOLS AND TANNING PAGE  */
.pool-card { overflow: hidden;  transition: transform .5s ease, box-shadow .5s ease; margin-bottom: 48px; text-align: center; display: block;
 border-radius: 8px; height: 256px; width: 100%;}
.pool-card img { width: 100%; height: 256px; max-width: 424px; object-fit: cover; display: block; vertical-align: middle; margin-bottom: 16px; transition: transform .5s ease;}
.pool-card:hover img  { transform: scale(1.08);}
.pool-title { z-index: 1; position: absolute; display: flex; justify-content: center; width: 90%; margin: 0 auto; align-items: center; text-align: center;}
.pool-title  h3 { color: #9b87f5; font-weight: 500; font-size: 18px; line-height: 28px; margin: 0 0 0;}
.col-here {margin-bottom: 48px;}
.top-sort { display: flex; align-items: baseline; justify-content: space-between; text-align: center; margin: 32px 0;}
.results-count span{ font-size: 20px; font-weight: bold;}
.custom-select-wrapper { position: relative; width: 100%; max-width: 192px;}
.custom-select-icon { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; font-size: 14px; color: #475569; z-index: 1;}
.custom-select { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 100%; height: 40px; border-radius: 8px; font-size: 14px; line-height: 20px; padding: 8px 40px 8px 12px;
 border: 1px solid #e2e8f0; background-color: hsl(var(--background), 100%, 99%); outline: 2px solid transparent; outline-offset: 2px; cursor: pointer; color: #0f172a;
 position: relative; z-index: 2;}
.custom-select:focus { outline: 2px solid #b181f3 !important; outline-offset: 2px; border-color: #d0d0d0;}
.custom-select:hover { background-color: #f1f5f9;}
.custom-select option {   font-size: 14px; padding-left: 32px;  line-height: 20px;outline: 2px solid transparent; padding-top: 6px; border-radius: 8px; 
 padding-bottom: 6px; outline-offset: 2px; padding-right: 8px;}
.custom-select option:hover { background-color: #f3f4f6 !important; color: #9b87f5 !important; padding: 8px !important;}
/* FIBERGLASS */
.post-slider-sec { background: #f9fafb; padding: 64px 0;}
.post-slider-sec .slide-col {padding: 8px !important ; }
.post-slider-sec .post-slider-title {  text-align: center;  margin-bottom: 40px;}
.post-slider-sec .post-slider-title h2 { font-weight: 700; font-size: 30px; line-height: 36px;}
/* Slick Slide Item */
.post-slider-sec .pool-slide { background: #fff; border-radius: 8px; overflow: hidden; transition: all 0.3s ease; text-align: center; box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);}
.post-slider-sec .pool-slide img { width: 100%; height: 223px; display: block; object-fit: cover;}
.pool-slide-con { padding: 16px;}
.post-slider-sec .pool-slide-con .pool-slide-title h3 { font-size: 16px; line-height: 24px; color: #9b87f5; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0;}
/* Button */
.post-slider-sec .pool-slide-con .post-card-link  { margin-top: 8px;display: inline-block; background-color:#9b87f5; border-radius: 30px; transition: 0.5s all; text-decoration: none; display: inline-block;}
.post-slider-sec .pool-slide-con .post-card-link a { padding: 4px 16px; display: block; transition: 0.5s all; font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 500;}
.post-slider-sec .pool-slide-con .post-card-link:hover { background-color: #a176dd;}
/* Slick Arrows */
.post-slider-sec .custom-slick-prev,
.post-slider-sec .custom-slick-next {
 position: absolute; top: 45%; transform: translateY(-50%); background: #eee; width: 33px; height: 32px; border-radius: 50%; z-index: 10; cursor: pointer; display: flex;
 align-items: center; justify-content: center; color: #9b87f5; border: 1px solid #9b87f5;}
.post-slider-sec .custom-slick-prev { left: 0px;}
.post-slider-sec .custom-slick-next { right: 0px;}
.post-slider-sec .custom-slick-prev i,
.post-slider-sec .custom-slick-next i {  font-size: 14px; line-height: 20px; font-weight: 600;}
.post-slider-sec .pool-slide-bttn { display: flex; text-align: center; justify-content: center; align-items: center; margin-top: 40px; }
.post-slider-sec .pool-slide-bttn .all-create-bttn a {display: inline-flex;
    align-items: center;
    padding: 12px 24px;
    color: #ffffff;
    background-color: #9b87f5;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    font-family: 'Inter', sans-serif;}
.post-slider-sec .pool-slide-bttn .all-create-bttn a:hover {background-color: #7E69AB;
  color: #ffffff;}
/* ppols.php page BREADCRUMBS */
nav.breadcrumbs { display: block; margin-bottom: 24px;}
.flex-bread { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 12px;}
nav.breadcrumbs a { color: #64748B; font-weight: 400; font-size: 14px; line-height: 20px; text-decoration: none;}
nav.breadcrumbs a:hover { text-decoration: underline;}
nav.breadcrumbs .breadcrumb-separator { color: #64748B; font-weight: 400; font-size: 16px; line-height: 24px;}
nav.breadcrumbs .current-page { color: #020817; font-weight: 500; font-size: 14px; line-height: 20px;}
/* pools.php page POOL LIST POST TYPES */
/* SINGLE POOL OF POOLS LIST SINGLE POST TYPES */
.single-pool_list {background-color: #f8fafc !important; }
.gallery-detail-sec { padding:96px 0 48px 0 ; }
/* === Slider Styling === */
.gallery-detail-sec .main-slider { margin-bottom: 20px;}
.gallery-detail-sec .main-slider img { width: 100%; /*height: auto; */ height: 383px; border-radius: 10px; object-fit: cover; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}
.gallery-detail-sec .poster-image img { width: 100%; height: auto; border-radius: 10px; object-fit: cover; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}
.gallery-detail-sec .thumb-slider { display: flex; justify-content: start; gap: 0; margin: 0 auto; max-width: 420px; }
.gallery-detail-sec .thumb-slider .slick-slide { padding: 0; height: auto;}
.gallery-detail-sec .thumb-slider img { width: 85px; height: 64px; object-fit: cover; border-radius: 4px; cursor: pointer; opacity: 0.6; transition: all 0.3s ease; border: 2px solid transparent;}
.gallery-detail-sec .thumb-slider .slick-current img,
.gallery-detail-sec .thumb-slider img:hover { opacity: 1; border-color: #7e7cff;}
.gallery-detail-sec .pool-info { padding: 0px 24px 0 32px;}
.gallery-detail-sec .pool-info h2 {color: #7e69ab; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 16px;}
.gallery-detail-sec .pool-info p {color: #374151 ;font-weight: 400; font-size: 16px; line-height: 24px; margin-bottom: 24px; }
.gallery-detail-sec .inquiry-btn-wrapper  {    margin-bottom: 24px;}
.gallery-detail-sec .inquiry-btn-wrapper  a { display: inline-block; background-color: #9b87f5; color: #fff; font-size: 18px; line-height: 28px; font-weight: 500; padding: 24px 32px; border-radius: 8px;
 text-decoration: none; transition: .5s all; white-space: nowrap; height: 40px; display: inline-flex; align-items: center; justify-content: center;}
.gallery-detail-sec .inquiry-btn-wrapper a:hover { background-color:#7e69ab;}
.gallery-detail-sec .inquiry-btn-wrapper:hover a { color: #ffffff;}
.post-category {
    display: flex;
    align-items: center;
    justify-content: flex-start;transition: .5s all;
}
.gallery-detail-sec .pool-info .post-category span {color: #4B5563; line-height: 24px; font-size: 16px; font-weight: 400;}
.gallery-detail-sec .pool-info .post-category a {color: #9b87f5; display: block; font-weight: 400; font-size: 14px; line-height: 20px; margin-top: 4px; transition: .5s all; padding-left: 4px;}
.gallery-detail-sec .pool-info .post-category:hover a {text-decoration: underline #9b87f5 !important;}

.gallery-detail-sec .pool-info .info-list ul li { display: flex; gap: 12px; justify-content: flex-start; align-items: center; list-style: none; 
 position: relative;  font-weight: 400;font-size: 16px; line-height: 24px; color: #374151; margin-top: 12px;}
.gallery-detail-sec .pool-info .info-list ul li span { color: #9b87f5;  font-size: 16px;}
.gallery-detail-sec .pool-types { display: flex; align-items: center; justify-content:left; margin-top: 24px; width: 100%; height: 100%; max-width: 130px; }
.gallery-detail-sec .pool-types img { width: 100%; height: 110px; object-fit: contain; object-position: center;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); margin: 0 11px; border-radius: 8px; display: block; }
/* TAB PART OF POOLS LIST SINGLE POST TYPES */
section.tab-section { margin-bottom: 48px;}
.tab-section .tab-list { display: inline-flex; list-style: none; margin: 0 0 30px 0; background-color: #f1f5f9; padding: 5px 8px !important; border-radius: 4px;}
.tab-section .tab-list li { background-color: #f1f5f9; color: #64748b;  border-radius: 4px;}
.tab-section .tab-list .tab { background: none; border: none; padding: 8px 32px; font-size: 14px; color: #64748b; cursor: pointer; border-radius: 6px 6px 0 0; border-bottom: 3px solid transparent; font-weight: 500; transition: all 0.3s ease;}
.tab-section .tab-list .tab.active { color: #000000; background-color: #f8fafc; font-weight: 600; background-color: #f8f9fa; box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);}
.tab-section .tab-content { display: none;}
.tab-section .tab-content.active { display: block;}
.tab-section .tab-content {margin:0 0 64px;}
.tab-section #desc h2 { color: #7e69ab; text-transform: uppercase; font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 24px;}
.tab-section #desc p {color: #374151; font-weight: 400; font-size: 18px; line-height: 28px; margin-bottom: 32px;}
.tab-section #desc .desc-box {    margin-top: 64px;}
.tab-section #desc .desc-text h3 {color: #7e69ab;font-weight: 700; text-transform: uppercase;  font-size: 24px; line-height: 32px; margin-bottom: 24px;}
.tab-section #desc .desc-text p {color: #374151; font-weight: 400; font-size: 16px; line-height: 24px; margin-bottom: 24px;}
.tab-section #desc .desc-image img { width: 100%;  height: auto; border: 1px solid #e5e7eb; border-radius: 8px; object-fit: contain; display: block; vertical-align: middle;}
.tab-section #desc .desc-note p { color: #374151; margin-bottom: 32px; font-weight: 400; font-size: 16px; line-height: 24px; }
.tab-section #features .feature-title h2 { color: #7e69ab; text-transform: uppercase; font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 24px;}
.tab-section .feature-flex.row {align-items: center;}
.tab-section #features .feature-list ul li { list-style: none;  position: relative; padding-left: 1.2em; color: #000;  font-weight: 400;font-size: 16px; line-height: 24px; color: #020817; margin-top: 12px;}
.tab-section #features .feature-list ul li::before { content: '•';  position: absolute; left: 0; top: -3px; color: #9b87f5;  font-size: 1.2em;}
.tab-section #features .feature-img img { padding: 8px; width: 100%; height: auto; border: 1px solid #e5e7eb; border-radius: 8px; object-fit: contain; display: block; vertical-align: middle;}
.tab-section .feat-1 .row { align-items: center;}
.tab-section .feat-2 .row-cen { margin: 0 auto; max-width: 768px;}
.tab-section .feat-2 .specification { margin-bottom: 32px;}
.tab-section .feat-2 .specification .row { gap: 20px 0; display: flex;}
.tab-section .feat-2 .flex-it { display: flex; flex-direction: column; }
.tab-section .feat-2 .flex-it .label { color: #374151; font-weight:500; font-size: 16px; line-height: 24px}
.tab-section .feat-2 .flex-it .value {color: #4B5563; font-weight:400; font-size: 16px; line-height: 24px;}
.tab-section #specs h2  { color:#7e69ab; text-transform: uppercase; font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 24px;}
.tab-section .specifications { margin-bottom: 48px;}
.tab-section .specs-card { border: 1px solid #e2e8f0; border-radius:8px; background-color: #fff; padding:24px; margin: auto; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);}
.tab-section .specs-heading { background-color: #9b87f5; padding: 12px; border-radius: 8px 8px 0 0;}
.tab-section .specs-heading h4 { margin: 0; color: #ffffff; font-size: 18px; line-height: 28px; font-weight: 500; }
.tab-section .specs-table { width: 100%; border-collapse: collapse; margin-top: 0;}
.tab-section .specs-table th,
.tab-section .specs-table td { text-align: left; padding: 16px; border-bottom: 1px solid #e2e8f0; font-size: 14px; line-height: 20px; font-weight: 500; color: #020817; }
.tab-section .specs-table th { font-weight: 700; color: #64748b; font-size: 18px; line-height: 28px; text-align: left; /* padding: 0 16px; */ width: 25%; height: 48px;}
.tab-section .specs-note p { margin-bottom: 16px; font-size: 16px; line-height: 24px; font-weight: 400; color: #374151;}
.tab-section .specs-img-flex ul { display: flex; justify-content: space-between; flex-direction: row; } 
.tab-section .specs-img-flex ul li { width: 100%;  max-width: 651px; height: 100%; }
.tab-section .specs-img-flex ul li img { width: 100%; height: 255px; max-width: 651px; object-fit: cover; object-position: center; display: block; border-radius: 8px; }
.tab-section .part-3 .repeater-table { margin-bottom: 32px; border: 1px solid #e5e7eb; border-radius: 8px;  border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; box-shadow: 0 0 #0000 , 0 0 #0000 , 0 1px 2px 0 rgb(0 0 0 / .05);}
.tab-section .part-3 .table-title h4 {font-weight: 600; color: #ffffff; font-size: 18px; line-height: 28px; padding: 12px; background-color: #9b87f5;     border-top-left-radius: 8px;
  border-top-right-radius: 8px;}
.tab-section .part-3 .table-con { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; background-color: #ffffff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.tab-section .part-3 .table-img { width: 100%; height: 100%; display: flex; justify-content: center; border: 1px solid #e5e7eb; border-radius: 4px; margin-bottom: 16px;}
.tab-section .part-3 .table-img img {  object-fit: contain;width: 100%; max-width: 374px; height: 165px; object-position: center; display: block; background: none;}
.tab-section .part-3 tr.table-flex {  display: flex; justify-content: space-between; gap: 0px; align-items: flex-start; flex-direction: column; padding: 8px}
.tab-section .part-3 tr.table-flex > td:first-child { font-weight: 400; color: #6b7280; font-size: 14px; line-height: 20px;}
.tab-section .part-3 tr.table-flex > td:last-child { font-weight: 500; font-size: 16px; line-height:24px;  color: #020817;}
.tab-section .part-3 .table-para { padding: 24px 0 0 0;}
.tab-section .part-3 .table-para p { margin: 0; color:#4B5563; font-size: 14px; font-weight: 400; line-height: 20px;}
.tab-section .part-3 .table-para:empty { display: none;}
/* PRIVACY POLICY */
.privacy-sec {padding:32px 0;}
.policy-in div {margin:20px 0;}
.privacy-sec ul li {
    list-style-type: disc;
    list-style-position: inside;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 5px 0;
    padding-left: 25px;
}
.privacy-sec h3 {
    color: #000000;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 10px;
}
.privacy-sec p {    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 15px 0;}

.privacy-sec a {
    color: #000000;
    text-decoration: underline !important;
    transition: all 0.4s ease; 
}
/* FOOTER */
footer.site-footer {background-color: #4a2a8c !important; padding:64px 0 32px;}
.site-footer .footer-content { margin-bottom: 50px;}
.site-footer .ft-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.site-footer .ft-logo img { max-width: 120px; height: auto; width: 100%;margin-bottom: 24px;}
.site-footer .ft-logo p {margin-bottom:24px ;color: #d1d5db; font-family: 'Inter'; font-size: 16px; line-height: 24px; font-weight: 400;}
.site-footer .ft-menu-1 h4 ,
.site-footer .ft-menu-2 h4 ,
.site-footer .info-here h4 {font-family: 'Inter'; font-weight: 600; font-size: 20px; line-height: 28px; color: #ffffff; margin-bottom:24px;}
.site-footer .ft-menu-1 .menu li , 
.site-footer .ft-menu-2 .menu li  { margin-bottom: 12px;}
.site-footer .ft-menu-1 .menu li a,
.site-footer .ft-menu-2 .menu li a ,
.site-footer .contact-info a 
{font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 24px; color:#D1D5DB ;transition: .5s all; }
.site-footer .ft-menu-1 .menu li a:hover ,
.site-footer .ft-menu-2 .menu li a:hover ,
.site-footer .contact-info a:hover  { color:#9B87F5; }
.site-footer .contact-info a { display: flex; margin-bottom: 16px;}
.site-footer .contact-info img { width: 18px; height: 18px; object-fit: contain;margin: 4px 12px 0 0;}
.site-footer .copyright-here .container {padding: 0 !important;}
.site-footer .copyright-here {border-top: 1px solid #374151; padding: 32px 0 0 0;}
.site-footer .copyright-text p,
.site-footer .copyright-text p a {font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 24px; color:#9CA3AF; }
.site-footer .copyright-text p,
.site-footer .copyright-page ul {margin-bottom: 0;}
.site-footer .copyright-in { display: flex; justify-content: space-between;}
.site-footer .copyright-page ul {display: flex; gap: 24px;}
.site-footer .copyright-page ul li { display: inline-block;}
.site-footer .copyright-page .footer-links li ,
.site-footer .copyright-page .footer-links li a  {font-family: 'Inter'; font-weight: 400; font-size: 14px; line-height: 20px; color:#9CA3AF; }
.site-footer .copyright-page .footer-links li:hover ,
.site-footer .copyright-page .footer-links li a:hover  { color:#9B87F5; }
/*  Media Query  */
@media(max-width: 1250px){
.site-header .site-logo { padding: 0 0 0 0px;}
}
@media(max-width: 1235px){
 .custom-row-here, .rightmenu-here {gap: 0;}
 }
@media(max-width: 1200px){
/* .custom-row-here {
    padding: 0 30px;
} */
/* Mobile menu base */
 #navbar, 
 .site-header .nav-bttn { display: none !important; }
#mobile-menu-toggle {  display: inline-flex;  background: transparent;  border: none;  font-size: 18px;  color: #7e69ab; cursor: pointer; box-shadow: none !important; }
 #mobile-menu { display: block; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px;}
button#mobile-menu-close {  box-shadow: none; background-color: transparent; color: #7e69ab; }
#mobile-menu-close i.fas.fa-times { font-size: 18px; font-weight: 600; }
/* Mobile Menu Appearance */
.mobile-menu { position: fixed; top: 0; left: 0; right: 0; height: 515px; background: #f8fafc ; transform: translateY(-100%); transition: transform 0.3s ease-in-out;
 z-index: 9999; overflow-y: auto; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);}
.mobile-menu.show { transform: translateY(0);}
/* Mobile Menu Logo */
.menu-logo { height: 84px; width: auto; object-fit: cover;}
/* Mobile Menu Items */
#mobile-primary-menu { list-style: none; padding: 0; margin: 0;}
#mobile-primary-menu li a { display: block; padding: 8px 24px; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 500; color: #333; text-decoration: none; width: 100%;}
#mobile-primary-menu li a:hover { background: #f3f0ff; color: #7E69AB;}
/* Phone Button (bottom of menu) */
.mobile-menu .mobile-btn { font-size: 16px; font-weight: 500; padding: 12px 20px; border-radius:8px; background-color: #9b87f5; border: 1px solid #9b87f5; color: white;
 transition: 0.3s;}
.mobile-menu .mobile-btn:hover { background-color: #7E69AB;}
.mobile-menu .mobile-btn i { padding: 0 12px 0 0;}
.mobile-menu { overflow-y: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; /* Firefox */}
.mobile-menu::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */}
/* Submenu toggle */
.submenu-toggle { margin-right: 32px; cursor: pointer; transition: transform 0.3s; }
.submenu-toggle.rotated { transform: rotate(180deg); }
/* Hide submenu by default */
.mobile-menu li ul { display: none; padding-left: 15px; }
#mobile-primary-menu li ul.open { display: block; padding-left: 30px !important; }
#mobile-primary-menu li ul { display: none; }
   /* homepage */
.home-ban-sec .ban-in {width: 100%;}
}
@media (max-width: 1180px) {
       /* homepage */
.home-ser-sec .ser-box {min-height: 350px; margin-bottom: 20px;}
.home-testi-sec .slick-next {right: 44.7%;}
.home-testi-sec .slick-prev { left: 44.7%;}
/* pool-style-page */
.pool-testi-sec .slick-next { right: 44.7%; }
.pool-testi-sec .slick-prev { left: 44.7%; }

/* our-work page */
.pool-styles-sec .style-top { flex-direction: column;}
.pool-styles-sec .style-top-img { margin-bottom: 20px;}
.clients-sec .slick-prev, .clients-sec .slick-next {top: 105%;}
.clients-sec .slick-next { right: 40%;}
.clients-sec .slick-prev { left: 44%;}
}
@media (max-width: 1024px) {
.home-ban-sec .ban-in h1 { width: 88% ;margin-bottom: 16px; }
.home-ban-sec .ban-in p  {width: 80%; margin-bottom: 16px;}
}
@media (max-width: 992px) {
    /* homepage */
    .home-ban-sec .ban-in h1  {width: 100%; font-size: 50px; margin: 0 auto 16px; }
.home-ban-sec .ban-in p  {width: 100%; margin: 0 auto 16px;}
.home-ban-sec .ban-in { text-align: center;}
.home-ban-sec .same-btn { display: flex; gap: 16px; text-align: center; justify-content: center; align-content: center;}
.home-con-sec .con-detail { text-align: center;}
.home-con-sec .con-logos {align-items: center;}
/* .home-access-sec .access-box {margin-top: 50px;} */
.home-gallery-sec .imgs-here { justify-content: center; align-items: center; display: inline-flex;}
.home-form-sec .right-img {margin-top: 24px;}
.home-style-sec .all-style-bttn { margin-top: 20px;}
/* .home-form-sec #gform_confirmation_message_1 { text-align: center;} */
 /* .img-box { flex: 0 0 30%; max-width: 30%;}
.img-box:nth-child(4) {flex: 0 0 50%; max-width: 100%;} */
/* about page  */
.about-con-sec .con-detail { text-align: center;}
.about-list-sec .list-in ul:first-of-type { padding: 0 !important; margin-bottom: 20px !important;}
.about-list-sec ul li { justify-content: center; text-align: center;}
/* pool installation */
.pool-all-sec .pool-con { text-align: center;}
.pool-all-sec .faq-con { text-align: center;}
.pool-all-sec-in .pool-left-con { margin-bottom: 20px;}
.pool-all-sec-in .pool-img-title, .pool-all-sec-in .pool-left-con { text-align: center;}
.pool-all-sec-in .pool-left-con ul { display: flex; flex-direction: column; justify-content: center; align-items: center;}
/* accessories */
.page-id-14 .square-thumb { width: 100%; height: auto !important; object-fit: contain; object-position: center; min-height: 173px;}
/* pool-style-page */
.pool-hero-sec .pool-hero-con {margin-bottom: 24px; text-align: center;}
.pool-hero-sec .pool-hero-form { max-width: none; float: none;}
.pool-category-section .category-box {max-width: none;}
.pool-create-sec .pool-hero-wrapper { margin-top: 20px; }
.pool-gall-sec .gall-images ul { display: flex; justify-content: center; flex-direction: column; gap: 16px; align-items: center; }
.financ-sec .finance-left { text-align: center; margin-bottom: 20px;}
.financ-sec .finance-flex h2 { width: 100%;}
.pool-content-sec .con-logos ul.row { justify-content: center; align-items: center; text-align: center;}
.pool-content-sec .con-detail { text-align: center;}
/* our-work page */
.pool-styles-sec .style-top-con {width: 70%;}
/* contact */
.contact-qas-sec .qas-con h2 { font-size: 30px;  line-height: 36px; }
/* .contact-sec .contact-info { text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.contact-sec .contact-info .info-box { flex-direction: column; justify-content: center; align-items: center; margin: 16px 0;}
.contact-qas-sec .qas-box { text-align: center;} */
/* poo cards */
.pool-card {height: 350px;}
.pool-card img {height: 100%; max-width: inherit;}
	/* footer */
.copyright-in { justify-content: center; flex-direction: column; align-items: center; }
}
@media (max-width: 768px) {
 /* counthead */
.conthead-content h1 {font-size: 36px;}
.conthead-content p { font-size: 20px; line-height: 28px; }
/* same banner counthead section */
.single-content-sec .single-con-in h1 { font-size: 36px;}
.single-content-sec .single-con-in p { font-size: 20px; line-height: 28px; }
     /* homepage */
     .home-form-sec .gform_wrapper { padding: 16px;}
.home-form-sec .gform_wrapper .gform_heading h2.gform_title { font-size: 18px; line-height: 20px; margin-bottom: 16px;}
.home-form-sec .gform_wrapper input[type="text"], .home-form-sec  .gform_wrapper input[type="email"], 
.home-form-sec .gform_wrapper input[type="tel"], .home-form-sec .gform_wrapper select, .home-form-sec  .gform_wrapper textarea {
padding: 6px 12px !important;font-size: 14px !important;line-height: 18px;}
.home-form-sec .gform_wrapper .gform_footer input[type="submit"].gform_button {padding: 6px 12px !important;}
.home-con-sec .con-detail h2 {font-size: 28px; line-height: 30px;}
.home-ser-sec {  padding: 0 0 50px;}
.home-gallery-sec .imgs-here img { max-width: inherit; max-height: 300px; object-position: center}
.home-ban-sec .same-btn { flex-direction: column; display: inline-flex; }
.home-form-sec .form-con h2 {font-size: 28px; line-height: 30px;}
/* about page */
.about-lottie-sec .feature-card h3 , .about-lottie-sec .feature-card p {text-align: center;}
/* .about-form-sec  iframe {min-height: 935px !important;} */
/* .form-builder--wrap-full {    padding: 16px !important;}
#_builder-form .fields-container {  padding: 0 !important;}
div#el_I8BVXgtOXl0MkxA4tUXC_header_0 {
    font-size: 18px !important;
    margin-bottom: 8px !important;
} */
/* pool-style-page */
/* accessories single post page */
.product-content .pro-title h2 {font-size: 16px; line-height: 20px;}
.pool-process-sec .process-con h2{ font-size: 28px; line-height: 30px; margin-bottom: 16px;}
.pool-content-sec .con-title h2 {font-size: 23px; line-height: 26px; margin-bottom: 16px;}
.pool-category-section .category-top h2 { font-size: 28px; line-height: 30px; margin-bottom: 16px;}
.pool-create-sec .create-con h2 { font-size: 28px; line-height: 30px; margin-bottom: 16px;}
.pool-gall-sec .gall-title h2 { font-size: 28px; line-height: 30px; margin-bottom: 16px;}
.pool-range-sec .range-con h2 { font-size: 28px; line-height: 30px; margin-bottom: 16px;}
.pool-testi-sec .testi-title h2 { font-size: 28px; line-height: 30px; margin-bottom: 16px;}
.about-form-sec .form-con h2 { font-size: 28px; line-height: 30px; margin-bottom: 16px;}
.financ-sec .finance-flex h2 { font-size: 28px; line-height: 30px; margin-bottom: 16px;}
.financ-sec .finance-flex p { font-size: 16px; line-height: 20px;}
.pool-range-sec .range-con p { font-size: 16px; line-height: 20px;}
.pool-create-sec .create-con p { font-size: 16px; line-height: 20px;}
.pool-content-sec .con-detail p { font-size: 16px; line-height: 20px; margin-bottom: 16px; width: 100%;}
.pool-content-sec { padding: 34px 0;}
.pool-types-sec .access-detail h3 { font-size: 16px; line-height: 20px;}
.pool-types-sec .access-con h2 {font-size: 28px; line-height: 30px; margin-bottom: 16px;}
.pool-types-sec .access-con p { font-size: 14px; line-height: 18px;}
.pool-types-sec { padding: 34px 0;}
.pool-types-sec .access-detail p {margin-bottom: 14px;font-size: 14px;line-height: 18px;}
.pool-types-sec .type-bttn {padding: 8px 16px;}
.pool-types-sec .type-bttn a, .pool-types-sec .type-bttn span {font-size: 14px; line-height: 18px;}
.pool-process-sec { padding: 35px 0;}
.pool-process-sec .process-box h3 { font-size: 16px; line-height: 20px;}
.pool-process-sec .process-box p { font-size: 14px; line-height: 18px;}
.pool-category-section { padding: 35px 0;}
.pool-hero-sec .pool-hero-con h1 { font-size: 36px; line-height: 40px; width: 100%; margin-bottom: 16px}
.pool-hero-sec .pool-hero-con p { font-size: 16px; line-height: 20px; width: 100%; margin-bottom: 16px;}
.pool-process-sec .process-box {min-height: 230px; padding: 16px;}
.pool-process-sec .pool-hero-wrapper { margin-top: 24px;}
.pool-process-sec .pool-hero-bttn a, .pool-process-sec .pool-hero-bttn span { font-size: 12px;}
.pool-content-sec .con-title {margin-bottom: 20px;}
.pool-category-section .box-con h3 { font-size: 14px; line-height: 18px;}
.pool-category-section .below-box-text {padding: 12px;}
.pool-category-section .below-box-text h4 {font-size: 12px;line-height: 16px;}
.category-bot .pool-hero-bttn { padding: 8px 16px;}
.category-bot .pool-hero-bttn a { font-size: 14px; line-height: 18px;}
.category-bot p { font-size: 16px; line-height: 20px;}
.pool-gall-sec .all-create-bttn {padding: 8px 16px;}
.pool-create-sec { padding: 35px 0;}
.pool-gall-sec .all-create-bttn a { font-size: 14px; line-height: 20px;}
.pool-create-sec .create-detail {padding: 16px;}
.pool-create-sec .create-detail h3 { font-size: 16px; line-height: 20px; margin-bottom: 8px;}
.pool-create-sec .create-detail p { margin-bottom: 8px; font-size: 14px; line-height: 20px;}
.pool-create-sec .create-box {max-height: 440px;}
.pool-range-sec { padding: 35px 0;}
.pool-bx-in .pad {  padding: 16px;}
.pool-range-sec .pool-box h3 { font-size: 16px; line-height: 20px; margin-bottom: 8px;}
.pool-range-sec .pool-box p { font-size: 14px; line-height: 18px; margin-bottom: 8px;}
.pool-range-sec .pool-range-link a, .pool-range-sec .pool-range-link span { font-size: 14px;}
.pool-range-sec .pool-icon { width: 50px; height: 50px;}
.pool-gall-sec { padding: 35px 0;}
.pool-gall-sec .gall-title { margin-bottom: 25px;}
.pool-testi-sec .testi-title p { font-size: 18px; line-height: 20px;}
.financ-sec { padding:35px 0;}
.pool-testi-sec .testi-title { margin-bottom: 25px;}
.financ-sec .finance-right h3 { font-size: 16px; line-height: 18px;}
.financ-sec .finance-list ul li span { font-size: 14px; line-height: 18px;}
.pool-testi-sec { padding: 35px 0;}
.pool-testi-sec .bot p { font-size: 14px; line-height: 20px;}
.pool-testi-sec .testi-item .item { padding: 16px;}
.about-form-sec .form-con p { font-size: 14px; line-height: 18px;}
/* our work */
.pool-styles-sec #poolModal { padding: 75px;}
/* home-form */
.contact-sec .gform_wrapper { padding: 16px;}
.contact-sec .gform_wrapper .gform_heading h2.gform_title { font-size: 18px; line-height: 20px; margin-bottom: 16px;}
.contact-sec .gform_wrapper input[type="text"], .contact-sec .gform_wrapper input[type="email"], 
.contact-sec .gform_wrapper input[type="tel"], .contact-sec .gform_wrapper select, .contact-sec .gform_wrapper textarea {
padding: 6px 12px !important;font-size: 14px !important;line-height: 18px;}
.contact-sec .gform_wrapper .gform_footer input[type="submit"].gform_button {padding: 6px 12px !important;}
/* product  code */
.gallery-detail-sec { padding: 35px 0;}
.gallery-detail-sec .pool-info { padding: 16px;}
.gallery-detail-sec .pool-info h2 , .tab-section #features .feature-title h2 , .tab-section #specs h2{ font-size: 24px; line-height: 30px; margin-bottom: 8px;}
.gallery-detail-sec .inquiry-btn-wrapper a {font-size: 14px;line-height: 28px;padding: 8px 16px;}
.gallery-detail-sec .pool-info p , .tab-section #desc .desc-text p , .tab-section #desc .desc-note p   { font-size: 14px; line-height: 18px; margin-bottom: 16px;}
.gallery-detail-sec .pool-info .post-category span { line-height: 18px; font-size: 14px;}
.gallery-detail-sec .pool-info .post-category { font-size: 12px; line-height: 16px; margin-top: 16px;}
.tab-section #desc h2 { font-size: 18px; line-height: 20px; margin-bottom: 16px;}
.tab-section #desc p { font-size: 12px; line-height: 16px; margin-bottom: 16px;}
.tab-section #features .feature-img , .tab-section #desc .desc-image  { display: flex; justify-content: center;}
.tab-section #features .feature-img img , .tab-section #desc .desc-image img { height: 200px; width: 200px; object-fit: contain; object-position: center; display: block;}
.tab-section .feat-2 .flex-it { justify-content: center; align-items: center;}
.tab-section #desc .desc-box { margin-top: 30px;}
.tab-section #desc .desc-text h3 { font-size: 18px; line-height: 20px; margin-bottom: 16px;}
.tab-section #features .feature-list ul li {padding-left: 16px;font-size: 14px;line-height: 18px;margin-top: 8px;}
.tab-section .specs-heading h4 { margin: 0; color: #ffffff; font-size: 14px; line-height: 18px;}
.tab-section .specs-table th { font-size: 14px; line-height: 18px;}
.tab-section .specs-table th, .tab-section .specs-table td { padding: 8px;}
.tab-section .specs-note p { margin-bottom: 16px; font-size: 14px; line-height: 18px;}

/* footer */
	.site-footer .ft-logo {gap: 15px;}
.site-footer { text-align: center;}
.site-footer .ft-logo img {margin-bottom: 0;}
.info-in { text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.home-style-sec .style-box {height: 0; min-height: 450px;}
/* .img-box { flex: 0 0 48%; max-width: 48%; } */
/* pool installation */
.pool-all-sec .pool-box { text-align: center; align-items: center;}
/* pool-style-page */
.pool-range-sec .pool-box {text-align: center;}
.pool-bx-in .pad {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.pool-testi-sec .slick-next { right: 40.7%; }
.pool-testi-sec .slick-prev { left: 40.7%; }
.pool-testi-sec .testi-item .item {text-align: center;}
.pool-testi-sec .top .person-info { align-items: center; flex-direction: column; justify-content: center;}
.pool-testi-sec .top { flex-direction: column; justify-content: center; align-items: center;}
/* our-work page */
.pool-styles-sec .style-top-con {width: 100%;}
.concept-sec .concept-box { padding: 24px;}
/* tanning ledge page */
.all-same-sec .same-btn {flex-direction: column;align-items: center;}
/* pools page  */
.page-id-666 .same-pools-btn { flex-direction: column; align-items: center;}
/* post count with sort */
.category-slug-part .top-sort { flex-direction: column; justify-content: center; align-items: center;}
	/* PRIVACY POLICY */
	.privacy-sec {padding:16px 0;}
.privacy-sec .policy-in  {text-align:center;}
} 
@media (max-width: 720px) {
          /* homepage */
.home-testi-sec .slick-prev { left: 40.7%; }
.home-testi-sec .slick-next { right: 40.7%; }
}
@media (max-width: 678px) {
 /* homepage */
.home-ban-sec .ban-in h1  { font-size: 43px; }
.home-testi-sec .testi-title h2 { font-size: 28px;line-height: 30px;}
    /* about-page */
.about-logo-sec .logo-in {padding: 20px;}

/* pool styles  */
  .pool-category-section .category-top h2 { font-size: 20px; line-height: 24px;}
 .pool-hero-sec .pool-hero-con h1 {  font-size: 26px; line-height: 30px;}
.pool-hero-sec .pool-hero-con p { font-size: 14px; line-height: 18px;}
 .pool-content-sec .con-title h2 {font-size: 20px;line-height: 24px;}
/* footer */
.site-footer .footer-content { margin-bottom: 20px; }
footer.site-footer {padding: 32px 0;}
/* .img-box {  flex: 0 0 100%; max-width: 100%; } */
}
@media (max-width: 576px) {
          /* homepage */
 .home-ban-sec .ban-in h1  { font-size: 36px;}
.home-ban-sec .ban-in p {font-size: 20px; line-height: 26px;}
.home-ser-sec .ser-box { padding: 16px; max-height: 260px; min-height: 270px;}
.home-style-sec .style-con h2 { font-size: 28px;line-height: 30px;}
/* all same section */
.all-same-sec .same-in { padding: 24px; text-align: center;}
}
@media (max-width: 490px) {
 /* homepage */
.home-ban-sec {padding: 80px 0;}
.home-ban-sec .ban-in h1 { font-size: 24px; line-height: 30px; }
.home-ban-sec .ban-in p { font-size: 18px; line-height: 20px;  }
.home-con-sec .con-detail h2 { font-size: 24px; line-height: 28px;}
.home-ser-sec .ser-con h2 {font-size: 28px; line-height: 30px;}
.home-access-sec .access-con h2 {font-size: 28px; line-height: 30px;}
.home-gallery-sec .gall-title h2 {font-size: 28px; line-height: 30px;}
.home-style-sec .style-con h2 { font-size: 24px; line-height: 28px; }
.home-testi-sec .testi-title h2 { font-size: 24px; line-height: 28px;}
.home-form-sec .form-con h2 { font-size: 24px; line-height: 28px; }
.home-form-sec { padding: 40px 0;}
/* about page */
.about-con-sec .con-detail h2 {font-size: 28px; line-height: 30px; margin-bottom: 16px;}
.about-lottie-sec .lottie-con h2 {font-size: 28px; line-height: 30px; margin-bottom: 16px;}
.about-con-sec .con-detail h3 { font-size: 16px; line-height: 24px; margin-bottom: 11px; padding: 0;}
.about-con-sec .con-detail p { font-size: 14px; line-height: 20px; padding: 0;}
.about-lottie-sec .lottie-con p { font-size: 14px; line-height: 18px; margin: 0 auto 0px auto;}
.about-lottie-sec .lottie-con { margin-bottom: 20px; }
.about-lottie-sec .feature-card h3 { font-size: 16px; line-height: 24px;}
.about-lottie-sec .feature-card p { font-size: 14px; line-height: 20px;}
.about-lottie-sec .lottie-container { width: 180px; height: 170px; margin: 0 auto 0px auto;}
.about-faq-sec .faq-title h3 { font-size: 20px; line-height: 24px; margin-bottom: 16px; padding: 0;}
.about-faq-sec .custom-accordion .accordion-button { font-size: 14px; line-height: 18px;}
.about-faq-sec .accordion-body { font-size: 12px; line-height: 16px;}
.about-logo-sec .logo-title h3 { font-size: 20px; line-height: 24px; margin-bottom: 15px; padding: 0;}
.about-list-sec .list-title h3 { font-size: 18px; line-height: 24px; margin-bottom: 16px; padding: 0;}
.about-list-sec ul li p {font-size: 14px; line-height: 18px;}
.about-form-sec .form-con h2 { font-size: 24px; line-height: 28px; margin-bottom: 16px;}
.about-form-sec .form-con p { font-size: 14px; line-height: 18px;}
.about-con-sec { padding: 40px 0;}
.about-lottie-sec { padding: 40px 0 1px 0;}
.about-list-sec { padding: 0 0 36px 0; }
/* pool installation */
.pool-all-sec .pool-con h2 {font-size: 20px; line-height: 24px; margin-bottom: 16px;}
.pool-all-sec .pool-img-title h2 {font-size: 20px; line-height: 24px; margin-bottom: 16px;}
.pool-all-sec .pool-con p { font-size: 14px; line-height: 18px; margin-bottom: 16px; padding-right: 0;}
.pool-all-sec .pool-left-con p { font-size: 14px; line-height: 20px;}
.pool-all-sec .pool-faq-here {padding: 16px;}
.pool-all-sec .pool-bttn2 { padding: 8px 16px; margin: 10px 0; font-size: 12px;}
.pool-all-sec .faq-con h3 {font-size: 18px;line-height: 20px;margin-bottom: 16px;padding: 0;}
.pool-all-sec .faq-con p { font-size: 14px;}
.pool-all-sec .plus-question span {font-size: 14px;}
.pool-all-sec .accordion-body {font-size: 12px; line-height: 16px;}
/* .pool-all-sec .accordion-body p	 */
.pool-all-sec .accordion-body p,
.pool-all-sec .accordion-body p a  {font-size: 12px;}
	
.pool-all-sec .pool-box h3 { font-size: 18px; line-height: 20px;}
.pool-all-sec .pool-box p { font-size: 14px;}
.pool-all-sec .pool-box {padding: 16px;}
.page-id-9 .conthead-content p { width: 100%; margin: 0 auto;}
.pool-all-sec .container { padding: 16px !important;}
.pool-all-sec .pool-box { width: 100%; min-height: 190px;}
/* pool-style-page */
.product-content .pro-title h2 {font-size: 14px; line-height: 18px;}
.pool-process-sec .process-con h2 { font-size: 20px; line-height: 26px; margin-bottom: 8px;}
.pool-create-sec .create-con h2 { font-size: 20px; line-height: 26px; margin-bottom: 8px;}
.pool-gall-sec .gall-title h2{ font-size: 20px; line-height: 26px; margin-bottom: 8px;}
.pool-range-sec .range-con h2 { font-size: 20px; line-height: 26px; margin-bottom: 8px;}
.pool-testi-sec .testi-title h2 { font-size: 20px; line-height: 26px; margin-bottom: 8px;}
.about-form-sec .form-con h2 { font-size: 20px; line-height: 26px; margin-bottom: 8px;}
.financ-sec .finance-flex h2 { font-size: 20px; line-height: 26px; margin-bottom: 8px;}
.financ-sec .finance-flex p { font-size: 14px; line-height: 18px;}
.pool-range-sec .range-con p { font-size: 14px; line-height: 18px;}
.pool-create-sec .create-con p { font-size: 14px; line-height: 18px;}
.pool-content-sec .con-detail p { font-size: 14px; line-height: 18px; margin-bottom: 8px; }
.pool-types-sec .access-detail h3 { font-size: 14px; line-height: 18px;}
.pool-types-sec .access-con h2 {font-size: 28px; line-height: 30px; margin-bottom: 16px;}
.pool-types-sec .access-con p { font-size: 12px; line-height: 16px;}
.pool-types-sec .access-detail p {margin-bottom: 8x;font-size: 12px;line-height: 16px;}
.pool-types-sec .type-bttn a, .pool-types-sec .type-bttn span {font-size: 12px; line-height: 16px;}
.pool-process-sec { padding: 35px 0;}
.pool-process-sec .process-box h3 { font-size: 14px; line-height: 18px;}
.pool-process-sec .process-box p { font-size: 12px; line-height: 16px;}
.pool-category-section .box-con h3 { font-size: 12px; line-height: 16px;}
.category-bot .pool-hero-bttn a { font-size: 12px; line-height: 16px;}
.category-bot p { font-size: 14px; line-height: 18px;}
.pool-gall-sec .all-create-bttn a { font-size: 12px; line-height: 16px;}
.pool-create-sec .create-detail h3 { font-size: 14px; line-height: 18px; }
.pool-create-sec .create-detail p { font-size: 12px; line-height: 16px;}
.pool-range-sec .pool-box h3 { font-size: 14px; line-height: 16px; }
.pool-range-sec .pool-box p { font-size: 12px; line-height: 16px; }
.pool-range-sec .pool-range-link a, .pool-range-sec .pool-range-link span { font-size: 12px;}
.pool-testi-sec .testi-title p { font-size: 16px; line-height: 18px;}
.financ-sec .finance-right h3 { font-size: 14px; line-height: 16px;}
.financ-sec .finance-list ul li span { font-size: 12px; line-height: 16px;}
.pool-testi-sec .bot p { font-size: 12px; line-height: 16px;}
.about-form-sec .form-con p { font-size: 12px; line-height: 16px;}
.pool-create-sec .all-create-bttn {padding: 8px 16px;}
.pool-create-sec .all-create-bttn a { font-size: 14px; line-height: 18px;}
.pool-create-sec .create-link { padding: 6px 12px;}
.pool-create-sec .create-link a, .pool-create-sec .create-link span { font-size: 12px;}
.pool-process-sec .process-box {min-height: 213px;}
.pool-hero-sec .gform_wrapper .gform_heading h2.gform_title { font-size: 16px; line-height: 18px; margin-bottom: 8px; text-align: center;}
.pool-hero-sec .gform_wrapper input[type="text"], .pool-hero-sec .gform_wrapper input[type="email"], .pool-hero-sec .gform_wrapper input[type="tel"], 
.pool-hero-sec .gform_wrapper select, .pool-hero-sec .gform_wrapper textarea {
padding: 6px 12px !important;font-size: 14px !important;line-height: 16px;}
.pool-hero-sec .gform_wrapper .gform_footer input[type="submit"].gform_button {padding: 6px 12px !important;}
.pool-testi-sec .slick-next { right: 33.7%;}
.pool-testi-sec .slick-prev { right: 33.7%;}
/* accessories page */
.accessories-pg .nav-bttn { padding: 8px 16px;}
.accessories-pg .nav-bttn a { font-size: 14px; line-height: 18px;}
.accessories-pg h5 { font-size: 14px;}
.custom-checkbox .checkmark { height: 16px; width: 16px;}
.custom-checkbox label {font-size: 12px;margin-bottom: 0px;}
.pool-types-sec .access-detail { padding: 16px;}
.pool-types-sec .type-bttn { padding: 6px 12px;}
.pool-process-sec .process-box .process-num {width: 50px; height: 50px;}
.pool-process-sec .process-box .process-num span { font-size: 18px; line-height: 20px;}
/* our work */
.pool-styles-sec .style-con h2 { font-size: 28px; line-height: 30px; margin-bottom: 16px;}
.pool-styles-sec .all-pool-styles-here .title-here h2{font-size: 28px;line-height: 30px;}
.concept-con h2 { font-size: 28px; line-height: 30px; margin-bottom: 16px;}
.clients-sec .client-con h2 { font-size: 28px; line-height: 30px; margin-bottom: 16px;}
.pool-styles-sec .style-con p { font-size: 14px; line-height: 16px; margin: 0 auto 16px;}
.concept-con p {font-size: 14px; line-height: 16px;}
.pool-styles-sec .style-top-con h3 { font-size: 18px; line-height: 20px; margin-bottom: 8px;}
.pool-styles-sec .style-top-con p { font-size: 14px; line-height: 16px; margin-bottom: 16px;}
.pool-styles-sec .style-top-con .con-list ul li { font-size: 14px;}
.pool-styles-sec .modal-right-content .modal-top h2 { font-size: 18px; line-height: 20px;}
.pool-styles-sec .modal-right-content .modal-top span {margin-bottom: 8px;}
.pool-styles-sec .modal-right-content .modal-top p { margin-bottom: 8px; font-size: 14px; line-height: 18px;}
.pool-styles-sec .modal-right-content .con-list h4, .pool-styles-sec .modal-right-content .location-here h4 { font-size: 14px; line-height: 18px;}
.pool-styles-sec .modal-right-content .con-list ul li, .pool-styles-sec .modal-right-content .location-here p { font-size: 12px; line-height: 16px;}
.concept-sec { padding: 35px 0;}
.concept-con { margin-bottom: 24px;}
.concept-box .concept-num {width: 50px; height: 50px;}
.concept-box .concept-num span {font-size: 24px; line-height: 28px;}
.concept-box h3 { font-size: 16px; line-height: 18px; margin-bottom: 8px;}
.concept-box p { font-size: 14px; line-height: 18px;} .concept-sec .concept-box { padding: 16px; }
.clients-sec { padding: 34px 0;}
.clients-sec .client-con p { font-size: 14px; line-height: 16px;}
.clients-sec .client-con { margin-bottom: 24px;}
.clients-sec .client-review-slide {padding: 24px;}
.clients-sec .client-info h3 { font-size: 16px; line-height: 18px;}
.clients-sec .client-info p { margin: 4px 0 8px;}
.clients-sec blockquote {font-size: 16px;line-height: 19px;margin: 0 0 16px;}
/* product  code */
.gallery-detail-sec .pool-types {
  flex-direction: column;
}
/* contact */
.contact-sec {  padding: 35px 0;}
.contact-sec .contact-info h2 { font-size: 20px; line-height: 24px; margin-bottom: 16px;}
/* counthead */
.content-header.cover { padding: 145px 0;}
.conthead-content h1 { font-size: 28px; }
 .conthead-content p { font-size: 16px; line-height: 20px;}
    /* footer */
.site-footer .copyright-page ul { gap: 8px;	justify-content: center; flex-direction: column; align-items: center;}
/* all same sec */
.all-same-sec .same-in .top p { font-size: 16px; line-height: 20px; margin-bottom: 16px;}
.all-same-sec .same-in .mid h3 { font-size: 20px; line-height: 25px; margin-top: 16px; margin-bottom: 16px;}
.all-same-sec .same-in .mid ul li { font-size: 14px; line-height: 16px;}
.all-same-sec .same-in .bot p { font-size: 16px; line-height: 20px;}
.all-same-sec .same-in .mid p { font-size: 14px; line-height: 18px; margin-bottom: 16px;}
.all-same-sec .same-btn a { padding: 6px 12px; font-size: 14px; line-height: 18px;}
.all-same-sec .same-btn { gap: 12px; margin-top: 40px;}
.col-here { margin-bottom: 20px;}
.results-count span { font-size: 16px; font-weight: bold; margin-bottom: 27px; line-height: 40px;}
.pool-title h3 {font-size: 14px; line-height: 18px;}
/* fiberglass */
.post-slider-sec .post-slider-title h2 { font-size: 22px; line-height: 26px;}
.post-slider-sec .post-slider-title { margin-bottom: 20px;}
.post-slider-sec .nav-bttn a { font-size: 14px; line-height: 16px;}
}
@media (max-width: 420px) {
 /* homepage */
.home-testi-sec .slick-prev { left: 35.7%; }
.home-testi-sec .slick-next { right: 35.7%; }
}
@media (max-width: 390px) {
.home-access-sec .access-box { height: 0; min-height: 380px; max-height: 380px; }
.home-ban-sec .ban-in .btn-style-1 , .home-ban-sec .ban-in .btn-style-2 {padding: 8px 16px;font-size: 14px; line-height: 20px;}
.home-con-sec .con-detail h2 {font-size: 20px; line-height: 24px; }
.home-con-sec .con-detail p {font-size: 14px; line-height: 20px;}
.home-ser-sec .ser-con h2 { font-size: 20px; line-height: 24px; }
.home-ser-sec .ser-con p {font-size: 14px;  line-height: 20px;}
.home-ser-sec .ser-info h3 {font-size: 18px; line-height: 20px;}
.home-ser-sec .ser-info p {font-size: 14px;}
 .home-access-sec .access-con h2 {  font-size: 20px; line-height: 20px;}
.home-access-sec .access-con p { font-size: 14px;line-height: 20px;margin: 0 auto 18px auto;}
.home-access-sec .access-title-icon h3 {font-size: 16px; line-height: 20px;}
.home-access-sec .access-detail p {font-size: 12px;line-height: 18px;}
.home-access-sec .access-detail { padding: 16px;}
.home-access-sec .access-link a, .home-access-sec .access-link span {font-size: 14px;}
.home-access-sec .access-title-icon img { width: 20px; height: 20px;}
.home-access-sec .access-title-icon {gap: 8px;}
.home-style-sec { padding: 24px 0;}
 .home-style-sec .style-con h2 {font-size: 18px; line-height: 20px; }
.home-style-sec .style-con p {font-size: 14px; line-height: 20px;}
.home-style-sec .style-con {margin-bottom: 24px;}
.home-style-sec .style-detail h3 {font-size: 16px; line-height: 20px; margin-bottom: 8px;}
.home-style-sec .style-detail p { font-size: 12px; line-height: 18px;}
.home-style-sec .style-link {padding: 4px 8px;}
.home-style-sec .style-link a, .home-style-sec .style-link span {font-size: 14px;}
.home-style-sec .all-style-bttn a, .home-style-sec .all-style-bttn span {font-size: 12px;}
.home-testi-sec .testi-title h2 { font-size: 18px; line-height: 20px;}
.home-testi-sec .testi-title { margin-bottom: 16px;}
.home-testi-sec .top .author-detail h4 {font-size: 14px;  line-height: 20px;}
.home-testi-sec .testi-item .item {padding: 16px;}
.home-testi-sec .top {flex-direction: column;justify-content: center;align-items: center;}
.home-testi-sec .top .person-info {flex-direction: column;justify-content: center; margin-bottom: 8px;}
.home-testi-sec .bot p {font-size: 12px; line-height: 18px;}
.home-testi-sec { padding: 40px 0;}
.home-gallery-sec { padding: 40px 0; }
.home-gallery-sec .gall-title h2 { font-size: 18px;  line-height: 20px;}
.home-gallery-sec .gall-title { margin-bottom: 16px;}
.home-gallery-sec .all-style-bttn a, .home-gallery-sec .all-style-bttn span {font-size: 12px;}
.home-form-sec { padding: 40px 0; }
.home-form-sec .form-con h2 { font-size: 18px; line-height: 20px; }
.home-form-sec .form-con p {font-size: 12px; line-height: 18px;}
.home-form-sec .form-con { margin-bottom: 16px;}
.home-form-sec .gform_wrapper .gform_heading h2.gform_title { font-size: 20px; line-height: 24px; margin-bottom: 15px;}
.home-form-sec .gform_wrapper .gform_footer input[type="submit"].gform_button {padding: 6px 8px !important;}
/* about page */
.about-con-sec .con-detail h2 {font-size: 20px; line-height: 28px; margin-bottom: 16px;}
.about-lottie-sec .lottie-con h2 {font-size: 20px; line-height: 28px; margin-bottom: 16px;}
.about-con-sec .con-detail h3 { font-size: 14px; line-height: 20px; margin-bottom: 11px; padding: 0;}
.about-con-sec .con-detail p { font-size: 12px; line-height: 18px; padding: 0;}
.about-lottie-sec .lottie-con p { font-size: 12px; line-height: 18px; margin: 0 auto 0px auto;}
.about-lottie-sec .lottie-con { margin-bottom: 20px; }
.about-lottie-sec .feature-card h3 { font-size: 14px; line-height: 20px;}
.about-lottie-sec .feature-card p { font-size: 12px; line-height:18px;}
.about-lottie-sec .lottie-container { width: 180px; height: 170px; margin: 0 auto 0px auto;}
.about-faq-sec .faq-title h3 { font-size: 16px; line-height: 20px; margin-bottom: 16px; padding: 0;}
.about-faq-sec .custom-accordion .accordion-button { font-size: 12px; line-height: 18px;}
.about-logo-sec .logo-title h3 { font-size: 18px; line-height: 20px; margin-bottom: 15px; padding: 0;}
.about-list-sec .list-title h3 { font-size: 14px; line-height: 18px; margin-bottom: 16px; padding: 0;}
.about-list-sec ul li p { font-size: 12px; line-height: 16px;}
.about-form-sec .form-con h2 { font-size: 18px; line-height: 20px; margin-bottom: 16px;}
.about-form-sec .form-con p { font-size: 12px; line-height: 16px;}
.pool-all-sec .pool-bttn1 {padding: 8px 16px; margin-bottom: 16px;}
.pool-all-sec .pool-bttn1 { font-size: 12px;}
/* pool installation */
.pool-all-sec .pool-con h2 {font-size: 16px; line-height: 20px; margin-bottom: 16px;}
.pool-all-sec .pool-img-title h2 {font-size: 16px; line-height: 20px; margin-bottom: 16px;}
.pool-all-sec .pool-con p { font-size: 12px; line-height: 16px; margin-bottom: 16px; padding-right: 0;}
.pool-all-sec .pool-left-con p { font-size: 12px; line-height: 16px;}
.pool-all-sec .pool-faq-here {padding: 16px;}
.pool-all-sec .faq-con h3 {font-size: 14px;line-height: 16px;margin-bottom: 16px;padding: 0;}
.pool-all-sec .faq-con p { font-size: 12px;}
.pool-all-sec .plus-question span {font-size: 12px;}
.pool-all-sec .pool-box h3 { font-size: 14px; line-height: 16px;}
.pool-all-sec .pool-box p { font-size: 12px;}
/* pool-style-page */
/* accessories single post page */
.product-content .pro-title h2 {font-size: 12px; line-height: 16px;}
.pool-process-sec .process-con h2 { font-size: 16px; line-height: 20px; }
.pool-create-sec .create-con h2 { font-size: 16px; line-height: 20px; }
.pool-gall-sec .gall-title h2 { font-size: 16px; line-height: 20px; }
.pool-range-sec .range-con h2 { font-size: 16px; line-height: 20px; }
.pool-testi-sec .testi-title h2 { font-size: 16px; line-height: 20px; }
.about-form-sec .form-con h2 { font-size: 16px; line-height: 20px; }
.financ-sec .finance-flex h2 { font-size: 16px; line-height: 20px; }
.financ-sec .finance-flex p  {font-size: 12px; line-height: 16px;}
.pool-range-sec .range-con p {font-size: 12px; line-height: 16px;}
.pool-create-sec .create-con p  {font-size: 12px; line-height: 16px;}
.pool-content-sec .con-detail p  {font-size: 12px; line-height: 16px;}
.pool-types-sec .access-detail h3  {font-size: 12px; line-height: 16px;}
.pool-types-sec .access-con h2 {font-size: 20px; line-height: 24px; margin-bottom: 8px;}
.pool-process-sec .process-box h3  {font-size: 12px; line-height: 16px;}
.category-bot p  {font-size: 12px; line-height: 16px;}
.pool-create-sec .create-detail h3  {font-size: 12px; line-height: 16px;}
.pool-range-sec .pool-box h3  {font-size: 12px; line-height: 16px;}
.pool-testi-sec .testi-title p { font-size: 14px; line-height: 16px;}
.financ-sec .finance-right h3  {font-size: 12px; line-height: 16px;}
/* our work */
.pool-styles-sec .style-con h2 { font-size: 20px; line-height: 24px; margin-bottom: 8px;}
.pool-styles-sec .all-pool-styles-here .title-here h2{font-size: 20px;line-height: 24px;}
.concept-con h2 { font-size: 20px; line-height: 24px; margin-bottom: 8px;}
.clients-sec .client-con h2 { font-size: 20px; line-height: 24px; margin-bottom: 8px;}
.pool-styles-sec .style-con p { font-size: 12px; line-height: 16px; margin: 0 auto 16px;}
.concept-con p {font-size: 12px; line-height: 16px;}
.pool-styles-sec .style-top-con h3 { font-size: 18px; line-height: 20px;}
.pool-styles-sec .style-top-con p { font-size: 12px; line-height: 16px; margin-bottom: 8px;}
.pool-styles-sec .style-top-con .con-list ul li { font-size: 12px;}
.pool-styles-sec .modal-right-content .modal-top h2 { font-size: 16px; line-height: 20px;}
.pool-styles-sec .modal-right-content .modal-top p { font-size: 12px; line-height: 16px;}
.pool-styles-sec .modal-right-content .con-list h4, .pool-styles-sec .modal-right-content .location-here h4 { font-size: 12px; line-height: 16px;}
.concept-box .concept-num span {font-size: 18px; line-height: 20px;}
.concept-box h3 { font-size: 14px; line-height: 18px; }
.concept-box p { font-size: 12px; line-height: 16px;} 
.clients-sec .client-con p { font-size: 12px; line-height: 16px;}
.clients-sec .client-info h3 { font-size: 14px; line-height: 18px;}
.clients-sec blockquote {font-size: 12px;line-height: 16px;margin: 0 0 8px;}
.clients-sec .slick-next { right: 33%;}
.clients-sec .slick-prev { left: 33%;}
.pool-styles-sec #poolModal { padding: 45px;}
.pool-styles-sec .pool-img img {max-height: 220px;}
/* contact */
.contact-sec .contact-info .info-box .details span, .contact-sec .contact-info .info-box .details span a { font-size: 14px; line-height: 16px;}
.contact-qas-sec .qas-box h3 { line-height: 18px; font-size: 16px;}
.contact-qas-sec .qas-box p { font-size: 12px; line-height: 16px;}
/* footer  */
.site-footer .ft-logo img {max-width: 190px;}
.site-footer .ft-logo p { margin-bottom: 16px; font-size: 14px; line-height: 18px;}
.site-footer .ft-menu-1 h4, .site-footer .ft-menu-2 h4, .site-footer .info-here h4 { font-size: 18px; line-height: 20px; margin-bottom: 16px;}
.site-footer .ft-menu-1 .menu li a, .site-footer .ft-menu-2 .menu li a, .site-footer .contact-info a { font-size: 14px; line-height: 16px;}
.site-footer .copyright-here {padding: 16px 0 0 0;}
.site-footer .copyright-text p ,
.site-footer .copyright-text p a { font-size: 14px; line-height: 16px; margin-bottom: 12px !important;}
footer.site-footer { padding: 0 0 16px 0;}
/* all same sec */
.all-same-sec .same-in .top p { font-size: 14px; line-height: 18px; margin-bottom: 8px;}
.all-same-sec .same-in .mid h3 { font-size: 16px; line-height: 20px;  margin-top: 8px; margin-bottom: 8px;}
.all-same-sec .same-in .mid ul li { font-size: 12px; line-height: 16px;}
.all-same-sec .same-in .bot p { font-size: 12px; line-height: 16px;}
.all-same-sec .same-in .mid ul {padding-left: 0 !important;margin-bottom: 16px;}
.all-same-sec .same-in .mid p { font-size: 12px; line-height: 18px; margin-bottom: 8px;}
/* fiberglass */
.post-slider-sec .post-slider-title h2 { font-size: 18px; line-height: 20px;}
.post-slider-sec .nav-bttn a { font-size: 12px; line-height: 16px;}
/* counthead */
.conthead-content h1 { font-size: 20px;}
.conthead-content p { font-size: 12px; line-height: 16px; }
}
@media (max-width: 330px) {
       /* homepage */
.home-ser-sec .ser-box { padding: 16px; max-height: 320px; min-height: 320px;}
}