.e-con-inner {
  background: #fff;
}

.banner_area {
  height: 100vh;
  display: flex;
  align-items: center;
  padding: 0px 70px 50px;
}
.banner_content {
  height: 100%;
  display: flex;
  align-items: center;
}

.banner_content .banner_titles h5 {
  color: #f5e200;
  font-size: 28px;
  font-weight: 600;
  text-transform: uppercase;
}
.banner_content .banner_titles h1 {
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  font-size: 78px;
}

.banner_form form {
  background: #ffffffe0;
  padding: 25px 35px;
  border-radius: 30px;
}
.banner_form form h4 {
  color: #707070;
  font-size: 58px;
  text-transform: uppercase;
  font-weight: 700;
}
.banner_form form .form-control {
  padding: 10px 16px;
  margin: 5px 0px;
  border-radius: 10px;
  border: 1px solid #dddddd;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.banner_form form .form-control::placeholder {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
}
.banner_form form .btn {
  background: #f5e200;
  padding: 10px 35px;
  border-radius: 10px;
  color: #707070;
  margin-top: 15px;
  font-weight: 600;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
}

.dropdownmenushow:hover .dropdown_menu {
  display: block;
}
.dropdown_menu {
  background: #fff;
  width: max-content;
}
.dropdown_menu li a {
  color: #1552a0;
  fill: #1552a0;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 10px;
  padding: 8px 14px;
}
.dropdown_menu li a:hover {
  background: #f0f0f0;
}


/* .e-n-tab-title:hover {
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.05);
}
.e-n-tab-title:hover span.e-n-tab-title-text {
  color: #1552a0;
} */
  /* Width of the scrollbar */
  ::-webkit-scrollbar {
    width: 12px;
  }
  
  /* Track of the scrollbar */
  ::-webkit-scrollbar-track {
    background: #004892; 
  }
  
  /* Handle of the scrollbar */
  ::-webkit-scrollbar-thumb {
    background: #4f86f9; 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #7da6ff; 
    border-radius: 10px;
  }
  
  body {
    scrollbar-width: thin; /* Options: auto, thin */
    scrollbar-color: #4f86f9 #004892; /* thumb color, track color */
  }
  .e-con.e-flex > .e-con-inner {
    background: transparent;
  }
  .white-bak {
    background-color: #f3f3f3;
  }
  
  .top--45 {
    color: #fff;
  }


/* 
  @media screen and (max-width: 460px) {
    .banner_form {
      margin-top: -200px;
    }
  }
  @media screen and (min-width: 461px) and (max-width: 736px) {
    .banner_form {
      margin-top: 50px;
    }
  } */
  @media screen and (max-width: 991px) {
    .banner_area {
      height: max-content;
      padding: 40px 30px;
      position: relative;
      flex-direction: column;
      background: #f3f3f3;
    }
    .banner_content .banner_titles {
      padding-top: 50px;
      z-index: 30;
    }
    .banner_content .banner_titles h5 {
      font-size: 18px;
    }
    .banner_content .banner_titles h1 {
      font-size: 32px;
      color: #1552a0;
    }


    .top--45 {
      margin-top: -45px;
      color: #fff;
    }
    .banner_form form {
      padding: 15px;
      margin-top: 30px;
      box-shadow: 0px 0px 5px 10px rgba(0, 0, 0, 0.02);
      z-index: 50;
      position: relative;
      width: 100%;
      left: 0%;
      margin-top: 250px;
    }
    .elementor-59 .elementor-element.elementor-element-0dc615c {
      top: 0;
      box-shadow: 0px 0px 5px 10px rgba(0, 0, 0, 0.02);
    }
    .banner_form form h4 {
      font-size: 28px;
    }
    .banner_form form .form-control {
      padding: 8px 14px;
      font-size: 14px;
    }
    #background-video {
      position: absolute;
      top: 10px;
      left: 0;
      border-radius: 10px;
      min-width: unset;
      min-height: unset;
      width: 100%;
      height: max-content;
      z-index: 5;
      transform: unset;
    }
    .banner_video {
      width: 100vw !important;
    }
  }
  @media screen and (max-width: 520px){
    .banner_form form{
      margin-top: 150px;
    }
    .portfolio-container{
      grid-template-columns: minmax(0, 100%);
    }
    .portfolio-item{
      max-width: 100%;
    }
    .banner_area{
      padding: 40px 20px;
    }
    .elementor-88 .elementor-element.elementor-element-ff45b96 {
      min-height: max-content;
    }
    .elementor-88 .elementor-element.elementor-element-66399f8, .elementor-88 .elementor-element.elementor-element-9c3a6bd, .elementor-88 .elementor-element.elementor-element-d67db60, .elementor-88 .elementor-element.elementor-element-0a91149{
      min-height: max-content;
    }
    .elementor-88 .elementor-element.elementor-element-7ae1217{
      gap: 20px;
    }
    .elementor-88 .elementor-element.elementor-element-55d610e{
      gap: 40px;
      justify-content: unset;
    }
    .elementor-88 .elementor-element.elementor-element-66399f8{
      margin-top: 0;
    }
    .elementor-88 .elementor-element.elementor-element-66399f8:not(.elementor-motion-effects-element-type-background),
    .elementor-88 .elementor-element.elementor-element-9c3a6bd:not(.elementor-motion-effects-element-type-background),
    .elementor-88 .elementor-element.elementor-element-d67db60:not(.elementor-motion-effects-element-type-background),
    .elementor-88 .elementor-element.elementor-element-d67db60:not(.elementor-motion-effects-element-type-background),
    .elementor-88 .elementor-element.elementor-element-0a91149:not(.elementor-motion-effects-element-type-background){
      background-color: #f3f3f3 !important;
      border-radius: 20px !important;
      padding: 0px 10px 25px !important;
      box-shadow: 0px 0px 3px 5px rgba(0, 0, 0, 0.05);
    }
  }

  @media screen and (min-width: 2991px) {
    .banner_area {
      height: max-content;
      padding: 40px 30px;
      position: relative;
      flex-direction: column;
      background: #f3f3f3;
    }
    .banner_content .banner_titles {
      padding-top: 50px;
    }
    .banner_content .banner_titles h5 {
      font-size: 18px;
    }
    .banner_content .banner_titles h1 {
      font-size: 32px;
      color: #1552a0;
    }
    .banner_form form {
      padding: 15px;
      margin-top: 30px;
      box-shadow: 0px 0px 5px 10px rgba(0, 0, 0, 0.02);
    }
    .e-con.e-flex > .e-con-inner {
      background: transparent;
    }
    .elementor-59 .elementor-element.elementor-element-0dc615c {
      top: 0;
      box-shadow: 0px 0px 5px 10px rgba(0, 0, 0, 0.02);
    }
    .banner_form form h4 {
      font-size: 28px;
    }
    .banner_form form .form-control {
      padding: 8px 14px;
      font-size: 14px;
    }
    #background-video {
      position: relative;
      top: 10px;
      left: 0;
      border-radius: 10px;
      min-width: unset;
      min-height: unset;
      width: 100%;
      height: max-content;
      z-index: 5;
      transform: unset;
    }
  }


/* about page  */

.about_title{
  text-align: center;
  padding-top: 40px;
}
.about_title h3{
  font-weight: 700;
  display: inline-block;
  border-bottom: 2px solid #4f86f9;
}

.about_body .about_body_item h2{
  font-size: 36px;
  color: #1552a0;
  font-weight: 600;
  padding-bottom: 15px;
  transition: all 0.3s ease-in-out;
}
.about_body .about_body_item:hover{
  background: #1552a0;
  transition: all 0.3s ease-in-out;
}
.about_body .about_body_item:hover h2, 
.about_body .about_body_item:hover p{
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.about_body{
  padding: 40px;
} 
.about_body_item{
  border-radius: 10px;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.05);
  height: calc(100% - 25px);
  padding: 25px 20px;
  margin-bottom: 25px;
}

/* contact page  */

.contactpagetitle{
  background: #f5e200;
  padding: 26px 20px;
}
.contactpagetitle h3{
  font-size: 44px;
  margin: 0;
  color: #707070;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}

.forminside{
  margin-top: 40px;
}
.forminside form{
  padding: 25px;
  border-radius: 15px;
  background: #7da6ff;
}
.forminside form h2{
  font-size: 40px;
  margin-bottom: 15px;
  color: #fff;
}
.forminside h2, 
.forminside .form-control::placeholder{
  text-transform: uppercase;
}

.forminside .form-control{
  padding: 10px 16px;
  margin: 15px 0;
  border: 1px solid #dddddd;
  border-radius: 8px;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.05);
}
.forminside .formbtn{
  padding: 12px 50px;
  border-radius: 10px;
  background: #f5e200;
  font-size: 17px;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  font-weight: 600;
}
.forminside .formbtn:hover{
  background: #004892;
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.form_infos{
  margin: 50px 0px;
}
.form_infos h2, .form_infos li{
  text-transform: uppercase;
}

.form_infos h2{
  font-size: 38px;
  color: #1552a0;
}
.form_infos ul{
  padding-left: 0;
  list-style: none;
}
.form_infos .inomain li{
  font-weight: 600;
  margin-bottom: 10px;
  padding: 5px 8px;
  border: 1px solid #4f86f9;
  border-radius: 5px;
}

.form_infos .inomain.hours ul li{
  padding-left: 20px;
  padding-right: 20px;
  justify-content: space-between;
  display: flex;
}
.form_infos .inomain.hours ul li span{
  padding-left: 30px;
}

@media (max-width: 767px) {
  .elementor-156 .elementor-element.elementor-element-1094b0c{
    --min-height: 0;
    aspect-ratio: 3 / 1.5;
  }
  .contactpagetitle h3{
    font-size: 28px;
  }
  .forminside .formbtn{
    display: block;
    width: 100%;
  }
  .about_body{
    padding: 20px;
  }
  .about_body .about_body_item h2{
    font-size: 22px;
  }
  .about_title h3{
    font-size: 32px;
  }
}