/* ====================== RESPONSIVE SETTINGS ====================== */

/* =========== All page Responsive =============== */


/* global style tab */
@media all and (max-width: 768px) {
    h1 {
        font-size: 42px !important;
        font-weight: 600;
        line-height: 42px;
    }

    h2 {
        font-size: 34px !important;
        font-weight: 600;
        line-height: 42px;
    }

    h3 {
        font-size: 32px !important;
        font-weight: 600;
        line-height: 38px;
    }

    h4 {
        font-size: 22px !important;
        font-weight: 600;
        line-height: 28px;
    }

    h5 {
        font-size: 16px !important;
        font-weight: 600;
        line-height: 22px;
    }

    h6 {
        font-size: 12px !important;
        font-weight: 500;
        line-height: 18px;
    }

    p {
        font-size: 12px !important;
        font-weight: 400;
        line-height: 18px;
    }

    button {
        font-size: 12px !important;
        font-weight: 400;
        line-height: 18px;
        padding: 14px 30px 14px 30px;
    }

    a {
        font-size: 12px !important;
        font-weight: 400;
        line-height: 16px;
        /* padding: 14px 30px 14px 30px !important; */
    }
}

/* global style mobile */
@media all and (max-width: 480px) {
    h1 {
        font-size: 36px !important;
        font-weight: 600;
        line-height: 36px;
    }

    h2 {
        font-size: 30px !important;
        font-weight: 600;
        line-height: 40px;
    }

    h3 {
        font-size: 28px !important;
        font-weight: 600;
        line-height: 34px;
    }

    h4 {
        font-size: 20px !important;
        font-weight: 600;
        line-height: 26px;
    }

    h5 {
        font-size: 18px !important;
        font-weight: 600;
        line-height: 24px;
    }

    h6 {
        font-size: 12px !important;
        font-weight: 500;
        line-height: 18px;
    }

    p {
        font-size: 12px !important;
        font-weight: 400;
        line-height: 18px;
    }

    button {
        font-size: 12px !important;
        font-weight: 400;
        line-height: 18px;
        padding: 12px 32px 12px 32px;
    }

    a {
        font-size: 12px !important;
        font-weight: 400;
        line-height: 18px;
        /* padding: 12px 26px 12px 26px !important; */
    }
    #damanaplan{
        margin-top: 30px;
    }
    .dis-content{
        right: 33px;
    }
    .text-wrapper-32{
        text-align: center;
        margin-top: 72px;
    }
    .text-wrapper-33{
        margin-left: 35px;
    }
    .text-wrapper-34{
        margin-left: 35px;
    }
    .policybutton{
        margin-left: 37px;
    }
    .comparisonbutton{
        margin-left: 37px;
        margin-top: 15px;
    }
    .Policybutton{
        margin-left: 37px;
        margin-top: 15px;
        margin-bottom: 30px;
    }
    #profile p{
        margin-left: 0px;
        width: 462px;
    }
    #profileimage{
        margin-top: 12px;
    }
    #testimonialimage1{
        width: 100%;
    }
    .heading11{
        margin-top: 5px;
    }
    .heading12{
        margin-bottom: 20px;
    }
}

/* global grid setting start*/
@media all and (max-width: 1199px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1128px;
    }
    .floating_btn  {
        top: 75%;
    }
}

@media all and (max-width: 991px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 970px;
    }
    .floating_btn  {
        top: 80%;
        right: 0%;
    }
    #testimonialimage1{
        width: 100%;
    }
}

/* End of global grid setting*/

/* === button back to top ====*/
@media all and (max-width: 480px) {
    #backToTopBtn {
        padding: 13px 17px !important;
    }
}

/*whatsapp icon*/
@media all and (max-width: 768px) {
    .contact_icon {
        width: 50px;
        height: 50px;
    }

    .floating_btn i {
        font-size: 28px;
    }
    #testimonialimage1{
        width: 100%;
    }
}

/* === End of button back to top ====*/

/* ====== 1.1 Header section ====== */
@media all and (min-width: 992px) {
    .navbar .dropdown-menu-end {
        right: 0;
        left: auto;
    }

    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
    }

    .navbar .nav-item:hover .nav-link {
        color: #505050;
    }

    .navbar .dropdown-menu.fade-down {
        top: 80%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
    }

    .navbar .dropdown-menu.fade-up {
        top: 180%;
    }

    .navbar .nav-item:hover .dropdown-menu {
        transition: .3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg);
        padding: 10px 45px 10px 0;
    }
    #testimonialimage1{
        width: 100%;
    }
}

@media all and (max-width: 768px) {
    .navbar-brand img {
        width: 140px;
    }

    .navbar-toggler {
        padding: 8px 13px;
    }

    .navbar-toggler i {
        font-size: 26px;
    }

    .sidebar img {
        width: 135px;
    }

    .sidebar button {
        padding: 5px 12px;
    }

    .sidebar {
        padding: 20px 0;
    }
}

@media all and (max-width: 480px) {
    .navbar-brand img {
        width: 135px;
    }

    .navbar-toggler {
        padding: 7px 11px;
    }

    .navbar-toggler i {
        font-size: 24px;
    }

    .sidebar button i {
        font-size: 21px !important;
    }

    .sidebar button {
        padding: 7px 12px 5px 12px;
    }
}

@media all and (max-width: 360px) {
    .navbar-brand img {
        width: 150px;
    }

    .sidebar {
        width: 265px;
    }

    .sidebar img {
        width: 120px;
    }
    

}

/* ====== End of 1.1 Header section ====== */


/* ====== 1.2 hero section ====== */
@media all and (max-width: 1024px) {
    .heroBox

{
    gap: 5px;
}

#hero .col-md-4 {
    padding: 0 6px;
}

#testimonialimage1 {
    width: 100%;
}

}

@media all and (max-width: 991px) {
    .heroBox {
        gap: 6px;
    }

    #hero .col-md-4 {
        padding: 0 3px;
    }

    img[alt="carIcon"] {
        width: 45px;
    }

    img[alt="lifeIcon"] {
        width: 45px;
    }

    img[alt="homeIcon"] {
        width: 35px;
    }

    img[alt="moreIcon"] {
        width: 28px;
    }

    img[alt="moneyIcon"] {
        width: 36px;
    }
}

@media all and (max-width: 768px) {
    #hero {
        padding: 70px 0;
    }

    img[alt="heroCursor"] {
        width: 26px;
    }

    img[alt="borderLine"] {
        width: 90%;
        padding: 15px 0 20px 0;
    }

    .heroContent p {
        padding: 0 0 30px 0;
    }

    img[alt="healthIcon"] {
        width: 35px;
    }

    img[alt="travelIcon"] {
        width: 36px;
    }

    img[alt="moneyIcon"] {
        width: 34px;
    }

    img[alt="marineIcon"] {
        width: 35px;
    }

    #hero .flex-column {
        gap: 20px;
    }

    .morebox {
        padding-top: 26px;
        padding-bottom: 26px;
    }
}

@media all and (max-width: 767px) {
    #hero {
        padding: 50px 0;
    }

        #hero h6 {
            text-align: center;
        }

        #hero h1 {
            text-align: center;
            padding: 0 0 0 25px;
        }

    .heroContent::before {
        left: -121px;
        top: -84px;
        background-size: 122px;
        background-position: center;
    }

    img[alt="borderLine"] {
        width: 55%;
        display: block;
        margin: 0 auto;
    }

    .heroContent p {
        text-align: center;
        padding: 0 100px 20px 100px;
    }

    #hero .globalBtn2 {
        display: flex;
        justify-content: center;
    }
}

@media all and (max-width: 480px) {
    .heroContent p {
        padding: 0 30px 15px 30px;
    }

    img[alt="marineIcon"] {
        width: 34px;
    }

    img[alt="moneyIcon"] {
        width: 32px;
    }

    img[alt="carIcon"] {
        width: 47px;
    }

    .morebox {
        padding-top: 21px;
        padding-bottom: 21px;
    }
}

@media all and (max-width: 360px) {
    #hero .col-md-4 {
        width: 100%;
    }

    #hero .flex-column {
        gap: 10px;
    }

    #hero .row {
        gap: 10px;
    }

    .heroContent p {
        padding: 0 10px 15px 10px;
    }

    .heroBox {
        gap: 12px;
    }

    img[alt="heroCursor"] {
        width: 20px;
    }
}

/* ====== End of 1.2 hero section ====== */

/* ====== 1.3 client section ====== */
@media all and (max-width: 768px) {
    #clients p {
        padding: 4px 14px 0 0;
    }
}

@media all and (max-width: 767px) {
    #clients p {
        padding: 4px 0 0 0;
    }
}

@media all and (max-width: 480px) {
    img[alt="client-5"] {
        width: 40px;
    }

    img[alt="client-4"] {
        width: 40px;
    }

    img[alt="client-3"] {
        width: 40px;
    }

    img[alt="client-2"] {
        width: 40px;
    }

    img[alt="client-1"] {
        width: 40px;
    }

    img[alt="arrow"] {
        width: 80px;
        margin: 0;
    }

    #clients .col-md-9 {
        padding: 0;
    }

    #clients p {
        text-align: center;
    }
    
}

@media all and (max-width: 360px) {
    #clients .justify-content-md-end {
        justify-content: start !important;
    }

    #clients h1 {
        font-size: 30px;
    }

    img[alt="arrow"] {
        width: 65px;
    }

    img[alt="client-5"] {
        width: 35px;
    }

    img[alt="client-4"] {
        width: 35px;
    }

    img[alt="client-3"] {
        width: 35px;
    }

    img[alt="client-2"] {
        width: 35px;
    }

    img[alt="client-1"] {
        width: 35px;
    }

    #clients .ms-sm-5 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: 2.5rem !important;
    }
}

/* ====== End of 1.3 client section ====== */

/* ====== 1.4 logo section ====== */

@media all and (max-width: 1399px) {
    .logos1 img

{
    width: 115px !important;
}

#logo img {
    width: 130px;
}

}

@media all and (max-width: 991px) {
    .logos1 img {
        width: 100px !important;
    }

    #logo h2 {
        padding-bottom: 50px;
    }

    #logo img {
        width: 120px;
    }

    #logo h2:before {
        left: -198px;
        top: -123px;
        height: 288%;
    }
}

@media all and (max-width: 768px) {
    #logo {
        padding: 70px 0;
    }

        #logo h2 {
            padding-bottom: 40px;
        }

            #logo h2:before {
                left: -166px;
                top: -107px;
                height: 288%;
                background-size: 72px;
            }
}

@media all and (max-width: 767px) {
    #logo {
        padding: 50px 0;
    }

    .logos div {
        display: flex;
        justify-content: center;
    }
}

@media all and (max-width: 575px) {
    .logos1 img {
        width: 88px !important;
    }

    #logo img {
        width: 110px;
    }
}

@media all and (max-width: 480px) {
    #logo h2:before {
        left: -141px;
    }

    .logos1 img {
        width: 88px !important;
    }

    #logo img {
        width: 110px;
    }
}

@media all and (max-width: 370px) {
    .logos1 img {
        width: 88px !important;
    }

    #logo img {
        width: 100px;
    }
}

/* ====== End of 1.4 logo section ====== */


/* ====== 1.5 why choose section ====== */
@media all and (min-width: 1400px) {
    .award {
        left: -50px;
    }

    .experience {
        left: -50px;
    }

    .inplans {
        width: 200px;
        bottom: -43px;
    }

    .chooseContent p {
        color: #7E7E7E;
        padding: 8px 0 0 0;
    }

    .chooseContent {
        padding: 0 0 0 87px;
    }
    .floating_btn  {
        top: 75%;
    }
}

@media all and (max-width: 1024px) {
    .award {
        left: 2px;
        top: 9px;
    }

    .experience {
        left: 5px;
        width: 215px;
    }

    .chooseContent {
        padding: 0 0 0 30px;
    }

    .inplans {
        bottom: -25px;
    }

    .chooseContent h2 {
        padding: 30px 0 40px 40px;
    }
}

@media all and (max-width: 991px) {
    .experience {
        left: 15px;
        width: 215px;
        bottom: 30px;
    }

    .award {
        left: 15px;
        top: 9px;
    }
}

@media all and (max-width: 921px) {
    .chooseContent {
        padding: 0 0 0 0;
    }

    .inplans {
        width: 187px;
        right: -13px;
    }
}

@media all and (max-width: 768px) {
    #choose {
        padding: 70px 0;
    }

    .experience {
        left: 15px;
        width: 180px;
        bottom: 7px;
    }

    .experience h1 {
        font-size: 50px;
        line-height: 50px;
    }

    .award {
        left: 15px;
        top: -29px;
    }

    .inplans {
        width: 172px;
        right: -3px;
        bottom: -1px !important;
    }

    .chooseContent h2 {
        padding: 15px 0 15px 15px;
    }
}

@media all and (max-width: 767px) {
    #choose {
        padding: 50px 0;
    }

    .chooseContent h2::before {
        display: none;
    }

    img[alt="chooseImg"] {
        width: 70%;
        margin: 0 auto;
        display: block;
    }

    .experience {
        width: 70%;
        position: static;
        display: block;
        margin: 0 auto;
        margin-top: 10px;
        text-align: center;
    }

    .award {
        left: 40px;
        top: 9px;
    }

    .inplans {
        width: 70%;
        padding: 20px 10px 15px 20px;
        position: static;
        display: block;
        margin: 0 auto;
        text-align: center;
        margin-top: 10px;
    }

    .exp-line {
        display: block;
        margin: 0 auto;
    }

    img[alt="Inplans"] {
        display: block;
        margin: 0 auto;
    }

    .chooseContent h2 {
        text-align: center;
        padding: 35px 0 15px 15px;
    }

    .chooseContent img {
        width: 60px;
    }
}

@media all and (max-width: 480px) {
    .experience h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .chooseContent img {
        width: 45px;
    }

    .chooseContent p {
        color: #7E7E7E;
        padding: 8px 0 0 0;
    }

    .award {
        top: -27px;
    }
}

@media all and (max-width: 360px) {
    img[alt="chooseImg"] {
        width: 100%;
    }

    .experience {
        width: 100%;
    }

    .inplans {
        width: 100%;
    }

    .award {
        top: -33px;
    }
}

/* ====== End of 1.5 why choose section ====== */

/* ====== 1.6 call us section ====== */
@media all and (min-width: 1400px) {
    #call h2 {
        padding: 30px 130px 0 0;
    }
}

@media all and (max-width: 768px) {
    #call {
        padding: 0 0 70px 0;
    }

    #call img {
        width: 90%;
    }

    #call p {
        padding: 15px 0 40px 0;
    }
}

@media all and (max-width: 767px) {
    #call {
        padding: 0 0 60px 0;
    }

    #call h2::before {
        display: none;
    }

    #call h2 {
        text-align: center;
    }

    #call p {
        padding: 15px 0 30px 0;
        color: #7E7E7E;
        text-align: center;
    }

    #call .globalBtn2 {
        display: flex;
        justify-content: center;
    }

    #call img {
        width: 50%;
    }
}

@media all and (max-width: 480px) {
    #call img {
        width: 70%;
    }

    #call p {
        padding: 15px 0 20px 0;
    }
}

/* ====== End of 1.6 call us section ====== */

/* ====== 1.7 services section ====== */
@media all and (min-width: 1900px) {
    #services::before {
        top: 42px;
    }
}

@media all and (min-width: 1400px) {
    #services h2 {
        padding: 0 430px 40px 430px;
    }

    .serviceCard p {
        padding: 0 50px 30px 50px;
    }

    #services figure {
        margin-top: -88px;
    }
}

@media all and (max-width: 1199px) {
    #services h2 {
        padding: 0 250px 40px 250px;
    }
}

@media all and (max-width: 931px) {
    #services figure {
        margin-right: 7px;
    }
}

@media all and (max-width: 991px) {
    #services h2 {
        padding: 0 200px 30px 200px;
    }

    #services::before {
        transform: translateY(20px);
    }

    #services h2::before {
        left: -192px;
        background-size: 106px;
    }
}

@media all and (max-width: 768px) {
    #services {
        padding: 70px 0;
    }

    #services h2::before {
        left: -118px;
    }

    #services .card-1 {
        margin-top: 50px;
    }

    #services .card-2 {
        margin-top: 50px;
    }

    #services h2 {
        padding: 0 200px 20px 200px;
    }

    .serviceCard h5 {
        padding: 20px 0 12px 0;
    }

    img[alt="servicesImg"] {
        width: 100%;
    }
}

@media all and (max-width: 767px) {
    #services {
        padding: 50px 0;
    }

    #services h2 {
        padding: 0 100px 10px 100px;
    }

    #services h2::before {
        left: -188px;
    }

    #services .card-1 {
        margin-top: 0;
    }

    #services .card-2 {
        margin-top: 0;
    }

    img[alt="servicesImg"] {
        width: 60%;
    }

    #services figure {
        margin-top: -100px;
        margin-right: 48px;
    }
}

@media all and (max-width: 480px) {
    #services h2 {
        padding: 0 30px 10px 30px;
    }

    #services h2::before {
        display: none;
    }

    img[alt="servicesImg"] {
        width: 90%;
    }

    #services figure {
        height: 70px;
        width: 70px;
        margin-top: -94px;
        margin-right: -5px;
    }

    img[alt="serviceMotor"] {
        width: 45px;
    }

    img[alt="serviceTravel"] {
        width: 35px;
    }

    img[alt="serviceHome"] {
        width: 35px;
    }

    .serviceCard h5 {
        padding: 18px 0 10px 0;
    }
}

@media all and (max-width: 360px) {
    #services h2 {
        padding: 0 10px 10px 10px;
    }

    #services figure {
        height: 65px;
        width: 65px;
        margin-top: -75px;
    }

    img[alt="serviceMotor"] {
        width: 40px;
    }

    img[alt="serviceTravel"] {
        width: 30px;
    }

    img[alt="serviceHome"] {
        width: 30px;
    }
}

/* ====== End of 1.7 services section ====== */

/* ====== 1.8 testimonials section ====== */
@media all and (min-width: 1900px) {
    img[alt="testimonialsIcon1"] {
        left: 298px;
    }

    .testimonialsPage-slider {
        padding: 0 20px 0 100px;
    }
}

@media all and (min-width: 1400px) {
    img[alt="testimonialsIcon2"] {
        padding-top: 170px;
        width: 110px;
    }

    .testimonialCard p {
        padding: 50px 0 40px 0;
    }

    .testimonialCard h2 {
        padding: 10px 0 0 30px;
    }

    img[alt="testimonialsIcon1"] {
        width: 110px;
    }
}

@media all and (max-width: 1024px) {
    img[alt="testimonialsIcon2"] {
        padding-top: 25px;
    }
}

@media all and (max-width: 1199px) {
    .offersSlider .slick-prev {
        left: 0% !important;
    }
}

@media all and (max-width: 991px) {
    .testimonialCard h2::before {
        left: -5px;
        top: -47px;
    }

    .testimonialCard {
        padding: 10px 0 0 0;
    }

    .testimonialCard p {
        padding: 25px 0 20px 0;
    }

    img[alt="testimonialsIcon2"] {
        padding-top: 20px;
        width: 80px;
    }

    img[alt="testimonialsIcon1"] {
        width: 80px;
    }

    .testimonialsPage-slider .slick-next {
        bottom: 11% !important;
    }

    .testimonialsPage-slider .slick-prev {
        bottom: 11% !important;
        left: 84.4% !important;
    }


}

@media all and (max-width: 768px) {
    #testimonials {
        padding: 70px 0 0 0;
    }

    .testimonialCard h2 {
        padding-top: 0;
        padding-right: 0;
    }

    img[alt="testimonialsIcon1"] {
        top: 0;
    }

    .testimonialsPage-slider {
        padding: 0;
    }

    img[alt="testimonialsIcon2"] {
        padding-top: 62px;
    }

    .testimonials {
        padding-bottom: 70px !important;
    }
}

@media all and (max-width: 767px) {
    #testimonials {
        padding: 50px 0 0 0;
    }

    .testimonialCard h2 {
        padding-top: 20px;
        text-align: center;
    }

    .testimonialCard p {
        padding: 12px 0 15px 0;
        text-align: center;
    }

    img[alt="testimonialsImg"] {
        width: 60%;
        display: block;
        margin: 0 auto;
    }

    .testimonialCard h5 {
        text-align: center;
    }

    .slick-slide img {
        display: block;
    }

    img[alt="testimonialsIcon2"] {
        padding-top: 0;
        width: 70px;
        margin-top: 25px;
    }

    img[alt="testimonialsIcon1"] {
        width: 70px;
        top: 7px;
    }

    .testimonialsPage-slider .slick-next {
        bottom: 3% !important;
        right: 13.6%;
    }

    .testimonialsPage-slider .slick-prev {
        left: 81.4% !important;
        bottom: 3% !important;
    }

    .testimonials {
        padding-bottom: 50px !important;
    }

    .offersSlider .slick-next {
        right: 0% !important;
        bottom: 50% !important;
    }

    .offersSlider .slick-prev {
        left: 3% !important;
        bottom: 50% !important;
    }
}

@media all and (max-width: 575px) {
    .testimonialsPage-slider {
        padding: 0 10px;
    }

    .testimonialCard h2 {
        padding-top: 10px;
    }

    .testimonialsPage-slider .slick-prev {
        left: 74.4% !important;
    }

    .offersSlider .slick-prev {
        left: 3% !important;
        bottom: 50% !important;
    }
    .testimonialsPage-slider .slick-next {
        right: 8.6% !important;
    }
}

@media all and (max-width: 480px) {
    .testimonialCard h2::before {
        display: none;
    }

    img[alt="testimonialsImg"] {
        width: 100%;
    }

    .testimonialCard p {
        padding: 12px 0 8px 0;
    }

    .testimonialsPage-slider .slick-next {
        right: 37.6% !important;
        bottom: -6% !important;
    }

    .testimonialsPage-slider .slick-prev {
        left: 36.4% !important;
        bottom: -6% !important;
    }

    .offersSlider .slick-next {
        right: 10% !important;
        bottom: 50% !important;
    }

    .offersSlider .slick-prev {
        left: 3% !important;
        bottom: 50% !important;
    }
}

/* ====== End of 1.8 testimonials section ====== */


/* ====== End of 1.8 testimonials section ====== */

/* ====== 1.9 faq section ====== */
@media all and (max-width: 991px) {
    .faqContent:before {
        left: -106px;
        top: -41px;
        background-size: 84px;
    }
}

@media all and (max-width: 768px) {
    #faq {
        padding: 70px 0;
    }
}

@media all and (max-width: 767px) {
    #faq {
        padding: 100px 0 50px 0;
    }

    /* .faqContent2::before {
        left: -186px !important;
    } */
}

/* ====== End of 1.9 faq section ====== */

/* ====== 1.10 help section ====== */
/* ====== End of 1.10 help section ====== */

/* ====== 1.11 footer section ====== */
@media all and (max-width: 991px) {
    footer p {
        color: #7E7E7E;
        padding: 25px 15px 0 0;
    }

    img[alt="facebookIcon"] {
        width: 30px;
    }

    img[alt="instaIcon"] {
        width: 25px;
    }

    img[alt="linkdinIcon"] {
        width: 27px;
    }

    img[alt="twitterIcon"] {
        width: 20px;
    }
}

@media all and (max-width: 768px) {
    footer {
        padding: 70px 0 0 0;
    }

    footer img {
        width: 170px;
    }

    footer p {
        color: #7E7E7E;
        padding: 15px 10px 0 0;
    }
}

@media all and (max-width: 767px) {
    footer {
        padding: 50px 0 0 0;
    }

    footer img {
        display: block;
        margin: 0 auto;
    }

    footer p {
        text-align: center;
        padding: 15px 10px 30px 0;
    }
}

@media all and (max-width: 575px) {
    .socialIcons {
        justify-content: center;
    }

    footer p {
        padding: 15px 10px 0 0;
    }

    footer img {
        width: 160px;
    }
    img[alt="downArrow"]{
        display: block;
    }
    .footer-list1,
    .footer-list2,
    .footer-list3,
    .footer-list4,
    .footer-list5,
    .footer-list6,
    .footer-list7,
    .footer-list8,
    .footer-list9,
    .footer-list10{
        height: 0;
        overflow: hidden;
    }
    
}

/* ====== End of 1.11 footer section ====== */

/* ====== 1.12 sub footer section ====== */
@media all and (max-width: 768px) {
    #subFooter {
        padding: 50px 0 70px 0;
    }
}

@media all and (max-width: 767px) {
    #subFooter {
        padding: 20px 0 50px 0;
    }
}

/* ====== End of 1.12 sub footer section ====== */

/* Health Page Style */
/* ====== 2.1 hero section ====== */
@media all and (min-width: 1400px) {
    .formLimit button {
        padding: 16px 14px 14px 14px;
    }
}

@media all and (max-width: 1199px) {
    .healthForm {
        padding: 35px 30px;
    }
}

@media all and (max-width: 991px) {
    img[alt="healthCateg"] {
        width: 34px;
    }

    .healthCircle figure {
        height: 100px;
        width: 100px;
    }

    .formLimit button {
        padding: 18px 8px 16px 8px;
        width: auto;
    }

    .formGender button {
        padding: 10px 16px;
        gap: 10px;
        width: auto;
    }

    img[alt="maleGender"] {
        width: 12px;
    }

    .healthForm .globalBtn button {
        padding: 12px 10px 12px 10px !important;
    }
}

@media all and (max-width: 768px) {
    img[alt="healthIcon2"] {
        width: 70px;
    }

    .health_hero {
        padding: 70px 0;
    }

    img[alt="healthCateg"] {
        width: 30px;
    }

    .healthCircle figure {
        height: 80px;
        width: 80px;
    }

    .healthForm {
        padding: 25px 15px;
    }

    .healthForm form label {
        padding: 16px 0 8px 0;
    }

    .healthForm form select {
        font-size: 14px;
        padding: 16px 16px 16px 12px;
    }

    .healthForm form input {
        font-size: 14px;
        padding: 16px 16px 16px 12px;
    }

    .formGender button {
        padding: 10px 22px;
    }

    .formLimit button {
        padding: 18px 14px 16px 14px;
    }

    .healthForm form label {
        font-size: 14px;
    }
}

@media all and (max-width: 767px) {
    img[alt="healthImg"] {
        width: 100%;
    }

    .health_hero h2 {
        text-align: center;
        padding: 40px 0 15px 0;
    }

    .health_hero {
        padding: 50px 0;
    }

    .healthForm {
        padding: 30px 40px;
    }

    img[alt="healthCateg"] {
        width: 40px;
    }

    .healthCircle figure {
        height: 100px;
        width: 100px;
    }

    .healthForm form label {
        padding: 22px 0 8px 0;
    }

    .formGender button {
        padding: 10px 34px;
    }

    .formLimit button {
        padding: 18px 24px 16px 24px;
    }

    .health_Icon {
        justify-content: center;
        flex-direction: column;
        padding-top: 15px;
        gap: 4px;
    }

    .image2 {
        margin-left: 57px;
    }
}

@media all and (max-width: 480px) {
    .health_hero h2 {
        padding: 25px 0 0 0;
    }

    .bestIcons {
        padding: 0 60px;
    }

    .health_Icon {
        padding-top: 12px;
    }

    img[alt="healthCateg"] {
        width: 26px;
    }

    .healthCircle figure {
        height: 80px;
        width: 80px;
    }

    .healthForm {
        padding: 25px 25px;
    }

    .formGender button {
        padding: 10px 24px;
    }

    .formLimit button {
        padding: 18px 20px 16px 20px;
    }

    .healthForm form select {
        font-size: 12px;
        padding: 14px 16px 14px 12px;
    }

    .healthForm form input {
        font-size: 12px;
        padding: 14px 16px 14px 12px;
    }

    .healthForm form label {
        padding: 18px 0 8px 0;
    }

    .healthForm form label {
        font-size: 12px;
    }
}

@media all and (max-width: 360px) {
    img[alt="healthIcon2"] {
        width: 60px;
    }

    img[alt="healthCateg"] {
        width: 22px;
    }

    .bestIcons {
        padding: 0 10px;
    }

    .healthCircle figure {
        height: 70px;
        width: 70px;
    }

    .healthForm {
        padding: 25px 15px;
    }

    .healthForm form label {
        padding: 16px 0 4px 0;
    }

    .formGender {
        flex-direction: column;
    }

    .formLimit {
        flex-direction: column;
    }
}

/* ====== End of 2.1 hero section ====== */

/* ====== 2.2 benefits section ====== */
@media all and (max-width: 991px) {
    .benefitCard {
        padding: 30px 15px 35px 10px;
    }

    #benefitsSection h2 {
        padding-bottom: 30px;
    }
}

@media all and (max-width: 768px) {
    .benefitCard {
        padding: 30px 10px 35px 10px;
    }

    #benefitsSection {
        padding: 70px 0;
    }

    #benefitsSection h2:before {
        left: -173px;
        top: -78px;
        background-size: 80px;
    }
}

@media all and (max-width: 767px) {
    .benefitCard {
        padding: 30px 20px 35px 20px;
    }

    #benefitsSection {
        padding: 50px 0;
    }

    #benefitsSection h2:before {
        left: -146px;
        top: -65px;
        width: 100%;
        height: 220%;
        background-size: 73px;
    }
}

/* ====== End of 2.2 benefits section ====== */

/* ====== offer section ====== */
@media all and (max-width: 1199px) {
    .offersSlider {
        padding: 0 30px 0 25px !important;
    }
}

@media all and (max-width: 991px) {
    .offerCard h2 {
        padding: 24px 0 0 32px;
    }

    .offersSlider .slick-prev {
        left: -1% !important;
        bottom: 50% !important;
    }

    .offerCard {
        display: block;
        padding: 30px 0 0 10px;
    }

    .offerCard p {
        width: auto;
    }

    .offersSlider .slick-next {
        right: 10% !important;
        bottom: 50% !important;
    }
}

@media all and (max-width: 768px) {
    .offersSlider {
        padding: 0 56px 0 25px !important;
    }

    .offerCard p {
        padding: 5px 0 15px 0;
    }

    .text-wrapper-9 {
        margin-top: 10px;
    }

    .offerCard h2 {
        padding: 24px 0 0 20px;
    }

    .homeoffers {
        padding-bottom: 70px !important;
    }

    #homeoffers {
        padding: 70px 0 0 0;
    }
}

@media all and (max-width: 767px) {
    .offerCard {
        padding: 0 0 0 0;
    }

    .offerCard p {
        text-align: center;
    }

    .text-wrapper-9 {
        text-align: center;
    }

    .offerCard h2 {
        padding: 24px 0 0 20px;
        text-align: center;
    }

    .offerCard h2::before {
        left: 48px;
        background-size: 101px 94px;
    }

    #homeoffers {
        padding: 50px 0 0 0;
    }

    .homeoffers {
        padding-bottom: 50px !important;
    }

    .offersSlider {
        padding: 0 55px 0 35px !important;
    }

    #lifeoffers {
        padding: 50px 0 0 0;
    }

    .lifeoffers {
        padding-bottom: 50px !important;
    }
}

@media all and (max-width: 480px) {
    .offerCard h2::before {
        left: -2px;
        background-size: 101px 94px;
    }
}

/* ====== End of offer section ====== */

/* ====== life insurance hero section ====== */
@media all and (max-width: 991px) {
    .heroSection {
        padding-right: 40px;
    }
}

@media all and (max-width: 768px) {
    .heroSection {
        padding-right: 40px;
    }
}

@media all and (max-width: 767px) {
    .heroSection {
        padding-right: 0;
    }

    img[alt="lifeform"] {
        width: 50px;
    }
}

/* ====== End of life insurance hero section ====== */

/* ====== home insurance hero section ====== */
@media all and (max-width: 768px) {
    .home_hero {
        padding: 70px 0 !important;
    }
}

@media all and (max-width: 480px) {
    .home_hero {
        padding: 50px 0 !important;
    }
}

/* ====== End of home insurance hero section ====== */

/* motor insurance payment method page */
@media all and (max-width: 1199px) {
    .paymentLogo img {
        width: 245px;
    }

    .paymentDetail {
        padding: 50px 30px 0 30px;
    }

    .payMethod img {
        width: 130px;
    }

    img[alt="payLine"] {
        width: 400px;
    }
}

@media all and (max-width: 991px) {
    .paymentLogo img {
        width: 201px;
    }

    .paymentDetail {
        padding: 50px 0px 0 0px;
    }
}

@media all and (max-width: 768px) {
    .paymentLogo img {
        width: 152px;
    }

    img[alt="payLine"] {
        width: 300px;
    }
}

@media all and (max-width: 767px) {
    img[alt="companyLogo"] {
        width: 100px;
    }

    .paymentDetail {
        padding: 30px 0px 0 0px;
    }

    .payMethod img {
        width: 100px;
    }

    .promo button {
        padding: 24px 32px;
    }

    .paymentLogo img {
        width: 104px;
    }

    .payMethod {
        padding: 20px 32px;
    }
}

@media all and (max-width: 575px) {
    .progressBar h5 {
        padding: 20px 0 0 0;
    }

    .paymentLogo {
        transform: translateY(8%);
    }

    .progressBar::before {
        left: -171px;
    }

    .paymentDetail {
        padding: 4px 0px 0 0px;
    }

    .promo {
        flex-direction: column;
    }

    .promo form {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .promo button {
        padding: 14px 41px;
        display: block;
        margin: 0 auto;
    }

    .promo input {
        width: 100%;
        margin-bottom: 20px;
    }

    .payMethod img {
        width: 80px;
    }
}

@media all and (max-width: 360px) {
    .payMethod img {
        width: 70px;
    }

    .payMethod .gap-4 {
        gap: 10px !important;
    }
}

/* End motor insurance payment method page */

/* card details & cash on devilery page */
/* @media all and (max-width: 991px) {
    .cardDetails {
        padding: 15px 8px 50px 56px;
    }

    #timer {
        padding-right: 28px;
    }
}

@media all and (max-width: 768px) {
    .cardDetails {
        padding: 15px 8px 50px 0px;
    }

    .visaCardDetails {
        padding: 40px 8px;
    }

    #userDetails h5 {
        font-size: 12px !important;
        padding: 6px 0 12px 0;
    }

    #userDetails h6 {
        padding: 8px 0 12px 0;
        font-size: 10px !important;
    }
}

@media all and (max-width: 767px) {
    .monthYear {
        margin-left: 107px;
    }

    .cardDetails h5 {
        padding: 10px 0 40px 0;
    }

    .cardDetails form button {
        margin: 25px 0 0 50px;
    }

    #userDetails h5 {
        font-size: 14px !important;
        padding: 8px 0 12px 0;
    }

    #userDetails h6 {
        padding: 10px 0 12px 0;
        font-size: 12px !important;
    }

    .visaCard {
        width: 46%;
        display: block;
        margin: 0 auto;
    }

    .cashSelect1 {
        margin-left: 97px !important;
    }

    .cashInput {
        margin-left: 74px !important;
    }
}

@media all and (max-width: 575px) {
    .inputFields {
        width: 100%;
    }

    .monthYear {
        margin-left: 0;
    }

    .cardDetails form button {
        margin: 15px 0 0 20px;
    }

    .visaCard {
        width: 57%;
    }

    .cashSelect1 {
        margin-left: 0 !important;
    }

    .cashInput {
        margin-left: 0 !important;
    }
}

@media all and (max-width: 480px) {
    .visaCard {
        width: 73%;
    }
} */

/* End card details & cash on devilery page */

/* ====== Motor insurnace (popup section) ======*/
@media all and (min-width: 1400px) {
    #MPopup .popupForm {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #MPopup .popupForm {
        padding: 40px 50px;
    }

    #MPopup .row {
        padding: 0px 230px;
    }
}

@media all and (max-width: 991px) {
    #MPopup .row {
        padding: 0 80px;
    }

    #MPopup .popupForm {
        padding: 30px 30px;
    }

    #MPopup img {
        object-fit: cover;
    }
}

@media all and (max-width: 768px) {
    #MPopup h5 {
        padding-bottom: 20px;
    }

    #MPopup form {
        gap: 16px;
    }
}

@media all and (max-width: 767px) {
    #MPopup .row {
        padding: 0;
    }

    #MPopup {
        height: auto;
        padding: 50px 0;
    }

    #MPopup .popupForm {
        border-radius: 0;
        padding: 30px 20px;
    }
}

/* ====== health insurance details section ====== */
@media all and (min-width: 1400px) {
   
}

@media all and (mAX-width: 1199px) {
    .line5 {
        margin-left: 42px;
    }

    .line14 {
        margin-left: -10px;
    }

    .hForm form label {
        padding: 45px 0 0px 40px;
    }

    .hForm form .form-control {
        margin-left: 36px;
    }

    .hForm form select {
        margin-left: 36px;
    }
}

@media all and (max-width: 991px) {
    .hForm form label {
        padding: 45px 0 0px 38px;
    }

    .hForm form .form-control {
        margin-left: 37px;
    }
}

@media all and (max-width: 768px) {
    .line5 {
        margin-left: 49px;
        width: 91%;
    }

    .hForm form label {
        padding: 45px 0 0px 20px;
    }

    .hForm form .form-control {
        margin-left: 18px;
    }

    .hForm form select {
        margin-left: 18px;
    }

    .heading5 {
        margin-left: 18px;
    }

    .heading2 {
        margin-left: 60px;
    }
}

@media all and (max-width: 575px) {
    .line14 {
        margin-left: -10px;
        width: 104%;
    }

    .dotline {
        width: 100%;
        margin-left: 0px;
    }

    .hForm form select {
        margin-left: 0px;
        height: 50px;
    }

    .hForm form label {
        padding: 45px 0 0px 3px;
    }

    .hForm form .form-control {
        margin-left: 0px;
        height: 50px;
    }

    #details .card {
        margin-top: 50px !important;
    }

    .group1 {
        margin-top: 25px;
    }

    .heading {
        margin-top: 40px;
    }

    .animated-gif {
        width: 14%;
        margin-left: 86px;
        margin-top: 450%;
    }

    .animated-gif {
        width: 14%;
        margin-left: 50px;
        margin-top: 5%;
    }

    .group2 {
        margin-top: 35px;
    }

    .hForm {
        padding: 0 20px;
    }

    .heading5 {
        margin-left: 22px;
        font-size: 20px;
    }

    .backbutton {
        margin-left: 0;
    }

    .heading4 {
        margin-right: 30px;
        font-size: 16px;
    }

    .heading3 {
        margin-right: 43px;
        font-size: 12px;
    }

    .dubailogo {
        margin-left: 31px;
        margin-bottom: 17px;
    }

    .dubailogo img {
        width: 110px;
    }

    .line5 {
        margin-left: 0px;
        width: 100%;
    }
    .hForm form label {
        font-size: 12px;
    }
}
@media all and (max-width: 360px){
    .dubailogo img {
        width: 80px;
    }
    .hForm {
        padding: 0 10px;
    }
}

/* ========== health insurance (summary section) ====== */
@media all and (max-width: 991px){
    #details .card2{
        margin-left: 50px !important;
    }
    .line17 {
        margin-left: 100px;
    }
}
@media all and (max-width: 768px){
    #details .summary{
        margin-top: 70px;
    }
    #details .card2 {
        margin-left: 16px !important;
    }
    .line17 {
        margin-left: 67px;
    }
}
@media all and (max-width: 767px){
    #details .card2 {
        margin-left: 6px !important;
        margin-right: 16px;
    }
    .line17 {
        margin-left: 56px;
    }
    .line5 {
        margin-left: 14px;
        width: 91%;
    }
    .dubailogo {
        margin-left: 16px;
        margin-bottom: 15px;
    }
    .heading4 {
        margin-right: 17px;
    }
    .Animated-gif {
        margin-left: 50px;
    }
}
@media all and (max-width: 575px){
    .Animated-gif {
        width: 14%;
        margin-left: 50px;
        margin-top: 5%;
    }
    #details .card2 {
        margin-left: 16px !important;
        margin-right: 16px;
    }
    .line17 {
        margin-left: 65px;
        height: 45px;
    }
}

/* ====== Motor insurnace (perosnal details) ======*/
@media all and (max-width: 1399px){
    .line5 {
        width: 100%;
    }
}
@media all and (max-width: 1199px){
    .vector141 {
        margin-top: -144px;
    }
}
@media all and (max-width: 991px){
    .vector141 {
        margin-top: -91px;
    }
    .paymenticon {
        width: 100px;
    }
    .paypalvector {
        width: 156px;
        height: 104px;
        margin-left: 64%;
    }
    .visavector {
        width: 157px;
        height: 104px;
        margin-left: 64%;
    }
    .codicon {
        width: 70px;
    }
}
@media all and (max-width: 768px){
    .vector141 {
        margin-top: -8px;
    }
    .line5 {
        margin-left: 5px;
    }
}
@media all and (max-width: 767px){
    .line14 {
        margin-left: -12px;
        width: 100%;
    }
    .paypalvector {
        margin-left: 40%;
    }
    .visavector {
        margin-left: 39%;
    }
}
@media all and (max-width: 575px){
    .motor-gif {
        width: 14%;
        margin-left: 50px;
        margin-top: 6%;
    }
    .line5 {
        margin-left: 0px;
    }
    .hForm form label {
        padding: 35px 0 0px 3px;
    }
    .paypalvector {
        margin-left: 0;
    }
    .visavector {
        margin-left: 0;
    }
    .line14 {
        margin-left: 0px;
    }
}

/*====== motor insurance (vehicle  section)======*/
@media all and (max-width: 991px){
    .MForm form .form-control {
        margin-left: 20px;
    }
    .text-wrapper-15 {
        margin-left: 22px;
    }
    .MForm form select {
        margin-left: 20px;
    }
    .MForm form label {
        padding: 45px 0 0px 22px;
    }
    .Animated-gif1 {
        margin-top: 355%;
    }
    .checkbox {
        margin-left: 22px;
    }
    .text-wrapper-16 {
        margin-left: 54px;
    }
    .text-wrapper-17 {
        margin-left: 22px;
    }
}
@media all and (max-width: 575px){
    .Animated-gif1 {
        width: 26%;
        margin-left: 30px;
        margin-top: 2%;
    }
    .line6 {
        width: 100%;
    }
    .MForm form .form-control {
        margin-left: 0;
    }
    .MForm form select {
        margin-left: 0;
    }
    .MForm form label {
        padding: 45px 0 0 0;
    }
    .MForm{
        padding: 0 20px;
    }
    .text-wrapper-17 {
        margin-left: 0px;
    }
}

/* ========== motor insurance (summary section) ====== */
@media all and (max-width: 991px){
    .card4{
        margin-left: 50px !important;
    }
    .Animated-gif2 {
        margin-top: 488%;
    }
}
@media all and (max-width: 768px){
    .card4 {
        margin-left: 20px !important;
    }
    .Animated-gif2 {
        margin-top: 556%;
    }
}
@media all and (max-width: 575px){
    .Animated-gif2 {
        margin-top: 6%;
        width: 16%;
        margin-left: 50px;
    }
    .card4 {
        margin-right: 20px;
        margin-top: 45px !important;
    }
}
@media all and (max-width: 480px){
    img[alt="forwardArrow"]{
        margin-left: 50px !important;
        width: 30px;
    }
    .survey{
        margin-left: 20px !important;
    }
    .s_date{
        margin-left: 20px !important;
    }
}
@media all and (max-width: 360px){
    img[alt="forwardArrow"]{
        margin-left: 40px !important;
        width: 20px;
    }
    .survey{
        margin-left: 10px !important;
    }
    .s_date{
        margin-left: 10px !important;
    }
}
/* card details & cash on devilery page */
@media all and (max-width: 991px) {
    .cardDetails {
        padding: 15px 8px 50px 56px;
    }

    #timer {
        padding-right: 28px;
    }
}

@media all and (max-width: 768px) {
    .cardDetails {
        padding: 15px 8px 50px 0px;
    }

    .visaCardDetails {
        padding: 40px 8px;
    }

    #userDetails h5 {
        font-size: 12px !important;
        padding: 6px 0 12px 0;
    }

    #userDetails h6 {
        padding: 8px 0 12px 0;
        font-size: 10px !important;
    }
}

@media all and (max-width: 767px) {
    .monthYear {
        margin-left: 107px;
    }

    .cardDetails h5 {
        padding: 10px 0 40px 0;
    }

    .cardDetails form button {
        margin: 25px 0 0 50px;
    }

    #userDetails h5 {
        font-size: 14px !important;
        padding: 8px 0 12px 0;
    }

    #userDetails h6 {
        padding: 10px 0 12px 0;
        font-size: 12px !important;
    }

    .visaCard {
        width: 46%;
        display: block;
        margin: 0 auto;
    }

    .cashSelect1 {
        margin-left: 97px !important;
    }

    .cashInput {
        margin-left: 74px !important;
    }
}

@media all and (max-width: 575px) {
    .inputFields {
        width: 100%;
    }

    .monthYear {
        margin-left: 0;
    }

    .cardDetails form button {
        margin: 15px 0 0 20px;
    }

    .visaCard {
        width: 57%;
    }

    .cashSelect1 {
        margin-left: 0 !important;
    }

    .cashInput {
        margin-left: 0 !important;
    }
}

@media all and (max-width: 480px) {
    .visaCard {
        width: 73%;
    }
}

/* End card details & cash on devilery page */

/* ======== Travel insurance (personal details ) ======= */
@media all and (max-width: 991px){
    .TForm form label {
        padding: 45px 0 0px 26px;
    }
    .TForm form .form-control {
        margin-left: 24px;
    }
    .TForm form select {
        margin-left: 24px;
    }
    .travel-gif {
        margin-top: 180%;
    }
    .Beneficierytext {
        margin-left: 24px;
    }
    .travel-gif1 {
        margin-top: 463%;
    }
}
@media all and (max-width: 768px){
    .travel-gif {
        margin-top: 192%;
    }
    .travel-gif1 {
        margin-top: 573%;
    }
    .Beneficierytext {
        font-size: 16px;
    }
}
@media all and (max-width: 575px){
    .travel-gif {
        width: 14%;
        margin-left: 50px;
        margin-top: 4%;
    }
    .vector141 {
        margin-top: -177px;
    }
    .TForm form .form-control {
        margin-left: 0;
    }
    .TForm form label {
        padding: 45px 0 0px 0;
    }
    .TForm form select {
        margin-left: 0;
    }
    .TForm form{
        padding: 0 20px;
    }
    .travel-gif1 {
        width: 14%;
        margin-top: 4%;
    }
    .Beneficierytext {
        font-size: 14px;
        padding-right: 14px;
    }
}
@media all and (max-width: 480px){
    .TForm form label {
        font-size: 14px;
    }
    .TForm form .form-control {
        font-size: 12px;
    }
    .TForm form .form-control {
        height: 50px;
    }
    .TForm form select {
        height: 50px;
    }
}
@media all and (max-width: 360px){
    .TForm form {
        padding: 0 10px;
    }
}

/* ======== Travel insurance (summary ) ======= */
@media all and (max-width: 991px){
    .card5 {
        margin-left: 35px !important;
    }
    .line17 {
        margin-left: 82px;
    }
    .travel-gif2 {
        margin-top: 750%;
    }
}
@media all and (max-width: 768px){
    .card5 {
        margin-left: 20px !important;
    }
    .line17 {
        margin-left: 70px;
    }
    .travel-gif2 {
        margin-top: 849%;
    }
}
@media all and (max-width: 575px){
    .travel-gif2 {
        width: 14%;
        margin-top: 4%;
    }
    .card5 {
        margin: 45px 14px 0 14px !important;
    }
    .line17 {
        margin-left: 64px;
    }
}

/* ===== hpayment method ===== */
@media all and (max-width: 991px){
    .text-wrapper-11 {
        margin-left: 73px;
    }
    .text-wrapper-12 {
        margin-left: 76px;
    }
    .text-wrapper-13 {
        margin-left: 73px;
    }
    .text-wrapper-14 {
        margin-left: 76px;
    }
    .applybutton {
        width: 124px;
    }
    .vector {
        width: 148px;
        height: 96px;
        margin-left: 20px;
    }
    .ANimated-gif {
        margin-top: 268%;
    }
    .promotext {
        margin-top: 20px;
    }
    .line5 {
        margin-left: -12px;
    }
    .ANimated-gif1 {
        margin-top: 266%;
    }
}
@media all and (max-width: 768px){
    .ANimated-gif {
        margin-top: 361%;
    }
    .vector {
        width: 142px;
        height: 90px;
    }
    .paymenticon {
        margin-top: 30px;
        margin-left: 22px;
    }
    .codicon {
        margin-top: 26px;
        margin-left: 37px;
    }
    .text-wrapper-11 {
        margin-left: 44px;
    }
    .text-wrapper-12 {
        margin-left: 60px;
    }
    .text-wrapper-13 {
        margin-left: 44px;
    }
    .text-wrapper-14 {
        margin-left: 44px;
    }
    .ANimated-gif1 {
        margin-top: 348%;
    }
}
@media all and (max-width: 767px){
    .applybutton {
        margin-top: 0;
    }
    .applybutton {
        width: 100%;
        margin-top: 10px;
    }
    .ANimated-gif {
        margin-top: 412%;
    }
    .ANimated-gif1 {
        margin-top: 403%;
    }
}
@media all and (max-width: 575px){
    .ANimated-gif {
        margin-top: 2%;
        width: 24%;
    }
    .line5 {
        margin-left: 0px;
    }
}
@media all and (max-width: 480px){
    .text-wrapper-11 {
        margin-left: 15px;
        font-size: 16px;
    }
    .text-wrapper-12 {
        margin-left: 42px;
        font-size: 14px;
    }
    .text-wrapper-10 {
        margin-top: 30px;
    }
    .applybutton {
        margin-bottom: 30px;
    }
    .text-wrapper-13 {
        margin-left: 15px;
        font-size: 16px;
    }
    .text-wrapper-14 {
        font-size: 16px;
        margin-left: 40px;
    }
    .promotext {
        margin-left: 15px;
    }
    .promotext {
        margin-top: 35px;
    }
    .ANimated-gif {
        width: 30%;
    }
}
/* ===== Mpayment method ===== */
@media all and (max-width: 991px){
    .ANimated-gif1 {
        margin-top: 266%;
    }
}
@media all and (max-width: 768px){
    .ANimated-gif1 {
        margin-top: 348%;
    }
}
@media all and (max-width: 767px){
    .ANimated-gif1 {
        margin-top: 403%;
    }
}
@media all and (max-width: 575px){
    .ANimated-gif1 {
        width: 25%;
        margin-top: 2%;
    }
}
@media all and (max-width: 480px){
    .ANimated-gif1 {
        width: 32%;
    }
}

/*  ===== compare pages ===== */
/* ===== first compare page ===== */
@media all and (max-width: 575px){
    #table h6 {
        padding: 7px 0 7px 10px;
    }
    #compare .container {
        padding: 50px 0 40px 0;
    }
    table {
        margin-bottom: 24px;
    }
}
/*  ===== 2nd compare page ===== */
@media all and (max-width: 991px){
    .compare2 #table h5 {
        padding: 0 0 24px 80px;
    }
    .compare2 #table h6 {
        padding: 10px 0 10px 72px;
    }
}
@media all and (max-width: 575px){
    .compare2 #table h5 {
        padding: 0 0 20px 50px;
    }
    .compare2 #table h6 {
        padding: 7px 0 7px 42px;
    }
}



/*======== about page style ======= */
/* ======== about hero section ======= */
@media all and (max-width: 991px){
    #about {
        padding: 90px 0;
    }
    #about h2 {
        padding: 10px 0 20px 0;
    }
    #about p {
        padding: 30px 0 0 0;
    }
    img[alt="aboutLine"] {
        width: 80%;
    }
}
@media all and (max-width: 768px){
    #about {
        padding: 70px 0;
    }
    img[alt="aboutLine"]{
        width: 100%;
    }
    #about h2 {
        padding: 10px 0 15px 0;
    }
    #about p {
        padding-top: 20px;
    }
    #about h2 span {
        font-size: 34px;
    }
    #about p span {
        font-size: 12px;
    }
}
@media all and (max-width: 767px){
    #about {
        padding: 50px 0;
    }
    img[alt="aboutLine"]{
        width: 80%;
    }
    #about p {
        padding: 20px 40px 0 40px;
    }
}
@media all and (max-width: 480px){
    #about p {
        padding: 20px 10px 0 10px;
    }
    #about h2 span {
        font-size: 30px;
    }
    .cfirst{
        padding-left: 170px;
    }
    .heading14{
        text-align: center;
        padding-top: 10px;
        margin-left: -21px;
    }
}
/* ======== End about hero section ======= */

/* ======== contactus page style ======= */
/* ======== contactus hero section ======= */
@media all and (max-width: 991px){
    #contactus {
        padding: 90px 0;
    }
    #contactus h2 {
        padding: 10px 0 20px 0;
    }
    #contactus p {
        padding: 30px 0 0 0;
    }
    img[alt="contactusLine"] {
        width: 80%;
    }
}
@media all and (max-width: 768px){
    #contactus {
        padding: 70px 0;
    }
    img[alt="contactusLine"]{
        width: 100%;
    }
    #contactus h2 {
        padding: 10px 0 15px 0;
    }
    #contactus p {
        padding-top: 20px;
    }
    #contactus h2 span {
        font-size: 34px;
    }
    #contactus p span {
        font-size: 12px;
    }
}
@media all and (max-width: 767px){
    #contactus {
        padding: 50px 0;
    }
    img[alt="contactusLine"]{
        width: 80%;
    }
    #contactus p {
        padding: 20px 40px 0 40px;
    }
}
@media all and (max-width: 480px){
    #contactus p {
        padding: 20px 10px 0 10px;
    }
    #contactus h2 span {
        font-size: 30px;
    }
}
/* ======== End contactus hero section ======= */


/* ======== hero section contact us ======= */
@media all and (max-width: 1400px){
    #contact h2 {
        padding: 10px 0 20px 0;
    }
}
@media all and (max-width: 768px){
    #contact figure img{
        width: 100%;
    }
    #contact h2 span {
        font-size: 34px;
    }
    #contact h2 {
        line-height: 42px;
    }
    #map {
        padding: 11px 0;
    }
    #map iframe {
        height: 88vh;
    }
}
@media all and (max-width: 767px){
    #contact{
        padding: 50px 0 0 0;
    }
    #contact h6{
        text-align: center;
    }
    #contact h2 {
        text-align: center;
        padding: 10px 0 15px 0;
    }
    #contact p {
        text-align: center;
        padding: 0 40px;
    }
    #contact figure img {
        width: 60%;
    }
    #contact figure{
        justify-content: center;
    }
}
@media all and (max-width: 480px){
    #contact p {
        padding: 0 20px;
    }
    #contact h2 {
        line-height: 36px;
    }
    #contact h2 span {
        font-size: 30px;
    }
    #map{
        padding: 36px 0px;
    }
}

@media all and (max-width: 370px){
    .image2{
        margin-left: -26px;
    }
    #map{
        padding: 36px 0px;
    }

}
/* ======== End hero section contact us ======= */

/* ======== address section contact us ======= */
@media all and (max-width: 1399px) {
    img[alt="detailsIcon1"] {
        width: 62px;
    }

    .addressDetail {
        padding: 40px 20px 40px 25px;
    }
}

@media all and (max-width: 991px) {
    img[alt="address"] {
        object-fit: cover;
    }

    .addressDetail {
        padding: 40px 20px 40px 10px;
    }
}

@media all and (max-width: 768px) {
    .addressDetail {
        padding: 40px 20px 40px 0;
        gap: 20px;
    }
}

@media all and (max-width: 767px) {
    img[alt="address"] {
        border-bottom-right-radius: 0;
        border-top-right-radius: 24px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 24px;
    }

    #address figure {
        width: 100%;
    }

    img[alt="detailsIcon1"] {
        width: 39px;
    }
    .addressDetail {
        padding: 40px 20px 40px 20px;
        gap: 15px;
    }
}
@media all and (max-width: 480px) {
    img[alt="detailsIcon1"] {
        width: 51px;
    }
}

/* ======== End address section contact us ======= */


@media all and (max-width: 1399px){
    .submitbutton {
        width: 100%;
    }
    .image2 {
        margin-left: 50px;
    }
}
@media all and (max-width: 991px){
    .ContactForm {
        padding: 40px 30px;
    }
}
@media all and (max-width: 768px){
    .ContactForm {
        padding: 25px 15px;
    }
    .heading13 {
        margin-left: 0;
    }
    .image2 {
        margin-left: 32px;
    }
}
@media all and (max-width: 767px){
    .image2 {
        margin-left: 20px;
    }
    #map iframe {
        height: 270px;
    }
    #map{
        margin-top: 30px;
    }
}

/* ======= Values section ===========*/
@media all and (max-width: 1399px){
    .heading14 {
        text-align: center;
        padding-left: 0;
    }
    .heading17 {
        padding-left: 0;
        text-align: center;
    }
    .heading15 {
        width: auto;
    }
    .heading16 {
        padding-left: 0;
        text-align: center;
    }
    .cfirst {
        padding-left: 0;
    }
    #Values .col-md-3{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 20px;
    }
    .constant {
        padding-left: 0;
    }
}
@media all and (max-width: 991px){
    #Values .col-md-3 {
        padding: 0 10px;
    }
}
@media all and (max-width: 768px){
    #Values {
        margin-top: 70px;
        padding-bottom: 70px;
    }
    .heading16 {
        font-size: 20px;
        line-height: 26px;
    }.heading14 {
        font-size: 20px;
        line-height: 26px;
    }
    .heading17 {
        font-size: 20px;
        line-height: 26px;
    }
    .heading18 {
        font-size: 14px;
        line-height: 22px;
        padding-top: 12px;
    }
    #Values .row{
        padding-top: 40px !important;
    }
}
@media all and (max-width: 767px){
    #Values .row {
        padding-top: 30px !important;
        gap: 30px;
    }
    .heading14 {
        padding-top: 20px;
    }
    .heading17 {
        padding-top: 20px;
    }.heading16 {
        padding-top: 20px;
    }
    #Values h1 {
        padding-top: 50px;
    }
    #Values {
        margin-top: 50px;
        padding-bottom: 50px;
    }
    .heading15 {
        font-size: 14px;
    }
    #Values br{
        display: none;
    }
    #Values p {
        padding: 0 40px;
    }
}
/* ======= End Values section ===========*/


/*======= compare plans section ========*/
@media all and (max-width: 1199px) {
    #compare .wht {
        padding: 30px 20px 50px 20px;
    }

    .wht .planPrice {
        width: 126px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #compare .col-md-4 {
        padding: 0 4px;
    }
}
@media all and (max-width: 1199px){
    .wht .planPrice {
        width: auto;
    }
    
    #compare .wht {
        padding: 30px 20px 50px 0px;
    }
    img[alt="line"] {
        transform: translateX(0px);
    }
}
@media all and (max-width: 768px){
    #compare {
        padding: 70px 0;
    }
    #compare .wht {
        padding: 16px 12px 50px 0px;
    }
    #compare .wht a {
        margin: 4px 0 0px 0;
    }
    #compare .wht h4 {
        font-size: 20px !important;
        line-height: 26px;
    }
    .priceDetail {
        gap: 25px;
        padding: 40px 0 50px 0;
    }
    #compare .planContent p {
        padding: 10px 0 35px 0;
    }
}
@media all and (max-width: 767px){
    #compare .wht {
        padding: 16px 12px 30px 0px;
    }
    img[alt="line"] {
        transform: translateX(-9px);
    }
}
@media all and (max-width: 480px){
    #compare {
        padding: 50px 0;
    }
    #compare .planContent p {
        padding: 10px 0 30px 0;
    }
    #compare .wht {
        padding: 16px 12px 30px 10px;
    }
    img[alt="line"] {
        transform: translateX(-20px);
    }
}
/*======= End compare plans section ========*/

/*======= see plan detail section ========*/
@media all and (max-width: 768px){
    #compareTable {
        padding: 70px 20px;
    }
    .buyBtn a {
        padding: 14px 25px !important;
    }
    #compareTable .container {
        padding: 50px 0 50px 0;
    }
}
@media all and (max-width: 575px){
    .compare2 #table h6 {
        padding: 10px 0 10px 40px;
    }
    .compare2 #table h5 {
        padding: 0 0 24px 46px;
    }
}
/*======= End see plan detail section ========*/

@media (max-width:480px) {
    .planCard{
        margin-left: 20px;
    margin-right: 20px 
    }
    .qiclogo {
        margin-top: 29px;
        margin-left: 125px;
        margin-right: 125px;
    }
    .learnMore{
        margin-top: 0px;
        padding: 0px 0px;
    }
}

/*======= motor fleet page ========*/
/*======= hero section ========*/
@media all and (max-width: 768px){
    .motorFleet {
        padding: 70px 0 !important;
    }
}
@media all and (max-width: 767px){
    .motorFleet {
        padding: 50px 0 !important;
    }
    .motorFleet h2 {
        padding-top: 0px;
    }
    .motorFleet h2:before {
        left: -292px;
        top: -62px;
        width: 100%;
        height: 236%;
        background-size: 89px;
    }
}
@media all and (max-width: 480px){
    .motorFleet h2:before {
        left: -186px;
        top: -86px;
    }
    .motorFleet .heroSection p {
        padding-bottom: 20px;
    }
}
/*======= End hero section ========*/

/*======= motor fleet page ========*/
/*======= hero section ========*/
@media all and (max-width: 768px){
    .PublicLiability_Hero {
        padding: 70px 0 !important;
    }
}
@media all and (max-width: 767px){
    .PublicLiability_Hero {
        padding: 50px 0 !important;
    }
    .PublicLiability_Hero h2 {
        padding-top: 0px;
    }
    .PublicLiability_Hero h2:before {
        left: -292px;
        top: -62px;
        width: 100%;
        height: 236%;
        background-size: 89px;
    }
}
@media all and (max-width: 480px){
    .PublicLiability_Hero h2:before {
        left: -186px;
        top: -86px;
    }
    .PublicLiability_Hero .heroSection p {
        padding-bottom: 20px;
    }
}
/*======= End hero section ========*/

/*======= motor rent page ========*/
/*======= hero section ========*/
@media all and (max-width: 1399px) {
    .HealthForm .select2-container {
        width: 100% !important;
    }

    .Health_Hero h2:before {
        left: -240px;
    }
}

@media all and (max-width: 991px) {
    .Health_Hero h2:before {
        left: -194px;
    }

    .motorrent {
        width: auto;
    }

    .motorRentForm {
        padding: 48px 30px;
    }
}

@media all and (max-width: 768px) {
    .Health_Hero {
        padding: 70px 0;
    }

    .Health_Hero h2:before {
        left: -136px;
    }
    .rentFaq:before {
        margin-left: -239px;
    }
}

@media all and (max-width: 767px) {
    .Health_Hero {
        padding: 50px 0;
    }

    #motorrent {
        margin-top: 0;
    }

    .Health_Hero h2:before {
        left: -329px;
    }

    .motorRentForm {
        margin-top: 1px;
    }
}

@media all and (max-width: 575px) {
    .Health_Hero h2:before {
        left: -228px;
    }
}

@media all and (max-width: 480px) {
    .Health_Hero h2:before {
        left: -183px;
    }

    .Health_Hero {
        padding: 37px 0 50px 0;
    }
    .rentFaq:before {
        margin-left: -136px;
        top: -69px;
    }
}

/*======= End hero section ========*/

/*======= motor fleet insurance page ========*/
@media all and (max-width: 1399px){
    .motorFleet h2:before {
        left: -176px;
    }
}
@media all and (max-width: 1199px) {
    .motorFleet h2:before {
        left: -177px;
    }
    
    .motorFleetForm {
        padding: 48px 30px;
    }
}
@media all and (max-width: 991px){
    .motorFleet .heroSection p {
        width: auto;
    }
    .motorFleet h2:before {
        left: -150px;
        top: -173px;
    }
    .fleetBenefit h2:before {
        left: -152px !important;
        top: -84px !important;
    }
}

@media all and (max-width: 768px){
    .motorFleet h2:before {
        left: -92px;
    }
    .fleetFaq:before {
        margin-left: -242px;
    }
}
@media all and (max-width: 767px){
    .motorFleetForm {
        margin-top: 1px;
    }
    .motorFleet h2:before {
        left: -184px;
    }
}
@media all and (max-width: 575px){
    .motorFleet h2:before {
        left: -226px;
        top: -98px;
    }
    .fleetBenefit h2:before {
        left: -138px !important;
        top: -64px !important;
    }
    .fleetFaq:before {
        margin-left: -166px;
        top: -71px;
    }
}
@media all and (max-width: 480px){
    .motorFleet h2:before {
        left: -184px;
        top: -98px;
    }
}

/*======= personal insurance page ========*/
@media all and (max-width: 1399px){
    .personal_Hero h2:before {
        left: -237px;
    }
}
@media all and (max-width: 991px){
    .personal_Hero h2:before {
        left: -193px;
    }
    .personlaForm{
        padding: 48px 30px;
    }
}
@media all and (max-width: 768px){
    .personal_Hero {
        padding: 70px 0;
    }
    .personal_Hero h2:before {
        left: -138px;
    }
}
@media all and (max-width: 767px){
    .personal_Hero {
        padding: 50px 0;
    }
    #personaltext {
        padding-top: 0;
    }  
    .personal_Hero h2:before {
        left: -327px;
    }
    .personlaForm{
        margin-top: 1px;
    }
    .personal_Hero h2 {
        padding: 50px 0 30px 0;
    }
}
@media all and (max-width: 575px){
    .personal_Hero h2:before {
        left: -229px;
    }
    .personalFaq:before {
        margin-left: -234px !important;
    }
    .Faqcontent h2{
        margin-left: 0 !important;
    }
}
@media all and (max-width: 480px){
    .personal_Hero h2:before {
        left: -184px;
    }
    .personalFaq:before {
        margin-left: -181px !important;
    }
    .personalBenefit h2:before {
        left: -155px !important;
    }
}
@media all and (max-width: 420px){
    .personalFaq:before {
        margin-left: -116px !important;
        top: -70px;
    }
}

/*======= all risk insurance page ========*/
@media all and (max-width: 1399px){
    .AllRisk_Hero h2:before {
        left: -234px;
    }
}
@media all and (max-width: 991px){
    .AllRisk_Hero h2:before {
        left: -190px;
    }
    .allRiskForm{
        padding: 48px 30px;
    }
    .allFaq:before {
        margin-left: -250px;
    }
}
@media all and (max-width: 768px){
    .AllRisk_Hero h2:before {
        left: -136px;
    }
}
@media all and (max-width: 767px){
    .AllRisk_Hero h2 {
        padding: 0 0 30px 0;
    }
    .AllRisk_Hero h2:before {
        left: -328px;
        top: -100px;
    }
    .AllRisk_Hero {
        padding: 70px 0;
    }
    .allRiskForm {
        margin-top: 0;
    }
}
@media all and (max-width: 575px){
    .AllRisk_Hero h2:before {
        left: -230px;
    }
    .allFaq:before {
        margin-left: -204px;
    }
    .allBebefit h2:before {
        left: -175px !important;
    }
}
@media all and (max-width: 480px){
    .AllRisk_Hero {
        padding: 60px 0;
    }
    .AllRisk_Hero h2:before {
        left: -185px;
    }
}
@media all and (max-width: 420px){
    .allFaq:before {
        margin-left: -108px;
        top: -70px;
    }
}

/*======= Public Liability insurance page ========*/
@media all and (max-width: 1399px){
    .PublicLiability_Hero h2:before {
        left: -234px;
    }
}
@media all and (max-width: 991px){
    .liabilityForm{
        padding: 48px 30px;
    }
    .PublicLiability_Hero h2:before {
        left: -189px;
    }
    .liabilityBenefit h2:before {
        left: -150px !important;
    }
}
@media all and (max-width: 768px){
    .PublicLiability_Hero h2:before {
        left: -136px;
    }
}
@media all and (max-width: 767px){
    .PublicLiability_Hero h2:before {
        left: -332px;
        top: -94px;
    }
    .liabilityForm {
        margin-top: 1px;
    }
    .liabilityBenefit {
        padding: 50px 0 !important;
    }
}
@media all and (max-width: 575px){
    .PublicLiability_Hero h2:before {
        left: -236px;
    }
    .liabilityFaq:before {
        margin-left: -185px;
        top: -68px;
    }
}
@media all and (max-width: 480px){
    .PublicLiability_Hero h2:before {
        left: -189px;
    }
}

/*======= Professional Indemnity insurance page ========*/
@media all and (max-width: 1399px){
    .Professional_Hero h2:before {
        left: -236px;
    }
}
@media all and (max-width: 991px){
    .professionalForm {
        padding: 48px 30px;
    }
    .Professional_Hero h2:before {
        left: -189px;
    }
    .ProfessionalBenefit h2:before {
        left: -266px !important;
        top: -80px !important;
    }
}
@media all and (max-width: 768px){
    .Professional_Hero h2:before {
        left: -135px;
    }
    .professionalFaq:before {
        margin-left: -328px;
        top: -39px;
    }
}
@media all and (max-width: 767px){
    .Professional_Hero h2{
        padding-top: 0;
    }
    .Professional_Hero {
        padding: 50px 0 !important;
    }
    .Professional_Hero h2:before {
        left: -332px;
        top: -94px;
        width: 100%;
        height: 236%;
        background-size: 89px;
    }
    .professionalForm {
        margin-top: 1px;
    }
    .ProfessionalBenefit h2:before {
        left: -229px !important;
        top: -67px !important;
    }
    .professionalFaq:before {
        margin-left: -253px;
        top: -68px;
    }
}
@media all and (max-width: 575px){
    .Professional_Hero h2:before {
        left: -236px;
    }
    .professionalFaq:before {
        margin-left: -166px;
    }
    .Professional_Hero h2:before {
        left: -191px;
    }
}

/*======= package insurance page ========*/
@media all and (max-width: 1399px){
    .PackageInsurance_Hero h2:before {
        left: -236px;
    }
}
@media all and (max-width: 991px){
    .packageForm {
        padding: 48px 30px;
    }
    .PackageInsurance_Hero h2:before {
        left: -189px;
    }
}
@media all and (max-width: 768px){
    .PackageInsurance_Hero h2:before {
        left: -135px;
    }
    #PackageBenefits h2:before {
        left: -177px;
    }
    .packageFaq:before {
        margin-left: -213px;
    }
}
@media all and (max-width: 767px){
    .Professional_Hero h2{
        padding-top: 0;
    }
    .Professional_Hero {
        padding: 50px 0 !important;
    }
    .PackageInsurance_Hero h2:before {
        left: -332px;
        top: -67px;
        width: 100%;
        height: 236%;
        background-size: 89px;
    }
    .packageForm {
        margin-top: 1px;
    }
    .ProfessionalBenefit h2:before {
        left: -229px !important;
        top: -67px !important;
    }
    .PackageInsurance_Hero h2 {
        padding-top: 0px;
    }
    .PackageInsurance_Hero {
        padding: 70px 0;
    }
}
@media all and (max-width: 575px){
    .PackageInsurance_Hero h2:before {
        left: -236px;
    }
    .PackageInsurance_Hero h2:before {
        left: -236px;
        top: -97px;
    }
}
@media all and (max-width: 480px){
    .PackageInsurance_Hero h2:before {
        left: -190px;
    }
}
@media all and (max-width: 420px){
    .PackageInsurance_Hero h2:before {
        left: -190px;
    }
    .packageFaq:before {
        margin-left: -114px;
        top: -70px;
    }
}

/*======= group life insurance page ========*/
@media all and (max-width: 1399px){
    .GroupLife_Hero h2:before {
        left: -236px;
    }
}
@media all and (max-width: 991px){
    .groupForm {
        padding: 48px 30px;
    }
    .GroupLife_Hero h2:before {
        left: -189px;
    }
}
@media all and (max-width: 768px){
    .GroupLife_Hero h2:before {
        left: -135px;
    }
    .groupFaq:before {
        margin-left: -233px;
    }
}
@media all and (max-width: 767px){
    .GroupLife_Hero h2{
        padding-top: 0;
    }
    .GroupLife_Hero h2:before {
        left: -332px;
        top: -93px;
        width: 100%;
        height: 236%;
        background-size: 89px;
    }
    .groupForm {
        margin-top: 1px;
    }
    .GroupLife_Hero {
        padding: 70px 0;
    }
}
@media all and (max-width: 575px){
    .GroupLife_Hero h2:before {
        left: -236px;
    }
    .GroupLife_Hero h2:before {
        left: -236px;
        top: -97px;
    }
}
@media all and (max-width: 480px){
    .GroupLife_Hero h2:before {
        left: -190px;
    }
    #RiskInsuranceBenefits h2:before {
        left: -169px;
    }
    .groupFaq:before {
        margin-left: -132px;
        top: -75px;
    }
}
@media all and (max-width: 420px){
    #RiskInsuranceBenefits h2:before {
        left: -112px;
        top: -175px;
    }
    .packageFaq:before {
        margin-left: -114px;
        top: -70px;
    }
}

/*======= Fidelity Gurantee insurance page ========*/
@media all and (max-width: 1399px){
    .FidelityGurantee_Hero h2:before {
        left: -236px;
    }
}
@media all and (max-width: 991px){
    .fedilityForm {
        padding: 48px 30px;
    }
    .FidelityGurantee_Hero h2:before {
        left: -189px;
    }
}
@media all and (max-width: 768px){
    .FidelityGurantee_Hero h2:before {
        left: -135px;
    }
    .fedilityfaq:before {
        margin-left: -291px;
    }
}
@media all and (max-width: 767px){
    .FidelityGurantee_Hero h2{
        padding-top: 0;
    }
    .FidelityGurantee_Hero h2:before {
        left: -332px;
        top: -93px;
        width: 100%;
        height: 236%;
        background-size: 89px;
    }
    .fedilityForm {
        margin-top: 1px;
    }
    .FidelityGurantee_Hero {
        padding: 70px 0;
    }
    #FidelityInsuranceBenefits h2:before {
        left: -258px;
    }
}
@media all and (max-width: 575px){
    .FidelityGurantee_Hero h2:before {
        left: -236px;
        top: -97px;
    }
    #FidelityInsuranceBenefits h2:before {
        left: -193px;
        top: -173px;
    }
    .fedilityfaq:before {
        margin-left: -211px;
        top: -77px;
    }
}
@media all and (max-width: 480px){
    .FidelityGurantee_Hero h2:before {
        left: -190px;
    }
    #FidelityInsuranceBenefits h2:before {
        left: -165px;
        top: -173px;
    }
}
@media all and (max-width: 420px){
    #FidelityInsuranceBenefits h2:before {
        left: -93px;
        top: -162px;
    }
    .fedilityfaq:before {
        margin-left: -113px;
        top: -63px;
    }
}

/*======= workmens compensation insurance page ========*/
@media all and (max-width: 1399px){
    .Workmens_Hero h2:before {
        left: -236px;
    }
}
@media all and (max-width: 991px){
    .workmenForm {
        padding: 48px 30px;
    }
    .Workmens_Hero h2:before {
        left: -189px;
    }
}
@media all and (max-width: 768px){
    .Workmens_Hero h2:before {
        left: -117px;
        top: -150px;
    }
    #WorkmensBenefits h2:before {
        left: -240px;
    }
    .workmenFaq:before {
        margin-left: -235px;
    }
}
@media all and (max-width: 767px){
    .Workmens_Hero h2{
        padding-top: 0;
    }
    .Workmens_Hero h2:before {
        left: -332px;
        top: -66px;
        width: 100%;
        height: 236%;
        background-size: 89px;
    }
    .workmenForm {
        margin-top: 1px;
    }
    .Workmens_Hero {
        padding: 70px 0;
    }
    #FidelityInsuranceBenefits h2:before {
        left: -258px;
    }
}
@media all and (max-width: 575px){
    .Workmens_Hero h2:before {
        left: -236px;
        top: -97px;
    }
    #WorkmensBenefits h2:before {
        left: -172px;
        top: -173px;
    }
}
@media all and (max-width: 480px){
    .Workmens_Hero h2:before {
        left: -190px;
    }
    .workmenFaq:before {
        margin-left: -133px;
        top: -78px;
    }
}
@media all and (max-width: 420px){
    #FidelityInsuranceBenefits h2:before {
        left: -93px;
        top: -162px;
    }
    .fedilityfaq:before {
        margin-left: -113px;
        top: -63px;
    }
}

/*======= Machinary All Risk insurance page ========*/
@media all and (max-width: 1399px){
    .MachinaryRisk_Hero h2:before {
        left: -236px;
    }
}
@media all and (max-width: 991px){
    .MachinaryForm {
        padding: 48px 30px;
    }
    .MachinaryRisk_Hero h2:before {
        left: -189px;
    }
}
@media all and (max-width: 768px){
    .MachinaryRisk_Hero h2:before {
        left: -136px;
        top: -112px;
    }
    .machinaryFaq:before {
        margin-left: -245px;
    }
}
@media all and (max-width: 767px){
    .MachinaryRisk_Hero h2{
        padding-top: 0;
    }
    .MachinaryRisk_Hero h2:before {
        left: -332px;
        top: -96px;
        width: 100%;
        height: 236%;
        background-size: 89px;
    }
    .MachinaryForm {
        margin-top: 1px;
    }
    .MachinaryRisk_Hero {
        padding: 70px 0;
    }
}
@media all and (max-width: 575px){
    .MachinaryRisk_Hero h2:before {
        left: -236px;
        top: -97px;
    }
}
@media all and (max-width: 480px){
    .MachinaryRisk_Hero h2:before {
        left: -190px;
    }
    .machinaryFaq:before {
        margin-left: -181px;
    }
}
@media all and (max-width: 420px){
    .machinaryFaq:before {
        margin-left: -149px;
        top: -74px;
    }
}

/*======= marine hull insurance page ========*/
@media all and (max-width: 1399px){
    .MarineHull_Hero h2:before {
        left: -236px;
    }
}
@media all and (max-width: 991px){
    .hullForm {
        padding: 48px 30px;
    }
    .MarineHull_Hero h2:before {
        left: -189px;
    }
}
@media all and (max-width: 768px){
    .MarineHull_Hero h2:before {
        left: -136px;
        top: -112px;
    }
    .machinaryFaq:before {
        margin-left: -245px;
    }
}
@media all and (max-width: 767px){
    .MarineHull_Hero h2{
        padding-top: 0;
    }
    .MarineHull_Hero h2:before {
        left: -332px;
        top: -96px;
        width: 100%;
        height: 236%;
        background-size: 89px;
    }
    .hullForm {
        margin-top: 1px;
    }
    .MarineHull_Hero {
        padding: 70px 0;
    }
}
@media all and (max-width: 575px){
    .MarineHull_Hero h2:before {
        left: -236px;
        top: -97px;
    }
    .hullFaq:before {
        margin-left: -164px;
    }
    #PackageBenefits h2:before {
        left: -125px;
    }
}
@media all and (max-width: 480px){
    .MarineHull_Hero h2:before {
        left: -190px;
    }
}
@media all and (max-width: 420px){
    #FidelityInsuranceBenefits h2:before {
        left: -93px;
        top: -162px;
    }
    .hullFaq:before {
        margin-left: -137px;
    }
}

/*======= Medical Malpractice insurance page ========*/
@media all and (max-width: 1399px){
    .MedicalMal_Hero h2:before {
        left: -236px;
    }
}
@media all and (max-width: 991px){
    .malForm {
        padding: 48px 30px;
    }
    .MedicalMal_Hero h2:before {
        left: -189px;
    }
}
@media all and (max-width: 768px){
    .MedicalMal_Hero h2:before {
        left: -118px;
        top: -150px;
    }
    .malFaq:before {
        margin-left: -225px;
    }
    #MedicalBenefits h2:before {
        left: -191px;
    }
}
@media all and (max-width: 767px){
    .MedicalMal_Hero h2{
        padding-top: 0;
    }
    .MedicalMal_Hero h2:before {
        left: -332px;
        top: -64px;
        width: 100%;
        height: 236%;
        background-size: 89px;
    }
    .malForm {
        margin-top: 1px;
    }
    .MedicalMal_Hero {
        padding: 70px 0;
    }
}
@media all and (max-width: 575px){
    .MedicalMal_Hero h2:before {
        left: -236px;
        top: -97px;
    }
}
@media all and (max-width: 480px){
    .MedicalMal_Hero h2:before {
        left: -190px;
    }
    .malFaq:before {
        margin-left: -110px;
        top: -70px;
    }
    #MedicalBenefits h2:before {
        left: -163px;
    }
}
@media all and (max-width: 420px){
    #MedicalBenefits h2:before {
        left: -107px;
        top: -170px;
    }
}

/*======= Medical individual insurance page ========*/
@media all and (max-width: 1399px){
    .MedicalInd_Hero h2:before {
        left: -236px;
    }
}
@media all and (max-width: 991px){
    .indForm {
        padding: 48px 30px;
    }
    .MedicalInd_Hero h2:before {
        left: -189px;
    }
}
@media all and (max-width: 768px){
    .MedicalInd_Hero h2:before {
        left: -118px;
        top: -150px;
    }
    .indFaq:before {
        margin-left: -213px;
    }
}
@media all and (max-width: 767px){
    .MedicalInd_Hero h2{
        padding-top: 0;
    }
    .MedicalInd_Hero h2:before {
        left: -332px;
        top: -64px;
        width: 100%;
        height: 236%;
        background-size: 89px;
    }
    .indForm {
        margin-top: 1px;
    }
    .MedicalInd_Hero {
        padding: 70px 0;
    }
}
@media all and (max-width: 575px){
    .MedicalInd_Hero h2:before {
        left: -236px;
        top: -97px;
    }
}
@media all and (max-width: 480px){
    .MedicalInd_Hero h2:before {
        left: -190px;
    }
}
@media all and (max-width: 420px){
    .individualBenefit h2:before {
        left: -151px !important;
        top: -119px !important;
    }
    .indFaq:before {
        margin-left: -108px;
        top: -78px;
    }
}

/*======= Medical Group insurance page ========*/
@media all and (max-width: 1399px){
    .MedicalGroup_Hero h2:before {
        left: -236px;
    }
}
@media all and (max-width: 991px){
    .groupForm {
        padding: 48px 30px;
    }
    .MedicalGroup_Hero h2:before {
        left: -189px;
    }
}
@media all and (max-width: 768px){
    .MedicalGroup_Hero h2:before {
        left: -118px;
        top: -150px;
    }
    #MedicalgroupBenefits h2:before {
        left: -146px;
    }
    .FaqContent:before {
        margin-left: -180px;
    }
}
@media all and (max-width: 767px){
    .MedicalGroup_Hero h2{
        padding-top: 0;
    }
    .MedicalGroup_Hero h2:before {
        left: -332px;
        top: -64px;
        width: 100%;
        height: 236%;
        background-size: 89px;
    }
    .groupForm {
        margin-top: 1px;
    }
    .MedicalGroup_Hero {
        padding: 70px 0;
    }
}
@media all and (max-width: 575px){
    .MedicalGroup_Hero h2:before {
        left: -236px;
        top: -97px;
    }
}
@media all and (max-width: 480px){
    .MedicalGroup_Hero h2:before {
        left: -190px;
    }
}
@media all and (max-width: 420px){
    .groupFaq:before {
        margin-left: -149px;
    }
    #MedicalgroupBenefits h2:before {
        left: -124px;
    }
}

/*======= Medical Group insurance page ========*/
@media all and (max-width: 1399px){
    .MedicalEnterprise_Hero h2:before {
        left: -236px;
    }
}
@media all and (max-width: 991px){
    .SMForm {
        padding: 48px 30px;
    }
    .MedicalEnterprise_Hero h2:before {
        left: -189px;
    }
}
@media all and (max-width: 768px){
    .MedicalEnterprise_Hero h2:before {
        left: -118px;
        top: -150px;
    }
    #EnterpriseMedicalBenefits h2:before {
        left: -259px;
    }
    .MFaqContent:before {
        margin-left: -294px;
    }
}
@media all and (max-width: 767px){
    .MedicalEnterprise_Hero h2{
        padding-top: 0;
    }
    .MedicalEnterprise_Hero h2:before {
        left: -332px;
        top: -64px;
        width: 100%;
        height: 236%;
        background-size: 89px;
    }
    .SMForm {
        margin-top: 1px;
    }
    .MedicalEnterprise_Hero {
        padding: 70px 0;
    }
}
@media all and (max-width: 575px){
    .MedicalEnterprise_Hero h2:before {
        left: -236px;
        top: -97px;
    }
    #EnterpriseMedicalBenefits h2:before {
        left: -109px;
        top: -158px;
    }
    .MFaqContent:before {
        margin-left: -213px;
        top: -70px;
    }
}
@media all and (max-width: 480px){
    .MedicalEnterprise_Hero h2:before {
        left: -190px;
    }
}
@media all and (max-width: 420px){
    .MFaqContent:before {
        margin-left: -126px;
        top: -70px;
    }
}

/*======= Contractor all risk insurance page ========*/
@media all and (max-width: 1399px){
    .ContractRisk_Hero h2:before {
        left: -236px;
    }
}
@media all and (max-width: 991px){
    .contractorForm {
        padding: 48px 30px;
    }
    .ContractRisk_Hero h2:before {
        left: -189px;
    }
}
@media all and (max-width: 768px){
    .ContractRisk_Hero h2:before {
        left: -118px;
        top: -150px;
    }
    .contractorBenefit h2:before {
        left: -180px !important;
    }
    .contractFaq:before {
        margin-left: -214px;
    }
}
@media all and (max-width: 767px){
    .ContractRisk_Hero h2{
        padding-top: 0;
    }
    .ContractRisk_Hero h2:before {
        left: -332px;
        top: -64px;
        width: 100%;
        height: 236%;
        background-size: 89px;
    }
    .contractorForm {
        margin-top: 1px;
    }
    .ContractRisk_Hero {
        padding: 70px 0;
    }
}
@media all and (max-width: 575px){
    .ContractRisk_Hero h2:before {
        left: -236px;
        top: -97px;
    }
}
@media all and (max-width: 480px){
    .ContractRisk_Hero h2:before {
        left: -190px;
    }
    .contractorBenefit h2:before {
        left: -156px !important;
    }
    .contractFaq:before {
        margin-left: -178px;
    }
}
@media all and (max-width: 420px){
    .contractFaq:before {
        margin-left: -148px;
        top: -78px;
    }
}

/*======= Erection all risk insurance page ========*/
@media all and (max-width: 1399px){
    .ErectionRisk_Hero h2:before {
        left: -236px;
    }
}
@media all and (max-width: 991px){
    .erectionForm {
        padding: 48px 30px;
    }
    .ErectionRisk_Hero h2:before {
        left: -189px;
    }
}
@media all and (max-width: 768px){
    .ErectionRisk_Hero h2:before {
        left: -118px;
        top: -150px;
    }
    .erectionBenefit h2:before {
        left: -166px !important;
    }
    .erectionFaq:before {
        margin-left: -195px;
    }
}
@media all and (max-width: 767px){
    .ErectionRisk_Hero h2{
        padding-top: 0;
    }
    .ErectionRisk_Hero h2:before {
        left: -332px;
        top: -64px;
        width: 100%;
        height: 236%;
        background-size: 89px;
    }
    .erectionForm {
        margin-top: 1px;
    }
    .ErectionRisk_Hero {
        padding: 70px 0;
    }
}
@media all and (max-width: 575px){
    .ErectionRisk_Hero h2:before {
        left: -236px;
        top: -97px;
    }
}
@media all and (max-width: 480px){
    .ErectionRisk_Hero h2:before {
        left: -190px;
    }
    .erectionBenefit h2:before {
        left: -140px !important;
    }
    .erectionFaq:before {
        margin-left: -167px;
    }
}
@media all and (max-width: 420px){
    .contractFaq:before {
        margin-left: -148px;
        top: -78px;
    }
    .erectionFaq:before {
        margin-left: -133px;
        top: -75px;
    }
}

/*======= property all risk insurance page ========*/
@media all and (max-width: 1399px){
    .PropertyRisk_Hero h2:before {
        left: -236px;
    }
}
@media all and (max-width: 991px){
    .propertyForm {
        padding: 48px 30px;
    }
    .PropertyRisk_Hero h2:before {
        left: -189px;
    }
}
@media all and (max-width: 768px){
    .PropertyRisk_Hero h2:before {
        left: -118px;
        top: -150px;
    }
    .propertyFaq:before {
        margin-left: -195px;
    }
}
@media all and (max-width: 767px){
    .PropertyRisk_Hero h2{
        padding-top: 0;
    }
    .PropertyRisk_Hero h2:before {
        left: -332px;
        top: -64px;
        width: 100%;
        height: 236%;
        background-size: 89px;
    }
    .propertyForm {
        margin-top: 1px;
    }
    .PropertyRisk_Hero {
        padding: 70px 0;
    }
}
@media all and (max-width: 575px){
    .PropertyRisk_Hero h2:before {
        left: -236px;
        top: -97px;
    }
}
@media all and (max-width: 480px){
    .PropertyRisk_Hero h2:before {
        left: -190px;
    }
    .propertyBenefit h2:before {
        left: -141px !important;
    }
    .propertyFaq:before {
        margin-left: -168px;
    }
    #MedicalBenefits {
        padding: 0px 0 70px 0;
    }
}
@media all and (max-width: 420px){
    .propertyBenefit h2:before {
        left: -143px !important;
        top: -116px !important;
    }
    .propertyFaq:before {
        margin-left: -136px;
        top: -76px;
    }
}

/*======= contractor plant and machinary insurance page ========*/
@media all and (max-width: 1399px){
    .Contractorplant_Hero h2:before {
        left: -236px;
    }
}
@media all and (max-width: 991px){
    .plantForm {
        padding: 48px 30px;
    }
    .Contractorplant_Hero h2:before {
        left: -189px;
    }
}
@media all and (max-width: 768px){
    .Contractorplant_Hero h2:before {
        left: -135px;
        top: -115px;
    }
    .plantFaq:before {
        margin-left: -224px;
    }
    .plantBenefit h2:before {
        left: -163px !important;
    }
}
@media all and (max-width: 767px){
    .Contractorplant_Hero h2{
        padding-top: 0;
    }
    .Contractorplant_Hero h2:before {
        left: -332px;
        top: -94px;
        width: 100%;
        height: 236%;
        background-size: 89px;
    }
    .plantForm {
        margin-top: 1px;
    }
    .Contractorplant_Hero {
        padding: 70px 0;
    }
}
@media all and (max-width: 575px){
    .Contractorplant_Hero h2:before {
        left: -236px;
        top: -97px;
    }
}
@media all and (max-width: 480px){
    .Contractorplant_Hero h2:before {
        left: -190px;
    }
    .plantBenefit h2:before {
        left: -137px !important;
    }
    .plantFaq:before {
        margin-left: -165px;
    }
}
@media all and (max-width: 420px){
    .plantFaq:before {
        margin-left: -129px;
        top: -75px;
    }
}

/*======= personal accident insurance page ========*/
@media all and (max-width: 1399px){
    .PersonalAccident_Hero h2:before {
        left: -236px;
    }
}
@media all and (max-width: 991px){
    .accidentForm {
        padding: 48px 30px;
    }
    .PersonalAccident_Hero h2:before {
        left: -189px;
    }
}
@media all and (max-width: 768px){
    .PersonalAccident_Hero h2:before {
        left: -135px;
        top: -115px;
    }
    .accidentFaq:before {
        margin-left: -235px;
    }
    .accidentBenefit h2:before {
        left: -171px !important;
    }
}
@media all and (max-width: 767px){
    .PersonalAccident_Hero h2{
        padding-top: 0;
    }
    .PersonalAccident_Hero h2:before {
        left: -332px;
        top: -94px;
        width: 100%;
        height: 236%;
        background-size: 89px;
    }
    .accidentForm {
        margin-top: 1px;
    }
    .PersonalAccident_Hero {
        padding: 70px 0;
    }
}
@media all and (max-width: 575px){
    .PersonalAccident_Hero h2:before {
        left: -236px;
        top: -97px;
    }
}
@media all and (max-width: 480px){
    .PersonalAccident_Hero h2:before {
        left: -190px;
    }
    .accidentBenefit h2:before {
        left: -145px !important;
    }
    .accidentFaq:before {
        margin-left: -175px;
    }
}
@media all and (max-width: 420px){
    .PersonalAccident_Hero h2:before {
        left: -159px;
    }
    .accidentFaq:before {
        margin-left: -115px;
        top: -75px;
    }
}

/*======= fire and allied insurance page ========*/
@media all and (max-width: 1399px){
    .AlliedPerils_Hero h2:before {
        left: -236px;
    }
}
@media all and (max-width: 991px){
    .alliedForm {
        padding: 48px 30px;
    }
    .AlliedPerils_Hero h2:before {
        left: -189px;
    }
}
@media all and (max-width: 768px){
    .AlliedPerils_Hero h2:before {
        left: -115px;
        top: -147px;
    }
    .alliedFaq:before {
        margin-left: -211px;
    }
    .alliedBenefit h2:before {
        left: -173px !important;
    }
}
@media all and (max-width: 767px){
    .AlliedPerils_Hero h2{
        padding-top: 0;
    }
    .AlliedPerils_Hero h2:before {
        left: -332px;
        top: -67px;
        width: 100%;
        height: 236%;
        background-size: 89px;
    }
    .alliedForm {
        margin-top: 1px;
    }
    .AlliedPerils_Hero {
        padding: 70px 0;
    }
}
@media all and (max-width: 575px){
    .AlliedPerils_Hero h2:before {
        left: -236px;
        top: -97px;
    }
}
@media all and (max-width: 480px){
    .AlliedPerils_Hero h2:before {
        left: -190px;
    }
    .alliedBenefit h2:before {
        left: -148px !important;
    }
    .alliedFaq:before {
        margin-left: -177px;
    }
}
@media all and (max-width: 420px){
    .AlliedPerils_Hero h2:before {
        left: -159px;
    }
    .alliedFaq:before {
        margin-left: -139px;
        top: -75px;
    }
    .alliedBenefit h2:before {
        left: -145px !important;
        top: -122px !important;
    }
}

/*======= services page ========*/
@media all and (min-width: 1400px) {
    #serviceList .faqContent2::before {
        left: -231px !important;
    }
}

@media all and (max-width: 991px) {
    #serviceList .faqContent2::before {
        left: -441px !important;
    }

    #serviceLinks {
        padding: 50px 0 0 0;
    }
}

@media all and (max-width: 768px) {
    #service {
        padding: 70px 0;
    }

    #serviceList {
        padding: 70px 0;
    }

    #serviceLinks {
        padding: 30px 0 0 0;
    }
}

@media all and (max-width: 767px) {
    #serviceList {
        padding: 70px 0;
    }

    #serviceLinks {
        padding: 30px 0 0 0;
    }

    #serviceList {
        padding: 50px 0;
    }
}

@media all and (max-width: 480px) {
    #serviceList .faqContent2::before {
        left: -194px !important;
    }

    #service {
        padding: 50px 0;
    }
}