body{
    margin: 0;
    padding: 0;
    font-family:  'Roboto', sans-serif;
    scroll-behavior: smooth !important;
}
.logo{
  width: 100px !important;
}
.btn-info{
    background-color:#F24080 !important;
}
.dropdown:hover .dropdown-menu {
    display: block !important;
    margin-top: 0 !important; 
}
.nav-link{
    color:#412460 !important;
}
.btn-outline-info{
    border: 2px solid rgb(2, 138, 115) !important;
}
.btn-outline-warning{
    border: 2px solid rgb(219, 117, 0) !important;
}
.navbar-nav .dropdown-menu {
   
    border: none !important;
  }
  .main-heading{
    min-width: 0px;
color: rgb(0, 74, 67) !important;
font-family: "Garnett", Helvetica, sans-serif !important;
font-weight: 700 !important;
font-size: 3rem !important;
line-height: 62px !important;
  }
  .text_warning{
    color: rgb(219, 117, 0) !important;
  }
  .text-green{
    color:rgb(2, 138, 115) !important ;
  }
  .btn-outline-info:hover{
    background-color: rgba(219, 117, 0) !important;
    border: 0 !important;
    color: white !important;
  }
  .btn-outline-warning:hover{
    background-color: rgba(2, 138, 115) !important;
    border: 0 !important;
    color: white !important;
  }
  .hero_section{
    background: linear-gradient(rgba(2, 138, 115, 0.705),rgba(2, 138, 115, 0.788)),url('https://png.pngtree.com/thumb_back/fw800/background/20220523/pngtree-abacus-soroban-for-learning-mental-arithmetic-for-kids-image_1383836.jpg');
    width: 100% !important;
    height: auto;
    background-attachment: fixed !important;
    background-size: cover;
  }
  .contact_bg{
    background: linear-gradient( rgba(219, 117, 0, 0.363),rgba(2, 138, 115, 0.5)),url('https://png.pngtree.com/thumb_back/fw800/background/20220523/pngtree-abacus-soroban-for-learning-mental-arithmetic-for-kids-image_1383836.jpg');
    width: 100% !important;
    height: auto;
    background-attachment: fixed !important;
    background-size: cover;
  }
  .hero_section_footer{
    background: linear-gradient( rgba(219, 117, 0, 0.829),rgba(2, 138, 115, 0.925)),url('https://png.pngtree.com/thumb_back/fw800/background/20220523/pngtree-abacus-soroban-for-learning-mental-arithmetic-for-kids-image_1383836.jpg');
    width: 100% !important;
    height: auto;
    background-attachment: fixed !important;
    background-size: cover;
  }
  a{
    text-decoration:  none !important;
    color: #0b4a99 !important;
    font: bold !important;
  }
  .secondary_heading{
    color: #028a73 !important;
  }
  .border-style {
    border: 1px dashed gray;
}
  
.text-vilot {
  color: #41246D !important;
}

.home-banner {
  background-color: #41246D;
  min-height: 720px;
  position: relative;
  z-index: 1;
}

.home-banner .banner-left,
.home-banner .banner-right {
  position: relative;
  z-index: 1;
}

.home-banner .image-overlay {
  background-image: url(assasts/images/educator-img4.png);
  opacity: 0.1;
  background-repeat: no-repeat;
  background-position: top right;
}

.overlay,
.pattern-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.home-banner .banner-content {
  margin-right: 30px;
  padding-top: 32px;
  padding-bottom: 160px;
}

.title-divider {
  position: relative;
  margin-bottom: 20px;
  height: 17px;
}

.title-divider::before {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='4' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpolyline points='0,18 12,6 24,18 '/%3E%3C/svg%3E");
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='4' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpolyline points='0,18 12,6 24,18 '/%3E%3C/svg%3E");
  mask-repeat: repeat;
  mask-size: auto;
  background-repeat: repeat-x;
  content: "";
  width: 100px;
  height: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-mask-size: 22px;
  mask-size: 22px;
  background-color: #F24080;
  background-size: 22px;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
}

.home-banner .banner-content .banner-title h1 {
  color: #ffffff;
}

.home-banner .banner-content .banner-text p {
  color: #f8f8f8;
  margin-bottom: 35px;
}

p {
  line-height: 1.7;
  margin: 0 0 15px;
  margin-bottom: 15px;
  word-wrap: break-word;
}

.button-round-secondary {
  background-color: #F24080;
  color: #ffffff !important;
}

.button-round-primary,
.button-round-secondary,
.button-round-white {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  border: none;
  display: inline-block;
  position: relative;
  -webkit-transition: background-color 0.4s, color 0.4s;
  -moz-transition: background-color 0.4s, color 0.4s;
  -ms-transition: background-color 0.4s, color 0.4s;
  -o-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
}

.button-round-primary,
.button-round-secondary,
.button-round-white {
  font-size: 15px;
  line-height: 1.1;
  padding: 16px 28px;
  font-weight: 700;
  font-family: "Mulish", sans-serif;
  text-transform: uppercase;
}

a {
  color: #0085BA;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.home-banner .banner-left,
.home-banner .banner-right {
  position: relative;
  z-index: 1;
}

figure {
  margin: 0;
}

.bg_violet_ {
  background-color: #41246dd5 !important;
}

.home-banner .image-overlay-oval {
  background-image: url(assasts/images/educator-img2.png);
  opacity: 0.8;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.home-banner .overlay-image {
  background-image: url(assasts/images/educator-img5.png);
  opacity: 0.5;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 13% auto;
}

.overlay,
.pattern-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.sec {
  font-size: 39px;
  font-weight: 900;
  color: #111111;
  font-family: "Mulish", sans-serif;
}

.para {
  font-size: 18px;
  color: #414141;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-style: normal;
}

.button-round-primary {
  background-color: #41246D;
  color: #ffffff !important;
}

.border-style {
  border: 1px dashed gray;
}

.bg-violet {
  background-color: #41246d36 !important;
}

.serv:hover {
  background-color: #41246d21;
  color: white !important;
}

.video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  border: none;

}

video {
  width: 100%;
  height: 60vh;
  object-fit: cover;

}

.text-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #ffffff;
  /* Change the color to match your design */
  font-size: 24px;
  /* Adjust the font size as needed */
}

/* Add responsive styles for smaller screens if needed */
@media screen and (max-width: 768px) {
  .text-overlay {
      font-size: 18px;
  }
}