*,
::after,
::before{margin: 0;padding: 0; box-sizing: border-box;}

:root{
--black:#000000;
--white:#ffffff;
--yellow:#F8C140;
--charkol:#0D192F;
--light-gray:#F7F8F8;
--gray:#828282;
--gray-two:#DCDCDC;
--deep-charkol:#283448;
--red:#e9152ed2;
--green_text:#3c9510;
--primery:"Urbanist", sans-serif;
--secondary:"Playfair Display", serif;
}

html{font-size: 62.5%; scroll-behavior: smooth;}

body{
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: var(--primery);
    color: var(--charkol);
    position: relative;
}

img{max-width: 100%;}
a{outline: none; transition: ease-in-out 0.5s;}
header,footer,aside,section,nav,div,p,ul,ol,li{margin: 0;padding: 0; list-style: none; outline: none;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0; font-family: var(--secondary);}
input{outline: none;}



/** Main Wrapper **/
.main_bg{
    /*background: url(/images/main_home_bg.svg) no-repeat;
    background-size: cover;*/
    background: linear-gradient(130.41deg, #354563 -48.15%, #0D192F 64.12%);
    padding:3rem 6rem 0;
    overflow: hidden;
    position: relative;
}
.circle_bg{
    position: absolute;
    left: 43.69%;
    right:0;
    top: -37.62%;
    opacity: 0.5;
}
.circle_bg img{object-fit: cover; width: 100%; height: 100%; opacity: 0.4;}


/** End Main Wrapper **/

/** Header **/
header{display: flex; flex-wrap: wrap; align-items: flex-start; z-index: 1; position: relative;}
nav{margin-left: auto;}
nav ul{display: flex; flex-wrap: wrap; align-items: center;}
nav ul li:not(:last-child){margin: 0 3rem 0 0;}
nav ul li a{text-decoration: none; color: var(--white); font-size: 1.6rem;}
nav ul li a:hover{color:var(--yellow)}
nav ul li.btn a{
    background: var(--yellow);
    display: flex; 
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    border-radius: 0.5rem;
    padding:0.8rem 1.5rem;
    text-transform: uppercase;
    color: var(--black);
    font-weight: 700;
    font-size: 1.5rem;
}
/** End Header**/
.yellow_button{
    background: var(--yellow);
    display: flex; 
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    border-radius: 0.5rem;
    padding:1.5rem 1.8rem;
    text-transform: uppercase;
    color: var(--black);
    font-weight: 700;
    font-size: 1.5rem;
    text-decoration: none;
    transition: ease-in-out 0.5s;
    border: 0.2rem solid var(--yellow);
}
.yellow_button:hover{background: var(--white); border: 0.2rem solid var(--yellow);}

/** Banner **/
.banner_wrapper{margin-top: 10rem; display: flex; flex-wrap: wrap; position: relative; z-index: 1;}
.hero_content{max-width: 51rem;}
.hero_content h1{font-family: var(--secondary); font-weight: bold; font-size: 5.2rem; line-height: 6.2rem; color: var(--white); margin: 0 0 2.5rem 0;}
.hero_content p{font-size: 2rem; color: var(--white); margin: 0 0 4rem 0;}
.two_blocks{display: flex; flex-wrap: wrap;  align-items: center;}
.two_blocks a{margin: 0 4rem 0 0;}
.hero_model{margin-left: auto;}
/** End Banner **/

.outer_main_wrapper{background: var(--light-gray); padding-bottom: 6rem;}
/** Small FROM **/
.small_frm_wrapper{
    background: var(--white);
    max-width: 113rem; margin: -9rem auto 6rem;
    border-radius: 2rem; padding: 4rem;
    box-shadow: 0 0.4rem 6rem rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 2;
}
.small_frm_wrapper .inner_wrapper{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.small_frm_wrapper .inner_wrapper .block{flex: 1; display: flex; flex-direction: column;}
.small_frm_wrapper .inner_wrapper .block:not(:last-child){margin: 0 2rem 0 0;}
.small_frm_wrapper .inner_wrapper .block label{font-size: 1.8rem; font-weight: 600; color: var(--charkol); margin: 0 0 1rem 0;}
.small_frm_wrapper .inner_wrapper .block input[type="text"]{
    background: var(--white);
    width: 100%;
    height: 5rem;
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1);
    border-radius: 0.5rem;
    outline: none;
    border: 0;
    padding: 0 1.6rem;
    font-size: 1.6rem;
}

input[type="submit"]{
    background: var(--yellow);
    height:5rem;
    border-radius: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    outline: none;
    border: 0;
    cursor: pointer;
    font-weight: bold;
    padding: 0 4rem;
    border: 0.2rem solid var(--yellow);
    transition: ease-in-out 0.5s;
}
input[type="submit"]:hover{background-color: var(--white);}

/** End Small FROM **/

/** Partners **/
.partners_wrapper{
    margin: 0;
    padding: 0;
}
.partners_wrapper h2{text-align: center; font-size: 2rem; font-weight: bold; color: var(--charkol); margin: 0 0 2.5rem 0;}
.inner_partner_wrapper ul{display: flex; flex-wrap: nowrap; overflow: hidden;}
.inner_partner_wrapper ul li{border-radius: 0.4rem; background: var(--white); flex:0 0 23.3rem; height: 8rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 0 1rem;}
.inner_partner_wrapper ul li:not(:last-child){margin: 0 1.5rem 0 0;}
.inner_partner_wrapper ul li img:hover{filter: grayscale(100%);}
/** End Partners**/

/** Protection **/
.protection_grid_wrapper{max-width: 103rem; margin: 6rem auto;}
.protection_grid_wrapper h2{font-size: 3.2rem; margin:0 0 4rem 0;}
.protection_grid_wrapper a.yellow_button{max-width: 25rem; margin: 0 auto;}
.inner_grid_wrapper{display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 3rem; margin: 0 0 3rem 0;}
.inner_grid_wrapper .block{background: var(--white); border-radius: 0.6rem; overflow: hidden; box-shadow: 0px 15px 34px rgba(33, 37, 106, 0.1); transition: ease-in-out 0.5s;}
.inner_grid_wrapper .block:hover{transform: translate3D(0,-1rem,0) scale(1.03);}
.inner_grid_wrapper .block .photo_wrapper{width: 100%; height: 29.3rem; overflow: hidden;}
.inner_grid_wrapper .block .content_wrap{padding: 3rem;}
.inner_grid_wrapper .block .content_wrap h3{font-size: 2.3rem; margin: 0 0 1.6rem 0;}
.inner_grid_wrapper .block .content_wrap p{color: var(--gray); font-size: 1.6rem;}
/** End Protection **/

/** Insurance Box **/
.insurance_box_wrapper{
    max-width: 103rem;
    margin: 0 auto 8rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.insurance_box_wrapper .left_content{flex: 1; margin: 0 8rem 0 0;}
.insurance_box_wrapper .left_content h2{font-size: 3.2rem; font-weight: bold; color: var(--charkol); line-height: 4.2rem; margin: 0 0 2.5rem 0;}
.insurance_box_wrapper .left_content p{font-size: 1.6rem; line-height: 2.6rem; color: var(--gray);}
/** End Insurance Box **/

/** Unique Wrapper **/
.unique_wrapper{margin: 0 auto 14rem; max-width: 103rem;}
.unique_wrapper header{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 0 4rem 0;}
.unique_wrapper header h2{color: var(--charkol); font-size: 3.2rem; font-weight: bold; line-height: 4.5rem; max-width: 34.4rem;}
.unique_wrapper header p{font-size: 1.6rem; font-weight: 500; color: var(--gray); line-height: 2.6rem; max-width: 41.3rem; text-align: right;}

.grid_wrapper{display: grid; grid-template-columns: repeat(3,1fr); grid-gap:1.5rem; margin:0 0 3rem 0;}
.grid_wrapper .block{border: 0.1rem solid var(--gray-two); border-radius: 1.5rem; padding: 5.5rem 3.7rem 0; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; overflow: hidden; transition: background 0.5s ease-in-out;}
.grid_wrapper .block:hover{background: linear-gradient(124.65deg, #354563 -11.88%, #0D192F 94.56%); transition: all 0.5s ease-in-out;}
.grid_wrapper .block:hover h3,
.grid_wrapper .block:hover p{color: var(--white);}
.grid_wrapper .block h3{font-size: 2rem; font-weight: bold; color: var(--charkol); line-height: 2.4rem; font-family: var(--primery); margin: 0 0 1.5rem 0;}
.grid_wrapper .block p{color: var(--gray); margin: 0 0 3.9rem 0;}
.grid_wrapper .block img{filter: drop-shadow(0px 4.81564px 40.9329px rgba(0, 0, 0, 0.1)); transform: rotate(-11.47deg); border-radius: 0.8rem; margin: 0 0 -2.2rem 0; position: relative;}
.unique_wrapper .yellow_button{max-width: 23.8rem; margin: 0 auto;}
/** End Unique Wrapper **/

/** Testimonial **/
.testimonial_wrapper{
    background: linear-gradient(130.41deg, #354563 -48.15%, #0D192F 64.12%);
    padding: 9.5rem 0;
    position: relative;
    overflow: hidden;
}
.testimonial_wrapper h2{text-align: center; color: var(--white); font-size: 3.2rem; font-weight: bold; margin:0 0 6.5rem 0;}
.inner_testimonial_wrapper{position: relative; z-index: 1;}
.inner_testimonial_wrapper ul{overflow: auto; display: flex; flex-wrap: nowrap;}
.inner_testimonial_wrapper ul::-webkit-scrollbar{display: none;}
.inner_testimonial_wrapper ul li:not(:last-child){margin: 0 2rem 0 0;}
.inner_testimonial_wrapper ul li:first-child{margin-left: 6rem;}
.inner_testimonial_wrapper ul li{background: var(--white); border-radius: 1rem; padding: 2.5rem; flex:0 0 33.5rem; }
.inner_testimonial_wrapper ul li header{display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 2rem 0;}
.inner_testimonial_wrapper ul li header h3{flex: 1; font-size: 2rem; font-family: var(--primery); margin: 0 0 0 1rem;}
.inner_testimonial_wrapper ul li header h3 span{display: block; color: var(--gray);}
.inner_testimonial_wrapper ul li p{margin: 0 0 2rem 0; font-size: 1.8rem; color: var(--gray);}
.shape{position: absolute; top: 0; left: 20rem; opacity: 0.3;}
/** End Testimonial **/

/** About Wrapper **/
.about_wrapper{
    max-width: 103rem;
    margin: 8rem auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.about_wrapper .about_content_wrapper{flex: 1; margin: 0 0 0 8.5rem;}
.about_wrapper .about_content_wrapper h2{font-size: 3.2rem; color: var(--charkol); margin: 0 0 2.5rem 0;}
.about_wrapper .about_content_wrapper p{font-size: 1.6rem; color: var(--gray); line-height: 2.6rem; text-align: justify;}
/** End About Wrapper **/

/** Quote Frm **/
.quote_frm_wrapper{
    max-width: 103rem;
    margin: 0 auto -40rem;
    position: relative;
}
.quote_frm_wrapper h2{font-size: 3.2rem; font-weight: bold; color: var(--charkol); margin: 0 0 4rem 0; text-align: center;}
.quote_frm_wrapper input[type="submit"]{margin: 0 auto;}
.inner_quote_wrapper{
    background: var(--white);
    box-shadow: 0px 16.0256px 36.3248px rgba(18, 87, 59, 0.25);
    border-radius: 0.6rem;
    padding: 4rem;
}
.inner_quote_wrapper .block:not(:last-child){margin: 0 0 3rem 0;}
.inner_quote_wrapper .block{display: flex; flex-wrap: wrap;}
.inner_quote_wrapper .block .input_holder{flex: 1;}
.inner_quote_wrapper .block .input_holder:not(:last-child){margin: 0 2.5rem 0 0;}
.inner_quote_wrapper .block .input_holder input[type="text"],
.inner_quote_wrapper .block .input_holder input[type="email"],
.inner_quote_wrapper .block .input_holder input[type="tel"],
.inner_quote_wrapper .block .input_holder input[type="number"]{
    width: 100%;
    border: 0.1rem solid rgba(130, 130, 130, 0.15);
    height: 6rem;
    border-radius: 0.4rem;
    font-size: 1.6rem;
    color: var(--gray);
    padding: 0 2rem;
}
.radio_list{display: flex; flex-wrap: wrap;}
.radio_list li{flex: 1;}
.radio_list li:not(:last-child){margin: 0 0.8rem 0 0;}
.roundtext{margin-bottom: 0 !important;}
.inner_quote_wrapper .block .input_holder label{font-size: 1.8rem; display: block; color: var(--gray); margin: 0 0 1rem 0;}

input[type="checkbox"],
input[type="radio"],
input[type="file"] {
    display: none;
}

input.roundradio[type="radio"]+label.roundtext {
    color: var(--dark-grey-blue);
    cursor: pointer;
    border: 0.1rem solid rgba(130, 130, 130, 0.15);
    border-radius: 0.4rem;
    height: 5rem;
    display: flex; 
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--charkol);
}

input.roundradio[type="radio"]:checked+label.roundtext{
    background: var(--yellow);
    border: 0.1rem solid var(--yellow);
    content: "";
}

input.roundradio[type="checkbox"]+label.roundtext {
    color: var(--dark-grey-blue);
    cursor: pointer;
    border: 0.1rem solid rgba(130, 130, 130, 0.15);
    border-radius: 0.4rem;
    height: 5rem;
    display: flex; 
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--charkol);
}

input.roundradio[type="checkbox"]:checked+label.roundtext{
    background: var(--yellow);
    border: 0.1rem solid var(--yellow);
    content: "";
}

textarea{
    width: 100%;
    height: 13rem;
    border: 0.1rem solid rgba(130, 130, 130, 0.15);
    border-radius: 0.4rem;
    font-size: 1.6rem;
    color: var(--gray);
    padding: 2rem;
    resize: none;
    outline: none;
    font-family: inherit;
}

.grid_list{display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 2rem;}

/** End Quote Frm **/

/** Footer**/
footer{
    background: linear-gradient(130.41deg, #354563 -48.15%, #0D192F 64.12%);
    padding:45rem 7rem 2.5rem;
    border-top-left-radius: 6rem;
    border-top-right-radius: 6rem;

}
footer hr{border: none; background: var(--deep-charkol); width: 100%; height: 0.2rem; margin: 0 0 5rem 0;}
footer .inner_wrapper{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.first_block{
    flex:0 0 40rem;
    margin: 0;
    padding: 0;
}
.first_block .footer_logo{width: 10rem; height: auto; margin: 0 0 3rem 0; display: block;}
.first_block p{font-size: 1.8rem; color: var(--white);  margin: 0 0 3rem 0; display: block;}
.footer_social{display: flex; flex-wrap: wrap;}
.footer_social a:not(:last-child){margin: 0 1rem 0 0;}

.second_block li:not(:last-child){margin: 0 0 1.5rem 0;}
.second_block li a{font-size: 1.8rem; color: var(--white); text-decoration: none;}

.copyright_wrapper{
    border-top: 0.2rem solid var(--deep-charkol);
    padding: 2rem 0 0 0;
    margin: 2rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 1.8rem;
    color: var(--white);
}
.copyright_wrapper ul{display: flex; flex-wrap: wrap;}
.copyright_wrapper ul li:not(:last-child){margin: 0 1rem 0 0; padding: 0 1rem 0 0; border-right: 0.1rem solid var(--white); }
.copyright_wrapper ul li a{color: var(--white); text-decoration: none;}

.inner_footer{padding-top: 6rem;}
.inner_heading{padding: 10rem 0;}
.inner_heading h1{display: block; text-align: center; color: var(--white); margin: 0 0 3rem 0; font-size: 5.2rem; display: block;}
.inner_heading p{text-align: center; font-size: 1.6rem; display: block; color: var(--white);}
.inner_heading p span{color: var(--yellow);}
/** End Footer **/

.content_wrapper{padding: 7rem 12rem;}
.content_wrapper p{font-size: 1.6rem; color: var(--gray); line-height: 2.6rem; margin: 0 0 2rem 0;}
.content_wrapper h2,h3,h4,h5,h6{font-family: var(--primery); margin: 0 0 2rem 0;}
.content_wrapper ul{margin: 0 0 2rem 2rem; list-style: inherit;}
.content_wrapper ul li{list-style: inherit; color: var(--gray);}
.inner_stroke{position: absolute; opacity: 0.2;}
.cross{display: none;}

.error_border{border: 0.1rem solid var(--red) !important;}

.info_text{display: block; color: var(--gray); margin: 1rem 0 0 0;}

.thank_msg{text-align: left; font-size: 2rem; font-weight: bold; margin: 0 0 2rem; color: var(--green_text);}

@media only screen and (max-width:767px) {
    .main_bg{padding-left: 2rem; padding-right: 2rem;}
    .circle_bg{left: 0; top: 0;}
    header{display: flex; justify-content: space-between; align-items: center;}

    nav{display: none;}
    nav{
        background: var(--black);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: auto;
        z-index: 1;
        display: none;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    nav ul{flex-direction: column; align-items: flex-start; padding: 0 2rem;}
    nav ul li:not(:last-child){margin: 0 0 2rem 0;}
    nav ul li a{font-size:2.2rem; color: var(--white);}
    nav ul li.btn a{font-size: 2.2rem; padding: 2rem 6rem; height: auto; border-color: var(--white); width: 100%;}
    a.cross{position: absolute; top: 1rem; right: 1rem; font-size: 6rem; color: var(--charkol-black); text-decoration: none; font-weight: 100; display: block !important; width: 4rem; height: 4rem;}

    .hamburger{display: flex; flex-wrap: wrap; flex-direction: column; width: 3rem; height: 1.7rem;}
    .hamburger span{height: 0.3rem; border-radius: 0.3rem; background: var(--white);}
    .hamburger span:not(:last-child){margin-bottom: 0.4rem;}

    .banner_wrapper{margin-top: 2rem; z-index: unset;}
    .hero_model{margin: 0 auto;}
    .hero_content{margin: 0 0 2rem 0;}
    .hero_content h1{text-align: center; font-size: 3.5rem; line-height: 5rem;}
    .hero_content p{text-align: center; line-height: 2.6rem;}
    .two_blocks{flex-direction: column; justify-content: center;}
    .two_blocks a{margin: 0 0 2rem 0;}

    .small_frm_wrapper{margin-left: 2rem; margin-right: 2rem; border-radius: 1rem; padding: 3rem; margin-top: -5rem;}
    .small_frm_wrapper .inner_wrapper{flex-direction: column; align-items: unset;}
    .small_frm_wrapper .inner_wrapper .block:not(:last-child){margin: 0 0 1.5rem 0;}

    .protection_grid_wrapper h2{line-height: 4rem;}
    .protection_grid_wrapper{margin-left: 2rem; margin-right: 2rem;}
    .inner_grid_wrapper{grid-template-columns:repeat(1,1fr)}
    
    .insurance_box_wrapper{margin-left: 2rem; margin-right: 2rem; flex-direction: column; align-items: center; margin-bottom: 4rem;}
    .insurance_box_wrapper .left_content{margin: 0 0 2rem 0;}
    .insurance_box_wrapper .right_hero{margin: 0 auto;}

    .unique_wrapper{margin-left: 2rem; margin-right: 2rem; margin-bottom: 6rem;}
    .unique_wrapper header{flex-direction: column; margin-bottom: 2rem; }
    .unique_wrapper header h2{margin: 0 0 2rem 0;}
    .unique_wrapper header p{text-align: left;}
    .grid_wrapper{grid-template-columns: repeat(1,1fr);}
    .grid_wrapper .block{padding: 2.5rem 2.5rem 0 2.5rem ;}

    .inner_testimonial_wrapper ul{margin-left: 0;}
    .shape{top: 0; left: 0;}
    .testimonial_wrapper{padding: 5rem 0;}
    .testimonial_wrapper h2{margin-left: 2rem; margin-right: 2rem; line-height:4rem; margin-bottom: 4rem; text-align: left;}

    .inner_partner_wrapper ul{margin-left: 0;}
    
    .about_wrapper{margin: 4rem 2rem; flex-direction: column;}
    .about_wrapper .about_content_wrapper{margin-left: 0; margin-top:0;}
    
    .inner_quote_wrapper{margin: 0 2rem; padding: 2.5rem;}
    .inner_quote_wrapper .block{flex-direction: column;}
    .inner_quote_wrapper .block .input_holder:not(:last-child),
    .inner_quote_wrapper .block:not(:last-child){margin: 0 0 3rem 0;}
    .radio_list{flex-direction: column;}
    .radio_list li:not(:last-child){margin: 0 0 1rem 0;}
    .radio_list li label{margin-bottom: 0 !important;}
    .grid_list{grid-template-columns:repeat(1,1fr);}
    .grid_list li label{margin: 0 !important;}
    footer{border-radius: 1.5rem 1.5rem 0 0; padding-left: 2rem; padding-right: 2rem;}
    footer .inner_wrapper{flex-direction: column; align-items: flex-start;}
    .first_block{flex: 1; margin: 0 0 3rem 0;}
    .second_block{margin-bottom: 3rem;}
    .copyright_wrapper{flex-direction: column;}
    .copyright_wrapper p{font-size: 1.3rem; text-align: center; margin: 0 0 1.5rem 0;}
    .copyright_wrapper ul{justify-content: center;}
    .copyright_wrapper ul li{font-size: 1.3rem;}

    .content_wrapper{padding:4rem 2rem;}
    .inner_stroke{opacity: 0.4;}
    .inner_heading{padding: 7rem 0;}
    .inner_heading h1{font-size:3.2rem; line-height: 4.5rem; margin-bottom: 1.5rem;}
    .quote_frm_wrapper h2{text-align: left; margin-left:2rem; margin-right:2rem;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
    .main_bg{padding-left: 2rem; padding-right: 2rem;}
    .circle_bg{left: 0; top: 0;}
    header{display: flex; justify-content: space-between; align-items: center;}

    nav{display: none;}
    nav{
        background: var(--black);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: auto;
        z-index: 1;
        display: none;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    nav ul{flex-direction: column; align-items: flex-start; padding: 0 2rem;}
    nav ul li:not(:last-child){margin: 0 0 2rem 0;}
    nav ul li a{font-size:2.2rem; color: var(--white);}
    nav ul li.btn a{font-size: 2.2rem; padding: 2rem 6rem; height: auto; border-color: var(--white); width: 100%;}
    a.cross{position: absolute; top: 1rem; right: 1rem; font-size: 6rem; color: var(--charkol-black); text-decoration: none; font-weight: 100; display: block !important; width: 4rem; height: 4rem;}

    .hamburger{display: flex; flex-wrap: wrap; flex-direction: column; width: 3rem; height: 1.7rem;}
    .hamburger span{height: 0.3rem; border-radius: 0.3rem; background: var(--white);}
    .hamburger span:not(:last-child){margin-bottom: 0.4rem;}

    .banner_wrapper{margin-top: 2rem; z-index: unset;}
    .hero_model{margin: 0 auto; max-width: 80%;}
    .hero_content{margin: 0 auto 2rem;}
    .hero_content h1{text-align: center; font-size: 3.5rem; line-height: 5rem;}
    .hero_content p{text-align: center; line-height: 2.6rem;}
    .two_blocks{flex-direction: column; justify-content: center;}
    .two_blocks a{margin: 0 0 2rem 0;}

    .small_frm_wrapper{margin-left: 2rem; margin-right: 2rem;}
    .small_frm_wrapper input[type="submit"]{flex-basis: 100%; flex-grow: 2; margin-top: 2rem;}
    .small_frm_wrapper .inner_wrapper .block:nth-child(3){margin-right: 0;}

    .protection_grid_wrapper{margin-left: 2rem; margin-right: 2rem;}
    .inner_grid_wrapper{grid-template-columns:repeat(2,1fr);}
    .inner_grid_wrapper .block .photo_wrapper img{object-fit: cover; width: 100%; height: 100%;}
    .insurance_box_wrapper{margin-left: 2rem; margin-right: 2rem;}
    .insurance_box_wrapper .right_hero{width: 30rem;}
    .insurance_box_wrapper .left_content{margin-right: 4rem;}

    .unique_wrapper{margin-left: 2rem; margin-right: 2rem; margin-bottom: 5rem;}
    .unique_wrapper header{flex-direction: column; align-items: flex-start;}
    .unique_wrapper header h2{max-width: unset; margin: 0 0 3rem 0;}
    .unique_wrapper header p{max-width: unset; text-align: left;}

    .about_wrapper{margin-left: 2rem; margin-right: 2rem; flex-direction: column;}
    .about_wrapper .about_content_wrapper{margin-left: 0;}
    .inner_quote_wrapper{margin-left: 2rem; margin-right: 2rem;}
    footer .inner_wrapper .yellow_button{margin-top: 2rem;}
    .copyright_wrapper{flex-direction: column; align-items: center;}
    .copyright_wrapper p{margin: 0 0 1.5rem 0;}

    .content_wrapper{padding: 4rem 2rem;}
}


@media only screen and (min-width: 1024px) and (max-width: 1200px){
    .main_bg{padding-left: 3rem; padding-right: 3rem;}
    nav ul li:not(:last-child){margin: 0 2rem 0 0;}
    .banner_wrapper{margin-top: 7rem;}
    .hero_model{max-width: 52%;}
    .hero_content{max-width: 45rem;}
    .hero_content h1{font-size: 3rem; line-height: 4.5rem; margin-bottom: 1.5rem;}
    .hero_content p{font-size: 1.7rem;}
    .two_blocks img{max-width: 20rem;}
    .two_blocks a{margin-right: 2rem;}

    .small_frm_wrapper{max-width: 96rem; margin-top: -6rem;}
    .protection_grid_wrapper,
    .insurance_box_wrapper,
    .unique_wrapper,
    .about_wrapper,
    .quote_frm_wrapper{max-width: 96rem;}

    .right_hero{max-width: 48%;}
    .about_wrapper .about_content_wrapper{margin-left: 0;}
    .about_wrapper .left_photo_wrapper{max-width: 52%;}

    .content_wrapper{padding: 4rem 2rem;}
}