/********** Template CSS **********/

 :root {
     --primary: #A802EA;
     --secondary: #4E006D;
     --light: #01F4FA;
     --dark: #000;
     --white: #fff;
 }

 html,
 body {
     overflow-x: hidden;
 }

 .back-to-top {
     position: fixed;
     display: none;
     right: 30px;
     bottom: 80px;
     z-index: 99;
     background: var(--light);

 }

 i.bi.bi-arrow-up-short {
     color: var(--primary);
 }

 .title-1 {
     color: var(--light);
     font-weight: 600;
     font-size: 16px;
 }

 .title-3 {

     color: #FFFA7E;

 }

 h4.title-3 {
     font-size: 27px;
 }




 .services-intro h1 {
     font-weight: 300 !important;
 }

 .services-intro h3,
 .transfer-header h1 {
     font-weight: normal !important;
 }

 .services-head .content h1 {
     font-size: 38px;
 }

 .form-conversion-top {
     position: relative;
     height: 260px;
     background-color: var(--primary);
     width: 360px;
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;
     left: 12px;
 }

 .form-conversion-bottom {
     height: 260px;
     background-color: #F6E6FD;
     position: relative;
     width: 360px;
     border-bottom-right-radius: 20px;
     border-bottom-left-radius: 20px;
     left: 12px;

 }

 .form-conversion-top .btn.btn-secondary,
 .home-body-products .btn.btn-secondary, .transfer-body-products .btn.btn-secondary {
     width: auto;
     font-weight: bold;
     text-transform: uppercase;
     width: auto !important;
 }

 .form-conversion-bottom img {
     height: 60px;
 }

 .home-header .home-header-left .btn.btn-secondary {
    width: 250px !important;
 }



 .btn-lg-square {
     padding: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: normal;
     width: 48px;
     height: 48px;
 }

 .nav-space {
     margin-left: 21%;
 }

 .pos-btn {
     margin-left: 70px;
 }

 a {
     text-decoration: none;
     color: var(--dark);
 }

 p.lead {
     font-size: 1rem;
 }

 .list-piliers-xs {
     display: none;
 }

 .list-piliers {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .list-piliers img {
     width: 175px;
     height: 175px;
 }

 .list-piliers .pilier-img-1 {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, 15%);
 }

 .list-piliers .pilier-img-2 {
     position: absolute;
     top: 52%;
     right: 55%;
     transform: translate(0%, 70%);
 }

 .list-piliers .pilier-img-3 {
     position: absolute;
     top: 50%;
     left: 52%;
     transform: translate(0%, 70%);
 }

 .list-piliers .pilier-img-4 {
     position: absolute;
     top: 82%;
     right: 52%;
     transform: translate(0%, 158%);
 }

 .list-piliers .pilier-img-5 {
     position: absolute;
     top: 81%;
     left: 48%;
     transform: translate(0%, 153%);
 }

 .list-piliers .pilier-title-1 {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, 20%);
 }

 .list-piliers .pilier-title-2 {
     position: absolute;
     top: 170px;
     right: 69%;

 }

 .list-piliers .pilier-title-3 {
     position: absolute;
     top: 176px;
     left: 68%;
 }

 .list-piliers .pilier-title-4 {
     position: absolute;
     top: 400px;
     right: 65%;

 }

 .list-piliers .pilier-title-5 {
     position: absolute;
     top: 400px;
     left: 62%;
 }

 .list-piliers span strong,
 .list-piliers-xs span strong {
     color: var(--primary);
     text-transform: uppercase;
     font-weight: 800;
 }

 .list-piliers span,
 .list-piliers-xs span {
     font-size: 15px !important;
     font-weight: 300;

 }

 ul.list, ul.list-title {
     list-style: none;
     /* Remove default bullets */
 }

 .list-piliers-xs ul.list li::before {
     content: "";
 }

 ul.list li img {
     width: 160px;
     height: 160px;
 }

 ul.list li::before {
     content: "\2022";
     /* Add content: \2022 is the CSS Code/unicode for a bullet */
     color: var(--primary);
     /* Change the color */
     font-weight: bold;
     /* If you want it to be bold */
     display: inline-block;
     /* Needed to add space between the bullet and the text */
     width: 1em;
     /* Also needed for space (tweak if needed) */
     margin-left: -1em;
     /* Also needed for space (tweak if needed) */
 }
 .home-header ul.list-title li::before, .transfer-header ul.list-title li::before, .contact-info-join ul.list-title li::before{
    content:"\2713\0020" !important;
    color: var(--light) !important;
     /* Change the color */
     font-weight: bold;
     /* If you want it to be bold */
     display: inline-block;
     /* Needed to add space between the bullet and the text */
     width: 1em;
     margin-right: 1em;
     margin-left: -2em;
   
    
 }

 .home-header ul.list-title li, .transfer-header ul.list-title li{
    font-size: 15px;
 }

 .bg-nav {
     background: var(--primary);

     /* background: linear-gradient(180deg, rgba(168, 2, 234, 0.76) 0%, rgba(168, 2, 234, 0.71) 100%); */
 }

 .navbar .btn.btn-secondary {
     width: auto;
     font-weight: bold;
 }

 .lang {
     margin-left: 10%;
 }


 /* The Modal (background) */
 .modal {
     display: none;
     /* Hidden by default */
     position: fixed;
     /* Stay in place */
     z-index: 999;
     /* Sit on top */
     left: 0;
     top: 5%;
     width: 100%;
     /* Full width */
     height: auto;
     /* Full height */
     overflow: auto;
     /* Enable scroll if needed */
     background-color: rgb(0, 0, 0);
     /* Fallback color */
     background-color: rgba(0, 0, 0, 0.4);
     /* Black w/ opacity */
 }

 /* Modal Content/Box */
 .modal-content {
     background-color: #fefefe;
     margin: 15% auto;
     /* 15% from the top and centered */
     padding: 20px;
     border: 1px solid #888;
     width: auto !important;
     /* Could be more or less, depending on screen size */
     height: 100%;
 }

 /* The Close Button */
 .close {
     color: #aaa;
     float: right;
     font-size: 28px;
     font-weight: bold;
 }

 .close:hover,
 .close:focus {
     color: var(--primary);
     text-decoration: none;
     cursor: pointer;
 }

 .modal-dialog {
     overflow-y: initial !important;

 }

 .modal-body {
     height: 80vh;
     overflow-y: auto;
 }




 body {
     background-color: #fff;
     font-size: 12px;
     font-weight: 300;
     font-family: 'Poppins', sans-serif;
     color: var(--dark);
     overflow-x: hidden !important;
     box-sizing: border-box;
 }

 /*** Spinner ***/

 #spinner {
     opacity: 0;
     visibility: hidden;
     transition: opacity .5s ease-out, visibility 0s linear .5s;
     z-index: 99999;
 }

 #spinner.show {
     transition: opacity .5s ease-out, visibility 0s linear 0s;
     visibility: visible;
     opacity: 1;
     color: var(--primary);
 }

 /*** Button ***/

 .btn {
     transition: .5s;
     --bs-btn-padding-y: 0.75rem;
     border-radius: 50px !important;
 }

 .btn.btn-primary,
 .btn.btn-outline-primary:hover {
     color: #FFFFFF;
 }

 .bg-main {
     background: var(--primary) !important;
 }

 .bg-secondary {
     background: #F6E6FD !important;
 }

 .btn.btn-primary {
     background: var(--primary) !important;
     border-color: var(--primary) !important;
     color: white;
     width: 100%;
 }

 .transfer-header .services .btn.btn-secondary {
     width: 345px !important;
     font-size: 14px;

 }

 .transfer-header .services-en .btn.btn-secondary {
    width: 200px !important;
    font-size: 14px;

}

.transfer-intro .services-en .btn.btn-secondary {
    width: 250px !important;
   

}

 .btn.btn-secondary {
     background: var(--light) !important;
     border-color: var(--light) !important;
     color: var(--primary);
     padding-left: 10px !important;
     padding-right: 10px !important;
     padding-top: 8px !important;
     padding-bottom: 8px !important;
     font-weight: 500 !important;
     width: 150px !important;
     cursor: pointer;
 }

 .btn.btn-outline-secondary {
     border-color: var(--light) !important;
     color: var(--light);
     padding-left: 10px !important;
     padding-right: 10px !important;
     padding-top: 8px !important;
     padding-bottom: 8px !important;
     font-weight: 500;
     width: 150px;
   
 }

 .btn.btn-outline-secondary:hover {
    background-color: var(--light) !important;
    border-color: var(--light) !important;
    color: var(--primary);
    width: 150px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

 .btn.btn-outline-info {
     border-color: var(--secondary) !important;
     color: var(--dark);
     border-radius: 12px;
     width: auto;
 }

 .btn.btn-outline-info:hover {
     background-color: var(--secondary) !important;
     border-color: var(--secondary) !important;
     color: white;
     border-radius: 12px;
     width: auto;
 }

 .btn.btn-primary:hover {
     background: var(--secondary) !important;
     border-color: var(--secondary) !important;
 }

 .btn.btn-secondary:hover {
     background: var(--white) !important;
    border-color: var(--white) !important;
 }

.download-app .btn.btn-secondary:hover {
    background: var(--light) !important;
   border-color: var(--light) !important;
}
.download-app .btn {
    cursor: text !important;
}
.download-app {
    font-size: 15px;
}

 .transfer-intro .btn.btn-secondary:hover{
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff;
 }

 .dropdown .dropdown-menu .dropdown-item:hover {
     color: var(--primary) !important;

 }

 .dropdown .dropdown-menu .dropdown-item:active {
     color: white !important;
     background-color: var(--primary) !important;

 }

 .list-inline h4 {
     font-size: 20px;
 }





 /*** Navbar ***/

 .navbar.sticky-top {
     top: -100px;
     transition: .5s;
 }

 .navbar .navbar-brand img {
     max-height: 60px;
 }

 .navbar .navbar-nav .nav-link {
     margin-left: 25px;
     padding: 10px 0;
     color: white;
     font-weight: 500;
     outline: none;
     font-size: 16px;
 }

 .navbar .navbar-nav .nav-link:hover,
 .navbar .navbar-nav .nav-link.active {
     color: var(--light);
     
 }

 .navbar .dropdown-toggle::after {
     border: none;
     content: "\f107";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     vertical-align: middle;
     margin-left: 8px;
 }

 .navbar-nav .nav-item .nav-link img{
  max-height: 25px;
 }

 @media (max-width: 991.98px) {
     .navbar .navbar-brand img {
         max-height: 45px;
     }

     .navbar .navbar-nav {
         margin-top: 20px;
         margin-bottom: 15px;
     }

     .navbar .nav-item .dropdown-menu {
         padding-left: 30px;
     }

     /* .nav-space{
        margin-left: 3% !important;
    } */
 }

 @media (min-width: 992px) {
     .navbar .nav-item .dropdown-menu {
         display: block;
         border: none;
         margin-top: 0;
         top: 150%;
         right: 0;
         opacity: 0;
         visibility: hidden;
         transition: .5s;
     }

     .navbar .nav-item:hover .dropdown-menu {
         top: 100%;
         visibility: visible;
         transition: .5s;
         opacity: 1;
     }

     /* .nav-space{
        margin-left: 3% !important;
    } */
 }

 /*** Home Start ***/

 .home-header {
    /* background: linear-gradient(180deg, #ab4dd1 30%, #ab4dd1 25%); */
     background: linear-gradient(180deg, #A802EA 0%, #43015E 100%);
     color: white;
     position: relative;
     z-index: 1;
     height: 900px;
 }

 .home-header-right {
     position: relative;
 }

 .home-header-right .ellipse-1 img {
     height: auto;
 }

 .home-header-right .ellipse-2 {
     position: absolute;
     top: 120px;
     right: -20px;
 }

 .home-header-right .ellipse-7 {
     position: absolute;
     top: 50%;
     right: 50%;
     transform: translate(10%, 10%);
 }

 .home-header-right .ellipse-7 img {}

 .home-header-right .ellipse-2 img,
 .home-header-right .ellipse-3 img {
     height: 180px;
     width: 180px;
 }

 .home-header-right .ellipse-4 img,
 .home-header-right .ellipse-6 img {
     height: 12px;
     width: 12px;
 }

 .home-header-right .ellipse-5 img {
     height: 16px;
     width: 16px;
 }

 .home-header-right .ellipse-3 {
     position: absolute;
     top: 390px;
     right: 280px;
 }

 .home-header-right .ellipse-4 {
     position: absolute;
     top: 200px;
     right: 410px;
 }

 .home-header-right .ellipse-5 {
     position: absolute;
     top: 370px;
     right: 0px;
 }

 .home-header-right .ellipse-6 {
     position: absolute;
     top: 410px;
     right: -10px;
 }

 .download-iyu {
     position: absolute;
     /* left: 52px;
    top: 450px; */
 }

 .download-iyu ul {
     margin-right: 12% !important;
 }

 .services-intro p {
     text-align: left !important;
 }

 .home-header-right .form-conversion {
     position: absolute;
     /* background: white; */
     border-radius: 20px;
     right: 20px;
     top: 145px;
     height: 430px;
     width: 360px;
 }

 .home-header-left .text-block h1 {
     font-size: 46px;
     font-weight: bold;
 }

 .home-header-left .text-block p {
     font-size: 16px;
     font-weight: 200;
 }

 .home-header-left .text-block a {
     margin-right: 2%;
 }

 .home-header-left .text-block .logo-playstore img {
     height: 55px;
     width: auto;
     margin-left: -10px;

 }
.logo-playstore img {
    height: 55px;
    width: auto;

}

.logo-appstore img {
    height: 55px;
    width: auto;
}



 .home-header-left .text-block .logo-appstore img {
     height: 55px;
     width: auto;
 }

 .home-header-left .ellipse-7 {
     position: absolute;
     left: 0px;
     top: 575px;
 }

 .home-body-1 {
     height: 700px;
     position: relative;
     z-index: 2;
     top: -75px;
     background-color: white;
 }

 .home-body-1 .about {
     margin-top: -5%;
 }

 .main-countries {
     background-color: white;
     border: 0.5px solid #E5E5E5;
     border-radius: 10px;
     position: relative;
     height: 160px;
     margin-left: 10%;
     margin-right: 10%;
     top: -75px;
     display: block;
 }
 @keyframes marquee {
    0% {
      transform: translate3d(0, 0, 0);
    }
    100% {
      transform: translate3d(-50%, 0, 0);
    }
  }

 .main-countries .list-items {
     display: flex;
     align-items: center;
     height: auto;
     padding: 10px 20px 10px 20px;
     justify-content: space-around;
     flex-flow: row nowrap;
    
     
 }

 .main-countries .list-items .item {
     /* rotate: -40deg;
     width: 40%;
     height: auto;  */
     
 }
 #countries-destinations .item{
    rotate: 0deg;
    width: 40%;
    height: 100px; 
    margin-right: 10px;
 }
 #countries-destinations .item .image{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    /* background-position: center no-repeat;
    background-size: cover; */
    margin-right: 12px; 
 }
 /* .main-countries .list-items .marquee {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    animation: marquee 15s linear infinite;
  } */

 /* .main-countries .list-items .item .image {
     width: 25px;
     height: 25px;
     border-radius: 50%;
     background-position: center;
     background-size: cover;
     margin-right: 12px;
 } */

 .scroller[data-animated="true"] {
    overflow: hidden;
   
  }
  
  .scroller[data-animated="true"] .item {
    width: max-content;
    flex-wrap: nowrap;
    animation: scroll var(--_animation-duration, 40s)
      var(--_animation-direction, forwards) linear infinite;
  }
  
  .scroller[data-direction="right"] {
    --_animation-direction: reverse;
  }
  
  .scroller[data-direction="left"] {
    --_animation-direction: forwards;
  }
  
  .scroller[data-speed="fast"] {
    --_animation-duration: 20s;
  }
  
  .scroller[data-speed="slow"] {
    --_animation-duration: 60s;
  }
  
  @keyframes scroll {
    to {
      transform: translate(calc(-50% - 0.5rem));
    }
  }
.home-header-right .form-conversion img{
    height: 600px;
    width: 300px;
}

 .modal-content .image {
     width: 28px;
     height: 28px;
     border-radius: 50%;
     background-position: center;
     background-size: cover;
     margin-right: 12px;
 }

 .home-body-partners .partners-items .item .image, .home-body-partners .partners-items-xs .item .image,  .about-partners .partners-items .item .image, .about-partners .partners-items-xs .item .image {
     width: 25px;
     height: 25px;
     border-radius: 50%;
     background-position: center;
     background-size: cover;
     margin-right: 12px;
     margin-right: 5px;
 }

 .home-body-partners .partners-items .item{
    
  height: 170px !important;
 
}

.about-partners .partners-items .item{
    
    height: 170px !important;
   
  }
  
.home-body-partners .partners-items-xs .item{
    
  
    width: 18% !important;
    margin: 15px;


  }

.about-partners .partners-items-xs .item {
    
    height: 150px !important;
    width: 140px !important;
   margin: 10px 2px 10px 2px;
  }
 .home-body-partners .partners-items .item img, .home-body-partners .partners-items-xs .item img,  .about-partners .partners-items .item img, .about-partners .partners-items-xs .item img {
    width: auto;
  
}

.home-body-partners .partners-items .item .express-union, .home-body-partners .partners-items-xs .item .express-union, .about-partners .partners-items .item .express-union, .about-partners .partners-items-xs .item .express-union{
 
    width: auto;
    
}
.home-body-partners .partners-items .item .biat, .about-partners .partners-items .item .biat {
    /* height: 65px; */
    width: auto;
    
}

.home-body-partners .partners-items-xs .item .biat, .about-partners .partners-items-xs .item .biat{
    /* height: 50px; */
    width: auto;
    
}



.partners-items .item .bms, .partners-items-xs .item .bms, .home-body-partners .partners-items .item .bms, .about-partners .partners-items-xs .item .bms{
    /* height: 60px; */
    width: auto;
    
}

.home-body-partners .partners-items .item .bnda, .home-body-partners .partners-items-xs .item .bnda, .about-partners .partners-items .item .bnda, .about-partners .partners-items-xs .item .bnda{
    /* height: 60px; */
    width: auto;
    
}

.home-body-partners .partners-items .item .cofina img, .home-body-partners .partners-items-xs .item .cofina img, .about-partners .partners-items .item .cofina img, .about-partners .partners-items-xs .item .cofina img{
    /* height: 70px; */
    width: auto;
    
}

.home-body-partners .partners-items .item .nsia img, .home-body-partners .partners-items-xs .item .nsia img, .about-partners .partners-items .item .nsia img, .about-partners .partners-items-xs .item .nsia img{
    /* height: 70px; */
    width: auto;
    
}

.home-body-partners .partners-items .item .bdevcom img, .home-body-partners .partners-items-xs .item .bdevcom img, .about-partners .partners-items .item .bdevcom img, .about-partners .partners-items-xs .item .bdevcom img{
    /* height: 100px; */
    width: auto;
    
}

.home-body-partners .partners-items .item .image2, .home-body-partners .partners-items-xs .item .image2{
    width: 20px;
    height: 23px;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    margin-right: 5px;
}

.home-body-partners .partners-items .item .image3, .home-body-partners .partners-items-xs .item .image3, .about-partners .partners-items .item .image3, .about-partners .partners-items-xs .item .image3{
    width: 0px;
   
  
   padding-right: 17px;
}

.about-partners .partners-items .item .image2, .about-partners .partners-items-xs .item .image2 {
    width: 30px;
    height: 30px;
    /* border-radius: 50%;
    background-position: center;
    background-size: cover;
    margin-right: 12px; */
}


 .item .image img,
 .modal-content .image img {
     width: 100%;
     position: relative;
     height: 100%;
 }

.main-countries .item .text, .main-countries-sm .item .text {
     font-weight: 400;
     text-align: center;
     font-size: 16px;
 }

 .item .text {
    font-weight: 400;

}

.services .item .text {
    font-weight: 400;
    font-size: 11px;

}
 .main-countries-sm {
     display: none;
 }

 .about .about-img-1 {
     position: relative;
     margin-bottom: 3%;
     margin-left: 19%;
     z-index: 4;
 }

 .about .about-img-2 {
     position: relative;
     margin-right: 2%;
     z-index: 5;
 }

 .about .about-img-3 {
     position: relative;
     top: -300px;
     left: 315px;
     z-index: 6;
 }

 .about .about-img-1 img {
     width: auto;
     height: 250px;
 }

 .about .about-img-2 img {
     width: 300px;
     height: auto;
 }

 .about .about-img-3 img {
     width: auto;
     height: 350px;
 }

 .about .circle {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-position: center;
     background-size: cover;
     background-color: var(--primary);
     position: relative;
 }

 .about i {
     color: white;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .about .second-bloc {
     position: relative;
     top: -222px;
 }

 .about .list .list-item {
     font-size: 14px;
     margin-bottom: 2%;
 }

 .form-conversion .form-label {
     color: #7D7A7A;
     font-size: 14px;
 }

 .form-conversion .fees,
 .form-conversion .exchange_rate {
     color: #7D7A7A;
     font-size: 14px;
 }

 .home-body-partners {
     height: 100%;
     position: relative;
     z-index: 3;
     top: -150px;
     background-color: #FAF3FF;
 }

 .home-body-partners .partners-items {
    display: flex;
     justify-content: space-evenly;
 }

 .partners-items-xs{
    display: flex;
    
 }
.about-partners .partners-items-xs{
    display: none;
    
 }

 .home-body-partners .item {
     background-color: white;
     width: 26%;
     height: auto;
     border-radius: 14px;
     border-color: #E5E5E5;
     padding: 10px 2px 10px 2px;
     border-width: 1px;
     margin-bottom: 16px;
 }

.home-body-partners .partners-items .item .text, .about-partners .partners-items .item .text {
     padding: 5px 0 5px 0;
 }

.home-body-partners .partners-items .item{
    width: 18% !important;
    padding: 10px 10px 5px 10px !important;
    margin: 15px;
}

.about-partners .partners-items .item{
    width: 18% !important;
    padding: 10px 10px 5px 10px !important;
    margin: 15px;
}


 .home-body-services {
     position: relative;
     height: 950px;
     top: -430px;
 }

 .home-body-services .custom-background {
     position: relative;
     height: 100%;
 }

 .home-body-services .main-content {
     position: relative;
     background: linear-gradient(169.86deg, #A802EA 7.58%, rgba(78, 0, 109, 0.65) 90.64%);
     height: 946px;
     top: -650px;
     z-index: 10;
 }

 .home-body-services .ellipse-1 img {
     height: auto;
 }

 .home-body-services .ellipse-2 {
     position: absolute;
     left: 0px;
     top: 490px;
     /* top: 690px; */
 }

 .services {
     text-align: center;
     margin-top: 3em;
 }

 .services .services-item-1 {
     position: relative;
     top: 40px;
     left: 140%;
 }

 .services .services-item-2 {
     position: relative;
     top: 20px;
     left: 0%;
 }

 .services .services-item-3 {
     position: relative;
     top: 20px;
     left: 140%;
 }

 .services .services-item-4 {
     position: relative;
     top: -185px;
     left: 0%;
 }

 .services .item {
     display: flex;
     position: relative;
     background: var(--light);
     color: var(--dark);
     text-align: justify;
     padding: 10px 90px 10px 10px;
     margin-top: 12px;
     margin-right: 20px;
     right: 0;
     /* width: 320px; */
     height: 160px;
     border-radius: 15px;
     align-items: start;
 }
 



 .services .item .circle-item {
     position: absolute;
     top: -30px;
     right: -40px;
     width: 120px;
     height: 120px;
     border-radius: 50%;
     background-position: center;
     background-size: cover;
     background-image: url(../images/Rectangle-28.png);
 }

 .services .item .circle-item img {
     height: 100px;
     width: 100px;
     position: relative;
     right: -10px;
     border-radius: 50%;
 }

 .home-body-testimonies {
     position: relative;
     height: auto;
     top: 382px;
     background-color: white;
     color: var(--dark);
 }

 .home-body-testimonies .testimony {
     display: flex;
     align-items: flex-start;
     flex-direction: column;
     padding: 15px 20px 15px 20px;
     border: 1px solid #E9ECF2;
     border-radius: 16px;
     background: #FAF3FF;
     margin: 14px;
 }

 .home-body-testimonies .testimony .header {
     display: flex;
     align-items: flex-start;
     flex-direction: row;
     margin-bottom: 20px;
 }

 .home-body-testimonies .testimony .header .profile img {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background-position: center;
     background-size: cover;

 }

 .home-body-testimonies .testimony .header .infos {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     margin-left: 15px;
 }

 .home-body-testimonies .testimony .header .infos .name {
     font-weight: 600;
 }

 .home-body-testimonies .ellipse-1 {
     position: relative;
     top: 205px;
     z-index: 13;
 }

 .home-body-testimonies .ellipse-2 {
     position: relative;
     top: -295px;
     z-index: 14;
     left: 90px;
 }

 .home-body-testimonies .ellipse-1 img {
     width: 500px;
     height: auto;
 }

 .home-body-testimonies .ellipse-2 img {
     width: 400px;
     height: auto;
 }

 .home-body-testimonies .testimony .content {
     font-size: 14px;
 }

 .home-body-products {
     background: #F6E6FD;
     height: 90vh;
     position: relative;
     z-index: 16;
     top: -600px;
     margin-top: 30px;
 }


 .home-body-products .contents, .transfer-body-products .contents{
    position: static !important;
 }

 .about-body {
     background: #F6E6FD;
     height: auto;
     position: relative;
     z-index: 16;
     top: -230px;
 }

 .transfer-body-products {
     background: #F6E6FD;
     height: auto;
     position: relative;
     z-index: 16;
     top: -90px;
 }

 .home-body-products .custom-background,
 .transfer-body-products .custom-background,
 .about-body .custom-background {
     position: relative;
     background-position: center;
     background-size: cover;
     background-image: url(../images/Ellipse-22.png);
     height: 100%;
     width: 50%;
     z-index: 17;
     color: white;
 }

 .home-body-products .custom-background .contents,
 .transfer-body-products .custom-background .contents,
 .about-body .custom-background .contents {
     width: auto;
     position: relative;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
 }

 .about-body .custom-background .about-contents {
     width: auto;
     position: relative;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
     height: 450px;
 }

 .home-body-products .custom-background .contents .right,
 .transfer-body-products .custom-background .contents .right {
     width: 50%;
     position: relative;
     left: 60%;
     top: 70px;
 }

 .about-body .custom-background .about-contents .section-about-right {
     width: 50%;
     position: relative;
     left: 80%;
     top: -2px;
 }

 .home-body-products .custom-background .contents .left,
 .transfer-body-products .custom-background .contents .left {
     width: 70%;
     position: relative;
     left: 15%;
 }

 .about-body .custom-background .about-contents .section-about-left {
     width: 100%;
     position: absolute;
     left: 5%;
     color: #000;
 }

 .right .ellipse-1 {
     position: relative;
     z-index: 1;
     top: 20px;
 }

 .right .ellipse-2 {
     position: relative;
     top: 200px;
     z-index: 2;
 }

 .right .device {
     position: relative;
     z-index: 3;
     top: -200px;
     right: 98px;
 }

 .right .ellipse-1 img {
     width: 150px;
     height: auto;
 }

 .right .ellipse-2 img {
     width: 100px;
     height: auto;
 }

 .home-body-products .contents-xs,
 .transfer-body-products .contents-xs,
 .about-body .contents-xs {
     display: none;
     color: var(--dark);
 }

 .home-body-actualities {
     position: relative;
     height: auto;
     top: 345px;
     background: #FAF3FF;
 }

 .home-body-actualities .btn-primary {
     width: auto;
 }

 .animated.pulse {
     animation-duration: 1.5s;
 }

 .actuality-carousel .owl-item img {
     width: auto;
     height: 300x;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
 }

 .actuality-carousel .owl-item {
     width: 300px !important;
     height: auto;
     margin: 10px 10px;
 }

 .actuality-carousel .owl-nav {
     margin-top: 30px;
     display: flex;
     justify-content: center;
 }

 .actuality-carousel .owl-nav .owl-prev,
 .actuality-carousel .owl-nav .owl-next {
     margin: 0 5px;
     width: 45px;
     height: 45px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #FFFFFF;
     background: var(--primary);
     border-radius: 10px;
     font-size: 22px;
     transition: .5s;
 }


 .actuality-carousel .owl-nav .owl-prev:hover,
 .actuality-carousel .owl-nav .owl-next:hover {
     background: var(--secondary);
 }

 .owl-carousel .owl-dots {
     text-align: center;
 }

 .owl-carousel .owl-dots .owl-dot {
     width: 10px;
     height: 10px;
     margin: 5px;
     border-radius: 50%;
     background: linear-gradient(to bottom, #999999 0%, #e1e1e1 100%)
 }

 .owl-carousel .owl-dots .owl-dot.active {
     background: var(--primary);
 }

 .home-body-actualities .actuality-item {
     background-color: #F8F8F8;
 }

 .home-body-actualities .actuality-item p {
     font-size: 12px;
 }

 .home-body-actualities .actuality-item .date {
     font-size: 12px;
     color: var(--primary);
     font-weight: 600;
     margin: 5px 0 15px 0;
     text-align: center;
 }

 .home-header-left h1 {
     font-weight: normal !important;
 }

 .home-body-actualities .actuality-item hr {
     width: 25%;
     height: 4px;
     color: var(--primary);
     border-top: 2px solid;
     opacity: 100%;
     margin: 0 10px 0 0;
 }


 .home-body-actualities .owl-carousel .owl-stage-outer {
     height: 450px;
 }

 .home-body-faq {
     background: white;
     position: relative;
     height: auto;
     top: -100px;
     padding: 40px;
 }

 .home-body-faq span {
     font-size: 16px;
     margin: 10px;
     color: var(--primary);
 }

 .home-body-faq h4 {
     margin: 10px;
     color: var(--secondary);
 }

 .home-body-faq .btn-primary {
     width: auto;
 }

 .contact-list {
     background: #FFF;
     position: relative;
     height: auto;
     top: -68px;
     padding: 40px;
     z-index: 20;
 }

 .contact-list-transfer {
     background: #FFF;
     position: relative;
     height: auto;
     top: -55px;
     padding: 40px;
     z-index: 17;
 }

 .text-main {
     color: var(--primary);
     font-size: 18px;
     font-weight: 700;
 }

 .contact-info h3 {
     color: var(--primary);
 }

 /*** Home End ***/
 /*** Footer Start ***/

 .home-footer .footer {
     background-color: var(--primary);
     position: relative;
     color: white;
     height: auto;
     margin-top: -100px;
     z-index: 30;
 }

 .landing-footer .footer {
    background-color: var(--primary);
    color: white;
    
}

 .services-footer .footer {
     background-color: var(--primary);
     color: white;
     position: relative;
     height: auto;
     margin-top: -9%;

 }

 .about-footer .footer {
     background-color: var(--primary);
     color: white;
     position: relative;
     margin-top: 22%;

 }

 .faq-footer .footer,
 .contact-footer .footer {
     background-color: var(--primary);
     color: white;
     position: relative;
     height: auto;
 }

 .contact-footer .footer {
     margin-top: -3%;
 }

 .disclaimer-footer .footer,
 .protection-footer .footer {
     background-color: var(--primary);
     color: white;
     position: relative;
     height: auto;
 }

 .footer .circle {
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background-position: center;
     background-size: cover;
     background-color: white;
     color: var(--primary);
     position: relative;
 }

 .footer .circle i {
     left: 50%;
     top: 50%;
     transform: translate(-35%, -60%);
 }


 .footer .products a,
 .footer .discover a,

 .footer .copyright a {
     color: white !important;
     font-size: 14px;
 }

 .footer .countries a {
     font-size: 12px;
     color: white !important;
 }

 .footer .slogan {
     font-weight: 400;
     color: white;
     font-size: 14px;
 }
 .footer .info{
    color: white;
    font-size: 14px;
    letter-spacing: .2;
 }

 .footer .copyright {
     padding: 25px 0;
     font-size: 14px;
     border-top: 1px solid white;
 }

 /*** Footer End ***/
 /*** Services Start ***/

 .about-head,
 .services-head,
 .contact-head {
     background: linear-gradient(180deg, #A802EA 0%, #43015E 100%);
     height: 450px;
     position: relative;
     color: white;
 }

 .services-head .ellipse-1,
 .about-head .ellipse-1,
 .contact-head .ellipse-1 {
     position: absolute;
     top: 0;
     right: 0;
 }

 .services-head .ellipse-1 img,
 .about-head .ellipse-1 img,
 .contact-head .ellipse-1 img {
     height: 450px;
 }

 .services-head .ellipse-2,
 .about-head .ellipse-2 {
     position: absolute;
     left: 0;
     bottom: -15px;
 }

 .contact-head .ellipse-2 {
     position: absolute;
     left: 0;
     bottom: -32px;
 }

 .services-intro {
     height: auto;
     background: #fff;
     position: relative;
     top: -180px;
 }

 .services-intro h1 {
     font-size: 30px !important;
     padding: 5% 20px !important;
 }

 .services-head .content {
     position: absolute;
     left: 50%;
     top: 35%;
     transform: translate(-50%, -35%);
 }

 .services-head .content h1 {
     font-weight: 300;
     line-height: 42px;
 }



 .services-intro h1 {
     font-weight: 700;
     font-size: 40px;
     padding: 5% 10%;
 }

 .services-intro .item,
 .services-process .item {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background-position: center;
     background-size: cover;
     background-color: white;
     color: var(--primary);
     filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.25));
     position: relative;
 }

 .services-intro .content {
     color: var(--primary);
     font-size: 16px;
 }

 .services-intro .content span,
 .services-process span {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
 }

 .services-description {
     background-color: #FAF3FF;
     padding: 5% 0;
     position: relative;
     top: -120px;
 }

 .services-description .service-images {
     width: 200px;
     height: 200px;
 }

 .services-beneficiaries {
     background-color: #FAF3FF;
     padding: 0 5%;
     position: relative;
     top: -90px;
     height: auto;
 }

 .services-description h2 {
     color: var(--primary);
 }

 .services-description p {
     font-size: 14px;
 }

 .services-description .title {
     font-size: 20px;
     color: #F2994A;
     font-weight: 600;
     padding: 2% 0;
 }

 .services-process p {
     font-size: 14px;
 }

 .services-process .btn-primary {
     width: auto;
 }

 .services-withdraw {
     background-color: #fff;
     padding: 5% 0;
     position: relative;
     top: -135px;
 }

 .services-withdraw p {
     font-size: 14px;
 }

 .services-withdraw .title {
     font-size: 20px;
     color: #F2994A;
     font-weight: 600;
     padding: 2% 0;
 }

 .services-withdraw .service-item {
     width: 100px;
     height: 100px;
 }

 /*** Services End ***/
 /*** About Start ***/
 

 .about-head .content {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -150%);
 }

 .about-head .content h1 {
     font-weight: 300;
     font-size: 40px;
     line-height: 38px;
 }

 .about-head .content p {
     font-size: 16px;
     line-height: 42px;
 }

 .about-intro {
     height: auto;
     background: #fff;
     position: relative;
     top: -90px;
 }

 .about-intro p {
     font-size: 14px;
 }

 .about-intro strong {
     color: var(--primary);
 }

 .about-intro p.about-title {
     color: #F2994A;
 }

 .about-numbers {
     background: #F6E6FD;
     position: relative;
     top: -90px;

 }

 .services-about-numbers {
     background: white;
     position: relative;
     top: -156px;

 }

 .about-numbers .item-1 {
     border: 1px solid #E5E5E5;
     border-radius: 6px 0px 0px 6px;
     padding: 2% 2%;
 }

 .services-about-numbers .item-1 {
     border: 1px solid #E5E5E5;
     border-radius: 6px 0px 0px 6px;
     padding: 2% 2%;
     background: var(--primary);
     color: white;
 }

 .about-numbers .item-2 {
     background: #FFFFFF;
     border: 1px solid #E5E5E5;
     padding: 2% 2%;

 }

 .services-about-numbers .item-2 {
     background: #FFFFFF;
     border: 1px solid #E5E5E5;
     padding: 2% 2%;
     color: var(--secondary);
 }

 .about-numbers .item-3 {
     border: 1px solid #E5E5E5;
     border-radius: 0px 6px 6px 0px;
     padding: 2% 2%;
 }

 .services-about-numbers .item-3 {
     border: 1px solid #E5E5E5;
     border-radius: 0px 6px 6px 0px;
     padding: 2% 2%;
     background: var(--primary);
     color: white;
 }

 .services-about-numbers p {
     font-size: 14px;
 }

 .about-numbers p {
     font-size: 14px;
 }

 .about-testimonies {
     position: relative;
     height: auto;
     top: -50px;
 }

 .about-testimonies p.title {
     color: #F2994A;
     font-size: 14px;
     text-align: center;
 }

 .about-testimonies h1 {
     font-size: 42px;
 }

 .about-testimonies .profile {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background-position: center;
     background-size: cover;
     background-image: url(../images/Ellipse-2.png);
 }

 .about-testimonies .infos {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     margin-left: 15px;
 }

 .about-testimonies .infos .name {
     font-weight: 600;
 }

 .about-testimonies .item-1 {
     border: 1px solid #E5E5E5;
     border-radius: 6px 0px 0px 6px;
 }

 .about-testimonies .item-2 {
     background: #F6E6FD;
     border: 1px solid #E5E5E5;
     border-radius: 0px 0px 6px 6px;
 }

 .about-testimonies .item-3 {
     border: 1px solid #E5E5E5;
     border-radius: 0px 6px 6px 0px;
 }

 .about-partners .item {
     background-color: white;
     width: 15%;
     height: 100px !important;
     border-radius: 14px;
     border-color: #E5E5E5;
     padding: 10px 2px 10px 2px;
     border-width: 1px;
    
 }

 .about-partners {
     position: relative;
     height: auto;
     background: #F6E6FD;
     top: 5px;
 }

 .about-img {
     height: 350px;
     width: auto;
 }

 /*** About End ***/
 /*** Faq Start ***/

 .faq-head {
     background: linear-gradient(180deg, #A802EA 0%, #43015E 100%);
     height: 450px;
     position: relative;
     color: white;
 }

 .faq-head .ellipse-1 {
     position: absolute;
     top: 0;
     right: 0;
 }

 .faq-head .ellipse-1 img {
     height: 450px;
 }

 .faq-intro {
     position: relative;
     top: -365px;
     background: white;
     z-index: 1;
 }

 .faq-intro .custom-background {
     background: #F6E6FD;
     border-radius: 6px;
 }

 .faq-search {
     position: relative;
     z-index: 3;
     height: auto;
     width: auto;
     margin: 0 30%;
     top: -435px;
 }

 .faq-body {
     position: relative;
     z-index: 2;
     height: 400px;
     background: #fff;
     top: -410px;
 }

 .accordion-button {
     background: white !important;
     color: var(--dark) !important;
 }

 .accordion-button::after {
     background-image: url(../images/up.png) !important;
 }

 .accordion-button:not(.collapsed)::after {
     background-image: url(../images/up.png) !important;
 }

 .accordion-body {
     text-align: left !important;
 }

 .faq-intro p {
     font-size: 14px;
 }

 /*** Faq End ***/
 /*** Contact Start ***/

 .contact-head .content {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -121%);

 }

 .contact-head .content h1 {
     font-weight: 300;
     font-size: 38px;
     line-height: 38px;
     text-align: center;
     margin-top: 70px;

 }

 .contact-head .content p {
     font-size: 16px;
     line-height: 42px;
 }

 .contact-map {
     position: relative;
     height: 600px;
     background: #FAF3FF;
     top: -90px;
     width: 100%;
     padding: 30px 40px 20px 40px;
 }

 .contact-agences {
     position: relative;
     height: auto;
    background: linear-gradient(180deg, #A802EA 20%, #43015E 80%);
     /* background: linear-gradient(180deg, #A802EA 0%, #43015E 100%); */
     color: white;
     top: -30px;
     margin-top: -10%;
 }

 .contact-agences .right p {
     margin-bottom: 0;
 }

 .contact-agences .ellipse-2 {
     position: absolute;
     left: 0;
     bottom: -220px;
 }

 .contact-list-transfer .contact-info {
     top: -85px;
 }

 .contact-info {
     position: relative;
     background: white;
     height: auto;
     position: relative;
     top: -310px;
     color: var(--dark);
 }

 .contact-info-join {
     position: relative;
     background: white;
     height: auto;
     position: relative;
     top: -185px;
     color: var(--dark);
 }

 .contact-info-join ul.list-title{
    font-size: 16px;
    font-weight: 500;
 }

 .contact-info-join ul a{
    color: #01F4FA !important;
    text-decoration: underline;
 }


 .contact-agences .right p {
     color: rgba(255, 255, 255, 0.71) !important;
 }

 .contact-info p,
 .contact-info-join p {
     font-size: 12px;
 }

 .contact-info p.title,
 .contact-info-join p.title {
     color: #F2994A !important;
 }

 .contact-info .icon,
 .contact-info-join .icon {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     background-position: center;
     background-size: cover;
     background-color: #F2994A;
     color: white;
     position: relative;
 }

 .contact-info .icon i.bi,
 .contact-info-join .icon i.bi {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-size: large;
 }

 .contact-info span,
 .contact-info-join span {
     font-size: 14px;
 }

 .contact-info .contact-form,
 .contact-info-join .contact-form {
     background: #FFFFFF;
     border: 1px solid #E5E5E5;
     border-radius: 6px;
     padding: 40px 10px;
 }

 .contact-info-join .contact-form-2 {
    background: linear-gradient(100deg, rgba(168,2,234,1) 10%, rgba(67,1,94,1) 95%);;
    border: 1px solid #E5E5E5;
    border-radius: 6px;
    padding: 40px 10px;
    color: white;
    position: relative;
    z-index: 99;
}



 .contact-info .contact-form form,
 .contact-info-join .contact-form form {
     padding: 20px 20px;
 }

 .contact-partners p {
     font-size: 14px;
 }

 .contact-partners i {
     font-size: 20px;
     color: #F2994A;
     padding-left: 10px;
 }

 .contact-customer-service p,
 .contact-customer-service ul {
     font-size: 14px;
     font-weight: 500;
 }

 .contact-customer-service p.hours {
     color: #F2994A;
 }

 .contact-partners {
     position: relative;
     height: auto;
     top: -130px;
 }

 .contact-customer-service {
     /* position: relative;
     height: auto;
     top: -78px; */
     background-color: white;

 }


 /*** Contact End ***/
 /*** Transfer Start ***/



 .transfer-header {
     background: linear-gradient(180deg, #A802EA 0%, #43015E 100%);
     color: white;
     position: relative;
     z-index: 1;
     height: 900px;
 }

 .transfer-header-right {
     position: relative;
 }

 .transfer-header-left {
     bottom: 120px;
 }

 .transfer-header-right .ellipse-1 img {
     height: auto;
 }

 .transfer-header-right .ellipse-2 {
     position: absolute;
     top: 120px;
     right: -20px;
 }

 .transfer-header-right .ellipse-7 {
     position: absolute;
     top: 50%;
     right: 35%;
     transform: translate(10%, 10%);
 }



 .transfer-header-right .ellipse-2 img,
 .transfer-header-right .ellipse-3 img {
     height: 180px;
     width: 180px;
 }

 .transfer-header-right .ellipse-4 img,
 .transfer-header-right .ellipse-6 img {
     height: 12px;
     width: 12px;
 }

 .transfer-header-right .ellipse-5 img {
     height: 16px;
     width: 16px;
 }

 .transfer-header-right .ellipse-3 {
     position: absolute;
     top: 390px;
     right: 280px;
 }

 .transfer-header-right .ellipse-4 {
     position: absolute;
     top: 200px;
     right: 410px;
 }

 .transfer-header-right .ellipse-5 {
     position: absolute;
     top: 370px;
     right: 0px;
 }

 .transfer-header-right .ellipse-6 {
     position: absolute;
     top: 410px;
     right: -10px;
 }

 .transfer-header-right .form-conversion {
     position: absolute;
   
     border-radius: 20px;
     right: 20px;
     top: 145px;
     height: 430px;
     width: 360px;
 }

 .transfer-header-left .text-block h1 {
     font-size: 46px;
     font-weight: bold;
 }

 .transfer-header-left .text-block p {
     font-size: 16px;
     font-weight: 200;
 }

 .transfer-header-left .text-block a {
     margin-right: 2%;
 }

 .transfer-header-left .text-block .logo-playstore img {
     height: 20px;
     width: 20px;
 }

 .transfer-header-left .text-block .logo-appstore img {
     height: 25px;
     width: 22px;
 }

 .transfer-header-left .ellipse-7 {
     position: absolute;
     left: -95px;
     top: 700px;
 }

 .transfer-intro {
     position: relative;
     height: auto;
     background: white;
     z-index: 20;

 }

 .transfer-intro p,
 .transfer-point p {
     font-size: 14px;
 }

 .about-partners p {
     font-size: 14px;
 }

 .transfer-point {
     position: relative;
     height: auto;
     background: white;
     /* top: 20px; */

 }

 .transfer-questions {
     position: relative;
     top: 130px;
     height: auto;
     text-align: center;
 }

 .transfer-header-left {
     position: relative;
     top: -120px;
 }

 .footer .products a:hover,
 .footer .discover a:hover,
 .footer .countries a:hover {
     color: var(--light) !important;
 }

 .transfer-footer .footer {
     background-color: var(--primary);
     color: white;
     position: relative;
     height: auto;
     margin-top: -8%;
     z-index: 18;
 }

 .blog-footer .footer {
     background-color: var(--primary);
     color: white;
     margin-top: -185px;

 }

 .category-footer .footer{
    background-color: var(--primary);
    color: white;
 }

 /*** Transfer End ***/


 /*** Newsletter Start ***/
 .subscription {
     background-color: #FAF3FF;
     z-index: 99;
     position: relative;
     margin-top: -140px;


 }

 .subscription .content {
     border-top: 1px solid var(--dark);
     border-bottom: 1px solid var(--dark);
     padding: 5% 3%;

     margin: 3% 0;
 }

 .subscription .content .btn.btn-outline-info {
     width: 100% !important;
     border-radius: 0 !important;
     border-width: 2px !important;
     font-weight: 700;
 }

 .contact-form textarea:focus,
 .contact-form input:focus,
 .subscription input:focus,
 .contact-form select.form-select:focus {
     background: #fff !important;
     border: 1px solid var(--dark) !important;
     box-shadow: 0 0 0 0.2rem rgba(168, 2, 234, 0.279) !important;
 }

 .subscription input {
     background-color: #fff !important;
     border: 1px solid var(--dark) !important;
 }

 /*** Newsletter End ***/

 /*** Legal Disclaimer Start ***/
 .disclaimer-body {
     position: relative;
     height: auto;
     background: white;
     top: -90px;
     width: 100%;
 }

 /*** Legal Disclaimer End ***/

 /*** Data Protection Start ***/

 .protection-body {
     position: relative;
     height: auto;
     background: white;
     top: -90px;
     width: 100%;
 }

 .home-body-products .contents,  .transfer-body-products .contents{
    height: 500px;
   
 }
 .iyu-app{
    height: 450px;
    width: auto;
    position: absolute;
    right: -90%;
    top: 70px;
 }

 .transfer-body-products .contents .iyu-app{
    top: 30px;
 }

 /*** Data Protection End ***/

 #myModal .iyu-destination {
     width: 100%;
     border: 1px solid var(--primary);
     border-radius: 12px;
     margin: 10px 0px;
 }

 .devise h6::before {
     content: ", ";
 }

 .devise h6:first-child::before {
     content: "";
 }

 .footer .policy a:hover {
     color: #01F4FA !important;
     text-decoration-line: underline;
 }
.iti{
    width: 100% !important;
}
 /* .services-intro .iti input[type=tel] {

     width: 470px;
 }


 .contact-list .iti input[type=tel] {

     width: 380px;
 } */


.main-contents{
    display: block;
}

.main-contents-xs{
    display: none;
}

 .recruitment {
     position: relative;
     top: -215px;
 }

 .services h4 {
     text-align: start;
 }


 /* .contact-map {
     position: relative;
     height: 600px;
     background: white;
     top: -90px;
     width: 100%;
 } */
 /** `sm` applies to x-small devices (portrait phones, less than 576px) **/
 @media only screen and (max-width: 360px) and (-webkit-min-device-pixel-ratio: 3) {
     .form-conversion-top {
         width: auto;
     }

     .form-conversion-bottom {
         width: auto;
     }

     .contents-xs .right .ellipse-2 {
         top: 170px;
     }

     .transfer-body-products .right .ellipse-2 {
         top: 160px;
     }
     .about-head .content h1 {
        font-size: 30px;
        margin-top: -90px !important;
    }

    .main-contents{
        display: none;
    }
    
    .main-contents-xs{
        display: block;
    }
    .home-body-products .contents-xs, .transfer-body-products .contents-xs{
        height: 700px;
        padding-top: 15%;
     }

   

 }

 @media (min-width:365px) and (max-width: 375px) and (-webkit-min-device-pixel-ratio: 2) {

    .about-head .content h1 {
       
       margin-top: -35px !important;
   }

   .main-contents{
    display: none;
    }

.main-contents-xs{
    display: block;
}
.home-body-products .contents-xs, .transfer-body-products .contents-xs{
    height: 700px;
    padding-top: 15%;
 }
 .navbar .navbar-nav .nav-link {
    margin-left: 10px;
   
}


   /* .services-intro .iti input[type=tel] {

    width: 270px !important;

 } */
}

 @media (max-width: 575.98px) {
    .navbar .navbar-nav .nav-link {
        margin-left: 10px;
       
    }
    .main-contents{
        display: none;
    }
    
    .main-contents-xs{
        display: block;
    }
   .home-body-partners .partners-items {
        display: none;
        
     }
 .about-partners .partners-items {
        display: none;
        
     }
    
   .home-body-partners  .partners-items-xs, .about-partners  .partners-items-xs{
        display: flex;
     }
    
     .home-header {
         height: auto;
         position: static;
     }

     .home-header-right .ellipse-1,
     .home-header-left .ellipse-7,
     .home-header-right .ellipse-2,
     .home-header-right .ellipse-3,
     .home-header-right .ellipse-4,
     .home-header-right .ellipse-5,
     .home-header-right .ellipse-6,
     .home-body-services .custom-background,
     .home-header-right .ellipse-7 {
         display: none;
     }

     .nav-space {
         margin-left: 0%;
     }

     .transfer-header {
         height: auto;
         position: static;
     }

     .transfer-header-right .ellipse-1,
     .transfer-header-left .ellipse-7,
     .transfer-header-right .ellipse-2,
     .transfer-header-right .ellipse-3,
     .transfer-header-right .ellipse-4,
     .transfer-header-right .ellipse-5,
     .transfer-header-right .ellipse-6,

     .transfer-header-right .ellipse-7 {
         display: none;
     }

     .home-body-1,
     .home-body-partners,
     .home-body-services,
     .home-body-testimonies,
     .home-body-services .main-content,
     .services .services-item-1,
     .services .services-item-2,
     .services .services-item-3,
     .services .services-item-4,
     .home-body-actualities,
     .home-body-faq,
     .contact-list,
     .contact-list-transfer {
         height: auto;
         position: static;
     }

     .home-header-right {
         position: static;
     }

     .home-header-right .form-conversion {
        position: static;
        margin-bottom: 50%;
        width: auto;
        margin-top: 35%;
     }

     .home-header-left .text-block h1 {
         font-size: 62px;
         padding-top: 10%;
     }

     .transfer-header-right {
         position: static;
     }

     .transfer-header-right .form-conversion {
        position: static;
        margin-bottom: 50%;
        width: auto;
        margin-top: 35%;
     }

     .transfer-header-left .text-block h1 {
         font-size: 40px;
         padding-top: 25%;
     }

     .main-countries {
         display: none;
     }

     .main-countries-sm {
         display: block;
     }

     .main-countries-sm .title-sm {
         color: var(--secondary);
         margin: 5% 0 5% 0;
     }

     .main-countries-sm .list-items .item {
         padding: 3%;
     }

     .main-countries-sm .list-items .item .image {
         width: 28px;
         height: 28px;
         border-radius: 50%;
         background-position: center;
         background-size: cover;
         margin-right: 12px;
     }

     .main-countries-sm .list-items .item .image img {
         width: 100%;
         position: relative;
         height: 100%;
     }

     .main-countries-sm .list-items .item .text {
         font-weight: 400;
     }

     .about .about-img-3 {
         display: none;
     }

     .about .about-img-1 {
         margin-bottom: 3%;
         margin-left: 26%;
     }

     .about .second-bloc {
         margin-top: 5%;
         position: static;
     }

     .home-body-partners .partners-items-xs .item {
        width: 150px !important;
        margin: 15px;
    }

     .services .services-item-1,
     .services .services-item-2,
     .services .services-item-3,
     .services .services-item-4 {
         margin-top: 8%;
         margin-bottom: 4%;
         margin-left: -10%;
     }

     .services .item {

       
         height: 190px;

     }

     .services .item .circle-item{
        display: block;
     }

     .services .service{
        margin-top: 30px !important;
    }

    .services .item {
        padding: 10px;
        margin-top: 6em;

    }
    .services .item .text{
        margin-top: 3em;
    }

     .services .item .circle-item {
         top: -60px;
         right: 92px;
         width: 100px;
         height: 100px;
     }

     .services .item .circle-item img {
         height: 90px;
         width: 90px;
     }

     .home-body-testimonies .ellipse-2 img {
         width: 300px;
         height: auto;
     }

     .home-body-testimonies .ellipse-1 {
         top: 180px;
         z-index: 13;
     }

     .home-body-testimonies .ellipse-2 {
         top: -180px;
         z-index: 14;
         left: 7px;
     }

     .home-body-products,
     .transfer-body-products,
     .about-body {
         position: static;
         height: auto;
         margin-top: 0px;
     }

     .home-body-products .custom-background,
     .transfer-body-products .custom-background,
     .about-body .custom-background {
         display: none;
     }

     .home-body-products .custom-background .contents,
     .transfer-body-products .custom-background .contents,
     .about-body .custom-background .contents {
         position: static;
     }

     .home-body-products .custom-background .contents .left,
     .transfer-body-products .custom-background .contents .left {
         position: static;
     }

     .home-body-products .custom-background .contents .right,
     .transfer-body-products .custom-background .contents .right {
         position: static;
     }

     .home-body-products .contents-xs,
     .transfer-body-products .contents-xs,
     .about-body .contents-xs {
         display: block;
        padding-top: 10%;

     }
     .home-body-products .contents-xs, .transfer-body-products .contents-xs{
        height: 820px;
        padding-top: 10%;
     }

     .right .ellipse-1 {
         position: relative;
         z-index: 1;
         margin-left: 35%;
         top: 15px;

     }

     .right .ellipse-2 {
         position: relative;
         top: 215px;
         z-index: 2;
         margin-left: 42%;
     }

     .transfer-body-products .right .ellipse-2 {
         top: 185px;
     }

     .right .device {
         position: relative;
         z-index: 3;
         top: -200px;
         margin-left: 42%;
     }

     .right .ellipse-1 img {
         width: 150px;
         height: auto;
     }

     .right .ellipse-2 img {
         width: 100px;
         height: auto;
     }

     .right .device img {
         height: auto;
         width: auto;
     }

     .right {
         margin-top: 20%;
     }

     .left {
         margin-top: 0%;
     }

     .services-head .ellipse-1,
     .services-head .ellipse-2 {
         display: none;
     }

     .services-head .content {
         position: absolute;
         left: 50%;
         top: 45%;
         transform: translate(-50%, -50%);
     }

     .services-intro h1 {
         font-weight: 700;
         font-size: 30px;
     }

     .about-numbers,

     .about-head,
     .about-intro,
     .about-testimonies {
         position: static;
     }

     .services-about-numbers {
         top: -120px;
     }



     .services-footer .footer {
         margin-top: -32%;

     }

     .about-head .content h1 {
         font-size: 30px;
         margin-top: -120px;
     }

     .about-numbers .content,
     .services-about-numbers .content {
         padding: 0 10px;
     }

     .about-head .ellipse-1,
     .about-head .ellipse-2 {
         display: none;
     }

     .about-head .content {
         position: absolute;
         left: 50%;
         top: 25%;
         transform: translate(-50%, -50%);
     }

     .about-testimonies .content {
         padding: 0 10px;
     }

     .about-testimonies .item-1 {
         border-radius: 6px 6px 0px 0px;
     }

     .about-testimonies .item-2 {
         border-radius: 0px 0px 0px 0px;
     }

     .about-testimonies .item-3 {
         border-radius: 0px 0px 6px 6px;
     }

     /* .about-partners .item {
         width: 40%;
     } */

     .about-partners {
         position: relative;
         top: 50px;
     }

     .faq-head .ellipse-1 {
         display: none;
     }

     .faq-intro {
         position: relative;
         top: -375px;
         background: white;
         z-index: 1;
     }

     .faq-body {
         position: relative;
         z-index: 2;
         height: 400px;
         background: #fff;
         top: -413px;
     }

     .faq-search {
         margin: 0 18%;
     }

     .contact-head .content h1 {
         font-size: 25px;
         margin-top: -190px;

     }

     .transfer-point {
         position: static;
         height: auto;
     }

     .transfer-header-left {
         position: static;

     }

     .home-footer .footer {

         margin-top: -3px;
     }
     .services {
       
        margin-top: 0em;
    }

     .contact-map {
         height: 350px;
         padding: 0px;
     }

     .contact-agences .ellipse-2,
     .contact-head .ellipse-1,
     .contact-head .ellipse-2 {
         display: none;
     }

     .list-piliers {
         display: none;
     }

     .list-piliers-xs {
         display: block;
     }

     /* .services-intro .iti input[type=tel] {

        width: 257px;

     }

     .contact-list .iti input[type=tel],
     .contact-list-transfer .iti input[type=tel] {

         width: auto;
     } */

     .pos-btn {
         margin-left: 0px;
     }

     .contact-agences {
         top: -30px;
         margin-top: -35%;
     }

     .recruitment {
         top: -260px;
     }

     .blog-footer .footer {

         margin-top: -250px;
     }

     .services-head .content h1 {
         font-size: 25px;
         margin-top: -60px;
     }

     .transfer-footer .footer {

         margin-top: -10%;

     }

     .about-head {
         height: 230px;

     }

     .contact-info-join {

         top: -260px;

     }

     .subscription {

         margin-top: -247px;
     }

     .contact-info {

         top: -85px;

     }

     .contact-footer .footer {
         margin-top: -15%;
     }



 }

 @media (min-width:600px) and (max-width: 669px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .home-header {
        height: auto;
        position: static;
    }

    .home-body-products .contents-xs, .transfer-body-products .contents-xs{
        height: 700px;
        padding-top: 5%;
     }

    .home-header-right .ellipse-1,
    .home-header-left .ellipse-7,
    .home-header-right .ellipse-2,
    .home-header-right .ellipse-3,
    .home-header-right .ellipse-4,
    .home-header-right .ellipse-5,
    .home-header-right .ellipse-6,
    .home-body-services .custom-background,
    .home-header-right .ellipse-7 {
        display: none;
    }

    .nav-space {
        margin-left: 0%;
    }

    .transfer-header {
        height: auto;
        position: static;
    }

    .transfer-header-right .ellipse-1,
    .transfer-header-left .ellipse-7,
    .transfer-header-right .ellipse-2,
    .transfer-header-right .ellipse-3,
    .transfer-header-right .ellipse-4,
    .transfer-header-right .ellipse-5,
    .transfer-header-right .ellipse-6,

    .transfer-header-right .ellipse-7 {
        display: none;
    }

    .home-body-1,
    .home-body-partners,
    .home-body-services,
    .home-body-testimonies,
    .home-body-services .main-content,
    .services .services-item-1,
    .services .services-item-2,
    .services .services-item-3,
    .services .services-item-4,
    .home-body-actualities,
    .home-body-faq,
    .contact-list,
    .contact-list-transfer {
        height: auto;
        position: static;
    }

    .home-header-right {
        position: static;
    }

    .home-header-right .form-conversion {
        position: static;
        margin-bottom: -3%;
        
        width: auto;
    }

    .home-header-left .text-block h1 {
        font-size: 62px;
        padding-top: 10%;
    }

    .transfer-header-right {
        position: static;
    }

    .transfer-header-right .form-conversion {
        /* position: static;
        margin-bottom: 8%;
        height: 330px;
        width: 300px; */
    }

    .transfer-header-left .text-block h1 {
        font-size: 40px;
        padding-top: 15%;
    }

    .main-countries {
        display: none;
    }

    .main-countries-sm {
        display: block;
    }

    .main-countries-sm .title-sm {
        color: var(--secondary);
        margin: 5% 0 5% 0;
    }

    .main-countries-sm .list-items .item {
        padding: 3%;
    }

    .main-countries-sm .list-items .item .image {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background-position: center;
        background-size: cover;
        margin-right: 12px;
    }

    .main-countries-sm .list-items .item .image img {
        width: 100%;
        position: relative;
        height: 100%;
    }

    .main-countries-sm .list-items .item .text {
        font-weight: 400;
    }

    .about .about-img-3 {
        display: none;
    }

    .about .about-img-1 {
        margin-bottom: 3%;
        margin-left: 26%;
    }

    .about .second-bloc {
        margin-top: 5%;
        position: static;
    }

    .home-body-partners .item {

        width: 35%;

    }

    .services .services-item-1,
    .services .services-item-2,
    .services .services-item-3,
    .services .services-item-4 {
        margin-top: 8%;
        margin-bottom: 4%;
        margin-left: -10%;
    }

  

    .services .item {

        width: 295px;
        height: 185px;

    }

    .services .item .circle-item {
        top: -30px;
        right: -25px;
        width: 100px;
        height: 100px;
    }

    .services .item .circle-item img {
        height: 90px;
        width: 90px;
    }

    .home-body-testimonies .ellipse-2 img {
        width: 300px;
        height: auto;
    }

    .home-body-testimonies .ellipse-1 {
        top: 180px;
        z-index: 13;
    }

    .home-body-testimonies .ellipse-2 {
        top: -180px;
        z-index: 14;
        left: 7px;
    }

    .home-body-products,
    .transfer-body-products,
    .about-body {
        position: static;
        height: auto;
        margin-top: 0px;
    }

    .home-body-products .custom-background,
    .transfer-body-products .custom-background,
    .about-body .custom-background {
        display: none;
    }

    .home-body-products .custom-background .contents,
    .transfer-body-products .custom-background .contents,
    .about-body .custom-background .contents {
        position: static;
    }

    .home-body-products .custom-background .contents .left,
    .transfer-body-products .custom-background .contents .left {
        position: static;
    }

    .home-body-products .custom-background .contents .right,
    .transfer-body-products .custom-background .contents .right {
        position: static;
    }

    .home-body-products .contents-xs,
    .transfer-body-products .contents-xs,
    .about-body .contents-xs {
        display: block;
        padding-top: 10%;

    }

    .right .ellipse-1 {
        position: relative;
        z-index: 1;
        margin-left: 25%;
        top: 0px;

    }

    .right .ellipse-2 {
        position: relative;
        top: 125px;
        z-index: 2;
        margin-left: 30%;
    }

    .transfer-body-products .right .ellipse-2 {
        top: 125px;
    }

    .right .device {
        position: relative;
        z-index: 3;
        top: -150px;
        margin-left: 42%;
    }

    .right .ellipse-1 img {
        width: 100px;
        height: auto;
    }

    .right .ellipse-2 img {
        width: 70px;
        height: auto;
    }

    .right .device img {
        height: auto;
        width: auto;
    }

    .right {
        margin-top: -4%;
    }

    .left {
        margin-top: 6%;
    }

    .services-head .ellipse-1,
    .services-head .ellipse-2 {
        display: none;
    }

    .services-head .content {
        position: absolute;
        left: 50%;
        top: 45%;
        transform: translate(-50%, -50%);
    }

    .services-intro h1 {
        font-weight: 700;
        font-size: 30px;
    }

    .about-numbers,

    .about-head,
    .about-intro,
    .about-testimonies {
        position: static;
    }

    .services-about-numbers {
        top: -120px;
    }



    .services-footer .footer {
        margin-top: -20%;

    }

    .about-head .content h1 {
        font-size: 30px;
        margin-top: 110px;
    }

    .about-numbers .content,
    .services-about-numbers .content {
        padding: 0 10px;
    }

    .about-head .ellipse-1,
    .about-head .ellipse-2 {
        display: none;
    }

    .about-head .content {
        position: absolute;
        left: 50%;
        top: 25%;
        transform: translate(-50%, -50%);
    }

    .about-testimonies .content {
        padding: 0 10px;
    }

    .about-testimonies .item-1 {
        border-radius: 6px 6px 0px 0px;
    }

    .about-testimonies .item-2 {
        border-radius: 0px 0px 0px 0px;
    }

    .about-testimonies .item-3 {
        border-radius: 0px 0px 6px 6px;
    }

    /* .about-partners .item {
        width: 40%;
    } */

    .about-partners {
        position: relative;
        top: 50px;
    }

    /* .about-footer .footer {
    
        margin-top: 0%;
    } */

    .faq-head .ellipse-1 {
        display: none;
    }

    .faq-intro {
        position: relative;
        top: -375px;
        background: white;
        z-index: 1;
    }

    .faq-body {
        position: relative;
        z-index: 2;
        height: 400px;
        background: #fff;
        top: -413px;
    }

    .faq-search {
        margin: 0 18%;
    }

    .contact-head .content h1 {
        font-size: 25px;
        margin-top: -190px;

    }

    .transfer-point {
        position: static;
        height: auto;
    }

    .transfer-header-left {
        position: static;

    }

    .home-footer .footer {

        margin-top: -134px;
    }

    .contact-map {
        height: 350px;
        padding: 0px;
    }

    .contact-agences .ellipse-2,
    .contact-head .ellipse-1,
    .contact-head .ellipse-2 {
        display: none;
    }

    .list-piliers {
        display: none;
    }

    .list-piliers-xs {
        display: block;
    }

    /* .services-intro .iti input[type=tel] {

        width: auto;
    }

    .contact-list .iti input[type=tel],
    .contact-list-transfer .iti input[type=tel] {

        width: auto;
    } */

    .pos-btn {
        margin-left: 0px;
    }

    .contact-agences {
        top: -30px;
        margin-top: -35%;
    }

    .recruitment {
        top: -260px;
    }

    .blog-footer .footer {

        margin-top: -250px;
    }

    .services-head .content h1 {
        font-size: 25px;
        margin-top: -60px;
    }

    .transfer-footer .footer {

        margin-top: -20%;

    }

    .about-head {
        height: 230px;

    }

    .contact-info-join {

        top: -260px;

    }

    .subscription {

        margin-top: -247px;
    }

    .contact-info {

        top: -85px;

    }

    .contact-footer .footer {
        margin-top: -15% !important;
    }
    /* .services-intro .iti input[type=tel] {

        width: 260px;
    }

    .contact-list .iti input[type=tel],
    .contact-list-transfer .iti input[type=tel] {

        width: 440px;
    } */


}

 @media (min-width:600px) and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) {
    .main-contents{
        display: none;
    }
    .home-body-products .contents-xs, .transfer-body-products .contents-xs{
        height: 700px;
        padding-top: 5%;
     }
    
    .main-contents-xs{
        display: block;
    }
     .home-header {
         height: auto;

     }

     .home-header-right .ellipse-1 img {
         width: 372px !important;
         height: 900px;
     }

     .transfer-header {
         position: static;
     }

     .main-countries .list-items .item:nth-child(10) {
         display: none !important;
     }

     .main-countries .list-items .item:nth-child(9) {
         display: none !important;
     }

     .main-countries {
         background-color: white;
         margin-left: 3%;
         margin-right: 3%;
     }

     .home-header-right .ellipse-2 img,
     .home-header-right .ellipse-3 img {
         height: 130px;
         width: 130px;
     }

     .home-header-right .ellipse-2 {
         top: 140px;
         right: 10px;
     }

     .home-header-right .ellipse-3 {
        top: 560px;
        right: 250px;
     }

     .home-header-right .ellipse-5 {
         top: 370px;
         right: 10px;
     }

     .home-header-right .ellipse-6 {
         top: 410px;
         right: 5px;
     }


     .home-body-1 {
         top: -63px;
     }

     .home-body-partners {
         margin-top: 7%;
     }

     .home-header-left .ellipse-7 {
         top: 750px;
     }

     .home-header-left .text-block h1 {
         font-size: 46px;
         font-weight: bold;
     }

     .home-header-left .text-block p {
         font-size: 12px;
     }


     .transfer-header-left .text-block h1 {
         font-size: 46px;
         font-weight: bold;
     }

     .transfer-header-left .text-block p {
         font-size: 12px;
     }

     .transfer-header-right .ellipse-1,
     .transfer-header-left .ellipse-7,
     .transfer-header-right .ellipse-2,
     .transfer-header-right .ellipse-3,
     .transfer-header-right .ellipse-4,
     .transfer-header-right .ellipse-5,
     .transfer-header-right .ellipse-6,

     .transfer-header-right .ellipse-7 {
         display: none;
     }

     .transfer-header-right .form-conversion {
         position: static;
     }

     .about .about-img-3 {
         display: none;
     }

     .about .about-img-1 {
         margin-bottom: 3%;
         margin-left: 30%;
     }

     .about .second-bloc {
         position: static;
         top: 50px;
         margin-top: 120%;
         /* position: relative;
         top: 50px; */
     }

     .home-body-services {

         margin-top: 140px;

     }

     .services .services-item-1 {
         position: relative;
         top: 50px;
         left: 35%;
     }

     .services .services-item-2 {
         position: relative;
         top: 85px;
         left: 0%;
     }

     .services .services-item-3 {
         position: relative;
         top: 155px;
         left: 35%;
     }

     .services .services-item-4 {
         position: relative;
         top: -50px;
         left: 0%;
     }

     .home-body-services .main-content {
         height: 1185px;
         top: -800px;
     }

     .home-body-services .ellipse-2 {
         top: 825px;
     }

     .home-body-testimonies {
         top: 800px;
         background-color: white;
     }

     .home-body-testimonies .ellipse-2 {
         top: -180px;
         z-index: 14;
         left: 7px;
     }

     .home-body-products {
         position: relative;
         height: auto;
         /* top: 800px; */
         margin-top: 100px;
     }

     .transfer-body-products {
         position: relative;
         height: auto;
         top: 45px;
     }

     .home-body-products .custom-background,
     .transfer-body-products .custom-background,
     .about-body .custom-background {
         display: none;
     }

     .home-body-products .custom-background .contents,
     .transfer-body-products .custom-background .contents,
     .about-body .custom-background .contents {
         position: static;
     }

     .home-body-products .custom-background .contents .left,
     .transfer-body-products .custom-background .contents .left {
         position: static;
     }

     .home-body-products .custom-background .contents .right,
     .transfer-body-products .custom-background .contents .right {
         position: static;
     }

     .home-body-products .contents-xs,
     .transfer-body-products .contents-xs,
     .about-body .contents-xs {
         display: block;
     }

     .right .ellipse-1 {
         position: relative;
         z-index: 1;

         margin-left: 40%;
     }

     .right .ellipse-2 {
         position: relative;
         top: 245px;
         z-index: 2;

         margin-left: 48%;
     }

     .right .device {
         position: relative;
         z-index: 3;
         top: -270px;
         right: -20px;
     }

     .right .ellipse-1 img {
         width: 180px;
         height: auto;
     }

     .right .ellipse-2 img {
         width: 100px;
         height: auto;
     }

     .right .device img {
         height: 500px;
         width: auto;
     }

     .right {
         margin-top: 20%;
     }

     .left {
         margin-top: 30%;
     }

     .home-body-actualities {

         top: 798px;

     }

     .home-body-faq {

         top: 770px;

     }

     .home-footer .footer {
         /* top: 650px; */
     }

     .transfer-header-left {
         position: static;

     }

     .contact-list,
     .contact-list-home {

         margin-top: -400px;

     }

    
.home-body-partners .partners-items-xs .item {
    width: 150px !important;
    margin: 15px;
}

     .list-piliers {
         display: block;
     }

     .list-piliers-xs {
         display: none;
     }


     .list-piliers .pilier-title-2 {
         position: absolute;
         top: 170px;
         right: 75%;

     }

     .list-piliers .pilier-title-3 {
         position: absolute;
         top: 176px;
         left: 75%;
     }

     .list-piliers .pilier-title-4 {
         position: absolute;
         top: 400px;
         right: 68%;

     }

     .list-piliers .pilier-title-5 {
         position: absolute;
         top: 400px;
         left: 66%;
     }

     /* .services-intro .iti input[type=tel] {

         width: 260px;
     }

     .contact-list .iti input[type=tel],
     .contact-list-transfer .iti input[type=tel] {

         width: 190px;
     } */

     .nav-space {
         margin-left: 0%;
     }

     .pos-btn {
         margin-left: 0px;
     }

     .about-body .custom-background .about-contents {
         position: static;
         display: none;
         margin-top: 10px;
     }

     .about-body .custom-background .about-contents .section-about-right {
         position: static;

     }

     .about-body .custom-background .about-contents .section-about-left {
         position: static;
     }

     .section-about-xs {
         position: static;
         margin-top: -133%;
     }

     .about-footer .footer {
         margin-top: 68%;
     }

     .about-body {
         top: 820px;
     }

     .about-head .content {
         transform: translate(-50%, -185%);
     }

     .transfer-intro {

         margin-top: -125px;
     }

     .transfer-footer .footer {

         margin-top: -20%;

     }

     .services-about-numbers {

         top: -107px;
     }

     .home-body-1 .about {
         margin-top: -10%;
     }


     .contact-info {

         top: -66px;

     }

     .contact-footer .footer {
         margin-top: -5%;
     }





 }

 @media (min-width:600px) and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    .main-contents{
        display: none;
    }
    .home-body-products .contents-xs, .transfer-body-products .contents-xs{
        height: 700px;
        padding-top: 5%;
     }
    
    .main-contents-xs{
        display: block;
    }
     .home-header {
         height: auto;

     }

     .home-header-right .ellipse-1 img {
         width: 372px !important;
         height: 900px;
     }

     .transfer-header {
         position: static;
     }

     .main-countries .list-items .item:nth-child(10) {
         display: none !important;
     }

     .main-countries .list-items .item:nth-child(9) {
         display: none !important;
     }

     .main-countries {
         background-color: white;
         margin-left: 3%;
         margin-right: 3%;
     }

     .home-header-right .ellipse-2 img,
     .home-header-right .ellipse-3 img {
         height: 130px;
         width: 130px;
     }

     .home-header-right .ellipse-2 {
         top: 140px;
         right: 10px;
     }

     .home-header-right .ellipse-3 {
         top: 430px;
         right: 300px;
     }

     .home-header-right .ellipse-5 {
         top: 370px;
         right: 10px;
     }

     .home-header-right .ellipse-6 {
         top: 410px;
         right: 5px;
     }


     .home-body-1 {
         top: -63px;
     }

     .home-body-partners {
         margin-top: 7%;
     }

     .home-header-left .ellipse-7 {
         top: 750px;
     }

     .home-header-left .text-block h1 {
         font-size: 46px;
         font-weight: bold;
     }

     .home-header-left .text-block p {
         font-size: 12px;
     }


     .transfer-header-left .text-block h1 {
         font-size: 46px;
         font-weight: bold;
     }

     .transfer-header-left .text-block p {
         font-size: 12px;
     }

     .transfer-header-right .ellipse-1,
     .transfer-header-left .ellipse-7,
     .transfer-header-right .ellipse-2,
     .transfer-header-right .ellipse-3,
     .transfer-header-right .ellipse-4,
     .transfer-header-right .ellipse-5,
     .transfer-header-right .ellipse-6,

     .transfer-header-right .ellipse-7 {
         display: none;
     }

     .transfer-header-right .form-conversion {
         position: static;
     }

     .about .about-img-3 {
         display: none;
     }

     .about .about-img-1 {
         margin-bottom: 3%;
         margin-left: 30%;
     }

     .about .second-bloc {
         position: static;
         top: 50px;
         margin-top: 120%;
         /* position: relative;
        top: 50px; */
     }

     .home-body-services {

         margin-top: 140px;

     }

     .services .services-item-1 {
         position: relative;
         top: 50px;
         left: 35%;
     }

     .services .services-item-2 {
         position: relative;
         top: 85px;
         left: 0%;
     }

     .services .services-item-3 {
         position: relative;
         top: 155px;
         left: 35%;
     }

     .services .services-item-4 {
         position: relative;
         top: -50px;
         left: 0%;
     }

   

     .home-body-services .main-content {
         height: 1185px;
         top: -800px;
     }

     .home-body-services .ellipse-2 {
         top: 825px;
     }

     .home-body-testimonies {
         top: 800px;
         background-color: white;
     }

     .home-body-testimonies .ellipse-2 {
         top: -180px;
         z-index: 14;
         left: 7px;
     }

     .home-body-products {
         position: relative;
         height: auto;
         
         margin-top: 115px;
     }

     .transfer-body-products {
         position: relative;
         height: auto;
         top: 45px;
     }

     .home-body-products .custom-background,
     .transfer-body-products .custom-background,
     .about-body .custom-background {
         display: none;
     }

     .home-body-products .custom-background .contents,
     .transfer-body-products .custom-background .contents,
     .about-body .custom-background .contents {
         position: static;
     }

     .home-body-products .custom-background .contents .left,
     .transfer-body-products .custom-background .contents .left {
         position: static;
     }

     .home-body-products .custom-background .contents .right,
     .transfer-body-products .custom-background .contents .right {
         position: static;
     }

     .home-body-products .contents-xs,
     .transfer-body-products .contents-xs,
     .about-body .contents-xs {
         display: block;
     }

     .right .ellipse-1 {
         position: relative;
         z-index: 1;

         margin-left: 40%;
     }

     .right .ellipse-2 {
         position: relative;
         top: 245px;
         z-index: 2;

         margin-left: 48%;
     }

     .right .device {
         position: relative;
         z-index: 3;
         top: -270px;
         right: -20px;
     }

     .right .ellipse-1 img {
         width: 180px;
         height: auto;
     }

     .right .ellipse-2 img {
         width: 100px;
         height: auto;
     }

     .right .device img {
         height: 500px;
         width: auto;
     }

     .right {
         margin-top: 20%;
     }

     .left {
         margin-top: 30%;
     }

     .home-body-actualities {

         top: 798px;

     }

     .home-body-faq {

         top: 770px;

     }

     .home-footer .footer {
         /* top: 650px; */
     }

     .transfer-header-left {
         position: static;

     }

     .contact-list,
     .contact-list-home {

         margin-top: -400px;

     }

     .home-body-partners .item {

         width: 32%;

     }

     .list-piliers {
         display: block;
     }

     .list-piliers-xs {
         display: none;
     }


     .list-piliers .pilier-title-2 {
         position: absolute;
         top: 170px;
         right: 75%;

     }

     .list-piliers .pilier-title-3 {
         position: absolute;
         top: 176px;
         left: 75%;
     }

     .list-piliers .pilier-title-4 {
         position: absolute;
         top: 400px;
         right: 68%;

     }

     .list-piliers .pilier-title-5 {
         position: absolute;
         top: 400px;
         left: 66%;
     }

     /* .services-intro .iti input[type=tel] {

         width: 260px;
     }

     .contact-list .iti input[type=tel],
     .contact-list-transfer .iti input[type=tel] {

         width: 190px;
     } */

     .nav-space {
         margin-left: 0%;
     }

     .pos-btn {
         margin-left: 0px;
     }

     .about-body .custom-background .about-contents {
         position: static;
         display: none;
         margin-top: 10px;
     }

     .about-body .custom-background .about-contents .section-about-right {
         position: static;

     }

     .about-body .custom-background .about-contents .section-about-left {
         position: static;
     }

     .section-about-xs {
         position: static;
         margin-top: -133%;
     }

     .about-footer .footer {
         margin-top: 68%;
     }

     .about-body {
         top: 820px;
     }

     .about-head .content {
         transform: translate(-50%, -185%);
     }

     .transfer-intro {

         margin-top: -125px;
     }

     .transfer-footer .footer {

         margin-top: -20%;

     }

     .services-about-numbers {

         top: -107px;
     }

     .home-body-1 .about {
         margin-top: -10%;
     }


     .contact-info {

         top: -66px;

     }

     .contact-footer .footer {
         margin-top: -5%;
     }





 }

 @media (min-width:768px) and (max-width:1024px) {
    .service {
        width: 49% !important;
        margin-top: 20px;
    }

    .services .item{
        height: 200px;
    }

     .home-body-products {
    
      top: -470px !important;

    }
    .home-body-services .custom-background {
        top: -19px !important;
    }
    .home-footer .footer{
        margin-top: -650px !important;
    }
    .transfer-footer .footer {

        margin-top: -20%;

    }
    .home-body-partners .partners-items,  .about-partners .partners-items {
        display: none;
        
     }
    
   .home-body-partners  .partners-items-xs, .about-partners  .partners-items-xs{
        display: flex;
     }
    

    
 }

@media (min-width:770px) and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 3) {
    .main-contents{
        display: none;
    }
    .home-body-products .contents-xs, .transfer-body-products .contents-xs{
        height: 700px;
        padding-top: 5%;
     }
    
    .main-contents-xs{
        display: block;
    }
   
     .home-header {
         height: auto;
         margin-top: -45px;
     }

     .home-header-right .ellipse-1 img {
         width: 372px !important;
         height: 900px;
     }

     .transfer-header {
         position: static;
     }

     .main-countries .list-items .item:nth-child(10) {
         display: none !important;
     }

     .main-countries .list-items .item:nth-child(9) {
         display: none !important;
     }

     .main-countries {
         background-color: white;
         margin-left: 3%;
         margin-right: 3%;
     }

     .home-header-right .ellipse-2 img,
     .home-header-right .ellipse-3 img {
         height: 130px;
         width: 130px;
     }

     .home-header-right .ellipse-2 {
         top: 140px;
         right: 10px;
     }

     .home-header-right .ellipse-3 {
         top: 430px;
         right: 300px;
     }

     .home-header-right .ellipse-5 {
         top: 370px;
         right: 10px;
     }

     .home-header-right .ellipse-6 {
         top: 410px;
         right: 5px;
     }


     .home-body-1 {
         top: -63px;
     }

     .home-body-partners {
         margin-top: 7%;
     }

     .home-header-left .ellipse-7 {
         top: 695px;
     }

     .home-header-left .text-block h1 {
         font-size: 46px;
         font-weight: bold;
     }

     .home-header-left .text-block p {
         font-size: 12px;
     }


     .transfer-header-left .text-block h1 {
         font-size: 46px;
         font-weight: bold;
     }

     .transfer-header-left .text-block p {
         font-size: 12px;
     }

     .transfer-header-right .ellipse-1,
     .transfer-header-left .ellipse-7,
     .transfer-header-right .ellipse-2,
     .transfer-header-right .ellipse-3,
     .transfer-header-right .ellipse-4,
     .transfer-header-right .ellipse-5,
     .transfer-header-right .ellipse-6,

     .transfer-header-right .ellipse-7 {
         display: none;
     }

     .transfer-header-right .form-conversion {
         position: static;
     }

     .about .about-img-3 {
         display: none;
     }

     .about .about-img-1 {
         margin-bottom: 3%;
         margin-left: 30%;
     }

     .about .second-bloc {
         position: static;
         top: 50px;
         margin-top: 120%;
         
     }

     .home-body-services {

         margin-top: 140px;

     }

     .services .services-item-1 {
         position: relative;
         top: 50px;
         left: 35%;
     }

     .services .services-item-2 {
         position: relative;
         top: 85px;
         left: 0%;
     }

     .services .services-item-3 {
         position: relative;
         top: 155px;
         left: 35%;
     }

     .services .services-item-4 {
         position: relative;
         top: -50px;
         left: 0%;
     }

     .home-body-services .main-content {
         height: 1185px;
         top: -925px;
     }

     .home-body-services .ellipse-2 {
         top: 825px;
     }

     .home-body-testimonies {
         top: 800px;
         background-color: white;
     }

     .home-body-testimonies .ellipse-2 {
         top: -180px;
         z-index: 14;
         left: 7px;
     }

     .home-body-products {
         position: relative;
         height: auto;
         margin-top: 100px;
     }

     .transfer-body-products {
         position: relative;
         height: auto;
         top: 45px;
     }

     .home-body-products .custom-background,
     .transfer-body-products .custom-background,
     .about-body .custom-background {
         display: none;
     }

     .home-body-products .custom-background .contents,
     .transfer-body-products .custom-background .contents,
     .about-body .custom-background .contents {
         position: static;
     }

     .home-body-products .custom-background .contents .left,
     .transfer-body-products .custom-background .contents .left {
         position: static;
     }

     .home-body-products .custom-background .contents .right,
     .transfer-body-products .custom-background .contents .right {
         position: static;
     }

     .home-body-products .contents-xs,
     .transfer-body-products .contents-xs,
     .about-body .contents-xs {
         display: block;
     }

     .right .ellipse-1 {
         position: relative;
         z-index: 1;

         margin-left: 40%;
     }

     .right .ellipse-2 {
         position: relative;
         top: 245px;
         z-index: 2;

         margin-left: 48%;
     }

     .right .device {
         position: relative;
         z-index: 3;
         top: -270px;
         right: -20px;
     }

     .right .ellipse-1 img {
         width: 180px;
         height: auto;
     }

     .right .ellipse-2 img {
         width: 100px;
         height: auto;
     }

     .right .device img {
         height: 500px;
         width: auto;
     }

     .right {
         margin-top: 20%;
     }

     .left {
         margin-top: 30%;
     }

     .home-body-actualities {

         top: 798px;

     }

     .home-body-faq {

         top: 770px;

     }

   

     .transfer-header-left {
         position: static;

     }

     .contact-list,
     .contact-list-home {

         margin-top: -400px;

     }

     .home-body-partners .item {

         width: 32%;

     }

     .list-piliers {
         display: block;
     }

     .list-piliers-xs {
         display: none;
     }


     .list-piliers .pilier-title-2 {
         position: absolute;
         top: 170px;
         right: 75%;

     }

     .list-piliers .pilier-title-3 {
         position: absolute;
         top: 176px;
         left: 75%;
     }

     .list-piliers .pilier-title-4 {
         position: absolute;
         top: 400px;
         right: 68%;

     }

     .list-piliers .pilier-title-5 {
         position: absolute;
         top: 400px;
         left: 66%;
     }

     /* .services-intro .iti input[type=tel] {

         width: 260px;
     }

     .contact-list .iti input[type=tel],
     .contact-list-transfer .iti input[type=tel] {

         width: 190px;
     } */

     .nav-space {
         margin-left: 0%;
     }

     .pos-btn {
         margin-left: 0px;
     }

     .about-body .custom-background .about-contents {
         position: static;
         display: none;
         margin-top: 10px;
     }

     .about-body .custom-background .about-contents .section-about-right {
         position: static;

     }

     .about-body .custom-background .about-contents .section-about-left {
         position: static;
     }

     .section-about-xs {
         position: static;
         margin-top: -133%;
     }

     .about-footer .footer {
         margin-top: 68%;
     }

     .about-body {
         top: 820px;
     }

     .about-head .content {
         transform: translate(-50%, -185%);
     }

     .transfer-intro {

         margin-top: -125px;
     }

     .transfer-footer .footer {

         margin-top: -20%;

     }

     .services-about-numbers {

         top: -107px;
     }

     .home-body-1 .about {
         margin-top: -10%;
     }


     .contact-info {

         top: -66px;

     }

     .contact-footer .footer {
         margin-top: -5%;
     }
 }

 @media (min-width:820px) and (max-width: 900px) {
    .main-contents{
        display: none;
    }
    .home-body-products .contents-xs, .transfer-body-products .contents-xs{
        height: 700px;
        padding-top: 5%;
     }
    
    .main-contents-xs{
        display: block;
    }
   

     .home-header {
         height: auto;
     }

     .home-header-right .ellipse-1 img {
         width: 400px;
         height: 900px;
         margin-left: 37px;

     }

     .transfer-header {
         position: static;
     }

     .main-countries .list-items .item:nth-child(10) {
         display: none !important;
     }

     .main-countries .list-items .item:nth-child(9) {
         display: none !important;
     }

     .main-countries {
         background-color: white;
         margin-left: 3%;
         margin-right: 3%;
     }

     .home-header-right .ellipse-2 img,
     .home-header-right .ellipse-3 img {
         height: 130px;
         width: 130px;
     }

     .home-header-right .ellipse-2 {
         top: 140px;
         right: 10px;
     }

     .home-header-right .ellipse-3 {
         top: 430px;
         right: 300px;
     }

     .home-header-right .ellipse-5 {
         top: 370px;
         right: 10px;
     }

     .home-header-right .ellipse-6 {
         top: 410px;
         right: 5px;
     }

     .home-body-partners .item {

         width: 32%;

     }

     .transfer-header-right .ellipse-1,
     .transfer-header-left .ellipse-7,
     .transfer-header-right .ellipse-2,
     .transfer-header-right .ellipse-3,
     .transfer-header-right .ellipse-4,
     .transfer-header-right .ellipse-5,
     .transfer-header-right .ellipse-6,

     .transfer-header-right .ellipse-7 {
         display: none;
     }

     .transfer-header-right .form-conversion {
         position: static;
     }

     .home-body-1 {
         top: -63px;
     }

     .home-body-partners {
         margin-top: 10%;
     }

     .home-header-left .ellipse-7 {
         top: 630px;
     }

     .home-header-left .text-block h1 {
         font-size: 46px;
         font-weight: bold;
     }

     .home-header-left .text-block p {
         font-size: 12px;
     }


     .transfer-header-left .text-block h1 {
         font-size: 46px;
         font-weight: bold;
     }

     .transfer-header-left .text-block p {
         font-size: 12px;
     }

     .about .about-img-3 {
         display: none;
     }

     .about .about-img-1 {
         margin-bottom: 3%;
         margin-left: 30%;
     }

     .about .second-bloc {
         position: relative;
         top: 50px;
     }

     .home-body-services {
         margin-top: 140px;

     }

     .services .services-item-1 {
         position: relative;
         top: 50px;
         left: 55%;
     }

     .services .services-item-2 {
         position: relative;
         top: 100px;
         left: 0%;
     }

     .services .services-item-3 {
         position: relative;
         top: 155px;
         left: 55%;
     }

     .services .services-item-4 {
         position: relative;
         top: -50px;
         left: 0%;
     }

     .home-body-services .main-content {
         height: 1185px;
         top: -925px;
     }

     .home-body-testimonies {
         top: 773px;
         background-color: white;
     }

     .home-body-services .ellipse-2 {
         top: 845px;
     }

     .home-body-testimonies {
         top: 835px;
         background-color: white;
     }

     .home-body-testimonies .ellipse-2 {
         top: -180px;
         z-index: 14;
         left: 7px;
     }

     .home-body-products,
     .transfer-body-products {
         position: relative;
         height: auto;
         margin-top: 100px;
     }

     .home-body-products .custom-background,
     .transfer-body-products .custom-background,
     .about-body .custom-background {
         display: none;
     }

     .home-body-products .custom-background .contents,
     .transfer-body-products .custom-background .contents,
     .about-body .custom-background .about-contents {
         position: static;
     }

     .home-body-products .custom-background .contents .left,
     .transfer-body-products .custom-background .contents .left {
         position: static;
     }

     .home-body-products .custom-background .contents .right,
     .transfer-body-products .custom-background .contents .right {
         position: static;
     }

     .home-body-products .contents-xs,
     .transfer-body-products .contents-xs,
     .about-body .contents-xs {
         display: block;
     }

     .right .ellipse-1 {
         position: relative;
         z-index: 1;

         margin-left: 40%;
     }

     .right .ellipse-2 {
         position: relative;
         top: 245px;
         z-index: 2;

         margin-left: 48%;
     }

     .right .device {
         position: relative;
         z-index: 3;
         top: -270px;
         right: -20px;
     }

     .right .ellipse-1 img {
         width: 180px;
         height: auto;
     }

     .right .ellipse-2 img {
         width: 100px;
         height: auto;
     }

     .right .device img {
         height: 500px;
         width: auto;
     }

     .right {
         margin-top: 10%;
     }

     .left {
         margin-top: 10%;
     }


     .home-body-actualities {

         top: 800px;

     }

     .home-body-faq {

         top: 798px;

     }

     .contact-home {

         margin-top: -410px;
     }

     .home-footer .footer {
         /* top: 695px; */
     }

     .transfer-header-left {
         position: static;

     }

     .list-piliers {
         display: block;
     }

     .list-piliers-xs {
         display: none;
     }


     .list-piliers .pilier-title-2 {
         position: absolute;
         top: 170px;
         right: 75%;

     }

     .list-piliers .pilier-title-3 {
         position: absolute;
         top: 176px;
         left: 75%;
     }

     .list-piliers .pilier-title-4 {
         position: absolute;
         top: 400px;
         right: 68%;

     }

     .list-piliers .pilier-title-5 {
         position: absolute;
         top: 400px;
         left: 66%;
     }

     /* .services-intro .iti input[type=tel] {

         width: 260px;
     }

     .contact-list .iti input[type=tel],
     .contact-list-transfer .iti input[type=tel] {

         width: auto;
     } */

     .nav-space {
         margin-left: 0%;
     }

     .pos-btn {
         margin-left: 0px;
     }

     .about-head .content {
         transform: translate(-50%, -222%);
     }

     .about .second-bloc {
         position: static;

         margin-top: -34%;

     }

     .about-footer .footer {
         margin-top: 62%;
     }

     .transfer-intro {

         margin-top: -125px;
     }

     .transfer-footer .footer {

         margin-top: -20%;

     }

     .services-about-numbers {

         top: -107px;
     }

     .home-body-1 .about {
         margin-top: -10%;
     }

     .contact-info {

         top: -55px;

     }

     .contact-footer .footer {
         margin-top: -5%;
     }

 }

 @media (min-width:910px) and (max-width: 992px) {
    .main-contents{
        display: none;
    }
    .home-body-products .contents-xs, .transfer-body-products .contents-xs{
        height: 700px;
        padding-top: 5%;
     }
    
    .main-contents-xs{
        display: block;
    }
     .home-header {
         height: 800px;
     }

     .home-header-right .ellipse-1 img {
         width: 445px;
         height: 900px;
     }

     .home-body-partners .item {

         width: 32%;

     }

     .transfer-header {
         height: 800px;
     }

     .transfer-header-right .ellipse-1 img {
         width: 445px;
         height: 900px;
     }

     .transfer-header-right .ellipse-7 img {
         width: 400px;
         height: auto;
     }

     .main-countries .list-items .item:nth-child(10) {
         display: none !important;
     }

     .main-countries .list-items .item:nth-child(9) {
         display: none !important;
     }

     .main-countries {
         background-color: white;
         margin-left: 3%;
         margin-right: 3%;
     }

     .home-header-right .ellipse-2 img,
     .home-header-right .ellipse-3 img {
         height: 130px;
         width: 130px;
     }

     .home-header-right .ellipse-2 {
         top: 140px;
         right: 10px;
     }

     .home-header-right .ellipse-3 {
         top: 430px;
         right: 300px;
     }

     .home-header-right .ellipse-5 {
         top: 370px;
         right: 10px;
     }

     .home-header-right .ellipse-6 {
         top: 410px;
         right: 5px;
     }

     .transfer-header-right .ellipse-2 img,
     .transfer-header-right .ellipse-3 img {
         height: 130px;
         width: 130px;
     }

     .transfer-header-right .ellipse-2 {
         top: 140px;
         right: 10px;
     }

     .transfer-header-right .ellipse-3 {
         top: 430px;
         right: 300px;
     }

     .transfer-header-right .ellipse-5 {
         top: 370px;
         right: 10px;
     }

     .transfer-header-right .ellipse-6 {
         top: 410px;
         right: 5px;
     }

     .home-body-1 {
         top: -63px;
     }

     .home-body-partners {

         margin-top: 10%;
     }

     .home-header-left .ellipse-7 {
         top: 580px;
     }

     .home-header-left .text-block h1 {
         font-size: 46px;
         font-weight: bold;
     }

     .home-header-left .text-block p {
         font-size: 12px;
     }

     .transfer-header-left .ellipse-7 {
         display: none;
     }

     .transfer-header-right .ellipse-7 {
         top: 540px;
     }

     .transfer-header-left .text-block h1 {
         font-size: 46px;
         font-weight: bold;
     }

     .transfer-header-left .text-block p {
         font-size: 12px;
     }

     .about .about-img-3 {
         display: none;
     }

     .about .about-img-1 {
         margin-bottom: 3%;
         margin-left: 30%;
     }

     .about .second-bloc {
         position: relative;
         top: 50px;
     }

     .home-body-services {
         /* top: 550px; */
         margin-top: 51px;
     }

     .services .services-item-1 {
         position: relative;
         top: 50px;
         left: 55%;
     }

     .services .services-item-2 {
         position: relative;
         top: 100px;
         left: 0%;
     }

     .services .services-item-3 {
         position: relative;
         top: 155px;
         left: 55%;
     }

     .services .services-item-4 {
         position: relative;
         top: -50px;
         left: 0%;
     }

     .home-body-services .main-content {
         height: 1190px;
         top: -700px !important;

     }

     .home-body-services .ellipse-2 {
         top: 850px;
     }

     .home-body-testimonies {
         top: 860px;
         background-color: white;
     }

     .home-body-testimonies .ellipse-2 {
         top: -180px;
         z-index: 14;
         left: 7px;
     }

     .home-body-products,
     .transfer-body-products {
         position: relative;
         height: auto;
         /* top: 825px; */
         margin-top: 175px;
     }

     .home-body-products .custom-background,
     .transfer-body-products .custom-background,
     .about-body .custom-background {
         display: none;
     }

     .home-body-products .custom-background .contents,
     .transfer-body-products .custom-background .contents,
     .about-body .custom-background .about-contents {
         position: static;
     }

     .home-body-products .custom-background .contents .left,
     .transfer-body-products .custom-background .contents .left {
         position: static;
     }

     .home-body-products .custom-background .contents .right,
     .transfer-body-products .custom-background .contents .right {
         position: static;
     }

     .home-body-products .contents-xs,
     .transfer-body-products .contents-xs,
     .about-body .contents-xs {
         display: block;
     }

     .right .ellipse-1 {
         position: relative;
         z-index: 1;

         margin-left: 40%;
     }

     .right .ellipse-2 {
         position: relative;
         top: 245px;
         z-index: 2;

         margin-left: 48%;
     }

     .right .device {
         position: relative;
         z-index: 3;
         top: -270px;
         right: 0px;
     }

     .right .ellipse-1 img {
         width: 180px;
         height: auto;
     }

     .right .ellipse-2 img {
         width: 100px;
         height: auto;
     }

     .right .device img {
         height: 500px;
         width: auto;
     }

     .right {
         margin-top: 20%;
     }

     .left {
         margin-top: 30%;
     }

     .home-body-actualities {

         top: 825px;

     }

     .home-body-faq {

         top: 805px;

     }

   

     .contact-home {

         margin-top: -370px;

     }

     .transfer-header-left {
         position: static;

     }

     .list-piliers {
         display: block;
     }

     .list-piliers-xs {
         display: none;
     }

     .list-piliers .pilier-title-2 {
         position: absolute;
         top: 170px;
         right: 75%;

     }

     .list-piliers .pilier-title-3 {
         position: absolute;
         top: 176px;
         left: 75%;
     }

     .list-piliers .pilier-title-4 {
         position: absolute;
         top: 400px;
         right: 68%;

     }

     .list-piliers .pilier-title-5 {
         position: absolute;
         top: 400px;
         left: 66%;
     }

     /* .services-intro .iti input[type=tel] {

         width: 260px;
     }

     .contact-list .iti input[type=tel],
     .contact-list-transfer .iti input[type=tel] {

         width: auto;
     } */

     .nav-space {
         margin-left: 0%;
     }

     .pos-btn {
         margin-left: 0px;
     }

     .about-head .content {
         transform: translate(-50%, -222%);
     }

     .about .second-bloc {
         position: static;
         margin-top: -34%;

     }

     .about-footer .footer {
         margin-top: 57%;
     }

     .transfer-intro {

         margin-top: -125px;
     }

     .transfer-footer .footer {

         margin-top: -20%;

     }

     .services-about-numbers {

         top: -118px;
     }

     .home-body-1 .about {
         margin-top: -10%;
     }

     .contact-info {

         top: -55px;

     }

     .contact-list-transfer {
         margin-top: -100px;
     }

     .contact-footer .footer {
         margin-top: -5%;
     }

 }

 @media (min-width:1000px) and (max-width: 1024px) {
     .home-header {
         height: 800px;
     }

     .home-header-right .ellipse-1 img {
         width: 500px;
         height: 900px;
     }

     .transfer-header {
         height: 800px;
     }

     .transfer-header-right .ellipse-1 img {
         width: 500px;
         height: 900px;
     }

     .transfer-header-right .ellipse-7 img {
         width: 400px;
         height: auto;
     }
     .home-body-partners .partners-items, .home-body-partners .partners-items-xs{
        display: flex;
     }

     .main-countries {
         background-color: white;
         margin-left: 3%;
         margin-right: 3%;
     }

     .home-header-right .ellipse-2 img,
     .home-header-right .ellipse-3 img {
         height: 130px;
         width: 130px;
     }

     .home-header-right .ellipse-2 {
         top: 140px;
         right: 10px;
     }

     .home-header-right .ellipse-3 {
         top: 430px;
         right: 300px;
     }

     .home-header-right .ellipse-5 {
         top: 370px;
         right: 10px;
     }

     .home-header-right .ellipse-6 {
         top: 410px;
         right: 5px;
     }


     .transfer-header-right .ellipse-2 img,
     .transfer-header-right .ellipse-3 img {
         height: 130px;
         width: 130px;
     }

     .transfer-header-right .ellipse-2 {
         top: 140px;
         right: 10px;
     }

     .transfer-header-right .ellipse-3 {
         top: 430px;
         right: 300px;
     }

     .transfer-header-right .ellipse-5 {
         top: 370px;
         right: 10px;
     }

     .transfer-header-right .ellipse-6 {
         top: 410px;
         right: 5px;
     }

     .home-body-1 {
         top: -63px;
     }

     .home-body-partners {

         margin-top: 10%;
     }

     .home-header-left .ellipse-7 {
         top: 580px;
     }

     .home-header-left .text-block h1 {
         font-size: 46px;
         font-weight: bold;
     }

     .home-header-left .text-block p {
         font-size: 12px;
     }

     .transfer-header-left .ellipse-7 {
         display: none;
     }

     .transfer-header-right .ellipse-7 {
         top: 540px;
     }

     .transfer-header-left .text-block h1 {
         font-size: 46px;
         font-weight: bold;
     }

     .transfer-header-left .text-block p {
         font-size: 12px;
     }

     .about .about-img-3 {
         display: none;
     }

     .about .about-img-1 {
         margin-bottom: 3%;
         margin-left: 23%;
     }

     .about .second-bloc {
         position: relative;
         top: -242px;
     }

     .home-body-services {

         margin-top: -360px;

     }

     .services .services-item-1 {
         position: relative;
         top: 50px;
         left: 100%;
     }

     .services .services-item-2 {
         position: relative;
         top: 100px;
         left: 0%;
     }

     .services .services-item-3 {
         position: relative;
         top: 155px;
         left: 100%;
     }

     .services .services-item-4 {
         position: relative;
         top: -50px;
         left: 0%;
     }

     .home-body-services .custom-background {
         top: 395px;
     }

     .home-body-services .main-content {
         height: 1190px;
         top: -305px !important;
     }

     .home-body-services .ellipse-2 {
         top: 850px;
     }

     .home-body-testimonies {
         top: 690px;
         background-color: white;
     }

     .home-body-testimonies .ellipse-2 {
         top: -180px;
         z-index: 14;
         left: 7px;
     }

     .right .ellipse-1 {
         position: relative;
         z-index: 1;
         left: 27px;
         top: -20px;
     }

     .right .ellipse-2 {
         position: relative;
         z-index: 2;
         left: 42px;
         top: 120px;
     }

     .right .device {
         position: relative;
         z-index: 3;
         top: -200px;
         right: 20px;
     }

     .right .ellipse-1 img {
         width: 120px;
         height: auto;
     }

     .right .ellipse-2 img {
         width: 80px;
         height: auto;
     }

     .right .device img {
         height: 300px;
         width: auto;
     }

     .home-body-products .custom-background .contents,
     .transfer-body-products .custom-background .contents {
         top: 50;
     }

     .transfer-header-left {
         position: static;

     }

     .home-body-products {
         top: -130px !important;
     }

     .home-body-actualities {
         top: 650px;
     }

     .home-body-faq {
         top: 645px;
     }

     .contact-list {
         top: 425px;
     }

     .home-footer .footer {
         margin-top: -240px !important;
     }

     .nav-space {
         margin-left: 4%;
     }

     .pos-btn {
         margin-left: 70px;
     }

     .transfer-footer .footer {

         margin-top: -15%;

     }

     .transfer-body-products {

         top: -14px;
     }

     .contact-info {

         top: -300px;

     }

     .services-footer .footer {

         margin-top: -17%;
     }

     /* .contact-list .iti input[type=tel],
     .contact-list-transfer .iti input[type=tel] {

         width: 298px;
     } */

     .contact-footer .footer {
         margin-top: -10%;
     }
     /* .services-intro .iti input[type=tel] {
        width: 380px;
    } */
 }
 button[type=submit]{
    text-transform: uppercase;
 }
 
.globe-size{
    margin-top: -55px;
}

 @media (min-width:1080px) and (max-width: 1280px) and (orientation: landscape) {


     .contact-info {

         top: -265px;

     }

     .home-footer .footer {
        margin-top: -52%;

    }
     /* .right .ellipse-1{
        top: 7px;
     } */

     .about-body .custom-background .about-contents {
       
        height: 500px;
    }

 
    .main-countries {
        background-color: white;
        border: 0.5px solid #E5E5E5;
        border-radius: 10px;
        position: relative;
        height: 160px;
        margin-left: 7%;
        margin-right: 7%;
        top: -75px;
        display: block;
    }

    .home-header-left .ellipse-7 {
        position: absolute;
        left: 0px;
        top: 540px;
    }

 }

 .services-intro .contact-info {

     top: -62px;


 }

 .services-intro .contact-info .contact-form {

     top: -62px;
     padding: 40px 10px 0px 10px;

 }

 @media (min-width:1290px) and (max-width: 1920px) {
    /* .contact-list .iti input[type=tel],
    .contact-list-transfer .iti input[type=tel] {

        width: 465px;
    } */
    
    .home-footer .footer {
        margin-top: -48%;
    }
    .home-header-right .ellipse-1 img {
        height: auto;
        margin-left: 150px;
    }

 }

 @media(min-width:810px) and (max-width: 1079px) and (-webkit-min-device-pixel-ratio: 2){
    .main-contents{
        display: none;
    }
    .home-body-products .contents-xs{
        height: 700px;
        padding-top: 5%;
     }
    
    .main-contents-xs{
        display: block;
    }
    .about-head .content {
        transform: translate(-50%, -245%);
    }
    
    .home-header {
        height: auto;
        margin-top: -45px;
    }

    .globe-size{
        margin-top: 0px;
    }

          .about-head .career-title {
       
        transform: translate(-50%, -245%) !important;
    }

    /* .home-header-right .ellipse-1 img {
        width: 372px !important;
        height: 900px;
        margin-left: 45px;
    
    } */

    .home-header-right .ellipse-1 {
        display: none;
    
    }

    .transfer-header {
        position: static;
    }

    .main-countries .list-items .item:nth-child(10) {
        display: none !important;
    }

    .main-countries .list-items .item:nth-child(9) {
        display: none !important;
    }

    .main-countries {
        background-color: white;
        margin-left: 3%;
        margin-right: 3%;
    }

    .home-header-right .ellipse-2 img,
    .home-header-right .ellipse-3 img {
        height: 130px;
        width: 130px;
    }

    .home-header-right .ellipse-3 img {
        margin-right: -10px ;
    }

    .home-header-right .ellipse-2 {
        top: 140px;
        right: 10px;
    }

    .home-header-right .ellipse-3 {
        top: 430px;
        right: 300px;
       
    }

    .home-header-right .ellipse-5 {
        top: 370px;
        right: 10px;
    }

    .home-header-right .ellipse-6 {
        top: 410px;
        right: 5px;
    }


    .home-body-1 {
        top: 70px;
    }

    .home-body-partners {
        margin-top: 25%;
    }

    .home-header-left .ellipse-7 {
        top: 730px;
    }

    .home-header-left .text-block h1 {
        font-size: 46px;
        font-weight: bold;
    }

    .home-header-left .text-block p {
        font-size: 12px;
    }


    .transfer-header-left .text-block h1 {
        font-size: 46px;
        font-weight: bold;
    }

    .transfer-header-left .text-block p {
        font-size: 12px;
    }

    .transfer-header-right .ellipse-1,
    .transfer-header-left .ellipse-7,
    .transfer-header-right .ellipse-2,
    .transfer-header-right .ellipse-3,
    .transfer-header-right .ellipse-4,
    .transfer-header-right .ellipse-5,
    .transfer-header-right .ellipse-6,

    .transfer-header-right .ellipse-7 {
        display: none;
    }

    .transfer-header-right .form-conversion {
        position: static;
    }

    .about .about-img-3 {
        display: none;
    }

    .about .about-img-1 {
        margin-bottom: 3%;
        margin-left: 30%;
    }

    .about .second-bloc {
        position: static;
        top: 50px;
        margin-top: 120%;
        
    }

    .home-body-services {

        margin-top: 260 px;

    }

    .services .services-item-1 {
        position: relative;
        top: 50px;
        left: 60%;
    }

    .services .services-item-2 {
        position: relative;
        top: 85px;
        left: 0%;
    }

    .services .services-item-3 {
        position: relative;
        top: 155px;
        left: 60%;
    }

    .services .services-item-4 {
        position: relative;
        top: -50px;
        left: 0%;
    }

    .home-body-services .main-content {
        height: 1185px;
        top: -660px;
    }

    .home-body-services .ellipse-2 {
        top: 825px;
    }

    .home-body-testimonies {
        top: 800px;
        background-color: white;
    }

    .home-body-testimonies .ellipse-2 {
        top: -180px;
        z-index: 14;
        left: 7px;
    }

    .home-body-products {
        position: relative;
        height: auto;
        margin-top: 250px;
    }

    .transfer-body-products {
        position: relative;
        height: auto;
        top: 45px;
    }

    .home-body-products .custom-background,
    .transfer-body-products .custom-background,
    .about-body .custom-background {
        display: none;
    }

    .home-body-products .custom-background .contents,
    .transfer-body-products .custom-background .contents,
    .about-body .custom-background .contents {
        position: static;
    }

    .home-body-products .custom-background .contents .left,
    .transfer-body-products .custom-background .contents .left {
        position: static;
    }

    .home-body-products .custom-background .contents .right,
    .transfer-body-products .custom-background .contents .right {
        position: static;
    }

    .home-body-products .contents-xs,
    .transfer-body-products .contents-xs,
    .about-body .contents-xs {
        display: block;
    }

    .right .ellipse-1 {
        position: relative;
        z-index: 1;

        margin-left: 40%;
        top:-10px;
    }

    .right .ellipse-2 {
        position: relative;
        top: 245px;
        z-index: 2;

        margin-left: 45%;
    }

    .right .device {
        position: relative;
        z-index: 3;
        top: -270px;
        right: -20px;
    }

    .right .ellipse-1 img {
        width: 180px;
        height: auto;
    }

    .right .ellipse-2 img {
        width: 100px;
        height: auto;
     
    }

    .right .device img {
        height: 500px;
        width: auto;
        margin-left: 7px;
    }

    .right {
        margin-top: 20%;
    }

    .left {
        margin-top: 30%;
    }

    .home-body-actualities {

        top: 798px;

    }

    .home-body-faq {

        top: 770px;

    }

  

    .transfer-header-left {
        position: static;

    }

    .contact-list,
    .contact-list-home {

        margin-top: -400px;

    }

   
.home-body-partners .partners-items-xs .item {
    width: 150px !important;
    margin: 15px;
}

    .list-piliers {
        display: block;
    }

    .list-piliers-xs {
        display: none;
    }


    .list-piliers .pilier-title-2 {
        position: absolute;
        top: 170px;
        right: 75%;

    }

    .list-piliers .pilier-title-3 {
        position: absolute;
        top: 176px;
        left: 75%;
    }

    .list-piliers .pilier-title-4 {
        position: absolute;
        top: 400px;
        right: 68%;

    }

    .list-piliers .pilier-title-5 {
        position: absolute;
        top: 400px;
        left: 66%;
    }

    /* .services-intro .iti input[type=tel] {

        width: 260px;
    }

    .contact-list .iti input[type=tel],
    .contact-list-transfer .iti input[type=tel] {

        width: 190px;
    } */

    .nav-space {
        margin-left: 0%;
    }

    .pos-btn {
        margin-left: 0px;
    }

    .about-body .custom-background .about-contents {
        position: static;
        display: none;
        margin-top: 10px;
    }

    .about-body .custom-background .about-contents .section-about-right {
        position: static;

    }

    .about-body .custom-background .about-contents .section-about-left {
        position: static;
    }

    .section-about-xs {
        position: static;
        margin-top: -133%;
    }

    .about-footer .footer {
        margin-top: 68%;
    }

    .about-body {
        top: 820px;
    }



    .transfer-intro {

        margin-top: -125px;
    }

    .transfer-footer .footer {

        margin-top: -20%;

    }

    .services-about-numbers {

        top: -107px;
    }

    .home-body-1 .about {
        margin-top: -6%;
    }


    .contact-info {

        top: -66px;

    }

    .contact-footer .footer {
        margin-top: -5%;
    }

    .services-head .ellipse-2,
 .about-head .ellipse-2 {
     position: absolute;
     left: 0;
     bottom: 10px;
 }
 }




 /* Style the buttons that are used to open and close the accordion panel */
 .accordion-main {
     color: var(--bs-body-color);
     background: var(--bs-body-bg);
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
     border-color: var(--bs-border-color);
     border-width: var(--bs-border-width);
     border-radius: var(--bs-border-radius);

     transition: 0.4s;
 }

 .accordion-iyu {
     background-color: #fff;
     color: #444;
     cursor: pointer;
     padding: 18px;
     width: 100%;
     text-align: left;
     border-color: var(--bs-border-color);
     border-width: var(--bs-border-width);
     border-radius: var(--bs-border-radius);
     outline: none;
     transition: 0.4s;
 }

 /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
 /* .active, .accordion-iyu:hover {
    background-color: #ccc;
  } */




 .accordion-iyu::after {
     background-image: url(../images/up.png) !important;
 }

 .accordion-iyu:not(.collapsed)::after {
     background-image: url(../images/up.png) !important;
 }

 /* .country .form-select{
    font-size: 10px !important;
   
  } */


 /* Style the accordion panel. Note: hidden by default */
 .panel {
     padding: 0 18px;
     background-color: white;
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.2s ease-out;
 }

 .iyu-logo-agent {
     width: 90px;
     height: 90px;
 }
 .iyu-logo-agent-eu {
    width: 60px;
    height: 100%;
}

 .slider {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    /* width: 80%; */
    overflow: hidden;
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(7.4px);
    -webkit-backdrop-filter: blur(7.4px);
    border: 1px solid rgba(255, 255, 255, 0.4);
}



.slider-items {
   
    margin-inline: auto;
   
    height: 100px;
    margin-top: 5rem;
    overflow: hidden;
    
  }



  @keyframes scrollLeft {
    to {
      left: -200px;
    }
  }


  
  .main-countries .list-items .item {
    /* width: 200px;
    height: 100px;
   
    border-radius: 6px; */
    top: 10px;
    position: absolute;
    left: max(calc(150px * 11), 100%);
    animation-name: scrollLeft;
    animation-duration: 50s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
  
  .item1 {
    
    animation-delay: calc(50s / 11 * (11 - 1) * -1);
  }
  
  .item2 {
    animation-delay: calc(50s / 11 * (11 - 2) * -1);
  }
  
  .item3 {
    animation-delay: calc(50s / 11 * (11 - 3) * -1);
  }
  
  .item4 {
    animation-delay: calc(50s / 11 * (11 - 4) * -1);
  }
  
  .item5 {
    animation-delay: calc(50s / 11 * (11 - 5) * -1);
  }
  
  .item6 {
    animation-delay: calc(50s / 11 * (11 - 6) * -1);
  }
  
  .item7 {
    animation-delay: calc(50s / 11 * (11 - 7) * -1);
  }
  
  .item8 {
    animation-delay: calc(50s / 11 * (11 - 8) * -1);
  }
  .item9 {
    animation-delay: calc(50s / 11 * (11 - 9) * -1);
  }
  .item10 {
    animation-delay: calc(50s / 11 * (11 - 10) * -1);
  }
  .item11 {
    animation-delay: calc(50s / 11 * (11 - 11) * -1);
  }
   /*.item12 {
    animation-delay: calc(50s / 12 * (12 - 12) * -1);
  } */


 
.slider-items img {
    /* width: 5%; */
    /* margin: 20px; */

}

.file-upload {
    overflow: hidden;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: center;
    color: var(--primary);
    background: var(--light);
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
    padding: 8px 10px 8px 10px;
    font-weight: 400;
  }
  
  .file-upload:hover {
    background: var(--primary);
    color: #fff;
  }
  
  .file-upload.focus {
    outline: 2px solid yellow;
  }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
  border: none;
  background-color: transparent;
}

input[type=number]:focus{
    border: none;
   
}

.form-conversion select{
    border: 2px solid var(--primary);
    border-radius:36px;
    display:inline-block;
    overflow:hidden;

}

.form-conversion select:focus{
    outline: none;
}

.form-conversion .box{
    border: 1px solid rgba(168, 2, 234, 0.124);

}

.vertical-line {
    border-left: 1.5px solid rgba(168, 2, 234, 0.124);
    height: 52px;
    position: absolute;
    left: 15%;
    margin-left: -3px;
    top: 26%;
  }

  .form-conversion .exchange-rate{
    color: var(--secondary);
    font-weight: 300;
  }

  .form-conversion .exchange-rate-fees{
    color: var(--secondary);
  }
  .form-conversion .fees{
    color: var(--primary);
  }

  .form-conversion .fees-amount{
    color: black;
  }

  .form-conversion .amount-pay{
    color: var(--primary) !important;
    font-weight: 400;
    font-size: 14px;
  }

  .form-conversion .amount-cash{
    color: var(--secondary);
    font-weight: 400;
  }

  .form-conversion .form-label{
    color: var(--primary) !important;
  }

  .img-wrapper {
    display: inline-block;
    max-width: 30px;
  }


  @keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.blinking-text {
    animation: blink 1s infinite;
}

.home-body-partners .coming-soon{
    position: absolute;
    left: 25%;
    top: 5px;
    font-weight: 600;
    font-style: oblique;
    font-size: 14px;
}
.about-partners .coming-soon{
    position: absolute;
    left: 5%;
    top: 5px;
    font-weight: 600;
    font-style: oblique;
    font-size: 14px;
}

 /*** Landing page Start ***/



.landing-footer .footer {
   background-color: var(--primary);
   color: white;
   
}

.landing-item{
    background-color: var(--primary);
    border-radius: 10px;
}

.landing-header h4{
    color: var(--secondary) !important;
}

.form-conversion .dropdown {
    position: relative;
    /* width: 200px; */
  }

  .form-conversion .dropdown select {
    display: none; /* Hide the native dropdown */
  }
  .form-conversion .result{
    opacity: 0;
  }

  .form-conversion .dropdown .dropdown-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 8px;
    cursor: pointer;
    color: #000;
    border: 2px solid var(--primary);
    border-radius:36px;
    display:inline-block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    width: 100%;
  }

  .form-conversion .dropdown .dropdown-btn img {
    width: 20px;
    height: 15px;
    margin-right: 10px;
  }

  .form-conversion .dropdown ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 150px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 250px;
    overflow-y: auto;
    display: none;
    z-index: 1000;
    color: #000;
    font-weight: 400;
   
  }

  .form-conversion .dropdown ul li {
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    font-size: 10px;
  }

  .form-conversion .dropdown ul li:hover {
    background-color: #f0f0f0;
  }

  .form-conversion .dropdown ul li img {
    width: 20px;
    height: 15px;
    margin-right: 10px;
  }

  .form-conversion .dropdown ul li span {
    font-size: 12px;
    font-weight: 400px;
    
  }
  .form-conversion .dropdown-toggle::after{
    margin-left: 1.1em;
  }

  .form-conversion .dropdown.open ul {
    display: block;
  }
  #receiver{
    font-size: 14px;
    font-weight: 600;
    color: var(--secondary);
    margin-top: 15px;
  }

.custom-select {
    position: relative;
    display: inline-block;
}

.select-selected {
    background-color: #f1f1f1;
    padding: 10px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.select-items {
    position: absolute;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    z-index: 99;
    display: none;
}

.select-option {
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.select-option img {
    width: 20px; /* Adjust width as needed */
    height: 20px; /* Adjust height as needed */
    margin-right: 10px; /* Space between image and text */
}

.select-option:hover {
    background-color: #ddd;
}

.landing-item .circle {
    display: flex;
    position: relative;
    background: #efdcfe;
    text-align: center;
    align-items: center;
    justify-content: center;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    align-items: center;
}

.landing-item .btn-secondary{
    width: auto !important;
    text-transform: none !important;
}

.landing-item .btn-secondary:hover{
    width: auto !important;
    text-transform: none !important;
}

.landing-item h5{
    font-weight: 400 !important;
}
.landing-item .stores{
    display: flex;
    flex-direction: row;
    text-align: start;
    align-items: start;
    color: white;
}

.landing-item .circle img{
    height: 70px !important;
    width: 70px !important;
}

.about-top{
    padding-top: 10%;
}



@media (max-width: 575.98px) 
{

    .landing-item .btn-secondary{
        width: 200px !important;
        font-size: 12px !important;
        
    }
    
    .landing-item .btn-secondary:hover{
        width: 200px !important;
        font-size: 12px !important;
       
    }

    .landing-item .stores{
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
       
    }
}

@media (max-width: 768px) 
{

    .landing-item .btn-secondary{
        width: 200px !important;
        font-size: 12px !important;
        
    }
    
    .landing-item .btn-secondary:hover{
        width: 200px !important;
        font-size: 12px !important;
       
    }

    .landing-item .stores{
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
       
    }
    .landing-item .text{
        margin-right: 10px;
    }

   
}
  
 /*** Landing page end ***/


  /* Cookies Popup Start */
  #cookieConsentPopup {
    position: fixed;
    bottom: 5px;
    left: 5px;
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
    padding: 20px 10px 20px 10px;
    z-index: 1000;
    width: 320px;
}

#cookieConsentPopup .description{
    font-weight: 300;
    font-size: 12px;
    display: block;
    color: #000;
}

#cookieConsentPopup .cookies-list{
    display: none;
}

#cookieConsentPopup img{
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

#cookieConsentPopup h2 {
    font-size: 14px;
    margin-bottom: 10px;
    color: #000;
}

#cookieConsentPopup p {
    font-size: 14px;
    color: #757575;
    margin: 5px 0;
}

.cookie-modal .cookie-type {
    display: flex;
    justify-content: space-between;
    align-items: center;
   
}

.cookie-modal .cookie-type label {
    font-size: 14px;
    color: #333;
    flex: 1;
    font-weight: 500;
}

.cookie-modal .toggle-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 20px;
}

.cookie-modal .toggle-switch input {
    opacity: 0;
    position: relative;
    width: 40px;
    background-color: #43015E;
    height: 30px;
    z-index: 10;
}

.cookie-modal .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: 0.4s;
    border-radius: 20px;
}

.cookie-modal .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: 0.4s;
    border-radius: 50%;
}



.cookie-modal .toggle-switch input:checked + .slider {
    background-color: #4CAF50;
}
.cookie-modal .toggle-switch input:focus + .slider {
    box-shadow: 0 0 1px #4CAF50;
}

.cookie-modal .toggle-switch input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}



#cookie-consent .btn-outline-secondary{
    border: 2px solid var(--primary);
     font-weight: 400;
     color: var(--primary) !important;
     border-color: var(--primary) !important;
     font-size: 13px ;
     width: 100% !important;
}

#cookie-consent .btn-outline-secondary:hover{
    background-color: var(--primary) !important;
    color: #fff !important;
    width: 100% !important;
}



.cookie-modal .close-button {
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 24px;
    font-weight: 600;
    color: #000;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
  }
  
 .cookie-modal .close-button:hover {
    color: var(--primary);
  }

 

  .cookie-modal {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 300px;
    background: white;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
  }
  .cookie-modal .cookie-type{
    font-size: 11px;
  }
  
  .cookie-modal.hidden {
    display: none;
  }
  
  .cookie-content {
    text-align: center;
  }
  .cookie-modal h2 {
    font-size: 14px;
    margin-bottom: 10px;
    color: #000;
    text-align: start;
    padding-top: 6px;
}




  .cookie-modal .btn-outline-secondary:hover{
    background-color: var(--primary) !important;
    color: #fff !important;
}

.cookie-modal .btn-primary{
   
     font-size: 13px ;
}

.cookie-modal img{
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

  /* Cookies Popup End */