/*---DEFAULT STYLING---*/
html {scroll-behavior: smooth;}
/*margins*/
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-35 {margin-top: 35px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-45 {margin-top: 45px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-55 {margin-top: 55px !important;}
.mt-60 {margin-top: 60px !important;}
.mt-65 {margin-top: 65px !important;}
.mt-70 {margin-top: 70px !important;}
.mt-75 {margin-top: 75px !important;}
.mt-80 {margin-top: 80px !important;}
.mt-85 {margin-top: 85px !important;}
.mt-90 {margin-top: 95px !important;}
.mt-95 {margin-top: 95px !important;}
.mt-100 {margin-top: 100px !important;}
.mt-200 {margin-top: 200px !important;}
.negative-05 {margin-top:-05px !important;}
.negative-30 {margin-top:-30px !important;}
.negative-40 {margin-top:-40px !important;}
.negative-50 {margin-top:-50px !important;}
.negative-55 {margin-top:-55px !important;}
.negative-60 {margin-top:-60px !important;}
.negative-75 {margin-top:-75px !important;}


.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-35 {margin-bottom: 35px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-45 {margin-bottom: 45px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-55 {margin-bottom: 55px !important;}
.mb-60 {margin-bottom: 60px !important;}
.mb-65 {margin-bottom: 65px !important;}
.mb-70 {margin-bottom: 70px !important;}
.mb-75 {margin-bottom: 75px !important;}
.mb-80 {margin-bottom: 80px !important;}
.mb-85 {margin-bottom: 85px !important;}
.mb-90 {margin-bottom: 95px !important;}
.mb-95 {margin-bottom: 95px !important;}
.mb-100 {margin-bottom: 100px !important;}
.mb-200 {margin-bottom: 200px !important;}
/*----*/
/*paddings*/
.pt-10 {padding-top: 10px !important;}
.pt-15 {padding-top: 15px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-25 {padding-top: 25px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-35 {padding-top: 35px !important;}
.pt-40 {padding-top: 40px !important;}
.pt-45 {padding-top: 45px !important;}
.pt-50 {padding-top: 50px !important;}
.pt-55 {padding-top: 55px !important;}
.pt-60 {padding-top: 60px !important;}
.pt-65 {padding-top: 65px !important;}
.pt-70 {padding-top: 70px !important;}
.pt-75 {padding-top: 75px !important;}
.pt-80 {padding-top: 80px !important;}
.pt-85 {padding-top: 85px !important;}
.pt-90 {padding-top: 95px !important;}
.pt-95 {padding-top: 95px !important;}
.pt-100 {padding-top: 100px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pl-30 {padding-left: 30px !important;}
.pl-40 {padding-left: 40px !important;}
.pl-50 {padding-left: 50px !important;}
.pr-30 {padding-right: 30px !important;}
.pr-30 {padding-right: 100px !important;}
/*----*/

.tooltipx {
  position: relative;
  display: inline-block;
}

.tooltipx .tooltiptextx {
  visibility: hidden;
  width: 360px;
  background-color: black;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 10px;

  /* Position the tooltip */
  position: absolute; 
  z-index: 1;
}

.tooltipx:hover .tooltiptextx {
  visibility: visible;
}


h1,h2,h4,h5,h6  {font-family: "Inter", sans-serif; }
h3 {font-family: "Caveat", sans-serif;}
p,li,a {font-family: "Inter", sans-serif;} 
/*----*/

/*colors*/

.white {color: #ffffff;}
.blue {color: #415aff;}
.yellow {color: #fdeb28;}
.dark {color:#000;}
.violet {color:#b700cc;}
.red {color:#e20809;}
.main-color {color: #b500c9;}
.side-color {color: #feea29;}
.gray { color: #A6A696; }
/*----*/

/*default spacing*/
.container {padding-top: 20px; padding-bottom: 50px;}
.container1 {padding-top: 5px; padding-bottom: 5px;}
.row {margin-top:20px; margin-bottom: 20px;}
/*----*/

/*text-styling*/
.text-center {text-align: center;}
.text-light {font-weight: 400;}
.text-normal {font-weight: 800;}
.text-bold {font-weight: bold;}
.text-left {text-align: left;}
.text-italic {font-style: italic;}
.text-huge {font-size: 90px;}
.text-huge2 {font-size: 130px;}
.text-small {font-size: 15px;}
.text-medium {font-size: 20px;}
.tetxt-justify {text-align: justify;}
h1 {font-size: 45px; margin-bottom: unset; line-height: 1.5;}
h2 {font-size: 40px;}
h3 {font-size: 39px;}
h4 {font-size: 30px;}
h5 {font-size: 25px; margin-bottom: unset;}
h6 {font-size: 23px}
p {font-size: 21px; margin-bottom: unset;}


/*video*/
.video-center {display: block; margin: auto; max-width: 100%; max-height: 100%;}
/*----

/*image*/
.img-center {display: block; margin: auto; max-width: 100%;}
.img-left {display: left; margin: auto; max-width: 100%;}
.img-right {display: right; margin: auto; max-width: 100%;}
/*----