@font-face {

    font-family: 'FS Lola';

    src: url('./FS_Lola_Font/FSLolaExtraBold.eot');

    src: url('./FS_Lola_Font/FSLolaExtraBold.eot?#iefix') format('embedded-opentype'),

        url('./FS_Lola_Font/FSLolaExtraBold.woff2') format('woff2'),

        url('./FS_Lola_Font/FSLolaExtraBold.woff') format('woff'),

        url('./FS_Lola_Font/FSLolaExtraBold.ttf') format('truetype'),

        url('./FS_Lola_Font/FSLolaExtraBold.svg#FSLolaExtraBold') format('svg');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Graphik';

    src: url('./GraphicFont/Graphik-Semibold.eot');

    src: url('./GraphicFont/Graphik-Semibold.eot?#iefix') format('embedded-opentype'),

        url('./GraphicFont/Graphik-Semibold.woff2') format('woff2'),

        url('./GraphicFont/Graphik-Semibold.woff') format('woff'),

        url('./GraphicFont/Graphik-Semibold.ttf') format('truetype'),

        url('./GraphicFont/Graphik-Semibold.svg#Graphik-Semibold') format('svg');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Graphik';

    src: url('./GraphicFont/Graphik-Light.eot');

    src: url('./GraphicFont/Graphik-Light.eot?#iefix') format('embedded-opentype'),

        url('./GraphicFont/Graphik-Light.woff2') format('woff2'),

        url('./GraphicFont/Graphik-Light.woff') format('woff'),

        url('./GraphicFont/Graphik-Light.ttf') format('truetype'),

        url('./GraphicFont/Graphik-Light.svg#Graphik-Light') format('svg');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Graphik';

    src: url('./GraphicFont/Graphik-Regular.eot');

    src: url('./GraphicFont/Graphik-Regular.eot?#iefix') format('embedded-opentype'),

        url('./GraphicFont/Graphik-Regular.woff2') format('woff2'),

        url('./GraphicFont/Graphik-Regular.woff') format('woff'),

        url('./GraphicFont/Graphik-Regular.ttf') format('truetype'),

        url('./GraphicFont/Graphik-Regular.svg#Graphik-Regular') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Graphik';

    src: url('./GraphicFont/Graphik-Medium.eot');

    src: url('./GraphicFont/Graphik-Medium.eot?#iefix') format('embedded-opentype'),

        url('./GraphicFont/Graphik-Medium.woff2') format('woff2'),

        url('./GraphicFont/Graphik-Medium.woff') format('woff'),

        url('./GraphicFont/Graphik-Medium.ttf') format('truetype'),

        url('./GraphicFont/Graphik-Medium.svg#Graphik-Medium') format('svg');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Graphik';

    src: url('./GraphicFont/Graphik-Bold.eot');

    src: url('./GraphicFont/Graphik-Bold.eot?#iefix') format('embedded-opentype'),

        url('./GraphicFont/Graphik-Bold.woff2') format('woff2'),

        url('./GraphicFont/Graphik-Bold.woff') format('woff'),

        url('./GraphicFont/Graphik-Bold.ttf') format('truetype'),

        url('./GraphicFont/Graphik-Bold.svg#Graphik-Bold') format('svg');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Graphik';

    src: url('./GraphicFont/Graphik-Black.eot');

    src: url('./GraphicFont/Graphik-Black.eot?#iefix') format('embedded-opentype'),

        url('./GraphicFont/Graphik-Black.woff2') format('woff2'),

        url('./GraphicFont/Graphik-Black.woff') format('woff'),

        url('./GraphicFont/Graphik-Black.ttf') format('truetype'),

        url('./GraphicFont/Graphik-Black.svg#Graphik-Black') format('svg');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}





* {

    font-family: 'Graphik';

}



body {

    background: var(--White, #FEFEFE);

}



a {

    text-decoration: none !important;

}



.container {

    max-width: 1280px;

}



h1 {

    font-size: 60px;

}



h2 {

    font-size: 40px;

}



h3 {

    font-size: 32px;

}



h5 {

    font-size: 20px;

}



p {

    font-size: 16px;

}



/* Top Header Style Start  */

.top_header {

    background: #343A40;

    padding: 7px 15px;

    position: fixed;

    width: 100%;

    top: 0;

    z-index: 1111;

}



.top_header .top_header_buttons .call_button span {

    color: #FEFEFE;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.4;

    letter-spacing: 0.32px;

}



.top_header .top_header_buttons .call_button span>a {

    font-weight: 600;

    color: #FEFEFE;

}



.top_header .login_button .btn {

    color: #FEFEFE;

    text-align: center;

    font-size: 13px;

    font-weight: 500;

    line-height: 1.3;

    letter-spacing: 0.39px;

    border-radius: 30px;

    background: #EF6604;

    padding: 4px 13px;

    box-shadow: none !important;

}



/* Top Header Style End  */

/* Header Style Start  */

header {

    background: var(--Darker-accesible-blue, #4065D3);

    box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.20);

    padding: 12px 15px;

    position: fixed;

    width: 100%;

    top: 40px;

    z-index: 1111;

}



header #navbarNav .nav-item .nav-link {

    color: var(--White, #FEFEFE);

    text-align: center;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.4;

    letter-spacing: 0.8px;

    text-transform: uppercase;

}



header .navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 12px;

    padding-left: 12px;

}



header .navbar-expand-lg .navbar-nav .nav-link.active,

header .navbar-expand-lg .navbar-nav .nav-link:hover {

    text-decoration: underline !important;

    transition: all .4s ease;

    -webkit-transition: all .4s ease;

}



header .navbar .navbar-brand {

    margin-right: 24px;

}



header .navbar {

    padding: 0 !important;

}



header .covered_button .btn {

    border-radius: 24px;

    background: #EF6604;

    color: #FEFEFE;

    text-align: center;

    font-size: 16px;

    font-weight: 700;

    line-height: 1.3;

    padding: 6px 18px;

}







header .menu-toggle {

    font-size: 30px;

    cursor: pointer;

    color: white;

    border: none;

    z-index: 1001;

    line-height: 0.7;

  }

  

  header  .sidebar {

    width: 350px;

    height: 100vh;

    position: fixed;

    top: 0;

    right: -350px;

    transition: right 0.3s ease-in-out;

    padding: 34px 18px 24px;

    z-index: 1000;

    border-left: 4px solid #F1F5FF;

    background: #4065D3;

    display: grid;

    align-content: space-between;

  }

  header .header-button.text-start {

    padding: 20px 20px 0px;

}

  header .header-button.text-start .btn {

    border-radius: 24px;

    background: #EF6604;

    color: #FEFEFE;

    text-align: center;

    font-size: 16px;

    font-weight: 700;

    line-height: 1.3;

    padding: 6px 18px;

    width: 200px;

}

  

  header .sidebar .menu .menu-item a {

    display: block;

    color: var(--Lighter-gray, #F0F0F0);

    font-size: 18px;

    font-weight: 500;

    line-height: 1.3;

    text-transform: uppercase;

    padding: 18px 16px;

  }

  header .sidebar .menu .menu-item a.active {

    text-decoration: underline !important;

  }

  header .mob .header-button.text-start {

    padding: 20px 20px 0px;

  }

  header .mail a {

    color: var(--Lighter-gray, #F0F0F0);

    font-size: 16px;

    font-weight: 500;

    line-height: 1.3;

    text-transform: uppercase;

    

  }

  header .mail {

    margin-bottom: 20px;

    

  }

  header .social-links ul li a {

    color: rgba(254, 254, 254, 0.60);

    font-size: 12px;

    font-weight: 500;

    line-height: 1.2;

    letter-spacing: 2px;

    text-transform: uppercase;

  }

  

  header #menu-toggle:checked ~ .sidebar {

    right: 0; /* Open the menu from the right */

  }

  

  header #menu-toggle:checked ~ .sidebar + .menu-toggle {

    display: none; /* Hide the ☰ icon when menu is open */

  }

  

  header #menu-toggle:checked ~ .sidebar .close {

    display: block; /* Show the cross icon when menu is open */

  }

  

  header #menu-toggle {

    display: none;

  }

  

  header .sidebar .close {

    font-size: 30px;

    color: white;

    cursor: pointer;

    position: absolute;

    top: 30px;

    right: 30px;

  }

/* Header Style End  */

/* Home Banner  Style Start  */

.home_banner {

    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%), url(./images/Home_Banner_Toco.png) lightgray 0px -37.477px / 100% 152.934% no-repeat;

    background-position: center center;

    background-size: cover;

    padding: 55px 15px;

    margin-top: 105px;

}



.home_banner .trusted_logo p {

    color: #FFF;

    font-size: 15.222px;

    font-weight: 400;

    line-height: 1.3;

    margin-bottom: 5px;

}



.home_banner .banner_heading h1 {

    color: var(--White, #FEFEFE);

    font-weight: 500;

    line-height: 1.1;

    margin: 53px 0px;

}



.home_banner .banner_heading h5 {

    color: var(--White, #FEFEFE);

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: 53px;

}



.home_banner .covered_now .btn {

    border-radius: var(--S, 8px);

    background: var(--Darker-accessible-blue, #4065D3);

    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);

    color: var(--text-light, #FFF);

    text-align: center;

    font-size: 18px;

    font-weight: 600;

    line-height: 1.2;

    padding: 15px 16px;

}



/* Home Banner  Style End  */

/* Customer Service  Style Start  */

.customer_service {

    background: rgba(124, 160, 249, 0.10);

    padding: 30px 15px;

}



.customer_service .customer_service_box h5 {

    color: var(--Darker-accesible-blue, #4065D3);

    font-weight: 600;

    line-height: 1.3;

    margin: 8px 0px;

}



.customer_service .customer_service_box p {

    color: var(--Black-100, #141414);

    font-weight: 400;

    line-height: 1.3;

    margin: 0;

}



/* Customer Service  Style End  */

/* Reliable protection  Style Start  */

.reliable_protection {

    padding: 80px 15px;

    overflow: hidden;

}



.reliable_protection .reliable_protection_image img {

    border-radius: 18.041px;

}



.reliable_protection .reliable_protection_content h2 {

    color: var(--Black-100, #141414);

    font-weight: 600;

    line-height: 1.2;

    margin: 0;

    margin-top: 20px;

}



.reliable_protection .reliable_protection_content p {

    color: var(--Black-80, #3D3D3D);

    font-weight: 500;

    line-height: 1.4;

    margin: 30px 0px;

}



.reliable_protection .reliable_protection_content .reliable_protection_list {

    display: flex;

    align-items: start;

    gap: 17px;

    margin-bottom: 22px;

}



.reliable_protection .reliable_protection_content .reliable_protection_list .icon>i {

    color: #4065D3;

    font-size: 18px;

}



.reliable_protection .reliable_protection_content .reliable_protection_list .content h5 {

    color: #4065D3;

    font-size: 18px;

    font-weight: 500;

    line-height: 1.3;

    margin-bottom: 4px;

}



.reliable_protection .reliable_protection_content .reliable_protection_list .content p {

    color: var(--Black, #140505);

    font-weight: 400;

    line-height: 1.2;

    margin: 0;

}



/* Reliable protection  Style End  */

/* Flexible Coverage  Style Start  */

.flexible_coverage {

    background: rgba(124, 160, 249, 0.07);

    padding: 50px 15px 70px;

}



.flexible_coverage .flexible_coverage_heading h5 {

    color: var(--Darker-accessible-blue, #4065D3);

    font-size: 18px;

    font-weight: 500;

    line-height: 1.3;

    text-transform: uppercase;

    margin-bottom: 20px;

}



.flexible_coverage .flexible_coverage_heading h2 {

    color: var(--Black-100, #141414);

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: 40px;

}



.flexible_coverage .flexible_coverage_box {

    border-radius: 10px;

    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #F1F5FF;

    height: 100%;

}



.flexible_coverage .flexible_coverage_box_content {

    padding: 30px;

    text-align: center;

}



.flexible_coverage .flexible_coverage_box_content h4 {

    color: var(--Darker-accesible-blue, #4065D3);

    font-size: 24px;

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: 20px;

}



.flexible_coverage .flexible_coverage_box_content p {

    color: #000;

    font-weight: 400;

    line-height: 1.2;

}



.flexible_coverage .flexible_coverage_box_image img {

    border-radius: 10px 10px 0px 0px;

}



.learn_more_button .btn {

    margin-top: 40px;

    border-radius: var(--S, 8px);

    background: var(--Darker-accessible-blue, #4065D3);

    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);

    color: var(--text-light, #FFF);

    font-size: 18px;

    font-weight: 600;

    line-height: 1.2;

    padding: 16px 16px;

}



/* Flexible Coverage  Style End  */

/* Why Toco  Style Start  */

.why_toco {

    padding: 80px 15px;

    overflow: hidden;

}



.why_toco .why_toco_heading h2 {

    color: var(--Black-100, #141414);

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: 10px;

}



.why_toco .why_toco_heading h5 {

    color: var(--Black-100, #141414);

    font-weight: 400;

    line-height: 1.3;

    margin-bottom: 60px;

}



.why_toco .why_toco_image>img {

    border-radius: 18.041px;

}



.why_toco .why_toco_content h3 {

    color: var(--Black-100, #141414);

    font-weight: 600;

    line-height: 1.4;

    margin-bottom: 30px;

}



.why_toco .why_toco_content p {

    color: var(--Black-100, #141414);

    font-size: 18px;

    font-weight: 400;

    line-height: 1.3;

    margin: 0;

}



/* Why Toco  Style End  */

/* What’s Covered  Style Start  */

.what’s_covered {

    padding: 0px 15px 60px;

}



.what’s_covered .what’s_covered_content h3 {

    color: var(--Black-100, #141414);

    font-weight: 600;

    line-height: 1.4;

}



.what’s_covered .what’s_covered_content p {

    color: var(--Black-80, #3D3D3D);

    font-weight: 400;

    line-height: 1.4;

    margin: 30px 0px;

}



.what’s_covered .what’s_covered_content .what’s_covered_list {

    display: flex;

    align-items: start;

    gap: 17px;

    margin-bottom: 22px;

}



.what’s_covered .what’s_covered_content .what’s_covered_list .content h5 {

    color: #4065D3;

    font-size: 18px;

    font-weight: 500;

    line-height: 1.3;

    margin-bottom: 4px;

}



.what’s_covered .what’s_covered_content .what’s_covered_list .content p {

    color: var(--Black, #140505);

    font-weight: 400;

    line-height: 1.2;

    margin: 0;

}



.what’s_covered .what’s_covered_content .what’s_covered_list .icon>i {

    color: #4065D3;

    font-size: 18px;

}



.what’s_covered .what’s_covered_image>img {

    border-radius: 18.041px;

}



.what’s_covered .discover_button .btn {

    border-radius: var(--S, 8px);

    background: var(--Darker-accessible-blue, #4065D3);

    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);

    color: var(--text-light, #FFF);

    text-align: center;

    font-size: 18px;

    font-weight: 600;

    line-height: 1.2;

    padding: 15px 16px;

}



.what’s_covered .sec_1 {

    margin-bottom: 80px;

}



/* What’s Covered  Style End  */

/* How Its Work  Style End  */

.how_it_works {

    background: rgba(124, 160, 249, 0.07);

    padding: 40px 15px 60px;

}



.how_it_works .heading h2 {

    color: var(--Black-100, #141414);

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: 15px;

}



.how_it_works .heading h5 {

    color: var(--Black-100, #141414);

    font-weight: 400;

    line-height: 1.3;

    margin-bottom: 60px;

}



.how_it_works .how_its_work_boxes {

    border-radius: 10px;

    background: #FFFFFF;

    padding: 20px 30px;

    height: 100%;

    display: grid;

    align-content: space-around;

}



.how_it_works .how_its_work_boxes .icon h5 {

    color: var(--Darker-accesible-blue, #4065D3);

    font-size: 24px;

    font-weight: 600;

    line-height: 1.2;

    margin: 20px 0px;

}



.how_it_works .how_its_work_boxes p {

    color: #000;

    font-weight: 400;

    line-height: 1.3;

    margin: 0px;

}



.how_it_works .arrow_icon_01,

.arrow_icon_03 {

    position: absolute;

    top: 15px;

    right: -33px;

    z-index: 11;

}



.how_it_works .arrow_icon_02 {

    position: absolute;

    bottom: 15px;

    right: -33px;

    z-index: 11;

}



.how_it_works .discover_button .btn {

    border-radius: var(--S, 8px);

    background: var(--Darker-accessible-blue, #4065D3);

    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);

    color: var(--text-light, #FFF);

    text-align: center;

    font-size: 18px;

    font-weight: 600;

    line-height: 1.2;

    padding: 15px 16px;

}



/*  How Its Work   Style End  */

/* testimonial  Style Start  */

.testimonial {

    padding: 80px 15px;

}



.testimonial .testimonial_box {

    border-radius: 10.808px;

    padding: 30px 37px 40px;

    height: 417px;

    display: grid;

    margin-bottom: 40px;

    align-content: space-between;

}



.testimonial .testimonial_box h5 {

    color: #FFF;

    font-weight: 600;

    line-height: 1.2;

    margin: 22px 0px;

}



.testimonial .testimonial_box p {

    color: #FFF;

    font-weight: 600;

    line-height: 1.3;

    margin: 0;

}



.testimonial .cta_sec {

    padding: 40px 37px;

    border-radius: 10.808px;

    background: var(--Darker-accessible-blue, #4065D3);

    margin: 0;

}



.testimonial .cta_content h3 {

    color: var(--White, #FEFEFE);

    font-size: 38px;

    font-weight: 600;

    line-height: 1.4;

    margin-bottom: 24px;

}



.testimonial .cta_content h5 {

    color: var(--White, #FEFEFE);

    font-weight: 400;

    line-height: 1.3;

}



.testimonial .covered_now_button .btn {

    border-radius: var(--S, 8px);

    background: var(--Dark-blue, #003F8B);

    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);

    color: var(--text-light, #FFF);

    text-align: center;

    font-family: Graphik;

    font-size: 22px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    padding: 16px 16px;

}



/* testimonial  Style End  */

/* Footer  Style Start  */

footer {

    border-radius: 50px 50px 0px 0px;

    background: var(--Darker-accessible-blue, #4065D3);

    box-shadow: 0px -10px 60px 20px rgba(0, 0, 0, 0.04);

    padding: 80px 15px 50px;

}



footer .social_link ul {

    display: flex;

    align-items: center;

    gap: 20px;

    padding-left: 0;

    margin-top: 24px;

}



footer .social_link ul li {

    list-style: none;

}



footer .content h5 {

    color: var(--White, #FEFEFE);

    font-size: 18px;

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: 18px;

}



footer .content .btn {

    border-radius: 24px;

    background: #EF6604;

    color: var(--White, #FEFEFE);

    font-size: 16px;

    font-weight: 700;

    line-height: 1.2;

    padding: 7px 19px;

}



footer .footer_menu ul {

    padding: 0;

    list-style: none;

    margin: 0;

}



footer .footer_menu ul li {

    margin-bottom: 15px;

}



footer .footer_menu ul li a {

    color: var(--White, #FEFEFE);

    font-size: 18px;

    font-weight: 400;

    line-height: 1.2;

}



footer .footer_contact h5 {

    margin-bottom: 40px;

    color: var(--White, #FEFEFE);

    font-size: 18px;

    font-weight: 600;

    line-height: 1.3;

}



footer .contact_box {

    margin-bottom: 20px;

}



footer .contact_box a {

    color: var(--White, #FEFEFE);

    font-size: 16px;

    font-weight: 400;

    line-height: 1.3;

}



footer .contact_box a>img {

    padding-right: 6px;

}



footer .footer_discription {

    display: flex;

    align-items: start;

    justify-content: space-between;

    flex-wrap: wrap;

}



footer .footer_menu {

    border: solid 1px rgb(217 219 233 / 30%);

    border-top: 0;

    border-bottom: 0;

    height: 137px;

    padding: 0px 40px;

}



footer .copyright p {

    color: #D9DBE1;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.3;

    margin: 0;

    margin-top: 40px;

}



/* Footer  Style End  */



/* PROTECTION PLANS Page Style Start  */



/* Banner Style Start  */

.protection_plans_banner {



    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) -30.03%, rgba(0, 0, 0, 0.60) 100%), url(./images/protection_plans_banner.png) lightgray 0px -232.433px / 118.542% 225.292% no-repeat;

    background-size: cover;

    background-position: center center;

}



.home_banner.protection_plans_banner .banner_heading h1 {

    margin: 44px 0px;

}



.home_banner.protection_plans_banner .banner_heading h5 {

    margin-bottom: 44px;

}



.home_banner.protection_plans_banner .trusted_logo p {

    color: var(--White, #FEFEFE);

    font-size: 18px;

    font-weight: 500;

    line-height: 1.3;

    text-transform: uppercase;

}



.home_banner.protection_plans_banner .banner_heading {

    max-width: 852px;

}



/* Banner Style End  */

/* Explore Our Plans Style Start  */

.explore_plans {

    padding: 60px 15px;

    border-top: 1px solid rgb(195 211 252 / 50%);

    border-bottom: 1px solid rgb(195 211 252 / 50%);

}



.explore_plans .explore_plans_heading {

    max-width: 1094px;

    margin: auto;

}



.explore_plans .explore_plans_heading h5 {

    color: var(--Darker-accessible-blue, #4065D3);

    font-size: 18px;

    font-weight: 500;

    line-height: 1.3;

    text-transform: uppercase;

    margin: 0;

}



.explore_plans .explore_plans_heading h2 {

    color: var(--Black-100, #141414);

    font-weight: 600;

    line-height: 1.3;

    margin: 16px 0px;

}



.explore_plans .explore_plans_heading p {

    color: var(--Black, #140505);

    font-size: 16px;

    font-weight: 400;

    line-height: 1.3;

    margin-bottom: 40px;

}



.explore_plans .explore_plans_boxes {

    border-radius: 10px;

    border: 2px solid #E3E3E3;

    box-shadow: 0px 2px 30px 0px rgba(255, 255, 255, 0.04);

    padding: 30px 20px 20px;

}



.explore_plans .explore_plans_boxes .heading h3 {

    color: var(--Black-100, #141414);

    font-size: 32px;

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: 10px;

}



.explore_plans .explore_plans_boxes .heading p {

    color: #8E8E8E;

    font-style: normal;

    font-weight: 500;

    line-height: 1.3;

    text-transform: uppercase;

    margin: 0;

}



.explore_plans .explore_plans_boxes .include h5 {

    color: var(--Black-100, #141414);

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: 20px;

}



.explore_plans .explore_plans_boxes .list span {

    color: var(--Black-80, #3D3D3D);

    font-size: 16px;

    font-weight: 400;

    line-height: 1.3;

}



.explore_plans .explore_plans_boxes .list {

    margin-bottom: 14px;

}



.explore_plans .explore_plans_boxes .list>i {

    font-size: 18px;

    padding-right: 2px;

}



.explore_plans .discover_button .btn {

    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 0px 0px;

    color: var(--text-light, #FFF);

    text-align: center;

    font-size: 18px;

    font-weight: 600;

    line-height: 1.2;

    border-radius: var(--S, 8px);

    background: var(--Darker-accessible-blue, #4065D3);

    padding: 15px 16px;

}



/* Explore Our Plans Style End  */

/*  Plan Benefits Style Start  */

.plan_benefits {

    padding: 50px 15px 40px;

}



.plan_benefits .plan_benefits_heading h5 {

    color: var(--Darker-accessible-blue, #4065D3);

    font-size: 18px;

    font-weight: 500;

    line-height: 1.3;

    text-transform: uppercase;

}



.plan_benefits .plan_benefits_heading h2 {

    color: var(--Black-100, #141414);

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: 40px;

}



.plan_benefits .plan_benefits_boxes {

    border-radius: 10px;

    background: #F1F5FF;

    padding: 20px;

}



.plan_benefits .plan_benefits_boxes h5 {

    color: var(--Darker-accesible-blue, #4065D3);

    font-weight: 600;

    line-height: 1.2;

    margin: 20px 0px;

}



.plan_benefits .plan_benefits_boxes p {

    color: var(--Black, #140505);

    font-weight: 400;

    line-height: 1.3;

    margin: 0px;

}



.plan_benefits .plan_benefits_boxes {

border-radius: 10px;

    background: #F1F5FF;

    padding: 20px;

    height: 240px;

    margin-bottom: 40px;

    display: flex;

    width: 100%;

    align-items: center;

    flex-direction: column;

    justify-content: center;

}



.plan_benefits .plan_benefits_boxes img {

    width: 50px;

}



/*  Plan Benefits Style End  */

/*  FAQ Style Start  */

.faq {

    padding: 60px 15px;

    background: rgba(124, 160, 249, 0.07);

}



.faq .heading h2 {

    color: #141414;

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: 40px;

}



.faq .accordion_tabs {

    border-radius: 16px;

    background: var(--White, #FEFEFE);

    box-shadow: 0px 5px 16px 0px rgba(8, 15, 52, 0.06);

    padding: 20px 40px;

}



.faq .accordion-button {

    border: none !important;

    box-shadow: none !important;

    padding: 20px 0px 20px 8px;

    color: var(--Black, #140505);

    font-size: 18px;

    font-weight: 600;

    line-height: 1.3;

}



.faq .accordion-body {

    padding: 0px 8px 20px;

    color: var(--Black-80, #3D3D3D);

    font-size: 16px;

    font-weight: 400;

    line-height: 1.3;

}



.faq .accordion-button:not(.collapsed) {

    color: #0c63e4;

    background-color: transparent;

    box-shadow: none;

}



.faq .accordion-item {

    background-color: transparent;

    border: none;

    border-bottom: 1px solid #C2C2C2;

    margin: 8px 0px;

}



.faq .discover_button .btn {

    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 0px 0px;

    color: var(--text-light, #FFF);

    text-align: center;

    font-size: 18px;

    font-weight: 600;

    line-height: 1.2;

    border-radius: var(--S, 8px);

    background: var(--Darker-accessible-blue, #4065D3);

    padding: 15px 16px;

}



/* FAQ Style End  */





            /* How Its Work Style Start  */



/* Banner Style Start  */

.how_its_work_banner {



    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) -30.03%, rgba(0, 0, 0, 0.60) 100%), url(./images/how_its_work_banner.png) lightgray 0px -232.433px / 118.542% 225.292% no-repeat;

    background-size: cover;

    background-position: center center;

}



.home_banner.how_its_work_banner .banner_heading h1 {

    margin: 44px 0px;

}



.home_banner.how_its_work_banner .banner_heading h5 {

    margin-bottom: 44px;

}



.home_banner.how_its_work_banner .trusted_logo p {

    color: var(--White, #FEFEFE);

    font-size: 18px;

    font-weight: 500;

    line-height: 1.3;

    text-transform: uppercase;

}



.home_banner.how_its_work_banner .banner_heading {

    max-width: 830px;

}



/* Banner Style End  */

/* Timeline Sec Style Start  */

.timeline_sec {

    padding: 80px 15px 0px;

    border-top: 1px solid rgb(195 211 252 / 50%);

}



.timeline_sec .heading h2 {

    color: var(--Black-100, #141414);

    font-weight: 600;

    line-height: 1.3;

    margin: 0;

}



.timeline_sec .heading h5 {

    color: var(--Black-100, #141414);

    font-weight: 400;

    line-height: 1.2;

    margin: 40px 0px;

}



.timeline_sec .discover_button .btn {

    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 0px 0px;

    color: var(--text-light, #FFF);

    text-align: center;

    font-size: 18px;

    font-weight: 600;

    line-height: 1.2;

    border-radius: var(--S, 8px);

    background: var(--Darker-accessible-blue, #4065D3);

    padding: 15px 16px;

}

.timeline_sec .timeline_list {

    display: flex;

    align-items: start;

    gap: 17px;

    margin-bottom: 12px;

}

.timeline_sec .timeline_list .content h5 {

    color: #4065D3;

    font-size: 18px;

    font-weight: 500;

    line-height: 1.3;

    margin-bottom: 4px;

}

.timeline_sec .timeline_list  .icon>i {

    color: #4065D3;

    font-size: 18px;

}

.timeline_sec .timeline_list .content p {

    color: var(--Black, #140505);

    font-weight: 400;

    line-height: 1.2;

    margin: 0;

}

.timeline_sec .timeline-container {

    position: relative;

    padding-left: 80px;

}

.timeline_sec .timeline-container::before {

    content: "";

    position: absolute;

    left: 29px;

    top: 0;

    bottom: 0;

    width: 2px;

    background-color: rgba(46, 117, 240, 0.3);

    z-index: 0;

    height: 86%;

}

.timeline_sec .timeline-step {

    position: relative;

    margin-bottom: 60px;

}



.timeline_sec .circle {

    position: absolute;

    left: -76px;

    top: 0;

    width: 50px;

    height: 50px;

    text-align: center;

    z-index: 1;

    color: var(--Darker-accessible-blue, #4065D3);

    font-size: 32px;

    font-weight: 600;

    line-height: 1.6;

    border-radius: 50px;

    background: var(--Light-purple, #C3D3FC);

}



.timeline_sec .timeline-step .content h3 {

    color: var(--Darker-accessible-blue, #4065D3);

    font-size: 24px;

    font-weight: 600;

    line-height: 1.3;

}



.timeline_sec .timeline-step .content h4 {

    margin-bottom: 30px;

    color: var(--Darker-accessible-blue, #4065D3);

    font-size: 18px;

    font-weight: 500;

    line-height: 1.3;

    text-transform: uppercase;

    opacity: 0.7;

}



.timeline_sec .content p {

    color: var(--Black, #140505);

    font-weight: 400;

    line-height: 1.3;

    margin-bottom: 0;

}



/* Timeline Sec Style End  */







            /* contact us Start  */



/* Banner Style Start  */

.contact_banner {



    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) -30.03%, rgba(0, 0, 0, 0.60) 100%), url(./images/contact_banner.png) lightgray 0px -232.433px / 118.542% 225.292% no-repeat;

    background-size: cover;

    background-position: center center;

}



.home_banner.contact_banner .banner_heading h1 {

    margin: 44px 0px;

}



.home_banner.contact_banner .banner_heading h5 {

    margin-bottom: 44px;

}



.home_banner.contact_banner .trusted_logo p {

    color: var(--White, #FEFEFE);

    font-size: 18px;

    font-weight: 500;

    line-height: 1.3;

    text-transform: uppercase;

}



.home_banner.contact_banner .banner_heading {

    max-width: 634px;

}

/* Banner Style End  */

/* Contact Form Style Start  */

.contact_form_sec{

    padding: 60px 20px;

}

.contact_form_sec .contact_form {

    padding: 40px;

}

.contact_form_sec .contact_form h3 {

    color: var(--Black, #140505);

    font-size: 32px;

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: 50px;

}

.contact_form_sec .contact_form .form-label {

    color: var(--Black, #140505);

    font-size: 16px;

    font-weight: 500;

    line-height: 1;

    margin-bottom: 8px !important;

}

.contact_form_sec .contact_form .form-control {

    border-radius: 5px;

    background: var(--White, #FEFEFE);

    height: 54px;

    padding: 18px 10px;

    box-shadow: none !important;

    border: none !important;

}

.contact_form_sec .contact_form button.form_buttom {

    color: var(--text-light, #FFF);

    font-size: 18px;

    font-weight: 600;

    line-height: 1.3;

    border-radius: var(--S, 8px);

    background: var(--Darker-accessible-blue, #4065D3);

    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);

    padding: 14px 49px;

    border: none;

    margin-top: 40px;

}

.contact_form_sec .col-img {

    background-image: url(./images/contact_us_sec.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    height: 650px;

    border-radius: 8px 0px 0px 8px;

}

.contact_form_sec .contact_box {

    border-radius: 10.808px;

    background: rgba(195, 211, 252, 0.50);

    padding: 30px 37px 40px;

    height: 100%;

}

.contact_form_sec .contact_box .icon h4 {

    color: var(--Darker-accessible-blue, #4065D3);

    font-size: 24px;

    font-weight: 600;

    line-height: 1.3;

    margin: 0;

    margin-left: 15px;

}

.contact_form_sec .contact_box .content h5 {

    color: var(--Black, #140505);

    font-weight: 400;

    line-height: 1.3;

    margin-bottom: 29px;

}

.contact_form_sec .contact_box .content p {

    color: var(--Darker-accessible-blue, #4065D3);

    font-size: 24px;

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: 0;

}

/* Contact Form Style End  */





            /* Blog Page Style Start  */



/* Banner Style Start  */

.blog_banner {



    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) -30.03%, rgba(0, 0, 0, 0.60) 100%), url(./images/blog_banner.png) lightgray 0px -232.433px / 118.542% 225.292% no-repeat;

    background-size: cover;

    background-position: center center;

}



.home_banner.blog_banner .banner_heading h1 {

    margin: 80px 0px;

}



.home_banner.blog_banner .banner_heading h5 {

    margin-bottom: 44px;

}



.home_banner.blog_banner .trusted_logo p {

    color: var(--White, #FEFEFE);

    font-size: 18px;

    font-weight: 500;

    line-height: 1.3;

    text-transform: uppercase;

    opacity: 0.8;

}



.home_banner.blog_banner .banner_heading {

    max-width: 720px;

}

/* Banner Style End  */

/* Banner Style End  */

.blog_grid{

    padding: 80px 15px;

}

.blog_grid .blog_grid_item {

    border-radius: 10px;

    background: #F1F5FF;

    height: 100%;

}

.blog_grid .blog_grid_item .blog_grid_content{

    padding: 22px 20px;

}

.blog_grid .blog_grid_item .blog_grid_img img {

    height: 368.051px;

    object-fit: cover;

    border-radius: 10px 10px 0px 0px;

}

.blog_grid .blog_grid_item .blog_grid_content h4 {

    color: var(--Darker-accesible-blue, #4065D3);

    font-size: 24px;

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: 22px;

}

.blog_grid .blog_grid_item .blog_grid_content p {

    color: #000;

    font-weight: 400;

    line-height: 1.3;

    margin-bottom: 22px;

}

.blog_grid .blog_grid_item .learn_more .btn {

    border-radius: var(--S, 8px);

    background: var(--Darker-accessible-blue, #4065D3);

    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);

    color: var(--text-light, #FFF);

    font-size: 18px;

    font-weight: 600;

    line-height: 1;

    padding: 16px 16px;

}

/* Banner Style End  */



           /* Blog Post Page Style Start  */



/* Banner Style Start  */

.blog_post_banner {



    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) -30.03%, rgba(0, 0, 0, 0.60) 100%), url(./images/blog_image_01.png) lightgray 0px -232.433px / 118.542% 225.292% no-repeat;

    background-size: cover;

    background-position: center center;

}



.home_banner.blog_post_banner .banner_heading h1 {

    margin: 38px 0px;

}



.home_banner.blog_post_banner .banner_heading h5 {

    margin-bottom: 38px;

    font-size: 24px;

}



.home_banner.blog_post_banner .trusted_logo p {

    color: var(--White, #FEFEFE);

    font-size: 18px;

    font-weight: 500;

    line-height: 1.3;

    text-transform: uppercase;

    opacity: 0.8;

}

.home_banner.blog_post_banner .banner_heading p {

    color: var(--White, #FEFEFE);

    font-size: 18px;

    font-weight: 500;

    line-height: 1.3;

    margin: 0;

}



.home_banner.blog_post_banner .banner_heading {

    max-width: 720px;

}

/* Banner Style End  */



/* Post Content Style Start  */

.post_content {

    padding: 50px 15px 20px;

}

.post_content .content p {

    color: var(--Black-100, #141414);

    font-size: 16px;

    font-weight: 400;

    line-height: 1.3;

    margin-bottom: 8px;

}

.post_content .content  {

    margin-bottom: 30px;

}

/* Post Content Style End  */

/* Carousle Section Style Start  */

.blog_grid.carousel_section {

    background: #F1F5FF;

    padding: 60px 0px;

}

.blog_grid.carousel_section .heading h2 {

    color: var(--Darker-accessible-blue, #4065D3);

    font-size: 40px;

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: 40px;

    padding: 0px 15px;

}

.blog_grid.carousel_section .blog_grid_item {

    border-radius: 10px;

    height: 100%;

    background: #FFF;

}

/* Carousle Section Style End  */

@media(max-width: 1300px){

.plan_benefits .col-lg-4.col-md-6 {

    padding: 0 15px;

}

}

@media(max-width:1200px) {



    /* Reliable Protection  */

    .reliable_protection {

        padding: 60px 0px 0px;

    }



    .reliable_protection .img-pad,

    .what’s_covered .img-pad {

        padding: 0;

    }



    .reliable_protection .reverse,

    .what’s_covered .reverse {

        flex-direction: column-reverse;

    }



    .reliable_protection .reliable_protection_image img {

        border-radius: 0;

        height: auto;

        object-fit: cover;

        padding-top: 30px;

    }

 .what’s_covered .what’s_covered_image img {

        border-radius: 0;

        height: 550px;

        object-position: 100% 24%;

        object-fit: cover;

        padding-top: 30px;

    }

    .what’s_covered .what’s_covered_image img {

        padding-bottom: 30px;

        padding-top: 0 !important;

    }



    .reliable_protection .reliable_protection_content {

        padding: 0px 15px;

    }



    /* Reliable Protection End  */



    /* Flexible Coverage   */

    .flexible_coverage .flexible_coverage_box_content {

        padding: 30px 20px;

    }



    /* Flexible Coverage  End */



    /* Why Toco? Start  */

    .why_toco .img-pad {

        padding: 0;

    }



    .why_toco {

        padding: 60px 0px;

    }



    .why_toco .why_toco_image img {

        border-radius: 0;

        height: auto;

        object-fit: cover;

        padding-bottom: 30px;

    }



    .why_toco .why_toco_content,

    .why_toco .why_toco_heading {

        padding: 0px 15px;

    }



    /* Why Toco? End  */

    .what’s_covered {

        padding: 0px 10px 60px;

    }



    /* How it works  */

    .how_it_works .how_its_work_boxes {

        padding: 40px 30px;

        height: auto;

        margin-bottom: 40px;

    }



    .how_it_works .arrow_icon_02 {

        bottom: 11px;

        right: auto;

        left: -23px;

        transform: rotate(0.4turn);

    }



    .how_it_works .arrow_icon_03 {

        bottom: 64px;

        right: -33px;

        top: auto;

    }



    /* How it works End  */



    .testimonial .covered_now_button {

        text-align: start !important;

        margin-top: 30px;

    }



    .plan_benefits .plan_benefits_boxes {

        margin-bottom: 30px;

    }





    .timeline_sec .heading {

        padding-bottom: 50px;

    }

    .timeline_sec .heading h5 {

        margin: 20px 0px 40px;

    }

    .plan_benefits .plan_benefits_boxes h5 {

        font-size: 18px;

}

}



@media(max-width:1024px) {

    h1 {

        font-size: 50px;

    }



    h2 {

        font-size: 36px;

    }



    h3 {

        font-size: 30px;

    }

}



@media(max-width:992px) {

    h1 {

        font-size: 48px;

    }



    /* Top Header  */

    .top_header .top_header_buttons {

        justify-content: center !important;

    }



    .top_header .login_button {

        display: none;

    }



    /* Top Header  End */



    /* Header  */

    header {

        top: 38px;

    }



    header .destop_menu{

        display: none;

    }

    header .mob_menu{

        display: flex !important;

    }



    /* Header End  */



    .home_banner {

        margin-top: 94px;

    }



    /* Customer Service   */

    .customer_service .customer_service_box {

        text-align: start !important;

        margin-bottom: 24px;

    }



    .customer_service .icon_text {

        display: flex;

        align-items: center;

        gap: 10px;

        margin-bottom: 10px;

    }



    .customer_service {

        padding: 24px 15px;

        padding-bottom: 0;

    }



    /* Customer Service End   */



    /* Flexible Coverage   */

    .flexible_coverage .flexible_coverage_box {

        height: auto;

        margin-bottom: 30px;

    }



    .flexible_coverage .flexible_coverage_box_image img {

        height: 300px;

        object-fit: cover;

    }





    /* How it works  */

    .how_it_works .arrow_icon_01,

    .how_it_works .arrow_icon_03 {

        top: auto;

        right: 60px;

        bottom: -7px;

        left: auto;

        transform: rotate(0.21turn);

    }



    .how_it_works .arrow_icon_02 {

        bottom: -7px;

        right: auto;

        left: 60px;

        transform: rotate(0.21turn);

    }



    .how_it_works .discover_button {

        margin-top: 20px !important;

    }



    /* How it works  End */



    .testimonial .testimonial_box {

        height: 350px;

    }



    .testimonial .cta_content h3 {

        font-size: 36px;

    }





    /* footer  */

    footer .footer_discription {

        margin-top: 40px;

    }



    footer .footer_menu {

        padding: 0px 70px;

    }





    .explore_plans .explore_plans_boxes {

        margin-bottom: 30px;

    }

    .contact_form_sec .col-img {

        height: 500px;

        border-radius: 8px 8px 0px 0px;

    }

    .contact_form_sec .contact_form {

        padding: 40px 30px;

    }



    .contact_form_sec .contact_box {

        height: auto;

        margin-bottom: 40px;

    }

    .contact_form_sec {

        padding: 60px 20px 20px;

    }

    .plan_benefits .plan_benefits_boxes {

        height: 220px;

    }

}



@media(max-width:767px) {

    h1 {

        font-size: 44px;

    }



    h2 {

        font-size: 32px;

    }



    h5 {

        font-size: 18px;

    }



    /* Home Banner  */

    .home_banner {

        padding: 50px 10px;

    }



    .home_banner .banner_heading h1 {

        margin: 40px 0px;

    }



    .home_banner .banner_heading h5 {

        margin-bottom: 30px;

    }



    .home_banner .covered_now .btn {

        font-size: 16px;

    }



    /* Home Banner  End */



    /* Customer Service   */

    .customer_service {

        padding: 24px 10px;

        padding-bottom: 0;

    }



    /* Customer Service End   */



    /* Reliable Protection  */

    .reliable_protection .reliable_protection_image img {

        padding-top: 20px;

    }



    .reliable_protection {

        padding: 40px 0px 0px;

    }



    .reliable_protection .reliable_protection_content {

        padding: 0px 5px;

    }



    /* Reliable Protection End  */



    /* Flexible Coverage   */

    .flexible_coverage {

        padding: 50px 10px 60px;

    }



    .learn_more_button .btn {

        margin-top: 20px;

        font-size: 16px;

    }



    .flexible_coverage .flexible_coverage_box_content {

        padding: 24px 20px;

    }



    .flexible_coverage .flexible_coverage_box_content h4 {

        font-size: 22px;

        margin-bottom: 16px;

    }



    /* Flexible Coverage  End */



    /* Why Toco? Start  */

    .why_toco .why_toco_image img {

        height: auto;

        padding-top: 20px;

    }

    .what’s_covered .what’s_covered_image img{

         height: 500px;

        padding-top: 20px;

     }

    

    .why_toco .why_toco_content,

    .why_toco .why_toco_heading {

        padding: 0px 5px;

    }



    .why_toco .why_toco_heading h5 {

        margin-bottom: 40px;

    }



    /* Why Toco? End  */



    .what’s_covered .sec_1 {

        margin-bottom: 60px;

    }





    .testimonial {

        padding: 80px 10px;

    }



    .testimonial .testimonial_box {

        height: auto;

    }



    .testimonial .testimonial_box.image {

        height: 350px;

    }



    .testimonial .cta_sec {

        padding: 40px 20px;

    }



    .testimonial .cta_content h3 {

        font-size: 28px;

    }



    .testimonial .covered_now_button .btn {

        font-size: 18px;

    }





    /* footer  */

    footer {

        padding: 70px 10px 30px;

        border-radius: 30px 30px 0px 0px;

    }



    footer .footer_menu {

        border: solid 1px rgb(217 219 233 / 30%);

        border-left: 0px;

        border-right: 0px;

        height: auto;

        padding: 20px 0px 0px;

    }



    footer .footer_discription {

        display: block;

    }



    footer .content {

        padding-bottom: 20px;

    }



    footer .footer_contact h5 {

        margin-bottom: 18px;

        padding-top: 20px;

    }



    footer hr {

        margin-top: 20px !important;

    }



    footer .copyright p {

        margin-top: 20px;

    }



    .explore_plans {

        padding: 60px 10px;

    }



    .explore_plans .explore_plans_boxes .heading h3 {

        font-size: 30px;

    }



    .explore_plans .discover_button {

        margin-top: 10px !important;

    }



    .faq .accordion_tabs {

        padding: 20px 20px;

    }



    .faq {

        padding: 0px 15px 60px;

    }





    .timeline_sec {

        padding: 50px 10px 0px;

    }

    .timeline_sec .timeline-container {

        padding-left: 70px;

    }

    .timeline_sec .timeline-container::before {

        left: 16px;

        height: 84%;

    }

    .timeline_sec .timeline-step .content h4 {

        font-size: 16px;

        margin-bottom: 20px;

    }

    .timeline_sec .timeline-step .content h3 {

        font-size: 22px;

    }

    .timeline_sec .circle {

        width: 44px;

        height: 44px;

        font-size: 26px;

        line-height: 1.7;

    }



    .contact_form_sec .contact_form {

        padding: 40px 15px;

    }

    .contact_form_sec .col-img {

        height: 300px;

    }



    .contact_form_sec .contact_box {

        padding: 40px 22px;

    }

    .contact_form_sec .contact_box .content p {

        font-size: 20px;

    }



    .blog_grid {

        padding: 60px 10px;

    }

    .blog_grid .blog_grid_item .blog_grid_img img {

        height: 300px;

    }

    .post_content {

        padding: 30px 10px 20px;

    }

    .plan_benefits .plan_benefits_boxes {

       height: auto;

       margin-bottom: 20px;

    }

    .plan_benefits {

        padding: 50px 20px 40px;

    }

    .plan_benefits .plan_benefits_boxes {

        padding: 26px 20px;

    }

}

@media(max-width:600px) {

    .home_banner {

        background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%), url(./images/home_mobile.png) lightgray 0px -37.477px / 100% auto no-repeat;

        background-position: top center;

        background-size:cover;

    }

    .protection_plans_banner{

        background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%), url(./images/protection_mobile.png) lightgray 0px -37.477px / 100% auto no-repeat;

        background-position: center center;

        background-size:cover; 

    }

    .blog_banner{

         background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%), url(./images/blog_mobile.png) lightgray 0px -37.477px / 100% auto no-repeat;

        background-position: top center;

        background-size:cover; 

    }

    .how_its_work_banner{

        background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%), url(./images/how_it_works_mobile.png) lightgray 0px -37.477px / 100% auto no-repeat;

        background-position: top center;

        background-size:cover; 

    }

    .home_banner.blog_banner .banner_heading h1 {

        margin: 50px 0px;

    }

}

@media(max-width:480px) {

    h1 {

        font-size: 36px;

    }



    h2 {

        font-size: 30px;

    }

    header .sidebar {

        width: 282px;

        right: -282px;

      }



}

.customer_service_box img {
    width: 45px;
    height: 45px;
}
.service-box img {
    width: 35px;
    height: 35px;
}
.how_its_work_boxes img {
    width: 50px;
    height: 50px;
}
.plan_benefits_boxes img {
    width: 50px;
    height: 50px;
}
.wh-50 {
    width: 50px;
    height: 50px;
}