/*
Theme Name: thelight
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@media (min-width: 850px) {
    header#header .nav-dropdown {
        display: block;
    }

    header#header .nav-dropdown ul.sub-menu {
        position: absolute;
        left: 100%;
        top: 0;
        background: #fff;
        width: 250px;
        padding: 0;
        display: none !important;
        -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
        box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    }

    header#header .nav-dropdown ul.sub-menu a {
        white-space: normal;
        margin: 0;
        padding: 10px 15px;
        border: 0;
        font-weight: 400;
    }

    header#header .nav-dropdown li:hover>ul.sub-menu {
        display: block !important;
    }

    header#header .nav-dropdown li {
        border-right: 0;
        white-space: normal;
        width: 100%;
        display: block;
        position: relative;
    }

    header#header .nav-dropdown li.menu-item-has-children>a {
        font-weight: 400;
        text-transform: none;
        color: rgba(102, 102, 102, .85);
        font-size: 16px;
    }

    header#header .nav-dropdown li.active>a {
        color: #e82c2a;
    }

    header#header .nav-dropdown li.menu-item-has-children>a {
        position: relative;
        padding-right: 25px;
    }

    header#header .nav-dropdown li.menu-item-has-children>a:after {
        content: "\f105";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 14px;
    }

    header#header .nav-dropdown li.menu-item-has-children>a:after {
        transition: 0.3s;
    }

    header#header .nav-dropdown li:hover>a:after {
        transform: translateY(-50%) rotate(90deg);
    }
}

.nav.header-nav-main>li.active>a,
.nav.header-nav-main>li.current>a,
.nav.header-nav-main>li:hover>a {
    color: #000 !important;
}

.header-main .nav>li>a {
    color: #fff !important;
}

.nav-divided.header-nav-main>li+li>a:after {
    border-color: #fff;
}

.home-1-text1 .text-box-content {
    background: linear-gradient(90deg, rgba(0, 110, 207, 0) 0%, rgba(0, 56, 105, 0.6) 49.52%, rgba(0, 110, 207, 0) 100%);
}

.home-1-text1 h3 {
    line-height: normal;
}

.header-main {
    background: linear-gradient(180deg, #003869 0%, rgba(0, 110, 207, 0.00) 100%);
}

.header.show-on-scroll,
.stuck .header-main {
    background: #003F69;
}

.top-divider {
    display: none;
}

.gb-bheader h2 {
    font-size: 48px;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal;
    text-transform: uppercase;
}

.wtb-breadcrumb {
    padding: 30px 0 0 0;
}

.wtb-breadcrumb span {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.wtb-breadcrumb span.breadcrumb_last {
    color: #C0C0C0;
}

h1.sduanti-main {
    font-size: 41px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 29px 0;
}

.sduant-item {
    padding: 15px 29px 20px 29px;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
}

.sduant-item h3 {
    color: #F18636;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 12px 0;
}

.sduant-item p {
    margin: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.sduana-main {
    padding: 0 !important;
}

.sduana-main img {
    border-radius: 10px;
}

.sduana-main .row.row-full-width {
    padding-top: 30px;
}

.sduann-main {
    margin: 0 0 100px 0;
}

.gb-heading h2 {
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    background: linear-gradient(90deg, #003869 0%, #006ECF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 50px 0;
}

.gb-heading2 h2 {
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 50px 0;
}

.gb-heading3 h2 {
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 50px 0;
}

.sduanl-main .gb-heading h2 {
    text-align: center;
}

.sduan-thumb .image-zoom {
    margin: 0 0 20px 0;
    overflow: hidden;
}

h3.sduan-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 10px 0;
}

.sduan-excerpt {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 15px 0;
}

a.sduan-readmore {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.pduan-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    flex-wrap: wrap;
    gap: 10px;
}

.pduan-left {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}

.pduan-bl {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    background: #f1f1f1;
    border-radius: 6px;
    width: 100%;
    height: 42px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.pduan-filter select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 10px 20px;
    background: #F5F5F5;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    /* icon dropdown */
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23666' height='10' viewBox='0 0 20 20' width='10' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
    min-width: 200px;
    margin: 0;
    height: 42px;
    border-radius: 4px;
    border: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.pduan-filter select:hover {
    background-color: #eee;
}

.pduan-right select {
    min-width: 140px;
}


.home-2 .sduan-thumb .image-zoom {
    margin: 0;
}

.home-2 .sduan-content {
    padding: 14px;
    background: #fff;
}

.home-2 .sduan-excerpt {
    margin: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.home-2 h3.sduan-title {
    margin: 0;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.gm-marker {
    width: 30px;
    height: 30px;
    background: #F18636;
    border-radius: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    z-index: 2;
    cursor: pointer;
}

.active .gm-marker span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(241, 134, 54, 0.4);
    transform: translate(-50%, -50%) scale(1);
    animation: ripple 3s infinite;
    z-index: -1;
}

.gm-marker span:nth-child(1) {
    animation-delay: 0s;
}

.gm-marker span:nth-child(2) {
    animation-delay: 1s;
}

.gm-marker span:nth-child(3) {
    animation-delay: 2s;
}

@keyframes ripple {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.7;
    }

    70% {
        transform: translate(-50%, -50%) scale(3);
        opacity: 0.5;
    }

    100% {
        transform: translate(-50%, -50%) scale(4);
        opacity: 0;
    }
}

.home-2-t1 {
    position: absolute;
    top: 14%;
    left: 30%;
}

.home-2-t1 .line-connector {
    position: absolute;
    top: 0;
    right: 20px;
    width: 300px;
    height: 3px;
}

.home-2-t1.active .line-connector::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 135px;
    height: 3px;
    background: rgba(255, 255, 255, 0.3);
}

.home-2-t1.active .line-connector::after {
    content: '';
    position: absolute;
    left: -9px;
    top: 0;
    width: 175px;
    height: 3px;
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(-52deg);
    transform-origin: right center;
}

.home-2-t2 {
    position: absolute;
    top: 47%;
    left: 44%;
}

.home-2-t2 .line-connector {
    position: absolute;
    top: 0;
    right: 20px;
    width: 300px;
    height: 3px;
}

.home-2-t2.active .line-connector::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 135px;
    height: 3px;
    background: rgba(255, 255, 255, 0.3);
}

.home-2-t2.active .line-connector::after {
    content: '';
    position: absolute;
    left: -16px;
    top: 0;
    width: 181px;
    height: 3px;
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(18deg);
    transform-origin: right center;
}

.home-2-t3 {
    position: absolute;
    top: 83%;
    left: 35%;
}

.home-2-t3 .line-connector {
    position: absolute;
    top: 0;
    right: 20px;
    width: 300px;
    height: 3px;
}

.home-2-t3.active .line-connector::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 106px;
    height: 3px;
    background: rgba(255, 255, 255, 0.3);
}

.home-2-t3.active .line-connector::after {
    content: '';
    position: absolute;
    left: -115px;
    top: 0;
    width: 310px;
    height: 3px;
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(59deg);
    transform-origin: right center;
}

.home-2-t4 {
    position: absolute;
    top: 75%;
    left: 55%;
}

.home-2-t4 .line-connector {
    position: absolute;
    top: 0;
    right: 20px;
    width: 300px;
    height: 3px;
}

.home-2-t4.active .line-connector::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 156px;
    height: 3px;
    background: rgba(255, 255, 255, 0.3);
}

.home-2-t4.active .line-connector::after {
    content: '';
    position: absolute;
    left: -155px;
    top: 0;
    width: 300px;
    height: 3px;
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(48deg);
    transform-origin: right center;
}

.home-2-t5 {
    position: absolute;
    top: 78%;
    left: 37%;
}

.home-2-t5 .line-connector {
    position: absolute;
    top: 0;
    right: 20px;
    width: 300px;
    height: 3px;
}

.home-2-t5.active .line-connector::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 106px;
    height: 3px;
    background: rgba(255, 255, 255, 0.3);
}

.home-2-t5.active .line-connector::after {
    content: '';
    position: absolute;
    left: -93px;
    top: 0;
    width: 288px;
    height: 3px;
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(55deg);
    transform-origin: right center;
}

.is-divider {
    display: none;
}

.home-4 h5.post-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.home-5 .sduan-thumb .image-zoom {
    margin: 0;
}

.home-5 h3.sduan-title {
    padding: 22px 10px;
    text-align: center;
    background: #fff;
    margin: 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.menu-center {
    width: 100%;
    text-align: center;
    margin: 0 0 50px 0;
}

.menu-center ul {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-center ul li {
    margin: 0;
    padding: 0 24px;
    border-right: 1px solid #003869;
    line-height: normal;
}

.menu-center ul li a {
    text-decoration: none;
    position: relative;
    color: #003869;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.menu-center ul li a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    background: #F18636;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: 0.3s;
}

.menu-center ul li a:hover::after {
    width: 100%;
}

.home-7 h5.post-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 15px 0;
}

.home-7 .post-meta {
    opacity: 1;
    display: inline-block;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 5px 25px 5px 40px;
    border-radius: 30px;
    background: #DAF0FA;
    position: relative;
    height: 25px;
}

.home-7 .post-meta:before {
    content: "\f073";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F18636;
    border-radius: 50%;
    color: #fff;
}

.home-7-button p a {
    margin: 0;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}

.home-7-button p i {
    margin-right: 10px;
}

.heading-footer h3 {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 9px 0;
}

.footer-1 ul li,
.footer-1 ul li a {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.fsdtm-main {
    display: flex;
    align-items: center;
    gap: 25px;
}

.fsdtm-s {
    color: #003869;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.fsdtm-a a {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: 33px;
    border: 1px solid #003869;
}

.fsdtr-main {
    padding: 9px 50px;
    border-radius: 40px;
    background: #F18636;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.absolute-footer {
    color: #FFF !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 20px 0;
    background: linear-gradient(90deg, #003869 0%, #006ECF 100%);
}

.pinfo-2-row1 .col-inner {
    border: 1px solid #003869;
    border-left: 11px solid #003869;
}

.pinfo-2-row1 .col-inner:after {
    content: '';
    width: 11px;
    height: 40%;
    background: #F18636;
    position: absolute;
    left: -11px;
    bottom: 0;
}

.pinfo-2-row1 .col-inner h3 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    /* 137.5% */
    letter-spacing: 3.2px;
    text-transform: uppercase;
    padding: 0 0 13px 0;
    border-bottom: 4px solid #F18636;
    margin: 0 0 30px 0;
    background: linear-gradient(90deg, #003869 0%, #006ECF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pinfo-2-row1 .col-inner p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.pinfo-3 h3 {
    display: inline-block;
    width: auto;
    padding: 8px 100px 8px 22px;
    background: #fff;
    color: #F18636 !important;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 46px 0;
    clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%);
    position: relative;
}

.pinfo-3 p {
    position: relative;
}

.pinfo-3 p:after {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="138" height="102" viewBox="0 0 138 102" fill="none"><path opacity="0.4" d="M106.257 102C96.2324 101.777 88.77 98.0984 83.8692 90.9639C79.1913 83.8295 76.8523 75.4688 76.8523 65.882C76.8523 55.1803 79.1913 45.3705 83.8692 36.4525C88.5472 27.5344 94.5617 19.9541 101.913 13.7115C109.264 7.24591 116.949 2.67542 124.969 0L138 19.7312C135.104 21.2918 131.651 23.7443 127.642 27.0885C123.632 30.4328 119.956 34 116.615 37.7902C113.274 41.3574 111.046 44.8131 109.932 48.1574C114.387 48.6033 118.397 49.941 121.961 52.1705C125.748 54.1771 128.755 57.0754 130.983 60.8656C133.211 64.6558 134.324 69.2262 134.324 74.5771C134.324 83.718 131.429 90.6295 125.637 95.3115C120.068 99.7705 113.608 102 106.257 102ZM29.4044 102C19.3801 101.777 11.9177 98.0984 7.01695 90.9639C2.33898 83.8295 0 75.4688 0 65.882C0 55.1803 2.33898 45.3705 7.01695 36.4525C11.6949 27.5344 17.7094 19.9541 25.0605 13.7115C32.4116 7.24591 40.2082 2.67542 48.4504 0L61.4818 19.7312C58.1404 21.2918 54.4649 23.7443 50.4552 27.0885C46.6683 30.4328 43.1041 34 39.7627 37.7902C36.4213 41.3574 34.1937 44.8131 33.0799 48.1574C37.7579 48.6033 41.8789 49.941 45.4431 52.1705C49.0073 54.1771 51.9031 57.0754 54.1307 60.8656C56.3584 64.6558 57.4722 69.2262 57.4722 74.5771C57.4722 83.718 54.5763 90.6295 48.7845 95.3115C43.2155 99.7705 36.7554 102 29.4044 102Z" fill="url(%23paint0_linear_12_516)"/><defs><linearGradient id="paint0_linear_12_516" x1="69" y1="0" x2="69" y2="102" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>');
    width: 138px;
    height: 102px;
    position: absolute;
    left: -85px;
    top: -140px;
    z-index: 1;
}


span.widget-title span {
    color: #003869;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 28px 0;
    display: block;
    position: relative;
}

span.widget-title span:after {
    content: '';
    width: 32px;
    height: 2px;
    background: #034B8A;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.widget_categories ul>li>a {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 10px 0;
}

.widget_categories ul>li {
    padding-left: 30px;
    position: relative;
}

.widget_categories ul>li:after {
    content: "\f178";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 7px;
}

.widget_categories ul>li.active,
.widget_categories ul>li:hover,
.widget_categories ul>li.active a,
.widget_categories ul>li:hover a {
    color: #F18636;
}

.wlhm-item a {
    position: relative;
    display: block;
    padding: 18px 18px 18px 80px;
    border-radius: 73px;
    background: #FFF;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.11);
    width: 100%;
    height: 55px;
}

.wlhm-item {
    margin: 0 0 30px 0;
}

.wlhm-content {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.wlhm-svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, #003869 0%, #006ECF 100%);
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
}

#post-list .post-item .col-inner {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

#post-list .post-item h5.post-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 12px 0;
}

#post-list .post-item .post-meta {
    opacity: 1;
    display: inline-block;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 5px 25px 5px 40px;
    border-radius: 30px;
    background: #DAF0FA;
    position: relative;
    height: 25px;
    margin: 0 0 12px 0;
}

#post-list .post-item .post-meta:before {
    content: "\f073";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F18636;
    border-radius: 50%;
    color: #fff;
}

#post-list .post-item .box-text .button {
    padding: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal !important;
    min-height: auto;
    border: none;
    color: #F18636;
    text-transform: inherit;
}

#post-list .post-item .box-text .button:after {
    content: "\f178";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    margin-left: 5px;
}

#post-list .post-item .box-text .button:hover {
    background: none;
    color: #000;
}

#ez-toc-container {
    width: 100%;
}

.entry-header-text-top {
    padding-bottom: 0;
}

.blog-single .entry-header h1.entry-title {
    margin: 30px 0;
    text-align: center;
    padding: 15px 100px;
    border-right: 6px solid #F18636;
    border-left: 6px solid #F18636;
}

.blog-single .home-7 {
    padding: 0 !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
    padding: 50px;
    border: 1px solid #D3D3D3;
}

.image-tools.bottom.left {
    display: none;
}

.product-thumbnails a {
    border: 1px solid #D3D3D3;
    padding: 10px;
}

.sprott-main {
    margin-top: 15px;
}

.sprott-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.sprott-table tr {
    border-bottom: 1px solid #eee;
}

.sprott-table th {
    width: 35%;
    text-align: left;
    padding: 10px;
    background: #f7f7f7;
    font-weight: 600;
}

.sprott-table td {
    padding: 10px;
}

.sprott-table tr:nth-child(even) td {
    background: #fafafa;
}

.product-info {
    background: #F8F8F8;
    padding: 34px 50px;
}

.product-info .breadcrumbs {
    display: none;
}

.sproa-main {
    margin: 0 0 27px 0;
}

.product-info .product-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 30px 0;
}

.sprotr-item {
    margin: 0 0 14px 0;
}

.sprotr-item span {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-block;
    padding: 6px 12px;
}

span.sprotr-title {
    display: inline-block;
    width: 40%;
    border-radius: 40px;
    background: #f1863650;
    font-weight: 700;
}

.sprotr-main {
    margin: 0 0 30px 0;
}

.spron-main {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 30px 0;
}

.sprol-main a {
    display: inline-block;
    width: 258px;
    height: 67px;
    text-align: center;
    border-radius: 7px;
    background: #F18636;
    line-height: 67px;
    margin: 0 0 30px 0;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}

.sprol-main a i {
    margin-left: 5px;
}

.sprol-main a:hover {
    background: #003f69;
}

.woocommerce-tabs ul li a {
    width: 278px;
    height: 76px;
    padding: 10px;
    justify-content: center;
    border: 1px solid rgba(0, 56, 105, 0.10);
    background: #F8F8F8;
    border-radius: 0;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-transform: inherit;
}

.woocommerce-tabs ul li.active a {
    border: 1px solid #003869;
    background: linear-gradient(90deg, #003869 0%, #006ECF 100%);
}

.woocommerce-tabs .tab-panels {
    padding: 38px 60px;
    border: 1px solid rgba(0, 56, 105, 0.10);
}

.related.related-products-wrapper.product-section {
    border: none;
    margin-top: 50px;
}

.product-small.box .box-image {
    border: 1px solid #D3D3D3;
}

.product-small.box .box-image img {
    padding: 20px !IMPORTANT;
}

.product-small.box .product-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}

.product-small.box .box-image:after {
    content: '';
    width: 29px;
    height: 29px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none"><rect width="29" height="29" fill="%23F18636"/><path d="M12 9L18 15L12 21" stroke="white"/></svg>');
    position: absolute;
    bottom: 0;
    right: 0;
}

nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
    display: none;
}

h2.shop-cat-title {
    background: linear-gradient(90deg, #003869 0%, #006ECF 100%);
    padding: 13px 34px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 30px 0;
}

h2.shop-cat-title a {
    color: #fff;
}

.shop-cat-block {
    margin: 0 0 50px 0;
}

.pwhy-1-heading p {
    display: flex;
    gap: 40px;
    align-items: center;
}

.pwhy-1-heading p span:first-child {
    width: 77px;
    height: 77px;
    border-radius: 3px;
    background: #F18636;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.pwhy-1-heading p span:nth-child(2) {
    font-size: 29px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #003869;
}

.pwhy-1-heading {
    margin: 0 0 30px 0;
}

.pwhy-1-text p {
    margin: 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
}

.pwhy-1-text {
    padding: 30px;
}

.pwhy-1 .section-content>.row {
    margin-bottom: 60px;
}

.pcon-3 .col .col-inner {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 4px 47.1px 0 rgba(0, 0, 0, 0.15);
}

.pcon-3 form label {
    color: #003869;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.pcon-3 form label span {
    color: #F18636;
}

.pcon-3 form .form-control {
    margin: 0;
    box-shadow: none;
    border-radius: 6px;
    border: 1px solid #D9D9D9;
    background: #FFF;
}

.pcon-3 form .wpcf7-submit {
    border-radius: 10px;
    background: #F18636;
}

.pcon-3 h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 30px 0;
}

.branch-wrapper {
    max-width: 600px;
    margin: auto;
}

/* Search */
#branchSearch {
    width: 100%;
    padding: 14px;
    margin-bottom: 20px;
    font-size: 16px;
    height: 46px;
    border-radius: 6px;
    border: 1px solid #D9D9D9;
    background: #FFF;
}

/* List scroll */
.branch-list {
    max-height: 400px;
    overflow-y: auto;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 10px;
    position: relative;
}

/* Scroll bar custom */
.branch-list::-webkit-scrollbar {
    width: 5px;
}

.branch-list::-webkit-scrollbar-thumb {
    background: #ff7a1a;
    border-radius: 10px;
}

/* Item */
.branch-item {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
}

/* Line divider */
.branch-item:not(:last-child)::after {
    content: "";
    display: block;
    height: 1px;
    background: #eee;
    margin-top: 15px;
}

/* Active border right */
.branch-item.active {
    border-right: 4px solid #ff7a1a;
}

/* Text */
.branch-item h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
}

.branch-item p {
    margin: 5px 0;
    color: #000;
}

.phone {
    color: #ff7a1a;
}

.branch-wrapper p {
    margin: 0;
}

.branch-item i {
    color: #F18636;
    margin-right: 5px;
}

.branch-item p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #000;
}

.gb-img1 {
    position: absolute;
    right: 0;
    bottom: -200px;
    z-index: -1;
}

.gb-img2 {
    position: absolute;
    left: 0;
    bottom: -150px;
    z-index: -1;
}

@media (max-width: 849px) {

    [data-animate],
    [data-animated] {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }


}

@media only screen and (max-width: 48em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .transparent .header-main {
        height: 80px !important;
    }

    .gb-heading2 h2,
    .gb-heading h2,
    .gb-heading3 h2 {
        font-size: 25px;
        margin: 0 0 30px 0;
        text-align: center;
    }

    .line-connector {
        display: none;
    }

    .menu-center ul {
        flex-wrap: wrap;
        gap: 10px;
    }

    .menu-center ul li {
        padding: 0;
        border-right: none;
    }

    .fsdtm-main {
        display: block;
    }

    .fsdtm-a {
        margin: 10px 0 0 0;
    }

    .fsdtm-a a {
        justify-content: center;
    }

    .fsdtr-main {
        padding: 10px;
        font-size: 18px;
    }

    .copyright-footer {
        font-size: 12px;
    }

    .gb-bheader .fill {
        background: rgba(0, 0, 0, 0.4);
    }

    .gb-bheader h2 {
        font-size: 38px;
        text-align: center;
    }

    .wtb-breadcrumb {
        padding: 15px 0 0 0;
    }

    .wtb-breadcrumb span {
        font-size: 14px;
    }

    .pinfo-3 h3 {
        font-size: 24px;
        margin: 0 0 20px 0;
    }

    #post-list .post-item .box-text {
        padding: 15px 0 !important;
    }

    .blog-single .entry-header h1.entry-title {
        margin: 20px 0;
        padding: 10px;
    }

    .product-info {
        padding: 10px 15px;
    }

    .woocommerce-tabs ul.wc-tabs li {
        width: 50%;
    }

    .woocommerce-tabs ul.wc-tabs li a {
        width: 100%;
        height: auto;
        align-items: center;
        display: flex;
    }

    .woocommerce-tabs .tab-panels {
        padding: 15px;
        border: 1px solid rgba(0, 56, 105, 0.10);
    }

    .pwhy-1-heading p {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
    }

    .pwhy-1-heading p br {
        display: none;
    }

    .pwhy-1-heading p span:nth-child(2) {
        font-size: 20px;
        color: #003869;
        text-align: center;
    }

    .pwhy-1-heading {
        margin: 0;
    }

    .pwhy-1-text {
        padding: 15px;
    }

    .pwhy-1 .section-content>.row {
        margin-bottom: 30px;
    }

    .pduan-left {
        flex-wrap: wrap;
    }

    .pduan-right {
        display: flex;
        width: 100%;
    }

    h1.sduanti-main {
        font-size: 32px;
        margin: 0 0 20px 0;
    }

    .sduant-item {
        padding: 15px;
    }

    .sduant-item h3 {
        margin: 0;
    }

    .sduana-main .row.row-full-width {
        margin-left: 0;
        margin-right: 0;
    }

    .sduant-main .col {
        padding-bottom: 15px;
    }

    .pcon-3 h3 {
        margin: 0 0 15px 0;
    }

    .gb-img1 {
        bottom: -88px;
    }

    .gb-img2 {
        bottom: -75px;
    }

    .home-2-button .button {
        padding: 3px 10px !important;
        margin-right: 5px;
        font-size: 14px;
    }

    .pinfo-3 p:after {
        left: -15px;
        top: -140px;
    }
}