@charset "utf-8";
/*
Theme Name:AvantaGuard
Author:Avanta Guard
Description:
Version:2024.06.05
Text Domain: Avanta Guard
*/
@import url('css/_color.css');
@import url('css/_reset.css');
@import url('css/_header.css?8888');
@import url('css/_footer.css?v=1111');

@font-face {font-family: 'Outfit'; src: url('fonts/Outfit-Bold.woff2') format('woff2'),
        url('fonts/Outfit-Bold.woff') format('woff'),
        url('fonts/Outfit-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap;
}

@font-face {font-family: 'Outfit'; src: url('fonts/Outfit-ExtraBold.woff2') format('woff2'),
        url('fonts/Outfit-ExtraBold.woff') format('woff'),
        url('fonts/Outfit-ExtraBold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap;
}

@font-face {font-family: 'Outfit'; src: url('fonts/Outfit-Light.woff2') format('woff2'),
        url('fonts/Outfit-Light.woff') format('woff'),
        url('fonts/Outfit-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap;
}

@font-face {font-family: 'Outfit'; src: url('fonts/Outfit-Black.woff2') format('woff2'),
        url('fonts/Outfit-Black.woff') format('woff'),
        url('fonts/Outfit-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap;
}

@font-face {font-family: 'Outfit'; src: url('fonts/Outfit-ExtraLight.woff2') format('woff2'),
        url('fonts/Outfit-ExtraLight.woff') format('woff'),
        url('fonts/Outfit-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap;
}

@font-face {font-family: 'Outfit'; src: url('fonts/Outfit-Medium.woff2') format('woff2'),
        url('fonts/Outfit-Medium.woff') format('woff'),
        url('fonts/Outfit-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap;
}

@font-face {font-family: 'Outfit'; src: url('fonts/Outfit-Thin.woff2') format('woff2'),
        url('fonts/Outfit-Thin.woff') format('woff'),
        url('fonts/Outfit-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap;
}

@font-face {font-family: 'Outfit'; src: url('fonts/Outfit-SemiBold.woff2') format('woff2'),
        url('fonts/Outfit-SemiBold.woff') format('woff'),
        url('fonts/Outfit-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap;
}

@font-face {font-family: 'Outfit'; src: url('fonts/Outfit-Regular.woff2') format('woff2'),
        url('fonts/Outfit-Regular.woff') format('woff'),
        url('fonts/Outfit-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap;
}


/* Keyframe Animations */
@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateX(0px) scale(1);}
  25% {opacity: 0; transform: translateX(10px) scale(1);}
  26% {opacity: 0; transform: translateX(-10px) scale(1);}
  55% {opacity: 1; transform: translateX(0px) scale(1);}
}
@keyframes bounceAlphadown {
  0% {opacity: 1; transform: translateY(0px) scale(1);}
  25% {opacity: 0; transform: translateY(10px) scale(1);}
  26% {opacity: 0; transform: translateY(-10px) scale(1);}
  55% {opacity: 1; transform: translateY(0px) scale(1);}
}
.stroke {
  stroke-dasharray: 2300; stroke-dashoffset: 2300; animation: dash 5s linear forwards;
}
@keyframes dash {
  to {stroke-dashoffset: 0;}
}

/*-- customized styles starts here --*/
body {font-family: 'Outfit', sans-serif; color: var(--text-color); font-size: 1rem; line-height: 1.6; font-weight: 400; font-style: normal; overflow-x: hidden; background: var(--white); height: 100%; display: flex; flex-direction: column;}
#main {overflow: hidden; position: relative; float: left; width: 100%; flex: 1 0 auto;}
#mainContent {clear: both; position: relative; float: left; width: 100%;}
.container-lg {max-width: 1700px; padding:0 43px 0 43px; margin: 0 auto;}
.container {max-width: 1320px; margin: 0 auto; width: 100%;}
.container-md {max-width: 1090px; margin: 0 auto; width: 100%;}
.container-sm {max-width: 894px; margin: 0 auto; width: 100%;}
.btn {display: block;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {color:var(--heading); text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover {color:var(--yellow);}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span {position: relative;}
h1 span svg, h2 span svg, h3 span svg, h4 span svg, h5 span svg, h6 span svg, .h1 span svg, .h2 span svg, .h3 span svg, .h4 span svg, .h5 span svg, .h6 span svg {position: absolute; display: block;}

.h1, .h2, .h3, .h4, .h5, .h6 {display: block; font-family:"Outfit", sans-serif; color: var(--heading);}
.h1 {font-size: 3rem; line-height: 1.2; margin-bottom: 24px;}
.h2 {font-size: 2rem; line-height: 1.25; margin-bottom:19px;}
.h3 {font-size: 1.5rem; line-height: 1.17; margin-bottom: 25px;}
.h4 {font-size: 1.25rem; line-height: 1.23; margin-bottom: 19px;}
.h5 {font-size: 1.125rem; line-height: normal; margin-bottom: 14px;}
.h6 {font-size: 1.063rem; line-height: 1.47; margin: 0 0 11px;}

.outside-loc .us-restricted,
.outside-loc .ca-restricted { display: none !important }
.ca-loc .us-restricted:not(.ca-restricted),
.us-loc .ca-restricted:not(.us-restricted){ display: none; }


section ol:last-child, section ul:last-child {margin-bottom: 0;}

/* Banner Bg */
.banner-bg {top:0; left:0; right:0; bottom:0; width:100%; height:100%; position:absolute; z-index:-1;}
.banner-bg img {width:100%; height:100%; font-family:"object-fit:cover"; object-fit:cover; -o-object-fit:cover; object-position:0 0; -o-object-position:0 0;}

/* Background Bg */
.background-bg {width: 100%; height: 100%; top: 0; left: 0; position: absolute;  z-index: -1;}

/* Image Cover */
.pos-relative {position:relative;}
.pos-absolute {position:absolute;}
figure.object-fit {width:100%; height:100%; display:block;}
picture.object-fit {width:100%; height:100%; display:block;}
.object-fit img {width:100%; height:100%; font-family:"object-fit:cover"; object-fit:cover; -o-object-fit:cover; object-position:50% 50%; -o-object-position:50% 50%;}
img.mobile {display:none;}


/* Video/video popup */
.video-wrap {margin:64px 0 28px 0; position: relative; clear: both; overflow: hidden;}
.video-caption {position: absolute; font-size:1rem; font-weight: 500; line-height: 1.3;  width:100%; padding:9px 12px 11px 38px; color: var(--white); background: rgba(40, 40, 44, 0.6); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); border-radius: 4px; max-width: 379px; bottom: 32px; z-index: 1; left: 32px;}
.video-caption:after {content: "\f03d"; display: block; position: absolute; width: 18px; height: 12px; left: 12px; font-family: "Font Awesome 6 Pro"; top: 14px;
  font-weight: normal; font-size: 1rem; color: var(--yellow); line-height: 12px;}
.video-caption .video-txt {width:100%; position: relative;}
.video-wrap .video-thumbnail > img {border-radius: 16px; min-height:484px;}

.video-thumbnail{position: relative;}
.video-thumbnail.video_post {position: relative;width: 100%; }
.video-thumbnail iframe{position: absolute; top: 0; left: 0;}
.video-thumbnail.video_post .play-btn-main{top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%);}
.video-thumbnail img {width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}
.play-btn-main {top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; position: absolute; z-index: 1;}
.play-btn {width:112px; height: 112px; border: solid 8px rgb(191, 208, 0, 0.8); background-color: rgb(89, 44, 95, 0.8); border-radius: 50%; position: relative; transition: 0.2s all ease-in-out;}
.play-btn:hover {width:120px; height: 120px;}
.play-btn img {width: 30px; height: 35px; bottom: 1px; left: 3px; position: relative;}


.overlay_main_sec {width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom:0; position: fixed; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 1801; visibility: hidden; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform: translateY(100%); background:rgba(28, 24, 29, 0.9); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);}
.overlay_main_sec.active{z-index: 1000001; overflow-y: auto; visibility: visible;  transform:translateY(0); -webkit-transform: translateY(0); -moz-transform:translateY(0);}
.overlay_center {width:100%; height:100%;}
.overlay-main {z-index:13000; margin:20px; width:100%; max-width:720px; position: relative;}
.overlay-main .optional-text {margin: 0 0 17px 0;}
.overlay-main h3 {margin-bottom: 48px;}
.overlay-main .overlay-wrap  {background: var(--white); border-radius: 24px; padding: 48px;}
.overlay-main .overlay-wrap  .frm_forms .frm_form_fields .frm-wrapper .frm_form_field.vertical_radio {width: 70%;}
.overlay-main .overlay-wrap .frm_forms .frm_form_fields .frm-wrapper .frm_submit {width: calc(100% - 70%)}
.overlay-main .pop_close {position: absolute; top:43px; right:48px; cursor: pointer; font-size:1.5rem; height: 18px; display: block; width:18px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; z-index: 1;}
.overlay-main .pop_close i {color:rgb(57, 44, 58, 0.5); transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;} 
.overlay-main .pop_close:hover i {color:rgb(57, 44, 58, 1);}
.overlay-main .frm_forms .frm_message {margin: 0;}


.iframe-container {overflow: hidden; padding-top: 56.25%; /* 16:9*/ position: relative;}
.iframe-container iframe {border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}

body .mfp-image-holder .mfp-close, body .mfp-iframe-holder .mfp-close {padding-right: 9px; width: 40px;height: 40px; opacity: 1;line-height: 40px; top: -45px; background-color: transparent; right: -45px;}
body .mfp-image-holder .mfp-close:hover, body .mfp-iframe-holder .mfp-close:hover {opacity: 0.8}
body .mfp-close:after {display: none;}

/* Default Slick navigations */
.slick-arrow{top:0; left: 0; right: 0; position: absolute; display: flex!important; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease-in-out; z-index: 2; line-height: normal; width: 20px; height: 20px;bottom: 0; margin: auto; border-top: 2px solid var(--black); border-left: 2px solid var(--black);}
.slick-arrow:hover {border-color: var(--text-violetblue);}
.slick-arrow:before {display: block; height: 200%; width: 200%; margin-left: -50%; margin-top: -50%; content: ""; transform: rotate(46.5deg);}
.slick-arrow.prev-arrow {right: auto; left: 0; transform: rotate(-46deg);}
.slick-arrow.next-arrow {right: 0; left: auto;  transform: rotate(135deg);}
.slick-arrow.slick-disabled {pointer-events:none; border-color: rgba(0, 0, 0, 0.2);}


ul.slick-dots {margin:0; padding-top: 32px; padding-bottom: 27px; display:flex; justify-content:center; flex-wrap:wrap; width: 100%;}
ul.slick-dots li {margin:0 8.5px 15px!important; display:inline-block; font-size:0; line-height:0;}
ul.slick-dots li::before, ul.slick-dots li button:before, ul.slick-dots li button:after {display:none;}
ul.slick-dots li button {width:8px; height:8px; min-width:0; padding:0; font-size:0; line-height:0; border:0 none; background: #a7a7a7;}
ul.slick-dots li.slick-active button {opacity:1; background-color: var(--yellow);}
ul.slick-dots li button::after {
	width: 16px;
	height: 16px;
	background-color: rgba(253, 181, 21, 0.25);
	border-radius: 50%;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translate(-50%, -50%);
  opacity: 0;
}
ul.slick-dots li.slick-active button::after{
  opacity: 1;
  animation: pulse 8s infinite;
}
@keyframes pulse {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 16px;
    height: 16px;
  }
}

#blog_list{margin: 0;}
.btn-center{position: relative; z-index: 1; width: 100%; text-align: center;}
.btn-center:before{position: absolute; display: block; content: ""; width: 100%; left: 0; right: auto; top: 50%; transform: translateY(-50%);  background-image: radial-gradient(circle at 1px, var(--green) 1.25px, rgba(255,255,255,0) 1px); background-position: center center; background-size: 8px 2px; background-repeat: repeat-x; height: 2px; z-index: -1;}
.btn-center .more-hosts{padding: 0 8px; background-color: #fff; position: relative; z-index: 1; display: inline-block;}
.btn-center .button::after{display: none;}
.btn-center .button{padding: 14px 20px 15px 20px;}

body .frm_forms .frm_form_fields select.selectBox{display: none;}
select.selectBox {display:none;}
body .selectBox-dropdown {outline:0; width:100%; font-size: 14px; line-height: 18px; background: var(--white); color: var(--Additional-Grey, #A7A7A7); box-shadow:none; border-radius: 4px; padding: 15px 46px 15px 16px; border: 1px solid var(--border-color);; vertical-align:middle; height:auto;  text-transform:capitalize; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; cursor:pointer; font-family: 'Outfit', sans-serif; display: block; position: relative;}
body .selectBox-dropdown:focus, body .selectBox-dropdown:focus .selectBox-arrow {border-color: var(--heading);}
body .selectBox-dropdown .selectBox-label {padding:0; display:block; width: 100% !important; text-overflow: ellipsis;}
body .selectBox-dropdown .selectBox-label a {color:inherit;}
body .selectBox-dropdown .selectBox-arrow {width:auto; right:20px; top:calc(50% + 0px); transform:translateY(-50%); color: var(--yellow); border:none; font-family:"Font Awesome 6 Pro"; font-weight:600; position:absolute; display:flex; align-items:center; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; background:none;}
body .selectBox-dropdown .selectBox-arrow::after {content:"\f107";}
body .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow {transform:translateY(-50%) rotate(-180deg);}
body ul.selectBox-dropdown-menu { background-color: var(--white); border: none; padding:19px 0 11px; margin:2px 0 0 0;  box-shadow:0 1px 8px rgba(0, 0, 0, .2) ; -webkit-box-shadow:0 1px 8px rgba(0, 0, 0, .2); -moz-box-shadow:0 1px 8px rgba(0, 0, 0, .2); border-radius: 0!; z-index: 9999;  max-height: 213px; min-height: 1em; position: absolute; overflow: auto;}
body ul.selectBox-dropdown-menu li { margin-bottom: 14px; padding: 0 16px; color: var(--blacktext); }
body ul.selectBox-dropdown-menu li a {font-size:0.875rem; line-height:1.5; letter-spacing:normal; display:block; padding:0; white-space:nowrap; text-transform:capitalize; color:var(--body-text); overflow:hidden; text-overflow:ellipsis; text-decoration: none; font-weight: bold;}
body ul.selectBox-dropdown-menu li::before{display: none;}
body ul.selectBox-dropdown-menu li.selectBox-selected a, body ul.selectBox-dropdown-menu li a:hover {color:var(--green); background-color:transparent; cursor:pointer;}

.frm_forms .frm_form_field .custom-select{cursor: pointer;}
.frm_forms .frm_form_field .custom-select:before{position: absolute; right: 10px; width: 16px; height: 16px; content: "\f078"; display: block; color: var(--yellow); font-family:"Font Awesome 6 Pro"; font-size: 13px; font-weight: 900; top: 15px; z-index: 1;}
.frm_forms .frm_form_field .custom-select.active:before{content: "\f077";}
.frm_forms .frm_form_field .custom-select select{cursor: pointer;}
.frm_forms .frm_form_field .custom-select select:focus{border-color: var(--heading); box-shadow: none;}


/*-- common form css starts here --*/
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_fields_container {display:block;}
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field.frm_blank_field input, .frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field.frm_blank_field textarea {border-bottom:solid 2px #f00!important; padding: 15px 16px 14px 16px;}
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field .frm_error {right:16px !important; width:100%; display:block; font-size:13px !important; color:#f00 !important; background:transparent; padding:0; margin:0; border-radius:0; text-align:right !important; line-height:normal !important; font-weight:400; margin-top: 3px;}
.frm_forms .frm_form_fields fieldset {margin:0; padding:0; border:0;}
.frm_forms .frm_form_fields .frm_form_field{margin-bottom:2 0px; position: relative; clear: both;}
.frm_forms .frm_form_fields .frm_form_field.frm_full {clear:both; width: 100%;}
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_fields_container .info-wrap span{margin-right: 10px; font-size: 22px; color: var(--outline-btn); font-weight: 400;}
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_fields_container .frm_wrapper{margin-top: 33px;}
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_fields_container .frm_wrapper .info-wrap.flex { flex: 0 0 79.5%; margin-right: 2%; align-items: center; }
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_fields_container .frm_wrapper .frm_form_field.form-field  { flex: 0 0 calc(100% - 82%); margin-top: 16px;}
.frm_pro_max_limit_desc{display: none;}
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_fields_container .frm_wrapper .frm_description{font-size: 0.875rem; color: var(--text-color); opacity: 0.75;}


.frm_forms .frm_form_fields .frm_form_field label { font-size: 1rem; line-height: 1.5; padding: 0; text-indent: inherit; font-weight: 600; color: var(--heading); z-index: 1;}
.frm_forms .frm_form_fields .frm_form_field label.frm_primary_label {font-weight: 600; color: var(--heading); left: 16px; top: 15px; transition: all ease-in-out 0.3s; visibility: visible; margin-bottom: 3px;}
.frm_forms .frm_form_fields .frm_form_field label span {font-weight: normal;}
.frm_forms .frm_form_fields .frm_form_field label.frm_primary_label.label-top {font-size: 0.875rem; top: -8px;}
.frm_forms .frm_form_fields .frm_form_field label a {text-decoration: underline;}
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field.vertical_radio .frm_error {right: inherit !important; left: 0; text-align: left !important; top: inherit; margin-top: 6px;}
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field.vertical_radio label {padding-left:29px; display:block; cursor: pointer;}

.frm_forms .frm_form_fields input, .frm_forms .frm_form_fields textarea, .frm_forms .frm_form_fields select {font-family: "Outfit", sans-serif; font-weight: 500; display: block; outline: 0; border-radius: 4px; font-size: 1rem; line-height: 1.25; font-style: normal; vertical-align: middle; -webkit-appearance: none; background-color: var(--white)!important; color: var(--blacktext)!important; border: 4px solid var(outline-btn)!important; padding: 14px 18px 14px 18px; width: 100%; box-shadow: none;}
body .frm_forms .frm_form_fields input:focus, body .frm_style_formidable-style.with_frm_style .form-field input:not([type="file"]):focus, body .frm_forms .frm_form_fields textarea:focus {box-shadow:none; border-color: var(--heading);  background-color: var(--white);}
body .frm_forms .frm_form_fields input.input-has-value, body .frm_forms .frm_form_fields textarea.input-has-value {border-bottom:solid 4px var(--heading)!important; padding: 15px 16px 12px 16px;}
body .frm_forms .frm_form_fields input.input-has-value.highlight, body .frm_forms .frm_form_fields textarea.input-has-value.highlight {border-color: var(--input)!important;}

.frm_forms .frm_form_fields textarea {min-height: 150px;}


.frm_forms .frm_form_fields div.selector {margin-top:16px;}



.frm_forms .frm_submit{margin:0;}
body .frm_forms .frm_submit .button, body .frm_forms .frm_submit button {margin:0; padding: 15px 32px 14px 32px; vertical-align: middle; cursor: pointer; border: 0 none; border-radius: 60px; background-color: var(--yellow); position: absolute; left: auto; right: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .5s ease-in-out; text-align: center; color: var(--heading); font-family: 'Outfit'; text-decoration: none; display: inline-block; font-size: 0.875rem; font-weight: bold; line-height: normal; min-width: 110px;}
body .frm_forms .frm_submit .button:hover, body .frm_forms .frm_submit button:hover, body .frm_forms .frm_submit button:focus {background-color: var(--heading)!important; color: var(--white)!important;}
body .frm_forms .frm_submit .button:after, body .frm_forms .frm_submit button:after {right: 12px;}
body .frm_forms .frm_submit .button:hover:after, body .frm_forms .frm_submit button:hover:after, body .frm_forms .frm_submit button:focus:after  {color: var(--heading);}

.form-field {position:relative; margin-bottom:20px;}
.form-note p {font-size: 0.75rem; line-height: 1.67;}
.frm_forms .frm_error_style {display: none;}
.frm_forms .frm_message, .frm_forms .frm_success_style {margin: 0 0 20px 0; padding: 0; background: top; border: 0 none; font-weight: bold; font-size: 1rem; line-height: 1.5;}
.frm_forms .frm_message p {color: var(--optionaltxt); text-align: center; padding: 0 25px;}

.frm_forms .frm_form_fields .frm_form_field.attach {background-color: var(--input); color: var(--blacktext); border-bottom:solid 1px var(--blacktext); cursor: pointer;}
.frm_forms .frm_form_fields .frm_form_field.attach.frm_blank_field {border-bottom: solid 2px #f00 }
.frm_forms .frm_form_fields .frm_form_field.attach label {position: inherit; left: 0; top:0; padding:15px 40px 15px 16px; cursor: pointer; z-index: 1;}

.frm_forms .frm_dropzone {margin: 0; line-height: normal; min-height: inherit; font-size: 0; background: transparent !important; padding: 0 16px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.frm_forms .frm_dropzone.dz-started {position: inherit;}
.frm_forms .dz-message {margin: 0!important; background-color: var(--input); color: var(--blacktext); border-radius: 0; border: 0 none; padding:0; text-align: left;  font-size: inherit;}
.frm_forms .dz-message button:after {display: none;}
.frm_forms .dz-message svg {display: none;}
.frm_forms .dz-message:after {content:"\f093"; font-family: "Font Awesome 6 Pro"!important; font-weight: 900; margin:0 auto; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; vertical-align: middle; display: flex; font-size: 1rem; color: var(--heading); position: absolute; right: 18px; top: 0; line-height: 14px; align-items: center; bottom: 0;}
.frm_dropzone .frm_small_text {display: none;}
.frm_upload_text button {text-align: left;}
.frm_dropzone .dz-preview .dz-error-message{display: block; visibility: visible; opacity: 1; height: auto; font-size: 1rem; line-height: 1.5rem; color: #f00;}

.frm-wrapper {width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.frm-wrapper .frm_submit {width: calc(100% - 80%); justify-content: flex-end; display: flex;}
.frm-wrapper .frm_submit button {margin-left: auto!important;}
.frm_forms .frm_form_fields .frm-wrapper .frm_form_field {margin: 0; width: 80%; padding-right: 10px;}
.frm_forms .frm_form_fields .frm-wrapper > .frm_form_field .frm_form_field {margin-bottom: 0; width: 100%;}


.frm_half {width:calc(50% - 12px); float: left; clear: none!important;}
.frm_first {margin-right:24px;}
.frm_last {float: right; margin-left: auto;}
.frm_full {margin-right: 0;}

.frm_radio {margin: 0 0 9px 0;}
.frm_radio label {padding: 0px 0 0 34px; cursor: pointer;}

.frm_forms.with_frm_style .frm_checkbox input[type="checkbox"], 
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field.frm_blank_field input[type="checkbox"] {position: absolute; left: 0; width: 21px; height: 21px; cursor: pointer;  outline: none;  -moz-border-radius: 4px; -webkit-border-radius: 4px;  border-radius: 3px; padding: 0 !important; background: var(--optionaltxt)!important; border: 0 none !important;}
.frm_forms.with_frm_style .frm_checkbox input[type="checkbox"]:checked:before { content: "\f00c"; font-family: "Font Awesome 6 Pro"; display: block; height: 21px; left: 0px; position: absolute; top: 2px; width: 21px; font-weight: 900; color: var(--white); font-size: 13px; transform: none; clip-path: inherit; box-shadow: none; text-align: center; margin: 0;}
.frm_forms.with_frm_style .frm_checkbox input[type="checkbox"]:before {display: none;}

.default_form {padding:32px; border-radius: 24px; border: solid 8px var(--input); clear: both; width:100%; margin: 64px 0 17px;}
.form-intro {clear: both; width: 100%; margin: 0 0 40px 0;}
.form-intro h2 {margin: 0 0 16px 0;}
/*-- common form css ends here --*/



.optional-text {font-size:1rem; color:var(--heading); font-weight:400; margin:0 0 22px 0; display:block;}
.btn-wrap {width:100%; clear:both; font-size: 0;}
.btn-wrap .button {margin-right:24px;}
.btn-wrap .button:last-child {margin-right: 0;}

/* Heading */
.heading {clear: both; padding: 0 0 41px; width: 100%; justify-content: space-between; align-items: center;}

.heading-lt h3 {margin: 0;}
.heading-rt{  display: flex; justify-content: flex-end; flex-grow: 1;}
.heading-rt form {justify-content: flex-end; width: 100%;}
.heading-rt .form-field {margin:0 0 0 22px; width:29.71%; position: relative;}
.heading-rt .form-field:first-child {margin-left: 0}
.no-text .heading-rt {width: 100%; justify-content: flex-start;}
.heading-rt.sch-form .form-field { width: 100%; }

/* Full & Fluid width */
.fluid-width {width: 100vw!important; left: 50%; position: relative; margin-left: -50vw;}
.full_width{width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; display: block !important; padding-left: 0 !important; padding-right: 0 !important; left: 0 !important;}
.btn-full{width: 100%;}


.readmore {position: relative; display: inline-block; font-size:0.875rem; padding-right: 26px; font-weight: 600;  color: var(--heading); border-bottom: 2px solid var(--outline-btn); padding-bottom: 11px;}
.readmore:after {right: 0px; content:"\f061"; font-size: 0.875rem; font-family: "Font Awesome 6 Sharp"; font-weight: 400; transition: all .3s ease-in-out; position: absolute; display: flex; align-items: center; flex-wrap: wrap; top: -10px; bottom: 0; color: var(--yellow);}
.readmore:hover:after {animation-name: bounceAlpha; animation-duration: 1.4s; animation-iteration-count: infinite; animation-timing-function: linear;}
.readmore:hover {color: var(--yellow);}

body .cky-modal.cky-modal-open button.cky-show-desc-btn:not(:hover):not(:active){color: var(--blue-color);}
.cky-accordion-header .cky-always-active{color: var(--blue-color) !important;}
body .cky-box-bottom-left{right: 40px; left: auto; width: 412px;}
body .cky-revisit-bottom-left{right: 15px; left: auto;}
body .cky-revisit-bottom-left:hover::before{background: var(--heading-color); right: calc(100% + 7px); left: auto;}
body .cky-revisit-bottom-left:hover::after{right: calc(100% + 2px); border-right-color: var(--heading-color); left: auto;}
body .cky-btn.cky-btn-reject, body .cky-btn.cky-btn-preferences, body .cky-btn.cky-btn-customize{ font-size: 14px; font-weight: 700; font-family: 'Outfit', sans-serif; border: 2px solid var(--yellow) !important; color: var(--heading) !important; transition: all .45s ease-in-out; border-radius: 60px; margin: 0; }
body .cky-btn.cky-btn-customize{margin-right: 5px;}
body .cky-btn.cky-btn-reject{margin-left: 5px;}
body .cky-btn.cky-btn-reject:hover, body .cky-btn.cky-btn-accept:hover,body .cky-btn.cky-btn-customize:hover{background-color: transparent !important; color: var(--heading) !important; border-color: var(--yellow) !important; opacity: 1; background: var(--yellow)!important;}
body .cky-btn.cky-btn-accept:hover{background-color: var(--heading) !important; color: var(--yellow) !important; border-color: var(--heading) !important; opacity: 1;}
body .cky-modal.cky-modal-open button.cky-btn.cky-btn-reject:hover, body .cky-modal.cky-modal-open button.cky-btn.cky-btn-preferences:hover{background-color: var(--yellow) !important; color: var(--heading) !important; border-color: transparent !important; opacity: 1;}
body .cky-btn.cky-btn-accept{margin-top: 10px; font-size: 14px; font-weight: 700; font-family: 'Outfit', sans-serif; border: 1px solid transparent !important; color: var(--heading) !important; background-color: var(--yellow) !important; transition: all .45s ease-in-out; border-radius: 60px;}
body .cky-modal.cky-modal-open button.cky-btn.cky-btn-accept:hover{border-color: var(--heading) !important; color: var(--yellow) !important; background-color: var(--heading) !important; opacity: 1;}
body .cky-preference-header button.cky-btn-close{min-width: inherit;}
body .cky-prefrence-btn-wrapper { gap: 15px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 22px 24px; border-top: 1px solid; }
body .cky-prefrence-btn-wrapper .cky-btn.cky-btn-accept{margin-top: 0; border: 2px solid var(--yellow)!important;} 
body .cky-btn-revisit-wrapper{background: var(--yellow) !important;}



/*-- media css starts here --*/
@media only screen and (max-width: 1400px) {
  .container, .container-lg {padding: 0 20px; max-width: 100%;}
 
}
@media only screen and (min-width: 1024px) {
  .hide-in-desktop {display: none;}
}

@media only screen and (max-width: 1199px) and (min-width: 1024px) {
  .heading-rt .form-field {margin: 0 0 0 10px; width: 32%;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .hide-in-tab, .hide-in-tablet {display:none;}

    /* body .cky-prefrence-btn-wrapper{display: block;}
    body .cky-btn.cky-btn-reject { width: 100%; margin-bottom: 10px; }
    body .cky-btn.cky-btn-accept {width: 100%;} */
  }
  @media only screen and (max-width: 1023px) and (min-width: 200px) {
  
}
@media only screen and (max-width: 767px) and (min-width: 200px) {
  .hero-banner-section .container{padding: 0;}
  .hide-in-mobile {display: none;}
  .container, .container-lg {padding: 0 16px; max-width: 100%;}

  .frm_forms .frm_form_fields .frm_form_field.form-field.frm_last.frm_half { width: 100%;}
  .frm_forms .frm_form_fields .frm_form_field.form-field.frm_first.frm_half {width: 100%;}
  #frm_field_13_container { margin-bottom: 30px; }

  body .cky-box-bottom-left{right: 15px; width: calc(100% - 30px); bottom: 15px;}
  .cky-consent-container .cky-consent-bar{padding: 20px 20px; border-radius: 6px;}
  .cky-notice .cky-title{margin: 0 0 10px 0;}
  .cky-notice-des{line-height: 23px !important; margin-bottom: 15px;}
  .cky-notice-btn-wrapper{flex-direction: row !important; gap: 15px;}
  .cky-btn.cky-btn-customize, .cky-btn.cky-btn-accept{width: calc(50% - 15px); margin: 0 !important;}
  .cky-notice-btn-wrapper .cky-btn-accept{order: 3!important; border-color: 2px solid var(--yellow);}
  .cky-notice-btn-wrapper .cky-btn-reject{order: 2; margin: 0; width: calc(50% - 15px);}
  .cky-notice-btn-wrapper .cky-btn.cky-btn-customize{order: 1; width: calc(50% - 15px);}

}
@media only screen and (max-width: 480px) {
  img.alignnone, img.alignleft, img.aligncenter, img.alignright {margin: 46px 0 !important; width: 100%;}
}
@media only screen and (max-width: 370px) and (min-width: 200px) {
  .btn-wrap > .button {margin-bottom: 20px; width: 100%;}

}


/* Animation css */

*[data-animation]{ visibility: hidden; animation-delay: 0.15s; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}
*[data-animation].visible{ visibility: visible; }

.fade-in-right { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInRight { 0% { transform: translate3d(20px, 0, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes fadeInRight { 0% { transform: translate3d(20px, 0, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } }
  
.fade-in-left { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeft { 0% { transform: translate3d(-20px, 0, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes fadeInLeft { 0% { transform: translate3d(-20px, 0, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } }
  
.fade-in-down { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInDown { 0% { transform: translate3d(0, -20px, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes fadeInDown { 0% { transform: translate3d(0, -20px, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } }
  
.fade-in-up { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInUp { 0% { transform: translate3d(0, 20px, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes fadeInUp { 0% { transform: translate3d(0, 20px, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } }

.fade-in { -webkit-animation-name: fadeIn; animation-name: fadeIn; opacity: 0; }
@-webkit-keyframes fadeIn { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; } }
  
.zoom-out { -webkit-animation-name: zoomOut; animation-name: zoomOut;}
@-webkit-keyframes zoomOut { 0% { transform: scale(1.1); } 100% { transform: scale(1); } }
@keyframes zoomOut { 0% { transform: scale(1.1); } 100% { transform: scale(1); } }
  
.zoom-in { -webkit-animation-name: zoomIn; animation-name: zoomIn;}
@keyframes zoomIn { 0% { transform: scale(0); } 100% { transform: scale(1); } }
  

.scale-x-in-left{ -webkit-animation-name: scaleInXLeft; animation-name: scaleInXLeft; transform-origin: left center; transform: scaleX(0); -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
@-webkit-keyframes scaleInXLeft { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } }
@keyframes scaleInXLeft { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } }
  
.scale-x-in-right { -webkit-animation-name: scaleInXRight; animation-name: scaleInXRight; transform-origin: right center; transform: scaleX(0); -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
@-webkit-keyframes scaleInXRight { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } }
@keyframes scaleInXRight { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } }

.car-from-right{animation-name: carFromRight; animation-duration: 1s; position: relative;}  
@keyframes carFromRight{ 0%{transform: translate3d(0, -50px, 0) translateX(80%);} 100%{transform: translate3d(0, 0, 0) translateX(0);} }


.floating{ -webkit-animation: floating 3s infinite; animation: floating 3s infinite; } @-webkit-keyframes floating { 0% { transform: translateY(-6%); } 50% { transform: translateY(6%); } 100% { transform: translateY(-6%); } } 
@keyframes floating { 0% { transform: translateY(-6%); } 50% { transform: translateY(6%); } 100% { transform: translateY(-6%); } } 
.floating-lg { -webkit-animation: floatingLg 3s infinite; animation: floatingLg 3s infinite; } @-webkit-keyframes floatingLg { 0% { transform: translateY(-12%); } 50% { transform: translateY(6%); } 100% { transform: translateY(-12%); } } 
@keyframes floatingLg { 0% { transform: translateY(-12%); } 50% { transform: translateY(6%); } 100% { transform: translateY(-12%); } }

.animation-smooth-out{ animation: animation-smooth-out 2.5s; transition:opacity 0.25s cubic-bezier(.694,0,.335,1), transform 0.25s cubic-bezier(.694,0,.335,1);  }
@keyframes animation-smooth-out{ 0%{ opacity:0; transform:translateY(40px); } 100%{ opacity:1; transform:translateY(0); } }

.zoom-image{animation-name: zoom-out; -webkit-animation-duration: 2.5s; animation-duration: 2.5s;}
@keyframes zoom-out { 0% {transform: scale(1.15) rotate(360deg);} 100% {transform: scale(1) rotate(360deg); } }

.bottom-0-to-100{animation-name: bottom-0-to-100;}
@keyframes bottom-0-to-100{ 0%{height: 0;} 50%{height: 50%;} 100%{height: 100%;} }

.bottom-to-top{animation-name: bottom-to-top; animation-duration: 2s;}
@keyframes bottom-to-top{ 0%{transform: translate3d(0, 100%, 0);} 100%{transform: translate3d(0, 0, 0) translateX(0);} }

.width-0-100{animation-name: width-0-100; animation-duration: 4s;}
@keyframes width-0-100{ 0%{width: 0;} 100%{width: 100%;} }

.fade-circle{animation-name: fade-circle;}
@keyframes fade-circle{ 0%{border-radius: 0%; border-color: var(--Blue);} 25%{border-radius: 25%;} 100%{border-radius: 50%;} }

@keyframes scrollDown{ 0%{transform: translateY(0px); opacity: 1;} 50%{transform: translateY(20px); opacity: 0;} 56%{transform: translateY(-20px); opacity: 0;} 100%{transform: translateY(0px); opacity: 1;} }
@keyframes scrollRight{ 0%{transform: translateX(0px); opacity: 1;} 50%{transform: translateX(20px); opacity: 0;} 56%{transform: translateX(-20px); opacity: 0;} 100%{transform: translateX(0px); opacity: 1;} }
@keyframes scrollLeft{ 0%{transform: translateX(0px); opacity: 1;} 50%{transform: translateX(-20px); opacity: 0;} 56%{transform: translateX(20px); opacity: 0;} 100%{transform: translateX(0px); opacity: 1;} }



@keyframes lineanimation { 0% { transform: scale(1); } 100% { transform: scale(1.25); } }
.cta-anim-car{animation-name: cta-anim-car; animation-duration: 5s; animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); animation-fill-mode: forwards; }
@keyframes cta-anim-car{ 0%{transform: scale(0.95) translate3d(0px, 0px, 0);} 50%{transform: scale(1.15) translate3d(0px, 15px, 0);} 100%{transform: scale(1) translate3d(0px, 0px, 0);} }


gmp-place-autocomplete {
   height: 60px;
}
gmp-place-autocomplete input {
   font-family: "Outfit", sans-serif;
   font-weight: 500;
   font-size: 1rem;
   color: var(--blackText);
}