/* Navbar Css */
@font-face {
	font-family: 'Conv_NexaBook';
    src: url("font/NexaBook.eot");	
    src: url("font/NexaBook.woff"),
    url("font/NexaBook.ttf") format('truetype'), 
    url("font/NexaBook.svg") format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_NexaLight';
    src: url("font/NexaLight.eot");	
    src: url("font/NexaLight.woff"),
    url("font/NexaLight.ttf") format('truetype'), 
    url("font/NexaLight.svg") format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_NexaRegular';
    src: url("font/NexaRegular.eot");	
    src: url("font/NexaRegular.woff"),
    url("font/NexaRegular.ttf") format('truetype'), 
    url("font/NexaRegular.svg") format('svg');	
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_NexaBold';
    src: url("font/NexaBold.eot");	
    src: url("font/NexaBold.woff"),
    url("font/NexaBold.ttf") format('truetype'), 
    url("font/NexaBold.svg") format('svg');	
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_NexaBlack';
    src: url("font/NexaBlack.eot");	
    src: url("font/NexaBlack.woff"),
    url("font/NexaBlack.ttf") format('truetype'), 
    url("font/NexaBlack.svg") format('svg');	
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_NexaHeavy';
    src: url("font/NexaHeavy.eot");	
    src: url("font/NexaHeavy.woff"),
    url("font/NexaHeavy.ttf") format('truetype'), 
    url("font/NexaHeavy.svg") format('svg');
	font-weight: normal;
	font-style: normal;
}

.navbar-brand img{
    width: 100%;
    height: auto;
    margin-left: -17px;
}
.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: end;
}
ul.navbar-nav li a{
    font-family: 'Conv_NexaBook';
    font-size: 15px;
    font-weight: 700;
}
ul.navbar-nav {
    margin-right: -70px;
}
/* Nav Section End */
/* Body Section */
.body-section {
    /* padding: 25px 0; */
    background: #f5f5f5;
}
span.custom-tst {
    color: #20b388;
}
.header-txt h1{
    font-family: Conv_NexaBlack;
    font-size: 50px;
    font-weight: 700;
}
.header-txt p{
    font-family: 'Conv_NexaRegular';
    font-size: 15px;
    font-weight: 400;
}
.custom-row{
    gap: 0.5em;
}
.custom-column{
    font-family: 'Conv_NexaRegular';
    max-width: 20% !important;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 0 8px 1px rgb(79 79 79 / 14%);
    margin-right: 15px;
    text-align: center;
}
.col-sm-3.active.custom-column{
    background: #20b388;
}
.col-sm-3.active.custom-column p{
    color: #fff;
}
.col-sm-3.active.custom-column img{
    padding-top: 10px;
}
/* .custom-column:hover{
    background: #20b388;
} */
/* .custom-column .car-white{
    display: none;
}
.custom-column:hover .car{
    display: none;
}
.custom-column:hover .car-white{
    display: block;
} */
/* .custom-column:hover p{
    color: #fff;
} */
.custom-column i{
    font-size: 30px;
}
.custom-column a{
    text-decoration: none;
    color: #000;
}
.custom-column a:hover{
    text-decoration: none;
    color: #000;
}
.custom-column a img{
    width: 70px;
}
.image img{
    width: 100%;
    margin-left: 76px;
}
.zip-form input{
    font-family: 'Conv_NexaBook';
    padding: 10px 10px 10px 20px;
    font-size: 14px;
    background-color: #fff;
    color: #000;
    border-radius: 24px 0 0 24px;
    box-shadow: 0 0 3px rgb(66 66 66 / 75%);
    border: none;
    width: 240px;
}
.zip-form button{
    font-family: 'Conv_NexaBold';
    background-color: #20b388;
    color: #fff;
    padding: 12.6px 50px;
    font-size: 14px;
    box-shadow: 0 0 3px rgb(66 66 66 / 75%);
    border-radius: 0 24px 24px 0;
    border: none;
    margin-left: -4px;
}
.clickable{
    cursor:pointer;
}
/* Icon Section */
.icon-section {
    padding: 32px 0px;
}
.icon-image img{
    width: 70px;
}
.icon-text h5{
    font-family: 'Conv_NexaHeavy';
    font-size: 13px;
    font-weight: 700;
}
.icon-text p{
    font-family: 'Conv_NexaBook';
    font-size: 12px;
}
/* Compare & Shop Section */
.compare-section {
    padding: 10px 0;
}
.compare-header h2{
    font-family: 'Conv_NexaBold';
    text-align: center;
    font-size: 31px;
    font-weight: 700;
}
.row.compare-row {
    align-items: center;
}
.col-sm-6.shop-content {
    padding: 0 100px;
}
.compare-content h4{  
    font-family: 'Conv_NexaBold';  
    font-weight: 700;
    color: #ff552c;
}
/* Work Section  */
.work-section {
    padding: 20px 0;
    background: #f5f5f5;
}
.work-row{
    flex-direction: column;
}
.col-sm-4.work-column{
    max-width: 100%;
}
.work-image img{
    margin-left: -77px;
    width: 100%;
}
.work-content h4{
    font-family: 'Conv_NexaBold';
    color: #ff552c;
    font-size: 18px;
    font-weight: 700;
}
.work-content p{
    font-family: 'Conv_NexaBook';
    font-size: 15px;
}
/* Choose Section */
.choose-section {
    padding: 20px 0;
}
.innerrow{
    flex-direction: column;
}
.col-sm-6.innercolumn{
    max-width: 100%;
}
.content-texts h4{
    font-family: 'Conv_NexaBold';
    font-weight: 700;
    font-size: 20px;
}
.content-texts p{
    font-family: 'Conv_NexaBook';
    font-size: 15px;
}
/* Learn Section */
.learn-section {
    padding: 20px 0;
    background: rgb(24,196,105);
    background: linear-gradient(180deg, rgba(24,196,105,1) 60%, rgba(255,255,255,1) 61%);
}
.learn-header h2{
    font-family: 'Conv_NexaBold';
    text-align: center;
    font-size: 31px;
    font-weight: 700;
    color: #fff;
}
.learncolumn{
    box-shadow: 0 0 5px 2px rgb(79 79 79 / 14%);
    width: 25%;
    margin: 5px;
    max-width: 24%;
    padding: 0;
}
.col-sm-3.learncolumn{
    max-width: 23%;
    padding: 0;
    background: #fff;
}
.background-image-custom{
    width: auto;
    height: 150px;
    background-size: cover;
}
.blog p{
    font-family: 'Conv_NexaBook';
    padding: 10px 15px;
}
.blog p a{
    font-family: 'Conv_NexaBook';
    color: #000;
}
.blog .custom-txts a{
    color: #20b388;
}
/* testimonial section */
.testimonial {
    padding: 40px 0;
}
.testimonial-header h2{
    font-family: 'Conv_NexaBold';
    text-align: center;
    font-size: 31px;
    font-weight: 700;
}
.testimonial-content {
    font-family: 'Conv_NexaBook';
    text-align: center;
}
.testimonial-content h4{
    font-family: 'Conv_NexaBold';
    font-weight: 700;
    font-size: 20px;
}
.testimonial-content .user-name{
    font-family: 'Conv_NexaBook';
    color: #20b388;
}
/* Articles-content */
.article-section {
    background: #f0f0f0;
    padding: 40px 0;
}
.articles-content{
    padding: 10px 15px;
}
.articles-content h4{
    font-family: 'Conv_NexaBold';
    font-size: 20px;
}
.articles-content .custom-txts a{
    font-family: 'Conv_NexaBook';
    color: #20b388;
}
.row-inner{
    gap: 1em;
}
/* Footer Section */
footer.page-footer {
    background: #353535;
    padding: 30px 0;
}
.footer-text{
    color: #fff;
}
.footer-text p{
    font-family: 'Conv_NexaBook';
    font-size: 13px;
}
.footer-text ul {
    gap: 2em;
}
.footer-text ul li{
    padding: 5px 0;
}
.footer-text ul li a{
    font-family: 'Conv_NexaBook';
    text-decoration: none;
    color: #fff;
}
.footer-content{
    font-family: 'Conv_NexaBook';
    color: #fff;
    font-size: 12px;
}
hr{
    background: #a8a8a8;
}
/* Model */
.top {
    background-color: #20b388;
    color: #fff;
    width: 60%;
    text-align: center;
    position: relative;
    margin: 0 auto;
    padding: 10px;
    top: -25px;
}
.top h4{
    font-family: 'Conv_NexaBook';
    font-weight: 400;
    margin: 0;
}
.modal-body{
    padding-top: 0 !important;
}
.modal-body h2{
    font-family: 'Conv_Nexaheavy';
    text-align: center;
    font-size: 35px;
    padding-bottom: 5px;
    font-weight: 700;
}
span.model-txt {
    color: #20b388;
}
span.price {
    font-family: 'Conv_NexaBook';
    font-size: 22px;
    font-weight: 700;
}
.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

/* .stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

} */
hr.customline {
    width: 50px;
    margin: 0;
    border-color: #b7b7b7;
}
.stepwizard-step {
    display: flex;
    text-align: center;
    position: relative;
    align-items: center;
    gap: 0.5em;
}
.stepwizard-step a{
    margin-top: -10px;
    padding: 2px;
    background: #a8a8a8;
    color: #fff;
    border-radius: 50px;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle p{
    color: #fff;
    background-color: #20b388 !important;
    border-color: #20b388 !important;
}
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.step-zip{
    text-align: center;
    padding: 30px;
}
.step-zip h4{
    font-family: 'Conv_Nexaheavy';
    font-size: 20px;
    margin: 0;
}
.zip-form input[type="text"]{
    padding: 10px 10px 10px 20px;
    font-size: 14px;
    background-color: #fff;
    color: #000;
    border-radius: 24px 0 0 24px;
    box-shadow: 0 0 3px rgb(66 66 66 / 75%);
    border: none;
    width: 240px;
}
.zip-form button{
    background-color: #20b388;
    color: #fff;
    padding: 12.6px 50px;
    font-size: 14px;
    box-shadow: 0 0 3px rgb(66 66 66 / 75%);
    border-radius: 0 24px 24px 0;
    border: none;
    margin-left: -4px;
}
.custom_button{
    display: inline-block;
    box-shadow: 0 0 5px rgb(66 66 66 / 25%);
    background-color: #fff;
    color: #000;
    padding: 10px !important;
    margin: 10px;
    width: 150px;
}
.custom_button:hover{
    cursor: pointer;
    background: #20b388;
    background: linear-gradient(137deg,#20b388,#20b388 35%,#38e5b3);
    color: #fff;
}
.stepwizard-step.step_button {
    display: none;
}
label.custom-control.custom-checkbox{
    cursor: pointer;
}
select.select_insurance{
    display: inline-block;
    width: 250px;
    cursor: pointer;
    padding: 10px 15px;
    outline: 0;
    box-shadow: 0 0 3px rgb(66 66 66 / 75%);
    border-radius: 15px;
    border: none;
    font-size: 14px;
    appearance: none;
    -webkit-appearance: none;
}
/* About Part */
.about-header {
    padding: 70px 0;
    text-align: center;
    background: #4fd1c5;
    color: #fff;
    font-family: 'Conv_NexaBold';
}
.about-wrapper{
    align-items: center;
}
h3.info-headings {
    color: #4fd1c5;
    font-family: 'Conv_NexaBold';
}
.info-text{
    font-family: 'Conv_NexaBook';
}
.col{
    max-width: 18% !important;
}
.partner-wrapper{
    gap: 1em;
    justify-content: center;
    align-items: center;
}
.partner-section {
    padding: 40px 0;
    text-align: center;
}
.partner-header {
    padding: 10px 0;
}
.about-learn-more {
    background: #4fd1c5;
    background: linear-gradient(123deg,#4fd1c5,#20cab9);
    text-align: center;
    padding: 50px 0;
}
.about-learn-more h3 {
    font-size: 20px;
    text-align: center;
    padding-bottom: 50px;
    color: #fff;
}
.about-learn-more .about-learn-more-tips {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.about-learn-more .about-learn-more-tips .col{
    background-color: #fff;
    box-shadow: 0 0 5px 5px rgb(79 79 79 / 14%);
    padding: 30px;
    width: 18%;
    text-align: center;
}
.about-learn-more .about-learn-more-tips>div img {
    width: 60%;
}
.icon-wrapper{
    margin-left: 80px;
}
.wrapper-choose {
    padding: 25px 0;
}
/* Privacy Policy */
.wrapper_info {
    padding: 20px 0;
    font-family: 'Conv_NexaBook';
}
.wrapper_info h2{
    font-family: 'Conv_NexaBold';
}
.terms-section {
    padding: 20px 0;
}
.wrapper.info{
    font-family: 'Conv_NexaBook';
}
.wrapper.info h2{
    font-family: 'Conv_NexaBold';
}
.wrapper.info h3{
    font-family: 'Conv_NexaBold';
}
.wrapper.info h1{
    font-family: 'Conv_NexaBold';
}
.cookies-section {
    padding: 20px 0;
}
/* Contact section */
.contact-header {
    height: 290px;
    width: 100%;
    background-image: url(../images/contact.jpg);
    background-size: cover;
    background-position: 50%;
}
.contact-wrapper {
    width: 100%;
    margin: -114px auto 0;
    background: #fff;
    padding: 60px 90px 80px;
}
.contact-subheader {
    font-size: 16px;
    margin: 0 0 50px;
}
.contact-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.5%;
}
.contact-items>* {
    width: 28%;
    margin: 0 2.5%;
    border: 1px solid #0e239b;
    position: relative;
    padding: 30px 25px 100px;
}
.contact-wrapper h1 {
    font-size: 34.5px;
    font-weight: 600;
    margin: 0 0 25px;
    font-family: 'Conv_NexaBold';
}
.contact-subheader{
    font-family: 'Conv_NexaBook';
}
.contact-items h2 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 15px;
    font-family: 'Conv_NexaBold';
}
.contact-items p {
    color: #848484;
    font-family: 'Conv_NexaBook';
}
.contact-items .contact-btn {
    font-family: 'Conv_NexaBook';;
    font-size: 12px;
    color: #fff;
    background-color: #0e239b;
    display: block;
    text-align: center;
    padding: 15px 10px;
    border-radius: 30px;
    overflow: hidden;
    position: absolute;
    bottom: 30px;
    right: 25px;
    left: 25px;
    text-decoration: none;
}
/* Responsive view */
.col-6.col-sm-4.learncolumn {
    display: none;
}
.col-6.col-sm-3.custom-column {
   display: none;
}
.col-6.col-sm-4.footer-text {
    display: none;
}
.row.mobile-row {
    display: none;
}
.wrapper-mobile{
    display: none;
}
/* Responsive view */
/* Responsive part Start */
@media (max-width:1024px){
    .col-sm-3.learncolumn {
        max-width: 22.666%;
    }
    .custom-column {
        margin-right: 5px;
    }
    .custom-column a img {
        width: 65px;
        padding: 10px 0;
    }
    .custom-column a {
        font-size: 14px;
    }
}
@media (max-width:768px){
    .logo {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        gap: 20em;
    }
    ul.navbar-nav {
        margin-right: 0;
    }
    .body_row{
        flex-direction: column;
        gap: 2em;
    }
    .col-sm-6 {
        max-width: 100% !important;
    }
    .image img {
        width: 100%;
        margin-left: 0px;
    }
    form.zip-form.pt-4 {
        text-align: center;
    }
    .icon-image img {
        width: 55px;
    }
    .col-sm-6.shop-content {
        padding: 0 31px;
    }
    .work-image img {
        margin-left: -39px;
        width: 100%;
    }
    .col-sm-3.learncolumn{
        display: none;
    }
    .col-6.col-sm-4.learncolumn {
        display: block;
        background: #fff;
        margin: 0;
        padding: 0;
        max-width: 48% !important;
        flex: 1 0 33.333333%;
    }
    .font-weight-bold {
        font-weight: 700!important;
        font-size: 17px;
    }
    .footer-text ul li a {
        font-size: 14px;
    }
    .about-learn-more .about-learn-more-tips {
        margin: 0 auto;
        justify-content: space-between;
        gap: 1em;
    }
    .about-learn-more .about-learn-more-tips .col {
        padding: 15px;
    }
    .icon-wrapper {
        margin-left: 0px;
    }
    .contact-items{
        flex-direction: column;
        width: 100%;
        gap: 1em;
    }
    .contact-items>* {
        width: 100%;
    }
    .col {
        max-width: 100% !important;
    }
}
@media (max-width:575px){
    .logo {
        gap: 10em;
    }
    .custom-row{
        justify-content: center;
    }
    .col-sm-3.custom-column {
        display: none;
    }
    .col-6.col-sm-3.custom-column {
        max-width: 32% !important;
        display: block;
    }
    .modal-content{
        width: 91% !important;
    }
    .modal-body h2{
        font-size : 22px;
    }
    .stepwizard-step{
        display: block;
    }
    hr.customline{
        display: none;
    }
    .zip-form button{
        padding: 11px;
    }
    .zip-form input[type="text"]{
        width: 185px;
    }
    
    .inner_row  {
        flex-direction: column;
    }
    .vertical-line{
        display:none;
    }
    .image_logo img{
        margin-left:0px !important;
        width: 250px !important;
    }
    button.btn.quote{
        float:none !important;
        margin-left: 0px !important;
        width: inherit;
    }
    .wrapper-image img{
        display: block;
    }
    .about-wrapper{
        flex-direction: column-reverse;
    }
        .col {
        max-width: 100% !important;
    }
}
@media (max-width:432px){
    .logo {
        gap: 3em;
    }
    .image img{
        display: none;
    }
    .row-inner {
        gap: 1em;
        flex-direction: column;
        align-items: center;
    }
    .col-6.col-sm-4.learncolumn {
        display: block;
        background: #fff;
        margin: 0;
        padding: 0;
        max-width: 90% !important;
        flex: 0 0 33.333333%;
    }
    .learn-section {
        padding: 20px 0;
        background: rgb(24,196,105);
        background: linear-gradient(180deg, rgba(24,196,105,1) 60%, rgb(24 196 105) 61%);
    }
    .col-sm-3.mx-auto {
        display: none;
    }
    .col-sm-3.footer-text {
        display: none;
    }
    .col-6.col-sm-4.footer-text {
        display: block;
    }
    .row.mobile-row {
        display: block;
    }
    .footer-text ul {
        gap: 2em;
        justify-content: center;
    }
    .col-sm-6.footer-text h5{
        text-align: center;
    }
    .wrapper-image img{
        display: block;
    }
    .about-wrapper{
        flex-direction: column-reverse;
    }
    .row.about-learn-more-tips.desktop {
        display: none;
    }
    .wrapper-mobile{
        display: block;
    }
    .mobile-icon{
        gap: 1em;
        align-items: center;
        justify-content: center;
    }
    .mobile-rows{
        background-color: #fff;
        box-shadow: 0 0 5px 5px rgb(79 79 79 / 14%);
        width: 50% !important;
        padding: 15px 0;
    }
}
/*@media (max-width:428px){*/
/*    .image img{*/
/*        display: none;*/
/*    }*/
/*    .row-inner {*/
/*        gap: 1em;*/
/*        flex-direction: column;*/
/*        align-items: center;*/
/*    }*/
/*    .col-6.col-sm-4.learncolumn {*/
/*        display: block;*/
/*        background: #fff;*/
/*        margin: 0;*/
/*        padding: 0;*/
/*        max-width: 90% !important;*/
/*        flex: 0 0 33.333333%;*/
/*    }*/
/*    .learn-section {*/
/*        padding: 20px 0;*/
/*        background: rgb(24,196,105);*/
/*        background: linear-gradient(180deg, rgba(24,196,105,1) 60%, rgb(24 196 105) 61%);*/
/*    }*/
/*    .col-sm-3.mx-auto {*/
/*        display: none;*/
/*    }*/
/*    .col-sm-3.footer-text {*/
/*        display: none;*/
/*    }*/
/*    .col-6.col-sm-4.footer-text {*/
/*        display: block;*/
/*    }*/
/*    .row.mobile-row {*/
/*        display: block;*/
/*    }*/
/*    .footer-text ul {*/
/*        gap: 2em;*/
/*        justify-content: center;*/
/*    }*/
/*    .col-sm-6.footer-text h5{*/
/*        text-align: center;*/
/*    }*/
/*}*/
@media (max-width:425px){
    .logo {
        gap: 0em;
    }
    .zip-form input[type="text"] {
        padding: 15px 10px 15px 20px;
        width: 210px;
    }
    .zip-form button {
        padding: 15px 15px 15px 15px;
    } 
    .image img{
        display: none;
    }
    .row_icons{
        flex-wrap: nowrap !important;
    }
    .row.row_icons {
        flex-direction: column;
    }
    .column_icons{
        max-width: 20%;
    }
    .work-image img {
        margin-left: -15px;
        width: 100%;
    }
    .work-content h4 {
        font-family: 'Conv_Nexaheavy';
        font-size: 22px;
        font-weight: 700;
    }
    .icon-image img {
        width: 70px;
        margin-left: 150px;
    }
    .learn-section {
        padding: 20px 0;
        background: rgb(24,196,105);
        background: linear-gradient(180deg, rgba(24,196,105,1) 60%, rgb(24 196 105) 61%);
    }
    .content-texts h4 {
        font-family: 'Conv_Nexaheavy';
        font-weight: 700;
        font-size: 23px;
    }
    .content-texts p {
        font-family: 'Conv_NexaBook';
        font-size: 17px;
    }
    .row-inner {
        gap: 1em;
        flex-direction: column;
        align-items: center;
    }
    .col-6.col-sm-4.learncolumn {
        display: block;
        background: #fff;
        margin: 0;
        padding: 0;
        max-width: 90% !important;
        flex: 0 0 33.333333%;
    }
    .col-sm-3.mx-auto {
        display: none;
    }
    .col-sm-3.footer-text {
        display: none;
    }
    .col-6.col-sm-4.footer-text {
        display: block;
    }
    .row.mobile-row {
        display: block;
    }
    .footer-text ul {
        gap: 2em;
        justify-content: center;
    }
    .col-sm-6.mx-auto img{
        max-width: 70%;
        text-align: center;
        margin-left: 65px;
    }
    .col-sm-6.mx-auto p{
        color: #fff;
        text-align: center;
        font-family: 'Conv_NexaBold';
    }
    .col-sm-6.footer-text h5{
        text-align: center;
    }
    hr.customline {
        display: none;
    }
    
    .stepwizard-step{
        display: block;
    }
}
/*@media (max-width: 414px){*/
/*    .logo img {*/
/*        margin-left: 8px !important;*/
/*        width: 250px !important;*/
/*    }*/
/*    .row.row_icons {*/
/*        flex-direction: column;*/
/*    }*/
/*}*/
@media (max-width:375px){
    .logo img {
        margin-left: 6px;
        width: 235px !important;
    }
    .zip-form input[type="text"] {
        padding: 15px 10px 15px 20px;
        width: 165px;
    }
    .row.row_icons {
        flex-direction: column;
    }
}

@media (max-width: 320px){
    .logo img {
        margin-left: 6px;
        width: 217px !important;
    }
    .header-txt h1 {
        font-family: Conv_NexaBlack;
        font-size: 45px;
        font-weight: 700;
    }
    .zip-form input[type="text"] {
        padding: 15px 10px 15px 20px;
        width: 160px;
    }
    .zip-form button {
        padding: 15.6px 30px;
    }
    .row.row_icons {
        flex-direction: column;
        align-items: center;
        gap: 1em;
    }
    .icon-image img {
        width: 70px;
        margin-left: 0px;
    }
    .popup_zip input[type="text"]{
        width: 115px;
    }
    .popup_zip button {
        padding: 15.6px 17px;
    }
    .top h4 {
        font-family: 'Conv_NexaBook';
        font-weight: 400;
        margin: 0;
        font-size: 17px;
    }
    .top {
        background-color: #20b388;
        color: #fff;
        width: 75%;
        text-align: center;
        position: relative;
        margin: 0 auto;
        padding: 10px;
        top: -8px;
    }
    hr.customline {
        display: none;
    }
}

/* COde for result part */
.custom-body-row{
    gap: 0.5em;
    padding: 40px 0;
}
.image_logo img{
    width: 140px;
}
.content-txts ul{
    margin-left: -20px;
}
.inner_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 24%);

}
.col-sm-8.custom_column {
    margin-left: 25px;
}
.col-sm-3.button-shadow{
    padding: 50px;
    /* background: aliceblue; */
    border-radius: 80px;
    margin-left: 73px;
    background: rgb(250,250,250);
    background: linear-gradient(90deg, rgba(250,250,250,1) 3%, rgba(253,253,253,1) 28%, rgba(255,255,255,1) 65%);
}
.arrow{
    height: 25px;
}
button.btn.quote {
    color: #fff;
    border-radius: 50px;
    background: linear-gradient(90deg, rgba(32,178,136,1) 0%, rgba(8,103,105,1) 42%);
    border: none;
    padding: 15px;
    float: right;
}
.btn:hover {
    color: #ffffff !important;
    text-decoration: none;
}
.col-sm-2.button-shadow{
    padding: 20px 15px;
    border-radius: 80px;
    background: rgb(250,250,250);
    background: linear-gradient(90deg, rgba(250,250,250,1) 3%, rgba(253,253,253,1) 28%, rgba(255,255,255,1) 65%);
}

.inner_row:hover{
    background: #020d4d;
    color: #fff;
    position: relative;
    z-index: 1;
}
.inner_row:hover .button-shadow{
    background: linear-gradient(90deg, rgba(7,24,91,1) 3%, rgba(2,13,77,1) 28%, rgba(2,13,77,1) 65%);
}
/* .button-shadow:hover{
    background: rgb(7,24,91);
    background: linear-gradient(90deg, rgba(7,24,91,1) 3%, rgba(2,13,77,1) 28%, rgba(2,13,77,1) 65%);
    position: relative;
    z-index: 2;
} */
.qoute{
    position: relative;
    z-index: 3;
}
.vertical-line {
    height: 80px;
    border: 1px solid #adadad;
    margin-left: -20px;
}
.content-header h2{
    font-size: 23px;
    font-weight: 600;
}
.content-txts{
    color: #9b9b9b;
}
.content-txts a{
    color: #9b9b9b;
}
.content-txts:hover{
    color: #fff;
}
.content-txts a:hover{
    color: #fff;
}

.custom-label{
    margin-bottom: 0px !important;
}

/* Media Query for Responsive */

@media screen and (max-width:1024px){
    .text-row h5{
        width: 300px;
    }
    button.btn.quote{
        padding: 6px;
    }
    .content-txts ul{
        margin-left: -20px;
    }
}
@media screen and (max-width:768px){
    .custom_row{
        flex-direction: column;
        gap: 1em;
    }
    .inner-row{
        flex-direction: column;
    }
    .custom_column{
        max-width: 100%;
    }
    .image_logo img {
        width: auto;
        margin-left: 245px;
    }
    button.btn.quote {
        padding: 15px;
    }
    button.btn.quote{
        float: none;
        margin-left: 245px;
    }
    .content-txts ul{
        margin-left: -20px;
    }
}
@media screen and (max-width:425px){
    .zip-section{
        display: none;
    }
    .logo img{
        margin-left: 35px;
        width: 285px;
    }
    .zip-section {
        flex-direction: column;
        width: auto;
    }
    .custom_column {
        max-width: 100%;
        text-align: center;
    }
    .text-row h5 {
        width: auto;
    }
    .image_logo img {
        width: 140px;
        margin-left: 40px;
    }
    button.btn.quote {
        float: none;
        margin-left: 0px;
    }
    .content-header h2 {
        font-size: 20px;
        font-weight: 600;
    }
    .content-txts ul li{
        font-size: 13px;
    }
    .content-txts{
        display: none;
    }
    .content-txts ul{
        display: none;
    }.content-txts a{
        display: none;
    }
    .mobile_part {
        display: block;
        display: flex;
        flex-direction: column-reverse;
        gap: 1em;
        text-align: center;
    }
    .common-toogle {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 1em;
    }
    .toggles {
        flex-direction: column;
    }
    .text {
        flex-direction: column;
    }
    .col-sm-2.button-shadow{
        width: auto;
    }
    .vertical-line {
        display: block;
       height: 0;
       width: 150px;
       border: 1px solid #9b9b9b;
       margin: 10px 0;
    }
}
@media screen and (max-width:320px){
    .logo img {
        margin-left: 0;
        width: 100%;
    }
    .rates{
        width: 150px;
        font-size: 12px;
    }
    .content-txts ul{
        margin-left: -20px;
    }
}