header.et-l.et-l--header {
    /* display: none; */
    position: fixed;
    width: 100%;
    z-index: 9;
    top: 0;
}


.hdr_width {
    width: 1555px !important;
    max-width: 100% !important;
}

.header_section {
    padding: 26px 0 0 !important;
}

.header_row {
    background: #fff;
    border-radius: 100px;
    box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.25);
}

.header_main_logo img {
    height: 74px;
    width: 100% !important;
    object-fit: contain;
    object-position: left;
}

.header_col_1 {
    width: 20% !important;
    padding: 5px 0 0 18px;
}


/* header quote button */
.hdr_txt_svg_box {
    position: absolute;
    top: -16px;
    /* bottom: 0; */
    /* margin: auto; */
    left: -20px;
}

.hdr_qty_btn_box_inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 6px;

}

.hdr_quote_svg_box_inner {
    background: linear-gradient(129.56deg, #0C87D5 14.98%, #05B0F8 88.33%);
    height: 68px;
    width: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    /* border: 6px solid #fff; */
}

.hdr_txt_svg_box_inner {
    display: flex;
    height: 103px;
    width: 105px;
    justify-content: center;
    background: #fff;
    border-radius: 100%;
    top: 0px;
    position: relative;
    padding: 3px 0 0;
    animation: spin 10s linear infinite;
}

.hdr_quote_svg_box {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    top: 2px;
    bottom: 0;
}

/* header quote button end */
.header_col_2 {
    width: 71% !important;
    padding: 0 0 0 68px;
}

.header_col_3 {
    width: 9% !important;
    display: flex;
    justify-content: end;
    padding: 0 18px 0 0;
}

/* ------------- menu  */
ul#menu-main-menu {
    width: 93.8%;
    display: flex;
}

ul#menu-main-menu li {
    flex: auto;
    display: flex;
    margin: 0 !important;
    padding: 35px 0 32px 64px;
    /* justify-content: end; */
}

ul#menu-main-menu li a {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 0;
    padding-top: 0;
    line-height: 1;
}

.et_pb_menu__wrap {
    width: 100% !important;
}

.et_pb_menu__menu {
    width: 100% !important;
}

.et_pb_menu__menu {
    display: block !important;
}

nav.et-menu-nav {
    justify-content: start;
}

/* ------------- menu end */

.header_menu .current-menu-item a,
ul#menu-main-menu li:hover a {
    color: #0C87D5 !important;
    opacity: 1 !important;
}


/* arrow effect  */
.hdr_mnu_svg_con {
    position: absolute;
    bottom: -15px;
    left: 0;
    height: 100%;
    width: 100%;
}


/* arrow effect  end */
.hdr_mnu_svg_con:after {
    position: absolute;
    content: "";
    height: 6px;
    width: 100%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="44" height="5" viewBox="0 0 44 5" fill="none"><g clip-path="url(%23clip0_10_4)"><path d="M0 2.01053C1.81481 0.494737 3.62963 0.684211 5.44444 2.57895C7.25926 4.47368 9.07407 4.47368 10.8889 2.57895C12.7037 0.684211 14.5185 0.684211 16.3333 2.57895C18.1481 4.47368 19.963 4.47368 21.7778 2.57895C23.5926 0.684211 25.4074 0.684211 27.2222 2.57895C29.037 4.47368 30.8519 4.47368 32.6667 2.57895C34.4815 0.684211 36.2963 0.684211 38.1111 2.57895C39.9259 4.47368 41.7407 4.47368 43.5556 2.57895C45.3704 0.684211 47.1852 0.684211 49 2.57895" stroke="%230C87D5"/></g><defs><clipPath id="clip0_10_4"><rect width="44" height="5" fill="white"/></clipPath></defs></svg>');
    background-repeat: repeat-x;
    bottom: 4px;
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, clip-path 1.5s cubic-bezier(.57, .21, .69, 1.25);
    clip-path: inset(0 100% 0 0);
}

ul#menu-main-menu li:hover .hdr_mnu_svg_con:after {
    clip-path: inset(0 0 0 0);
}

.current-menu-item .hdr_mnu_svg_con:after {
    clip-path: inset(0 0 0 0);
}

ul#menu-main-menu li:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 1px;
    background: #0000001A;
    right: -22px;
    top: 0;
    bottom: 0;
    margin: auto;
}

ul#menu-main-menu li:last-child:before {
    display: none;
}

.header_row:before {
    position: absolute;
    content: "";
    height: 50px;
    width: 61%;
    background: transparent;
    border: 13px solid #fff;
    top: -30px;
    left: 86px;
    right: 0;
    margin: auto;
    z-index: -4;
    border-bottom: none;
    border-top: none;
}

.mbl_hdr_section {
    display: none;
}

/* fix call btn */
.hdr_fix_call_btn_section {
    position: fixed !important;
    right: 0;
    writing-mode: sideways-rl;
    top: 27%;
}

.hdr_fix_call_btn_box_inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: linear-gradient(129.56deg, #0C87D5 14.98%, #05B0F8 88.33%);
    padding: 12px 14px 20px;
    border-radius: 20px 0 0 20px;
}

.hdr_fix_call_btn_icon_box_inner {
    display: flex;
    padding: 0 0 10px;
}

.hdr_fix_call_box_inner a {
    font-size: 18px;
    color: #fff;
}

.hdr_fix_call_btn_section:after {
    position: absolute;
    content: "";
    height: 550px;
    width: 4px;
    right: 0;
    top: -40px;
    z-index: 2;
    background: linear-gradient(90deg, #0A97E3 0%, #0C87D5 100%);
    border-radius: 8px;
}

/* fix call btn end */










.header_section {
    clip-path: inset(0 0 100% 0);
    transition: clip-path 1.5s cubic-bezier(0.76, 0, 0.24, 1);

}

.pg_fl_loaded .header_section {
    clip-path: unset;
}

.page_loaded .header_section {
    clip-path: inset(0 0 0 0);
}



ul.sub-menu li {
    padding: 15px 0 !important;
}

ul.sub-menu {
    padding: 0 !important;
}

ul#menu-main-menu li:before {
    display: none;
}

ul.sub-menu .hdr_mnu_svg_con {
    display: none;
}







@media all and (min-width: 320px) and (max-width: 980px) {
    div#main-content {
        margin-top: 92px;
    }

    .header_section {
        display: none;
    }

    .mbl_hdr_section {
        display: block;
        box-shadow: -3px -2px 12px 0px rgba(0, 0, 0, 0.25);
    }

    ul.sub-menu li {
        padding: 0px 0 !important;
    }

    /* mobile button row */
    .mbl_btn_main_box_inner a {
        width: 50%;
        background: #fff;
        text-align: center;
        padding: 10px;
        color: #fff;
        font-size: 14px;
        background: linear-gradient(129.56deg, #0C87D5 14.98%, #05B0F8 88.33%);
    }

    .mbl_btn_main_box_inner {
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #ddd;
    }

    .mbl_btn_main_box_inner a:last-child {
        background: #fff;
        color: #000;
    }

    .header_main_logo img {
        height: 45px;
    }

    .header_main_logo {
        padding: 5px 10px;
    }

    /* mobile button row end */
}

@media all and (min-width: 320px) and (max-width: 767px) {

    /* fix call btn */
    .hdr_fix_call_btn_box_inner {
        padding: 7px 7px 7px;
        border-radius: 6px 0 0 6px;
    }

    .hdr_fix_call_box_inner a {
        font-size: 13px;
    }

    .hdr_fix_call_btn_icon_box_inner svg {
        height: 17px;
        width: 17px;
    }

    .hdr_fix_call_btn_section:after {
        width: 2px;
        height: 400px;
    }

    .hdr_fix_call_btn_icon_box_inner {
        padding: 0 0 5px;
    }

    /* fix call btn end */
}

@media all and (min-width: 768px) and (max-width: 980px) {

    /* fix call btn */
    .hdr_fix_call_btn_box_inner {
        padding: 10px 7px 12px;
        border-radius: 10px 0 0 10px;
    }

    .hdr_fix_call_box_inner a {
        font-size: 15px;
    }

    .hdr_fix_call_btn_icon_box_inner svg {
        height: 20px;
        width: 20px;
    }

    .hdr_fix_call_btn_section:after {
        width: 2px;
        height: 400px;
    }

    .hdr_fix_call_btn_icon_box_inner {
        padding: 0 0 5px;
    }

    /* fix call btn end */
}

@media only screen and (min-width: 981px) and (max-width: 1024px) {
    .hdr_width {
        width: 950px !important;
    }

    ul#menu-main-menu li {
        padding: 26px 0 26px 25px;
    }

    .header_main_logo img {
        height: 64px;
    }

    .hdr_quote_svg_box {
        left: -3px;
        top: 4px;
    }

    ul#menu-main-menu li a {
        font-size: 15px;
    }

    .header_col_2 {
        padding: 0 0 0 17px;
        width: 69% !important;
    }

    .hdr_txt_svg_box_inner svg {
        height: 80px;
        width: 80px;
    }

    .hdr_txt_svg_box {
        top: -12px;
    }

    .hdr_txt_svg_box_inner {
        height: 88px;
        width: 88px;
    }

    .hdr_quote_svg_box_inner {
        height: 55px;
        width: 55px;
    }

    .hdr_quote_svg_box_inner svg {
        height: 26px;
        width: 26px;
    }

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

    .hdr_qty_btn_box_inner {
        top: 0px;
    }

    .header_col_1 {
        width: 22% !important;
        padding: 3px 0 0 18px;
    }

    .header_row:before {
        width: 58%;
    }

    .header_section {
        padding: 20px 0 0 !important;
    }

    ul#menu-main-menu {
        width: 97%;
    }

    /* fix call btn */
    .hdr_fix_call_btn_box_inner {
        padding: 10px 7px 12px;
        border-radius: 10px 0 0 10px;
    }

    .hdr_fix_call_box_inner a {
        font-size: 15px;
    }

    .hdr_fix_call_btn_icon_box_inner svg {
        height: 20px;
        width: 20px;
    }

    .hdr_fix_call_btn_section:after {
        width: 2px;
        height: 400px;
    }

    .hdr_fix_call_btn_icon_box_inner {
        padding: 0 0 5px;
    }

    /* fix call btn end */
}

@media all and (min-width: 1025px) and (max-width: 1140px) {
    .hdr_width {
        width: 1000px !important;
    }

    ul#menu-main-menu li {
        padding: 26px 0 26px 25px;
    }

    .header_main_logo img {
        height: 64px;
    }

    .hdr_quote_svg_box {
        left: -3px;
        top: 4px;
    }

    ul#menu-main-menu li a {
        font-size: 15px;
    }

    .header_col_2 {
        padding: 0 0 0 10px;
        width: 71% !important;
    }

    .hdr_txt_svg_box_inner svg {
        height: 80px;
        width: 80px;
    }

    .hdr_txt_svg_box {
        top: -12px;
    }

    .hdr_txt_svg_box_inner {
        height: 88px;
        width: 88px;
    }

    .hdr_quote_svg_box_inner {
        height: 55px;
        width: 55px;
    }

    .hdr_quote_svg_box_inner svg {
        height: 26px;
        width: 26px;
    }

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

    .hdr_qty_btn_box_inner {
        top: 0px;
    }

    .header_col_1 {
        width: 20% !important;
        padding: 3px 0 0 18px;
    }

    .header_row:before {
        width: 58%;
    }

    .header_section {
        padding: 20px 0 0 !important;
    }

    ul#menu-main-menu {
        width: 97%;
    }

    /* fix call btn */
    .hdr_fix_call_btn_box_inner {
        padding: 10px 7px 12px;
    }

    .hdr_fix_call_box_inner a {
        font-size: 15px;
    }

    .hdr_fix_call_btn_icon_box_inner svg {
        height: 20px;
        width: 20px;
    }

    .hdr_fix_call_btn_section:after {
        width: 2px;
    }

    .hdr_fix_call_btn_icon_box_inner {
        padding: 0 0 5px;
    }

    /* fix call btn end */
}

@media all and (min-width: 1141px) and (max-width: 1280px) {
    .hdr_width {
        width: 1120px !important;
    }

    ul#menu-main-menu li {
        padding: 26px 0 26px 48px;
    }

    .header_main_logo img {
        height: 64px;
    }

    .hdr_quote_svg_box {
        left: -3px;
        top: 4px;
    }

    ul#menu-main-menu li a {
        font-size: 15px;
    }

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

    .hdr_txt_svg_box_inner svg {
        height: 80px;
        width: 80px;
    }

    .hdr_txt_svg_box {
        top: -12px;
    }

    .hdr_txt_svg_box_inner {
        height: 88px;
        width: 88px;
    }

    .hdr_quote_svg_box_inner {
        height: 55px;
        width: 55px;
    }

    .hdr_quote_svg_box_inner svg {
        height: 26px;
        width: 26px;
    }

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

    .hdr_qty_btn_box_inner {
        top: 0px;
    }

    .header_col_1 {
        padding: 3px 0 0 18px;
    }

    .header_row:before {
        width: 58%;
    }

    .header_section {
        padding: 20px 0 0 !important;
    }

    ul#menu-main-menu {
        width: 97%;
    }

    /* fix call btn */
    .hdr_fix_call_btn_box_inner {
        padding: 12px 10px 14px;
    }

    .hdr_fix_call_box_inner a {
        font-size: 16px;
    }

    .hdr_fix_call_btn_icon_box_inner svg {
        height: 22px;
        width: 22px;
    }

    /* fix call btn end */
}

@media all and (min-width: 1281px) and (max-width: 1440px) {
    .hdr_width {
        width: 1250px !important;
    }

    ul#menu-main-menu li {
        padding: 28px 0 28px 50px;
    }

    .header_main_logo img {
        height: 64px;
    }

    .hdr_quote_svg_box {
        left: -1px;
        top: 1px;
    }

    ul#menu-main-menu li a {
        font-size: 15px;
    }

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

    .hdr_qty_btn_box_inner {
        top: 0px;
    }

    /* fix call btn */
    .hdr_fix_call_btn_box_inner {
        padding: 12px 10px 14px;
    }

    .hdr_fix_call_box_inner a {
        font-size: 16px;
    }

    .hdr_fix_call_btn_icon_box_inner svg {
        height: 22px;
        width: 22px;
    }

    /* fix call btn end */
}

@media all and (min-width: 1441px) and (max-width: 1680px) {
    .hdr_width {
        width: 1380px !important;
    }

    ul#menu-main-menu li {
        padding: 35px 0 32px 60px;
    }
}

@media all and (min-width: 1681px) and (max-width: 1880px) {}