@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html,body {font: 400 16px/24px "Roboto", Helvetica, Arial, sans-serif;}
.container {max-width: 1150px;}
.dropdown-menu {
    transition: opacity .2s cubic-bezier(.6, .2, .1, 1), transform .2s cubic-bezier(.6, .2, .1, 1), visibility 0s linear 0s;
    transform: none;
    width: 450px;
    background: #fff;
    border-radius: 10px;
    border-radius: 16px;
    margin-top: 38px;
    box-shadow: 0 20px 66px 0 rgba(34, 48, 73, .2);
    transform: translateY(-10px) scale(.95);
    top: 0;
    left: auto;
    right: -4px !important;
    padding: 0px;
}

.dropdown-menu:before {
    left: auto;
    right: 16px;
    right: var(--size-16);
    background: #edeeec;
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    top: -4px;
    right: 16px;
}

.mca {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background: #edeeec;
    padding: 40px;
    font-weight: 600;
    display: inline-block;
    overflow-inline: visible;
}

.mca p {
    font-weight: 400;
    color: #454745;
    margin-top: 8px;
    display: block;
    text-wrap: balance;
}

.mca.active,
.mca:active,
.mca:hover {
    background: #edeeec !important;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover {
    background: #fff;
    color: #000;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown-item:nth-child(2) {
    padding: 40px 40px 4px 40px;
    font-weight: 600;
}

.dropdown-item:last-child {
    border-radius: 0 0 16px 16px;
    font-weight: 600;
    padding: 4px 40px 40px 40px;
}

.dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.dropdown a:focus {
    color: #9fe870 !important;
}

.active {
    color: #163300;
}

header {
    /* padding-top: 46px; */
    height: 132px;
    position: relative;
    z-index: 10;
}
.headerbg{background-color: #384b4e;}

.nav-link {
    font: 400 16px/24px "Roboto", Helvetica, Arial, sans-serif;
    color: #fff;
    background: transparent;
    text-transform: uppercase;
    margin-right: 60px;
    letter-spacing: 1px;
    transition: color .3s;
}

.nav-link:hover {
    background: #cdffad;
    background: rgba(134, 167, 189, .102);
    background: hsla(0, 0%, 100%, .102);
    color: #9fe870;
}

.text-ellipse {
    font: 600 15px/24px "Roboto", Helvetica, Arial, sans-serif;
    color: #163300;
    background: #9fe870;
    border: solid 1px #9fe870;
    border-radius: 100px;
    padding: 3px 16px;
}

.text-ellipse:hover {
    background: #cdffad;
    color: #163300;
}

.leftfix {
    position: absolute;
    left: -40px;
    top: 180px;
    width: 300px;
    height: 80px;
    border-radius: 1000000000px;
    background: url("../../../images/leftfixbg.webp");
}

.arrow {
    position: absolute;
    background: url("../../../images/right.webp");
    background-size: contain;
    width: 76px;
    height: 76px;
    right: 2px;
    top: 2px;
}

.arrow:before {
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
    clip-path: polygon(0 0, 0 100%, 100% 0);
}

.arrow:before {
    content: " ";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    right: 20px;
    top: -5px;
    transform: rotate(45deg);
    background-color: inherit;
}


.sidecashfirst {
    padding-top: 12rem;
    padding-right: 5rem;
}

.sidecashfirst h2 {
    color: #fff;
    opacity: 1;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.sidecashfirst h1 {
    color: #9fe870;
    font: 600 42px/46px "Roboto", Helvetica, Arial, sans-serif;
    letter-spacing: -.021em;
}

.righttrack {
    margin: 0;
}

.righttrack .head p {
    font-size: 14px;
    margin-bottom: 0.5rem;
}

.righttrack .head p strong {
    font-size: 16px;
    margin-bottom: 0.5rem;
    color: #0e0f0c;
}

.track {
    padding-right: 24px;
    position: relative;
}

.track li {
    margin-left: 0;
    display: block;
    line-height: 24px;
    padding-left: 38px;
    padding-bottom: 20px;
    margin-bottom: 0;
}

.track>li:not(:last-child):after {
    content: "";
    position: absolute;
    background: rgba(14, 15, 12, .122);
    width: 1px;
    height: calc(100% - 34px);
    left: 8px;
    top: 50%;
    /* height: calc(100% - 90px);
        left: 6px;
        top:24%; */
    transform: translateY(-50%);
    opacity: 0.9;
    margin-top: 16px;
    box-sizing: border-box;
}

.track li .icon {
    width: 17px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0px;
}

.track li .date {
    position: static;
    left: 0;
    width: auto;
    padding-left: 0;
    text-align: left;
    margin-bottom: 8px;
    color: #454745;
}

.track li p {
    line-height: 16px;
    margin-bottom: 0;
}


.keepinmind {
    outline: none;
}

.keepinmind h3 {
    font-size: 18px;
    margin-bottom: 1rem;
    margin-left: 12px;
    color: #0E0F0C;
    font-weight: 600;
}

.keepinmind p {
    margin-bottom: 1.5rem;
    font-size: 14px;
    margin-left: 12px;
}

.keepinmind .accordion .alert {
    background: rgba(22, 51, 0, .078);
    padding: 24px;
    border-radius: 16px;
    border: none;
    font-size: 16px;
}

.keepinmind .accordion .alert .alert-icon {
    background: #edc843;
    border-radius: 100px;
    height: 48px;
    width: 48px;
    padding: 8px;
}

.accordion {
    border: none;
}


.accordion-button::after,
.accordion-button:not(.collapsed)::after {
    background-image: url('../../../images/down.png');
}

.accordion .accordion-item {
    border: none;
}

.accordion .accordion-item .accordion-header button {
    font-size: 18px;
    color: #0E0F0C;
    font-weight: 600;
}

.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    border: none;
}

.transferdetails .accordion .accordion-body ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.transferdetails .accordion .accordion-body ul li {
    flex: 0 0 50%;
    margin-bottom: 1rem;
}

.transferdetails .accordion .accordion-body ul li span {
    display: block;
    font-size: 12px;
}

footer {
    background: url('../../../images/footerbg.jpg');
    overflow: hidden;
    color: #fff;
    padding-top: 60px;
    padding-bottom: 15px;
    position: relative;
    background-size: cover;
}

footer::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    z-index: 0;
    background-color: #21201e;
    opacity: .97;
    right: 0;
    top:0
}

footer .container{position: relative;z-index: 1;}
footer h5 {
    color: #fff;
    font: 700 16px/24px "Roboto", Helvetica, Arial, sans-serif;
}

footer ul {margin-top: 20px;}
footer ul li a {
    color: #cfcfcf;
    text-decoration: none;
    font: 400 16px/24px "Roboto", Helvetica, Arial, sans-serif;
    letter-spacing: -.006em;
    line-height: 155%;
    margin-bottom: 10px;
    text-underline-offset: .3em;
    display: inline-block;
}

footer ul li a:hover {
    color: #cdffad;
}

footer .link-icon:not(:last-child) {
    margin-right: 16px;
}

footer .logo img {
    max-width: 89px;
}

footer .footer-link {
    color: #9fe870;
    text-decoration: underline;
    font: 400 14px/24px "Roboto", Helvetica, Arial, sans-serif;
    letter-spacing: -.006em;
    line-height: 155%;
    text-underline-offset: .3em;
}



.hero {
    background-image: url('../../../images/hero.jpg');
    margin-top: -165px;
    background-size: cover;
    padding-top: 170px;
    position: relative;
}

.hero::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background-image: url(../../../images/gradient.png);
    opacity: 1;
}

.hero .content {
    z-index: 2;
}

.hero .display-1 {
    margin: 0 0 25px;
    font-weight: 300;
    /* font-size: 100px; */
    font-size: 67px;
    text-transform: uppercase;
    color: #fff;
}

.hero .content p {
    color: #fff;
    font-size: 24px;
    max-width: 100%;
    line-height: 34px;
    margin: 24px 0;
}


.hero .content .servicetitle {
    margin-bottom: 55px;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 1px;
}

.hero .content .readmore a {
    margin-top: 13px;
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    color: #f1b300;
}

.hero .content .producti{margin-bottom: 34px;padding-left: 50px;
    position: relative;
}
.hero .content .producticon {position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
    background-size: cover;
}

.hero .content .producttitle {color: #fff;
    margin: 0 0 10px;
    font-size: 24px;
    font-weight: 700;}

.hero .content .productdesc {color: #fff;
    margin: 0;
    font-size: 14px;
    line-height: 20px;}


    .wwed{padding-top: 100px;}
    .wwedtitle{font-size: 54px;margin: 0 0 20px;
        font-weight: 400;
        color: #4d4d4d;}
    .wwedtext{color: #4d4d4d;
        font-size: 16px;
        margin-bottom: 0;}
        .wwedimg{margin-top: 40px;max-width: 100%;}
        .wwedtext2{color: #4d4d4d;
            font-size: 16px;
            margin-bottom: 0;margin-bottom: 30px;}

        .products{padding: 100px 0;}
.title{font-size: 54px;margin: 0 0 20px;
    font-weight: 400;
    color: #4d4d4d;}

    .title2{
        font-size: 46px;
        margin-bottom: 0;
        font-weight: 400;
    color: #4d4d4d;
    }
    .title3{ margin: 0 0 30px;display: inline-block;font-weight: 700;
        font-size: 32px;color: #4d4d4d;}
    .services{background-image: url('../../../images/services.jpg');
        padding: 100px 0;max-width: 100%;
        overflow: hidden;background-size: cover;
    }

    .services .btn{color: #252525;margin-top: 30px;}

    .btn1{min-width: 260px;background-color: #ffce40;    font-size: 14px;
        line-height: 24px;
        text-align: center;
        color: #fff;
        font-weight: 700;
        border-radius: 0;
        padding: 14px 25px 13px;
        text-transform: uppercase;
        transition: .3s;
        border: 0;
        cursor: pointer;}

        .btn3{min-width: 260px;background-color: #ffce40;    font-size: 14px;
            line-height: 24px;
            text-align: center;
            color: #252525;
            font-weight: 700;
            border-radius: 0;
            padding: 18px 25px;
            text-transform: uppercase;
            transition: .3s;
            border: 0;
            cursor: pointer;}

        .serviceitem{margin-bottom: 30px;
            padding: 53px 40px 30px 137px;min-height: 236px;
            position: relative;
            z-index: 2;}
            .serviceitem::before{left: 16px;
                right: 16px;
                top: 0;
                bottom: 30px;
                content: '';
                left: 5px;
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 5px;
    bottom: 5px;
    background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(45, 51, 64, .76), rgba(45, 51, 64, .76));
    border: 1px solid rgba(0, 0, 0, .1);
            }
            .serviceitem .content{z-index: 1;position: relative;}
        .serviceitem .content .number{position: absolute;
            top: 20px;
            left: -60px;
            z-index: 3;
            font-size: 16px;
            font-weight: 700;
            color: #000;}
            .serviceitem .content .number::before{
                content: '';
    position: absolute;
    left: -33px;
    top: -27px;
    width: 74px;
    height: 74px;
    border-radius: 100px;
    background-color: #fecc3f;
    opacity: .2;
            }
            .serviceitem .content .number::after{content: '';
                position: absolute;
                left: -15px;
                top: -10px;
                width: 40px;
                height: 40px;
                border-radius: 100px;
                background-color: #fecc3f;z-index: -1;}
        .serviceitem .content .title{color: #fff;
            font-weight: 700;
            font-size: 24px;
            margin: 0 0 19px;}
        .serviceitem .content .description{    color: #fff;
            margin: 0;
            font-size: 16px;
            opacity: .8;
            line-height: 26px;
        }

        .about{background-color: #f4f4f4;}
        .about .content{padding: 64px 90px;}
        .about .content .text{margin-bottom: 40px;}
        .about .content .btn1{color: #252525;}

        .history{padding: 100px 0 80px;}

        .btn2{min-width: 134px;background-color: #ffce40;    font-size: 14px;
            line-height: 24px;
            text-align: center;
            color: #252525;
            display: inline-block;
            font-weight: 700;
            border-radius: 0;
            padding: 14px 25px 13px;
            text-transform: uppercase;
            transition: .3s;
            border: 0;
            cursor: pointer}


            footer address{color: #fff;
                font-size: 18px;
                font-style: normal;
                margin-bottom: 25px;}
                footer .phone{display: inline-block;
                    color: #fff;
                    font-size: 18px;
                    text-decoration: none;
                    margin-bottom: 25px;}
footer .email{display: block;
    color: #fecc3f;
    font-size: 18px;}

    .z10{z-index: 10;position: relative;}

    .copyright{font-size: 13px;
        color: #bdbdbd;}
.privacypolicy{color: #bdbdbd;font-size: 13px;}
.breadcrumb{position: relative;
    list-style: none;
    margin-top: 0;
    padding: 15px 0 0;
    margin-bottom: 23px;}
    .breadcrumb-item+.breadcrumb-item::before {
        margin-left: 8px;
        margin-right: 3px;
        font-size: 14px;
        float: left;
        padding-right: .5rem;
        color: #6c757d;
        content: '•';
    }
    .breadcrumb-item,.breadcrumb-item a,.breadcrumb-item.active{position: relative;
        display: inline;
        font-weight: 400;
        font-size: 13px;
        text-decoration:none !important;
        color: #888;
    }

    .ptitle{color: #4d4d4d;
        font-size: 64px;
        margin: 0;font-weight: 400;}


        .aboutus{padding-top: 55px;}
        .aboutus img{min-height: 323px;}

        .contact{
            background-color: #f4f4f4;
            padding: 85px 0 100px;
            min-height: 652px;
        }


        .productitem{position: relative;
            border: 1px solid #d9d9d9;
            margin-bottom: 30px;
            min-height: 437px;}
            .productitem .content{padding: 45px;}
            .productitem .content .title{margin: 0 0 32px;
                font-size: 32px;font-weight: 700;
                color: #4d4d4d;}
                .productitem .content .text2{margin-top: 0;
                    margin-bottom: 30px;
                    color: #4d4d4d;
                    font-size: 16px;}

                    .products{padding: 55px 0 100px;}

                    .servicesp{padding: 55px 0 90px;}


                    .serviceitemi{min-height: 490px;
                        background-position: center;
                        position: relative;
                    }
                    .serviceitemi .content{min-height: 490px;
                    background-position: center;
                    position: relative;
                    margin-bottom: 30px;
                    position: relative;
    z-index: 2;
    color: #fff;
    padding: 72px 55px;
                }
                .serviceitemi::before {
                    background: rgba(50, 53, 57, .54);
                    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
                }
                .serviceitemi .content .title{margin: 0 0 30px;display: inline-block;font-weight: 700;
                    font-size: 30px;color: #fff;line-height: 35px;}
                    .serviceitemi .content .desc{margin: 0 0 30px;
                        display: inline-block;
                        overflow: hidden;font-size: 16px;}
                        .serviceitemi .content {display: inline-block;}
                        .serviceitemi .content .btn a{min-width: 245px;}

                        .cpinfo{    padding-top: 77px;}

                        address{color:#4d4d4d;
                                font-size: 20px;
                                text-decoration: none;
                                margin-bottom: 10px;}
.phone{
    display: block;
    color: #4d4d4d;
    font-size: 20px;
    margin-bottom: 10px;
    text-decoration: none;
}
.email{display: block;
    color: #2754b2;
    font-size: 20px;
    margin-bottom: 10px;}


.offices{background-color: #fff;padding: 95px 0 100px;}
.officegrid{margin:0;margin-top: 22px;}
.officegrid .item{border: 1px solid #d9d9d9;border-right: 0;height: 100%;}
.officegrid .row .col-lg-3{padding: 0;}
.officegrid .row .col-lg-3:nth-child(4n) .item,.officegrid .row .col-lg-3:last-child .item{border-right: 1px solid #d9d9d9;}
.officegrid .item .content{padding: 29px 20px 40px;}
.officegrid .item .country{margin-top: 0;
    font-size: 16px;font-weight: 700;
    color: #4d4d4d;
    margin-bottom: 10px;}
.officegrid .item .address{font-size: 16px;
    color: #4d4d4d;font-weight: 400;
    font-style: normal;
    margin-bottom: 10px;}
.officegrid .item .phone{display: block;
    color: #4d4d4d;
    font-size: 16px;
    margin-bottom: 10px;
    text-decoration: none;}
.officegrid .item .phone a{text-decoration: none;color: #4d4d4d;}
.officegrid .item .email{display: block;
    color: #2754b2;
    font-size: 16px;
    margin-bottom: 5px;}
.officegrid .item .email a{}


.imageclip1{width:100%;display: inline-block;max-height: 400px;overflow: hidden;position: relative;}
.imageclip1 img {
    object-fit: cover;
    object-position: center calc(100% - 200px);
}


.imageclip2{width:100%;display: inline-block;max-height: 450px;overflow: hidden;position: relative;}
.imageclip2 img {
    object-fit: cover;
    object-position: center calc(100% - 150px);
}

.imageclip3{width:100%;display: inline-block;max-height: 600px;overflow: hidden;position: relative;}
.imageclip3 img {
    object-fit: cover;
    object-position: center center;
}