/**
 * TABLE OF CONTENTS
 *
 * 0. General
 * 1. Navbar
 * 2. Banner
 * 3. Custom Solutions 
 * 4. Financial Services 
 * 5. Combine Finance and Tech 
 * 6. IT Services 
 * 7. Worldwide 
 * 8. Contact Us Page
 * 9. Footer 
 * 10. Responsive
 *
 */



/*----------------------------------------------------------
0. General Start
------------------------------------------------------------*/ 

ul li {
    list-style: none;
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start:0;
}

a {
    text-decoration: none;
    color: #68855C;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 35px;
}

h4 {
    font-size: 28px;
}

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

p {
    font-size: 18px;
}

input{
    border: none;
    padding: 0px 24px;
}
input:active, input:focus, textarea:active, textarea:focus {
    outline: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
    appearance: textfield;
  -moz-appearance: textfield;
}

textarea {
    border: none;
}

.f-outfit {
    font-family: 'Outfit', sans-serif;
}

.f-cormorant {
    font-family: 'Cormorant Garamond', serif;
}

.f-poppins {
    font-family: 'Poppins', sans-serif;
}
/*----------------------------------------------------------
0. General End
------------------------------------------------------------*/ 


/*----------------------------------------------------------
1. Navbar Start
------------------------------------------------------------*/ 
hr.hr-nav {
    border-top: 1px solid rgba(78, 85, 95, 1);
}

.img-logo-nav{
    width: 100%;
}

button.btn-navbar {
    font-size: 12px;
    background-color: #68855C;
    color: #000000;
    border-radius: 0px;
}

button.btn-navbar:hover {
    background-color: #3c5730;
    color: rgb(255, 255, 255);
}

.nav-links li a:hover{
    color: rgb(172, 172, 172);
}

/*----------------------------------------------------------
1. Navbar End
------------------------------------------------------------*/ 


/*----------------------------------------------------------
2. Banner Start 
------------------------------------------------------------*/ 
#banner {
    background-color: #D3D3D3;
}

#banner .bg-banner {
    position: relative;
    overflow: hidden;
    height: 100%;
}

#banner h1 {
    color: #3A4553;
    font-weight: 900;
    line-height: 55px;
    font-size: 50px;
}

#banner h1 span {
    color: #68855C;
}

#banner h2 {
    color: #68855C;
    font-weight: 900;
    font-size: 56px;
}

#banner .sub-title {
    color: #3A4553;
    font-weight: 400 !important;
    font-size: 18px;
}

#banner .title-text {
    color: #68855C;
    font-weight: 600 !important;
    font-size: 22px;
}

#banner ul li  a {
    font-size: 20px;
}


p.sub-text-banner {
    color: #3A4553;
    font-size: 20px;
    padding-right: 4rem;
}

button.btn-getouch {
    background-color: #A2A2A2;
    color: rgb(0, 0, 0);
    padding: 16px 65px;
    border-radius: 0px;
    font-weight: 600;
    font-size: 18px;
}

button.btn-getouch:hover{
    background-color: #A2A2A2;
    color: rgb(0, 0, 0);
}
/*----------------------------------------------------------
2. Banner End
------------------------------------------------------------*/ 




/*----------------------------------------------------------
3. About Us Start
------------------------------------------------------------*/ 
#aboutus .p-one {
    font-size: 18px;
    color: #909090;
}


#aboutus .p-two {
    font-size: 18px;
    color: #909090;
    font-weight: bolder;
}

#aboutus .p-three {
    font-size: 18px;
    color: #909090;
}

#aboutus .about-img {
   background-image: url('../img/bg-about.webp');
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 300px;
}

.network-img {
    background-image: url('../img/bg-network.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}

.tax-img {
    background-image: url('../img/bg-tax.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}
/*----------------------------------------------------------
3. About Us End
------------------------------------------------------------*/ 


/*----------------------------------------------------------
4. Financial Services End
------------------------------------------------------------*/ 

#f-services {
    background-color: #68855C;
}

#f-services h2 {
    color: #ffffff7a;
}

.wrap-card-first-debit{
    background-color: rgb(255, 255, 255);
    height: 400px;
    width: auto;
    font-size: 16px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.wrap-card-first-debit h4 {
    color: #68855C !important;
    font-size: 30px !important;
}

.wrap-card-first-debit .p-card {
    font-size: 16px !important;
}

hr.hr-f-card {
    border-top: 2px solid rgba(58, 69, 83, 1);
}

/*----------------------------------------------------------
4. Financial Services End
------------------------------------------------------------*/ 

/*----------------------------------------------------------
6. IT Services Start 
------------------------------------------------------------*/ 
#digital-business {
    background-color: #D3D3D3;
    /* height: 3000px; */
    overflow-x: hidden;
    padding-bottom: 200px;
}

#digital-business h2 {
    color: #68855C;
}

.wrap-card-it{
    background-color: #68855C;
    height: 490px;
    width: auto;
    font-size: 16px;
    color: rgb(255, 255, 255);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.wrap-card-it.no-border {
    border-radius: 0px;
}

.wrap-card-it.top-left-border {
    border-radius: 40px 0px 0px 0px;
}

.wrap-card-it.top-right-border {
    border-radius: 0px 40px 0px 0px;
}
.wrap-card-it.bottom-left-border {
    border-radius: 0px 0px 0px 40px;
}
.wrap-card-it.bottom-right-border {
    border-radius: 0px 0px 40px 0px;
}

.wrap-card-it .text-it {
    color:rgba(255, 255, 255, 1) ;
    font-weight: 300;
}

.it-oranamen-left {
    position: absolute;
    left: -150px;
    top: 50%;
}
.it-oranamen-right {
    position: absolute;
    right: -150px;
    top: 50%;
}
/*----------------------------------------------------------
6. IT Services End 
------------------------------------------------------------*/ 


/*----------------------------------------------------------
8. Contact Us Page Start 
------------------------------------------------------------*/ 
#contactus {
    background-color: #68855C;
}

.contact-us.wrapper {
    overflow-x: hidden;
}


.bg-contact-wrap {
    /* background-color: black; */
    min-height: 100vh;
    padding: 30px;
}

.bg-contact {
    background-color: #D3D3D3;
    height: 100%;
}

input::-webkit-input-placeholder{
  color: rgba(213, 213, 213, 1);
}

input:-moz-placeholder {
  color: rgba(213, 213, 213, 1);
}

.inp-fname {
    height: 70px;
    width: 400px;
    border-radius: 8px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);
    background-color: rgba(104, 133, 92, 0.50);
    color: #FFFFFF;
}

.label-email span {
    color: rgba(198, 198, 198, 1);
    margin-left: 10px;
}


.inp-email {
    height: 70px;
    width: 500px;
    border-radius: 8px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);
    background-color: rgba(104, 133, 92, 0.50);
    color: #FFFFFF;
}
.inp-email2 {
    height: 70px;
    width: 500px;
    border-radius: 8px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);
    background-color: rgba(104, 133, 92, 0.50);
    color: #FFFFFF;
}
.add-more{
    color: rgba(45, 148, 9, 1);
    cursor: pointer;
}

.fa-circle-xmark {
    cursor: pointer;
}

.inp-phone {
    height: 70px;
    width: 460px;
    border-radius: 8px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);
    background-color: rgba(104, 133, 92, 0.50);
    color: #FFFFFF;
}
.inp-phone2 {
    height: 70px;
    width: 460px;
    border-radius: 8px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);
    background-color: rgba(104, 133, 92, 0.50);
    color: #FFFFFF;
}

.inp-date {
    height: 70px;
    width: 500px;
    border-radius: 8px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);
    background-color: rgba(104, 133, 92, 0.50);
    color: #FFFFFF;
}


.textarea-desc {
    width: 750px;
    height: 120px;
    padding: 20px 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);
    background-color: rgba(104, 133, 92, 0.50);
    color: #FFFFFF;
}

textarea::-webkit-input-placeholder{
    color: rgba(213, 213, 213, 1);
}
  
textarea:-moz-placeholder {
    color: rgba(213, 213, 213, 1);
}
  
.nohp-select.input-nohp{
    color: #FFFFFF;
    font-weight: 400 !important;
    width: 100%;
    padding: 20px 20px;
    border-radius: 8px;
    background-color: rgba(104, 133, 92, 0.50);
}

.select2-results__option--highlighted {
    color: white !important;
    background-color: darkgreen !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: darkgray;
}

.select2{
    width: 100% !important;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
    border: none;
    padding: 0px 3px;
}

.select2-container--default .select2-selection--single {
    background-color: rgba(104, 133, 92, 0.50) !important;
    border: 1px solid #aaa !important;
    border-radius: 4px !important;
    height: 70px !important;
    max-width: 500px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 70px !important;
    color: #FFFFFF !important;
}

.select2-container--open .select2-dropdown--above {
    background-color: #B3C2AD !important;
}

.select2-container--default .select2-results__option .select2-results__option {
    color: #FFFFFF;
}

.select2-container--default .select2-results__group {
    color: green;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 21px !important;
    right: 18px !important;
    display: none !important;
}

/*----------------------------------------------------------
8. Contact Us Page End 
------------------------------------------------------------*/ 



/*----------------------------------------------------------
9. Footer Start 
------------------------------------------------------------*/ 
#foot {
    background-color: #D3D3D3;
}

.hr-foot {
    border-top: 5px solid #68855C;
    border-bottom: 5px solid #68855C;
    padding: 1rem;
}
/* 
.back-to-top {
    display: none;
    position: fixed;
    opacity: 1;
    right: 15px;
    bottom: 15px;
    z-index: 99999;
    background: #a20909;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    color: black;
    transition: all 1s;
} */

.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 99999;
    background: #127327;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.4s;
  }

  .back-to-top i {
    font-size: 24px;
    color: #ffffff;
    line-height: 0;
  }
  
  .back-to-top.active:hover {
    background: #127327;
    color: #fff;
    opacity: 1;
  }
  
  .back-to-top.active {
    visibility: visible;
    opacity: 0.5;
  }
  
/*----------------------------------------------------------
9. Footer End
------------------------------------------------------------*/ 


/*----------------------------------------------------------
10. Responsive Start
------------------------------------------------------------*/ 
@media (min-width: 375px) {}
@media (min-width: 425px) {}

@media (min-width: 768px) {

    .wrap-card-first-debit{
        height: 360px;
    }
    
    .wrap-card-it {
        height: 520px;
    }

    .wrap-card-first-debit .p-card {
        font-size: 16px !important;
    }

    
    .img-logo-nav{
        width: 40%;
    }
    
    button.btn-navbar {
        font-size: 16px;
    }


    h1 {
        font-size: 50px;
    }

    
    h2 {
        font-size: 45px;
    }

    #banner ul li  a {
        font-size: 22px;
    }

    
    .p-card {
        font-size: 20px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 218px !important;
    }

}

@media (min-width: 992px) {
    button.btn-getouch {
        padding: 20px 75px;
        font-size: 22px;
    }
    h1 {
        font-size: 65px;
        line-height: 110%;
    }

    p {
        font-size: 22px;
    }

    #aboutus .about-img,
    .network-img,
    .tax-img {
        height: auto;
    }

    #aboutus .p-one,
    #aboutus .p-two,
    #aboutus .p-three {
        font-size: 20px;
    }

    .wrap-card-first-debit{
        height: 410px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 121px !important;
    }
}
@media (min-width: 1024px) {}
@media (min-width: 1200px) {
    .wrap-card-first-debit{
        height: 320px;
    }
}
/*----------------------------------------------------------
10. Responsive End
------------------------------------------------------------*/