text/css style.css ( ASCII text )
/*
Theme Name: Surfy - Child
Author: GT3themes
Author URI: http://gt3themes.com
Description: -
Version: 1.0
Template: surfy
*/
@import url("../surfy/style.css");


/* LOCATOR */
#locator {
	position: relative;
	width: 100%;
	padding-top: 46.6%;
	background: url(../surfy-child/images/fins-location-finder-bg.png) 50% 50% no-repeat;
	background-size: cover;
}
#locator-address, #locator-phone {
	color: #fff;
	font-size: 17px;
	position: absolute;
	left: 52%;
	line-height: 0;
}
#locator-phone a {
	color: #fff;
}
#locator-address {
	top: 38%;
}
#locator-dropdown {
	color: #fff;
    font-size: 17px;
    position: absolute;
    left: 52%;
    top: 32%;
    z-index: 1;
    background: #28333d;
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 20px;
}
#locator-phone {
	top: 59%;
}
#locator-link {
	position: absolute;
	top: 72%;
	right: 40%;
}
#locator-link a {
	display: inline-block;
	background: #fff;
	border: 1px solid #000;
	color: #000;
	text-transform: uppercase;
	padding: 0px 20px;
	font-size: 15px;
	position: relative;
	right: -50%;
	white-space: nowrap;
}
#locator-link a:hover {
	background: #009cde;
	color: #fff;
}
#locator-link a span {
	display: none;
}


/* LOCATIONS */

.page-id-2 .main_wrapper {
	padding-top: 0;
}
#locations-wrapper {
	position: relative;
}
#locations-info {
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
	background: #0072bc;
	font-size: 20px;
	color: #fff;
	padding: 15px 0;
}
.locations-info-box {
	cursor: pointer;
	width: 100%;
	border-bottom: 1px solid #80b9de;
	transition: background-color 200ms;
	-webkit-transition: background-color 200ms;
}
.locations-info-box > div {
	/*padding: 20px 70px 20px 35px;*/
	padding: 20px 35px;
}
.locations-info-box:last-of-type {
	border-bottom: none;
}
.locations-info-box-selected {
	background-color: #0f4384;
}
.locations-info-title {
	color: #fff;
	margin-bottom: 5px;
	font-size: 25px;
}
.locations-info-text {
	margin-bottom: 5px;
}
.locations-info-phone a {
	color: #a5e0f3;
}
.locations-info-links-wrapper {
	height: 0;
	overflow: hidden;
	transition: height 200ms;
	-webkit-transition: height 200ms;
}
.locations-info-box-selected .locations-info-links-wrapper {
	height: 45px;
}
.locations-info-links {
	margin-top: 12px;
}
.locations-info-links a {
	background: #fff;
	color: #000;
	border: 1px solid #000;
	padding: 0 10px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	height: 33px;
	line-height: 33px;
	display: inline-block;
}
.locations-info-links a:hover {
	background: #009cde;
	color: #fff;
}
.locations-info-links a:first-child {
	margin-right: 10px;
}


/* PROGRAMS, SUB-PROGRAMS, AND CLASSES */

/* testing */
.cat-3-wrapper, .cat-1-wrapper, .cat-1-table-wrapper {
	display: none;
}
.cat-3-holder .cat-3-holder-wrapper {
	padding: 25px 25px 5px;
	border: 1px solid #506c7a;
}
.cat-3 .cat-1-wrapper {
	padding: 20px 20px 5px;
	border: 1px solid #506c7a;
}
.cat-3-title {
	color: #fff;
	font-size: 29px;
	font-weight: bold;
	padding-bottom: 5px;
}
.cat-3 {
	padding-bottom: 25px;
}
.cat-3:last-of-type {
	padding-bottom: 0;
}

/* active */
.cat-2-open .cat-2-title::before, .cat-3-open > .cat-title::before, .cat-1-open > .cat-title::before {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
/* END testing*/

#classes {
	padding-top: 15px;
}
.cat-2-wrapper {
	margin: 20px 0;
}
.cat-2-title {
	background: #fff;
	color: #28323e;
	cursor: pointer;
	font-size: 23px;
	font-weight: bold;
	padding: 20px;
	display: flex;
	align-items: center;
}
.cat-2-title > div:nth-child(1), .cat-title > div {
	margin-left: 20px;
}
.cat-2-title > div:nth-child(2) {
	flex-grow: 1;
	text-align: right;
	font-size: 22px;
}
.cat-2-title::before, .cat-title::before {
	content: '';
	width: 34px;
	height: 34px;
	display: inline-block;
	background: url(../surfy-child/images/blue-arrow.png) 50% 50% no-repeat;
	flex-shrink: 0;
	transition: transform 500ms;
	-webkit-transition: -webkit-transform 500ms;
}
.cat-wrapper-inner {
	margin-top: 20px;
}
.cat-image {
	cursor: pointer;
	height: 180px;
	background: #ccc url(../surfy-child/images/fins-water-logo.jpg) 50% 50% no-repeat;
	margin-bottom: 20px;
	background-size: cover;
}
.cat-title {
	cursor: pointer;
	color: #000;
	font-size: 29px;
	font-weight: bold;
	margin-bottom: 4%;
	display: flex;
	align-items: center;
}

.cat-description {
	color: #000;
	/*color: #000;*/
	font-size: 16px;
	margin-bottom: 20px;
}
.cat-1-table {
	/*display: none;*/
	padding-top: 20px;
	padding-bottom: 20px;
}
.cat1-table-open{
	display: block;
}
.cat-1-table-heading {
	color: #000;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px;
	/*padding-top: 20px;*/
}
.cat-1-table table {
	color: #000;
	font-size: 15px;
	/*margin-bottom: 20px;*/
}
.cat-1-table table tr:hover {
	background: rgba(255,255,255,.05)
}
.cat-1-table td {
	border: 1px solid #535b65;
	padding: 6px 0;
}
.cat-1-table thead, .cat-1-table table thead tr:hover {
	border: 1px solid #535b65;
	background: #535b65;
	font-weight: bold;
}
.cat-1-table thead th {
	border-right: 1px solid #28323e;
	color:#fff;
}
.cat-1-table thead th:last-of-type {
	border-right: none;
}
.cat-1-table table tbody tr, .cat-1-table table thead tr {
    border: none;
}
.register-link {
	background: #0072bc;
	color: #fff;
	border-radius: 5px;
	padding: 0 35px;
	height: 28px;
	display: inline-block;
	line-height: 28px;
}
.register-link:hover {
	background: #fff;
	color: #0072bc;
}
.form-accordian .accordian-right .gt3_custom_text a span {
    color: #ff6600 !important;
}


.gt3-page-title__content .page_title h1 {
	text-shadow: 2px 2px 7px #000000;
}



/* mobile */
/*@media (max-width: 575px) {*/
@media (max-width: 600px) {

	/* classes (table on mobile)*/
	.cat-2-title {
		text-align: center;
		display: flex;
	}
	.cat-2-title::before {
		position: absolute;
		left: 28px;
	}
	.cat-2-title > div:nth-child(1), .cat-2-title > div:nth-child(2) {
		margin-left: 40px;
		text-align: left;
	}
	.cat-2-title > div:nth-child(2) {
		font-size: 18px;
		padding-top: 3px;
	}
	.cat-1-table table thead {
		/*display: none;*/
	}
	.cat-1-table td {
		border: none;
		display: flex;
		align-items: center;
		text-align: left;
		padding: 0;
		white-space: nowrap;
	}
	.cat-1-table table, .cat-1-table tbody, .cat-1-table tr {
		display: block;
	}
	.cat-1-table tr {
		margin-bottom: 20px;
	}
	.cat-1-table td::before {
		display: block;
		background: #535b65;
		width: 23%;
		padding: 0 15px;
		margin-right: 15px;
		text-align: right;
		flex-shrink: 0;
	}
	.cat-1-table td.cat-table-teacher::before {
		content: 'Teacher:';
	}
	.cat-1-table td.cat-table-day::before {
		content: 'Day:';
	}
	.cat-1-table td.cat-table-age::before {
		content: 'Age:';
	}
	.cat-1-table td.cat-table-time::before {
		content: 'Time:';
	}
	.cat-1-table td.cat-table-register::before {
		content: 'Register:';
	}
}
/*additional css for location page cate 2 tabs*/
       .cat1-cards{
        display: flex;
       }
       .cat1-tab-container {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-top: 2%;
           /* width: 25%;*/
        }
        .cat1-tab-card {
            color: white;
            background: #0072bc;
          /*  border-radius: 8px;*/
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            margin: 10px;
            padding: 10px 10px 0px 10px;
            flex: 1 1 calc(25% - 20px); /* 4 cards in a row */
            box-sizing: border-box;
            text-align: center;
        }
        .cat1-tab-card5{
          color: white;
            background: #0072bc;
          /*  border-radius: 8px;*/
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            margin: 10px;
            padding: 10px 10px 0px 10px;
            flex: 1 1 calc(20% - 20px); /* 4 cards in a row */
            box-sizing: border-box;
            text-align: center;
        }
        /* active */

		.cat1-tab-card-open::before{
	     transform: rotate(90deg);
			-webkit-transform: rotate(90deg);
		}

        .cat1-tab-card .cat1-description h6 {
           /* margin-top: 0;*/
           color: white;
           padding-bottom: 10px;
        }
         .cat1-tab-card5 .cat1-description h6 {
           /* margin-top: 0;*/
           color: white;
           padding-bottom: 10px;
        }
         .cat1-tab-card .cat1-description p {
          font-size: 10px;
          line-height: 17px;
        }
        .cat1-tab-card5 .cat1-description p {
          font-size: 10px;
          line-height: 17px;
        }
        .cat1-description{
           height: 75%;
        }
        /*.card-icon{
            font-size: 15px;
            font-weight: bolder;
            cursor: pointer;
        }*/
        .card-icon::before, .card-icon::before {
			content: '';
			width: 34px;
			height: 34px;
			display: inline-block;
			background: url(../surfy-child/images/blue-arrow.png) 50% 50% no-repeat;
			flex-shrink: 0;
			transition: transform 500ms;
			-webkit-transition: -webkit-transform 500ms;
			cursor: pointer;

         }

        @media (max-width: 768px) {
            .cat1-tab-card {
                flex: 1 1 calc(50% - 20px); /* 2 cards in a row on smaller screens */
            }
             .cat1-tab-card5 {
                flex: 1 1 calc(50% - 20px); /* 2 cards in a row on smaller screens */
            }
        }
        @media (max-width: 480px) {
            .cat1-tab-card {
                flex: 1 1 100%; /* 1 card in a row on very small screens */
            }
            .cat1-tab-card5 {
                flex: 1 1 100%; /* 1 card in a row on very small screens */
            }
        }
/*tab css end*/

@media (max-width: 767px) {
	.n-page-remove-spca .vc_column-inner .gt3_spacing:first-child {
	height:30px !important;
	}
	.n-page-remove-spca .vc_column-inner{
		padding:15px !important
	}
	.img-left-nonoe .vc_column-inner {
		padding-top: 0 !important;
		margin-top:-80px !important;
	}
	#locator-dropdown {
		color: #fff;
		font-size: 12px;
		position: absolute;
		left: 49%;
		top: 26%;
		z-index: 1;
		background: #28333d;
		background-image: url(data:image/svg+xml;utf8,<svg fill='white' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>);
		background-repeat: no-repeat;
		background-position: right 0px center;
		background-size: 20px;
		width: auto;
	}
}




/* desktop */
@media (min-width: 400px) {
}
@media (min-width: 480px) {
}
@media (min-width: 576px) {

	/* locator */
	#locator-link {
		top: 75%;
	}
	#locator-link a span {
		display: inline;
	}
}
@media (min-width: 601px) {
	/* classes */
	.cat-2-title {
		font-size: 30px;
	}
	.cat-title {
		font-size: 33px;
	}

	/* testing */
	.cat-3-title {
		font-size: 33px;
	}
	.cat-3 .cat-1-wrapper {
		padding: 25px 25px 5px;
	}
}
@media (min-width: 640px) {

	/* locations */
	#locations {
/* 		min-height: 1115px; */
		min-height:1300px;
		margin-left: 280px;
	}
	#locations-info {
		position: absolute;
		width: 280px;
	}
	.locations-info-box > div {
		padding: 15px 25px;
	}
	#locations-info {
		font-size: 18px;
	}
	.locations-info-title {
		font-size: 23px;
	}
}
@media (min-width: 768px) {

	/* locator */
	#locator-link a span {
		display: none;
	}
}
@media (min-width: 992px) {

	/* classes */
	.cat-wrapper-inner {
		display: grid;
		grid-template-columns: 32% 32% 32%;
		grid-gap: 2%;
		/*margin-top: 0;*/
	}

	/* testing */
	.cat-3 {
		padding-bottom: 0;
	}
}
@media (min-width: 1200px) {

	/* locator */
	#locator-link {
		top: 75%;
	}
	#locator-link a span {
		display: inline;
	}

	/* locations */
	#locations {
		margin-left: 360px;
	}
	#locations-info {
		width: 360px;
	}
	.locations-info-box > div {
		padding: 20px 35px;
	}
	#locations-info {
		font-size: 20px;
	}
	.locations-info-title {
		font-size: 28px;
	}
}
@media (min-width: 1440px) {
}
@media (min-width: 1600px) {

	/* locator */
	#locator-address, #locator-phone {
		font-size: 25px;
	}
	#locator-link a {
		padding: 10px 40px;
		font-size: 20px;
	}
}



span.wpcf7-spinner {
    display: none;
}
.orange-button a, .orange-button button {
    background-color: #ff6600 !important;
    border-color: #ff6600 !important;
	color: #fff !important;
}
.orange-button a:hover, .orange-button button:hover {
    border-color: #ff6600 !important;
    color: #ff6600 !important;
	background-color: transparent !important;
}
#social-side-icons {
    display: flex;
    gap: 5px;
}
.googlereview .grw-header-inner{
    display: inline-block;
    position: fixed !important;
    bottom: 30px !important;
    left: 22px !important;
    z-index: 99999 !important;
    background: #fff !important;
    width: 250px !important;
    border-radius: 5px !important;
    box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.13), 0px 0px 2px 0px rgba(0, 0, 0, 0.05) !important;
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    background-color: white !important;
    backdrop-filter: blur(0px);
}

.cat-1-table-wrapper.table-open .cat-1-table {
	display: block !important;
}
h1.h1-home {
    line-height: 100px;
}
a.call-btn {
    background: #fff;
    color: #009cde!important;
    padding: 8px 16px;
    border-radius: 8px;
    margin-right: 16px;
}
a.call-btn-ftr {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}
a.call-btn-ftr img {
    max-width: 18px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(6deg) brightness(104%) contrast(101%);
}
p.mx-width-center {
    text-align: center;
    max-width: 800px;
    margin: auto;
}

/*New header by YR*/
.container{
	max-width:1440px!important;
	    width: 100% !important;
	padding-left:40px;
	padding-right:40px;
}
header {
    background: rgba(44, 47, 54, 1);
    color: #fff;
}
.h-flx{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.gap30{
    gap:30px;
}
.ptb60{
    
    padding-top:60px;
    padding-bottom:60px;
}
.t-center{
    text-align:center;
}
.mt30{
    margin-top:30px;
}
.mt40{
    margin-top:40px;
}
.mt12{
    margin-top:12px;
}
.mb0{
    margin-bottom:0px!important;
}
.mlr-auto{
    margin-left:auto;
    margin-right:auto;
}
.bg-lgt-blu{
	background:#DDF2FF;
}
h2,h5 {
    font-family: "Kaushan Script"!important;
}
.mx600{
	max-width:600px;
}
header {
    background: rgba(44, 47, 54, 1);
    color: #fff;
    position: sticky;
    top: 0;
    z-index: 99999;
}
header .logo{
    max-width:230px;
}
.site-width {
    max-width: 1440px;
    padding-left: 40px;
    padding-right: 40px;
    margin-left:auto;
    margin-right:auto;
}
a.h-btn-1 {
    background: #fff;
     border: 1px solid #fff;
    border-radius: 8px;
    padding: 13px 18px;
    margin-right:12px;
        display: flex;
    gap: 3px;
    align-items: center;
}
a.h-btn-1:hover{
    color:#0072bc;
}
a.h-btn-2 {
    border: 1px solid #fff;
    color: #fff;
    padding: 6px 18px;
    border-radius: 8px;
}
img.phn-icon {
    max-width: 16px;
    filter: brightness(0) saturate(100%) invert(35%) sepia(76%) saturate(6124%) hue-rotate(188deg) brightness(92%) contrast(101%);
}
footer#footer {
    padding: 60px 0 0;
}
.footer {
    display: flex;
    justify-content: space-between;
    gap: 60px;
}
.footer p{
    color:#fff;
}
.colum.ftr2 a,
.colum.ftr3 a{
    display: block;
    color: #fff;
    padding: 6px 0;
}
.footer h5 {
     font-size: 22px;
    font-weight: 500;
    color: #fff;
    padding-bottom: 10px;
    position: relative;
    width: max-content;
    margin-bottom: 12px;
}
.footer h5::after{
    content: '';
    width: 50px;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0%;
}
.social {
    margin-top: 20px;
    display: flex;
    gap: 22px;
}
.social img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(4deg) brightness(104%) contrast(101%);
        max-width: 20px;
}
.fmt20{
    margin-top:30px;
}
.footer .colum:nth-child(1) {
    flex: 1 40%;
}
.footer .colum:nth-child(2) {
    flex: 1 20%;
}
.footer .colum:nth-child(3) {
    flex: 1 20%;
}
.footer .colum:nth-child(4) {
    flex: 1 20%;
}
.cpy-rgt {
    text-align: center;
    padding: 10px 0;
    margin-top: 60px;
    background:#19212c;
    color:#fff;
}
.cpy-rgt a{
    color:#fff;
}
.hom-loc img {
    max-width: 20px;
    filter: brightness(0) saturate(100%) invert(31%) sepia(89%) saturate(5000%) hue-rotate(188deg) brightness(92%) contrast(101%);
}
.hom-loc {
    display:flex;
    gap:12px;
    align-items:center;
    flex-wrap:wrap;
    max-width:888px;
    margin-left:auto;
    margin-right:auto;
}
.hom-loc .col {
    display:flex;
    gap:12px;
    align-items:center;
}
.hom-loc h3 {
    font-size: 18px;
}
a.btn-main {
    background: #0072bc;
    color: #fff;
    border-radius: 8px;
    padding: 16px 22px;
}
a.btn-main:hover{
    color:#fff;
}
h2.h2-main {
    font-size: 38px !important;
    margin-bottom: 26px;
    font-family: "Kaushan Script";
}
h2.h2-main span {
    font-family: 'Kaushan Script';
}
.h2-main.fmly{
    text-align:left;
    color:#000!important;
    font-family:"Kaushan Script"!important;
}
.bg-blue {
    background: #ddf2ff;
    padding: 4rem 2rem;
    text-align: center;
    border-radius: 8px;
}
.btn-wht a, .btn-wht a:hover {
    background: #0072BC;
    color:#fff;
    padding: 14px 20px;
    border-radius: 8px;
}

.locations-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 25px;
      }

      .location-card {
        background: #fff;
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        transition: 0.3s ease;
      }

      .location-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
      }

      .location-card img {
        width: 100%;
        height: 180px;
        object-fit: cover;
      }

      .card-content {
        padding: 20px;
      }

      .card-content h3 {
        margin: 0 0 10px;
        font-size: 20px;
        color: #0a4c8a;
      }

      .card-content p {
        font-size: 14px;
        color: #555;
        margin-bottom: 16px;
      }
     .content-text {
    z-index: 999;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
	text-align: center;
   padding: 0 30px;
}
.btn-main-outline {
    background: #fff;
    border: 1px solid #0072bc;
    color: #0072bc;
    border-radius: 8px;
    padding: 16px 22px;
}
.location-card a.btn-main {
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px;
}
.banner {
  position: relative;
  height: 615px; /* adjust */
  overflow: hidden;
  display: flex;
  align-items: center;
}

/* Video wrapper */
.video-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 130%;
  height: 130%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

/* iframe fill */
.video-wrapper iframe {
  width: 100%;
  height: 100%;
  pointer-events: none; /* prevents clicking */
}

/* Overlay (optional) */
.banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
  z-index: 0;
	max-width:1385px;
	margin:auto;
}

.banner.banner-img {
        background-repeat: no-repeat;
    background-size: cover;
	background-position-y: center;
}
.banner.banner-img.flt {
    background-image: url(https://swimatfins.com/wp-content/uploads/2023/11/FINS-FLEET-1.jpg);
}
.banner.banner-img.woodland {
    background-image: url("https://swimatfins.com/wp-content/uploads/2020/01/FINS-WDLNDS-SLIDE.jpg")
}
.banner.banner-img::before{
	content:"";
	    max-width: 100%;
}
.banner h1{
	color:#fff;
	font-size:83px;
	    padding: 30px 0 62px;
	font-family:"Kaushan Script";
	
}
.banner h5{
	color:#fff;
	font-size:29px;
	font-weight:400;
}
p.subtxt {
    font-family: 'Montserrat';
    letter-spacing: 6px;
	    color: #fff;
    font-weight: 400;
    
}
.flex-main {
    display: flex;
    gap: 60px;
    align-items: center;
}
.flex-main .col{
	flex:1;
}
.flex-main img {
    border-radius: 8px;
}
.page-id-5997 .gt3-page-title.gt3-page-title_horiz_align_left.gt3-page-title_vert_align_middle.gt3_mask_image {
    display: none;
}
.frm-sec iframe{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
ul.b-check {
    display: flex;
    column-gap: 60px;
    gap: 16px;
    flex-wrap: wrap;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    list-style: none;
}
ul.b-check li::before {
    content: unset!important;
}
ul.b-check li {
    position: relative;
    border-radius: 8px;
    background: #0072BC;
    color: #fff;
    padding: 6px 12px!important;
}
ul.b-check li a{
	color:#fff;
}
ul.b-check li a:hover{
	color:#fff;
}
.mb-box .social img {
    filter: unset;
}
.mb-box .social  {
    padding:20px;
	margin-top: 0;
}
.cnt-info .info img {
    max-width: 20px;
	    margin-top: 6px;
}
.cnt-info .info a, .cnt-info .info p{
    color:#595858;
}
.cnt-info .info {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: #def2ff;
    margin-top: 20px;
/*     max-width: 350px; */
    padding: 20px;
    border-radius: 8px;
}
div#wpcf7-f6013-p5997-o9 {
    background: #def2ff;
    padding: 20px;
	border-radius:8px;
}
.frm-sec form h2 {
    text-align: center;
    font-family: 'Kaushan Script';
    margin-bottom: 25px;
}
.frm-sec form .flx {
    display: flex;
    gap: 20px;
}
.frm-sec lable {
    flex: 1;
}
.ckbx span {
    font-size: 13px !important;
    line-height: 1.8;
    padding-bottom: 10px;
}
input.wpcf7-form-control.wpcf7-submit {
    background: #0072BC;
    color: #fff;
    padding: 14px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-family: 'Roboto';
}
.wpcf7 form.invalid .wpcf7-response-output {
    padding-left: 40px;
}
.gt3-page-title.gt3-page-title_horiz_align_left.gt3-page-title_vert_align_middle.gt3_mask_image {
    background-color: #ddf2ff !important;
    background-image: unset !important;
	height:unset!important;
	padding:40px 0;
}
.gt3-page-title.gt3-page-title_horiz_align_left.gt3-page-title_vert_align_middle.gt3_mask_image .container{
	max-width:1440px!important;
	padding-left:40px;
	padding-right:40px;
	margin:auto;
	display:block;
}
.featured_post_info {
    background: #fff;
    padding: 20px;
}
.featured_post_info a {
    font-family: 'Kaushan Script';
    font-size: 20px !important;
    line-height: 20px !important;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	padding-right:15px;
}
.listing_meta.upper_text {
    margin-bottom:20px!important;
}
.featured_post_info {
    background: #fff;
    padding: 20px !important;
    border-radius: 0 0 8px 8px;
}
.blog_post_media img {
    border-radius: 8px 8px 0 0;
}
.wpcf7-form label {
        flex: 1;
}
#blog-f {
    padding: 60px 0;
}
#blog-f .vc_column-inner {
    padding: 0 35px !important;
}
#blog-f .gt3_module_title {
    align-items: center;
}
.cat-1 .cat-title {
    color: #000;
    font-size: 20px;
}
.tb-icon img{
	filter: brightness(0) saturate(100%) invert(0%) sepia(93%) saturate(0%) hue-rotate(284deg) brightness(96%) contrast(107%);
}
.cat-2-title {
    font-size: 18px; 
}
.flex-main form {
    background: #def2ff;
    padding: 20px;
    border-radius: 8px;
}
@media(max-width:992px){
	    .banner {
        height: 100%;
        min-height: 350px;
    }
    h2.h2-main {
    font-size: 32px !important;
    line-height: 45px;
    }
    h2{
        font-size:24px!important;
    }
    a.h-btn-1 span, a.h-btn-2 {
    display: none;
}
a.h-btn-1 {
    border-radius: 50%;
    padding: 10px;
}
h2.h2-main span{
    font-size:26px;
}
.mega-menu {
    order: 3;
}
header .gap30{
    gap:0px;
}
p.footer_menu {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
	.flex-main .col{
		padding:0;
	}
.site-width {
    padding-left: 20px;
    padding-right: 20px;
}
.footer{
    flex-direction:column;
}
.hom-loc {
    flex-direction: column;
}
.mg-tp12{
    margin-top:12px;
}
.banner h1 {
    font-size: 62px;
    padding: 20px 0 40px;
}
.wpb_wrapper .vc_custom_1767903119176 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
	.bg-blue {
    padding: 2rem 1rem; 
	}
	p.subtxt {
    font-weight: 600;
}
	.flex-main {
    flex-direction:column;
		gap:30px;
	}
	.colm-revr{
		flex-direction:column-reverse;
	}
	ul.b-check{
		margin-bottom:0;
	}
	.container {
    padding-left: 0;
    padding-right: 0; 
	}
	.gt3-page-title.gt3-page-title_horiz_align_left.gt3-page-title_vert_align_middle.gt3_mask_image .container{
		padding-left:20px;
	padding-right:20px;
	
}
	.vc_row-wrapper.vc_custom_1771932374692 {
    padding: 0 20px !important;
}
	.frm-sec form .flx {
    flex-direction: column;
    gap: 0;
}
.frm-sec form h2 {
    margin-bottom: 0px; 
	}
	.ckbx span {
    padding-bottom: 0;
}
.main_wrapper{
    padding-top:80px;
}

}
@media (min-width: 601px) {
    .cat-2-title {
        font-size: 20px;
    }
	.cat-1 .cat-title {
    color: #000;
    font-size: 20px;
}
}
@media(max-width:600px){
/*new*/
    .cat-1-table table thead {
        display: none!important;
    }
   .cat-1-table td::before{
       background:unset;
   }
}
@media(max-width:500px){
	.banner h1 {
		        line-height: 36px;
    font-size: 36px; 
	}
	.banner h5 {
    font-size: 20px; 
	}
	h2.h2-main {
    font-size: 26px !important; 
		line-height: 34px !important;
	}
	    .banner {
        min-height: 300px; 
	}
}
@media(max-width:420px){
		    .banner {
        min-height: 260px; 
	}
}




input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
    color: #454545;
}

/* full width */
.video-wrapper {
  width: 190%;
  height: 190%; 
}
.banner::before{
	max-width:100%;
}/* new logo */.site-width.footer img.sticky_logo, header .logo {    width: 180px!important;    height: auto !important;}header {    padding: 16px 0;}.ftr-logo {	margin-bottom: 16px;    display: flex;}@media (max-width: 700px){	.site-width.footer img.sticky_logo, header .logo {    width: 150px!important;}}
.wpcf7-form-control-wrap {
    margin-bottom: 0;
}

.header-phone span{
        font-family: Roboto !important;
    font-size: 16px !important;
    line-height: 30px;
    font-weight: 400 !important;
    color: #0072bc !important;
}

.header-phone::before {
   display: none;
}

/* Desktop: show above 991px */
@media (min-width: 992px) {
  /* .header-phone {
    display: block !important;
  } */
  .mobile-phone {
    display: none !important;
  }
}

/* Mobile/Tablet: show up to 991px */
@media (max-width: 991px) {
		.grid.grid-3 {
    grid-template-columns: 1fr !important;
}
  .header-phone {
    display: none !important;
  }
  /* .mobile-phone {
    display: block !important;
  } */
}
.breadcrumbs {
    color: #000;
}

@media(max-width:992px){
    /* .fmt20 {
    margin-top: 42px !important;
} */

.footer

 {
    
    gap: 42px;
}
}

.flx label{
    position: relative;
}

.custom-validation {
    position: absolute;
    bottom: -6px;
}

.formError{
     position: absolute;
    bottom: -11px;
}

.vc_row-has-fill>.vc_column_container>.vc_column-inner {
   
    padding: 0 !important;
}

.vc_row.wpb_row.vc_row-fluid.vc_row-has-fill {
    /* padding: 20px; */
    margin: 0;
}
/* .blog_content {
    padding-left: 30px;
} */

h3.blogpost_title {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

h3.blogpost_title {
    margin: 12px 0px !important;
    font-size: 20px !important;
    line-height: 24px;
}

.blog_post_media {
    margin-bottom: 34px !important;
   
}


.row.sidebar_none {
    padding-left: 20px;
    padding-right: 20px;
}

.site-width.footer p {
    margin-bottom: 6px;
}

.colum.flx {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

@media(max-width:992px){

    .colum.flx{
  gap: 48px;
}
body.wpb-js-composer .vc_do_toggle.vc_toggle .vc_toggle_content {
    padding: 16px 0px 12px !important;
}
.page-id-1478 .gt3_custom_text {
    margin-top: 8px;
}
.page-id-1478 .gt3_spacing-height.gt3_spacing-height_default {
    height: 18px !important;
}
.page-id-1478 .gt3_custom_text {
          margin-bottom: 20px;
}
}



.msg label {
    position: relative;
}

.gt3_custom_text {
    margin-top: 24px;
}
.nw-bx-cls .grid.grid-3 {
    grid-template-columns: 1fr 1fr;
}
.mtt32 {
    margin-top: 20px;
}