/* * {
    margin: 0px; padding: 0;
      box-sizing:border-box;
      -webkit-box-sizing:
      border-box;
      -moz-box-sizing:border-box;
      -o-box-sizing:border-box;
      -ms-box-sizing:border-box;
    } */
    :root{
        /* --theme-purple: #8000c0; */
        --theme-purple: #14c6a8;
        --theme-white:#fff;
        --theme-black: #171723;
        --theme-red: #f00;
        --text-color: #4a4a4a;
        --theme-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
    }
    body{
        background-color: var(--theme-white);
    }
    body.dark{
        --theme-white:#1c1c1c;
        --theme-black: #fff;
        --text-color: #d3d3d3;

    }
   /* .text-gray, p{color: var(--text-color);}
   .theme-purple{color: var(--theme-purple);}
    h1,h2,h3,h4,h5,h6{color: var(--theme-black);}
    img {
      vertical-align:top;
      max-width:100%;
      height:auto;
      border:none;
      width: fit-content;
    }
    svg{max-width: 100%; width: fit-content;}

    .input[type="range"].slider{
        accent-color: var(--theme-purple);
        width: 100%;
        height: 10px;

    } */
    .tooltip-class{position: relative; display:block !important; margin-top: 0 !important;}
   .tooltip-class::before{content: attr(data-value)' '; min-width: 55px; width:fit-content; text-align: center; position: absolute; top: -40px; padding: 3px 10px 15px; background-color: var(--theme-black); color: #fff; font-size: 10px; left: var(--tooltip-left); clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 64% 71%, 50% 100%, 35% 70%, 0 70%); font-weight: 600; border-radius: 4px; white-space:nowrap;transform: translateX(-30px);}
    .range-box{display: flex; align-items: center; gap: 20px; padding: 40px 0 20px;}
    .mini-box{ width: 70px;  text-align: center; font-weight: bold;}
    .mini-box input{width: 100%; color: var(--theme-black); border-radius: 8px; font-size: 14px; border: 1px solid var(--theme-purple); padding: 8px 10px; font-weight: bold;}
    .range-box .input-range{width: calc(100% - 200px);}
    .range-box .value-box{width: 35px; text-align: center;}

    .col-inr{height: 100%; padding:20px 25px; border-radius: 8px;}

    .zebraclass>div:not(:first-child){background-color:#EDF9F6; padding: 24px 25px 25px; border-radius: 8px; }
    .zebraclass>div:nth-child(odd):not(:first-child){background-color:#EEEEFF;}
    /* .zebraclass>div:nth-child(even){background-color:#EDF9F6;} */
    .theme-toggle{width: 32px; height: 16px; overflow: hidden; position: fixed; right: 50px; top: 50px; cursor: pointer;}
    .theme-toggle.light .themebtn{ margin-top: 0;}
    .theme-toggle.dark .themebtn{margin-top: -16px; }


    .bg-1{background-color: #ff000010;}
    .bg-2{background-color: #14c6a810;}


    .faq-drawer__content2{align-items: center; margin-top: 15px;}
    .section-header1{align-items: center; margin-left: 0px;}
    input[type="range"].slider.theme-accent{accent-color: var(--theme-black); -webkit-appearance:auto;}
    .faq-drawer__content2 p{margin-bottom: 0;}
    .faq-drawer__content2 input{width: 100%;}
    .faq-drawer__content2 input[type="text"]{border: 1px solid var(--theme-purple); box-shadow:0 5px 10px 0px #ebebeb; height: 40px; border-radius: 8px; padding: 0 15px; text-align: center;}
    .zebraclass>div:nth-child(odd):not(:first-child) input[type="text"]{border: 1px solid #8000c0;}
    .faq-drawer__content-wrapper{overflow-y: auto;}
     
.calculator-left-col{width: calc(100% - 405px); display: inline-block; vertical-align: top;}
.font-style p{font-family: var(--uicore-typography--p-f, "Inter");
    font-weight: var(--uicore-typography--p-w, "600");
    line-height: var(--uicore-typography--p-h, "1.2");
    letter-spacing: var(--uicore-typography--p-ls, "-0.027em");
    text-transform: var(--uicore-typography--p-t, "none");
    font-style: var(--uicore-typography--p-st, "normal");
    color: var(--uicore-typography--p-c, "#070707");
    font-size: var(--uicore-typography--p-s, "10px");
}
.calender_list{font-weight:300;}
.calender{border-width:1px;}
.modal-content label{  
    color: #000 !important;
    font-size: 12px !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px !important;
    display: block !important;
    font-family: "Inter", sans-serif !important;
	opacity: 1 !important;
}
.modal-content .modal-header-custom{position:relative; background:none !important;}
.modal-content{ box-shadow: 0 5px 20px 2px #00000050;}
.modal-content .modal-header-custom .modal-title{font-size: 24px !important; width: 100%;
    text-align: center; color: #000 !important; }
.modal-content .modal-header.modal-header-custom .close {
    color: #000;
    opacity: 1;
}
.modal-content .modal-header.modal-header-custom .close:hover{ color:#14c6a8;}
.modal-content .modal-header-custom .modal-title button{position:absolute; top: 50%; right:0; transform: translateY(-50%)}
.modal-content #pardot-form .pd-select > span{border:none !important;}
.modal-content input,.modal-content select{
    font-family: "Inter", sans-serif !important;
    max-width: 100%;
    width: 100%;
    border: 1px solid #d1d1d1 !important;
	
    padding: 0 10px;
    background: #f8f8f8;
    font-size: 14px !important;
    transition: all .3s ease-in-out;
}
#pardot-form input[type="checkbox"] {
    position: absolute;
    display: inline-block;
	width: fit-content;}
#pardot-form .form-field{    width: calc(50% - 4px);
    display: inline-block;
    padding-inline: 6px !important;vertical-align:top;}

.left-col{width: calc(100% - 405px); display: inline-block; vertical-align: top;}
.calculator-right-col{width: 400px; display: inline-block; vertical-align: top; top: 100px; position: sticky;}
.disclaimer{text-align: left;}
.faq-drawer__title {
    background-color: #14c6a8;
    border-color: #14c6a8 !important;
    border-radius: 8px;
}
.faq-drawer__content1 {
    background-color: rgba(152, 152, 152, 0.1);
    border-radius: 6px;
}

    .faq-drawer__content-wrapper::-webkit-scrollbar { width: 5px; }
  .faq-drawer__content-wrapper::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
  .faq-drawer__content-wrapper::-webkit-scrollbar-thumb { background-color:var(--theme-purple); border-radius: 30px;}
.rightpart input {
    border: 1px solid #14c5a7;
    height: 40px;
    border-radius: 6px;
    box-shadow: 0 5px 10px 0px #ebebeb;
    margin-top: 10px;
}
  .rightpart{border: none; box-shadow:0 5px 20px 2px #d3d3d3;padding:15px;}
.calender_list:not(:last-child) {
    border-right: 1px solid #14c5a7;
}
.calender_list.active {
    background: #14c6a8;
    color: #fff;
}
 .calender {
    border-color: #14c5a7;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
}
.calender_list:hover {
    background-color: #14c4a7;
    color: var(--theme-white);
}
  #openModalBtn{border-radius: 50px; transition: 0.3s;}

/*   #exampleModal{z-index: 1110 !important;} */
.range.show-tooltip::after{content: none !important; display: none !important;}
#exampleModal::after{content: ''; position: fixed; z-index: 0; background-color: #00000080; width: 100%; height: 100vh; top: 0; left: 0; bottom:0;}
  #exampleModal>div{z-index: 1;}

/*******tabbing_*****/
.calender_list.active {
    background: #14c6a8;
    color: #fff;
}
.tabs_col_cls .faq-drawer__content-wrapper { overflow:unset;}
.tab-content .faq-drawer__content-wrapper{max-height: inherit;}
  .active{background-color: inherit; color: var(--theme-black);}

.nav-tabs li a.nav-link.active,  .nav-tabs li a.nav-link:hover{background-color: var(--theme-black); color: var(--theme-white); border: 1px solid var(--theme-black);}
.nav-tabs li a.nav-link {
    display: block;
    color: #14c6a8;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #14c6a8;
    border-right: none;
}
  .nav-tabs li:first-child a.nav-link{border-radius: 6px 0 0 6px;}
  .nav-tabs li{width: 25%; text-align: center;}
  .nav-tabs li:last-child a{border-right: 1px solid #14c6a8; border-radius: 0 6px 6px 0;}
.nav-tabs{margin-top: 0 !important; margin-bottom: 20px;}
.print-tooltip.tooltip-class::before{display:block; opacity: 1;}
.tooltip-class::before{ display: none;}
.calculator-left-col {
    width: calc(100% - 405px);
    display: inline-block;
    vertical-align: top;
    box-shadow: 0 5px 20px 2px #d3d3d3;
    padding: 15px;
    border-radius: 5px;
}
.nav-tabs li a.nav-link.active, .nav-tabs li a.nav-link:hover {
    background-color: #14c6a8;
    color: var(--theme-white);
    border: 1px solid #14c6a8;
}
.calender_list {
    color: #14c4a7;
	   
}
.hawkeye_page h1.banner-title{
    color: #FFFFFF;
    font-size: 82px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 80px;
    letter-spacing: -5px;
    word-spacing: 5px;
	    text-align: left;
}
.hawkeye_page .banner-container {
    position: relative;
    width: 100%;
  height: 736px;
	
	background-color: #14C6A8;
    background-image: url('http://staging.hawk-eye.io/wp-content/uploads/2024/07/hawk-banner.webp') ;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner-absolute{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%;}
.banner-absolute .calulator-banner-txt{transform:none;}
.popup_up .elementor-widget-container {
    border-bottom: 1px solid #f3eaea;
    text-align: center;
    padding-bottom: 11px;
}

.popup_up .modal-header.modal-header-custom {
    border: none;
}
.popup_up .modal-header-custom {

    height: 0.5rem !important;
    padding-bottom: 0rem !important;
}
#exampleModal>div {
    margin-top: 124px;
    z-index: 1;
}

#pardot-form .pd-select > span {
    width: 100%;
    border: 1px solid #639BB5;
    border-radius: 2px;
    overflow: hidden;
    display: block;
    background: #FFF url(http://staging.hawk-eye.io/wp-content/uploads/2024/07/down-arrow.png) no-repeat 95% center;
    box-sizing: border-box;
}
#pardot-form p.form-field.privacy_col.Opt_In.pd-checkbox.required.no-label {
    padding: 37px;
    /* margin: 110px; */
}
p.form-field.privacy_col.Opt_In.pd-checkbox.required.no-label a {
    color: #14c6a8;
    text-decoration: none;
}
p.form-field.privacy_col.Opt_In.pd-checkbox.required.no-label a:hover {
    color: #000;
    text-decoration: none;
}
.uicore-nav-menu ul li a {text-decoration:none;}
.uicore-nav-menu ul li a:hover {text-decoration:underline;}
.hawkeye_page .rightpart input {
    accent-color: #171723;
    -webkit-appearance: auto;
    border: none;
    height: 20px;
    border-radius: 6px;
    box-shadow: none;
    margin-top: 10px;
}
.hawkeye_page .faq-drawer__content1,
.hawkeye_page .faq-drawer__content2 {
    display: grid;
    grid-template-columns: 60% 20% 10% 10%;
    gap: 10px;
    align-items: center;
}

.hawkeye_page .faq-drawer__content2 .section-header1 {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 10px;
    align-items: center;
    padding-right: 10px;
}

.hawkeye_page .faq-drawer__content2 .section-header2 {
    max-width: 100px;
}

.hawkeye_page .rightpart .calender {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    text-align: center;
    border: 1px solid var(--theme-purple);
    justify-content: center;
}

.hawkeye_page .rightpart .section h6 {
    text-transform: capitalize;
}

.hawkeye_page .rightpart .section .slider {
    width: 100%;
}

.hawkeye_page .calculator-right-col {
    padding-left: 20px;
}



.quote_btn .button,.quote_btn  input.wpcf7-form-control.wpcf7-submit {
transition: all .2s cubic-bezier(.68,.01,.58,.75) !important;
font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: None;
    line-height: 1em;
    letter-spacing: 0em;
    color: #FFF;
    background-color: var(--e-global-color-uicore_dark);
    border-style: none;
    border-radius: 100px 100px 100px 100px;
    padding: clamp(14px, .8em, 18px) clamp(18px, 1.8em, 36px);
    align-self: center;
    font-style: var(--uicore-header--menu-typo-st, "normal");

}
    .quote_btn .button:hover,.quote_btn  input.wpcf7-form-control.wpcf7-submit:hover{
    color: #FFF;
    background-color: var(--e-global-color-uicore_primary);}
    #exampleModal .input-fild {
        padding: 12px 15px;
    }
    #exampleModal .col-6 {
        max-width: 50%;
    }
    #exampleModal input,  #exampleModal  select{
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #E5E5E5;
        color: #141414;
        background-color: #FFFFFF00;
        border-radius: 4px 4px 4px 4px;
        font-family: var(--uicore-typography--p-f, "Inter");
        font-weight: var(--uicore-typography--p-w, "600");
        line-height: var(--uicore-typography--p-h, "1.2");
        letter-spacing: var(--uicore-typography--p-ls, "-0.027em");
        text-transform: var(--uicore-typography--p-t, "none");
        font-style: var(--uicore-typography--p-st, "normal");
        color: var(--uicore-typography--p-c, "#070707");
        font-size: var(--uicore-typography--p-s, "10px");
        height: auto;
        line-height: 40px !important;
        max-width: 100%;
        transition: all .3s ease-in-out;
    width: 100%;
    border: 0 none;
    padding: 0 10px;
    background: #fff;
}

#exampleModal label{
font-size: 12px;
margin-bottom: 8px;
color: var(--e-global-color-uicore_body);
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    text-align: left;
    color:000;
    font-family: var(--uicore-typography--p-f, "Inter");
    font-style: var(--uicore-typography--p-st, "normal");
}

#exampleModal form {
/*     box-shadow: 0 8px 50px 0 rgba(0, 0, 0, .08); */
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.title {
    text-align: center;
}
.tooltip-class{line-height:normal;}
.hawkeye_page .faq-drawer__content1{padding-block: 10px;}
.col-md-12.faq-drawer__content1 {
    padding: 10px 27px 10px;
}

.section.mt-4.data {
    border-bottom: 1px solid #e9e9e9;
}

.popup_up .modal-header.modal-header-custom{padding: 0; height: 0px !important;}
.modal-content .modal-header.modal-header-custom .close{color:#000;position: absolute; z-index:10; width: 45px; height: 45px; background-color: none; display: flex; justify-content: center; align-items: center; line-height: normal; padding: 0; right: 15px; top: 8px; border-radius: 6px; border: none;} 
.modal-content .modal-header.modal-header-custom .close:hover{background-color: none; border-color: none}
.modal-content .wpcf7-not-valid-tip{display: none !important;}
.modal-content .wpcf7-not-valid{border:2px solid red !important;}
#exampleModal .input-fild.privacy_text label input {
    width: 17px;
    display: inline-block;
    vertical-align: middle;
}

#exampleModal form .wpcf7-response-output{margin-top:10px; color:#fff; text-align:center;}

#exampleModal .input-fild input[type="submit"]{
    transition: all .2s cubic-bezier(.68,.01,.58,.75) !important;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: None;
    line-height: 1em;
    letter-spacing: 0em;
    color: #FFF;
    background-color: var(--e-global-color-uicore_dark);
    border-style: none;
    border-radius: 100px 100px 100px 100px;
    padding: clamp(14px, .8em, 18px) clamp(18px, 1.8em, 36px);
    align-self: center;
    font-style: var(--uicore-header--menu-typo-st, "normal");
}




.modal-content .contact_form_new .title{ background: none; color: #000; border-radius: none; padding : 25px 0 10px;}
.modal-content .contact_form_new .title h3  {padding-block: 5px; margin-bottom: 0px !important;}
.input-fild.col-3.submit-recaptcha.quote_btn {
    text-align: center;
    margin: 0 auto;
}

#exampleModal .input-fild input[type="submit"]{ border-radius: 30px; padding: 15px 35px; line-height: normal !important; height: auto; width: fit-content; display: inline-block; background-color: var(--e-global-color-uicore_primary); color: #fff;}
#exampleModal .input-fild input[type="submit"]:hover{
    background-color: #FFF;
    color: var(--e-global-color-uicore_primary);
}
    #exampleModal .input-fild.submit-recaptcha{text-align: center;}
.modal-content .contact_form_new .title h3{color:#000;}



.input-fild.privacy_text.col-12 .wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0;
}

#exampleModal .input-fild.privacy_text label .wpcf7-list-item-label a{color:#14c6a8;}
#exampleModal .input-fild.privacy_text label .wpcf7-list-item-label a:hover{color:#000;}



.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    width: 100%;
    border-color: #ffb900;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    width: 100%;
}

.contact_form_new {
	
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.conta_left_section_form {
    flex: 1;
    max-width: 50%;
    padding-right: 20px;
}

.conta_left_section_form img {
    width: 100%;
    height: auto;
    object-fit: cover;
}


.conta_right_section_form .title h3 {
    font-size: 24px;
    margin-bottom: 20px;
}

.conta_right_section_form form {
    /* Add any additional form styling here */
}
/* .contact_form_new{background: url(https://staging.hawk-eye.io/wp-content/uploads/2024/07/hawk-banners.webp) center no-repeat;
    background-size: cover;
    position: relative;}
.conta_right_section_form{position:relative; z-index:1}
.contact_form_new::after{    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);} */

.contact_form_new{align-items:stretch}
.contact_left_section{width: 40%;}
.contact_left_section img{width: 100%; height:100%; object-fit:cover;}
.conta_right_section_form{width: 60%;}
.modal-content{border-radius:10px; overflow:hidden; }
#exampleModal>div {
    margin-top: 80px;
    z-index: 1;
}
.full_width { width:100%}
.nav-tabs li {
    width: 16.6%;
    text-align: center;
}
.rightpart {
    border-radius: 5px;
    border: none;
    box-shadow: 0 5px 20px 2px #d3d3d3;
    padding: 30px;
}
.rentaion_day_cls { font-weight:bold;}
p.small { font-size:12px; line-height:18px; }
.section.quote_btn {
    padding-top: 15px;
}
.modal-content .contact_form_new .title h3 {
    color: #000;
    font-weight: bold;
}
.hawkeye_page .rightpart .section h6 {
    padding-top: 5px;
    text-transform: capitalize;
}
.ui-staging {
    display: none;
}

#exampleModal .input-fild.submit-recaptcha .wpcf7-spinner{vertical-align: middle; position:absolute; top:50%; transform: translatey(-50%);}
#exampleModal .input-fild.privacy_text label .wpcf7-list-item-label {
     font-size: 11px;
    width: calc(100% - 23px);
    line-height: normal;
}
#exampleModal .input-fild.privacy_text label .wpcf7-list-item-label .wpcf7-list-item{display:flex !important; align-items:center;}


@media only screen and (max-width: 1200px){
    .hawkeye_page .calculator-right-col{padding-left: 15px; width: 300px;}
    .calculator-left-col{width: calc(100% - 305px);}
    .left-col{width: calc(100% - 305px);}
    .nav-tabs li a.nav-link{padding: 6px;}
    .calculator-left-col{padding: 10px;}
    .hawkeye_page .banner-container{height: 100vh;}
    .hawkeye_page h1.banner-title{font-size: 62px; line-height: normal; letter-spacing: 0px;}
}

@media only screen and (max-width: 1024px){
    .hawkeye_page .calculator-right-col{padding-left:0px; width: 100%; position: static; display: table; max-width: 700px; margin-inline: auto;}
    .calculator-left-col{width: 100%; margin-bottom: 30px;}
    .left-col{width: 100%;}
    .calculator-left-col{padding:0px;}
    .hawkeye_page h1.banner-title{font-size: 50px;}
    .zebraclass>div:not(:first-child){padding: 20px;}
    .hawkeye_page .banner-container{height: 80vh;}

}

@media only screen and (max-width: 992px){
	.conta_right_section_form{width:100%;}
	.contact_left_section{display:none;}
}

@media only screen and (max-width: 768px){
    .zebraclass>div:not(:first-child){padding: 15px;}
    .calculator-left-col{margin-bottom: 20px;}
    .hawkeye_page h1.banner-title{font-size:35px;}
    .hawkeye_page .faq-drawer__content2{grid-template-columns: repeat(3, 1fr); text-align: center;}
    .hawkeye_page .faq-drawer__content1{grid-template-columns: auto auto auto auto;}
    .hawkeye_page .faq-drawer__content2 .section-header1{grid-column: span 3; text-align: left;}
    .nav-tabs li{font-size: 14px;  line-height: normal; width: 33.33%;}

    #exampleModal .input-fild input[type="submit"]{ padding: 11px 28px; }
    .input-fild.col-3.submit-recaptcha.quote_btn{ width: 100%; max-width: 100%; flex:inherit; }

    .nav-tabs li:nth-child(1) a.nav-link{border-radius: 6px 0 0 0;}
    .nav-tabs li:nth-child(3) a.nav-link{border-radius: 0 6px 0 0; border-right: 1px solid;}
    .nav-tabs li:nth-child(4) a.nav-link{border-radius: 0 0 0 6px;}
    .nav-tabs li:nth-child(6) a.nav-link{border-radius: 0 0 6px 0;}
	.hawkeye_page .banner-container{height:65vh;}
	


}

@media only screen and (max-width:479px){
    .faq-drawer__content2 input[type="text"]{height: 30px; padding: 0px 10px;}
    .nav-tabs li{margin: 0; width: 50%;}
    .nav-tabs li:not(:nth-child(3), :last-child) a.nav-link{border-right: 1px solid;}
    .nav-tabs li:nth-child(2) a.nav-link{border-radius: 0px 6px 0 0;}
    .nav-tabs li:nth-child(3) a.nav-link{border-radius: 0;}
    .nav-tabs li:nth-child(4) a.nav-link{border-radius: 0;}
    .nav-tabs li:nth-child(5) a.nav-link{border-radius: 0 0 0 6px;}
    .nav-tabs li:nth-child(6) a.nav-link{border-radius: 0 0 6px 0;}
	.hawkeye_page .banner-container{height:410px;}
	#exampleModal form{padding:0;}

	#exampleModal .input-fild.privacy_text label .wpcf7-list-item-label {font-size:10px;}
	#exampleModal .input-fild.privacy_text * {display:block;} 
	#exampleModal .input-fild.privacy_text a{display:inline-block !important;}
}