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

  :root {
      --fonts: 'Afacad', sans-serif;
      --dblue: #0c2d4c;
      --dheadb: #570415;
      --golden: #ffc107;
      --ogrey: #e4e1dc;
      --lgreen: #142545;
  }

  html,
  body {
      height: 100%;
  }

  body {
      display: flex;
      flex-direction: column;
      font-family: var(--fonts);
      font-size: 20px;
  }

  .colum {
      flex: 1 0 auto;
  }

  .z_index {
      z-index: 1;
  }

  .bg-dblue {
      background: var(--dblue) !important;
  }

  .bg-dheadb {
      background: var(--dheadb) !important;
  }

  .bg-golden {
      background: var(--golden) !important;
  }

  .bg-ogrey {
      background: var(--ogrey) !important;
  }

  .bg-lgreen {
      background: var(--lgreen) !important;
  }

  .t-dblue {
      color: var(--dblue) !important;
  }

  .t-golden {
      color: var(--golden) !important;
  }

  .t-lgreen {
      color: var(--lgreen) !important;
  }

  .border-radius-15 {
      border-radius: 15px !important;
  }

  .border-radius-20 {
      border-radius: 20px !important;
  }

  .border-radius-25 {
      border-radius: 25px !important;
  }

  .fs-7 {
      font-size: 0.85rem !important;
  }

  .fs-50 {
      font-size: 50px !important;
  }

  .text-justify {
      text-align: justify !important;
  }

  #submit_btn {
      border-radius: 30px;
      padding: 10px 30px;
  }

  @media (min-width: 1200px) {
      .desktop {
          display: block;
      }

      .mobile {
          display: none;
      }
  }

  @media (max-width: 1199px) and (min-width:1124px) {
      .desktop {
          display: block;
      }

      .mobile {
          display: none;
      }
  }

  @media (max-width: 1123px) {
      .carousel-caption {
          display: none;
      }

      .navbar-brand {
          text-align: center;
      }

      .desktop {
          height: 100vh;
          object-fit: cover;
      }

      .leftalign_form {
          margin-top: -100%;
      }

      .mobile {
          display: block;
      }
  }

  .card {
      box-sizing: border-box;

  }

  .leftalign_form {
      margin-top: 0%;
      max-width: 400px;
      float: right;
      border-radius: 10px;

  }

  .bottomleft {
      position: relative;
      bottom: 8px;
      left: 30px;
  }

  .bottomleft .t-golden {
      font-size: 40px;
  }

  /*.btn{*/
  /*    font-size:19px;*/
  /*}*/


  .enquir_right_btn {
      bottom: 40%;
      right: 17px;
      left: unset;
      width: 170px;
      transform: rotate(90deg);
      transform-origin: right;
      position: fixed;
      background-color: #142545;
      border: solid #ffffff1f 1px !important;
      color: white;
      font-size: 24px;
      border: 0;
      border-radius: 30px;
      z-index: 99;

  }


  .enquir_right_btn:hover {
      color: #142545 !important;
      background-color: #f6f9ff !important;
      border: solid #142545 1px !important;
  }

  .m_whats {
      right: 17px;
      bottom: 50px;
      background: #25D366;
      z-index: 1;
  }

  .desktop {
      height: 25vh;
      object-fit: cover;
  }

  .h_course .card {
      overflow: hidden;

  }

  .h_course .card-body {
      border-top: 20px solid var(--golden);
      border-bottom: 20px solid var(--golden);
      /*box-sizing:30px;*/
  }

  .h_course ul li {
      line-height: 2;
  }

  .leftalign_form input {
      background: var(--bs-gray-100);
  }

  .banner_img {
      background: url('img/amity/images/Banner Image.png');
      background-size: cover;
  }

  .card_upside .card-body {
      background: var(--ogrey);
  }

  .h_key_high .h_key_main {
      border: 0;
      border-bottom: 2px dashed var(--golden);
      border-right: 2px dashed var(--golden);
  }

  .h_key_high .col-md-3 img {
      width: unset;
      height: 150px;
  }

  .h_key_high .h_key_main:nth-child(2) {
      border-right: 0;
  }

  .h_key_high .h_key_main:nth-child(4) {
      border-right: 0;
  }

  .mouls img {
      height: 150px;
      width: unset !important;
      display: unset !important;
  }

  .h_owl_alumni.owl-carousel .owl-stage {
      display: flex;
      align-items: center;
  }

  .h_owl_alumni img {
      width: 100%;
      height: 200px;
      object-fit: cover;
      /* box-shadow: 0px 6px 4px var(--lgreen); */
      transition: all 0.5s ease;
  }

  .projects_01 img:hover {
      transform: scale(1.3);
  }

  .projects_01 .overflow-hidden {
      position: relative;
  }

  .projects_01 .overflow-hidden::before {
      content: '';
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 50%;
      z-index: 1;
      /* background: linear-gradient(180deg, rgb(12 26 7 / 38%) 73%, rgb(0 0 0 / 45%)87%); */
      background-image: linear-gradient(0deg, var(--lgreen), transparent 99%);
  }

  .projects_01 p {
      position: absolute;
      bottom: 4%;
      color: white;
      font-size: 24px;
      font-weight: 500;
      line-height: 20px;
      margin-bottom: 0;
      z-index: 2;
  }

  .projects_01 .overflow-hidden:hover p {
      opacity: 1;
  }

  .h_testimonial .col-md-5:nth-child(1) {
      border-right: 2px dashed var(--golden);
  }

  .h_acreditions .col-md-4 {
      border-bottom: 2px dashed var(--golden);
  }

  .lh-xs-sm {
      line-height: 1 !important;
  }

  .fs-xs-13 {
      font-size: 13px;
  }

  .bs_logo {
      height: 70px;
  }

  @media (min-width: 768px) {
      .card_upside {
          margin-top: -135px;
      }

      .h_owl_alumni img {
          width: 100%;
          height: 400px;
      }

      .desktop {
          height: 100vh;
      }

      .bottomleft {
          position: absolute;
      }

      .bottomleft .t-golden {
          font-size: 50px;
      }

      .card_upside .card-body {
          height: 180px;
      }

      .h_key_high_border {
          border-top: 2px dashed var(--golden);
      }

      .h_key_high .h_key_main {
          border-right: 2px dashed var(--golden);
          border-bottom: unset;
      }

      .h_key_high .col-md-3 img {
          width: 130px;
          height: unset;
      }

      .h_key_high .h_key_main:nth-child(2) {
          border-right: 2px dashed var(--golden);
      }

      .h_acreditions .col-md-4 {
          border-right: 2px dashed var(--golden);
          border-bottom: unset;
      }

      .h_acreditions .col-md-4:nth-child(3),
      .h_acreditions .col-md-4:nth-child(6),
      .h_acreditions .col-md-4:nth-child(9) {
          border-right: unset;
      }

      .lh-xs-sm {
          line-height: 2 !important;
      }

      .fs-xs-13 {
          font-size: 16px;
      }
  }

  .c_btn {
      background-color: #142545;
      color: #f6f9ff;
      border-radius: 30px;
      font-size: 24px;
  }

  .c_btn:hover {
      color: #142545 !important;
      background-color: #f6f9ff !important;
      border: solid 1px;
      font-weight: bold;
  }

  .c_btn_01 {
      background-color: #142545;
      color: #f6f9ff;
      border-radius: 10px;
      font-size: 24px;
  }

  .c_btn_01:hover {
      color: #142545 !important;
      background-color: #f6f9ff !important;
      border: solid 1px;
      font-weight: bold;
  }

  /* .nav_01 .h_carous_img {
      height: 100vh;
      background-color: #BDE1FF;
  } */
  .onefile {
      background-image: url(img/kalakasa/banner/ban1.png);
      background-size: cover;
      background-color: #00000057;
      background-blend-mode: color;
  }

  .carousel-caption {
      position: relative;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      /* align-items: center; */
      /* background: #00000070; */
      z-index: 1;
  }

  .position_01 {
      position: absolute;
      content: "";
      top: 40px;
  }

  .service_01 img {
      height: 50px;
      object-fit: cover;
  }

  .service_02 img {
      height: 60px;
      object-fit: cover;
  }

  .advan_icon_02 {
      border-radius: 24% 0;
      height: 80px;
      width: 80px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid var(--lgreen);
      background-color: var(--lgreen);
      margin: auto;
  }

  .advan_icon_03 {
      border-radius: 50%;
      height: 65px;
      width: 65px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid var(--lgreen);
      background-color: var(--bs-white);
      border-style: dashed;
  }

  .how_01 img {
      height: 50px;
      width: 50px;
      object-fit: cover;
      border-radius: 50%;
  }


  .advan_icon {
      border-radius: 50%;
      height: 70px;
      width: 70px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 10px;
      border: 2px var(--lgreen);
      border-style: solid solid dashed dashed;
  }

  .about_01 img {
      height: 280px;
      width: 100%;
      object-fit: cover;

  }

  .advan_icon_01 {
      border-radius: 50%;
      height: 92px;
      width: 92px;
      padding: 7px;
      margin-right: 10px;
      /* border: 1px solid #000; */
  }

  .section h2 {
      color: #ffc107;
  }

  .form_01 label {
      text-align: start !important;
  }

  .enquire_01 {
      width: 97%;
      background-color: rgb(255, 255, 255);
      border-radius: 50px;
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 100;
      color: rgb(36, 38, 40);
      padding: 15px;
      display: flex;
  }

  .enquire_01 .form-control {
      border-radius: 1.25rem !important;
      appearance: auto;
  }

  .enquire_02 {
      position: absolute;
      right: 70px;
      top: -21px;
      height: 40px;
      width: 40px;
      background: black;
      border-radius: 20px;
      justify-content: center;
      display: flex;
      align-items: center;
      color: white;
      font-size: 22px;
  }

  .alignment_01 .form-control {
      /* border-radius: 1.25rem !important; */
      appearance: auto;
  }

  /* .alignment_01 {
      width: 90%;
      z-index: 2;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
  } */

  .h_owl_alumni .owl-nav {
      font-size: 50px;
      position: absolute;
      bottom: -56px;
      right: 30%;
      width: unset;
  }

  .nav_01 .carousel-inner .carousel-item img {
      height: 250px;
      object-fit: contain;
  }

  @media (min-width: 768px) {
      .enquire_01 {
          width: 70%;
          background-color: rgb(255, 255, 255);
          border-radius: 50px;
          position: fixed;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          z-index: 100;
          color: rgb(36, 38, 40);
          padding: 34px;
          display: flex;
      }

      .about_01 img {
          height: 450px;
      }

      .nav_01 .h_carous_img {
          width: 100%;
          object-fit: cover;
          object-position: center;
      }

      .carousel-caption {
          display: flex;
          align-items: center;
      }

      /* .h_abform {
          position: absolute;
          right: -40px;
          margin-top: -20%;
      } */

      .h_abform .form_02 {
          /* width: 32%; */
          float: right;
      }

      .h_owl_alumni .owl-nav {
          right: 10px;
          width: unset;
      }
  }

  @media (min-width: 1000px) {
      .nav_01 img {
          height: 100vh;
          object-fit: cover;
      }

      .nav_01 .carousel-inner .carousel-item img {
          height: 530px;
      }
  }


  @media (min-width: 1500px) {

      /*.nav_01 .h_carous_img {*/
      /*    height: 750px;*/
      /*}*/
  }

  .z_index {
      z-index: 999;
  }

  .head_01 {
      /* margin-top: 70px; */
  }

  .form_02 {
      padding: 20px;
      background: white;
      border-radius: 30px;

  }



  .h_owl_alumni.owl-carousel .owl-nav button.owl-next,
  .h_owl_alumni.owl-carousel .owl-nav button.owl-prev {
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .h_owl_alumni.owl-carousel .owl-nav button.owl-next {
      float: right;
  }

  .h_owl_alumni.owl-carousel .owl-nav button.owl-prev {
      float: left;
      margin-right: 10px;
  }

  .h_owl_alumni.owl-carousel .owl-nav button.owl-next i,
  .h_owl_alumni.owl-carousel .owl-nav button.owl-prev i {
      color: var(--bs-white);
  }

  .h_owl_alumni .owl-nav button {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      background-color: var(--lgreen) !important;
      border: 0 !important;
  }

  .h_owl_alumni .owl-nav button:hover {
      border: solid 1px;
  }

  .h_owl_alumni .owl-nav span {
      align-items: center;
      display: flex;
      justify-content: center;
      margin-top: -22px;
  }

  .projects_01 button {
      background-color: #142545 !important;
      color: #f6f9ff;
      border: solid var(--bs-white) 1px !important;
      font-weight: bold;

  }

  .projects_01 button:hover {
      border: solid 1px;
  }

  .projects_01 .col-md-4 {
      display: flex;
      justify-content: center;
  }


  .projects_01 button.active {
      color: #142545 !important;
      background-color: #f6f9ff !important;
      border: solid 1px;
  }

  .tagline_01 {
      background-image: url('./img/kalakasa/banner/3.png');
      /* height: 150px; */
      /* width: 100%; */
      background-repeat: no-repeat;
      background-size: cover;
      z-index: 1;
  }

  .tagline_02 {
      position: absolute;
      top: 17%;
      align-items: center;
      color: white;
      text-align: center;
  }

  .tagline_01::before {
      background: #000000b5;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
  }

  .btn_c_01 {
      background-color: #142545 !important;
      color: #f6f9ff;
      border: solid var(--bs-white) 1px !important;
      font-weight: bold;
  }

  .btn_c_01:hover {
      color: #142545 !important;
      background-color: #f6f9ff !important;
      border: solid 1px;
  }

  .brands_02 img {
      width: 100%;
      height: 150px;
      object-fit: contain;
  }

  .bg-lgray {
      background-color: #f3f3f3;
  }


  .brands_01 {
      z-index: 1;
  }

  .brands_01 img {
      max-width: 100%;
      height: 250px;
      object-fit: cover;
      transition: all 1s ease;
  }

  .brands_01:hover p {
      transform: scale(1.05);
      opacity: 1;
  }

  /* /////////////////////////////////////////////////////////////////// */

  /* The Modal (background) */
  .our_project .modal_01 {
      display: none;
      position: fixed;
      z-index: 1;
      padding-top: 100px;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: black;
      z-index: 999;
  }

  /* Modal Content */
  .our_project .modal-content {
      position: relative;
      background-color: #fefefe;
      margin: auto;
      padding: 0;
      width: 90%;
      max-width: 1200px;
  }

  /* The Close Button */
  .our_project .close {
      color: white;
      position: absolute;
      top: 10px;
      right: 25px;
      font-size: 35px;
      font-weight: bold;
  }

  .our_project .close:hover,
  .our_project .close:focus {
      color: #999;
      text-decoration: none;
      cursor: pointer;
  }

  .our_project .mySlides_01 {
      display: none;
  }

  /* Next & previous buttons */
  .our_project .prev,
  .our_project .next {
      cursor: pointer;
      position: absolute;
      top: 50%;
      width: auto;
      padding: 16px;
      margin-top: -50px;
      color: white;
      background: black;
      font-weight: bold;
      font-size: 20px;
      transition: 0.6s ease;
      border-radius: 0 3px 3px 0;
      user-select: none;
      -webkit-user-select: none;
  }

  /* Position the "next button" to the right */
  .our_project .next {
      right: 0;
      border-radius: 3px 0 0 3px;
  }

  /* Position the "next button" to the right */
  .our_project .prev {
      left: 0;
      border-radius: 3px 0 0 3px;
  }

  .slider_01 img {
      width: 100%;
      height: 400px;
      object-fit: contain;
  }

  .slider_02 img {
      width: 100%;
      height: 170px;
      object-fit: cover;
  }

  /* On hover, add a black background color with a little bit see-through */
  .our_project .prev:hover,
  .our_project .next:hover {
      background-color: rgba(0, 0, 0, 0.8);
  }

  /* Number text (1/3 etc) */
  .our_project .numbertext {
      color: #f2f2f2;
      font-size: 12px;
      padding: 8px 12px;
      position: absolute;
      top: 0;
  }

  .our_project img {
      margin-bottom: -4px;
  }

  .our_project .caption-container {
      text-align: center;
      background-color: black;
      padding: 2px 16px;
      color: white;
  }

  .our_project .demo_01 {
      opacity: 0.6;
  }

  .our_project .active,
  .our_project .demo_01:hover {
      opacity: 1;
  }

  .our_project img.hover-shadow {
      transition: 0.3s;
  }

  .our_project .hover-shadow:hover {
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  .our_project .firstrow img {
      width: 100%;
      height: 250px;
      object-fit: cover;
  }

  .modal_overflo {
      overflow-x: auto;
      overflow-y: hidden;
  }

  .banner_text_01,
  span {
      color: var(--bs-white);
      font-weight: bold;
  }

  .banner_text_01 span {
      font-size: 50px;
      font-weight: bold;
  }

  @media (max-width: 767px) {
      .banner_text_01 span {
          font-size: 30px;
      }


  }

  .banner_text_01 {
      /* background-color: #bdafa7ab; */
      display: inline-block;

  }


  .banner_text_02 p {
      font-size: 19px;
      font-weight: bold;
  }

  .banner_text_02 {
      background-color: #bdafa7ab;
      display: inline-block;

  }

  .banner_text_03 p {
      font-size: 19px;
  }

  .banner_text_03 h1 {
      font-size: 30px;
      font-weight: bold;
  }

  .banner_text_03 {
      background: var(--bs-white)42;
      display: inline-block;
  }

  .mt_01 {
      margin-top: 100px;
  }

  .new_01 img {
      width: 96px;
      height: 96px;
      object-fit: contain;
  }


  .banner_text_pos_01 {
      /* width: 50%; */
      position: absolute;
      z-index: 2;
      /* bottom: 23px; */
      /* right: 0; */
      left: 40px;
      margin: auto;
  }

  @media (min-width: 768px) {
      /* .banner_text_01 span, p  {
        font-size: 3rem;
        font-weight: bold;
    } */

      .banner_text_01 {
          font-size: 3rem;
          font-weight: bold;
      }

      .new_01 img {
          width: 200px;
          height: 200px;
      }

      .mt_01 {
          margin-top: 100px;
      }

      .banner_text_pos_01 {
          width: 50%;
          position: absolute;
          z-index: 2;
          bottom: 23px;
          /* right: 0; */
          left: 40px;
          margin: auto;
      }
  }

  .bord_01 {
      width: 90%;
      bottom: 36%;
      height: 60px;
      transform: rotate(90deg);
      border-left: none;
      background-image: url(img/kalakasa/offers/dashed_line.png);
      background-size: cover;
      background-position: center;
      left: -33%;
  }

  .offer button {
      font-size: 24px;
      /* font-weight: bold; */
      color: var(--dblue) !important;
  }



  .offer .accordion-button:not(.collapsed) {
      background-color: #ffff;
      color: var(--dblue) !important;
  }

  .offer .accordion-button {
      /* border-top: 1px solid #142545cf; */
      box-shadow: unset !important;
      padding: 0px 10px;
  }

  .offer_01 img {
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .offer_01 p {
      font-size: 24px;
  }

  .accordion-item {
      border: 1px solid #142545cf;
  }

  .works_01 img {
      height: 200px;
      width: 100%;
      object-fit: cover;
  }

  .bord_02 {
      border-radius: 50%;
      border: solid #142545 1px;
  }

  .about_backround {
      background-image: url(img/kalakasa/banner/b1.png);
      background-repeat: no-repeat;
      padding: 0px;
      background-position: center;
      background-size: cover;
      height: 400px;
  }

  .form_pag {
      background-image: url('img/kalakasa/form.jpg');
      background-color: #00000070;
      background-blend-mode: multiply;
      background-size: cover;
      z-index: 1;
  }

  .thank_form {
      background-image: url('img/kalakasa/banner/thankyou.jpg');
      background-size: cover;
      z-index: 1;
  }

  /*.thank_form:before, .form_pag:before {*/
  /*    position: absolute;*/
  /*    content: '';*/
  /*    left: 0;*/
  /*    top: 0;*/
  /*    background-color: rgb(255, 255, 255, .5);*/
  /*    height: 100%;*/
  /*    width: 100%;*/
  /*    z-index: -1;*/
  /*}*/

  .headtext_01 h5 {
      font-size: 24px;
  }

  .th_img_space {
      height: 400px;
  }

  .th_meet {
      background-color: var(--lgreen);
      height: 140px;
      width: 140px;
  }

  .thank_form .bg-white {
      border-radius: 15px;
  }

  .th_meet img {
      height: 90px;
  }

  #carouselExampleIndicators .carousel-indicators [data-bs-target] {
      width: 10px;
      height: 10px;
      border-radius: 50%;
  }

  #carouselExampleIndicators .carousel-indicators .active {
      background-color: var(--lgreen);
  }

  .bgi1 {
      background-image: url(img/kalakasa/service/se1.jpg);
      background-size: cover;
      height: 300px;
  }
  .bgi2 {
    background-image: url(img/kalakasa/service/se2.jpg);
    background-size: cover;
    height: 300px;
}
.bgi3 {
    background-image: url(img/kalakasa/service/se3.jpg);
    background-size: cover;
    height: 300px;
}
.bgi4 {
    background-image: url(img/kalakasa/service/se4.jpg);
    background-size: cover;
    height: 300px;
}
.bgi5 {
    background-image: url(img/kalakasa/service/se5.jpg);
    background-size: cover;
    height: 300px;
}
.bgi6 {
    background-image: url(img/kalakasa/service/se6.jpg);
    background-size: cover;
    height: 300px;
}

  @media (min-width: 768px) {
       .bgi1,.bgi2,.bgi3,.bgi4,.bgi5,.bgi6 {
        height: unset;
       }
      .bord_01 {
          top: 37px;
          left: 18px;
          width: 90%;
          border-left: none;
          background-image: url(img/kalakasa/offers/dashed_line.png);
          background-size: cover;
          transform: rotate(0deg);
          background-position: center;
          height: unset;
          transform: rotate(2deg);
      }

      .works_01 img {
          height: 300px;
      }

      .advan_icon_03 {
          height: 170px;
          width: 170px;
      }

      .how_01 img {
          height: 145px;
          width: 145px;
      }

      .offer .accordion-button {
          border-top: 0px;
          padding-top: 18px;

      }

      .accordion-button::after,
      .accordion-button::before,
      .accordion-button:not(.collapsed)::after {
          background-image: none;
      }

      p {
          font-size: 24px;
      }

      .about_backround {
          height: unset;
      }

      .th_img_space {
          height: unset;
      }
  }

  @media (min-width: 1200px) {
      .w-lg-unset {
          width: unset !important;
      }
  }