* {
  margin: 0px;
  padding: 0px;
  }
  @font-face {
  font-family: Poppins;
  src: url(../front_css/fonts/Poppins/Poppins-Regular.ttf);
  }
  @font-face {
  font-family: Inriasans;
  src: url(../front_css/fonts/Inria_Sans/InriaSans-Regular.ttf);
  }
  @font-face {
  font-family: Archivoblack;
  src: url(../front_css/fonts/Archivo_Black/ArchivoBlack-Regular.ttf);
  }
  @font-face {
  font-family: Lato;
  src: url(../front_css/fonts/Lato/Lato-Regular.ttf);
  }
  /* ################ Navbar ################### */
  .website_navbar 
  {
  border-bottom:3px solid #F36F0C;
  }
  .orange-color{
    color: #F36F0C;
  }
  .bg-navbar 
  {
  background: #001A71;
  }
  .topnav li:hover .nav-link
  {
  border-bottom: 2px solid 
  #F36F0C;
  } 
  .navborderbottom
  {
  border-bottom: 2px solid 
  #F36F0C !important;
  }

  .topnav li:hover a 
  {
    color:
    #F36F0C !important;
  }

  .sidebarnav ul li a:hover li a
  {
    color:#F36F0C !important;
  }

  .nav-item .nav-link.active{
    border-bottom: 3px solid #F36F0C !important;
  }
 
  .navbar li a 
  {
  font-size: 18px !important;
  color:#FFFFFF !important;
  font-family: 'Inriasans';
  font-weight: 700;
  line-height: 23px;
  }
  .topnav li a 
  {
  /* border-bottom: 2px solid #001A71; */
  } 
  .btn-trial 
  {
  background: #FD661A;
  border-color:#FD661A;
  font-family: 'Inriasans';
  }
  .btn-contact 
  {
  font-family: 'Inriasans';
  border-color:#57A067;
  background: #001A71;;
  }
  .btn-contact:hover 
  {
  border-color:#FD661A;
  background: white;
  color:#FD661A !important;
  }
  .btn-trial:hover
  {
  border-color:#FD661A;
  background: white;
  color:#FD661A !important;
  }


  .live-shortcode .navbar-nav li a:hover li a 
  {
    background-color: red !important;
    color:yellow !important;
  }
  /* ################ Banner Slider ################## */
  .mbr-slider .carousel-control.carousel-control-prev {
  left: 0;
  margin-left: 2.5rem;
  }
  .mbr-slider .carousel-control.carousel-control-next {
  right: 0;
  margin-right: 2.5rem;
  }
  .mbr-slider .carousel-control {
  top: 50%;
  width: 55px;
  height: 55px;
  margin-top: -1.5rem;
  font-size: 35px;
  transition: all .3s;
  }
  .mbr-slider .carousel-control .mbr-iconfont {
  font-size: 2rem;
  }
  .carousel-control-next-icon,
  .carousel-control-prev-icon {
  height: 1.5rem;
  }
  .carousel-caption {
  position: absolute;
  right: 15%;
  top: 20%;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
  }
  .banner-title {
  font-family: 'Poppins';
  font-size: 62px;
  line-height: 75px;
  font-weight: 600;
  color: 
  #FFFFFF;
  text-align: center;
  margin-bottom: 10px;
  padding-right: 120px;
  padding-left: 120px;
  }
  .banner-subtitle {
  font-family: 'Poppins';
  font-weight: 500;
  font-size: 21px;
  line-height: 33px;
  text-align: center;
  }
  #myCarousel .carousel-item {
  position: relative;
  }
  .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 17, 70, 0.4); /* Black with 20% opacity */
  pointer-events: none; /* Allow interaction with the underlying content */
  }
  .btn-touch
  {
  background: 
  #F36F0C;
  color:white;
  font-family: 'Inriasans';
  border-radius: 50px;
  }
  .btn-touch:hover 
  {
  background: 
  #001A71;
  color:white;
  }
  /* ################ Services ################### */
  /*--------------------------------------------------------------
  # Services Section
  --------------------------------------------------------------*/
  .services .service-item {
  padding-left:30px;
  padding-right:30px;
  padding-top:10px;
  padding-bottom: 10px;
  background: #fff;
  height: 160px;
  }

 
  .service-head
  {
  font-weight: 400;
  color:
  #001A71;
  line-height: 48px;
  font-size:45px;
  font-family: 'Archivoblack';
  }
  .service-headtext
  {
  font-family: 'Poppins';
  font-weight: 500;
  font-size:23px;
  line-height: 31px;
  color:#6F6C6C;
  }

  .btn-plans.active-plan {
    box-shadow: 0px 0px 10px 0px #412180;
    background-color: #FD661A;
  }

  .btn-plans.btn-dark {
    border-radius: 5px !important;
  }

  .bg-white 
  {
  background: 
  #FFFFFF;
  }
  .servicesection-bg 
  {
  background: #E8ECF7;
  }
  .service-item
  {
  border-radius: 10px;
  }
  .services .service-item .icon {
  width: 48px;
  height: 48px;
  position: relative;
  margin-bottom: 50px;
  }
  .services .service-item .icon img {
  color:
  #F36F0C;
  font-size: 40px;
  transition: ease-in-out 0.3s;
  z-index: 2;
  position: relative;
  line-height: 1.8;
  }
  .services .service-item .icon:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: #F3E5DB;
    border-radius: 50px;
    z-index: 1;
    top: 0px;
    right: 10px;
    transition: 0.3s;
}
.services .service-item {
  position: relative;
  overflow: hidden; /* Add this line */
}

.services .service-item .icon:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
background: #F3E5DB;
border-radius: 50px;
z-index: 1;
top: 106px;
overflow: hidden;
left: 215px;
transition: 0.3s;
}




  
  .services .service-item h5 {
  color: 
  #393B3D;
  font-weight: 700;
  margin: 0 0 20px 0;
  padding-bottom: 8px;
  font-size: 16px;
  position: relative;
  display: inline-block;
  border-bottom: 2px solid #ebebed;
  transition: 0.3s;
  font-family: 'Poppins';
  width:76px;
  }
  .services .service-item p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
  }
  .services .service-item .readmore {
  margin-top: 15px;
  display: inline-block;
  color: red;
  }
  .services .service-item:hover .icon:before {
  background: 
  #F3E5DB;
  }
  .services .service-item:hover h5 {
  border-color: #F36F0C;
  }
  /* ################ About Us ################### */
  .about-head 
  {
  font-family: 'Archivoblack';
  color: #001A71;
  font-weight: 400;
  font-size: 45px;
  line-height: 48px;
  }
  .about-text 
  {
  font-family: 'Poppins';
  font-weight: 500;
  font-size:20px;
  line-height: 30px;
  text-align: justify;
  color:#646464;
  }
  .btn-readmore 
  {
  background: 
  #F36F0C;
  color:white;
  font-family: 'Inriasans';
  border-radius: 10px;
  }
  .btn-readmore:hover 
  {
  background: 
  #001A71;
  color:#F36F0C;
  }

  .aboutvector
  {
    position: absolute;
    left:1000;
    top:100;
  }

  .aboutlist i {
  list-style-type: disc; /* You can use 'circle' or 'square' as well */
  color: #F36F0C; /* Specify the color you desire */
  }
  .aboutlist span 
  {
  font-family: 'Poppins';
  text-align: justify;
  font-size:14px;
  color:
  #595656;
  line-height: 30px;
  font-weight: 500;
  }
  .aboutmapimg img 
  {
      width: 100px;
  }

  .mapcard 
  {
    width:75%;border-radius:10px;margin-top:-80px;margin-left:50px;
  }

  .speaker-shap img.shap2 {
    bottom: 0;
    left: auto;
    top:75%;
    right: 0;
    margin: auto;
    position: 'absolute';
}

.speaker-shap img {
  position: absolute;
  left: 0;
  top: 0;
 z-index: -1;
 
}




.speaker-shap img.shap1 {
  top: 13%;
  left: 0%;
}


  
  /* ################ Brands ################### */

  .bg-brands {
    background-color: rgb(255, 243, 228);
    background-image: url('../assets/brand-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


  .rs-brands.style3 .brands-item {
  padding: 50px 28px 50px 28px;
  background-color: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 0px 50px 11px rgba(95, 138, 236, 0.05);
  position: relative;
  text-align: left;
  border-bottom-left-radius: 21px;
  border-bottom-width:5px;
  }
  .rs-brands.style3 .brands-item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100px; /* Adjust the width as needed */
  height: 5px;
  background-color: #F36F0C;
  border-radius: 21px 21px 0px 0px; /* Half of the height to keep the rounded corners */
  }
  .rs-brands.style3 .brands-item .brands-icon {
  position: relative;
  transition: all .3s ease;
  }
  .rs-brands.style3 .brands-item .brands-icon .image-part .main-img {
  height: 85px;
  width: 100px;
  margin-top: -100px;
  border:1px solid #00000040;
  padding: 10px;
  border-radius: 5px;
  background: white;

  }
  .rs-brands.style3 .brands-item .brands-icon .image-part .hover-img {
    height: 85px;
    width: 100px;
    margin-top: -80px;

  border:1px solid #00000040;
  padding: 10px;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: scale(0);
  transition: all .3s ease;
 
    background-color: 
    #F36F0C;
  }
  
 
  

.clients img {
    opacity: 0.5;
    transition: 0.3s;
    filter: grayscale(100);
}
  .rs-brands.style3 .brands-item .brands-content {
  padding: 33px 0px 0px 0;
  position: relative;
  }
  .rs-brands.style3 .brands-item .brands-content .brands-text .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 13px;
  }
  .rs-brands.style3 .brands-item .brands-content .brands-text .title a {
  color: #001A71;
  font-family: 'Poppins';
  font-weight: 600;
  text-decoration: none;
  line-height: 44px;
  font-size:33px;
  }
  .rs-brandsbrands.style3 .brands-item .brands-content .brands-desc p {
  margin: 0;
  }
  .brands-desc
  {
  font-family: 'Poppins';
  font-weight: 500;
  line-height: 27px;
  font-size:21px;
  color:#373737;
  }
  .rs-brands.style3 .brands-item .brands-content .serial-number {
  position: absolute;
  right: 15px;
  top: -85px;
  font-size: 70px;
  font-weight: 600;
  line-height: 119px;
  color: #02010108;
  margin-bottom: 10px;
  font-family: 'Poppins';
  }
  .rs-brands.style3 .brands-item:hover {
  background-color:orange;
  }
  .rs-brands.style3 .brands-item:hover .brands-icon {
  position: relative;
  transition: all .3s ease;
  }
  .rs-brands.style3 .brands-item:hover .brands-icon .image-part .main-img {
  transform: scale(0);
  }
  .rs-brands.style3 .brands-item:hover .brands-icon .image-part .hover-img {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  }
  .rs-brands.style3 .brands-item:hover .brands-content .serial-number {
  color: #FFFFFF26;
  }
  .rs-brands.style3 .brands-item.brands-item {
  padding: 50px 36px 20px 36px;
  }
  .rs-brands.style3.modify1 .brands-item {
  text-align: center;
  }
  .rs-brands.style3.modify1 .brands-item:hover .brands-icon .image-part .main-img {
  transform: scale(0);
  }
  .rs-brands.style3.modify1 .brands-item:hover .brands-icon .image-part .hover-img {
  visibility: visible;
  opacity: 1;
  }
  .rs-brands.style3.modify1 .brands-item:hover .brands-content {
  padding: 33px 0px 0px 15px;
  position: relative;
  }
  .rs-brands.style3.modify2 .brands-item {
  display: flex;
  margin: 0px -13px 0px 0px;
  padding: 35px 37px 35px!important;
  background-color: #fff;
  box-shadow: 0 0 30px #eee;
  border-radius: 3px 3px 3px 3px;
  }
  .rs-brands.style3.modify2 .brands-item .brands-icon .image-part .main-img {
  max-width: unset;
  }




/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/


.clients  img {
  opacity: 0.5;
  transition: 0.3s;
  filter: grayscale(100);
}

.clients img:hover {
  filter: none;
  opacity: 1;
}

.clients-speaker-shap img.shap2 {
  bottom: 0;
  left: auto;
  top:75%;
  right: 0;
  margin: auto;
  position: 'absolute';
}

.clients-speaker-shapimg {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100px;
}

.clients-speaker-shap img {
  position: absolute;
  left: 0;
  top: -35px;
  max-width: 100px;
}

/*--------------------------------------------------------------
  /* ################ Testimonials ################### */

.bg-testimonial {
  background:  url('../assets/testimonial-bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.mt-130px 
{
  margin-top:20%
}


.image-wrapper img {
position: relative;
  top: 100%;
  right: 67px;
}


.image-wrapper:before {
  content: '';
  position: relative;
  top: 50%;
  right: -10px; /* Adjust the distance from the right edge */

  width: 20px; /* Adjust the width of the circle */
  height: 20px; /* Adjust the height of the circle */
  background-color: orange;
  border: 2px solid orange;
  border-radius: 50%;
  z-index: -1;
}



.box-area {
  padding: 20px;
  background: #fff;
  box-shadow: 0px 0px 4px 0px #00000040;
  border-radius: 12px;
  padding-top: 50px;
  padding-bottom: 50px;
}


.testimonial-img {
  height: 110px;
  width: auto !important;
  border-radius: 100%;
}

.testimonial-heading {
  font-family:'Archivoblack';
  font-weight: 400;
  font-size: 45px;
  line-height: 48px;
  color: 
  #001A71;
}

.hr-bottom {
  border-bottom: 2px solid #D6A839;

}


.testimonial-title {
  font-family: 'Poppins';
  font-weight: 600;
  font-size: 34px;
  line-height: 55px;
  color: #001A71;
}

.testimonial-des {
  font-family: 'Poppins';
  font-weight: 600;
  font-size: 16px;
  color: #696767;
}

.testimonial-content {
  font-family: 'Poppins';
  font-weight: 500;
  font-size: 15px;

  color: #585353;
  line-height: 22px;
  margin-top:-10px;

}

#testimonial_area .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
}

#testimonial_area .owl-prev,
#testimonial_area .owl-next {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  background-color: transparent;

  border-radius: 50%;
  text-align: center;
  position: absolute;
}

#testimonial_area .owl-prev {
  left:0px;
  top: -30px;
  background: 
  #F36F0C;
}

#testimonial_area .owl-next {
  right: 0px;
  top: -30px;
  background: 
  #F36F0C;
}

.testimonialimg-border 
{
  border:3px solid #0A62C6;
}




  /* ################ Footer ################### */
  .footer {
  background: url('../../assets/footerbg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  }

  .copyright a:hover
  {
    text-decoration: underline !important;
    color:#F36F0C !important;
  }

  .bg-abs {
  position: absolute;
  margin-top: -76px;
  background-color: #48110e;
  width: 320px;
  }
  .img-footer {
  height: 130px;
  }
  .faa-foot-fa {
  color: #D6A839;
  }
  .faa-footer-fa {
  height: 32px;
  width: 32px;
  text-align: center;
  line-height: 32px;
  /* font-size: 14px; */
  color: #001A71;
  background-color: white;
  border-radius: 50%;
  }
  .faa-footer-fa:hover {
  color: white;
  background-color: #F36F0C;
  }
  .footer-text-title {
  font-family: 'Poppins';
  font-weight: 500;
  font-size: 18px;
  color: white;
  }
  .footer-text-content {
  font-family: 'Poppins';
  font-weight: 500;
  font-size: 16px;
  color: white;
  }
  .list-styled {
  list-style-type: disc;
  }
  .copyright {
  font-size: 14px;
  color: 
  #FFFFFF;
  font-family: Lato;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  }
  .copyright-link {
  font-size: 14px;
  color: #817B7B;
  font-family: Lato;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  }
  .footer ul li {
  padding-bottom: 22px;
  font-size: 16px;
  color:
  #FFFFFF;
  font-family: 'Poppins';
  font-weight: 500;
  }
 




  .col-lg-3 ul li a {
    color: white; /* Default color */
    transition: color 0.3s ease; /* Transition effect for color change */
}

.col-lg-3 ul li a:hover {
    color: #F36F0C; /* Change color on hover */
}

  .footer .footer_heading {
  font-weight: 600;
  font-size: 25px;
  font-family: 'Poppins';
  line-height: 37px;
  color:white;
  border-bottom: 1px solid #DE660C;

  }
  
  .footer .footer_text {
  color:#FFFFFF;
  font-size: 16px;
  font-family: 'Poppins';
  font-weight: 500;
  line-height: 28px;

  }
  .footer-upicon {
  border: 1px solid white;
  background-color: white;
  color:#001A71;
  border-radius: 10%;
  padding-left: 10px;
  padding-right: 10px;
  }
  .footer-upicon:hover {
  border: 1px solid white;
  background-color:
  #F36F0C;
  color: white;
  border-radius: 10%;
  }

  .bg-icon
  {
    background-color: 
    #F36F0C;
    height:30px;
  }

  .follow-text
  {
    color:
    #FFFFFF;
    font-family: 'Poppins';
    font-weight: 500;
    font-size:16px;
  }

  .fixed-content {
    position: fixed;
    bottom: 20px; /* Adjust this value to position it where you want */
    right: 20px; /* Adjust this value to position it where you want */
    z-index: 1; /* Adjust the z-index as needed */
    padding: 10px;
    border-radius: 5px;
    width: 10px;

}
 

  .fa-brands {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
     line-height: 32px !important;
    text-rendering: auto;
}