body {
  margin: 0px;
  padding: 0px;
  font-family: "Muli";
}

@font-face {
  font-family: "Muli-Bold";
  src: url("../fonts/Muli-Bold.woff2") format("woff2"),
    url("../fonts/Muli-Bold.woff") format("woff"),
    url("../fonts/Muli-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli.woff2") format("woff2"),
    url("../fonts/Muli.woff") format("woff"),
    url("../fonts/Muli.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Muli-Light";
  src: url("../fonts/Muli-Light.woff2") format("woff2"),
    url("../fonts/Muli-Light.woff") format("woff"),
    url("../fonts/Muli-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Muli-SemiBold";
  src: url("../fonts/Muli-SemiBold.woff2") format("woff2"),
    url("../fonts/Muli-SemiBold.woff") format("woff"),
    url("../fonts/Muli-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Muli-Extra-Bold";
  src: local("Muli Extra Bold"), local("Muli-Extra-Bold"),
    url("../fonts/Muli-ExtraBold.woff2") format("woff2"),
    url("../fonts/Muli-ExtraBold.woff") format("woff"),
    url("../fonts/Muli-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

.az-microsoft-azure-home {
margin-top: -130px;
}

.az-bg-repate {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.az-microsoft-azure-home {
  padding: 240px 0 160px;
}

.azure-bg-heading-title {
  font-size: 45px;
  line-height: 60px;
  font-family: "Muli-SemiBold";
}

.text-warning {
  color: #f79c2e !important;
}

.azure-bg-sub-heading {
  font-size: 18px;
  width: 550px;
  line-height: 28px;
 font-family: "Muli-light", sans-serif;
}

.btn-warnings {
  background: #f89b2d !important;
  color: #fff !important;
  padding: 10px 28px !important;
  font-size: 18px;
  font-family: "Muli-SemiBold";
}

.az-why-azure-section {
  padding: 60px 0px 40px 0px;
}

.az-azure-heading h2 {
  font-family: "Muli-SemiBold";
}

.az-azure-video-section {
  background: #fff;
  box-shadow: 0px 0px 3px #00000029;
  border: 15px solid #f5f8fc;
  border-radius: 16px;
}

.az-cloud-section-wrapper {
  position: relative;
  height: 450px;
  padding: 0 20px;
}

.az-cloud-service-info {
  position: absolute;
  bottom: 30px;
}

.az-cloud-service-desc {
  font-size: 20px;
  font-family: "Muli-Light";
}


.az-benefits-azure-section {
    padding: 60px 0px;
}

.benefits-azure-section-wrapper {
    border: 1px solid #CBCBCB;
border-radius: 8px;
padding: 25px 25px;
}

.benefits-azure-section {
    display: flex;
}

.az-benefits-azure-title {
    margin-left: 20px;
}

.az-benefit-sub-head {
    font-family: "Muli-SemiBold";
}

.az-benefits-azure-image img {
 width: 100px;
}

.az-azure-case-studies-section {
  background-color: #F6F7FA;
  padding: 60px 0px;
}

.azure-case-studies-bg-wrapper {
  background: #fff;
  border: 1px solid #afc2d4;
  border-radius: 16px;
  padding: 20px 30px 20px 50px;
}

#scroll-container {
  height: 600px !important;
  /* Height of one section */
  overflow: hidden;
  position: relative;
}

#inner-container {
  height: 4800px !important;
  /* Height of all sections combined */
  overflow-y: hidden;
  transition: transform 0.5s ease-in-out;
}

.az-scroll-section {
  height: 600px !important;
}

#indicator {
  position: absolute;
  top: 45%;
  left: 20px;
  transform: translateY(-50%);
}

.indicator-circle {
  width: 12px;
  height: 12px;
  background-color: #e9f2fe;
  border-radius: 50%;
  margin-bottom: 10px;
  cursor: pointer;
}

.indicator-circle.active {
  background-color: #f79c2e;
}

.owl-carousel .owl-dots {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-top: 15px;
}

.owl-carousel .owl-nav {
  display: none;
}

.owl-carousel button.owl-dot { 
  border: 1px solid grey !important;
  border-radius: 50%;
  height: 10px;
  width: 10px;
}

.owl-carousel button.owl-dot.active { 
  background: #f79c2e !important;
  border: 1px solid #f79c2e !important;
  border-radius: 50%;
  height: 10px;
  width: 10px;
}

.azure-case-studies-title1 {
  font-size: 20px;
}

.azure-case-studies-title2 {
  font-size: 24px;
  font-family: "Muli-Bold";
}

.owl-carousel .owl-dots {
  display: none;
}

.cloud-sub-head {
  font-size: 24px;
}

@media screen and (max-width: 1400px) {

.az-microsoft-azure-home {
  padding: 200px 0 120px;
}
.azure-bg-heading-title {
    font-size: 40px;
    line-height: 56px;
    font-family: "Muli-SemiBold";
}
.azure-bg-sub-heading {
    font-size: 16px;
    width: 480px;
    line-height: 26px;
    font-family: "Muli-light", sans-serif;
}
.az-cloud-section-wrapper {
    height: 400px;
}
.az-benefits-azure-title p {
font-size:15px;
}
.case-studies-title2 {
    font-size: 22px;
}
.az-why-azure-section {
    padding: 40px 0px 30px 0px;
}
#scroll-container {
    height: 520px !important;
}
.azure-case-studies-title2 {
  font-size: 22px;
  font-family: "Muli-Bold";
}
.benefits-azure-section-wrapper {
    padding: 20px 20px;
}
}

@media screen and (max-width: 768px) {

  .az-microsoft-azure-bg {
   background-image: url('../image/azure-home-mobile-bgs.png');
  }

  .az-microsoft-azure-home {
    padding: 300px 10px 45px;
  }

  .az-microsoft-azure-home {
      margin-top: -65px;
  }

  .azure-bg-heading-title {
    font-size: 38px;
    line-height: 45px;
  }

  .azure-bg-sub-heading {
    font-size: 17px;
    line-height: 25px;
    width: 450px;
  }
  .benefits-azure-section-wrapper {
    padding: 15px 10px;
  }
    .az-benefits-azure-image img {
      width: 60px;
  }
  .azure-case-studies-bg-wrapper {
    padding: 20px 10px;
  }
  .az-benefit-sub-head {
    font-family: "Muli-SemiBold";
    font-size: 20px; 
  }
  .owl-carousel .owl-dots {
    display: flex;
  }
  .mobile-bg-repeat {
  background-repeat: no-repeat;
      background-size: cover;
      background-position: left;
  }
  .case-studies-title-section img {
  width:fit-content !important;
  }
}

@media screen and (max-width: 576px) {
  .azure-bg-heading-title {
    font-size: 32px;
    line-height: 45px;
  }

  .azure-bg-sub-heading {
    font-size: 15px;
    width: 350px;
    line-height: 24px;
  }
}