body{/*font-family: "Open Sans", sans-serif !important;*/font-optical-sizing: auto; font-style: normal;font-size:18px !important;}

/*Header style css*/
.content-header{margin:10px 0;}
.container{max-width:1600px !important;}
.material-icons{text-align:right;font-size:24px !important;color:#0070C0;}
.contact-info {color: #000;}
.contact-item {display: flex;align-items: center;}
.contact-item a{text-decoration: none;font-weight: 600;}
.track-btn{margin:10px 0;}
small.text-muted{color:#595959 !important}
a.nav-link{color:#0070c0;}
button.btn{border-radius:0 !important;padding:10px 40px}
.form-check-input{border: 1px solid #c5c6c8 !important;}
.btn-primary{background:#0070C0 !important;}
.btn-dark{background:#040404 !important;}
.navigation-menu{border-top:1px solid #ccc;}
.toggle-inbox {display: none;}
.navbar-dark .navbar-toggler {border-color: #f4b030;border-radius: 0;margin-bottom: 25px;}
.navbar-expand-lg{padding: 0;}
ul.navbar-nav li.nav-item a.nav-link {padding: 12px 0 !important;margin-right:35px;font-weight: 500;}
.navbar-dark .navbar-toggler{border-radius: 0;}
.fa-chevron-down.show:before {transform: rotate(180deg);}
.navbar-collapse.collapse ul.navbar-nav li.nav-item a.dropdown-toggle {display: none !important;}
 ul.navbar-nav li.nav-item ul.dropdown-menu {padding: 0;border-radius: 0;background-color: #0066af;}
 .top-arrow{position: absolute;top: -15px;left: 10px;width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #0066af;}
 a{color: #006AB6;text-decoration: none;}
 a:hover{color: #040404;}
.login-box {padding:15px;border-radius:0px;border-radius: 0;background-color: #ffff;position: absolute;right: 0;top: 58px;border: none;box-shadow: 0 0 10px 1px #ccc;z-index:99;width:27.89%;}
.login-box:before{content:'';position: absolute;top: -10px;right: 62px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #040404;}
.login-box p{line-height: 22px;}

.dropdown-menu.sub li {list-style-type: none !important;}
ul.navbar-nav li.nav-item ul.dropdown-menu li a.sub-nav-link {padding: 5px 20px 5px 10px;display: flex;color: #ffffff;text-decoration: none;border-bottom: 1px solid #005795;}
ul.navbar-nav li.nav-item ul.dropdown-menu:before{content:'';position: absolute;top: -10px;left: 10px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #0066af;}
.navbar-nav li.nav-item:hover ul.dropdown-menu{display:block;} 
ul.navbar-nav li.nav-item ul.dropdown-menu li a.sub-nav-link:hover {color: #fff;background-color:#00538f;}
.navbar-collapse.collapse.show ul.navbar-nav li.nav-item a.dropdown-toggle {display: block !important;}
.fa-chevron-down:before {position: absolute;content: '\f078';top: 15px;right: 10px;color: #0070c0;transition: transform 0.2s ease-in-out;}
.toggle-inbox:checked~.mobile-menue-icon::after {content: url(../images/menu-open.svg);}
.d-flex.justify-content-between.w-100{width: auto !important;}
.contact-item .phone-number{line-height: 23px;margin-left: 5px;}
/*END here */

/*footer style css*/
.footer {position: relative;background-color: #F5F5F5 ;padding: 40px 0 0;}
.footer a {color: #0070C0;text-decoration: none;}
.footer a:hover {color:#040404;}
.footer .social-icons a {margin-right: 10px;}
.footer .powered {background-color:#000;color: #fff!important;padding: 27px 0;height:83px}
.scroll-to-top {position: absolute;top: -66px;right: 0;display: flex;background-color: #0070C0;border: none;border-radius:10%;width: 55px;height: 50px;font-size: 24px;cursor: pointer;text-align: center;line-height: 50px;z-index: 8;justify-content:center;align-items:center;}
.scroll-to-top:hover {background-color: #040404;}
.text-md-start{font-size:25px;font-weight:600}
.scroll-to-top .fa-chevron-up{color:#fff!important;font-size:25px;}
.dropdown-menu.sub.show{float:none}
.dropdown-toggle:empty::after{display: none}
a.active{color:black!important}
.footer a:hover{text-decoration:none}
/*END here */

/*------------- General CSS Start ------------------*/

.form-control, .form-select{border-radius: 0 !important;height: 50px;font-size: 18px;}
h1{font-size:80px;font-weight: 400;}
h2{font-size:60px;margin:40px 0 10px 0;line-height: 80px;color: #0070C0;font-weight: 300;}
h3{font-size:35px;margin:30px 0 10px 0;line-height: 50px;color: #0070C0;font-weight: 300;}
ul li, ol li, p{line-height: 40px;}
ul.navbar-nav li.nav-item ul.dropdown-menu li{line-height: 28px; !important;}

.breadcrumb-container{background-color: #E5E8ED;height: 80px;padding: 20px 0;margin-bottom: 50px;}
.breadcrumb-container .breadcrumb-item a{color: #0070C0;text-decoration: none;}
.breadcrumb-container .breadcrumb-item.active{color: #646464;}
.start-quote .accordion-collapse.collapse .material-symbols-outlined,
.material-symbols-outlined{color: #0070C0;}
.main-header .material-symbols-outlined{color: #0070C0;font-size: 48px;}
.light-blue-box{background-color: #E7F0FF;border: 1px solid #8FCEFB;padding: 15px;}
.text-left{text-align: left;}
.text-right{text-align: right;}

.table-dark th{background-color: #0061A7;font-weight: 300;}
.sub-table {background-color: #ececec !important;padding: 0 10px !important;border-bottom: none;border: 1px solid #8FCEFB;}
.sub-table .table-dark th{background-color: #E7F0FF !important;color: #040404;font-weight: 400;border-bottom: 1px solid #8FCEFB;}
.sub-table .table-dark td{background-color: #ffffff !important;color: #040404;font-weight: 400;border-bottom: 1px solid #8FCEFB;}
.border-right-blue{border-right: 1px solid #8FCEFB;}

.sub-table .table tbody th {font-weight: 400 !important;background-color: #e7f0ff;border-right: 1px solid #8fcefb;width: 10%;}

.btn-effect{position: relative;transition-duration: 0.4s;-webkit-transition-duration: 0.4s; /* Safari */}
.btn-effect:hover {transition-duration: 0.1s;}
.btn-effect:after {content: "";display: block;position: absolute;left: 0;top:0;width: 100%;height: 100%;opacity: 0;transition: all 0.5s;box-shadow: 0 0 10px 40px #0070C0;}
.btn-effect:active:after {box-shadow: 0 0 0 0 #0070C0;position: absolute;left: 0;top:0;opacity: 1;transition: 0s;}
.pointer{cursor: pointer;}
.round-top-right{border-top-right-radius: 30px;}
.round-bottom-right{border-bottom-right-radius: 30px;}
.round-top-left{border-top-left-radius: 30px;}
.round-bottom-left{border-bottom-left-radius: 30px;}
button.btn{text-transform: uppercase;}
/*old css unset classes */
.last_year ul li{font-size:unset;}




/* .myaccount-box-arrow:not(.collapsed)::after {content: "\e931";}
.myaccount-box-arrow::after {content: "\e145";} */
.myaccount-box-arrow::after {content: url(../images/add.svg);}
.myaccount-box-arrow:not(.collapsed)::after {content: url(../images/remove.svg);}

#hideOnScroll{position: fixed;display: block;width: 100%;transition: top 0.3s;z-index: 8;}
#hideOnScroll .content-header{margin: 8px 0;}
.topHide { top:-92px !important;}
.scroll-margin{margin-top: 156px;}
.min-height{min-height:500px!important;}
.min-height1{min-height:576px;}
.form-control.is-invalid, .was-validated .form-control:invalid{padding-right: 14px!important;}
.form-control.is-valid, .was-validated .form-control:valid{padding-right:14px!important;}
tbody{vertical-align:middle!important;}
.confirmSign .material-symbols-outlined{font-size:50px!important;}
.fade:not(.show){opacity:1;z-index: 9 !important;}
.modal-backdrop {background-color: rgba(0, 0, 0, 0.5);transition: opacity 0.15s linear;}
.modal.fade .modal-dialog{transform: translate(0px,100px);}
 .not-item-found{margin: 0 auto;padding: 100px;border: 1px solid #CBEAFF;
 background: radial-gradient(ellipse at center, #FFFFFF 22%, #E7F0FF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

/*-------------- My Account Box Start ----------------*/
.myaccount-box{padding: 15px;border-radius: 0px;background-color: #ffff;position: absolute;right: 0;top: 56px;border: none;box-shadow: 0 0 10px 1px #ccc;z-index: 99;}
.myaccount-box:before {content: '';position: absolute;top: -10px;right: 21px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #0070c0;}
ul.myaccount{padding: 0;margin: 0;width: 287px;}
ul.myaccount  li{display: flex;align-items: center;justify-content: space-between; list-style-type: none;width: 100%;font-size: 18px;line-height: 35px;}
ul.myaccount li .material-symbols-outlined {font-size: 22px;}
ul.myaccount li a {align-items: center;display: flex;flex-grow: 1;}
ul.myaccount li a:hover {color: #0070C0;}
ul.myaccount .sub-link-container{border-bottom: 1px solid #dbf0ff;padding:0 0 5px 27px;margin: 0 0 10px 0;}
ul.myaccount .sub-link-container li{line-height: 30px;}
/*-------------- My Account Box End ----------------*/

/*-------------- BTN Effect Start ----------------*/
    .btn-effect{position: relative;transition-duration: 0.4s;-webkit-transition-duration: 0.4s; /* Safari */}
    .btn-effect:hover {transition-duration: 0.1s;}
    .btn-effect:after {content: "";display: block;position: absolute;left: 0;top:0;width: 100%;height: 100%;opacity: 0;transition: all 0.5s;box-shadow: 0 0 10px 40px #0070C0;}
    .btn-effect:active:after {box-shadow: 0 0 0 0 #0070C0;position: absolute;left: 0;top:0;opacity: 1;transition: 0s;}
/*-------------- BTN Effect End ----------------*/

    /*------------- Section Animation Start ------------------*/
    @layer scroll {
      @keyframes scale-a-lil {
        from {
          scale: .5;
        }
      }
    @media (prefers-reduced-motion: no-preference) {
        .section-animation {
          animation: scale-a-lil linear both;
          animation-timeline: view();
          animation-range: 25vh 75vh;
        }
      }
    }
    /*------------- Section Animation End ------------------*/
.customer-email {display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


/*------------- General CSS End ------------------*/



@media screen and (min-width:320px) and (max-width:1440px){
    .login-box{width:unset!important;}
}
@media screen and (min-width:320px) and (max-width:510px){
    h1{font-size:36px;}
    h2{font-size:25px;margin:30px 0 10px 0;line-height: 35px;font-weight: 300;}
    h3 {font-size: 20px !important;line-height: 30px;}
    ul li, ol li, p{line-height: 25px;}
    .form-control, .form-select{font-size: 16px;}
    .breadcrumb-container {height: auto;padding: 13px 0;margin-bottom: 35px;}

    /*Media Query for Header Monile screen size*/
    body{font-size:16px !important;line-height: 25px !important;}
    div.contact-item {margin:7px 0px 0px 0px!important;}
    button.btn{padding:10px !important;}
    button.btn-dark{margin-left: 15px!important}
    .input-group{margin-left:7px}
    .content-header .col-lg-6.col-md-6.col-sm-12.col-xs-12.d-flex {justify-content: space-between !important;}
    .navbar.navbar-expand-lg .d-flex.justify-content-center {width: 100%;}
    .company-logo{width:60% !important; margin:auto;}
    .contact-item .phone-number{line-height: 16px;margin-left: 5px;font-size: 14px;}
    .login-box:before{right:35px}
/*    .topHide { top:-117px !important;}*/
    .scroll-margin{margin-top: 182px;}
	.customer-email {max-width: 25ch;}
    /*END here */

    /*Media Query for FOOTER Mobile screen size*/
    .text-md-start{font-size:16px!important;}
    .powered a{color:#fff!important;text-decoration:none }
    .footer .powered{height:unset;font-size:16px;padding:5px 0;margin-top:0px!important;color:#fff}
    .footer .footer-link{text-align:left;text-wrap:nowrap;}
    img.footer-logo{width:60%}
    span.material-icons{font-size: 30px!important}
    .scroll-to-top {top: -57px;right: 15px;}
    .login-box{margin-top:5px!important;}
    .are-you-looking img{width: 50% !important;}
    .hero-section h2{font-weight: 400;}
    /*END here */
}

@media screen and (min-width:320px) and (max-width:375px){
    .topHide{top:-110px!important;}
}
@media screen and (min-width:376px) and (max-width:425px){
    .topHide{top:-117px!important;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
    .scroll-to-top{right:13px!important;}
}

@media screen and (min-width: 320px) and (max-width: 810px) {
    /*Media Query for FOOTER Mobile to tablet size*/
    .scroll-to-top .fa-chevron-up{font-size:15px}
    .footer .social-icons a{margin-right:5px}
    .scroll-to-top{height:35px;width:35px;line-height:35px;}
    .footer .col.footer-link:last-child{flex-grow: 2 !important;}
    .main-header .material-symbols-outlined{font-size: 40px;}
    /*END here */

    /*Media Query for HEADER Mobile to Tablet size*/
	.nav-arrow.show:before{transform: rotate(180deg);}
    .mobile-view.nav-arrow:before{position: absolute;content:url(../images/keyboard_arrow_down.svg);top:8px;right:5px;color: #0070c0;transition: transform 0.2s ease-in-out;}
    ul.navbar-nav {padding: 0;border-radius: 0;background-color:#fff;position: relative;z-index: 8;border:1px solid #ccc}
    .dropdown-menu.sub.show {display: block !important;}
    ul.navbar-nav li.nav-item:hover > a.fa-chevron-down:before {color: black !important;}
    .navbar-nav {max-height: 500px;overflow: auto;}.mobile-view {text-align: center !important;}
    .mobile-view.nav-arrow.dropdown-toggle {position: absolute;height: 48px;width: 100%;}
    ul.navbar-nav li.nav-item a.nav-link {padding: 10px !important;}
    .navbar-collapse {flex-grow: unset;margin-top: 6px;}
    .mobile-view {text-align: center !important;}
    ul.navbar-nav li.nav-item a.nav-link {font-size: inherit;font-weight: 600;flex-flow: inherit;border-right: none;}
    .mobile-menue-icon::after {content: url(../images/top-menu.svg);}
    .fa.mobile-menue-icon.navbar-toggler.navbar-toggler{background-color: #0070c0;border-radius: 0;border: none;width: 62px;height: 50px;display: flex;align-items: center;justify-content: center;padding-top: 7px;}
	ul.navbar-nav li.nav-item:hover > a.nav-link, ul.navbar-nav li.nav-item:hover > a.mobile-view:before{color:black!important;filter:brightness(0) saturate(100%);}
    ul.navbar-nav li.nav-item:hover > a.nav-link, ul.navbar-nav li.nav-item:hover > a.fa-chevron-down:before{color:black!important;}
    .navbar .navbar-expand-lg .navbar-toggler {display: flex;align-items: center;justify-content: center;}
    .main-header .navbar-collapse {flex-grow: unset;margin-top: 8px;order: 2;-webkit-order: 2;position: absolute;top: 45px;width: 100%;}
    ul.navbar-nav li.nav-item:hover > a.nav-link, .top-nav-container ul.navbar-nav li.nav-item:hover > a.fa-chevron-down:before {color: #000 !important;}
    ul.navbar-nav li.nav-item ul.dropdown-menu.sub{border: 1px solid #c0c0c0;margin: -1px 10px 20px 10px;}    
    .navbar-nav li.nav-item:hover ul.dropdown-menu{display:none;}
    .d-flex.justify-content-between.w-100{width: 100% !important;}
    ul.navbar-nav li.nav-item ul.dropdown-menu{background-color: #fff;border: none !important;border-left: 2px solid #040404 !important;}
    .sub-nav-link:before{content: '';border-left: 8px solid #040404;border-top: 8px solid transparent;border-bottom: 8px solid transparent;position: absolute;left: 0px;top: 10px;}
    ul.navbar-nav li.nav-item ul.dropdown-menu li a.sub-nav-link {border-bottom: none;color: #040404;padding: 5px 20px 5px 17px;position: relative;}

    /*END HERE*/
    .myaccount-box li{line-height: 35px;}
}
@media screen and (min-width: 768px) and (max-width: 810px) {
    h1.text{font-size:60px;}
    h2{font-size:40px!important;margin:30px 0 10px 0;line-height: 45px;}
    h3 {font-size: 20px !important;line-height: 30px;}
    ul li, ol li, p{line-height: 25px;}
    button.btn{padding:10px 40px !important;}
    .form-control, .form-select{font-size: 16px;}
    .breadcrumb-container {height: 50px;padding: 13px 0;margin-bottom: 35px;}

    /*Media Query HEADER for tablet size*/
    body{font-size:16px !important;}
    .track-menu{flex-grow: 1;padding-left: 15px;width:100%;}
    .contact-item .phone-number{line-height: 20px;margin-left: 5px;font-size: 14px;}
    .scroll-to-top {top: -60px;right: 15px;}
    .topHide { top:-92px !important;}
    #track_shipmentnew{flex-grow:1;}
    /*END HERE*/

    /*Media Query for FOOTER tablet size*/
    footer .footer-logo{width:90%;}
    footer .powered{padding:10px!important;height: unset!important;}
    header .contact-item{text-wrap:nowrap!important;}
    footer .text-md-start{font-size:20px!important;}
    footer .mb-4{margin-bottom: 0px!important;}
    .contact-item{line-height: 18px}
    /*END here */
}

/*Media Query HEADER for tablet to Laptop screen size*/
@media screen and (min-width: 811px) and (max-width: 1024px) {
    ul a.nav-link{text-wrap:nowrap;}
    ul li, ol li, p{line-height: 30px;}
    .form-control, .form-select{font-size: 16px;}
}
/*END HERE*/

/*Pagination*/

.pagging{
    float: right;
}
.pagging a{
    text-align:center;
    background-color:#0070C0 !important;
    margin-right:5px;
    text-decoration:none;
    padding:4px 9px;
    display:inline-block;
    color: #fff;
    margin-bottom: 5px;
}
.pagging a:hover{
    background-color: #0070C0;
    color:#ffffff;
}
.pagging a:focus{
    background-color: #0070C0;
    color:#ffffff;
}
.pagging .pagging-select{
    background-color:#0070C0;
    color:#ffffff;
    border-color:#333399;
}
a.pagging-handler{width:60px!important;}
a:focus.pagging-handler{
    background-color:#205EAB!important;
    color:#ffffff!important;
    border-color:#333399!important;
}
a.pagging-handler2{width:90px!important;}
a:focus.pagging-handler2{
    background-color:#205EAB!important;
    color:#ffffff!important;
    border-color:#333399!important;
}
span.current_page { padding:4px 9px;margin-right:5px; background-color:#2e2e2e; color:#FFF;display:inline-block;}
span.paging_disable {
    padding: 4px 8px;
    margin-right: 5px;
    color: #fff;
    display: inline-block;
    background-color: #0070C0;
    margin-bottom: 5px;
}
/*END HERE*/


/* ---------------------- Iphon Portrait ---------------------- */
@media only screen 
    and (min-device-width: 428px) 
    and (max-device-width: 932px) 
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: portrait) {
        h1{font-size:36px;}
        h2{font-size:25px;margin:30px 0 10px 0;line-height: 35px;font-weight: 300;}
        h3 {font-size: 20px !important;line-height: 30px;}
        ul li, ol li, p{line-height: 25px;}
        .form-control, .form-select{font-size: 16px;}
        .breadcrumb-container {height: auto;padding: 13px 0;margin-bottom: 35px;}
		.hero-section .overlay {padding: 3% 0 3% 13px;width: 100%;}
        /*Media Query for Header Monile screen size*/
        body{font-size:16px !important;line-height: 25px !important;}
        div.contact-item {margin:7px 0px 0px 0px!important;}
        button.btn{padding:10px !important;}
        button.btn-dark{margin-left: 15px!important}
        .input-group{margin-left:7px}
        .content-header .col-lg-6.col-md-6.col-sm-12.col-xs-12.d-flex {justify-content: space-between !important;}
        .navbar.navbar-expand-lg .d-flex.justify-content-center {width: 100%;}
        .company-logo{width:60% !important; margin:auto;}
        .contact-item .phone-number{line-height: 16px;margin-left: 5px;font-size: 14px;}
        .login-box:before{right:35px}
		.topHide {top: -127px !important;}
        .scroll-margin{margin-top: 182px;}
        /*END here */

        /*Media Query for FOOTER Mobile screen size*/
        .text-md-start{font-size:16px!important;}
        .powered a{color:#fff!important;text-decoration:none }
        .footer .powered{height:unset;font-size:16px;padding:5px 0;margin-top:0px!important;color:#fff}
        .footer .footer-link{text-align:left;text-wrap:nowrap;}
        img.footer-logo{width:60%}
        span.material-icons{font-size: 30px!important}
        .scroll-to-top {top: -57px;right: 15px;}
        .login-box{margin-top:5px!important;}
        .nav.nav-tabs .nav-item,
        .nav.nav-tabs .nav-item button.active {height: 60px !important;margin-top: 0 !important;}
        .nav.nav-tabs .nav-item button {border: transparent !important;display: flex !important;flex-flow: column !important;align-items: center !important;justify-content: center !important;height: 60px !important;padding: 0 50px !important;width: 100% !important;}
        .are-you-looking img{width: 50% !important;}
        .hero-section h2{font-weight: 400;}
        .scroll-margin {margin-top: 199px;height: unset;}
}

/* ---------------------- Landscape ---------------------- */
@media only screen 
    and (min-device-width: 428px) 
    and (max-device-width: 932px) 
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: landscape) {
        h1{font-size:36px;}
        h2{font-size:25px;margin:30px 0 10px 0;line-height: 35px;font-weight: 300;}
        h3 {font-size: 20px !important;line-height: 30px;}
        ul li, ol li, p{line-height: 25px;}
        .form-control, .form-select{font-size: 16px;}
        .breadcrumb-container {height: auto;padding: 13px 0;margin-bottom: 35px;}
        /*Media Query for Header Monile screen size*/
        body{font-size:16px !important;line-height: 25px !important;}
        div.contact-item {margin:7px 0px 0px 0px!important;}
        button.btn{padding:10px !important;}
        button.btn-dark{margin-left: 15px!important}
        .input-group{margin-left:7px}
        .content-header .col-lg-6.col-md-6.col-sm-12.col-xs-12.d-flex {justify-content: space-between !important;}
        .navbar.navbar-expand-lg .d-flex.justify-content-center {width: 100%;}
        .company-logo{width:60% !important; margin:auto;}
        .contact-item .phone-number{line-height: 16px;margin-left: 5px;font-size: 14px;}
        .login-box:before{right:35px}
        /*    .topHide { top:-117px !important;}*/
        .scroll-margin{margin-top: 182px;}
        /*END here */

        /*Media Query for FOOTER Mobile screen size*/
        .text-md-start{font-size:16px!important;}
        .powered a{color:#fff!important;text-decoration:none }
        .footer .powered{height:unset;font-size:16px;padding:5px 0;margin-top:0px!important;color:#fff}
        .footer .footer-link{text-align:left;text-wrap:nowrap;}
        img.footer-logo{width:60%}
        span.material-icons{font-size: 30px!important}
        .scroll-to-top {top: -57px;right: 15px;}
        .login-box{margin-top:5px!important;}
        .nav.nav-tabs .nav-item,
        .nav.nav-tabs .nav-item button.active {height: 60px !important;margin-top: 0 !important;}
        .nav.nav-tabs .nav-item button {border: transparent !important;display: flex !important;flex-flow: column !important;align-items: center !important;justify-content: center !important;height: 60px !important;padding: 0 50px !important;width: 100% !important;}
        .d-none.d-sm-block{display: none !important;}
        .nav.nav-tabs {margin-top: -58px !important;}
        .hero-section h2{font-weight: 400;}
        .scroll-margin {margin-top: 199px;height: unset;}
}
