/* own css */

/*
@font-face {
    font-family: 'Poppins';
    src: url('font/Poppins-Regular.woff') format('woff2'),
         url('font/Poppins-Regular.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}*/

/*----------fonts----------------*/
@font-face {
    font-family: 'poppinsbold';
    src: url('../web-fonts/poppins-bold-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsextrabold';
    src: url('../web-fonts/poppins-extrabold-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinslight';
    src: url('../web-fonts/poppins-light-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsmedium';
    src: url('../web-fonts/poppins-medium-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsregular';
    src: url('../web-fonts/poppins-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
/*----------colors---------------*/
:root
{
   --color-1:#3800BE;
   --color-2:#C600E0;
   --color-wite:#fff;
   --social-icon-bg:#202427;
   --social-icon-bg-hover:#0f1011;
}
/*----------fonts---------------*/
:root
{
  --bs-body-font-family:'poppinsregular';
  --font-family-bold:'poppinsbold';
  --font-family-extra-bold:'poppinsextrabold';
  --font-family-medium-bold:'poppinsmedium';
  --font-family-light:'poppinslight';
}

body,
html {
  height: 100%;
  font-family:var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
}

.container{
  display: flex;
  flex-direction: column;
}

 /* width="586" height="520" */

 .content-image-1{
   width: 30rem;
 }

.feature {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  width: 3rem;
  font-size: 1.5rem;
}

.bg-featured-blog {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 15rem;
}

.logo-container{
  width: 588;
  height: 553.2908935546875;
  gap: 60px;
}

.logo-reco{
  width: 255;
  height: 108;
  gap: 10px;
}

.logo-reco-footers{
  width: 150px;
  height: 88px;
  gap: 10px;
}

.header-button{
  /* white button */
/*width: 250px;
height: 85.29px; */
/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;
}

.phone-image-width{
  width: 31rem;
}

.title-bold{
  font-size: 3rem;
  font-family: var(--font-family-extra-bold);
}

.content-banner{
  order: 1
}

.image-banner{
  order: 2;
}

.hero-container p {
    color: #fff;
}

.hero-containers{
  display: none;
}

.offers{
  text-align: left;
}

.offers h2{
   color: var(--color-1);
   font-size: 2.5rem !important;
   font-family: var(--font-family-extra-bold);
}

.offers h4{
  font-size: .5rm !important;
  font-family: var(--font-family-bold);
}

.offers p, p{
  color: #4D5052;
  font-family: var(--bs-body-font-family);
}

.sec3-container{
   /* width: 60%;*/
    margin: 0 auto;
    padding-left: 1.25rem;
}

.sec3-container h1{
  color: var(--color-1);
  font-size: 2.5rem !important;
  font-weight: 700;
}

.sec3-container p{
  color:#4D5052;
  /*font-size: 0.8rem;*/
  font-weight: lighter;
}

.row-4-img{
  width: 30rem;
}

.sec3-container-1{
  position: relative;
}
/* background: #4D5052; */

.carousel{
  background: var(--color-1)
}

.carousel .container-carousel{
  height: 292px;
  margin: 0 auto 4rem auto;
  position: relative;
}

.carousel .container-carousel .capsule{
  width: 32%;
  height: 292px;
  margin-right: .6rem;
  background: #FFFFFF;
  border-radius: 10px;
  float: left;
}

.capsule-header{
  height: 64px;
}

.capsule-header .profile-image{
  width: 63px;
  height: 63px;
  border-radius: 50%;
}

.pl-2{
  padding:.5rem 0 0 2rem
}

.capsule-header h3{
  color:#333;
  font-weight: bold;
  font-size: 1rem;
}

.capsule-header h3 span{
  color: #4F5665;
  font-weight: 100;
}

.capsule .capsule-para{
  padding-top: .5rem;
}

.section-head-casoul h1{
  color: var(--color-wite);
  font-size: 2rem !important;
  font-weight: 700;
  text-align: center;
}


.section-head-casoul p.p-one{
  font-size: .8rem;
}

.section-head-casoul p{
  color: var(--color-wite);
  text-align: center;
  font-size: 1.3rem;
}

.align-photo{
  text-align: initial;
}

.sec5-container h2{
  color: var(--color-1);
  font-size: 2.5rem !important;
  font-weight: 700;
  text-align: center;
}

.get-strd-img{
  width: 28rem;
}

.sec5-container h3{
  color: var(--color-1);
}

.sec5-container p{
  color: var(--bs-pink);
  font-size: 1.3rem;
}

.sec5-container .pTwo{
  color: #4D5052 !important;

}

.col-center{
  text-align: center;
}

.col-center h3{
  font-size: 2rem;
  font-weight: 700;
}


.google-ply{
  width: 150px;
  height: 50px;
  background-color: #000;
}

/* #3800BE */
footer{
  background-color: var(--color-1);
}

.f-p{
  color:#FFF;
  font-size: 1rem;
}

 /* .social-icon{
 margin-right: 1rem;
}*/

.c-right{
  float: right;
  color: #FFF;
}


@media (max-width: 768px) {
  .image-banner {
     order: 1;
     position: absolute;
     top: 1rem;
     right: 0;
  }
  
  .phone-image-width {
    width: 12rem;
    position: absolute;
    right: 0;
    top: 0rem;
  }

  .logo-reco{
    width: 6rem;
    position: absolute;
    left:1rem;
    top:2rem;
  }

  .phone-container{
    width: 1rem;
  }

  .content-banner {
    order: 2;
  }

  .hero-text{
    font-size: 1rem;
  }

  .bg-dark{
    position: relative;
  }

  .title-bold{
    font-size: 1rem;
    position: relative;
  }

  .hero-container{
    display: none;
  }

  .hero-containers{
     margin-top: 134px;
     margin-left: -3rem;
     display: block;
  }

  .hero-containers h1{
    color: #FFF;
    font-size: 1.9rem;
  }

  .hero-containers .title-bold{
     font-size: 1.9rem;
  }

  .hero-containers p{
    color: #FFF;
  }

  .content-image-1{
    width: 20rem;
  }

  .offers{
    text-align: center;
  }

  .sec3-container{
    width: 100%;
    margin: 0;
    padding-left: 1.25rem;
  }

   /*.row-4-img{
   width: 70%;
    position: absolute;
    left: 37%;
    top: -350px;
   
  } */

  .carousel .container-carousel{
    padding: 0 1.1rem;
    overflow: hidden;
  }


  .carousel .container-carousel .capsule{
    width: 47%;
    padding: .5rem !important;
  }

  .align-photo{
    text-align: center;
    padding: 0;
  }

  .capsule-para p {
    text-align: center;
  }

  .get-strd-img{
    width: 21rem;
  }
  .col-center h3{
    font-size: 1.8rem;
  }
  
}

/*=================17jun2025=========================*/

.btn-banner-get-start
{ border-radius: 25px; font-family: var(--bs-body-font-family); padding: 10px 50px; color: var(--color-1); box-shadow: rgb(56 0 190) 0px 20px 30px -10px; font-weight: 700; }
.btn-banner-get-start:hover{color: var(--color-1);}
.header-banner h1{font-family: var(--font-family-light);}
.header-banner h1 span{font-family: var(--font-family-extra-bold);}
.btn-primary {background: var(--color-1); color: var( --color-wite); border: var(--color-1); }
.btn-primary:hover{background: var(--color-2); color: var( --color-wite); border: var(--color-2);}
.btn-primary.btn-banner-get-start:hover
{box-shadow: rgb(198 0 224) 0px 20px 30px -10px; }
/*===============================================*/
.market-btn { display: inline-block; border-radius: 5px; padding: 0.3125rem 0.875rem; padding-left: 2.8125rem;
    -webkit-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out; transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    border: 1px solid var(--social-icon-bg); background-position: center left 0.75rem; background-color: var(--social-icon-bg); background-size: 1.5rem 1.5rem; background-repeat: no-repeat;  text-decoration: none; 
    text-align: left;}
.market-btn .market-button-title {  display: block; color:var(--color-wite); font-size: 1.125rem;}
.market-btn .market-button-subtitle { display: block; margin-bottom: -0.25rem; color: var(--color-wite); font-size: 0.75rem;}
.market-btn:hover { background-color: var(--social-icon-bg-hover); text-decoration: none;}
.apple-btn { background-image:url('data:image/svg+xml,<svg fill="%23ffffff" height="200px" width="200px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22.773 22.773" xml:space="preserve" stroke="%23ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><g><g><path d="M15.769,0c0.053,0,0.106,0,0.162,0c0.13,1.606-0.483,2.806-1.228,3.675c-0.731,0.863-1.732,1.7-3.351,1.573 c-0.108-1.583,0.506-2.694,1.25-3.561C13.292,0.879,14.557,0.16,15.769,0z"></path><path d="M20.67,16.716c0,0.016,0,0.03,0,0.045c-0.455,1.378-1.104,2.559-1.896,3.655c-0.723,0.995-1.609,2.334-3.191,2.334 c-1.367,0-2.275-0.879-3.676-0.903c-1.482-0.024-2.297,0.735-3.652,0.926c-0.155,0-0.31,0-0.462,0 c-0.995-0.144-1.798-0.932-2.383-1.642c-1.725-2.098-3.058-4.808-3.306-8.276c0-0.34,0-0.679,0-1.019 c0.105-2.482,1.311-4.5,2.914-5.478c0.846-0.52,2.009-0.963,3.304-0.765c0.555,0.086,1.122,0.276,1.619,0.464 c0.471,0.181,1.06,0.502,1.618,0.485c0.378-0.011,0.754-0.208,1.135-0.347c1.116-0.403,2.21-0.865,3.652-0.648 c1.733,0.262,2.963,1.032,3.723,2.22c-1.466,0.933-2.625,2.339-2.427,4.74C17.818,14.688,19.086,15.964,20.67,16.716z"></path></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></g></g></svg>');}
.google-btn { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzVDREFERDsiIHBvaW50cz0iMjkuNTMsMCAyOS41MywyNTEuNTA5IDI5LjUzLDUxMiAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNCREVDQzQ7IiBwb2ludHM9IjM2OS4wNjcsMTgwLjU0NyAyNjIuMTc1LDExOS40NjcgMjkuNTMsMCAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEQzY4QTE7IiBwb2ludHM9IjI5LjUzLDUxMiAyOS41Myw1MTIgMjYyLjE3NSwzODMuNTUxIDM2OS4wNjcsMzIyLjQ3IDI5OS4wMDQsMjUxLjUwOSAiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQ0E5NjsiIGQ9Ik0zNjkuMDY3LDE4MC41NDdsLTcwLjA2Myw3MC45NjFsNzAuMDYzLDcwLjk2MWwxMDguNjg4LTYyLjg3N2M2LjI4OC0zLjU5Myw2LjI4OC0xMS42NzcsMC0xNS4yNyAgTDM2OS4wNjcsMTgwLjU0N3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);}
.market-btn-light {  border-color: rgba(255, 255, 255, 0.14); background-color: rgba(0, 0, 0, 0);}
.market-btn-light .market-button-title { color:var(--color-wite);}
.market-btn-light .market-button-subtitle { color: rgba(255, 255, 255, 0.6);}
.market-btn-light:hover { background-color: rgba(255, 255, 255, 0.06);}
.bold-text{font-family: var(--font-family-medium-bold);}
.light-text{font-family: var(--font-family-light);}
@media (max-width: 600px) {
.sec3-container h1, .section-head-casoul h1
{ font-size: 1.5rem !important;}
.btn-banner-get-start 
{ padding: 10px 35px;}
.market-btn .market-button-title
 {font-size: 0.7rem }
 .market-btn { padding-left: 1.9rem;  background-size: 0.8rem 0.8rem;}
.market-btn .market-button-subtitle { font-size: 0.5rem;}
.social-icon {width: 20px;}
}
@media (max-width: 400px) {
.skip-the-img{height: 400px;}
.skip-the-img img
{width: 250px; max-width: 250px; position: absolute; left: -115px;  top: 45px;}
.social-icon {width: 15px;}

}
/*----------------------------------*/
.max-height-300px
{max-height: 300px;}
.com-soon-heading
{padding:15px 0;}