/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *





 */
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/assets/owl.video.play-12d5ab429e87fceae0abca364a3b5853563d3c91118e6af942bee5d9d05d18f9.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap"); */

/* body {
  font-family: 'Montserrat', sans-serif !important;
  font-display: swap !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
}

p {
  font-family: 'Montserrat', sans-serif;
} */

@font-face {
  font-family: 'Montserrat';
  src: url(/assets/Montserrat-VariableFont_wght-27b170375712d3d2c8031f2277729b22f316d7c262e0956be43931f4f6a97f56.ttf) format('truetype');
  font-weight: 100 900;
  /* Specify the font weight range */
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url(/assets/Montserrat-Italic-VariableFont_wght-57b2556bfdb0bc178886feedb6a21f1a9c48f587a4035a1db5a2a182139a30f1.ttf) format('truetype');
  font-weight: 100 900;
  /* Specify the font weight range */
  font-style: italic;
}

/* Example of usage */
body {
  font-family: 'Montserrat', sans-serif;
}

.home-noise {
  background-color: #ffffff !important;
  background-image: url(/images/png.png);
  /* position: relative; */
  background-position: bottom;
  background-size: cover;
}

.home-noise-1 {
  background-color: #ffffff !important;
  background-image: url(/images/png.png);
  /* position: relative; */
  background-position: bottom;
  background-size: cover;
  height: 100vh;
}

.home-noise-2 {
  /* background-color: #ffffff !important; */
  background-image: url(/images/png.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  height: 100%;
  /* Adjust as needed */
}

/* .home-noise::before {
  content: "";
  position: fixed;
  background-image: url(/images/png.png);
  background-repeat: repeat;
  top: -200%;
  left: -200%;
  right: -200%;
  bottom: -200%;
  animation: noise 0.5s steps(4) infinite;
  opacity: 0.4;
  pointer-events: none;
}

@keyframes noise {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-20%, -20%);
  }
} */

.montserrat-font{
  font-family:  "Montserrat", sans-serif;
}

.heading-1 {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
}

.heading-11 {
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #242323;
}

.heading-2 {
  font-family: "Montserrat", sans-serif;
  font-size: 35px;
  color: #008bff;
  font-weight: 700;
}

.heading-3 {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  color: #01a2fd !important;
  font-weight: 500;
}

.heading-4 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #0085fa;
}

.heading-5 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
}

.heading-6 {
  font-family: "Montserrat", sans-serif;
  font-size: 40px;
  color: #2a2a2a;
  font-weight: 300;
  line-height: normal;
}

.heading-7 {
  font-family: "Montserrat", sans-serif;
  font-size: 30px;
  font-weight: 800;
  color: #1A1A1A;
}

.text-para-1 {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  color: #6d6d6d;
}

.text-para-2 {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #222222;
  font-size: 18px;
}

.text-upper {
  text-transform: uppercase;
}

.text-underline {
  text-decoration: underline;
}

.word-break{
  word-break: break-all;
}

.max-width {
  max-width: 100% !important;
}

.ls-16 {
  letter-spacing: 16px;
}

.ls-25 {
  letter-spacing: 25px;
}

.fw-700 {
  font-weight: 700;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400;
}

.fw-600 {
  font-weight: 600;
}

.fw-500 {
  font-weight: 500;
}

.fw-100 {
  font-weight: 100;
}

.fs-200 {
  font-size: 200px;
}

.fs-250 {
  font-size: 250px;
}

.fs-90 {
  font-size: 90px;
}

.fs-75 {
  font-size: 75px;
}

.fs-80 {
  font-size: 80px;
}

.fs-150 {
  font-size: 150px;
}

.fs-85 {
  font-size: 85px;
}

.fs-30 {
  font-size: 30px;
}

.fs-28 {
  font-size: 28px;
}

.fs-32 {
  font-size: 32px;
}

.fs-35 {
  font-size: 35px;
}

.fs-20 {
  font-size: 20px;
}

.fs-25 {
  font-size: 25px;
}

.fs-40 {
  font-size: 40px;
}

.fs-18 {
  font-size: 18px;
}

.fs-14 {
  font-size: 14px;
}

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

.fs-15 {
  font-size: 15px;
}

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

.fs-55 {
  font-size: 55px;
}

.fs-60 {
  font-size: 60px;
}

.fs-70 {
  font-size: 70px;
}

.fs-12 {
  font-size: 12px;
}

.black-1 {
  color: #000000 !important;
}

.black-2 {
  color: #2c2c2c;
}

.black-3 {
  color: #041a32;
}

.black-4 {
  color: #1f2937;
}

.black-5 {
  color: #282828;
}

.black-6 {
  color: #1E1E1E;
}

.black-7 {
  color: #222222 !important;
}

.black-8 {
  color: #151515;
}

.black-9 {
  color: #1A1A1A !important;
}

.black-10 {
  color: #03071E;
}

.mosip-blue{
  color: #1b52a4 !important;
}

.blue-1 {
  color: #007aff;
}

.blue-2 {
  color: #489dfb;
}

.blue-3 {
  color: #2a8bdd;
}

.blue-4 {
  color: #1a87fe;
}

.blue-5 {
  color: #008bff;
}

.blue-6 {
  color: #01a2fd;
}

.blue-7 {
  color: #005eff;
}

.blue-8 {
  color: #008cff;
}

.blue-9 {
  color: #1a51a3;
}

.blue-10 {
  color: #0085fa;
}

.blue-11 {
  color: #014DAF;
}

.dark-blue-1 {
  color: #0830C6;
}

.dark-blue-2 {
  color: #045BC7;
}

.grey-1 {
  color: #b7b7b7;
}

.grey-2 {
  color: #6d6d6d;
}

.grey-3 {
  color: #707070;
}

.grey-4 {
  color: #a5a5a5;
}

.grey-5 {
  color: #E8E8E8;
}

.grey-6 {
  color: #999999;
}

.grey-7 {
  color: #6A6A6A;
}

.grey-8 {
  color: #5B5B5B !important;
}

.grey-9 {
  color: #777777;
}

.grey-10 {
  color: #797979 !important;
}

.green {
  color: #048654;
}

.green-1 {
  color: #00e0b9;
}

.green-2 {
  color: #048654;
}

.green-3 {
  color: #009245;
}

.red {
  color: #d44145;
}

.white {
  color: #ffffff;
}

.orange {
  color: #f48020;
}

.mosip-yellow{
  background-color: #fec40d;
}

.yellow {
  color: #ffb900 !important;
}

.yellow-1 {
  color: #ffbd0b;
}

.yellow-2 {
  color: #f7bd1f;
}

.yellow-3 {
  color: #ffba00;
}

.yellow-4 {
  color: #fdc30d;
}

.yellow-5 {
  color: #E0BD59;
}

.yellow-6 {
  color: #FFB800;
}

/* banner */

.yellow-banner {
  position: relative;
  width: 100%;
  background-image: url(/images/technology/yellow-banner-2.png);
  background-size: cover;
  background-position: center;
  height: 70vh;
  /* Adjust the height as needed */
  display: flex;
}

.blue-banner {
  position: relative;
  width: 100%;
  background-image: url(/images/implementation/blue-banner.png);
  background-size: cover;
  background-position: center;
  height: 70vh;
  /* Adjust the height as needed */
  display: flex;
}

.green-banner {
  position: relative;
  width: 100%;
  background-image: url(/images/partner/green-banner.png);
  background-size: cover;
  background-position: center;
  height: 70vh;
  /* Adjust the height as needed */
  display: flex;
}

.banner {
  position: relative;
  width: 100%;
  background-image: url(/images/about/yellow-banner-1.png);
  background-size: cover;
  background-position: center;
  height: 70vh;
  /* Adjust the height as needed */
  display: flex;
}

.banner-content {
  flex: 1;
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  justify-content: center;
  padding-left: 120px;
}

.country-bg {
  background-image: url(/images/partner/country-layer.png);
  background-repeat: no-repeat;
}

.banner-image {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-right: 30px;
  position: relative;
}

.banner-image img {
  height: 100%;
  position: absolute;
  bottom: 0%;
}

.img-fit {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

/* bg-colors */

.bg-yellow {
  background-color: #ffb900;
}

.bg-yellow-1 {
  background-color: #f7bd1f;
}

.bg-yellow-2 {
  background-color: #fdc30d;
}

.bg-yellow-3 {
  background: linear-gradient(180deg, #FDC30D 0%, #FB9A49 100%);
}

.bg-yellow-4 {
  background: linear-gradient(180deg, #FD8F0D 0%, #FDC30D 0.01%);
}

.bg-yellow-5 {
  background: #F6CD22;
}

.bg-blue {
  background-color: #007aff;
}

.bg-blue-1 {
  background-color: #01a2fd !important;
}

.bg-blue-2 {
  background-color: #01a2fd;
}

.bg-blue-3 {
  background-color: #005aff;
}

.bg-blue-4 {
  background-color: #00367d;
}

.bg-blue-5 {
  background-color: #1a51a3;
}

.bg-blue-6 {
  background-color: #014dd7;
}

.bg-blue-7 {
  background: linear-gradient(180deg, #034ECA 0%, #053986 100%);
}

.bg-blue-8 {
  background-color: #0b5ec7;
}

.bg-blue-9 {
  background-color: #0830C6;
}

.bg-blue-10 {
  background-color: #072CB8;
}

.bg-blue-11 {
  background-color: #062496;
}

.bg-img-blue {
  background-image: url(/images/home-page/6th-sec-bg-2.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
}

.bg-grey {
  background-color: #f7f7f7;
}

.bg-grey-2 {
  background: linear-gradient(180deg, #F4F4F4 0%, #C9C9C9 100%);
}

.bg-grey-3 {
  background: #EBEBEB;
}

.bg-grey-4 {
  background: linear-gradient(180deg, rgba(239, 239, 239, 0.93) 0%, #C0C0C0 100%);;
}

.bg-grey-5 {
  background-color: #FBFBFB;
}

.bg-grey-6 {
  background-color: #F3F3F3;
}

.bg-grey-7 {
  background-color: #E1E1E1;
}

.bg-dark-blue {
  background-color: #1a51a3 !important;
}

.bg-dark-blue-1 {
  background-color: #010427;
}

.bg-dark-blue-2 {
  background: linear-gradient(180deg, #054DC3 0%, #083880 100%);
}

.bg-dark-blue-3 {
  background: #062DB8;
}

.bg-green-1 {
  background-color: #048654;
}

.bg-green-2 {
  background-color: #327331;
}

.bg-white{
  background: #ffffff;
}

.bg-white-1 {
  background-color: #f9f9f9;
}

.bg-sandal {
  background-color: #F8F5F0;
}

.black-dot {
  background: #000000;
  width: 3px;
  height: 3px;
  border-radius: 10px;
}

.black-dot-1 {
  background: #222222;
  width: 8px;
  height: 8px;
  border-radius: 50px;
}

.white-dot {
  background: #ffffff;
  border-radius: 50px;
  width: 7px;
  height: 7px;
}

.bg-shadow {
  background: linear-gradient(0deg, #000000 0%, rgba(12, 12, 12, 0) 50%);
}

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

.bg-position-2 {
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}

/* height */

.h-inherit {
  height: inherit;
}

.h-auto {
  height: auto !important;
}

.h-700 {
  height: 700px;
}

.h-506 {
  height: 506px;
}

.h-520{
  height: 520px;
}

.h-500 {
  height: 500px;
}

.h-550 {
  height: 550px;
}

.h-450 {
  height: 450px;
}

.h-400 {
  height: 400px;
}

.h-300 {
  height: 300px;
}

.h-30px {
  height: 30px;
}

.h-350 {
  height: 350px;
}

.h-200 {
  height: 200px;
}

.h-250 {
  height: 250px;
}

.h-280 {
  height: 280px;
}

.h-150 {
  height: 150px;
}

.h-50px {
  height: 50px !important;
}

.h-80px {
  height: 80px !important;
}

.h-100px {
  height: 100px;
}

.h-100vh {
  height: 100vh !important;
}

.h-60vh {
  height: 60vh;
}

.h-50vh {
  height: 50vh;
}

.h-30vh {
  height: 30vh;
}

/* width */

.w-150 {
  width: 150px;
}

.w-100px {
  width: 100px !important;
}

.w-200 {
  width: 200px;
}

.w-300 {
  width: 300px;
}

.w-250 {
  width: 250px;
}

.w-80 {
  width: 80px;
}

.w-60 {
  width: 60px;
}

.w-50px {
  width: 50px;
}

.w-30px {
  width: 30px;
}

.w-25px {
  width: 25px;
}

.w-10px {
  width: 10px;
}

.w-20px {
  width: 20px;
}

.w-15px {
  width: 15px;
}

.w-380 {
  width: 380px;
}

.w-850 {
  max-width: 850px;
}

.w-10p {
  width: 10%;
}

.w-20p {
  width: 20%;
}

.w-25p {
  width: 25%;
}

.w-70p {
  width: 70%;
}

.w-60p {
  width: 60%;
}

.w-80p {
  width: 80% !important;
}

.w-90p {
  width: 90% !important;
}

.w-50p {
  width: 50%;
}

.w-40p {
  width: 40%;
}

.w-45p {
  width: 45%;
}

.w-40 {
  width: 40px;
}

.w-30p {
  width: 30%;
}

.w-100p {
  width: 100%;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

/* paddings */
.p-50 {
  padding: 50px;
}

.p-tb-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.p-tb-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.p-tb-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.p-tb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.p-tb-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.p-tb-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.pt-10 {
  padding-top: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-100 {
  padding-top: 100px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-125 {
  padding-right: 125px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-40 {
  padding-top: 40px;
}

.pl-25 {
  padding-left: 25px;
}

.p-40 {
  padding: 40px;
}

.p-60 {
  padding: 60px;
}

.pt-15 {
  padding-top: 15px;
}

.p-10 {
  padding: 10px;
}

.p-5px {
  padding: 5px;
}

.p-15 {
  padding: 15px;
}

.p-20 {
  padding: 20px;
}

.p-30 {
  padding: 30px;
}

.px-5px {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.px-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.pxy-1 {
  padding: 5px 10px;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.px-8px{
  padding-left: 8px;
  padding-right: 8px;
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.py-5px {
  padding-top: 5px;
  padding-bottom: 5px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pl-3px {
  padding-left: 3px !important;
}

.pl-10px{
  padding-left: 10px !important;
}

.pr-3px {
  padding-right: 3px !important;
}

.pr-10px{
  padding-right: 10px !important;
}


/* margins */

.mt-60 {
  margin-top: 60px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-5px {
  margin-top: 5px;
}

.mt-20 {
  margin-top: 20px;
}

.mt--25 {
  margin-top: -25px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-200 {
  margin-top: 200px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-500 {
  margin-top: 500px;
}

.-mt-100 {
  margin-top: -100px;
}

.-mt-80 {
  margin-top: -80px;
}

.-mt-200 {
  margin-top: -200px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-24 {
  margin-right: 24px;
}

.mr-28 {
  margin-right: 28px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-50 {
  margin-right: 50px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mt-170 {
  margin-top: 170px;
}

.mt-250 {
  margin-top: 250px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-75 {
  margin-left: 75px;
}

.mx-25 {
  margin-left: 40px;
  margin-right: 40px;
}

.mx-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

/* positions */

.bottom-0 {
  bottom: 0;
}

.bottom-10 {
  bottom: 10px !important;
}

.bottom-65 {
  bottom: 65%;
}

.bottom-25 {
  bottom: 25%;
}

.bottom-50 {
  bottom: 50%;
}

.bottom-35 {
  bottom: 35%;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: end;
}

.justify-space-between {
  justify-content: space-between;
}

.justify-evenly {
  justify-content: space-evenly;
}

.align-center-lg {
  display: flex;
  align-items: center;
}

.align-center-lg2 {
  display: grid;
  align-items: center;
}

.position-absolute-1 {
  position: absolute;
  top: 0;
  left: 0;
}

.position-1 {
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: -80px;
}

.position-11 {
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: -130px;
}

.position-2 {
  position: sticky;
  top: 0px;
  z-index: 111;
}

.position-3 {
  position: sticky;
  top: 80px;
  z-index: 11;
}

.position-4 {
  position: relative;
}

.position-5 {
  position: absolute;
  left: 20%;
  right: 20%;
  bottom: -80px;
}

.position-6 {
  position: absolute !important;
  right: 0 !important;
}

.position-bottom-1 {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 100%;
}

.text-position {
  position: absolute;
  bottom: 10%;
  left: 8%;
}

.text-position-1 {
  position: absolute;
  left: 100px;
  right: 100px;
  bottom: 80px;
}

.text-position-2 {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 10px;
}

.card-style-1 {
  background-color: #ffb900;
  padding-top: 50px;
  padding-bottom: 50px;
}

.card-style-2 {
  background-color: #ffba00;
  padding-top: 80px;
  padding-bottom: 70px;
}

.card-style-3 {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}

.bg-style-1 {
  background-color: #ffffff;
  box-shadow: 0px 18px 78px -23px rgba(0, 0, 0, 0.25);
}

.bg-style-2 {
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 35%);
}

.bg-style-3 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 50%);
}

.drop-shadow {
  box-shadow: 0px 0px 15px rgba(119, 115, 170, 0.5);
}

.code-bg {
  background-image: url(/images/home-page/code-bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}

.lh-inherit {
  line-height: inherit;
}

.lh-normal {
  line-height: normal;
}

.lh-1 {
  line-height: 97.9%;
}

.lh-2 {
  line-height: 106.9%;
}

.lh-3 {
  line-height: 118.4%;
}

.lh-4 {
  line-height: 1.4;
}

.lh-5{
  line-height: 1.3;
}

/* contianers */

.container-set {
  padding-left: 150px !important;
  padding-right: 150px !important;
  width: 100% !important;
  /* margin-top: 0px !important; */
}

.container-set-1 {
  padding-left: 250px !important;
  padding-right: 250px !important;
  max-width: 100% !important;
}

.container-set-2 {
  padding-left: 80px !important;
  padding-right: 80px !important;
  max-width: 100% !important;
}

.container-set-3 {
  padding-left: 150px !important;
  padding-right: 150px !important;
  width: 80% !important;
  margin: auto;
}

/* other-css */

.tag-style {
  padding: 8px 16px;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 400;
  width: -moz-fit-content;
  width: fit-content;
}

.tag-color-1 {
  background: #0464CB;
}

.tag-color-2 {
  background: #187030;
}

.orange-tag {
  background: #F97707;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

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

.text-right {
  text-align: right;
}

.navbar-toggler-icon {
  width: 1em !important;
}

.navbar-toggler {
  font-size: 1rem !important;
}

.horizontal-center {
  align-items: center;
  justify-content: center;
  margin: auto;
}

.vertical-center-1 {
  margin: 0;
  position: absolute;
  top: 35%;
  transform: translateY(-50%);
}

.vertical-center-2 {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.vertical-center-3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hand {
  cursor: pointer;
}

.z-1{
  z-index: 1;
}

a {
  cursor: pointer;
}

.text-deco {
  text-decoration: none !important;
}

/* borders */

.border-right-1 {
  border-right: 1px solid #EEE;
}

.border-right-2 {
  border-right: 1px solid #D2D2D2;
}

.border-top-1 {
  border-top: 1px solid #CDCDCD;
}

.border-left-1 {
  border-left: 1px solid #5B5B5B;
}

.border-left-2 {
  border-left: 3px solid #0A7DFF;
}

.border-top-2 {
  border-top: 1px solid #5B5B5B;
}

.border-grey {
  border: 1px solid #EBEBEB;
}

.br-17 {
  border-radius: 17px;
}

.br-10 {
  border-radius: 10px;
}

.br-8 {
  border-radius: 8px;
}

.br-20 {
  border-radius: 20px;
}

.br-30 {
  border-radius: 30px;
}

.br-40 {
  border-radius: 40px;
}

.br-60 {
  border-radius: 60px;
}

.br-50p {
  border-radius: 50%;
}

.br-style-1 {
  border-radius: 20px 20px 0 0;
}

.br-style-2 {
  border-radius: 0 0 20px 20px;
}

.border-1 {
  border-top: 1px solid #000000;
}

.border-2 {
  border: 2px solid #333333;
  border-left-color: transparent;
  border-radius: 50%;
  background: #ffffff;
  animation: rotate 4s linear infinite;
}

.border-3 {
  border: 1px solid #C6C6C6;
}

.border-4 {
  border: 1px solid #B5B5B5;
}


@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.border-bottom-1 {
  border-bottom: 4px solid;
}

.border-bottom-2 {
  border-bottom: 2px solid;
}

.border-bottom-3 {
  border-bottom: 1px solid #ffffff !important;
  /* width: fit-content; */
}

.border-bottom-4 {
  border-bottom: 1px solid #ffffff !important;
  /* width: fit-content; */
}

.border-bottom-5 {
  border-bottom: 1px solid #03071E;
}

/* buttons */

button:focus{
  outline: none !important;
}

.btn-2 {
  background-color: #ffbd0b;
  border-radius: 14px !important;
  padding: 15px 25px !important;
  font-weight: 700 !important;
  font-size: 18px !important;
}

.btn-3 {
  background-color: #005eff;
  color: #ffffff;
  border-radius: 30px !important;
  padding: 15px 30px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  font-family: "Montserrat", sans-serif;
}

.btn-4 {
  background-color: #005eff;
  color: #ffffff;
  border-radius: 30px !important;
  padding: 5px 30px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  font-family: "Montserrat", sans-serif;
}

.btn-5 {
  border-radius: 20px;
  background: #0464CB;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 8px 16px;
  border: none !important;
  font-family: "Montserrat", sans-serif;
  cursor: pointer;
}

.btn-6 {
  border-radius: 20px !important;
  background-color: #FDC30D;
  padding: 5px 15px !important;
  font-family: "Montserrat", sans-serif;
  font-size: 16px !important;
  color: #000000;
  font-weight: 700 !important;
}

/* hover-effect */

a:hover {
  color: inherit !important;
}

.hover-hide {
  display: none;
}

.white-hover:hover {
  color: #ffffff;
  font-weight: 700;
  text-decoration: underline;
}

.hover-content:hover .hover-hide {
  display: block !important;
}

.hover-content.active a {
  color: white !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

a:hover {
  text-decoration: none !important;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.flex-wrap {
  flex-wrap: wrap;
}

.d-flex-lg {
  display: flex;
}

.d-none-lg {
  display: none;
}

.d-block-lg {
  display: block;
}

/* video */

video::-webkit-media-controls {
  display: none !important;
}

/* video::-webkit-media-controls-enclosure {
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
} */

/* media-queries */

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

  .d-none-md {
    display: none !important;
  }

  .d-block-md {
    display: block !important;
  }

  .container-set {
    padding-left: 40px !important;
    padding-right: 40px !important;
    width: 100% !important;
  }

  .container-set-2 {
    padding-left: 30px !important;
    padding-right: 30px !important;
    width: 100% !important;
  }

  .container-fluid-md {
    padding-left: 15px;
    padding-right: 15px;
  }

  .container-set-3 {
    padding-left: 50px !important;
    padding-right: 50px !important;
    width: 100% !important;
  }

  .yellow-banner {
    height: 40vh;
    padding-top: 75px;
  }

  .banner {
    height: 40vh;
    padding-top: 75px;
  }

  .blue-banner {
    height: 40vh;
    padding-top: 75px;
  }

  .green-banner {
    height: 40vh;
    padding-top: 75px;
  }

  .banner-content {
    padding-left: 30px;
  }

  .position-1 {
    left: 7%;
    right: 7%;
    bottom: -50px;
  }

  .position-3 {
    top: 96px;
  }

  /* .heading-2 {
    font-size: 25px;
  } */

  .heading-3 {
    font-size: 14px;
  }

  .w-25p-md {
    width: 25% !important;
  }

  .w-15p-md {
    width: 15% !important;
  }

  .mt-100-md {
    margin-top: 100px;
  }

  .mt-40-md {
    margin-top: 40px;
  }

  .mt-75-md {
    margin-top: 75px;
  }

  .mt-15-md {
    margin-top: 15px;
  }

  .ml-15-md {
    margin-left: 15px;
  }

  .ml-0-md {
    margin-left: 0px;
  }

  .mx-0-md {
    margin-left: 0px;
    margin-right: 0px;
  }

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

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

  .fs-12-md {
    font-size: 12px;
  }

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

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

  .pr-0-md {
    padding-right: 0px;
  }

  .fs- .pt-20-md {
    padding-top: 20px;
  }

  .heading-1 {
    font-size: 12px;
  }

  .w-100-md {
    width: 100%;
  }

  .w-60p-md {
    width: 60%;
  }

  .navbar ul li {
    padding-right: 5px !important;
  }

  /* .banner-image img {
    object-fit: cover;
  } */
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .container-set-2 {
    padding-left: 40px !important;
    padding-right: 40px !important;
    max-width: 100% !important;
  }

  .container-set {
    padding-left: 80px !important;
    padding-right: 80px !important;
    max-width: 100% !important;
  }

  .container-set-3 {
    padding-left: 100px !important;
    padding-right: 100px !important;
    width: 100% !important;
  }

  .yellow-banner {
    height: 30vh;
  }

  .banner {
    height: 30vh;
  }

  .green-banner {
    height: 30vh;
  }

  .blue-banner {
    height: 30vh;
  }

  .banner-content {
    padding-left: 50px;
  }

  /* .banner-image img {
    object-fit: cover;
  } */

  .heading-3 {
    font-size: 16px;
  }

  .p-0-lg {
    padding: 0 !important;
  }

  .pr-0-lg {
    padding-right: 0;
  }

  .pr-5 {
    padding-right: 1rem !important;
  }

  .navbar ul li {
    padding-right: 10px !important;
  }

  .fs-40-lg {
    font-size: 40px;
  }

  .fs-25-pro{
    font-size: 25px;
  }
}

@media (max-width: 767px) {

  /* .fixed-top{
    height: 80px !important;
  } */

  .my-25-sm {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .br-0-sm {
    border-radius: 0px;
  }

  .br-20-sm {
    border-radius: 20px;
  }

  .border-right-none-sm {
    border-right: none;
  }

  .h-15vh-sm {
    height: 15vh;
  }

  .h-20vh-sm {
    height: 20vh;
  }

  .navbar {
    padding: 0rem 1rem !important;
  }

  .d-flex-sm {
    display: flex !important;
  }

  .justify-center-sm {
    justify-content: center;
  }

  .align-initial-sm {
    align-items: initial !important;
  }

  .align-start-sm {
    align-items: start !important;
  }

  .align-items-end-sm {
    align-items: end !important;
  }

  .flex-wrap-sm {
    flex-wrap: wrap;
  }

  .yellow-banner {
    height: auto;
    display: block;
    padding-top: 100px;
  }

  .blue-banner {
    height: auto;
    display: block;
    padding-top: 100px;
  }

  .green-banner {
    height: auto;
    display: block;
    padding-top: 100px;
  }

  .banner {
    height: auto;
    display: block;
    padding-top: 100px;
  }

  .banner-content {
    order: 2;
    padding-left: 50px;
    padding-right: 50px;
    /* Place content below the image */
  }

  .banner-image {
    order: 1;
    padding-right: 0px;
    /* padding-top: 30px; */
    /* Place image above content */
  }

  .banner-image img {
    position: relative;
    width: 100%;
  }


  .position-bottom-sm {
    position: absolute !important;
    bottom: 0;

  }

  .position-5 {
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: -55px;
  }

  .code-bg {
    background-image: none;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 0;
  }

  .bg-blue-sm {
    background: linear-gradient(180deg, #044DC5 0%, #07377E 100%);
  }

  .white-sm {
    color: #ffffff;
  }

  .d-block-sm {
    display: block !important;
  }

  .d-none-sm {
    display: none !important;
  }

  .bottom-35-sm {
    bottom: -35px;
  }

  .left-30-sm {
    left: 30px !important;
  }

  .right-30-sm {
    right: 30px !important;
  }

  .heading-1 {
    font-size: 12px;
  }

  .heading-5 {
    font-size: 12px;
  }

  .btn-3 {
    font-size: 12px !important;
  }

  .fs-25-sm {
    font-size: 25px;
  }

  .text-center-sm {
    text-align: center;
  }

  .fs-15-sm {
    font-size: 15px;
  }

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

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

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

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

  .fs-18-sm {
    font-size: 18px;
  }

  .fs-10-sm {
    font-size: 10px;
  }

  .fs-20-sm {
    font-size: 20px;
  }

  .fs-22-sm {
    font-size: 22px;
  }

  .fs-24-sm {
    font-size: 24px;
  }

  .fs-26-sm {
    font-size: 26px;
  }

  .fs-25-sm {
    font-size: 25px;
  }

  .fs-30-sm {
    font-size: 30px;
  }

  .fs-35-sm {
    font-size: 35px;
  }

  .fs-50-sm {
    font-size: 50px;
  }

  .fs-60-sm {
    font-size: 60px;
  }

  .lh-24-sm {
    line-height: 24px;
  }

  .lh-initial-sm {
    line-height: initial;
  }

  .p-tb-40-sm {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pt-20-sm {
    padding-top: 20px;
  }

  .pt-25-sm {
    padding-top: 25px;
  }

  .pb-25-sm {
    padding-bottom: 25px;
  }

  .pt-30-sm {
    padding-top: 30px;
  }

  .pt-65-sm {
    padding-top: 65px;
  }

  .pt-60-sm {
    padding-top: 60px;
  }

  .py-60-sm {
    padding-top: 60px !important;
    padding-bottom: 100px !important;
  }

  .py-25-sm {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .py-100-sm {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .pb-30-sm {
    padding-bottom: 30px;
  }

  .pb-20-sm {
    padding-bottom: 20px;
  }

  .pt-10-sm {
    padding-top: 10px;
  }

  .pt-100-sm {
    padding-top: 100px;
  }

  .pt-150-sm {
    padding-top: 150px;
  }

  .pr-3px {
    padding-right: 15px !important;
  }

  .pl-3px {
    padding-left: 15px !important;
  }

  .p-15-sm {
    padding: 15px;
  }

  .p-5-sm {
    padding: 5px;
  }

  .p-0-sm {
    padding: 0;
  }

  .p-30-sm {
    padding: 30px;
  }

  .position-3 {
    top: 75px;
  }

  .position-bottom-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
  }

  .position-initial-sm {
    position: initial !important;
  }

  .p-10-sm {
    padding: 10px;
  }

  .p-20-sm {
    padding: 20px;
  }

  .px-25-sm {
    padding-left: 25px;
    padding-right: 25px;
  }

  .px-50-sm {
    padding-left: 50px;
    padding-right: 50px;
  }

  .px-30-sm {
    padding-left: 30px;
    padding-right: 30px;
  }

  .px-20-sm {
    padding-left: 20px;
    padding-right: 20px;
  }

  .px-0-sm {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-10-sm {
    padding-left: 10px;
    padding-right: 10px;
  }

  .px-15-sm {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .px-25-sm {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .pr-0-sm {
    padding-right: 0 !important;
  }

  .pr-15-sm{
    padding-right: 15px !important;
  }

  .pl-15-sm{
    padding-left: 15px !important;
  }

  .ls-initial-sm {
    letter-spacing: initial;
  }

  .container-set {
    padding-left: 15px !important;
    padding-right: 15px !important;
    max-width: 100% !important;
  }

  .container-set-1 {
    padding-left: 30px !important;
    padding-right: 30px !important;
    max-width: 100% !important;
  }

  .container-set-2 {
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: 100% !important;
  }

  .container-set-3 {
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: 100% !important;
  }

  .container-fluid-sm {
    padding-left: 15px;
    padding-right: 15px;
  }

  .navbar ul li {
    font-size: 12px;
  }

  .card-style-1 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .m-auto-sm {
    margin: auto;
  }

  .mt-auto-sm {
    margin-top: auto;
  }

  .mt-30-sm {
    margin-top: 30px;
  }

  .mt-40-sm {
    margin-top: 40px;
  }

  .mt-50-sm {
    margin-top: 50px;
  }

  .mt-70-sm {
    margin-top: 70px;
  }

    .-mt-50-sm {
      margin-top: -50px;
    }

  .mx-0-sm {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .mx-15-sm {
    margin-left: 15px;
    margin-right: 15px;
  }

  .mt-80-sm {
    margin-top: 80px;
  }

  .mt-90-sm {
    margin-top: 90px;
  }

  .mb-15-sm {
    margin-bottom: 15px;
  }

  .mb-20-sm {
    margin-bottom: 20px;
  }

  .mt-20-sm {
    margin-top: 20px;
  }

  .mt-15-sm {
    margin-top: 15px;
  }

  .mt-10-sm {
    margin-top: 10px;
  }

  .mt-5-sm{
    margin-top: 5px;
  }

  .ml-10-sm {
    margin-left: 10px;
  }

  .mt-0-sm {
    margin-top: 0px;
  }

  .ml-15-sm {
    margin-left: 15px;
  }

  .ml-0-sm {
    margin-left: 0px !important;
  }

  .mr-0-sm {
    margin-right: 0px;
  }

  .mr-25-sm {
    margin-right: -25px;
  }

  .mr-15-sm {
    margin-right: 15px;
  }

  .mr-10-sm{
    margin-right: 10px;
  }

  .mt-100-sm {
    margin-top: 100px;
  }

  .mb-30-sm {
    margin-bottom: 30px;
  }

  .mb-50-sm {
    margin-bottom: 30px;
  }

  .mb-100-sm {
    margin-bottom: 100px;
  }

  .mb-10-sm {
    margin-bottom: 10px;
  }

  .blue-sm {
    color: #2a8bdd;
  }

  .btn-1 {
    background-color: white;
    border-radius: 14px !important;
    padding: 0 !important;
    font-weight: 700 !important;
    font-size: 10px !important;
    color: #2a8bdd;
  }

  .fw-700-sm {
    font-weight: 700;
  }

  .fw-300-sm {
    font-weight: 300 !important;
  }

  .w-100-sm {
    width: 100%;
  }

  .w-90p-sm {
    width: 90% !important;
  }

  .w-80p-sm {
    width: 80% !important;
  }

  .h-68vh-sm {
    height: 68vh;
  }

  .h-350-sm {
    height: 350px;
  }

  .h-300-sm {
    height: 300px;
  }

  .h-200-sm {
    height: 200px;
  }

  .h-150-sm {
    height: 150px !important;
  }

  .h-250-sm {
    height: 250px;
  }

  .h-100-sm {
    height: 100px;
  }

  .h-18-sm {
    height: 18px;
  }

  .h-30-sm {
    height: 30px !important;
  }

  .h-auto-sm {
    height: auto !important;
  }

  .w-118-sm {
    width: 118px;
  }

  .w-50-sm {
    width: 50px;
  }

  .W-60-sm {
    width: 60px;
  }

  .h-60-sm {
    height: 60px;
  }

  .w-60p-sm {
    width: 60%;
  }

  .w-70p-sm {
    width: 70%;
  }

  .w-100p-sm {
    width: 100% !important;
  }

  .w-40p-sm {
    width: 40% !important;
  }

  .w-30p-sm {
    width: 30% !important;
  }

  .w-25p-sm {
    width: 25% !important;
  }

  .w-50p-sm {
    width: 50%;
  }

  .w-30-sm {
    width: 30px;
  }

  .w-17-sm {
    width: 17px;
  }

  .w-10-sm {
    width: 10px;
  }

  .card-style-2 {
    padding-top: 20px;
  }

  .justify-center-sm {
    justify-content: center !important;
  }

  .-bottom-50p-sm {
    bottom: -50px;
  }

  .text-position-1 {
    bottom: 20px;
  }

  .text-position-blog {
    bottom: 20px !important;
  }

}

@media (min-width: 380px) and (max-width: 767px) {
  .mb-100-lh {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 379px) {
  .fs-10-xs {
    font-size: 10px !important;
  }

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

  .px-20-xs {
    padding-left: 20px;
    padding-right: 20px;
  }

  .py-60-sm {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media (max-width: 1900px) {
  .zoom {
    zoom: 1 !important;
  }
}

@media (min-width: 1901px) {
  .w-80p-xl {
    width: 80% !important;
  }

  .w-60p-xl {
    width: 60% !important;
  }

  .justify-center-xl {
    justify-content: center;
  }
}

@media (min-width: 1501px) {
  .h-400-lg {
    height: 400px;
  }

  .h-350-lg {
    height: 350px;
  }
}



/* Giridhar css */

/* social media image animation */
.f_div img:last-child {
  display: none;
}

.f_div:hover img:last-child {
  display: block;
}

.f_div:hover img:first-child {
  display: none;
}

/* Link animation */
a u {
  text-decoration: none;
}

a u:hover {
  color: #6f42c1 !important;
  text-decoration: underline !important;
}

.black-text {
  color: black !important;
}

/* Animation on scrolling */
.hidden-div {
  display: none;
}

/* Animation six-icon */
.transform-icon1:hover {
  transform: scale(1.1);
  transition: transform 0.2s;
}

.transform-icon1:not(:hover) {
  transform: scale(1);
  transition: transform 0.2s;
}


.youtube-container {
  overflow: hidden;
  width: 100%;
  /* Keep it the right aspect-ratio */
  aspect-ratio: 16/9;
  /* No clicking/hover effects */
  pointer-events: none;
} 

.youtube-container iframe {
  /* Extend it beyond the viewport... */
  width: 300%;
  height: 100%;
  /* ...and bring it back again */
  margin-left: -100%;
}

/* ---end--- */
[data-sal]{transition-delay:0s;transition-delay:var(--sal-delay,0s);transition-duration:.2s;transition-duration:var(--sal-duration,.2s);transition-timing-function:ease;transition-timing-function:var(--sal-easing,ease)}[data-sal][data-sal-duration="200"]{transition-duration:.2s}[data-sal][data-sal-duration="250"]{transition-duration:.25s}[data-sal][data-sal-duration="300"]{transition-duration:.3s}[data-sal][data-sal-duration="350"]{transition-duration:.35s}[data-sal][data-sal-duration="400"]{transition-duration:.4s}[data-sal][data-sal-duration="450"]{transition-duration:.45s}[data-sal][data-sal-duration="500"]{transition-duration:.5s}[data-sal][data-sal-duration="550"]{transition-duration:.55s}[data-sal][data-sal-duration="600"]{transition-duration:.6s}[data-sal][data-sal-duration="650"]{transition-duration:.65s}[data-sal][data-sal-duration="700"]{transition-duration:.7s}[data-sal][data-sal-duration="750"]{transition-duration:.75s}[data-sal][data-sal-duration="800"]{transition-duration:.8s}[data-sal][data-sal-duration="850"]{transition-duration:.85s}[data-sal][data-sal-duration="900"]{transition-duration:.9s}[data-sal][data-sal-duration="950"]{transition-duration:.95s}[data-sal][data-sal-duration="1000"]{transition-duration:1s}[data-sal][data-sal-duration="1050"]{transition-duration:1.05s}[data-sal][data-sal-duration="1100"]{transition-duration:1.1s}[data-sal][data-sal-duration="1150"]{transition-duration:1.15s}[data-sal][data-sal-duration="1200"]{transition-duration:1.2s}[data-sal][data-sal-duration="1250"]{transition-duration:1.25s}[data-sal][data-sal-duration="1300"]{transition-duration:1.3s}[data-sal][data-sal-duration="1350"]{transition-duration:1.35s}[data-sal][data-sal-duration="1400"]{transition-duration:1.4s}[data-sal][data-sal-duration="1450"]{transition-duration:1.45s}[data-sal][data-sal-duration="1500"]{transition-duration:1.5s}[data-sal][data-sal-duration="1550"]{transition-duration:1.55s}[data-sal][data-sal-duration="1600"]{transition-duration:1.6s}[data-sal][data-sal-duration="1650"]{transition-duration:1.65s}[data-sal][data-sal-duration="1700"]{transition-duration:1.7s}[data-sal][data-sal-duration="1750"]{transition-duration:1.75s}[data-sal][data-sal-duration="1800"]{transition-duration:1.8s}[data-sal][data-sal-duration="1850"]{transition-duration:1.85s}[data-sal][data-sal-duration="1900"]{transition-duration:1.9s}[data-sal][data-sal-duration="1950"]{transition-duration:1.95s}[data-sal][data-sal-duration="2000"]{transition-duration:2s}[data-sal][data-sal-delay="50"]{transition-delay:.05s}[data-sal][data-sal-delay="100"]{transition-delay:.1s}[data-sal][data-sal-delay="150"]{transition-delay:.15s}[data-sal][data-sal-delay="200"]{transition-delay:.2s}[data-sal][data-sal-delay="250"]{transition-delay:.25s}[data-sal][data-sal-delay="300"]{transition-delay:.3s}[data-sal][data-sal-delay="350"]{transition-delay:.35s}[data-sal][data-sal-delay="400"]{transition-delay:.4s}[data-sal][data-sal-delay="450"]{transition-delay:.45s}[data-sal][data-sal-delay="500"]{transition-delay:.5s}[data-sal][data-sal-delay="550"]{transition-delay:.55s}[data-sal][data-sal-delay="600"]{transition-delay:.6s}[data-sal][data-sal-delay="650"]{transition-delay:.65s}[data-sal][data-sal-delay="700"]{transition-delay:.7s}[data-sal][data-sal-delay="750"]{transition-delay:.75s}[data-sal][data-sal-delay="800"]{transition-delay:.8s}[data-sal][data-sal-delay="850"]{transition-delay:.85s}[data-sal][data-sal-delay="900"]{transition-delay:.9s}[data-sal][data-sal-delay="950"]{transition-delay:.95s}[data-sal][data-sal-delay="1000"]{transition-delay:1s}[data-sal][data-sal-easing=linear]{transition-timing-function:linear}[data-sal][data-sal-easing=ease]{transition-timing-function:ease}[data-sal][data-sal-easing=ease-in]{transition-timing-function:ease-in}[data-sal][data-sal-easing=ease-out]{transition-timing-function:ease-out}[data-sal][data-sal-easing=ease-in-out]{transition-timing-function:ease-in-out}[data-sal][data-sal-easing=ease-in-cubic]{transition-timing-function:cubic-bezier(.55,.055,.675,.19)}[data-sal][data-sal-easing=ease-out-cubic]{transition-timing-function:cubic-bezier(.215,.61,.355,1)}[data-sal][data-sal-easing=ease-in-out-cubic]{transition-timing-function:cubic-bezier(.645,.045,.355,1)}[data-sal][data-sal-easing=ease-in-circ]{transition-timing-function:cubic-bezier(.6,.04,.98,.335)}[data-sal][data-sal-easing=ease-out-circ]{transition-timing-function:cubic-bezier(.075,.82,.165,1)}[data-sal][data-sal-easing=ease-in-out-circ]{transition-timing-function:cubic-bezier(.785,.135,.15,.86)}[data-sal][data-sal-easing=ease-in-expo]{transition-timing-function:cubic-bezier(.95,.05,.795,.035)}[data-sal][data-sal-easing=ease-out-expo]{transition-timing-function:cubic-bezier(.19,1,.22,1)}[data-sal][data-sal-easing=ease-in-out-expo]{transition-timing-function:cubic-bezier(1,0,0,1)}[data-sal][data-sal-easing=ease-in-quad]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-sal][data-sal-easing=ease-out-quad]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-sal][data-sal-easing=ease-in-out-quad]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-sal][data-sal-easing=ease-in-quart]{transition-timing-function:cubic-bezier(.895,.03,.685,.22)}[data-sal][data-sal-easing=ease-out-quart]{transition-timing-function:cubic-bezier(.165,.84,.44,1)}[data-sal][data-sal-easing=ease-in-out-quart]{transition-timing-function:cubic-bezier(.77,0,.175,1)}[data-sal][data-sal-easing=ease-in-quint]{transition-timing-function:cubic-bezier(.755,.05,.855,.06)}[data-sal][data-sal-easing=ease-out-quint]{transition-timing-function:cubic-bezier(.23,1,.32,1)}[data-sal][data-sal-easing=ease-in-out-quint]{transition-timing-function:cubic-bezier(.86,0,.07,1)}[data-sal][data-sal-easing=ease-in-sine]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-sal][data-sal-easing=ease-out-sine]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-sal][data-sal-easing=ease-in-out-sine]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-sal][data-sal-easing=ease-in-back]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-sal][data-sal-easing=ease-out-back]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-sal][data-sal-easing=ease-in-out-back]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-sal|=fade]{opacity:0;transition-property:opacity}[data-sal|=fade].sal-animate,body.sal-disabled [data-sal|=fade]{opacity:1}[data-sal|=slide]{opacity:0;transition-property:opacity,transform}[data-sal=slide-up]{transform:translateY(20%)}[data-sal=slide-down]{transform:translateY(-20%)}[data-sal=slide-left]{transform:translateX(20%)}[data-sal=slide-right]{transform:translateX(-20%)}[data-sal|=slide].sal-animate,body.sal-disabled [data-sal|=slide]{opacity:1;transform:none}[data-sal|=zoom]{opacity:0;transition-property:opacity,transform}[data-sal=zoom-in]{transform:scale(.5)}[data-sal=zoom-out]{transform:scale(1.1)}[data-sal|=zoom].sal-animate,body.sal-disabled [data-sal|=zoom]{opacity:1;transform:none}[data-sal|=flip]{backface-visibility:hidden;transition-property:transform}[data-sal=flip-left]{transform:perspective(2000px) rotateY(-91deg)}[data-sal=flip-right]{transform:perspective(2000px) rotateY(91deg)}[data-sal=flip-up]{transform:perspective(2000px) rotateX(-91deg)}[data-sal=flip-down]{transform:perspective(2000px) rotateX(91deg)}[data-sal|=flip].sal-animate,body.sal-disabled [data-sal|=flip]{transform:none}