.header-top .btn-top ul li .Signup, .header-top .btn-top ul li a:hover {
    background-color: rgb(42, 138, 216);
    color: rgb(255, 255, 255);
}

.encode_sans_semi-bold, .encode_sans_semi_extrabold, .encode_sans_semi_extralight, .encode_sans_semi_light, .encode_sans_semi_medium, .encode_sans_semi_regular, .encode_sans_semi_semibold, .encode_sans_semi_thin, .jurabold, .juralight, .juramedium, .juraregular, .jurasemibold, [class*=" tx-"], [class^="tx-"] {
    font-style: normal;
    font-weight: 400;
}

.my-slider .slick-dots li button::before, .my-slider .slick-next::before, .my-slider .slick-prev::before, [class*=" tx-"], [class^="tx-"] {
    -webkit-font-smoothing: antialiased;
}

.clearfix::after, .my-slider .slick-loading .slick-slide, .my-slider .slick-loading .slick-track {
    visibility: hidden;
}

a.close-overlay, a.expand {
    z-index: 100;
    font-weight: 700;
}

#exceptional, .my-slider .slick-list, .my-slider .slider-home .top-banner, .overlay, .we_offers .img {
    overflow: hidden;
}

@font-face {
    font-family: tx;
    src: url("../fonts/Trawex-ico/tx.ttf?7h4hbg") format("truetype"), url("../fonts/Trawex-ico/tx.woff?7h4hbg") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Lato-Light;
    src: url("../fonts/Lato/Lato-Light.woff") format("woff"), url("../fonts/Lato/Lato-Light.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Lato-Regular;
    src: url("../fonts/Lato/Lato-Regular.woff") format("woff"), url("../fonts/Lato/Lato-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Lato-Bold;
    src: url("../fonts/Lato/Lato-Bold.woff") format("woff"), url("../fonts/Lato/Lato-Bold.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Lato-Black;
    src: url("../fonts/Lato/Lato-Black.woff") format("woff"), url("../fonts/Lato/Lato-Black.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: source_sans_proregular;
    src: url("../fonts/sourcesanspro-regular/sourcesanspro-regular-webfont.woff") format("woff"), url("../fonts/sourcesanspro-regular/sourcesanspro-regular-webfont.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: opensans_bold;
    src: url("../fonts/sourcesanspro-bold/sourcesanspro-bold-webfont.woff") format("woff"), url("../fonts/sourcesanspro-bold/sourcesanspro-bold-webfont.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: opensans_semibold;
    src: url("../fonts/sourcesanspro-semibold/sourcesanspro-semibold-webfont.woff") format("woff"), url("../fonts/sourcesanspro-semibold/sourcesanspro-semibold-webfont.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

.encode_sans_semi-bold {
    font-family: encode_sans_semi_condensedBd;
}

.encode_sans_semi_extrabold {
    font-family: encode_sans_semi_condensedXBd;
}

.encode_sans_semi_extralight {
    font-family: encode_sans_semi_condensedXLt;
}

.encode_sans_semi_light {
    font-family: encode_sans_semi_condensedLt;
}

.encode_sans_semi_medium {
    font-family: encode_sans_semi_condensedMd;
}

.encode_sans_semi_regular {
    font-family: encode_sans_semi_condensedRg;
}

.encode_sans_semi_semibold {
    font-family: encode_sans_semi_condensedSBd;
}

.encode_sans_semi_thin {
    font-family: encode_sans_semi_condensedTh;
}

.trawex_encode_sans_semi_extralight {
    font-family: encode_sans_semi_condensedXLt, Helvetica, Arial, sans-serif !important;
}

.trawex_encode_sans_semi_extrabold {
    font-family: encode_sans_semi_condensedXBd, Helvetica, Arial, sans-serif !important;
}

.trawex_encode_sans_semi-bold {
    font-family: encode_sans_semi_condensedBd, Helvetica, Arial, sans-serif !important;
}

.trawex_encode_sans_semi_black {
    font-family: encode_sans_semi_condensedBlk, Helvetica, Arial, sans-serif !important;
}

.jurabold {
    font-family: jurabold;
}

.juralight {
    font-family: juralight;
}

.juramedium {
    font-family: juramedium;
}

.juraregular {
    font-family: juraregular;
}

.jurasemibold {
    font-family: jurasemibold;
}

[class*=" tx-"], [class^="tx-"] {
    speak: none;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: tx !important;
}

.tx-right-arrow::before {
    content: "";
}

.tx-placeholder::before {
    content: "";
}

.tx-profile::before {
    content: "";
}

.tx-fire::before {
    content: "";
}

body, html {
    margin: 0px;
    padding: 0px;
    font-family: source_sans_proregular, Helvetica, Arial, sans-serif !important;
}

.header-top {
    background-color: rgb(245, 248, 250);
    width: 100%;
    margin: 0px 0px 3px;
}

.header-top .btn-top {
    margin: 0px;
    padding: 3px 0px;
    float: right;
}

.banner-btn ul, .footer-home .footer-list .trawex-cot ul, .footer_social_media ul, .header-top .btn-top ul, .logo-bg .brands-logo ul {
    margin: 0px;
    padding: 0px;
}

.header-top .btn-top ul li {
    text-decoration: none;
    display: inline-block;
    margin: 0px;
    padding: 12px 0px;
}

.header-top .btn-top ul li a {
    border: 1px solid rgb(42, 138, 216);
    color: rgb(42, 138, 216);
    padding: 4px 12px;
    margin-left: 5px;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    transition: 2s;
}

.header-top .btn-top ul li .Signup {
    border: 1px solid rgb(42, 138, 216);
    padding: 5px 12px;
    margin-right: 0px;
    border-radius: 4px;
    transition: 2s;
}

.my-new-home {
    background: linear-gradient(0deg, rgb(0, 82, 204) 20%, rgb(38, 132, 255) 80%);
    width: 100%;
}

.my-new-home .banner-top-img {
    width: 100%;
    margin-top: 40px;
}

.company-logo .heading, .footer-home .footer-list .heading, .img-top-text .heading, .logo-bg .heading, .my-new-home .my-new-banner-heading, .trawex-home-ab .wapper-second .logo-ab .img-brt img {
    width: 100%;
}

.my-new-home .my-new-banner-heading h1 {
    color: rgb(255, 255, 255);
    margin-top: 38%;
    font-weight: 400;
    font-style: normal;
    font-size: 45px;
    line-height: 48px;
    font-family: opensans_bold, Helvetica, Arial, sans-serif !important;
}

.my-new-home .btn_try_free {
    background: rgb(255, 171, 0);
    border: 1px solid rgb(255, 171, 0);
    color: rgb(23, 43, 77);
    height: 40px;
    line-height: 40px;
    padding: 0px 38px;
    border-radius: 3px;
    transition: 250ms;
    font-size: 16px;
    margin-top: 20px;
    font-family: encode_sans_semi_condensedMd, Helvetica, Arial, sans-serif !important;
}

.my-new-home .btn_try_free:hover {
    background: rgb(255, 153, 31);
    border-color: rgb(255, 153, 31);
    color: rgb(23, 43, 77);
    text-decoration: none;
    transition: 250ms;
    white-space: nowrap;
}

.home-page-about {
    width: 100%;
    background: linear-gradient(0deg, rgb(0, 82, 204) 20%, rgb(38, 132, 255) 80%);
    margin: 0px;
    padding: 0px;
    height: 550px;
}

.home-page-about .home-ab-img {
    height: 550px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.home-page-about .home-ab-img .heading {
    padding-top: 30%;
    margin: auto;
    text-align: center;
}

.home-page-about .home-ab-img .heading h3 {
    font-size: 28px;
    color: rgb(51, 51, 51);
    font-family: encode_sans_semi_condensedRg, Helvetica, Arial, sans-serif !important;
}

.grp-about-top .main-heading, .home-page-about .main-heading {
    width: 70%;
    margin-left: 10%;
    margin-top: 12%;
}

.grp-about-1 .main-heading h3, .home-page-about .main-heading h3 {
    color: rgb(255, 255, 255);
    font-size: 17px;
    border-left: 3px solid rgb(255, 255, 255);
    padding-left: 10px;
    font-family: encode_sans_semi_condensedRg, Helvetica, Arial, sans-serif !important;
}

.grp-about-top .heading-main-second, .home-page-about .heading-main-second {
    width: 70%;
    margin-left: 9%;
    margin-top: 14%;
}

.home-page-about .heading h2, .home-page-about .heading-main-second h2 {
    color: rgb(255, 255, 255);
    font-size: 28px;
    padding-left: 10px;
    margin-bottom: 20px;
    font-family: encode_sans_semi_condensedRg, Helvetica, Arial, sans-serif !important;
}

.grp-about-1 .sub-heading p, .home-page-about .sub-heading p, .title_div {
    font-size: 16px;
    font-family: encode_sans_semi_condensedRg, Helvetica, Arial, sans-serif !important;
}

.grp-about-top .heading, .grp-about-top .sub-heading, .home-page-about .heading, .home-page-about .sub-heading {
    width: 70%;
    margin-left: 9%;
}

.grp-about-1 .sub-heading p, .home-page-about .sub-heading p {
    color: rgb(255, 255, 255);
    padding-left: 10px;
    line-height: 28px;
}

.heading-3 h2, .heading-9 h2, .my-slider .sub-text p {
    /* font-family: Popins,sans-serif !important; */
}

.home-page-section-threre {
    width: 100%;
    padding: 60px 0px 2px;
}

.home-page-section-threre .heading-2 {
    margin-bottom: 20px;
}

.home-page-section-threre .heading-2 h2, .my-slider .heading-1 h2 {
    color: rgb(0, 0, 0);
    /* font-size: 24px; */
    float: left;
    margin: auto;
    /* font-family: Popins, sans-serif !important; */
}

.home-page-section-threre .over-product {
    margin-top: 50px;
    margin-bottom: 80px;
    /* background-color: rgba(184, 209, 229, 0.1); */
}

.home-page-section-threre .over-product .product-icons {
    width: 100%;
    margin: auto;
    text-align: center;
    padding: 22px;
    transition: 2s;
    /* margin: 10px; */
    /* background-color: #f9f9f9; */
}

.home-page-section-threre .over-product .product-icons:hover {
    background-color: rgb(39 181 172 / 66%);
    cursor: pointer;
}

.home-page-section-threre .over-product .product-icons:hover h3 {
    color: rgb(255, 255, 255);
}

.home-page-section-threre .over-product .product-icons a {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
}

.home-page-section-threre .over-product .product-icons a img {
    margin: auto;
}

.home-page-section-threre .over-product .product-icons a h3 {
    font-size: 18px;
    color: rgb(51, 51, 51);
    font-family: Lato-Light, Helvetica, Arial, sans-serif !important;
}

.logo-bg, .my-slider {
    margin: 0px;
    padding: 30px 0px 10px;
    background-color: rgb(245, 245, 245);
}

.my-slider .heading-1 {
    margin-bottom: 40px;
}

.my-slider .sub-text p {
    /* font-size: 13px; */
    color: rgb(102, 102, 102);
    /* line-height: 25px; */
}

.how-how_we_engage .engage-box .heading h3, .how-how_we_engage .heading h2, .ribbon .ribbon-text .heding h2 {
    font-family: Lato-Bold, Helvetica, Arial, sans-serif !important;
}

.my-slider .slider-home {
    width: 100%;
    background-color: rgb(255, 255, 255);
}

.my-slider .slider-home:hover {
    cursor: pointer;
}

.footer-bottom .color-blue, .footer-home .footer-list .trawex-cot ul li a:hover, .my-slider .slider-home:hover .slider-bottom .heading h3 {
    color: rgb(39 181 172);
}

.my-slider .slider-home .top-banner img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    backface-visibility: hidden;
    transform: scale(1);
    transition: transform 0.5s;
}

.my-slider button.slick-next, .my-slider button.slick-next:hover, .my-slider button.slick-prev, .my-slider button.slick-prev:hover {
    position: absolute;
    z-index: 9;
    width: 50px;
    background-repeat: no-repeat;
    background-image: url("../images/left-arrow-left.png");
    background-size: 30px;
    border-radius: 50px;
}

.img-top-text .all-bottom-img .img-bottom img:hover, .my-slider .slider-home .top-banner img:hover {
    transform: scale(1.1);
}

.my-slider .slider-home .slider-bottom {
    padding: 20px;
    background-color: rgb(255, 255, 255);
}

.my-slider .slider-home .slider-bottom .heading h3 {
    font-size: 18px;
    color: rgb(51, 51, 51);
    line-height: 28px;
    font-family: encode_sans_semi_condensedRg, Helvetica, Arial, sans-serif !important;
}

.my-slider .slider {
    max-width: 1150px;
    margin: 0px auto;
}

.my-slider .slick-slide {
    margin: 0px 5px;
}

.my-slider button.slick-next, .my-slider button.slick-next:hover {
    height: 50px;
    margin-right: -40px;
    transform: rotate(180deg);
}

.my-slider button.slick-prev, .my-slider button.slick-prev:hover {
    height: 50px;
    margin-left: -36px;
}

.my-slider .slider img {
    height: 324px;
}

.my-slider .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.my-slider .slick-list {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px;
}

.my-slider .slick-dots li button:focus, .my-slider .slick-dots li button:hover, .my-slider .slick-list:focus {
    outline: 0px;
}

.my-slider .slick-list.dragging {
    cursor: pointer;
}

.my-slider .slick-slider .slick-list, .my-slider .slick-slider .slick-track {
    transform: translate3d(0px, 0px, 0px);
}

.my-slider .slick-track {
    position: relative;
    top: 0px;
    left: 0px;
    display: block;
}

.my-slider .slick-track::after, .my-slider .slick-track::before {
    display: table;
    content: "";
}

.my-slider .slick-track::after {
    clear: both;
}

.my-slider .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.my-slider [dir="rtl"] .slick-slide, .testimonials-text-with {
    float: right;
}

.my-slider .slick-initialized .slick-slide, .my-slider .slick-slide img {
    display: block;
}

.my-slider .slick-arrow.slick-hidden, .my-slider .slick-slide.slick-loading img, .owl-dots, a.close-overlay.hidden {
    display: none;
}

.my-slider .slick-slide.dragging img {
    pointer-events: none;
}

.my-slider .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.my-slider .slick-loading .slick-list {
    background: url("http://maggiesadler.com/wp-content/uploads/2015/10/ajax-loader.gif") center center no-repeat rgb(255, 255, 255);
}

.my-slider .slick-dots li button, .my-slider .slick-next:focus, .my-slider .slick-next:hover, .my-slider .slick-prev:focus, .my-slider .slick-prev:hover {
    color: transparent;
    background: 0px 0px;
    outline: 0px;
}

.my-slider .slick-next, .my-slider .slick-prev {
    font-size: 0px;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0px;
    background: 0px 0px;
}

.my-slider .slick-dots li button:focus::before, .my-slider .slick-dots li button:hover::before, .my-slider .slick-next:focus::before, .my-slider .slick-next:hover::before, .my-slider .slick-prev:focus::before, .my-slider .slick-prev:hover::before {
    opacity: 1;
}

.my-slider .slick-next.slick-disabled::before, .my-slider .slick-prev.slick-disabled::before {
    opacity: 0.25;
}

.my-slider .slick-next::before, .my-slider .slick-prev::before {
    font-weight: 700;
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: rgb(255, 255, 255);
}

.my-slider .slick-prev {
    left: -25px;
}

.my-slider [dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
}

.my-slider .slick-next::before, .my-slider .slick-prev::before, .my-slider [dir="rtl"] .slick-next::before {
    content: "";
}

.my-slider [dir="rtl"] .slick-prev::before {
    content: "";
    font-weight: 700;
    font-size: 20px;
}

.my-slider .slick-next {
    right: -25px;
}

.my-slider [dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}

.my-slider .slick-slider {
    margin-bottom: 30px;
}

.my-slider .slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0px;
    list-style: none;
    text-align: center;
}

.my-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px 5px;
    padding: 0px;
    cursor: pointer;
}

.my-slider .slick-dots li button {
    font-size: 0px;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    border: 0px;
}

.my-slider .slick-dots li button::before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: 0.25;
    color: rgb(0, 0, 0);
}

.my-slider .slick-dots li.slick-active button::before {
    opacity: 0.75;
    color: rgb(0, 0, 0);
}

.heading-9 {
    margin-bottom: 20px;
    float: left;
    width: 100%;
    text-align: left;
}

.heading-3 h2, .heading-9 h2 {
    color: rgb(0, 0, 0);
    font-size: 24px;
    float: left;
    margin: auto;
    width: 100%;
}

.title_div {
    float: left;
    text-align: left;
    padding: 0px !important;
    line-height: 26px !important;
}

#my-testimonials-home .text-heading, .name, .testimonial_para-new, .testimonial_subtitle-new {
    text-shadow: none !important;
    font-family: source_sans_proregular;
}

.heading-3 {
    margin-bottom: 50px;
}

#what_we_offer {
    width: 100%;
    padding: 0px;
    /* margin: 80px 0px; */
    position: relative;
    background: rgb(255, 255, 255);
    text-align: center;
}

.we_offers {
    list-style-type: none;
    text-align: center;
    border-collapse: collapse;
    height: auto;
    width: 100%;
    padding: 0px;
    margin: 0px;
    outline: 0px;
    border: 0px;
}

.we_offers .img {
    list-style-type: none;
    display: inline-block;
    text-align: center;
    height: 250px;
    padding: 0px 1.4%;
    margin: 0px 0px 10px -4px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    outline: 0px;
    background-color: rgb(255, 255, 255);
    position: relative;
}

.we_offers .we_one {
    display: inline-block;
    margin-top: 0px;
}

.img-top-text .all-bottom-img, .ribbon .ribbon-text .heding h2 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.we_offers .img:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}

.we_offers .img h6 {
    padding: 0px;
    margin: 0px;
    line-height: 22px;
}

.we_offers .img img {
    border: 0px;
    outline: 0px;
    padding: 0px;
    margin: 15px 0px;
    width: 150px;
    height: 150px;
    display: block;
}

.clearfix::after {
    display: block;
    content: "";
    clear: both;
    height: 0px;
}

.overlay {
    display: block;
    position: absolute;
    z-index: 20;
    background: rgba(0, 114, 207, 0.8);
    transition: 0.5s;
}

#logo-client, .how-how_we_engage {
    background-color: rgb(245, 245, 245);
}

a.close-overlay {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 45px;
    height: 45px;
    font-size: 20px;
    color: rgb(255, 255, 255);
    line-height: 45px;
    text-align: center;
    background-color: rgb(0, 0, 0);
    cursor: pointer;
}

a.expand {
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    border: 5px solid rgb(255, 255, 255);
    text-align: center;
    color: rgb(255, 255, 255);
    line-height: 50px;
    font-size: 30px;
    border-radius: 30px;
}

#we_offer .overlay {
    inset: 0px;
    opacity: 0;
}

#we_offer .overlay a.expand {
    left: 0px;
    right: 0px;
    top: 0px;
    margin: 0px auto;
    opacity: 0;
    transition: 0.5s;
}

#we_offer .img.hover .overlay {
    opacity: 0.8;
}

#we_offer .img.hover .overlay a.expand {
    top: 50%;
    margin-top: -30px;
    opacity: 1;
}

#exceptional {
    width: 100%;
    height: auto;
    min-height: 400px;
    padding: 0px;
    margin: 0px;
    position: relative;
    background-size: cover;
}

.quote {
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
}

.quote i.fa {
    color: rgb(255, 255, 255);
    font-size: 60px;
    margin: 50px 0px 0px;
    padding: 0px;
}

.how-how_we_engage .slick-track {
    padding-top: 15px;
}

.how-how_we_engage .heading {
    width: 100%;
    padding: 20px 0px 38px;
}

.how-how_we_engage .heading h2 {
    color: rgb(0, 0, 0);
    font-size: 28px;
    padding-left: 10px;
    float: left;
    margin: auto;
   
}

.how-how_we_engage .engage-box {
    border: 1px solid rgb(204, 204, 204);
    padding: 45px 30px;
    background-color: rgb(255, 255, 255);
    cursor: pointer;
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), border 1s;
}

.how-how_we_engage .engage-box .heading h3 {
    color: rgb(0, 114, 207);
    font-size: 20px;
}

.how-how_we_engage .engage-box:hover {
    border-color: rgb(0, 94, 184);
    transform: translateY(-0.8rem);
    text-decoration: none !important;
}

#testimonials {
    padding: 45px 0px;
}

#testimonials .font-box .testimonials-heading h1 {
    text-align: center;
    margin-bottom: 50px;
    font-family: Druk;
    font-size: 65px;
    line-height: 94px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

#testimonials .font-box .testimonials-text p {
    text-align: center;
    font-size: 16px;
    position: relative;
    height: 50px;
}

#testimonials .font-box .testimonials-text p::after {
    content: "";
    position: absolute;
    right: 0px;
    left: 0px;
    top: 30px;
    width: 4%;
    border-bottom: 3px solid rgb(0, 114, 207);
    display: block;
    margin: 0px auto;
}

.awesome_tex {
    animation: 10s ease 0s infinite alternate none running colorchange;
}

@-webkit-keyframes colorchange {
    0%, 40%, 60% {
        color: rgb(31, 133, 4);
    }

    10% {
        color: rgb(142, 68, 173);
    }

    20% {
        color: rgb(26, 188, 156);
    }

    30% {
        color: rgb(211, 84, 0);
    }

    50% {
        color: rgb(52, 73, 94);
    }

    70%, 90% {
        color: rgb(41, 128, 185);
    }

    80% {
        color: rgb(241, 196, 15);
    }

    100% {
        color: pink;
    }
}

#my-testimonials-home {
    width: 100%;
    background-color: rgb(253, 253, 253);
    padding-top: 50px;
    padding-bottom: 20px;
}

#my-testimonials-home .text-heading {
    margin-bottom: 31px;
    font-size: 48px;
    line-height: 58px;
    color: rgb(127, 136, 153);
    font-weight: 400;
    float: left !important;
}

.testimonial_para-new {
    float: left;
    font-size: 16px !important;
    color: rgb(84, 97, 122) !important;
}

.textmonial-svg {
    width: 68px;
    float: left;
    margin-right: 20px;
}

.img-textmonial-name {
    border-radius: 100%;
    margin-bottom: 15px;
    margin-top: 50px;
}

.testimonial_control {
    position: absolute;
    top: 40%;
    width: 100%;
    bottom: 0px;
}

.testimonial_btn-left {
    float: left;
    margin-left: -120px;
}

.testimonial_btn-right {
    float: right;
    margin-right: -80px;
}

.testimonial_btn-left.btn-default, .testimonial_btn-right.btn-default {
    border: none;
    background: 0px 0px;
}

.btn-more:hover, .line {
    background-color: rgb(2, 114, 207);
}

.testimonial_btn-left.btn-default:hover, .testimonial_btn-right.btn-default:hover {
    background: 0px 0px;
    border: none;
    outline: 0px;
}

.testimonial_btn-left.btn-default:focus, .testimonial_btn-right.btn-default:focus {
    outline: 0px;
    box-shadow: none;
}

.testimonial_subtitle-new {
    margin-bottom: 12px;
    display: none;
    color: rgb(51, 51, 51) !important;
    font-weight: 100 !important;
    font-size: 17px !important;
}

.line {
    width: 40%;
    height: 3px;
    margin-bottom: 15px;
}

#logo-client {
    width: 100%;
    text-align: center;
    padding: 40px 0px !important;
}

.logo-foot {
    text-align: center;
    padding: 60px 0px !important;
}

.more-btn {
    width: 100%;
    margin-top: 45px;
}

.btn-more {
    border: 2px solid rgb(2, 114, 207);
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    color: rgb(2, 114, 207);
    padding: 13px 26px;
    font-size: 20px;
    transition: 2s;
}

.btn-more:hover {
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px;
}

@media screen and (max-width: 992px) {
    .line, .testimonials-text-with {
        text-align: center;
        margin: auto;
    }

    #carousel-example-generic .carousel-indicators {
        text-align: center;
        bottom: -66px !important;
        left: 50% !important;
    }

    .testimonials-text-with {
        float: none;
    }
}

#carousel-example-generic .carousel-indicators {
    bottom: -36px;
    left: 4%;
    text-align: center;
}

#carousel-example-generic .carousel-indicators li {
    background-color: rgb(204, 204, 204);
    margin-top: 50px;
}

#carousel-example-generic .carousel-indicators li.active {
    color: rgb(2, 114, 207);
    background-color: rgb(2, 114, 207);
}

.img-top-text {
    /* width: 100%; */
    /* padding: 80px 0px 80px; */
}

.bg-blog, .bg-blog_hover, .bg-bus, .bg-bus_hover, .bg-campgrounds, .bg-campgrounds_hover, .bg-car, .bg-car_hover, .bg-charter_operations, .bg-charter_operations_hover, .bg-condos, .bg-condos_hover, .bg-cruise, .bg-cruise_hover, .bg-destination_hover, .bg-destinations, .bg-eventtickets, .bg-eventtickets_hover, .bg-ferry, .bg-ferry_hover, .bg-flights, .bg-flights_hover, .bg-forex, .bg-forex_hover, .bg-holidays, .bg-holidays_hover, .bg-hotels, .bg-hotels_hover, .bg-independent_resorts, .bg-insurance, .bg-life_insurance, .bg-sightseeing, .bg-sunset, .bg-themeparks, .bg-themeparks_hover, .bg-transfers, .bg-transfers_hover {
    width: 64px;
    height: 64px;
}

.img-top-text .heading h2 {
    color: rgb(0, 0, 0);
    font-size: 28px;
   
    float: left;
    margin: auto auto 24px;
   
    font-family: Lato-Regular, Helvetica, Arial, sans-serif !important;
}

.grp-about-1 .heading h2, .grp-about-1 .heading-main-second h2, .grp-about-top .heading h2, .grp-about-top .heading-main-second h2, .grp-about-top .main-heading h3, .grp-about-top .sub-heading p {
    padding-left: 10px;
    font-family: encode_sans_semi_condensedRg, Helvetica, Arial, sans-serif !important;
}

.img-top-text .all-bottom-img .img-bottom {
    width: 100%;
    object-fit: contain;
    /* height: 430px; */
    position: relative;
    overflow: hidden;
}

.img-top-text .all-bottom-img .img-bottom img {
    width: 100%;
    height: 430px;
    background-position: top;
    object-fit: cover;
    backface-visibility: hidden;
    transform: scale(1);
    transition: transform 0.5s;
}

.img-top-text .all-bottom-img .img-bottom .img-bottom-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    inset: 0px;
}

.img-top-text .all-bottom-img .img-bottom .images-overlay-text, .img-top-text .all-bottom-img .img-bottom .images-overlay-text-1 {
    position: absolute;
    bottom: 5px;
    padding: 10px 15px;
}

.img-top-text .all-bottom-img .img-bottom .images-overlay-text h2 {
    color: rgb(255, 255, 255);
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 18px;
    /* font-family: Lato-Regular, Helvetica, Arial, sans-serif !important; */
}

.img-top-text .all-bottom-img .img-bottom .images-overlay-text p, .img-top-text .all-bottom-img .img-bottom .images-overlay-text-1 p {
    color: rgb(255, 255, 255);
    font-size: 14px;
    line-height: 20px;
    /* font-family: Lato-Regular, Helvetica, Arial, sans-serif !important; */
}

.img-top-text .all-bottom-img .img-bottom .images-overlay-text-1 h2 {
    color: rgb(255, 255, 255);
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 600;
    font-family: 'Exo 2', sans-serif;
    font-family: Lato-Regular, Helvetica, Arial, sans-serif !important;
}

.company-logo {
    padding: 20px 0px 40px;
}

.company-logo .heading h2 {
    font-size: 44px;
    color: rgb(0, 0, 0);
    text-align: center;
    margin-bottom: 40px;
}

.company-logo .company-left, .company-logo .company-right {
    width: 100%;
    margin-top: 110px;
}

.company-logo .company-left h2 {
    font-size: 44px;
    float: right;
    color: rgb(0, 0, 0);
}

.company-logo .company-left h3 {
    font-size: 38px;
    float: right;
    margin-top: 0px;
    color: rgb(0, 0, 0);
}

.company-logo .company-right h2 {
    font-size: 44px;
    float: left;
    color: rgb(0, 0, 0);
}

.company-logo .company-right h3 {
    font-size: 38px;
    float: left;
    margin-top: 0px;
    color: rgb(0, 0, 0);
}

.company-logo .award-logo {
    width: 100%;
    margin: auto;
    text-align: center;
}

.company-logo .award-logo img {
    margin: auto;
    text-align: center;
    border-radius: 10px;
    width: 100%;
}

.company-logo .award-h3 {
    font-size: 30px;
    text-align: center;
    margin: 25px auto auto;
}

.ribbon .ribbon-text {
    padding: 50px 25px;
    text-align: center;
}

.ribbon .ribbon-text .heding h2 {
    color: rgb(0, 0, 0);
    font-size: 28px;
    text-align: center;
}

.ribbon .ribbon-text .sub-heading {
    margin-top: 8px;
}

.ribbon .ribbon-text .sub-heading h5 {
    font-size: 18px;
    color: rgb(0, 0, 0);
    text-align: center;
    line-height: 32px;
    width: 90%;
    margin: auto auto 14px;
    font-family: Lato-Regular, Helvetica, Arial, sans-serif !important;
}

.p-lr {
    padding: 0px;
}

.p-l {
    padding-left: 0px;
}

.p-r {
    padding-right: 0px;
}

.bg-blog {
    background: url("../images/home-icons/css_sprites.png") -10px -10px;
    margin: auto;
}

.bg-blog_hover {
    background: url("../images/home-icons/css_sprites.png") -94px -10px;
    margin: auto;
}

.bg-bus {
    background: url("../images/home-icons/css_sprites.png") -10px -94px;
    margin: auto;
}

.bg-bus_hover {
    background: url("../images/home-icons/css_sprites.png") -94px -94px;
    margin: auto;
}

.bg-campgrounds {
    background: url("../images/home-icons/css_sprites.png") -178px -10px;
    margin: auto;
}

.bg-campgrounds_hover {
    background: url("../images/home-icons/css_sprites.png") -178px -94px;
    margin: auto;
}

.bg-car {
    background: url("../images/home-icons/css_sprites.png") -10px -178px;
    margin: auto;
}

.bg-car_hover {
    background: url("../images/home-icons/css_sprites.png") -94px -178px;
    margin: auto;
}

.bg-charter_operations {
    background: url("../images/home-icons/css_sprites.png") -178px -178px;
    margin: auto;
}

.bg-charter_operations_hover {
    background: url("../images/home-icons/css_sprites.png") -262px -10px;
    margin: auto;
}

.bg-condos {
    background: url("../images/home-icons/css_sprites.png") -262px -94px;
    margin: auto;
}

.bg-condos_hover {
    background: url("../images/home-icons/css_sprites.png") -262px -178px;
    margin: auto;
}

.bg-cruise {
    background: url("../images/home-icons/css_sprites.png") -10px -262px;
    margin: auto;
}

.bg-cruise_hover {
    background: url("../images/home-icons/css_sprites.png") -94px -262px;
    margin: auto;
}

.bg-destinations {
    background: url("../images/home-icons/css_sprites.png") -262px -262px;
    margin: auto;
}

.bg-destination_hover {
    background: url("../images/home-icons/css_sprites.png") -178px -262px;
    margin: auto;
}

.bg-eventtickets {
    background: url("../images/home-icons/css_sprites.png") -346px -10px;
    margin: auto;
}

.bg-eventtickets_hover {
    background: url("../images/home-icons/css_sprites.png") -346px -94px;
    margin: auto;
}

.bg-ferry {
    background: url("../images/home-icons/css_sprites.png") -346px -262px;
    margin: auto;
}

.bg-ferry_hover {
    background: url("../images/home-icons/css_sprites.png") -346px -178px;
    margin: auto;
}

.bg-flights {
    background: url("../images/home-icons/css_sprites.png") -10px -346px;
    margin: auto;
}

.bg-flights_hover {
    background: url("../images/home-icons/css_sprites.png") -94px -346px;
    margin: auto;
}

.bg-forex {
    background: url("../images/home-icons/css_sprites.png") -178px -346px;
    margin: auto;
}

.bg-forex_hover {
    background: url("../images/home-icons/css_sprites.png") -262px -346px;
    margin: auto;
}

.bg-holidays {
    background: url("../images/home-icons/css_sprites.png") -346px -346px;
    margin: auto;
}

.bg-holidays_hover {
    background: url("../images/home-icons/css_sprites.png") -430px -10px;
    margin: auto;
}

.bg-hotels {
    background: url("../images/home-icons/css_sprites.png") -430px -94px;
    margin: auto;
}

.bg-hotels_hover {
    background: url("../images/home-icons/css_sprites.png") -430px -178px;
    margin: auto;
}

.bg-independent_resorts {
    background: url("../images/home-icons/css_sprites.png") -430px -262px;
    margin: auto;
}

.bg-independent_resorts_hover {
    width: 64px;
    height: 64px;
    background: url("../images/home-icons/css_sprites.png") -430px -346px;
    margin: auto;
}

.bg-insurance {
    background: url("../images/home-icons/css_sprites.png") -10px -430px;
    margin: auto;
}

.bg-life_insurance {
    background: url("../images/home-icons/css_sprites.png") -94px -430px;
    margin: auto;
}

.bg-sightseeing {
    background: url("../images/home-icons/css_sprites.png") -178px -430px;
    margin: auto;
}

.bg-sunset {
    background: url("../images/home-icons/css_sprites.png") -262px -430px;
    margin: auto;
}

.bg-themeparks {
    background: url("../images/home-icons/css_sprites.png") -346px -430px;
    margin: auto;
}

.bg-themeparks_hover {
    background: url("../images/home-icons/css_sprites.png") -430px -430px;
    margin: auto;
}

.bg-transfers {
    background: url("../images/home-icons/css_sprites.png") -514px -10px;
    margin: auto;
}

.bg-transfers_hover {
    background: url("../images/home-icons/css_sprites.png") -514px -94px;
    margin: auto;
}

.type-wrap {
    margin-top: 6%;
}

.footer-home, .footer-home .footer-list .trawex-cot, .slider-home {
    margin-top: 15px;
}

.type-wrap h1 {
    color: rgb(255, 255, 255);
    font-size: 38px;
    text-align: center;
    width: 100%;
    line-height: 52px;
    font-family: Lato-Light, Helvetica, Arial, sans-serif !important;
}

.slide-text h2, .slide-text p {
    font-family: encode_sans_semi_condensedTh;
    font-weight: 400;
    font-style: normal;
}

.footer-home {
    background-color: rgb(247, 248, 250);
}

.footer-home h3 {
    font-size: 38px;
    text-align: center;
    margin-top: 38px;
    margin-bottom: 7px;
    color: rgb(51, 51, 51);
}

.footer-home .footer-list {
    padding: 50px 0px;
}

.footer-home .footer-list .footer-logo img {
    width: 60%;
    margin: auto;
    text-align: center;
}

.footer-home .footer-list .trawex-cot ul li {
    text-decoration: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    line-height: 32px;
    font-size: 14px;
    font-family: Lato-Regular, Helvetica, Arial, sans-serif !important;
}

.footer-home .footer-list .trawex-cot ul li a {
    font-size: 14px;
    transition: 1s;
}

.footer-home .footer-list .heading h2 {
    margin-top: 5px;
    font-size: 24px;
    color: rgb(51, 51, 51);
}

.awards_icon-new {
    width: 100%;
    margin-top: 0px;
}

.awards_icon-new img {
    width: 85%;
    margin: auto;
    text-align: center;
}

.awards_icon-new .fades {
    color: rgb(255, 255, 255);
    position: absolute;
    top: 140px !important;
    width: 112px !important;
    left: 48px !important;
}

.footer-bottom {
    width: 100%;
    border-top: 1px solid rgb(204, 204, 204);
    background-color: rgb(241, 244, 247);
    padding: 30px;
}

.footer_social_media {
    width: 100%;
    margin: 15px auto auto;
    text-align: center;
}

.footer_social_media ul li {
    display: inline-block;
    list-style-type: none;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

.footer_social_media ul li a {
    margin-right: 6px;
    font-size: 14px;
    border: 1px solid rgb(51, 51, 51);
    padding: 6px 11px;
    transition: 1s;
}

.footer_social_media ul li a:hover {
    color: rgb(14, 125, 209);
    border: 1px solid rgb(14, 125, 209);
}

.iso-logo {
    margin: auto;
    text-align: center;
}

.banner-btn {
    width: 100%;
    margin-top: 20%;
    text-align: center;
}

.banner-btn ul li {
    padding: 0px;
    display: inline-block;
    text-align: center;
    margin: auto 5px auto auto;
}

.banner-btn ul li a {
    color: rgb(255, 255, 255);
    font-size: 16px;
    border: 1px solid rgb(255, 255, 255);
    padding: 10px 36px;
    margin: auto;
    transition: 2s;
}

.banner-btn ul li a:hover {
    background-color: rgb(0, 114, 207);
    border: 1px solid rgb(0, 114, 207);
    color: rgb(255, 255, 255);
}

.bottom-svg {
    background-image: url("../images/h2-curve-f4f5f7-1.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 168px;
    margin-top: -140px;
    position: absolute;
    outline: 0px;
}

.access, .access-1 {
    margin-top: 16px;
}

.grp-about-1 {
    background: linear-gradient(0deg, rgb(0, 82, 204) 20%, rgb(38, 132, 255) 80%);
    width: 100%;
    padding: 80px 0px;
    min-height: 568px;
}

.grp-about-1 .main-heading {
    width: 90%;
    margin-left: 1%;
    margin-top: 12%;
}

.grp-about-1 .heading-main-second {
    width: 90%;
    margin-left: 9%;
    margin-top: 14%;
}

.grp-about-1 .heading, .grp-about-1 .sub-heading {
    width: 90%;
    margin-left: 0px;
}

.grp-about-1 .heading h2, .grp-about-1 .heading-main-second h2 {
    color: rgb(255, 255, 255);
    font-size: 30px;
    margin-bottom: 20px;
}

.grp-about-1 .heading {
    margin-top: 14%;
}

.grp-about-top {
    background: rgb(255, 255, 255);
    width: 100%;
    padding: 55px;
}

.grp-about-top .main-heading h3 {
    color: rgb(51, 51, 51);
    font-size: 17px;
    border-left: 3px solid rgb(0, 94, 184);
}

.grp-about-top .heading h2, .grp-about-top .heading-main-second h2 {
    color: rgb(51, 51, 51);
    font-size: 30px;
    margin-bottom: 20px;
}

.grp-about-top .sub-heading p {
    color: rgb(51, 51, 51);
    font-size: 16px;
    line-height: 28px;
}

.trawex-home-ab {
    padding: 10px 0px 70px;
    background-color: rgb(244, 245, 247);
}

.access, .access-1, .access-new {
    background: 0px 0px;
    padding: 13px 25px;
    font-size: 15px;
    transition: 2s;
}

.trawex-home-ab .wapper-second .heading h2 {
    color: rgb(51, 51, 51);
    font-size: 28px;
    margin-bottom: 20px;
    font-family: encode_sans_semi_condensedRg, Helvetica, Arial, sans-serif !important;
}

.logo-bg .title_div, .trawex-home-ab .wapper-second .sub-heading p {
    font-size: 16px;
    font-family: encode_sans_semi_condensedRg, Helvetica, Arial, sans-serif !important;
}

.trawex-home-ab .wapper-second .sub-heading p {
    color: rgb(51, 51, 51);
    line-height: 30px;
}

.trawex-home-ab .wapper-second .sub-heading p a {
    cursor: pointer;
    color: rgb(0, 114, 207);
    text-decoration: none;
}

.trawex-home-ab .wapper-second .logo-ab {
    margin-top: 50px;
}

.trawex-home-ab .wapper-second .logo-ab .img-brt {
    padding: 5px;
    border: 1px solid rgb(195, 191, 191);
    width: 100%;
    filter: grayscale(100%);
}

.trawex-home-ab .wapper-second .logo-ab .img-brt:hover {
    filter: none;
    cursor: pointer;
}

.access {
    font-family: encode_sans_semi_condensedRg, Helvetica, Arial, sans-serif !important;
}

.access-1, .home-new-banner-section .main-text h3:hover small {
    color: rgb(51, 51, 51);
}

.access-1:hover, .access-new:hover, .access:hover {
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.3) 0px 2px 4px -1px;
}

.access-1 {
    border: 1px solid rgb(51, 51, 51);
    font-family: encode_sans_semi_condensedRg, Helvetica, Arial, sans-serif !important;
}

.access-new {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    margin-top: 28px;
    margin-right: 16px;
    font-family: encode_sans_semi_condensedRg, Helvetica, Arial, sans-serif !important;
}

.left-arrow-1, .right-arrow-2 {
    font-size: 30px;
    background: 0px 0px;
    position: absolute;
}

.wapper-container {
    width: 90%;
    margin: auto;
}

.slide-text {
    padding: 8px 153px;
    top: 60% !important;
}

.logo-bg .heading h2, .slider-trawex {
    color: rgb(0, 0, 0);
    padding-left: 10px;
    float: left;
    font-family: Lato-Regular, Helvetica, Arial, sans-serif !important;
}

.slide-text h2 {
    width: 86%;
    float: left;
    text-align: left;
    line-height: 63px;
    color: rgb(255, 255, 255);
    margin-bottom: 14px;
    font-size: 55px !important;
}

.slide-text p {
    color: rgb(255, 255, 255);
    float: left;
    line-height: 39px;
    margin-bottom: 0px;
    font-size: 30px !important;
}

.logo-bg .heading h2 {
    font-size: 28px;
    margin: auto auto 5px;
    
    width: 100%;
}

.logo-bg .title_div {
    float: left;
    text-align: left;
    width: 100%;
    padding: 0px !important;
    line-height: 26px !important;
}

.logo-bg .brands-logo {
    width: 100%;
    margin-top: 35px;
}

.logo-bg .brands-logo ul li {
    display: inline-block;
    text-align: center;
    background-color: rgb(255, 255, 255);
    padding: 6px;
}

.my-carousel .owl-theme .owl-nav {
    position: absolute;
    top: 40%;
    width: 100%;
}

.my-carousel .owl-prev {
    position: absolute;
    left: 0px;
}

.my-carousel .owl-next {
    position: absolute;
    right: 0px;
}

.left-arrow-1 {
    right: 34px;
}

.right-arrow-2 {
    left: 34px;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    text-decoration: none;
    background: 0px 0px !important;
    color: rgb(0, 0, 0) !important;
    cursor: pointer !important;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block !important;
}

.slider-trawex {
    font-size: 23px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.home-new-banner-section {
    position: relative;
    min-height: 650px;
    height: auto;
    margin-top: 0px;
    padding-bottom: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.home-new-banner-section .main-text {
    position: absolute;
    width: 100%;
    right: 0px;
    text-align: center;
    transform: translateY(-50%);
    top: 50%;
    left: 0px;
    max-width: 1170px;
    margin: auto;
}

.home-new-banner-section .main-text h1 {
    font-weight: 600;
    font-stretch: normal;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
 
    letter-spacing: 0px;
    margin-bottom: 10px;
    margin-top: 0px;
    font-family: poppins, sans-serif;
    text-shadow: rgb(0, 0, 0) 0px 1px 2px;
}

.home-new-banner-section .main-text h2 {
    color: rgb(255, 255, 255);
    text-align: left;
    margin-bottom: 10px !important;
    font-size: 18px !important;
}

.trawex-h2-content h1 {
    text-align: left;
    font-size: 20px !important;
}

.home-new-banner-section .main-text h6 {
    color: rgb(255, 255, 255);
    position: absolute;
    right: 0px;
    bottom: -90px;
    font-size: 15px !important;
}

.home-new-banner-section .main-text h3 {
    font-size: 32px;
    font-weight: 600;
    font-stretch: normal;
    color: rgb(255, 255, 255);
    line-height: 1.4;
    letter-spacing: 1px;
    max-width: 380px;
    margin: auto;
    padding: 5px;
    font-family: poppins, sans-serif;
    border: 1px solid rgb(255, 255, 255);
    transition-duration: 1s;
    cursor: pointer;
}

.home-new-banner-section .award-text h5, .home-new-banner-section .main-text h3 small {
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    color: rgb(255, 255, 255);
    line-height: 1.4;
    letter-spacing: 0px;
    transition-duration: 1s;
}

.home-new-banner-section .main-text h3:hover {
    max-width: 380px;
    margin: auto;
    padding: 5px;
    border: 1px solid rgb(255, 255, 255);
    background: rgb(255, 255, 255);
    color: rgb(51, 51, 51);
}

.home-new-banner-section .award-text {
    position: absolute;
    width: 100%;
    inset: auto 0px 0px;
    text-align: center;
    transform: translateY(-50%);
    max-width: 1170px;
    margin: auto;
}

.home-new-banner-section .award-text h5 {
    font-family: poppins, sans-serif;
}

@media only screen and (max-width: 450px) and (min-width: 300px) {
    .home-new-banner-section .main-text h1 {
        font-size: 30px;
        margin: 20px;
    }

    .home-new-banner-section .main-text h3 {
        margin: auto 20px;
        font-size: 26px;
    }
}

@media only screen and (max-width: 570px) and (min-width: 450px) {
    .home-new-banner-section .main-text h1 {
        font-size: 34px;
        margin: 20px;
    }

    .home-new-banner-section .main-text h3 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 850px) and (min-width: 570px) {
    .home-new-banner-section .main-text h1 {
        font-size: 38px;
        margin: 20px;
    }

    .home-new-banner-section .main-text h3 {
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    .home-new-banner-section .main-text h2 {
        font-size: 22px !important;
        line-height: 30px;
    }

    .home-new-banner-section .main-text h6 {
        right: 23px;
        bottom: -46px;
    }
}

.tz-header {
    width: 100%;
    background: rgb(249 249 249);
    border-bottom: 1px solid rgb(238, 238, 238);
    padding: 15px 0px;
    position: fixed;
    z-index: 9999;
}

.tz-container {
    max-width: 1200px;
    margin: auto;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tz-logo img {
    width: 130px;
}

.tz-nav {
    display: flex;
    gap: 35px;
}

.tz-nav a {
    text-decoration: none;
    color: rgb(51, 51, 51);
    font-size: 15px;
    font-weight: 500;
}

.tz-nav a:hover {
    color: rgb(39, 181, 172);
}

.tz-btn a {
    background: rgb(39, 181, 172);
    color: white;
    padding: 12px 26px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
}

.tz-hamburger {
    display: none;
    font-size: 28px;
    cursor: pointer;
}

@media (max-width: 900px) {
    .tz-btn {
        display: none;
    }

    .tz-hamburger {
        display: block;
    }

    .tz-nav {
        position: fixed;
        top: 70px;
        left: 0px;
        width: 100%;
        background: rgb(255, 255, 255);
        flex-direction: column;
        display: none;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 25px;
    }

    .tz-nav a {
        padding: 15px 20px;
        border-bottom: 1px solid rgb(238, 238, 238);
    }

    .tz-nav.active {
        display: flex;
    }

    .tz-mobile-btn {
        background: rgb(39, 181, 172);
        color: white;
        text-align: center;
        margin: 15px;
        border-radius: 6px;
    }
}

.brands-logo ul li img {
    width: 200px;
    height: 150px;
    margin: 20px;
}

.home-new-banner-section .container {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}
body{
     font-family: 'Poppins', sans-serif !important;
}

.title-line{
    width: 30px;        /* same as your old blue line */
    height: 2px;
    background: rgb(39 181 172);
    border: none;
    margin: 0;         /* aligns to left */
    margin-top: 9px;
}

.trust-section{
    padding: 50px 0px 70px !important;
}

.our-clients{
    padding: 50px 0px;
    background: #ffffff;
}
.technzone-banner{
    padding-top: 100px;
}
.welcome p {
    font-size: 15px;
}
.tecnzone-banner-text h3{
    font-size: 30px;
}
.primary-color{
    color: #27b5ac;line-height: 29px;
}  .service-card .arrow {
            transition: transform 0.3s ease;
        }

        .service-card:hover .arrow {
            transform: rotate(-50deg) translateX(6px);
        }

        /* LEFT FIXED */
        .left-panel {
            flex: 0 0 35%;
            position: sticky;
            top: 100px;
            height: fit-content;
        }

        .back-link {
            display: inline-block;
            margin-bottom: 20px;
            font-weight: 700;
            font-size: 13px;
            text-decoration: none;
            color: #ffffff;
        }

        .left-panel h1 {
            /* font-size: 45px; */
            /* line-height: 55px; */
            margin-bottom: 20px;
        }

        .left-panel h1 span {
            font-weight: 300;
        }

        .left-panel p {
            /* font-size: 16px; */
            color: #555;
        }

        /* RIGHT SCROLLABLE */
        .right-panel {
            flex: 1;
            overflow-y: auto;
            padding-right: 10px;
        }

        .service-card {
            background: transparent;
            padding: 30px 0;
            border-bottom: 1px solid #e5e7eb14;
            position: relative;
        }

        .service-card h3 {
            font-size: 21px;
            font-weight: 700;
            line-height: 29px;
            color: white;
            font-family: 'Exo 2', sans-serif;
            margin-bottom: 10px;
        }

        .service-card p {
            font-size: 15px;
            color: #f3f3f3;
            max-width: 420px;
        }

        .service-card .arrow {
            position: absolute;
            right: 0;
            top: 30px;
            color: #e4e4e4b8;
            font-size: 20px;
        }

        /* ICON PLACEHOLDER */
        .icon {
            /* width: 48px; */
            /* height: 48px; */
            filter: brightness(0) invert(3);
            /* background: #3b82f6; */
            border-radius: 8px;
            margin-bottom: 15px;
        }

        /* MOBILE */
        @media (max-width: 991px) {
          
            .left-panel {
                position: relative;
                top: 0;
            }

            .right-panel {
                overflow: visible;
            }
        }
        p{
            font-family: 'Mulish', sans-serif !important;
            line-height: 29px;
            font-weight: 400;
            font-size: 15px;
        }




        .solutions-section {
            background: linear-gradient(180deg, #f9fafc, #ffffff);
        }

        .section-title {
            font-size: 2.5rem;
            font-weight: 700;
        }

        .section-subtitle {
            max-width: 600px;
            margin: auto;
            color: #666;
        }

        .solution-card {
            background: rgba(255, 255, 255, 0.9);
            padding: 20px 15px;
            text-align: center;
            height: 100%;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
        }

        .solution-card::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, #ffffff, #ffffff);
            opacity: 0;
            transition: 0.4s;
        }

        .solution-card:hover::before {
            opacity: 1;
        }

        .solution-card * {
            position: relative;
            z-index: 2;
        }

        .solution-card:hover {
            transform: translateY(-10px);
            color: #2b2b2b;
        }

        .solution-icon {
            width: 70px;
            height: 70px;
            background: #cfac70;
            color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
            margin: 0 auto 20px;
            transition: 0.4s;
        }

        .solution-card:hover .solution-icon {
            background: #e4e4e4;
            color: #1a1a1a;
        }
  .gold-counter {/* background: linear-gradient(90deg, #ffffff, #f7f4ed, #f0f0f0); *//* padding: 15px 30px; */}

        .gold-counter-inner {

            margin: auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: #1a1a1a;
            padding: 0 15px;
        }

        .counter-item {
            text-align: center;
            /* flex: 4; */
            gap: 20px;
            display: flex;
        }

        .counter-item h2 {
            font-size: 35px;
            color: white;
            margin: 0;
        }

        .counter-item p {
            font-size: 17px;
            margin-top: 6px;
            color: white;
            font-weight: 600;
            line-height: 23px;
        }

        .divider {
            width: 1px;
            height: 45px;
            background: rgb(39 181 172);
        }

        /* Tablet */
        @media (max-width: 991px) {
            .counter-item h2 {
                font-size: 32px;
            }
        }

        /* Mobile */
        @media (max-width: 768px) {
            .gold-counter-inner {
                flex-wrap: wrap;
                gap: 25px;
            }

            .divider {
                display: none;
            }

            .counter-item {
                width: 50%;
            }
        }

        /* Small Mobile */
        @media (max-width: 480px) {
            .counter-item {
                width: 100%;
            }
        }/* Container */
.contact-section {
  /* padding: 50px 20px; */
  font-family: 'Mulish', sans-serif;
  color: #333;
  background: #f5f5f5;
}

.contact-section h2 {
  /* font-size: 28px; */
  margin-bottom: 10px;
}

.contact-section p {
  font-size: 16px;
  /* margin-bottom: 40px; */
  color: #0d0d0d;
}

/* Cards Grid */
.contact-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}

.card {
  background: #f5f6fa;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  transition: transform 0.3s;
}

.card:hover {
  transform: translateY(-5px);
}

.card-header {
  /* background: linear-gradient(90deg, #e0e0ff, #f0f0ff); */
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
}

.card h3 {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 15px 0 5px;
}

.card p {
  font-size: 15px;
  margin-bottom: 5px;
}

.card small {
  color: #212121;
  font-size: 14px;
}

/* Buttons */
.contact-buttons {
  margin-bottom: 40px;
}

.contact-buttons button {
  padding: 10px 25px;
  margin: 5px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  transition: background 0.3s;
}

.email-btn {
  background: linear-gradient(90deg, #6a11cb, #2575fc);
  color: #fff;
}

.email-btn:hover {
  opacity: 0.9;
}

.call-btn {
  background: #e0e0e0;
  color: #333;
}

.call-btn:hover {
  background: #ccc;
}

/* Footer */
.contact-footer {
  display: flex;
  padding: 20px 0px;
  justify-content: space-between;
  font-size: 14px;
  color: #777;
}

.contact-footer a {
  color: #555;
  text-decoration: none;
  margin: 0 5px;
}

.contact-footer a:hover {
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 600px) {
  .contact-section h2 {
    font-size: 24px;
  }

  .card h3 {
    font-size: 18px;
  }

  .card p, .card small {
    font-size: 14px;
  }
}
.swifbi-title {
    font-family: 'Exo 2', sans-serif;
    font-weight: 600;
    color: white;
    fo;
    font-size: 35px;
    line-height: 42px;
}
.swifbi-para{
    color: white !important;
    line-height: 29px;
    font-size: 15px;
    margin-top: 20px;
}
.icon img{
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.our-core{
    font-family: 'Exo 2', sans-serif;
    font-weight: 600;
    color: white;
    font-size: 30px;
    line-height: 29px;
}
.our-core span{
    font-weight: 200;
}
.detail-box p{
    line-height: 25px;font-weight: 500;
}
        .testimonial-card {
            background: #e9e9e9;
            padding: 50px;
            margin-bottom: 40px;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
        }

        .testimonial-text {
            /* font-size: 16px; */
            font-style: italic;
            color: #444;
            /* line-height: 29px; */
        }

        .testimonial-author {
            margin-top: 30px;
        }

        .testimonial-author h4 {
            font-size: 18px;
            color: #222;
            font-weight: 700;
        }

        .testimonial-author span {
            color: #27b5ac;
            font-weight: 600;
        }

        /* Mobile */
        @media(max-width:768px) {
            .testimonial-text {
                font-size: 18px;
            }
        }

        @media(max-width:576px){
            .logo-bg, .my-slider {
    margin: 0px;
    padding: 20px 0px 0px;}


.our-core {font-size: 23px;}.left-panel h1 {
    font-size: 27px;
    line-height: 35px;
    margin-bottom: 20px;
}
.contact-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    gap: 20px;}
.contact-footer {
    display: inline;
    padding: 32px 0px;
    justify-content: space-between;
    font-size: 14px;
    color: #777;
}.contact-footer p {
    margin-bottom: 0px !important;
    color: white;
    /* font-size: 14px; */
    text-align: center;
}

        }.tz-nav {
 
  gap: 25px;
  align-items: center;
}

/* Dropdown wrapper */
.tz-dropdown {
  position: relative;
}

/* Submenu */
.tz-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffffff;
  min-width: 220px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  display: none;
  flex-direction: column;
  z-index: 999;
}

/* Submenu links */
.tz-dropdown-menu a {
  padding: 12px 16px;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #00000024;
  font-size: 13px;
  white-space: nowrap;
}

.tz-dropdown-menu a:hover {
  background: #f5f5f5;
}

/* Show submenu on hover */
.tz-dropdown:hover .tz-dropdown-menu {
  display: flex;
}