* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body {
  min-height: 100%;
  color: #444444 !important;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
  font-size: 18px;
}
main{
  margin-top: 120px;
}
.fsmall { font-size: 14px !important; }
/* .f11 { font-size: 11px !important; }
.f12 { font-size: 11px !important; }
.f13 { font-size: 13px !important; }
.f15 { font-size: 15px; }
.f14 { font-size: 14px !important; }
.f18 { font-size: 18px; }
.f17 { font-size: 17px; }
.f20 { font-size: 20px; }
.f36 { font-size: 36px; }
.f35 { font-size: 35px; }
.f37 { font-size: 37px !important; } */

.lh-32 { line-height: 32px !important; }
.lh-59 { line-height: 59px; }
.lh-25 { line-height: 25px; }
.lh-23 { line-height: 23px; }

.fw-100 {font-weight: 100; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600; }

.spacing-small { letter-spacing: normal; }
.spacing-medium { letter-spacing: 0.3em; }

.mt-15 { margin-top: 15% !important;}
.mt-13 { margin-top: 13%; }
.mt-10 { margin-top: 10% !important; }
.mt-50 { margin-top: 50% !important; }
.mt-197{ margin-top: 197px; }
.ms-15 { margin-left: 15% !important; }
.ms-19 { margin-left: 19% !important; }
.ms-12 { margin-left: 12% !important; }
.mb-30 { margin-bottom: 30px !important; }
.ms-105{ margin-left: 105px; }
.me-130{ margin-right: 130px; }
.me-30 { margin-right: 30px !important; }
.me-70 { margin-right: 70px;}

.w-8 { width: 8px; }
.w-25 { width: 25px !important; }
.w-35 { width: 35px; }
.w-36 { width: 36%; }
.w-37 { width: 37px; }
.w-96 { width: 96% !important; }
.mw-950 { max-width: 950px;}

.h-25 { height: 25px !important;}
.h-38 { height: 38px;}
.h-80 { height: 80px;}

.pt-87 { padding-top: 87px; }
.pt-40 { padding-top: 40px; }
.pb-20 { padding-bottom: 20px; }
.p-13-32 { padding: 13px 32px; }
.p-14-23 { padding: 14px 23px; }
.p-13-30 { padding: 13px 30px; }

.ls-4 { letter-spacing: 0.4px; }
.ls-7 { letter-spacing: 0.7px !important; }

.opacity { opacity: 0.5; }
.nav-link { color: #222 !important; }
.box-shadow-btn {  box-shadow: 0 7px 20px -3px #4BB5FF; } 
.box-shadow-card { box-shadow: 0 1px 18px -1px rgba(38, 6, 57, .1); }
.bg { background-color: #ebf4fe !important; }
.bg-white { background-color: white !important; }
.bg-purple {  background-color: #4BB5FF; }
.bg-blue { background-color: #1b2c44; }
.text-black { color: #000 !important; }
.text-grey { color: #383737; }
.border-purple { border-color: #4BB5FF; }
.border-pink { border: 2px solid #4BB5FF !important; }
.btn-outline-purple { border: 1px solid #171619; }
.text-purple { color: #4BB5FF; }

.btn:focus{
  box-shadow: unset !important;
}

.btn-outline-purple:hover {
  background-color: #4BB5FF; 
  color: white; 
}

h1,h2,h3,h4,h5,h6 {
  color: #000;
  font-weight: bold;
}
.play_btn { animation: scale 2s linear infinite !important; }


@keyframes scale {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
}
.card::before {
  content: '';
  position: absolute;
  top: 68px;
  left: 0;
  width: 50px;
  height: 90px;
  background-color: #ffffff;
  border-left: 2px solid #4BB5FF;
  transform: rotate(-140deg);
  transform-origin: top left;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

/* .accordion-button { 
  display: flex;
} */
/* .accordion-button::before {
  content: attr(data-number); 
  color: #4BB5FF;
} */

.accordion-button::after {
  display: none !important; 
} 
.accordion-header {
  justify-content: space-between;
  text-decoration: none;
  cursor: pointer;
}
 .scroll-container {
  max-height: 300px;
  margin-right: 84px;
}
.scroll-container {
  scrollbar-color: #4BB5FF #f0f0f0;
  scrollbar-width: thin;
}
.scroll-container::-webkit-scrollbar {
  width: 8px;
}
.scroll-container::-webkit-scrollbar-thumb {
  background-color: #4BB5FF;
  border-radius: 4px;
}
.scroll-container::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}
.accordion-body {
  background-color: white !important;
  text-align: left;
}
.owl-prev { left: -40px; }

.owl-next {  right: -40px; }



/* .carousel-card { 
  box-shadow: 0 1px 18px -1px rgba(38, 6, 57, .1);
}  */

/* .navbar{
  height: 80px;
  display: flex;
  position: fixed;
  top: 0%;
} */
/* .buy-now{
  padding: 13px 22px;
} */

/* .btn-purple {
  padding: 13px 32px;
  border-color: #6f42c1;
} */

/* .search-container {
  width: 35%;
} */

/* .subtitle {
  margin-left:105px;
  letter-spacing: 0.4px;
}
.hero_section {
  margin-top: 197px;
} */

/* .h1_heading {
  line-height: 59px;
  letter-spacing: 0.7px;
} */
/* .h2_heading {
  margin-bottom: 30px;
  line-height: 50px;
} */
/* .h4_title {
  color: #383737;
} */
/* .main_benefits {
  max-width: 950px;
  padding-top: 87px;
} */
/* .benefits_img {
  width: 37px;
  height: 38px;
} */
/* .description {
  line-height: 25px;
  letter-spacing: 0.4px;
} */
/* .simple_text {
  line-height: 23px;
} */

/* .accordion-button:focus,
.accordion-button:active,
.accordion-button:not(.collapsed) {
  border: none !important; 
  background: transparent !important; 
  box-shadow: none !important;
} */
/* .custom-button {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 70px;
} */



/* .btn-check1 {
  opacity: 0.5;
  border-color: #6f42c1;
  padding: 13px 32px;
} */

/* .footer {
  background-color: #1b2c44;
  padding-top: 40px;
  padding-bottom: 20px;
} */
 /* .img-width{
  width: 96% !important;
} */

  .form-select {
    padding: 12px !important; 
    border-radius: 0px !important;
  }
  .form-select:focus{
    box-shadow: unset !important;
  }
.modal-content {
  border: 0 !important;
  border-radius:1rem;
}
@media (max-width: 767px)
{
body {
  overflow-x: hidden !important;
  font-family: Montserrat, sans-serif;
  color: #444444 !important;
  text-decoration: none;
  }
  h1,h2,h3,h4,h5,h6 {
  color: #000;
  font-weight: bold;
  }
  .hero_section {
    margin-top: 140px;
    max-width: 990px !important;
  }
  .carousel-card {
    width: 100% !important;
  }
  #navbarNav {
    text-align: center;
    background-color: #fff;
  }
  .navbar-brand {
    padding-top: 10px !important; 
    margin-left: -50px !important;
  }
  .button {
    flex-direction: column; 
    align-items: center;
    /* font-size: 10px !important; */
  }
  .btn-learn {
    margin-right: 10px;
    margin-bottom: 30px;
    flex-direction: column;
    /* padding1: 20px 45px !important; */
    /* font-size: 16px !important; */
  }
  /* .btn-transparent {
    margin-top: 10px;
    margin-left: 0;
    font-size: 16px !important;
     padding: 15px 40px !important;
  } */
  .h1_heading {
    /* font-size: 40px !important; */
    font-weight: 900;
    line-height: 59px;
    width: 100%;
    letter-spacing: 0.6px;
    margin-top: 10%;
  }
  .search-container {
    width: 100% !important;
  }
  .subtitle {
    /* font-size: 18px; */
    line-height: 36px;
    letter-spacing: 0.6px;
    text-align: left; 
    margin-left: 15px!important;
  }
  .h2_heading {
    /* font-size: 39px; */
    line-height: 50px;
  }
 .h4_title{
    /* font-size: large; */
 }
 .data_plan{
  width: 100%;
  margin-left: 0px !important;
 }
  .main_benefits {
    margin-top:400px !important;
    padding: 20px !important;
  }
  .description {
    /* font-size: 18px !important; */
    line-height: 30px;
    letter-spacing: 0.4px;
  }
  .simple_text {
    /* font-size: 17px !important; */
    line-height: 26px;
  }
  .benefits-row .col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
  } 
  .card-p{
    /* font-size: 12px */
  }
  /* .accordion-header1 {
    margin-left: 0;
    font-size: 30%;
  }
  .accordion-header {
    margin-left: 0;
  } */
  .fs{
    font-size: 30%;
   }
  .btn-check1 {
    /* font-size: 12px !important;  */
    padding: 15px 27px !important;
  }
  .check_phone{
    width: 60%;
  }
  .mt-6{
    margin-top: 5% !important;
  }
  .ms-45{
    margin-left: 45% !important;
  }
 .ms-29{
    margin-left: 29% !important;
  }
  .fs-6{
    /* font-size: larger !important; */
  }
  .country-operator{
    width: 110% !important;
    margin-left: 0 !important;
  }
}