/*  */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
}

.navber {
  /* font-family: Arial, sans-serif; */
  font-family: "Roboto", sans-serif;
  color: rgba(0, 0, 0, 0.6);
}

/* course pages */
.cousrse-page-font {
  /* font-family: Helvetica, Arial, Lucida, sans-serif; */
  font-family: "Roboto", sans-serif;
}

/* home page */
.home-page-sec-heading,
.home-read-me,
.home-sec-title,
.home-heading,
.about-specifc,
.font-cormorant {
  /* font-family: "Georgia", "Times New Roman", serif; */
  font-family: "Roboto", sans-serif;
}

.home-page-sec-phara,
.home-phara,
.about-specifc-phara,
.font-montserrat,
p {
  /* font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif; */
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 1.7em;
}

/* about page */
.font-Georgia {
  /* font-family: Georgia, "Times New Roman", serif; */
  font-family: "Roboto", sans-serif;
}

.about-p,
.about-h,
.font-poppins {
  /* font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif; */
  font-family: "Roboto", sans-serif;
}

.about-span {
  /* font-family: "Playfair Display", Georgia, "Times New Roman", serif; */
  font-family: "Roboto", sans-serif;
}

.font-openSans {
  /* font-family: "Open Sans", Arial, sans-serif; */
  font-family: "Roboto", sans-serif;
}

.font-lato {
  /* font-family: "Lato", Helvetica, Arial, Lucida, sans-serif; */
  font-family: "Roboto", sans-serif;
}

.animate-slide {
  opacity: 0;
  transform: translateY(-25px);
  transition: all 1s ease-in-out;
}

.animate-slide.show {
  opacity: 1;
  transform: translateY(0);
}

.scale-animateb {
  opacity: 0;
  transform: scale(0.8);
  transition: transform 0.5s ease, opacity 0.5s ease;
}

.scale-animateb.showb {
  opacity: 1;
  transform: scale(1);
}

.animate-slidec {
  opacity: 0;
  transform: translatex(35px);
  transition: all 1s ease-in-out;
}
.animate-slidec.showc {
  opacity: 1;
  transform: translateY(0);
}

.course-card-formobile {
  display: block;
}
/* .about-top-img{

  background-image: url(/public/about/bg-photo-bWcolor-1-scaled.webp);
  background-image: url(/public/about/about2.jpg);
} */

/* mobile */

@media only screen and (max-width: 480px) {
  .top-img {
    height: 31vh !important;
  }

  .home-heading {
    font-size: 1.8rem !important;
    width: 100%;
    flex-direction: column !important;
  }
  .home-heading button {
    font-size: 1rem !important;
    width: fit-content;
    margin: 0 auto;
  }

  .our-clients {
    padding: 11% 8% !important;
    display: flex !important;
    flex-wrap: wrap;
  }

  .special-padding {
    padding: 40px 0;
  }

  .home-page-sec-phara {
    padding-bottom: 27px !important;
  }

  .home-video {
    width: 100% !important;
  }
  .premium-services {
    flex-direction: column;
    align-items: center;
    padding: 40px 0;
    height: auto !important;
    gap: 3rem;
  }
  .premium-services-provider {
    height: auto !important;
  }
  .premium-services-sec {
    height: auto;
  }
  .animation-training-delhi {
    display: block !important;
  }
  .home-training-delhi-phara {
    width: 100% !important;
    padding-top: 40px;
  }

  .about-amazdraw {
    display: block !important;
  }
  .about-amazdraw-inner {
    width: 100% !important;
  }

  .choose-amazdraw {
    flex-direction: column !important;
    gap: 3rem;
    align-items: center;
  }

  /* <------------------------------------------------managers---------------------------------------> */

  .width-increase {
    width: 90% !important;
    height: auto !important;
  }

  .width-increaseb {
    width: 90% !important;
  }

  .manage-height {
    height: auto !important;
  }

  .column-manager {
    flex-direction: column;
  }

  .long-height-manager {
    height: auto !important;
  }

  .wide-width-manager {
    width: 100% !important;
  }

  .gap-manager {
    gap: 2rem;
  }

  .more-pad {
    padding: 4rem 0;
  }

  .padding-manager {
    padding: 2.5rem 0 !important;
  }

  .padding-none {
    padding: 0 !important;
  }

  .paddingtwo {
    padding: 1rem 0 !important;
  }

  .low-gap {
    gap: 0.75rem;
  }

  .height-manager {
    height: 15vh !important;
  }

  /* <--------------------------------------------contactus--------------------------------------------> */

  .position-top-contactus {
    top: 88% !important;
  }
  .contactus-main-img {
    background-size: cover !important;
  }

  .margin {
    margin-top: 170% !important;
  }

  .margin div div p {
    color: black;
  }

  .contactus-cotact-card {
    width: 100% !important;
  }

  .contactus-cotact-card-grup {
    position: relative;
    top: 145%;
  }

  .letter-space {
    letter-spacing: -1px !important;
  }

  /* <------------------------------------------------traning-----------------------------------------> */

  .animatetraning {
    height: 20vh !important;
  }

  .traning-register-btn {
    position: relative !important;
    top: -4% !important;
  }

  /* <------------------------------------------------traning-----------------------------------------> */

  .img-hidder {
    display: none;
  }

  .video-height {
    height: 24vh !important;
  }

  .padding {
    padding: 2rem 0 !important;
  }

  .heading-size {
    font-size: 1.2rem !important;
  }

  .right {
    right: 0 !important;
  }

  .card-gap {
    gap: 0 !important;
  }

  /* <------------------------------------------------illustration-----------------------------------------> */
  .illustration-servicetag {
    font-size: 2.6rem !important;
  }

  .margin-down {
    margin-bottom: 30px;
  }

  /* <------------------------------------------------animation-----------------------------------------> */

  .contactbtn {
    font-size: 1rem !important;
  }

  .center-items {
    align-items: center;
  }

  .animationhhead-img {
    background-size: contain;
    height: 32vh !important;
  }

  .flex-reverse {
    flex-direction: column-reverse;
  }

  .arrow-container {
    width: 87% !important;
  }

  .left-arr {
    left: 3% !important;
  }

  .right-arr {
    right: 3% !important;
  }

  /* <------------------------------------------------aboutus-----------------------------------------> */
  .about-header {
    height: 10% !important;
  }

  .our-vision {
    text-align: center;
  }

  .second-section {
    margin-top: 1273px !important;
    /* margin-top: 160vh !important; */
  }

  .logo-design-width {
    width: 81.78% !important;
  }
  .logo-illustration-width {
    width: 84.444% !important;
  }
  .logo-icons-width {
    width: 83.556% !important;
  }
  .logo-motion-width {
    width: 86.222% !important;
  }

  .postion-about {
    top: 92% !important;
  }

  .sec-third {
    margin-top: 56vh;
  }

  .first-circle-container {
    width: 120%;
    top: -2vh !important;
  }

  .first-circle {
    width: 55% !important;
    height: 23vh !important;
  }

  .first-circle-text {
    top: 7vh !important;
    font-size: 3.5rem !important;
  }

  .second-circle-text {
    top: 5.5vh !important;
  }

  /* <------------------------------------------------footer-----------------------------------------> */

  .fotter-colum {
    flex-direction: column;
  }

  .footer-form {
    padding: 20px 0px !important;
  }

  .footer-contact {
    align-items: start !important;
  }

  .course-page-section-height {
    height: 65vh;
  }
  /* .course-card-forpc{
    display: block;
  } */

  .color-row {
    display: none;
  }
}

@media only screen and (max-width: 380px) {
  .postion-about {
    top: 112% !important;
  }

  .course-page-section-height {
    height: 67vh;
  }

  .second-section {
    margin-top: 201vh !important;
  }

  .first-circle-text {
    top: 6vh !important;
    font-size: 3rem !important;
  }

  .second-circle-text {
    top: 7vh !important;
  }

  .sec-third {
    margin-top: 65vh;
  }

  .animation-studio-head {
    font-size: 2.4rem !important;
  }
  /* .course-card-forpc{
    display: block;
  } */
}
