@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap');

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;

  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

.optionSettingDesktop {
  display: block;
}

.optionSettingMobile {
  display: none;
}

.banner_image {
  background-image: url("../images/banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  background-position: center;
  top: 0;
  padding-top: 30px;


}

.text_decoration {
  text-decoration: none;
}

.navbar-toggler-icon {
  color: #fff !important;
}

.footer_bg {
  background: #FFFFFF;
  box-shadow: 0px -6px 17px rgba(0, 0, 0, 0.1);
}

/* color */

.primary_color {
  color: #3BCE23;
}

.primary_color_I {
  color: #3BCE23 !important;
}

.primary_colorbg {
  background-color: #3BCE23;
}

.secondary_color {
  color: #043058;
}

.secondary_colorbg {
  background-color: #043058;
}

.color_grey {
  color: #777777;
}

.white_color {
  color: #fff;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.gallery {
  background: #EEE;
}

.gallery-cell {
  width: 66%;
  height: 200px;
  margin-right: 10px;
  background: #8C8;
  counter-increment: gallery-cell;
}

/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}

/* carousel */



.button_padding {
  padding: 10px 20px;
  border-radius: 99px;
  stroke: 0px !important;
  transition: 0.3s ease-in-out;

}


.align_items_center {
  align-items: center;
}

.width_170 {
  width: 170px;
}

.width_100p {
  width: 100%;
}

.width_50p {
  width: 50%;
}


.height_100p {
  height: 100%;
}


.uppercase {
  text-transform: uppercase;
}

.margin_10 {
  margin: 10px;
}

.mt_5 {
  margin-top: 5px;
}

.mt_10 {
  margin-top: 10px;
}

.mt_15 {
  margin-top: 15px;
}

.mt_20 {
  margin-top: 20px;
}

.mt_30 {
  margin-top: 30px;
}

.mt_60 {
  margin-top: 60px;
}

.mt_80 {
  margin-top: 80px;
}

.mt_120 {
  margin-top: 120px;
}

.mt_150 {
  margin-top: 150px;
}

.mt_180 {
  margin-top: 180px;
}

.mt_200 {
  margin-top: 200px;
}

.mt_250 {
  margin-top: 250px;
}


.mr_20 {
  margin-right: 20px;
}

.mr_30 {
  margin-right: 30px;
}

.ml_30 {
  margin-left: 30px;
}

.ml_150 {
  margin-left: 150px;
}



.mt_40 {
  margin-top: 40px;
}



.mt_15_i {
  margin-top: 15px !important;
}

.mt_20_i {
  margin-top: 20px !important;
}

.mt_40_i {
  margin-top: 40px !important;
}


.padding_10 {
  padding: 10px;
}

.padding_80_0 {
  padding: 80px 0px;
}

.padding_60_0 {
  padding: 60px 0px;
}
.padding_20_0 {
  padding: 20px 0px;
}



.padding_0_40 {
  padding: 0px 40px;
}



.w300_h350 {
  width: 300px;
  height: 350px;
}

.font_12 {
  font-size: 12px;
}

.font_14 {
  font-size: 14px;
}

.font_16 {
  font-size: 16px;
}

.font_20 {
  font-size: 20px;
}

.font_32 {
  font-size: 32px;
  line-height: 40px;
}

.font_36 {
  font-size: 34px;
  line-height: 48px;
}


.font_r {
  font-weight: 300;
}

.font_sb {
  font-weight: 700;
}


.gap_200 {
  gap: 200px;
}

.gap_40 {
  gap: 40px;
}

.gap_60 {
  gap: 60px;
}



.padding_20 {
  padding: 20px;
}

.padding_30 {
  padding: 30px;
}

.bg_001 {
  background: rgba(4, 48, 88, 0.03);
  border-radius: 10px;
}

.bg_002 {
  background: #FFFFFF;
  box-shadow: 0px 0px 73px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  width: 300px;
  height: auto;
}

.drop_shadow_01 {
  background: #FFFFFF;
  box-shadow: 0px 0px 73px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}


.text_center {
  text-align: center;
}

.line_heigth_30 {
  line-height: 30px;
}

/* bootstrap */

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: box-shadow .15s ease-in-out;
  color: #fff;
}

.nav-active {
  /* color: rgb(255 255 255)  ; */
  width: 15px;
  height: 0px;
  border: 2px solid #3BCE23;
  border-radius: 10px;

}

.nav_link {

  color: rgb(255 255 255) !important;
  text-decoration: none;
position: relative;
transition: transform 0.3s ease-in-out;
}

.nav-item {
  padding: 15px !important;
}


.nav_link {
  padding: 0px 0px 5px 0px !important;
}


.row {
  --bs-gutter-x: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}


.bg_carousel_color {

  background: linear-gradient(to left,
      #F2F5F7 50% 75%,
      rgb(255, 255, 255) 75%);
  width: 100%;
  background-size: cover;
  padding: 60px 0px;
}



.btn-primary-01 {
  width: 50px !important;
  height: 50px !important;
  color: #0a53be;
}


/* carousel slide 2 over-rigth */



/* XL screen start */

@media (min-width: 1200px) {}


/* XL screen end */



/* LG screen start */

@media (min-width: 992px) {



  .mt_150 {
    margin-top: 75px;
  }

  .gap_200 {
    gap: 25px;
  }

  .mt_120 {
    margin-top: 70px;
  }

  .line_heigth_30 {
    line-height: 30px;
  }

  .line_heigth_20 {
    line-height: 30px;
  }

  .lg_img_width_90 {
    width: 90%;
  }

  .lg_ml_30 {
    margin-left: 30px;
  }

  .mt_5 {
    margin-top: 5px;
  }

  .mt_10 {
    margin-top: 10px;
  }

  .mt_15 {
    margin-top: 15px;
  }

  .mt_20 {
    margin-top: 20px;
  }

  .mt_30 {
    margin-top: 30px;
  }

  .mt_60 {
    margin-top: 60px;
  }

  .mt_120 {
    margin-top: 120px;
  }

  .mt_150 {
    margin-top: 150px;
  }

  .mt_180 {
    margin-top: 180px;
  }

  .mt_200 {
    margin-top: 200px;
  }

  .mt_250 {
    margin-top: 250px;
  }

}


/* LG screen end  */



/* MD screen start */


@media (max-width: 767px) and (min-width: 320px) {

  .columnreverse_mob {
    flex-direction: column-reverse;
  }

  .font_36 {
    font-size: 23px;
  }

  .font_32 {
    line-height: 28px;
  }

  .font_36 {
    line-height: 32px;
  }

  .font_20 {
    font-size: 17px;
  }

  .mobviewlap {
    display: block !important;
  }

  .sm_gap_20 {
    gap: 20px;
  }

  .lapviewimg {
    display: none !important;
  }

  .sm_mt_150px {
    margin-top: 150px;
  }

  .mt_80 {
    margin-top: 170px;
  }

  /* .container, .container-sm {
  max-width: 650px !important;
} */

  .sm_mt_30 {
    margin-top: 30px;
  }

  .sm_mt_50 {
    margin-top: 50px;
  }

  .font_32 {
    font-size: 30px;
  }

  .mt_250 {
    margin-top: 100px;
  }

  .sm_mb_80 {
    margin-bottom: 80px;
  }


  .sm_d-flex {
    display: flex;
  }

  .sm_flex_wrap {
    flex-wrap: wrap-reverse;
  }

  .mt_120 {
    margin-top: 60px;
  }

  .mt_20mob {
    padding-top: 20px;
  }

  .banner_image {
    background: #043058;
    background-image: none;
  }

  .pb20_mob {
    padding-bottom: 20px;
  }

  .text_center_Mob {
    text-align: center;
  }

  .justifycenter_mob {
    justify-content: center;
  }

  .w600 {
    width: 100% !important;
  }

  .logosection img {
    padding: 20px 0px;
  }

  .mt_80 {
    margin-top: 60px;
  }

  .heightunset_mob {
    height: unset !important;
  }

  .pb100 {
    padding-bottom: 50px !important;
  }

  .justifyend {
    justify-content: center !important;
  }

  .pb10mob {
    padding-bottom: 10px;
  }

  .line_heigth_30 {
    line-height: 20px;
  }

}


@media (min-width: 768px) and (max-width: 1023px) {


  .font_36 {
    font-size: 23px;
    line-height: 28px;
  }

  .font_32 {
    line-height: 32px;
  }

  .font_20 {
    font-size: 17px;
  }

  .line_heigth_30 {
    line-height: 20px;
  }

  .sm_gap_20 {
    gap: 20px;
  }



  .sm_mt_150px {
    margin-top: 150px;
  }

  .mt_80 {
    margin-top: 170px;
  }

  /* .container, .container-sm {
  max-width: 650px !important;
} */



  .mt_120 {
    margin-top: 60px;
  }

  .mt_20mob {
    padding-top: 20px;
  }

  .pb20_mob {
    padding-bottom: 20px;
  }

  .justifycenter_mob {
    justify-content: center;
  }

  .w600 {
    width: 100% !important;
  }

  .logosection img {
    padding: 20px 0px;
  }

  .mt_80 {
    margin-top: 80px;
  }

  .heightunset_mob {
    height: unset !important;
  }

  .pb100 {
    padding-bottom: 50px !important;
  }

  .pb10mob {
    padding-bottom: 10px;
  }

  .optionSettingDesktop {
    display: none;
  }

  .optionSettingMobile {
    display: block;
  }

}

/* MD screen end  */




@media (min-width: 1024px) and (max-width: 1280px) {
  .pb100 {
    padding-bottom: 140px !important;
  }
}



/* new css */


.border-none {
  border: none;
}

.aligncenter {
  align-items: center;
}

.pl10 {
  padding-left: 10px;
}

.text-decorationnone {
  text-decoration: none;
}






/* latest css */


.mobviewlap {
  display: none;
}

.lapviewimg {
  display: block;
}

.navbar-toggler-icon {
  filter: invert(100%) sepia(0%) saturate(7425%) hue-rotate(42deg) brightness(93%) contrast(118%);
}





/* css */
.DisplayFlex {
  display: flex;
}

.SpaceBetween {
  justify-content: space-between;
}

.JustifyCenter {
  justify-content: center;
}


@media(max-width:767px) {
  .optionSettingDesktop {
    display: none;
  }

  .optionSettingMobile {
    display: block;
  }
}


.whitespace_nowrap {
  white-space: nowrap;
}

.Flex_column {
  flex-direction: column;
}

.w600 {
  width: 600px;
}

.m20auto {
  margin: 20px auto;
}

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

.listnone {
  list-style: none;
}

.justifyend {
  justify-content: flex-end;
}


.features_card {
  width: 300px;
  height: 350px;
  background: rgba(4, 48, 88, 0.03);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  margin: 10px;
}

.features_card p {
  color: #777777;
  font-size: 16px;
  line-height: 24px;
  padding:10px 15px;
}

.features_card h3 {
  color: #043058;
  font-weight: 600;
  font-size: 20px;
  padding-top: 30px;
}

.features_cardimg {
  width: 73px;
}


.expandbusinesscontent {
  padding-left: 20px;
}


.card {
  border: none !important;
  box-shadow: -4px 0px 20px rgba(0, 0, 0, 0.1);
}

.latestworkcards {
  margin-top: 40px;
}

.pt5 {
  padding-top: 5px;
}

.text_right {
  text-align: right;
}

.height400 {
  height: 400px;
}

.logosection img {
  width: 50%;
}

.pb100 {
  padding-bottom: 100px;
}



.owl-item.active.center .features_card {
  background: #FFFFFF !important;
  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%) !important;

}

.owl-item.active.center .features_card h3 {
  color: #3BCE23 !important;
}
.owl-item.active.center .features_card p {
  color: #252525 !important;
}

.features_card {
  margin-bottom: 40px;
}








/*23/2/2023 newcss */


.playbtn {
  border: 1px solid rgb(255, 252, 252);
  box-shadow: 0 0 0 0 10px;
  border-radius: 50%;
  padding: 12px 16px;
  display: inline-block;
  border-radius: 100%;
  animation: pulse 2s infinite;
  background-color: white;
  font-size: 20px;

}

.mic_img {
  width: 20px;
}



@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgb(255, 255, 255, 0.4);
  }

  70% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }

  100% {
    box-shadow: 0 0 0 10px rgb(255, 255, 255, 0);
  }
}


.mr10 {
  margin-right: 10px;
}

.font_42 {
  font-size: 42px;
  line-height: 48px;
}

.border_primary {
  border: 1px solid #3BCE23;
}

.nav_primarybtn:hover {
  background: none;
  border: #fff 1px solid;
  transition: 0.3s ease-in-out;
}

.nav_whitebtn:hover {
  background: none;
  border: #3BCE23 1px solid;
  transition: 0.3s ease-in-out;
  color: #3BCE23;
}

.border_white {
  border: 1px solid #fff;

}

.nav_link.active:after,.footer_link.active:after {
  display: block;
  content: '';
  border-bottom: solid 2px #3BCE23;
  /* transform: scaleX(0); */
  transition: transform 0.3s ease-in-out;
  width: 20px;
  height: 2px;
  position: absolute;
  bottom: -4px;
  border-radius: 20px;

}

.nav_link:hover:after ,.footer_link:hover::after {
  display: block;
  content: '';
  border-bottom: solid 2px #3BCE23;
  /* transform: scaleX(0); */
  transition: transform 0.3s ease-in-out;
  width: 20px;
  height: 2px;
  position: absolute;
  bottom: -4px;
  border-radius: 20px;
}

/* .nav_link.fromleft::after {
  transform-origin: 0 50%;
} */

.boostbtn{
  margin-top: 60px;
  padding: 15px 40px;
  border: 1px solid #3BCE23;
  background: #3BCE23;
  color: #fff;
  font-size: 18px;
  border-radius: 30px;
  transition: 0.3s ease-in-out;
}

.boostbtn:hover{
  background: none;
  border:1px solid #3BCE23;
  color: #3BCE23;
  transition: 0.3s ease-in-out;
}

.footer_socialmedia img:hover{
  filter: invert(12%) sepia(26%) saturate(5148%) hue-rotate(192deg) brightness(208%) contrast(500%);

}
.footer_link{
  text-decoration: none;
  position: relative;
  transition: transform 0.3s ease-in-out;
}
.navbar-brand img{ width: 100px;}