* {
  overflow-x: hidden !important;
}



body{
    color:#fff;
    overflow-x: hidden !important;
  }
  .right_conatct_social_icon{
       background: linear-gradient(to top right, #1325e8 -5%, #8f10b7 100%);
  }
  .contact_us{
      background-color: #f1f1f1;
      padding: 120px 0px;
  }
  
  .contact_inner{
      background-color: #fff;
      position: relative;
      box-shadow: 20px 22px 44px #cccc;
      border-radius: 25px;
  }
  .contact_field{
      padding: 60px 340px 90px 100px;
  }
  .right_conatct_social_icon{
      height: 100%;
  }
  
  .contact_field h3{
     color: #000;
      font-size: 40px;
      letter-spacing: 1px;
      font-weight: 600;
      margin-bottom: 10px
  }
  .contact_field p{
      color: #000;
      font-size: 13px;
      font-weight: 400;
      letter-spacing: 1px;
      margin-bottom: 35px;
  }
  .contact_field .form-control{
      border-radius: 0px;
      border: none;
      border-bottom: 1px solid #ccc;
  }
  .contact_field .form-control:focus{
      box-shadow: none;
      outline: none;
      border-bottom: 2px solid #1325e8;
  }
  .contact_field .form-control::placeholder{
      font-size: 13px;
      letter-spacing: 1px;
  }
  
  .contact_info_sec {
      position: absolute;
      background-color: #2d2d2d;
      right: 1px;
      top: 18%;
      height: 340px;
      width: 340px;
      padding: 40px;
      border-radius: 25px 0 0 25px;
  }
  .contact_info_sec h4{
      letter-spacing: 1px;
      padding-bottom: 15px;
  }
  
  .info_single{
      margin: 30px 0px;
  }
  .info_single i{
      margin-right: 15px;
  }
  .info_single span{
      font-size: 14px;
      letter-spacing: 1px;
  }
  
  button.contact_form_submit {
      background: linear-gradient(to top right, #1325e8 -5%, #8f10b7 100%);
      border: none;
      color: #fff;
      padding: 10px 15px;
      width: 100%;
      margin-top: 25px;
      border-radius: 35px;
      cursor: pointer;
      font-size: 14px;
      letter-spacing: 2px;
  }
  .socil_item_inner li{
      list-style: none;
  }
  .socil_item_inner li a{
      color: #fff;
      margin: 0px 15px;
      font-size: 14px;
  }
  .socil_item_inner{
      padding-bottom: 10px;
  }
  
  .map_sec{
      padding: 50px 0px;
  }
  .map_inner h4, .map_inner p{
      color: #000;
      text-align: center
  }
  .map_inner p{
      font-size: 13px;
  }
  .map_bind{
     margin-top: 50px;
      border-radius: 30px;
      overflow: hidden;
  }
  
  /* Default styles for larger screens */
  .contact_field {
      display: flex;
      flex-direction: column;
  }
  
  /* Media query for smaller screens (e.g., mobile devices) */
  @media (max-width: 767px) {
      .contact_inner {
          padding: 20px; /* Adjust padding for smaller screens */
      }
  
      .contact_form_inner {
          width: 100%; /* Make the form take up the full width */
      }
  
      .right_conatct_social_icon {
          margin-top: 20px; /* Adjust spacing between the form and social icons */
      }
  
      .socil_item_inner {
          flex-direction: row; /* Display social icons in a row for smaller screens */
      }
  
      .contact_info_sec {
          margin-top: 20px; /* Adjust spacing between the form and contact info */
          padding: 20px !important;
          margin: 20px !important;
      border-radius: 10px;
      background-color: #fff;
      color: #000;
      }
  }
  
  
  /* Default styles for larger screens */
  .contact_field {
      display: flex;
      flex-direction: column;
  }
  
  /* Media query for smaller screens (e.g., mobile devices) */
  @media (max-width: 1000px) {
      .contact_field {
          padding: 20px; /* Adjust padding for smaller screens */
      }
  
      .contact_inner {
          box-shadow: none; /* Remove box shadow for smaller screens */
          border-radius: 0; /* Remove border radius for smaller screens */
      }
  
      .contact_info_sec {
          position: static;
          width: 100%;
          height: auto;
          border-radius: 0;
          padding: 20px;
          margin-top: 20px;
      }
  
      .contact_info_sec h4 {
          margin-top: 0;
      }
  
      .right_conatct_social_icon {
          margin-top: 20px; /* Adjust spacing between the form and social icons */
      }
  
      .socil_item_inner {
          flex-direction: row; /* Display social icons in a row for smaller screens */
          justify-content: center; /* Center align social icons on smaller screens */
      }
  
      .socil_item_inner li {
          margin: 0 10px; /* Adjust margin between social icons */
      }
  
      .map_sec {
          padding: 20px 0; /* Adjust padding for the map section on smaller screens */
      }
  
      .map_bind {
          margin-top: 20px; /* Adjust margin for the map bind on smaller screens */
      }
  }
  

  @media (max-width: 767px) {
   .contact_info_sec {
    border-radius: ;
   }
}



/*header section*/
.hero_area {
    position: relative;
  }
  
  .sub_page .info_section .social_box {
    -webkit-filter: invert(100%);
            filter: invert(100%);
  }
  
  .header_section .container-fluid {
    padding-right: 25px;
    padding-left: 25px;
  }
  
  .header_section .nav_container {
    margin: 0 auto;
  }
  
  .custom_nav-container.navbar-expand-lg .navbar-nav .nav-link img {
    width: 22px;
    margin-right: 15px;
  }
  
  .custom_nav-container.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0px 25px;
    color: #fefeff;
    text-align: center;
    font-family: "Roboto", sans-serif;

  }
  
  .custom_menu-btn {
    z-index: 9;
    position: absolute;
    left: 0;
    top: 15px;
    filter: invert(1);
  }
  
  .custom_menu-btn button {
    outline: none;
    border: none;
    background-color: transparent;
  }
  
  .custom_menu-btn span {
    display: block;
    width: 35px;
    height: 5px;
    background-color: #fff;
    margin: 7px 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: left;
    align-items: left;
    justify-content: left;
  }
  
  .custom_menu-btn .s-2 {
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
  }
  
  .menu_btn-style {
    position: fixed;
    left: 22px;
    top: 15px;
  }
  
  .menu_btn-style button {
    -webkit-transform: translateX(14px);
            transform: translateX(14px);
  }
  
  .menu_btn-style button .s-1 {
    -webkit-transform: rotate(45deg) translateY(17px);
            transform: rotate(45deg) translateY(17px);
  }
  
  .menu_btn-style button .s-2 {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  
  .menu_btn-style button .s-3 {
    -webkit-transform: rotate(-45deg) translateY(-17px);
            transform: rotate(-45deg) translateY(-17px);
  }
  
  .position-unset {
    position: unset;
  }
  
  .navbar-expand-lg .navbar-collapse {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .logo a {
    text-decoration: none;
  }
  
  .logo a:hover {
    color: #1abc9c;
  }
  
  
  .overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background: linear-gradient(45deg, #3498db, #2ecc71, #1abc9c, #3498db);
    /* Adjust the gradient colors and direction as needed */
    overflow-x: hidden;
    transition: 0.5s;
  }
  
  .overlay .closebtn {
    position: absolute;
    top: 0;
    right: 30px;
    font-size: 60px;
  }
  
  .overlay a {
    display: inline-block;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 18px;
    text-transform: uppercase;
    color: #ffffff;
    margin: 10px 0;
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 1.5px solid #ffffff;
    border-radius: 5px;
    width: 190px;
  }
  
  .overlay a:hover {
    border-color: transparent;
    background-color: #ffffff;
  }
  
  .overlay-content {
    position: relative;
    top: 20%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  .menu_width {
    width: 100%;
  }
  
  .scroll-y-hidden {
    overflow-y: hidden;
  }
  
  a,
  a:hover,
  a:focus {
    text-decoration: none;
  }
  
  a:hover,
  a:focus {
    color: initial;
  }
  
  .btn,
  .btn:focus {
    outline: none !important;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  
  .fk_width {
    width: 105px;
  }
  
  .custom_nav-container .nav_search-btn {
    background-image: url(../images/search-icon.png);
    background-size: 18px;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    padding: 0;
    border: none;
    background-position: center;
  }
  
  .navbar-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .navbar-brand span {
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .custom_nav-container {
    z-index: 99999;
    padding: 15px 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  
  .custom_nav-container .navbar-toggler {
    outline: none;
  }
  
  .custom_nav-container .navbar-toggler .navbar-toggler-icon {
    /* background-image: url(../images/menu.png); */
    background-size: 55px;
    filter: invert(1); /* This inverts the color, changing white to black */
  }
  
  
  .main_nav_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .user_option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 45px;
  }
  
  .user_option a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 35px;
    color: #ffffff;
    text-transform: uppercase;
  }
  
  .user_option a img {
    width: 20px;
    margin-right: 10px;
  }
  
  .user_option a span {
    color: #ffffff;
  }
  
  /*end header section*/