.header-area {
  padding: 20px 0;
  background-color: #fff;
}



/*
++++++++++++++++++++++++++++++++++
==== =====nav menu all ====== ======
+++++++++++++++++++++++++++++++++
*/

.main-menu-ex li {
  display: inline-block;
}

.main-menu-ex li a {
  color: #131741;
  font-size: 16px;
  display: block;
  font-weight: 500;
  padding: 10px 15px;
  transition: all.3s;
}
.sticky li a {
    color: #131741 !important;
}
.main-menu-ex li a:hover {
  color: #F99F1C;
  transition: all.3s;
}
.main-menu-ex .has-dropdown {
  position: relative;
  z-index: 9;
}
.main-menu-ex .has-dropdown ul.sub-menu {
  position: absolute;
  left: 0;
  top: 50px;
  background: #fff;
  width: 200px;
  border-radius: 4px;
  box-shadow: rgb(0 0 0 / 20%) 0px 20px 30px;
  padding: 10px;
  z-index: 999;
}

.main-menu-ex li li {
  display: block;
}
.main-menu-ex li li a {
  padding: 10px 20px;
  color: #0e1124;
  font-weight: 500;
  transition: all.4s;
  border-radius: 4px;
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 3px 0;
  text-transform: capitalize;
}

.main-menu-ex.main-menu-ex2 li a:hover {
  color: #131741;
}


.main-menu-ex.main-menu-ex2 li li a::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 0%;
  height: 100%;
  color: #fff;
  border-radius: 5px;
  transition: all.4s;
  z-index: -1;
  opacity: 1;
  background: #131741;
}

.main-menu-ex.main-menu-ex2 li li a:hover::after {
  border-radius: 4px;
  width: 100%;
  opacity: 1;
  left: 0;
  right: auto;
}


li.has-dropdown1 {
  position: relative;
}

.main-menu-ex.main-menu-ex3 li a:hover {
  color: #2BB19A;
}


.main-menu-ex.main-menu-ex2 li a {
  color: #fff;
  font-size: 16px;
  display: block;
  font-weight: 500;
  padding: 10px 15px;
  transition: all.3s;
}

/* .main-menu-ex.main-menu-ex2 li a:hover {
  color: #FE6032;
} */

/* .main-menu-ex.main-menu-ex9 li a {
  color: #fff;
  font-size: 16px;
  display: block;
  font-weight: 500;
  padding: 10px 15px;
  transition: all.3s;
} */

.main-menu-ex.main-menu-ex2 li li a {
  color: #181A1C;
}

.main-menu-ex.main-menu-ex2 li li a:hover {
  color: #fff;
}


.main-menu-ex li li a .main-menu-ex li li a:hover {
  background-color: #00bf71;
  transform: rotatey(0deg);
  border-radius: 4px;
}
.has-dropdown1 {
  position: relative;
}

.main-menu-ex .has-dropdown > ul {
  opacity: 0;
  visibility: hidden;
  top: 60px;
  left: 0;
  transition: all 0.3s;
  transform: translateY(20px);
}

.main-menu-ex li li > ul {
  left: 100%;
  right: auto;
}

.main-menu-ex li li:hover > ul {
 top: 0;
}

.main-menu-ex .has-dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 50px;
  transition: all 0.3s;
  z-index: 99;
  transform: translateY(0);
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
}

li.has-dropdown1 {
  position: relative;
}
li.has-dropdown1 span {
  position: absolute;
  right: 10px;
}

.header-area-all.sticky2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  z-index: 111;
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  background-color: #021334;
  transition: all 0.3s ease-in-out;
  z-index: 99999999;
}

.header-area-all.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  z-index: 111;
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
  z-index: 99999999;
}

.header-area-all.header-area-all2.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  z-index: 111;
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  background-color: #181A1C;
  transition: all 0.3s ease-in-out;
  z-index: 99999;
}

@-webkit-keyframes fade-in-down {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fade-in-down {
  0% {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fade-in-down {
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.header-area-all.header-area-all-pages {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  z-index: 111;
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
  z-index: 99;
}

.header-area.header-area3.header-area-all {
  background-color: #fff;
  transition: all.4s;
}

/*
++++++++++++++++++++++++++++++++++
==== =====nav menu all ====== ======
+++++++++++++++++++++++++++++++++
*/


/*
+++++++++++++++++++++++++++++++++++++
==== =====nav menu 4 all ====== ======
++++++++++++++++++++++++++++++++++++
*/

/*
+++++++++++++++++++++++++++++++++++++
==== =====nav menu 4 all ====== ======
+++++++++++++++++++++++++++++++++++++
*/

.mega-menu-all {
  background: #fff;
  width: 100%;
  height: 580px;
  position: absolute;
  left: 0;
  top: 70px;
  border-radius: 5px;
  transform: translateY(70px);
  transition: all.3s;
  visibility: hidden;
  box-shadow: rgb(0 0 0 / 20%) 0px 20px 30px;
  padding: 30px;
  opacity: 0;
  overflow-y: scroll;
}

.mega-dropdawn:hover .mega-menu-all {
  transform: translateY(0);
  transition: all.6s;
  visibility: visible;
  opacity: 1;
}

.mega-menu-item-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #0c0c0c;
  opacity: 0.4;
  z-index: 1;
  opacity: 0;
  transition: all.4s;
  border-radius: 5px;
  transform: scale(0.8);
}
.mega-menu-item-box:hover::after {
  opacity: 0.5;
  transition: all.4s;
  transform: scale(1);
}


.mega-menu-items-button a {
  width: 150px;
  position: relative;
  z-index: 23;
}

.mega-menu-items-button {
  position: absolute;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  margin-left: -75px;
  transition: all.4s;
  z-index: 99;
}

.mega-menu-item-box {
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
}

.mega-menu-item-box:hover .mega-menu-items-button {
  bottom: 70px;
  visibility: visible;
  opacity: 1;
  transition: all.4s;
}

ul.sub-menu-all {
  position: absolute;
  left: 200px;
  top: -30px;
}

ul.sub-menu-all {
  background: #fff;
  width: 110%;
  margin-left: 197px;
  padding: 10px;
  border-radius: 5px;
  margin-top: -40px;
}
.mega-menu-box-img img {
  border-radius: 5px;
}


/*
+++++++++++++++++++++++++++++++++++++
==== =====nav menu 3 all ====== ======
+++++++++++++++++++++++++++++++++++++
*/

.main-menu-ex.main-menu-ex3 li a:hover {
  color: #0D4F51;
}

.main-menu-ex.main-menu-ex3 li li a:hover {
  color: #fff;
}


.main-menu-ex.main-menu-ex3 li li a::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 0%;
  height: 100%;
  color: #fff;
  border-radius: 5px;
  transition: all.4s;
  z-index: -1;
  opacity: 1;
  background: #0D4F51;
}

.main-menu-ex.main-menu-ex3 li li a:hover::after {
  border-radius: 4px;
  width: 100%;
  opacity: 1;
  left: 0;
  right: auto;
}

.mega-menu-items-button.mega-menu-items-button2 a {
  color: #0D4F51;
  text-align: center;
  background-color: #fff;
}

.main-menu-ex.main-menu-ex3 .mega-menu-items-button.mega-menu-items-button2 a:hover {
  background-color: #0D4F51;
  color: #fff;
}


/*
+++++++++++++++++++++++++++++++++++++
==== =====nav menu 3 all ====== ======
+++++++++++++++++++++++++++++++++++++
*/

/*
+++++++++++++++++++++++++++++++++++++
==== =====nav menu 4 all ====== ======
+++++++++++++++++++++++++++++++++++++
*/

.main-menu-ex.main-menu-ex4 li a:hover {
  color: #131741;
}

.main-menu-ex.main-menu-ex4 li li a:hover {
  color: #fff;
}


.main-menu-ex.main-menu-ex4 li li a::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 0%;
  height: 100%;
  color: #fff;
  border-radius: 5px;
  transition: all.4s;
  z-index: -1;
  opacity: 1;
  background: #131741;
}

.main-menu-ex.main-menu-ex4 li li a:hover::after {
  border-radius: 4px;
  width: 100%;
  opacity: 1;
  left: 0;
  right: auto;
}

.mega-menu-items-button.mega-menu-items-button2 a {
  color: #0D4F51;
  text-align: center;
  background-color: #fff;
}

.main-menu-ex.main-menu-ex3 .mega-menu-items-button.mega-menu-items-button2 a:hover {
  background-color: #0D4F51;
  color: #fff;
}


/*
+++++++++++++++++++++++++++++++++++++
==== =====nav menu 4 all ====== ======
+++++++++++++++++++++++++++++++++++++
*/

/*
+++++++++++++++++++++++++++++++++++++
==== =====nav menu 4 all ====== ======
+++++++++++++++++++++++++++++++++++++
*/

.main-menu-ex.main-menu-ex5 li a:hover {
  color: #2B29A4;
}

.main-menu-ex.main-menu-ex5 li li a:hover {
  color: #fff;
}


.main-menu-ex.main-menu-ex5 li li a::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 0%;
  height: 100%;
  color: #fff;
  border-radius: 5px;
  transition: all.4s;
  z-index: -1;
  opacity: 1;
  background: #2B29A4;
}

.main-menu-ex.main-menu-ex5 li li a:hover::after {
  border-radius: 4px;
  width: 100%;
  opacity: 1;
  left: 0;
  right: auto;
}

.mega-menu-items-button.mega-menu-items-button5 a {
  color: #2B29A4;
  text-align: center;
  background-color: #fff;
  padding: 12px 10px;
}

.main-menu-ex.main-menu-ex5 .mega-menu-items-button.mega-menu-items-button5 a:hover {
  background-color: #403eaa;
  color: #fff;
}


/*
+++++++++++++++++++++++++++++++++++++
==== =====nav menu 4 all ====== ======
+++++++++++++++++++++++++++++++++++++
*/

/*
+++++++++++++++++++++++++++++++++++++
==== =====nav menu 4 all ====== ======
+++++++++++++++++++++++++++++++++++++
*/

.main-menu-ex.main-menu-ex6 li a:hover {
  color: #6A6A9A;
}

.main-menu-ex.main-menu-ex6 li li a:hover {
  color: #fff;
}


.main-menu-ex.main-menu-ex6 li li a::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 0%;
  height: 100%;
  color: #fff;
  border-radius: 5px;
  transition: all.4s;
  z-index: -1;
  opacity: 1;
  background: #6A6A9A;
}

.main-menu-ex.main-menu-ex6 li li a:hover::after {
  border-radius: 4px;
  width: 100%;
  opacity: 1;
  left: 0;
  right: auto;
}

.mega-menu-items-button.mega-menu-items-button5 a {
  color: #2B29A4;
  text-align: center;
  background-color: #fff;
  padding: 12px 10px;
}

.main-menu-ex.main-menu-ex5 .mega-menu-items-button.mega-menu-items-button5 a:hover {
  background-color: #403eaa;
  color: #fff;
}

.mega-menu-items-button.mega-menu-items-button6 a {
  color: #fff;
  text-align: center;
  padding: 12px 0;
  line-height: 36px;
}

.mega-menu-items-button.mega-menu-items-button6 a:hover {
  color: #fff;
}

.main-menu-ex.main-menu-ex6 .mega-menu-items-button.mega-menu-items-button6 a:hover {
  color: #fff;
}


/*
+++++++++++++++++++++++++++++++++++++
==== =====nav menu 4 all ====== ======
+++++++++++++++++++++++++++++++++++++
*/


/*
+++++++++++++++++++++++++++++++++++++
==== =====nav menu 4 all ====== ======
+++++++++++++++++++++++++++++++++++++
*/

.main-menu-ex.main-menu-ex7 li a:hover {
  color: #4893FF;
}

.main-menu-ex.main-menu-ex7 li li a:hover {
  color: #fff;
}


.main-menu-ex.main-menu-ex7 li li a::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 0%;
  height: 100%;
  color: #fff;
  border-radius: 5px;
  transition: all.4s;
  z-index: -1;
  opacity: 1;
  background: #4893FF;
}

.main-menu-ex.main-menu-ex7 li li a:hover::after {
  border-radius: 4px;
  width: 100%;
  opacity: 1;
  left: 0;
  right: auto;
}

.mega-menu-items-button.mega-menu-items-button7 a {
  padding: 12px 10px;
  color: #fff;
  line-height: 30px;
}

.main-menu-ex.main-menu-ex7 .mega-menu-items-button.mega-menu-items-button7 a:hover {
  color: #fff;
}

/*
+++++++++++++++++++++++++++++++++++++
==== =====nav menu 4 all ====== ======
+++++++++++++++++++++++++++++++++++++
*/


/*
+++++++++++++++++++++++++++++++++++++
==== =====nav menu 4 all ====== ======
+++++++++++++++++++++++++++++++++++++
*/

.main-menu-ex.main-menu-ex11 li a {
  color: #fff;
}

.main-menu-ex.main-menu-ex11 li li a {
  color: #0c0c0c;
}

.main-menu-ex.main-menu-ex11 li a:hover {
  color: #B51DEE;
}

.main-menu-ex.main-menu-ex11 li li a:hover {
  color: #fff;
}


.main-menu-ex.main-menu-ex11 li li a::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 0%;
  height: 100%;
  color: #fff;
  border-radius: 5px;
  transition: all.4s;
  z-index: -1;
  opacity: 1;
  background: #B51DEE;
}

.main-menu-ex.main-menu-ex11 li li a:hover::after {
  border-radius: 4px;
  width: 100%;
  opacity: 1;
  left: 0;
  right: auto;
}

.main-menu-ex.main-menu-ex8 .mega-menu-items-button.mega-menu-items-button8 a:hover {
  color: #fff;
}

.main-menu-ex.main-menu-ex8 a {
  line-height: 30px;
}

.mega-menu-items-button.mega-menu-items-button8 a {
  line-height: 34px;
}
.mega-menu-items-button.mega-menu-items-button8 a:hover {
  color: #fff;
}

.main-menu-ex.main-menu-ex11 .mega-menu-items-button.mega-menu-items-button8 a:hover {
  color: #fff;
}

/*
+++++++++++++++++++++++++++++++++++++
==== =====nav menu 4 all ====== ======
+++++++++++++++++++++++++++++++++++++
*/


.main-menu-ex.main-menu-ex8 li a {
  color: #fff;
}

.main-menu-ex.main-menu-ex8 li li a {
  color: #0c0c0c;
}

.main-menu-ex.main-menu-ex8 li a:hover {
  color: #E50114;
}

.main-menu-ex.main-menu-ex8 li li a:hover {
  color: #fff;
}


.main-menu-ex.main-menu-ex8 li li a::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 0%;
  height: 100%;
  color: #fff;
  border-radius: 5px;
  transition: all.4s;
  z-index: -1;
  opacity: 1;
  background: #E50114;
}

.main-menu-ex.main-menu-ex8 li li a:hover::after {
  border-radius: 4px;
  width: 100%;
  opacity: 1;
  left: 0;
  right: auto;
}



.main-menu-ex.main-menu-ex9 li a:hover {
  color: #FE6032;
}

.main-menu-ex.main-menu-ex9 li li a:hover {
  color: #fff;
}


.main-menu-ex.main-menu-ex9 li li a::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 0%;
  height: 100%;
  color: #fff;
  border-radius: 5px;
  transition: all.4s;
  z-index: -1;
  opacity: 1;
  background: #FE6032;
}

.main-menu-ex.main-menu-ex9 li li a:hover::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  border-radius: 5px;
  transition: all.4s;
  z-index: -1;
  opacity: 1;
  background: #FE6032;
}






.main-menu-ex.main-menu-ex10 li a:hover {
  color: #9400FF;
}

.main-menu-ex.main-menu-ex10 li li a:hover {
  color: #fff;
}


.main-menu-ex.main-menu-ex10 li li a::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 0%;
  height: 100%;
  color: #fff;
  border-radius: 5px;
  transition: all.4s;
  z-index: -1;
  opacity: 1;
  background: #9400FF;
}

.main-menu-ex.main-menu-ex10 li li a:hover::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  border-radius: 5px;
  transition: all.4s;
  z-index: -1;
  opacity: 1;
  background: #9400FF;
}






.main-menu-ex.main-menu-ex12 li a {
  color: #fff;
}

.main-menu-ex.main-menu-ex12 li li a {
  color: #0c0c0c;
}

.main-menu-ex.main-menu-ex12 li a:hover {
  color: #DE8E59;
}

.main-menu-ex.main-menu-ex12 li li a:hover {
  color: #fff;
}


.main-menu-ex.main-menu-ex12 li li a::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 0%;
  height: 100%;
  color: #fff;
  border-radius: 5px;
  transition: all.4s;
  z-index: -1;
  opacity: 1;
  background: #DE8E59;
}

.main-menu-ex.main-menu-ex12 li li a:hover::after {
  border-radius: 4px;
  width: 100%;
  opacity: 1;
  left: 0;
  right: auto;
}

.main-menu-ex.main-menu-ex-preview ul li a {
  color: #fff;
}

.main-menu-ex.main-menu-ex-preview ul li a:hover {
  color: #131741;
}


/* ================================================================================================================== */



/*----===========FOOTER AREA CSS----============*/
.single-footer ul {
    list-style: none;
    padding: 0;
    padding-left: 32px;
  }
  
  .single-footer ul li a {
    color: #6B706E;
    font-size: 16px;
    padding: 6px 0;
    display: inline-block;
    transition: all.3s;
    text-transform: capitalize;
    }
  .single-footer ul li a:hover {
    color: #131741;
    transition: all.3s;
    margin-left: 5px;
  }
  .padding-left20 {
    padding-left: 28px;
  }
  
  .footer-area3 .single-footer ul li a:hover {
    color: #131741;
  }

  .single-footer-contact h3 {
    text-transform: capitalize;
  }
  
  .single-footer h3 {
    margin-left: 28px;
    margin-bottom: 20px;
    color: var(--neutral-main-text-color, #19191B);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 100% */
  }
  .copyright2 {
    border-top: 1px solid #CCCFD6;
    padding: 16px 0;
    margin-top: 40px;
  }
  .social1 ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .social1 ul li {
    display: inline-block;
  }
  
  .social1 ul li a {
    height: 40px;
    width: 40px;
    display: inherit;
    border-radius: 50%;
    text-align: center;
    color: #19191B;
    line-height: 40px;
    transition: all.4s;
    border: 1px solid #E7EAF0;
    padding: 0;
    margin-right: 5px;
  }

  .social1 ul li a:hover {
    background-color: #131741;
    color: #fff;
    transition: all.4s;
  }
  
  @media screen and (max-width: 426px) {
    .social.social1 {
      display: flex;
      justify-content: start;
      padding-bottom: 30px;
    }
    .single-footer ul {
      padding: 0;
      margin: 0;
    }
    .single-footer h3 {
      margin-left: 0;
      margin-bottom: 10px;
      margin-top: 22px;
  }
  .testimonial2.sp2 {
    padding-bottom: 100px;
  }
  }
  
  .foonter-contact-icon-1 > div {
    background: #2f81ed17;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
  }
  .foonter-contact-p a {
    color: #525975;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
  }
  .foonter-contact-1 {
    display: flex;
    align-items: start;
  }
  .foonter-contact-p {
    padding-left: 8px;
  }
  .foonter-contact-1 {
    padding-top: 24px;
  }
  /*----===========FOOTER AREA CSS----============*/
  
  /*----===========HOME4 FOOTER AREA CSS----============*/
  
  .social.social4 {
    margin-top: 30px;
  }
  
  
  .social.social4 ul li {
    display: inline-block;
    margin-right: 7px;
  }
  
  
  /*----===========HOME4 FOOTER AREA CSS----============*/
  
  .foonter-contact-p3 a {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #19191B;
    margin-left: 10px;
    margin-top: 10px;
  }
  
  .foonter-contact3 {
    display: flex;
    align-items: center;
  }
  
  .social.social2 ul {
    margin: 0;
    padding: 0;
  }
  
  .social.social2 ul li a {
    height: 32px;
    width: 32px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #E7EAF0;
    text-align: center;
    line-height: 32px;
    color: #19191B;
    transition: all.4s;
  }

  .social.social3 ul li a {
    height: 32px;
    width: 32px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #E7EAF0;
    text-align: center;
    line-height: 32px;
    color: #19191B;
    transition: all.4s;
  }

  .social.social4 ul li a {
    height: 32px;
    width: 32px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #E7EAF0;
    text-align: center;
    line-height: 32px;
    color: #19191B;
    transition: all.4s;
  }

  .social.social4 ul li a:hover {
    background-color: #2B29A4;
    color: #fff;
  }

  .social.social5 ul li {
    display: inline-block;
    margin-right: 3px;
  }
  .social.social5 ul li a {
    height: 32px;
    width: 32px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #E7EAF0;
    text-align: center;
    line-height: 32px;
    color: #19191B;
    transition: all.4s;
  }

  .social.social5 ul li a:hover {
    background-color: #6A6A9A;
    color: #fff;
  }


  .social.social6 ul li {
    display: inline-block;
    margin-right: 3px;
  }
  .social.social6 ul li a {
    height: 32px;
    width: 32px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #E7EAF0;
    text-align: center;
    line-height: 32px;
    color: #19191B;
    transition: all.4s;
  }

  .social.social6 ul li a:hover {
    background-color: #4893FF;
    color: #fff;
  }


  .social.social7 ul li {
    display: inline-block;
    margin-right: 3px;
  }
  .social.social7 ul li a {
    height: 32px;
    width: 32px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #E7EAF0;
    text-align: center;
    line-height: 32px;
    color: #19191B;
    transition: all.4s;
  }

  .social.social7 ul li a:hover {
    background-color: #B51DEE;
    color: #fff;
  }


  .social.social12 ul li {
    display: inline-block;
    margin-right: 3px;
  }
  .social.social12 ul li a {
    height: 32px;
    width: 32px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #E7EAF0;
    text-align: center;
    line-height: 32px;
    color: #19191B;
    transition: all.4s;
  }

  .social.social12 ul li a:hover {
    background-color: #DE8E59;
    color: #fff;
  }


  
  
  .social.social2 ul li {
    display: inline-block;
    margin: 1px 3px;
  }

  .social.social3 ul li {
    display: inline-block;
    margin: 1px 3px;
  }
  
  
  .social.social2 ul li a:hover {
    background-color: #131741;
    transition: all.4s;
    color: #fff;
  }

  .social.social3 ul li a:hover {
    background-color: #0D4F51;
    transition: all.4s;
    color: #fff;
  }
  
  .single-footer.single-footer2 ul li a:hover {
    color: #013E39;
  }

  .single-footer.single-footer4 ul li a {
    color: var(--Paragraph-Color, rgba(8, 17, 13, 0.60));
  }

  .single-footer.single-footer4 ul li a:hover {
    color: #2B29A4;
  }

  .single-footer.single-footer3 ul li a:hover {
    color: #0D4F51;
  }

  .single-footer.single-footer7 ul li a:hover {
    color: #B51DEE;
  }
  
  .footer2-bottom-input input {
    padding: 13px;
    border-radius: 25px;
    border: 1px solid #19191B;
  }
  
  .single-footer.single-footer2 ul {
    margin: 0;
    padding: 0;
    padding-left: 27px;
  }
  
  .single-footer-contact.single-footer.single-footer2 form {
    margin-left: 32px;
  }

  .contact-icon-box2 {
    display: flex;
    align-items: start;
    padding-top: 16px;
  }

  .single-footer.single-footer2 ul li a:hover {
    color: #131741;
  }

  .single-footer.single-footer6 ul li a:hover {
    color: #4893FF;
  }


  .single-footer ul li a {
    overflow: hidden;
    margin-left: -24px;
    transition: all.4s;
  }

  .single-footer ul li a span {
    transform: translateX(-23px) rotate(-10deg);
    display: inline-block;
    transition: all.4s;
}

.single-footer ul li a:hover span {
  transform: translateX(0) rotate(-45deg);
  transition: all.4s;
}

.single-footer.single-footer3 li a span {
  color: #131741;
}

.single-footer.single-footer3 ul li a:hover {
  color: #131741;
}

.single-footer.single-footer4 li a span {
  color: #2B29A4;
}

.single-footer.single-footer4 ul li a:hover {
  color: #2B29A4;
}

.single-footer.single-footer5 li a span {
  color: #6A6A9A;
}

.single-footer.single-footer5 ul li a:hover {
  color: #6A6A9A;
}

.single-footer.single-footer6 li a span {
  color: #4893FF;
}

.single-footer.single-footer6 ul li a:hover {
  color: #4893FF;
}

.single-footer.single-footer7 li a span {
  color: #B51DEE;
}

.single-footer.single-footer7 ul li a:hover {
  color: #B51DEE;
}


.single-footer.single-footer12 li a span {
  color: #DE8E59;
}

.single-footer.single-footer12 ul li a:hover {
  color: #DE8E59;
}


.social.social9 ul li {
  display: inline-block;
  margin-right: 3px;
}
.social.social9 ul li a {
  height: 32px;
  width: 32px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #E7EAF0;
  text-align: center;
  line-height: 32px;
  color: #19191B;
  transition: all.4s;
}

.social.social9 ul li a:hover {
  background-color: #FE6032;
  color: #fff;
}


.single-footer.single-footer9 ul li a:hover {
  color: #FE6032;
}

.single-footer.single-footer9 ul li a:hover span {
  color: #FE6032;
}



.social.social10 ul li {
  display: inline-block;
  margin-right: 3px;
}
.social.social10 ul li a {
  height: 32px;
  width: 32px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #E7EAF0;
  text-align: center;
  line-height: 32px;
  color: #19191B;
  transition: all.4s;
}

.social.social10 ul li a:hover {
  background-color: #9400FF;
  color: #fff;
}


.single-footer.single-footer10 ul li a:hover {
  color: #9400FF;
}

.single-footer.single-footer10 ul li a:hover span {
  color: #9400FF;
}


/* ================================================================================================================== */






/* ======home 1 all===== */

.theme-btn1{
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Cabin', sans-serif;
    font-weight: 600;
    color: #fff !important;
    text-align: center;
    border-radius: 2px;
    padding: 16px 24px;
    z-index: 1;
    background: #131741;
    border-radius: 5px;
  }
  
  .theme-btn1 i{
    position: relative;
    margin-left: 10px;
    font-size: 16px;
  }
  
  .theme-btn1:hover:after{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  }
  
  .theme-btn1:after{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f99f1c;
    border-radius: 2px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 5px;
  }
  
  .theme-btn1:hover:after {
    opacity: 1;
  }


  .theme-btn{
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Cabin', sans-serif;
    font-weight: 600;
    color: #fff !important;
    text-align: center;
    border-radius: 2px;
    padding: 16px 24px;
    z-index: 1;
    background: #131741;
    border-radius: 5px;
  }
  
  .theme-btn i{
    position: relative;
    margin-left: 10px;
    font-size: 16px;
  }
  
  .theme-btn:hover:after{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  }
  
  .theme-btn:after{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f99f1c;
    border-radius: 2px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 5px;
  }
  
  .theme-btn:hover:after {
    opacity: 1;
  }


  .hadding1 span {
    color: var(--main-color, #131741);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; /* 100% */
  }

  .hadding1 h1 {
    color: var(--main-text-color, #131741);
font-size: 25px;
font-style: normal;
font-weight: 300;
line-height: 48px; /* 120% */
  }

  .abb{
    width: 100px;
    height: 4px;
    background-color: #f99f1c;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  
  .hadding1 p {
    color: var(--paragraph-color, rgba(8, 17, 13, 0.60));
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
  }

  .hadding1 h4 a {
    color: var(--main-text-color, #f99f1c);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 100% */
display: inline-block;
transition: all.3s;
  }

  .hadding1 h4 a:hover {
    color: #131741;
    transition: all.3s;
  }

  .hadding1 h3 a {
    color: #f99f1c;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 22px; /* 100% */
transition: all.4s;
  }

  .hadding1 h3 a:hover {
    color: #131741;
    transition: all.4s;
  }

  .img100 img {
    width: 100%;
  }

  .hadding1 h2 {
    color: #f99f1c;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 100% */
  }

/* ======home 1 all===== */

/* =========home 2 all========== */

/* ==========home 2 all======== */

/* ==========home 3 all======== */

.theme-btn6  {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 100% */
  background-color: #0D4F51;
  padding: 16px 24px;
  border-radius: 5px;
  display: inline-block;
  transition: all.4s;
}

.theme-btn6:hover {
  background-color: #fff;
  color: #0D4F51;
  transition: all.4s;
  transform: translateY(-5px);
}

.theme-btn7  {
  color: #0D4F51;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 100% */
  background-color: #fff;
  padding: 16px 24px;
  border-radius: 5px;
  display: inline-block;
  transition: all.4s;
  margin-left: 16px;
}

.theme-btn7:hover {
  background-color: #0D4F51;
  color: #fff;
  transition: all.4s;
  transform: translateY(-5px);
}

.theme-btn8  {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 100% */
  background-color: #0D4F51;
  padding: 18px 24px;
  border-radius: 5px;
  display: inline-block;
  transition: all.4s;
  border: none;
}

.theme-btn8:hover {
  background-color: #13787b;
  color: #fff;
  transition: all.4s;
  transform: translateY(-5px);
}

.hadding3 span.span {
  color: var(--4th-Home-Main, #0D4F51);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 100% */
display: inline-block;
}
.hadding3 h1 {
  color: var(--neutral-main-text-color, #19191B);
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 48px; /* 120% */
text-transform: capitalize;
}

.hadding3 p {
  color: var(--Paragraph-Color, rgba(8, 17, 13, 0.60));
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 175% */
}

/* ==========home 3 all======== */


/* ==========home 4 all======== */

.theme-btn9 {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 100% */
  background-color: #2B29A4;
  padding: 18px 24px;
  border-radius: 5px;
  display: inline-block;
  transition: all.4s;
  border: none;
}

.theme-btn9:hover {
  background-color: #4b49de;
  color: #fff;
  transition: all.4s;
  transform: translateY(-5px);
}

.theme-btn10 {
  color: #2B29A4;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 100% */
  background: transparent;
  padding: 18px 24px;
  border-radius: 5px;
  display: inline-block;
  transition: all.4s;
  border-radius: 5px;
border: 1px solid var(--3rd-home-main, #2B29A4);
margin-left: 10px;
}

.theme-btn10:hover {
  background-color: #4b49de;
  color: #fff;
  transition: all.4s;
  transform: translateY(-5px);
}


.hadding4 span {
  color: var(--3rd-home-main, #2B29A4);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 18px; /* 100% */
text-transform: uppercase;
display: inline-block;
}

.hadding4 h1 {
  color: var(--neutral-main-text-color, #19191B);
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 48px; /* 120% */
text-transform: capitalize;
}

.hadding4 p {
  color: var(--Paragraph-Color, rgba(8, 17, 13, 0.60));
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 155.556% */
}

.hadding4 h4 a {
  color: var(--neutral-main-text-color, #19191B);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 100% */
text-transform: capitalize;
}

.hadding4 h4 {
  color: var(--neutral-main-text-color, #19191B);
font-size: 20px;
font-style: normal;
font-weight: 750;
line-height: 20px; /* 100% */
text-transform: capitalize;
}

.hadding4 h4 a:hover {
  color: #2B29A4;
}

.hadding4 h4:hover {
  color: #2B29A4;
}

.service4-box {
  border-radius: 5px;
background: #FFF;
padding: 16px;
}

.hadding4-w span {
  color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 18px; /* 100% */
text-transform: uppercase;
display: inline-block;
}
.hadding4-w h1 {
  color: #FFF;
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 750;
line-height: 48px; /* 120% */
text-transform: capitalize;
}
/* ==========home 4 all======== */

/* ==========home 5 all======== */

.hadding5 span.span {
  color: var(--2nd-HP-secendary, #6A6A9A);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 18px; /* 100% */
}

.hadding5 h1 {
  color: var(--Main-Text-Color, #f99f1c);
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 48px; /* 120% */
}

.hadding5 p {
  color: var(--Paragraph-Color, rgba(8, 17, 13, 0.60));
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 155.556% */
transition: all.4s;
}

.hadding5 h4 a {
  color: var(--Main-Text-Color, #f99f1c);
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 100% */
transition: all.4s;
}

.google-reting-star li {
  display: inline-block;
  color: #FF845E;
}

.google-reting-star  {
  padding-left: 10px;
}

.google-reting-star {
  display: flex;
  align-items: center;
  }

  .about5-reting {
    display: flex;
    align-items: center;
  }

  .google-reting-star h5 {
    color: var(--Main-Text-Color, #f99f1c);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 100% */
padding-right: 8px;
  }

  .google-reting {
    display: flex;
    align-items: center;
  }

  .google-reting-all {
    padding-left: 20px;
  }

  .google-reting-p p {
    color: var(--Main-Text-Color, #f99f1c);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 12px; /* 100% */
padding-left: 40px;
padding-top: -10px;
  }

  .google-reting-p p a {
    color: var(--Main-Text-Color, #f99f1c);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 100% */
    display: inline-block;
  }

  .google-reting-img img {
    padding-top: 10px;
  }

  .about5-hadding {
    padding-left: 20px;
  }



  


.theme-btn11::before, .theme-btn11::after, .theme-btn11 span::before, .theme-btn11 span::after {
  content: "";
  position: absolute;
  top: 0;
  width: 25.25%;
  height: 0;
  background: #6A6A9A;
  z-index: -1;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.theme-btn11 span::before, .theme-btn11 span::after {
  content: "";
  position: absolute;
  top: 0;
  width: 25.25%;
  height: 0;
  background: #6A6A9A;
  z-index: -1;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.theme-btn11::before {
  left: 0;
}

.theme-btn11::after {
  left: 50%;
}

.theme-btn11 span::before, .theme-btn11 span::after {
  top: auto;
  bottom: 0;
}

.theme-btn11 span::before {
  left: 25%;
}

.theme-btn11 span::after {
  left: 75%;
}
.theme-btn11:hover::before, .theme-btn11:hover::after, .theme-btn11:hover span::before, .theme-btn11:hover span::after {
  height: 100%;
}

.theme-btn11:hover {
  color: #fff;
  transform: translateY(-5px);
}
.theme-btn11 {
    position: relative;
    overflow: hidden;
    font-size: 18px;
    font-weight: 700;
    height: 58px;
    line-height: 58px;
    border-radius: 4px;
    padding: 0 24px;
    text-align: center;
    border: none;
    outline: none;
    text-transform: capitalize;
    display: inline-block;
    background: #1A1A42;
    color: #ffffff;
    z-index: 2;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.button5-all {
  display: flex;
  align-items: center;
}

.hadding5 h6 a {
  color: var(--Main-Text-Color, #f99f1c);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 100% */
}



.theme-btn12::before, .theme-btn12::after, .theme-btn12 span::before, .theme-btn12 span::after {
  content: "";
  position: absolute;
  top: 0;
  width: 25.25%;
  height: 0;
  background: #F0F0F5;
  z-index: -1;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.theme-btn12 span::before, .theme-btn12 span::after {
  content: "";
  position: absolute;
  top: 0;
  width: 25.25%;
  height: 0;
  background: #F0F0F5;
  z-index: -1;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.theme-btn12::before {
  left: 0;
}

.theme-btn12::after {
  left: 50%;
}

.theme-btn12 span::before, .theme-btn12 span::after {
  top: auto;
  bottom: 0;
}

.theme-btn12 span::before {
  left: 25%;
}

.theme-btn12 span::after {
  left: 75%;
}
.theme-btn12:hover::before, .theme-btn12:hover::after, .theme-btn12:hover span::before, .theme-btn12:hover span::after {
  height: 100%;
}

.theme-btn12:hover {
  color: #f99f1c;
  transform: translateY(-5px);
}
.theme-btn12 {
    position: relative;
    overflow: hidden;
    font-size: 18px;
    font-weight: 700;
    height: 58px;
    line-height: 58px;
    border-radius: 4px;
    padding: 0 24px;
    text-align: center;
    border: none;
    outline: none;
    text-transform: capitalize;
    display: inline-block;
    background: #1A1A42;
    color: #ffffff;
    z-index: 2;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

/* ==========home 5 all======== */

/* ==========home 6 all======== */

.theme-btn13 {
  position: relative;
  overflow: hidden;
  font-size: 18px;
  font-weight: 700;
  line-height: 53px;
  border-radius: 5px;
  padding: 0 24px;
  text-align: center;
  border: none;
  outline: none;
  text-transform: capitalize;
  display: inline-block;
  background: #4893FF;
  color: #fff;
  z-index: 2;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
  overflow: hidden;
}

.theme-btn13::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0%;
  width: 100%;
  background-color: rgb(135, 188, 253);
  border-radius: 100% 100% 5px 5px;
  z-index: -1;
  transition: all.4s;
}

.theme-btn13:hover::before {
  height: 100%;
  border-radius: 5px 5px 5px 5px;
  transition: all.4s;
}

.theme-btn13:hover {
  color: #fff;
  transform: translateY(-5px);
  transition: all.4s;
}

.theme-btn14 {
  position: relative;
  overflow: hidden;
  font-size: 18px;
  font-weight: 700;
  height: 53px;
  line-height: 50px;
  border-radius: 5px;
  padding: 0 24px;
  text-align: center;
  border: none;
  outline: none;
  text-transform: capitalize;
  display: inline-block;
  background: transparent;
  color: #4893FF;
  z-index: 2;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
  overflow: hidden;
  border: 1px solid #4893FF;
  margin-left: 12px;
}

.theme-btn14::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0%;
  width: 100%;
  background-color: rgb(135, 188, 253);
  border-radius: 100% 100% 5px 5px;
  z-index: -1;
  transition: all.4s;
}

.theme-btn14:hover::before {
  height: 100%;
  border-radius: 5px 5px 5px 5px;
  transition: all.4s;
}

.theme-btn14:hover {
  color: #fff;
  transform: translateY(-5px);
  transition: all.4s;
  border: 1px solid rgb(135, 188, 253);
}

.hadding6 h1 {
  color: var(--Main-Text-Color, #f99f1c);
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 48px; /* 120% */
text-transform: capitalize;
}

.hadding6 p {
  color: var(--Paragraph-Color, rgba(8, 17, 13, 0.60));
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 175% */
transition: all.4s;
}

.hadding6 span.span {
  color: var(--7th-main, #4893FF);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 18px; /* 100% */
display: inline-block;
}

.hadding6 h4 a {
  color: var(--Main-Text-Color, #f99f1c);
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 100% */
transition: all.4s;
}


/* ==========home 6 all======== */


/* ==========home 7 all======== */

.theme-btn15 {
  position: relative;
  overflow: hidden;
  font-size: 18px;
  font-weight: 700;
  height: 53px;
  line-height: 50px;
  border-radius: 5px;
  padding: 0 24px;
  text-align: center;
  border: none;
  outline: none;
  text-transform: capitalize;
  display: inline-block;
  background: #B51DEE;
  color: #fff;
  z-index: 2;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
  overflow: hidden;
  border: none;
}

.theme-btn15::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0%;
  width: 0%;
  background-color: #d262fa;
  border-radius: 100% 100% 5px 5px;
  z-index: -1;
  transition: all.4s;
}

.theme-btn15::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 0%;
  width: 0%;
  background-color: #d262fa;
  border-radius: 5px 5px 100% 100%;
  z-index: -1;
  transition: all.4s;
}

.theme-btn15:hover::after {
  height: 100%;
  width: 100%;
  border-radius: 5px 5px 5px 5px;
  transition: all.4s;
}

.theme-btn15:hover::before {
  height: 100%;
  width: 100%;
  border-radius: 5px 5px 5px 5px;
  transition: all.4s;
}

.theme-btn15:hover {
  color: #fff;
  transform: translateY(-5px);
  transition: all.4s;
}



/* video button  */

.video-play-button {
  position: relative;
  z-index: 10;
   margin: 0px 30px;
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background: #B51DEE;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background: #B51DEE;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: darken(#fa183d, 10%);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  margin-top: 10px;
    margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 18px solid #fff;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.hero-button1{
  display: flex;
  align-items: center;
  cursor: pointer;
}

.hero7-all-buttons {
  display: flex;
  align-items: center;
}

.vido-btn-pera {
  margin-left: -14px;
}

/* video btn */


.hadding7 h3 {
  color: var(--neutral-900, #111827);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 100% */
}

.hadding7 p {
  color: var(--Paragraph-Color, rgba(8, 17, 13, 0.60));
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 100% */
}

.hadding7 h1 {
  color: var(--Main-Text-Color, #f99f1c);
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 48px; /* 120% */
text-transform: capitalize;
}

.hadding7 p {
  color: var(--Paragraph-Color, rgba(8, 17, 13, 0.60));
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 155.556% */
}

.hadding7 span.span {
  color: var(--6th-Main, #B51DEE);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 18px; /* 100% */
display: inline-block;
}

.learn-more7 {
  color: var(--Main-Text-Color, #f99f1c);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 100% */
text-transform: capitalize;
display: inline-block;
transition: all.4s;
}

.learn-more7 span {
  display: inline-block;
  transform: rotate(-45deg);
  transition: all.4s;
}

.learn-more7:hover {
  color: #B51DEE;
  transition: all.4s;
}

.learn-more7:hover span {
  margin-left: 3px;
  transition: all.4s;
}

.hadding7 h4 a {
  color: var(--neutral-main-text-color, #19191B);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 100% */
text-transform: capitalize;
transition: all.4s;
}

.hadding7 h4 a:hover {
  color: #B51DEE;
}

.hadding7 h4 {
  color: var(--neutral-main-text-color, #19191B);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 100% */
text-transform: capitalize;
transition: all.4s;
}

.hadding7 h4:hover {
  color: #B51DEE;
}

.progress-list-number h4 span {
  transition: all.3s;
}

.progress-list-box.progress-list-box2:hover .progress-list-number h4 span {
  color: #B51DEE;
  transition: all.4s;
}

.hadding7 h6 a {
  color: var(--neutral-main-text-color, #19191B);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 140% */
transition: all.4s;
}

.hadding7 h6 a:hover {
  color: #B51DEE;
  transition: all.4s;
}

.learn-more1.learn-more7:hover {
  color: #B51DEE;
}

.learn-more1.learn-more7:hover span {
  color: #B51DEE;
}

.blog1-box.blog1-box7:hover {
  background-color: #FBF4FE;
}

/* ==========home 7 all======== */



/* .abroadkraft-preloader {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: default;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9000;
}

.abroadkraft-preloader .animation-preloader {
	z-index: 1000;
}

.abroadkraft-preloader .animation-preloader .spinner {
	-webkit-animation: spinner 1s infinite linear;
	animation: spinner 1s infinite linear;
	border-radius: 50%;
	border: 3px solid rgba(2, 109, 255, 0.2);
	border-top-color: var(--color-primary);
	height: 110px;
	margin: 0 auto 30px auto;
	width: 110px;
}

.abroadkraft-preloader.secondary .animation-preloader .spinner {
	border-top-color: var(--color-secondary);
}

.abroadkraft-preloader .animation-preloader .txt-loading {
	font: bold 4em 'Outfit', sans-serif;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.abroadkraft-preloader .animation-preloader .txt-loading .letters-loading {
	color: rgba(0, 0, 0, 0.2);
	position: relative;
}

.abroadkraft-preloader .animation-preloader .txt-loading .letters-loading:before {
	-webkit-animation: letters-loading 4s infinite;
	animation: letters-loading 4s infinite;
	color: #000000;
	content: attr(data-text-preloader);
	left: 0;
	opacity: 0;
	font-family: 'Outfit', sans-serif;
	position: absolute;
	top: -3px;
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}

.abroadkraft-preloader
.animation-preloader
.txt-loading
.letters-loading:nth-child(2):before {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.abroadkraft-preloader
.animation-preloader
.txt-loading
.letters-loading:nth-child(3):before {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.abroadkraft-preloader
.animation-preloader
.txt-loading
.letters-loading:nth-child(4):before {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.abroadkraft-preloader
.animation-preloader
.txt-loading
.letters-loading:nth-child(5):before {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

.abroadkraft-preloader
.animation-preloader
.txt-loading
.letters-loading:nth-child(6):before {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.abroadkraft-preloader
.animation-preloader
.txt-loading
.letters-loading:nth-child(7):before {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}

.abroadkraft-preloader
.animation-preloader
.txt-loading
.letters-loading:nth-child(8):before {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}

.abroadkraft-preloader.dark .animation-preloader .spinner {
	border-color: rgba(255, 255, 255, 0.2);
	border-top-color: #fff;
}

.abroadkraft-preloader.dark .animation-preloader .txt-loading .letters-loading {
	color: rgba(255, 255, 255, 0.2);
}

.abroadkraft-preloader.dark .animation-preloader .txt-loading .letters-loading:before {
	color: #fff;
}

.abroadkraft-preloader p {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 8px;
	color: #3b3b3b;
}

.abroadkraft-preloader .loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	z-index: 1;
	pointer-events: none;
}

.abroadkraft-preloader .loader .row {
	height: 100%;
}

.abroadkraft-preloader .loader .loader-section {
	padding: 0px;
}

.abroadkraft-preloader .loader .loader-section .bg {
	background-color: #ffffff;
	height: 100%;
	left: 0;
	width: 100%;
	-webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

.abroadkraft-preloader .loader.dark_bg .loader-section .bg {
	background: #111339;
}

.abroadkraft-preloader.loaded .animation-preloader {
	opacity: 0;
	-webkit-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

.abroadkraft-preloader.loaded .loader-section .bg {
	width: 0;
	-webkit-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
	-o-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
	transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
}

@-webkit-keyframes spinner {
	to {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}

@keyframes spinner {
	to {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}

@-webkit-keyframes letters-loading {
	0%,
  	75%,
  	100% {
		opacity: 0;
		-webkit-transform: rotateY(-90deg);
		transform: rotateY(-90deg);
	}

	25%,
  	50% {
		opacity: 1;
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
}

@keyframes letters-loading {
	0%,
	75%,
  	100% {
		opacity: 0;
		-webkit-transform: rotateY(-90deg);
		transform: rotateY(-90deg);
	}

	25%,
  	50% {
		opacity: 1;
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
}

@media screen and (max-width: 767px) {
	.abroadkraft-preloader .animation-preloader .spinner {
		height: 5em;
		width: 5em;
	}

	.abroadkraft-preloader .animation-preloader .txt-loading {
		font: bold 3.5em 'Outfit', sans-serif;
	}
}

@media screen and (max-width: 500px) {
	.abroadkraft-preloader .animation-preloader .spinner {
		height: 5em;
		width: 5em;
	}

	.abroadkraft-preloader .animation-preloader .txt-loading {
		font: bold 2em 'Outfit', sans-serif;
	}
} */


.no-scroll-y {
	overflow-y: hidden;
}

/* Preloader */
.ctn-preloader {
	align-items: center;
  cursor: none;
	display: flex;
  height: 100%;
  justify-content: center;
	position: fixed;
	left: 0;
  top: 0;
	width: 100%;
  z-index: 9009999;
}

.ctn-preloader .animation-preloader {
	position: absolute;
  z-index: 100;
}

/* Spinner cargando */
.ctn-preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
	border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-top-color: #ffffff; /* No se identa por orden alfabetico para que no lo sobre-escriba */
  height: 9em;
  margin: 0 auto 3.5em auto;
  width: 9em;
}

/* Texto cargando */
.ctn-preloader .animation-preloader .txt-loading {
  font: bold 5em 'Montserrat', sans-serif;
	text-align: center;
	user-select: none;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
  animation: letters-loading 4s infinite;
  color: #ffffffe1;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: rotateY(-90deg);
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading {
	position: relative;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
  animation-delay: 0.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
  animation-delay: 0.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
  animation-delay: 0.6s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
  animation-delay: 0.8s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
  animation-delay: 1s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
  animation-delay: 1.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
  animation-delay: 1.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading {
  color: rgba(255, 255, 255, 0.2);
}

.ctn-preloader.ctn-preloader1 .loader-section {
  background-color: transparent;
  height: 100%;
	position: fixed;
  top: 0;
  width: calc(50% + 1px);
  background-color: #131741;
}

.ctn-preloader.ctn-preloader2 .loader-section {
  background-color: transparent;
  height: 100%;
	position: fixed;
  top: 0;
  width: calc(50% + 1px);
  background-color: #0D4F51;
}

.ctn-preloader.ctn-preloader3 .loader-section {
  background-color: transparent;
  height: 100%;
	position: fixed;
  top: 0;
  width: calc(50% + 1px);
  background-color: #dd2f43;
}

.ctn-preloader.ctn-preloader4 .loader-section {
  background-color: transparent;
  height: 100%;
	position: fixed;
  top: 0;
  width: calc(50% + 1px);
  background-color: #2B29A4;
}

.ctn-preloader.ctn-preloader5 .loader-section {
  background-color: transparent;
  height: 100%;
	position: fixed;
  top: 0;
  width: calc(50% + 1px);
  background-color: #6A6A9A;
}

.ctn-preloader.ctn-preloader6 .loader-section {
  background-color: transparent;
  height: 100%;
	position: fixed;
  top: 0;
  width: calc(50% + 1px);
  background-color: #4893FF;
}

.ctn-preloader.ctn-preloader7 .loader-section {
  background-color: transparent;
  height: 100%;
	position: fixed;
  top: 0;
  width: calc(50% + 1px);
  background-color: #B51DEE;
}

.ctn-preloader.ctn-preloader12 .loader-section {
  background-color: transparent;
  height: 100%;
	position: fixed;
  top: 0;
  width: calc(50% + 1px);
  background-color: #DE8E59;
}

.ctn-preloader.ctn-preloader13 .loader-section {
  background-color: transparent;
  height: 100%;
	position: fixed;
  top: 0;
  width: calc(50% + 1px);
  background-color: #02341c;
}

.ctn-preloader.ctn-preloader8 .loader-section {
  background-color: transparent;
  height: 100%;
	position: fixed;
  top: 0;
  width: calc(50% + 1px);
  background-color: #E50114;
}

.ctn-preloader.ctn-preloader9 .loader-section {
  background-color: transparent;
  height: 100%;
	position: fixed;
  top: 0;
  width: calc(50% + 1px);
  background-color: #FE6032;
}

.ctn-preloader.ctn-preloader10 .loader-section {
  background-color: transparent;
  height: 100%;
	position: fixed;
  top: 0;
  width: calc(50% + 1px);
  background-color: #9400FF;
}

.ctn-preloader .loader-section {
  
  height: 100%;
	position: fixed;
  top: 0;
  width: calc(50% + 1px);
}

.ctn-preloader .loader-section.section-left {
  left: 0;
}

.ctn-preloader .loader-section.section-right {
  right: 0;
}

/* Efecto de fade en la animación de cargando */
.loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}

/* Efecto de cortina */
.loaded .loader-section.section-left {
  transform: translateX(-101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}

.loaded .loader-section.section-right {
  transform: translateX(101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}

/* Animación del preloader */
@keyframes spinner {
	to {
		transform: rotateZ(360deg);
	}
}

/* Animación de las letras cargando del preloader */
@keyframes letters-loading {
  0%,
  75%,
  100% {
  	opacity: 0;
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}

/* Tamaño de portatil hacia atras (portatil, tablet, celular) */
@media screen and (max-width: 767px) {
	/* Preloader */
	/* Spinner cargando */	
	.ctn-preloader .animation-preloader .spinner {
		height: 8em;
		width: 8em;
	}

	/* Texto cargando */
	.ctn-preloader .animation-preloader .txt-loading {
	  font: bold 3.5em 'Montserrat', sans-serif;
    color: #fff;
	}
}

@media screen and (max-width: 500px) {
	/* Prelaoder */
	/* Spinner cargando */
	.ctn-preloader .animation-preloader .spinner {
		height: 7em;
		width: 7em;
	}

	/* Texto cargando */
	.ctn-preloader .animation-preloader .txt-loading {
	  font: bold 2em 'Montserrat', sans-serif;
	}
}







/*============================
++++PAGE-PROGRESS-SATRT+++++
=============================*/

.blok:nth-of-type(odd) {
  background-color: white;
}

.blok:nth-of-type(even) {
  background-color: black;
}

@-webkit-keyframes border-transform {
  0%,
  100% {
    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
  }
}

@keyframes border-transform {
  0%,
  100% {
    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
  }
}

/* #Progress
================================================== */

/*============================
++++PAGE-PROGRESS-SATRT+++++
=============================*/

.blok:nth-of-type(odd) {
  background-color: white;
}

.blok:nth-of-type(even) {
  background-color: black;
}

@-webkit-keyframes border-transform {
  0%,
  100% {
    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
  }
}

/* #Progress
================================================== */

.progress-wrap {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 56px;
  width: 56px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  z-index: 99;
}
.progress-wrap::after {
  position: absolute;
  font-family: "FontAwesome";
  content: "\f062";
  text-align: center;
  line-height: 56px;
  font-size: 18px;
  color: #03256c;
  left: 0;
  top: 0;
  height: 56px;
  width: 56px;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.progress-wrap:hover::after {
  opacity: 0;
}
.progress-wrap::before {
  position: absolute;
  font-family: "FontAwesome";
  content: "\f062";
  text-align: center;
  line-height: 56px;
  font-size: 18px;
  opacity: 0;
  left: 0;
  top: 0;
  height: 56px;
  width: 56px;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.progress-wrap:hover::before {
  opacity: 1;
}
.progress-wrap svg path {
  fill: none;
}
.progress-wrap svg.progress-circle path {
  stroke: #03256c; /* --- Lijn progres kleur --- */
  stroke-width: 4;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

/*============================
++++PAGE-PROGRESS-END+++++
=============================*/


.theme-btn16 {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 100% */
  background-color: #E50114;
  padding: 18px 24px;
  border-radius: 5px;
  display: inline-block;
  transition: all.4s;
  border: none;
}

.theme-btn16:hover {
  background-color: #cf0e1e;
  color: #fff;
  transition: all.4s;
  transform: translateY(-5px);
}

.theme-btn17 {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 100% */
  background: transparent;
  padding: 18px 24px;
  border-radius: 5px;
  display: inline-block;
  transition: all.4s;
  border-radius: 5px;
border: 1px solid var(--3rd-home-main, #fff);
margin-left: 10px;
}

.theme-btn17:hover {
  background-color: #E50114;
  color: #fff;
  transition: all.4s;
  transform: translateY(-5px);
  border: 1px solid var(--3rd-home-main, #E50114);
}

.hero8-all-images {
  margin-right: -250px;
  margin-top: -150px;
}

.main-hadding8 {
  margin-top: -150px;
}

.header-area.header-area8.header-area2.header-area-all.d-none.d-lg-block.sticky {
  background-color: #19191b9d;
}



/*============================
++++HOME PAGE 8+++++
=============================*/

.hadding8 span.span {
  color: var(--8th-Main, #E50114);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px; /* 100% */
text-transform: capitalize;
display: inline-block;
border-radius: 16px;
background: rgba(229, 1, 20, 0.10);
padding: 8px 16px;
}

.hadding8 h1 {
  color: var(--Main-Text-Color, #f99f1c);
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 48px; /* 120% */
text-transform: capitalize;
}

.hadding8 p {
  color: var(--Paragraph-Color, rgba(8, 17, 13, 0.60));
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 175% */
transition: all.4s;
}


.hadding8 h1 span.after {
  position: relative;
}

.hadding8 h1 span.after::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  height: 15px;
  width: 100%;
  background-image: url(../img/shapes/hadding8-shape.html);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.learn-more8 {
  color: var(--Main-Text-Color, #f99f1c);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 100% */
text-transform: capitalize;
display: inline-block;
transition: all.4s;
}

.learn-more8 span {
  display: inline-block;
  transform: rotate(-45deg);
  transition: all.4s;
}

.learn-more8:hover {
  color: #E50114;
  transition: all.4s;
}

.learn-more8:hover span {
  margin-left: 3px;
  transition: all.4s;
}

.hadding8 h4 a {
  color: var(--neutral-main-text-color, #19191B);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 100% */
text-transform: capitalize;
display: inline-block;
transition: all.4s;
}

.hadding8 h4 a:hover {
  color: #E50114;
  transition: all.4s;
}

.hadding8-w h4 a {
  color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 100% */
display: inline-block;
}

.hadding8-w p {
  color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}

.learn-more8-w {
  color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 100% */
text-transform: capitalize;
display: inline-block;
}

.learn-more8-w:hover {
  color: #fff;
}

.learn-more8-w:hover span {
  transition: all.4s;
  margin-left: 3px;
}

.hadding8 h2 a {
  color: var(--Main-Text-Color, #f99f1c);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px; /* 133.333% */
display: inline-block;
transition: all.4s;
}

.hadding8 h2 a:hover {
  color: #E50114;
  transition: all.4s;
}

.blog-8-hadding a.date {
  color: var(--Paragraph-Color, rgba(8, 17, 13, 0.60));
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 100% */
display: inline-block;
}

/*============================
 ++++ HOME PAGE 8+++++
=============================*/

/*============================
 ++++ HOME PAGE 9+++++
=============================*/

.theme-btn18 {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 22px;
  font-family: 'Cabin', sans-serif;
  font-weight: 600;
  color: #fff !important;
  text-align: center;
  border-radius: 2px;
  padding: 16px 24px;
  z-index: 1;
  background: #FE6032;
  border-radius: 5px;
  border: none;
}

.theme-btn18 i{
  position: relative;
  margin-left: 10px;
  font-size: 16px;
}

.theme-btn18:hover:after{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.theme-btn18:after{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f99f1c;
  border-radius: 2px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 5px;
}

.theme-btn18:hover:after {
  opacity: 1;
}

.hadding9 span.span {
  color: var(--Main-Text-Color, #f99f1c);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 100% */
text-transform: capitalize;
border-radius: 16px;
background: rgba(254, 96, 50, 0.20);
padding: 8px 16px;
display: inline-block;
}

.hadding9 h1 {
  color: var(--Main-Text-Color, #f99f1c);
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 48px; /* 120% */
}

.hadding9 p {
  color: var(--Paragraph-Color, rgba(8, 17, 13, 0.60));
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 175% */
}


.learn-more9 {
  color: var(--Main-Text-Color, #f99f1c);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 100% */
text-transform: capitalize;
display: inline-block;
transition: all.4s;
}

.learn-more9 span {
  display: inline-block;
  transform: rotate(-45deg);
  transition: all.4s;
}

.learn-more9:hover {
  color: #FE6032;
  transition: all.4s;
}

.learn-more9:hover span {
  margin-left: 3px;
  transition: all.4s;
}

/*============================
 ++++ HOME PAGE 9+++++
=============================*/


/* video button 9 */

.video-play-btn9 .video-play-button {
  position: relative;
  z-index: 10;
   margin: 0px 30px;
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-btn9 .video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background: #FE6032;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-btn9 .video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background: #FE6032;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-btn9 .video-play-button:hover:after {
  background-color: darken(#fa183d, 10%);
}

.video-play-btn9 .video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-btn9 .video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  margin-top: 10px;
    margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 18px solid #fff;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.hero-button1{
  display: flex;
  align-items: center;
  cursor: pointer;
}

.hero7-all-buttons {
  display: flex;
  align-items: center;
}

.vido-btn-pera {
  margin-left: -14px;
}

/* video btn 9 */


.theme-btn19 {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 22px;
  font-family: 'Cabin', sans-serif;
  font-weight: 600;
  color: #fff !important;
  text-align: center;
  border-radius: 2px;
  padding: 16px 24px;
  z-index: 1;
  background: #FE6032;
  border-radius: 5px;
  border: none;
}

.theme-btn19 i{
  position: relative;
  margin-left: 10px;
  font-size: 16px;
}

.theme-btn19:hover:after{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.theme-btn19:after{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f05425;
  border-radius: 2px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 5px;
}

.theme-btn19:hover:after {
  opacity: 1;
}

/*============================
 ++++ HOME PAGE 10+++++
=============================*/



.theme-btn20 {
  position: relative;
  overflow: hidden;
  font-size: 18px;
  font-weight: 700;
  line-height: 53px;
  border-radius: 5px;
  padding: 0 24px;
  text-align: center;
  border: none;
  outline: none;
  text-transform: capitalize;
  display: inline-block;
  background: #9400FF;
  color: #fff;
  z-index: 2;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
  overflow: hidden;
}

.theme-btn20::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0%;
  width: 100%;
  background-color: #a72dff;
  border-radius: 100% 100% 5px 5px;
  z-index: -1;
  transition: all.4s;
}

.theme-btn20:hover::before {
  height: 100%;
  border-radius: 5px 5px 5px 5px;
  transition: all.4s;
}

.theme-btn20:hover {
  color: #fff;
  transform: translateY(-5px);
  transition: all.4s;
}








.theme-btn22 {
  position: relative;
  overflow: hidden;
  font-size: 18px;
  font-weight: 700;
  line-height: 53px;
  border-radius: 5px;
  padding: 0 24px;
  text-align: center;
  border: none;
  outline: none;
  text-transform: capitalize;
  display: inline-block;
  background: transparent;
  color: #9400FF;
  z-index: 2;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
  overflow: hidden;
  border: 1px solid #9400FF;
  margin-left: 20px;
}

.theme-btn22::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0%;
  width: 100%;
  background-color: #a72dff;
  border-radius: 100% 100% 5px 5px;
  z-index: -1;
  transition: all.4s;
}

.theme-btn22:hover::before {
  height: 100%;
  border-radius: 5px 5px 5px 5px;
  transition: all.4s;
}

.theme-btn22:hover {
  color: #fff;
  transform: translateY(-5px);
  transition: all.4s;
}


/* video button 9 */

.video-play-btn10 .video-play-button {
  position: relative;
  z-index: 10;
   margin: 0px 30px;
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-btn10 .video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background: #9400FF;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-btn10 .video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background: #9400FF;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-btn10 .video-play-button:hover:after {
  background-color: darken(#9400FF, 10%);
}

.video-play-btn9 .video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-btn10 .video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  margin-top: 10px;
    margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 18px solid #fff;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.hero-button1{
  display: flex;
  align-items: center;
  cursor: pointer;
}

.hero7-all-buttons {
  display: flex;
  align-items: center;
}

.vido-btn-pera {
  margin-left: -14px;
}

/* video btn 9 */

.hadding10 span.span {
  color: var(--Main-Text-Color, #f99f1c);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 100% */
  text-transform: capitalize;
  border-radius: 16px;
  background: rgba(148, 0, 255, 0.20);
  display: inline-block;
  padding: 8px 16px;
}

.hadding10 h1 {
  color: var(--Main-Text-Color, #f99f1c);
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 48px; /* 120% */
}

.hadding10 p {
  color: var(--Paragraph-Color, rgba(8, 17, 13, 0.60));
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 175% */
}

.hadding10 h4 a {
  color: var(--Main-Text-Color, #f99f1c);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 100% */
text-transform: capitalize;
display: inline-block;
}

.hadding10 h4 a:hover {
  color: #9400FF;
  transition: all.4s;
}

/*============================
 ++++ HOME PAGE 10+++++
=============================*/


/*============================
 ++++ HOME PAGE 12+++++
=============================*/


.theme-btn21 {
  position: relative;
  overflow: hidden;
  font-size: 18px;
  font-weight: 700;
  height: 53px;
  line-height: 53px;
  border-radius: 5px;
  padding: 0 24px;
  text-align: center;
  border: none;
  outline: none;
  text-transform: capitalize;
  display: inline-block;
  background: #DE8E59;
  color: #fff;
  z-index: 2;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
  overflow: hidden;
  border: none;
  margin-left: 0;
}

.theme-btn21::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0%;
  width: 0%;
  background-color: #0b5531;
  border-radius: 100% 100% 5px 5px;
  z-index: -1;
  transition: all.4s;
}

.theme-btn21::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 0%;
  width: 0%;
  background-color: #0b5531;
  border-radius: 5px 5px 100% 100%;
  z-index: -1;
  transition: all.4s;
}

.theme-btn21:hover::after {
  height: 100%;
  width: 100%;
  border-radius: 5px 5px 5px 5px;
  transition: all.4s;
}

.theme-btn21:hover::before {
  height: 100%;
  width: 100%;
  border-radius: 5px 5px 5px 5px;
  transition: all.4s;
}

.theme-btn21:hover {
  color: #fff;
  transform: translateY(-5px);
  transition: all.4s;
}

.hadding7 .span.span2 {
  color: #DE8E59;
}

.hadding7.hadding12 h4 a:hover {
  color: #DE8E59;
}

.learn-more7.learn-more12:hover {
  color: #DE8E59;
}
/*============================
 ++++ HOME PAGE 12+++++
=============================*/


.preview-button {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  font-family: 'Cabin', sans-serif;
  font-weight: 600;
  color: #fff !important;
  text-align: center;
  border-radius: 2px;
  padding: 14px 24px;
  z-index: 1;
  border-radius: 5px;
  border: 1px solid #fff;
  margin-left: 10px;
}

.preview-button i{
  position: relative;
  margin-left: 10px;
  font-size: 16px;
}

.preview-button:hover::after{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.preview-button::after{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #131741;
  border-radius: 2px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 5px;
}


.preview-button:hover::after {
  opacity: 1;
}


/* ============================================================================================== */


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

    100% {
      transform: rotate(1000deg);
    }
  }
  
  @keyframes animation-2 {
    0% {
      transform: translateY(0);
    }

    100% {
      transform: translateY(20px);
    }
  }

  @keyframes animation-3 {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(10px);
    }
  }

  @keyframes animation-4 {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(20px);
    }
  }

  .aniamtion-key-1 {
    position: relative;
    animation-name: animation-1;
    animation-duration: 24s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.59, 0.59, 1, 1);
  }

  .aniamtion-key-2 {
    position: relative;
    animation-name: animation-2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.59, 0.59, 1, 1);
  }

  .aniamtion-key-3 {
    position: relative;
    animation-name: animation-3;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.59, 0.59, 1, 1);
  }

  .aniamtion-key-4 {
    position: relative;
    animation-name: animation-4;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.59, 0.59, 1, 1);
  }

  /* ============================================================================================================ */


  /*

Plugin Name: Multi Drop Down Mobile menu
version: 1.0
Author: Sujon Mahamud
Desc: 



*/




/*Base css*/

@media screen and (max-width:769px) {
    *{
        margin: 0;
        padding: 0;

    }
    .sp1{
        padding: 0!important;
        padding-top: 125px!important;
    }
    body{
        font-size: 16px;
        font-family: 'arial', sans-serif;
    }
    
    a, a:hover{
        outline: none;
        text-decoration: none;
    }
    
    ul, li{
        list-style: none;
    }
    .menu-close-logo {
        /* position: absolute; */
        top: 15px;
        /* margin-bottom: 40px; */
        margin-top: -34px;
        margin-bottom: 20px;
    }
    
    
    
    
    /*Menu Css*/
    
    .mobile-logo a{
        font-size: 20px;
        font-weight: 700;
        color: #000;
        text-decoration: none;
    }
    
    
    .mobile-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        padding: 17px 0;
        z-index: 999;
        background: #fff;
    }
    
    .mobile-header-elements {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .mobile-nav-icon {
        font-size: 23px;
        border: 1px solid;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        color: #000;
    }
    
    
    
    .mobile-sidebar {
        position: fixed;
        height: 100%;
        width: 100%;
        background:#021334;
        z-index: 9999;
        padding: 40px 30px;
        left: -100%;
        top: 0;
        visibility: hidden;
        opacity: 0;
        transition: all .3s;
        
        
    }
    
    .mobile-sidebar .contact-icon{
        background: #fff;
    }
    
    
    .mobile-sidebar.mobile-menu-active {
        left: 0;
        visibility: visible;
        opacity: 1;
        transition: all .3s;
        padding-top: 55px;
        max-height: 100%;
        overflow-y: scroll;
    }
    
    .menu-close {
        position: absolute;
        right: 20px;
        top: 37px;
        font-size: 25px;
        color: #fff;
        cursor: pointer;
    }
    
    .mobile-nav li a {
        font-size: 18px;
        line-height: 24px;
        color: #fff;
        padding: 10px 0;
        display: block;
    }
    
    
    ul.mobile-nav-list {
        margin-top: 30px;
    }
    
    
    li.has-children {
        position: relative;
        z-index: 2;
    }
    
    span.mobile-nav-menu-icon {
        position: absolute;
        right: 0;
        top: 0;
        height: 50px;
        width: 50px;
        text-align: center;
        line-height: 50px;
        color: #fff;
    }
    
    ul.mobile-menu-sub {
        display: none;
        position: relative;
        left: 0;
        padding-left: 10px;
        transition: all .3s;
    }
    
    ul.mobile-menu-sub.sub-menu-active{
        display: block;
        position: relative;
        transition: all .3s;
    }
    
    
    
    .mobile-nav li {
        position: relative;
        z-index: 2;
    }
    
    span.submenu-button {
        position: absolute;
        width: 100%;
        height: 44px;
        top: 0;
        left: 0;
        z-index: 3;
        transition: all .3s;
    }
    
    span.submenu-button:after, span.submenu-button:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 2px;
        background: #fff;
        top: 12px;
        right: 9px;
        transition: all .3s;
    }
    
    span.submenu-button:before {
        height: 2px;
        width: 20px;
        right: 0px;
        top: 22px;
    }
    
    span.submenu-button.submenu-opened:after {
        visibility: hidden;
        opacity: 0;
    }
    
    .sub-menu{
        display: none;
        padding-left: 15px;
    }
    
    
    span.multi-drop-icon {
        position: absolute;
        right: 10px;
        width: 20px;
        height: 100%;
        top: 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    
    ul.mobile-nav-list {
        max-height: 500px;
        overflow-y: scroll;
    }

    .single-footer.single-footer-menu.single-footer4 h3 {
        margin-bottom: 0;
    }

    .social.social4-menu.social4 {
        margin-top: 0;
    }

    a.mobile-menu-button.hash-nav {
        /* background: blue; */
        padding: 15px;
        border-radius: 5px;
        margin-top: 20px;
        border: 1px solid;
        text-align: center;
        margin-bottom: 20px;
    }

}

.mobile-menu-a a {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
}

.mobile-menu-icon-box {
    display: flex;
    align-items: start;
    padding: 5px 0;
}

.mobile-menu-icon {
    padding-right: 8px;
}

.mobile-menu-social h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    padding: 20px 0;
}

.mobile-menu-social-icon ul li a {
    color: #fff;
    /* font-size: 16px; */
    border: 1px solid #ffffff8f;
    height: 30px;
    width: 30px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}

.mobile-menu-social-icon ul li {
    display: inline-block;
    padding: 0px 2px;
}


/* =============================================================================================================== */

.site-logo a img{
    height: 60px;
}

.feature-list-item {
	margin: 0;
	padding: 0;
	list-style: none;
}

.feature-list-item li {
	position: relative;
	z-index: 1;
	padding-left: 25px;
	margin-top: 8px;
	font-weight: 500;
}

.feature-list-item li::after {
	position: absolute;
	left: 0;
	top: 1px;
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
	color: var(--color-primary);
	font-weight: 500;
	font-size: 14px;
}

/* ======================================================================================================*/

/*
============================
Name:
Version: 1.0.0
Description:
Author: Sujon mahamud
Author URI:
Location:
============================
*/
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Laila:wght@300;400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;0,6..12,900;0,6..12,1000;1,6..12,200;1,6..12,300;1,6..12,400;1,6..12,500;1,6..12,600;1,6..12,700;1,6..12,800;1,6..12,900;1,6..12,1000&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

input,
textarea,
select,
option {
  max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
}

ul {
  padding: 0;
  margin: 0;
}

p {
  padding: 0;
  margin: 0;
}

img {
  max-width: 100%;
  max-height: 100%;
}
a,
a:hover,
a:focus {
  outline: none;
  text-decoration: none;
}

.border5 {
  border-radius: 5px;
}

.border5 img {
  border-radius: 80px;
}


.main-menu-ex4 .font-f-2 li a.active,
.main-menu-ex4 .font-f-2 li a.current {
font-weight: bold;
font-size: 25px;
color: orange !important;
}
                

.img5 {
  border-radius: 5px;
}
.img5 img {
  border-radius: 5px;
}

body {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  overflow-x: hidden;
  background-color: #F3F6F6;
  
}
body,
html {
  overflow-x: hidden;
  
}
.footer-area {
  background-color: #ffffff;
  
}

.sp1 {
  padding: 130px 0 0 100px;
}

.sp2 {
  padding: 120px 0;
}
.sp3 {
  padding: 100px 0;
}
.sp4 {
  padding-bottom: 100px;
}

.sp5 {
  padding-bottom: 100px;
}
.pt-90 {
  padding-top: 90px;
}

.space4 {
  height: 4px;
}

.df1-sp {
  padding: 100px 0px 140px 0;
}

.space6 {
  height: 6px;
}

.space28 {
  height: 28px;
}

.space8 {
  height: 8px;
}
.space12 {
  height: 12px;
}

.space14 {
  height: 14px;
}

.space16 {
  height: 16px;
}


.space24 {
  height: 24px;
}

.space32 {
  height: 32px;
}

.space10 {
  height: 10px;
}
.space5 {
  height: 5px;
}
.space5 {
  height: 5px;
}
@media (max-width: 769px) {
  .space10 {
    height: 5px;
  }
  .sp5 {
    padding-bottom: 50px;
  }

  .sp4 {
    padding-bottom: 50px;
  }

  .df1-sp {
    padding: 5px 0px 50px 0;
  }
  .sp3 {
    padding: 50px 0;
  }
}

.space20 {
  height: 20px;
}
@media (max-width: 767px) {
  .space20 {
    height: 10px;
  }
}

.space30 {
  height: 30px;
}
@media (max-width: 767px) {
  .space30 {
    height: 15px;
  }
}

.space40 {
  height: 40px;
}
@media (max-width: 767px) {
  .space40 {
    height: 20px;
  }
}

.space50 {
  height: 50px;
}
.space45 {
  height: 45px;
}
@media (max-width: 767px) {
  .space50 {
    height: 25px;
  }
}

.space60 {
  height: 60px;
}

.space55 {
  height: 55px;
}

.space70 {
  height: 70px;
}

.img50 {
  border-radius: 50%;
}
.img50 img {
  border-radius: 50%;
}

.img-5-top img {
  border-radius: 5px 5px 0px 0px;
}
.img-5-top {
  border-radius: 5px 5px 0px 0px;
}

.space80 {
  height: 80px;
}

.space90 {
  height: 90px;
}

.space100 {
  height: 100px;
}

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

.section-padding {
  padding: 120px 0;
}
@media (max-width: 991px) {
  .section-padding {
    padding: 60px 0;
  }
}

.section-padding2 {
  padding: 120px 0 90px;
}
@media (max-width: 991px) {
  .section-padding2 {
    padding: 60px 0 30px;
  }
}

.padding-bottom {
  padding-bottom: 120px;
}
@media (max-width: 991px) {
  .padding-bottom {
    padding-bottom: 60px;
  }
}

.padding-bottom2 {
  padding-bottom: 90px;
}
@media (max-width: 991px) {
  .padding-bottom2 {
    padding-bottom: 30px;
  }
}

.padding-top {
  padding-top: 120px;
}
@media (max-width: 991px) {
  .padding-top {
    padding-top: 60px;
  }
}

.padding-top2 {
  padding-top: 90px;
}
@media (max-width: 991px) {
  .padding-top2 {
    padding-top: 30px;
  }
}

.padding-90 {
  padding: 90px 0;
}
@media (max-width: 991px) {
  .padding-90 {
    padding: 50px 0;
  }
}

.w-full {
  width: 100%;
}

@media (min-width: 992px) {
  .w-lg-full {
    width: 100%;
  }
}

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

@media (min-width: 992px) {
  .text-lg-center {
    text-align: center;
  }
}

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

.weight-400 {
  font-weight: 400 !important;
}

.weight-500 {
  font-weight: 500 !important;
}

.weight-600 {
  font-weight: 600 !important;
}

.weight-700 {
  font-weight: 700 !important;
}

.weight-800 {
  font-weight: 800 !important;
}

.weight-900 {
  font-weight: 900 !important;
}

.font-f-1 {
  font-family: 'Lora', serif !important;
}

 .font-f-2 {
  font-family: 'Open Sans', sans-serif !important;
}

.font-f-3 {
  font-family: 'Cabin', sans-serif !important;
}

.font-f-4 {
  font-family: 'Jost', sans-serif !important;
}

.font-f-5 {
  font-family: 'PT Serif', serif !important;
}

.font-f-6 {
  font-family: 'Source Sans 3', sans-serif !important;
}

.font-f-7 {
  font-family: 'Inter', sans-serif !important;
}

.font-f-8 {
  font-family: 'EB Garamond', serif !important;
}

.font-f-9 {
  font-family: 'Nunito Sans', sans-serif !important;
}

.font-f-10 {
  font-family: 'Laila', sans-serif !important;
}


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

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

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

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

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

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

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

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

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

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

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

.font-34 {
  font-size: 34px;
}

.font-36 {
  font-size: 36px;
}

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

.font-42 {
  font-size: 42px;
}

.font-44 {
  font-size: 44px;
}

.font-46 {
  font-size: 48px;
}

.font-48 {
  font-size: 48px;
}

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

.font-52 {
  font-size: 52px;
}

.font-54 {
  font-size: 54px;
}

.font-56 {
  font-size: 56px;
}

.font-58 {
  font-size: 58px;
}

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

.font-62 {
  font-size: 62px;
}
.font-70 {
  font-size: 70px;
}
.font-72 {
  font-size: 72px;
}

.font-74 {
  font-size: 74px;
}

.font-76 {
  font-size: 76px;
}

.font-78 {
  font-size: 78px;
}

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

.font-82 {
  font-size: 82px;
}

.font-84 {
  font-size: 84px;
}

.font-86 {
  font-size: 86px;
}

.font-88 {
  font-size: 88px;
}

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

.font-92 {
  font-size: 92px;
}

.font-94 {
  font-size: 94px;
}

.font-96 {
  font-size: 96px;
}

.font-98 {
  font-size: 98px;
}

.font-100 {
  font-size: 100px;
}

@media screen and (min-width: 1024px) {
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-left {
    text-align: left;
  }
  .font-lg-12 {
    font-size: 12px;
  }
  .font-lg-14 {
    font-size: 14px;
  }
  .font-lg-16 {
    font-size: 16px;
  }
  .font-lg-18 {
    font-size: 18px;
  }
  .font-lg-20 {
    font-size: 20px;
  }
  .font-lg-22 {
    font-size: 22px;
  }
  .font-lg-24 {
    font-size: 24px;
  }
  .font-lg-26 {
    font-size: 26px;
  }
  .font-lg-28 {
    font-size: 28px;
  }
  .font-lg-30 {
    font-size: 30px;
  }
  .font-lg-32 {
    font-size: 32px;
  }
  .font-lg-34 {
    font-size: 34px;
  }
  .font-lg-36 {
    font-size: 36px;
  }
  .font-lg-40 {
    font-size: 40px;
  }
  .font-lg-42 {
    font-size: 42px;
  }
  .font-lg-44 {
    font-size: 44px;
  }
  .font-lg-45 {
    font-size: 45px;
  }
  .font-lg-46 {
    font-size: 48px;
  }
  .font-lg-48 {
    font-size: 48px;
  }
  .font-lg-50 {
    font-size: 60px;
  }
  .font-lg-52 {
    font-size: 52px;
  }
  .font-lg-54 {
    font-size: 54px;
  }
  .font-lg-56 {
    font-size: 56px;
  }
  .font-lg-58 {
    font-size: 58px;
  }
  .font-lg-60 {
    font-size: 60px;
  }
  .font-lg-62 {
    font-size: 62px;
  }

  .font-lg-66 {
    font-size: 66px;
  }
  .font-lg-70 {
    font-size: 70px;
  }
  .font-lg-72 {
    font-size: 72px;
  }
  .font-lg-74 {
    font-size: 74px;
  }
  .font-lg-76 {
    font-size: 76px;
  }
  .font-lg-78 {
    font-size: 78px;
  }
  .font-lg-80 {
    font-size: 80px;
  }
  .font-lg-82 {
    font-size: 82px;
  }
  .font-lg-84 {
    font-size: 84px;
  }
  .font-lg-86 {
    font-size: 86px;
  }
  .font-lg-88 {
    font-size: 88px;
  }
  .font-lg-90 {
    font-size: 90px;
  }
  .font-lg-92 {
    font-size: 92px;
  }
  .font-lg-94 {
    font-size: 94px;
  }
  .font-lg-96 {
    font-size: 96px;
  }
  .font-lg-98 {
    font-size: 98px;
  }
  .font-lg-100 {
    font-size: 100px;
  }
  .line-height-lg-14 {
    line-height: 14px;
  }
  .line-height-lg-16 {
    line-height: 16px;
  }
  .line-height-lg-18 {
    line-height: 18px;
  }
  .line-height-lg-20 {
    line-height: 20px;
  }
  .line-height-lg-22 {
    line-height: 22px;
  }
  .line-height-lg-24 {
    line-height: 24px;
  }
  .line-height-lg-26 {
    line-height: 26px;
  }
  .line-height-lg-28 {
    line-height: 28px;
  }
  .line-height-lg-30 {
    line-height: 30px;
  }
  .line-height-lg-32 {
    line-height: 32px;
  }
  .line-height-lg-34 {
    line-height: 34px;
  }
  .line-height-lg-36 {
    line-height: 36px;
  }
  .line-height-lg-38 {
    line-height: 38px;
  }
  .line-height-lg-40 {
    line-height: 40px;
  }
  .line-height-lg-42 {
    line-height: 42px;
  }
  .line-height-lg-44 {
    line-height: 44px;
  }
  .line-height-lg-48 {
    line-height: 48px;
  }
  .line-height-lg-50 {
    line-height: 50px;
  }
  .line-height-lg-52 {
    line-height: 52px;
  }
  .line-height-lg-54 {
    line-height: 54px;
  }
  .line-height-lg-56 {
    line-height: 56px;
  }
  .line-height-lg-58 {
    line-height: 58px;
  }
  .line-height-lg-60 {
    line-height: 60px;
  }
  .line-height-lg-62 {
    line-height: 62px;
  }
  .line-height-lg-64 {
    line-height: 64px;
  }
  .line-height-lg-66 {
    line-height: 66px;
  }
  .line-height-lg-68 {
    line-height: 68px;
  }
  .line-height-lg-70 {
    line-height: 70px;
  }
  .line-height-lg-72 {
    line-height: 72px;
  }
  .line-height-lg-74 {
    line-height: 74px;
  }
  .line-height-lg-76 {
    line-height: 76px;
  }
  .line-height-lg-78 {
    line-height: 78px;
  }
  .line-height-lg-80 {
    line-height: 80px;
  }
  .line-height-lg-82 {
    line-height: 82px;
  }
  .line-height-lg-84 {
    line-height: 84px;
  }
  .line-height-lg-86 {
    line-height: 86px;
  }
  .line-height-lg-88 {
    line-height: 88px;
  }
  .line-height-lg-90 {
    line-height: 90px;
  }
  .line-height-lg-92 {
    line-height: 92px;
  }
  .line-height-lg-94 {
    line-height: 94px;
  }
  .line-height-lg-96 {
    line-height: 96px;
  }
  .line-height-lg-98 {
    line-height: 98px;
  }
  .line-height-lg-100 {
    line-height: 100px;
  }
}
@media screen and (min-width: 768px) {
  .font-md-12 {
    font-size: 12px;
  }
  .font-md-14 {
    font-size: 14px;
  }
  .font-md-16 {
    font-size: 16px;
  }
  .font-md-18 {
    font-size: 18px;
  }
  .font-md-20 {
    font-size: 20px;
  }
  .font-md-22 {
    font-size: 22px;
  }
  .font-md-24 {
    font-size: 24px;
  }
  .font-md-26 {
    font-size: 26px;
  }
  .font-md-28 {
    font-size: 28px;
  }
  .font-md-30 {
    font-size: 30px;
  }
  .font-md-32 {
    font-size: 32px;
  }
  .font-md-34 {
    font-size: 34px;
  }
  .font-md-36 {
    font-size: 36px;
  }
  .font-md-40 {
    font-size: 40px;
  }
  .font-md-42 {
    font-size: 42px;
  }
  .font-md-44 {
    font-size: 44px;
  }
  .font-md-46 {
    font-size: 48px;
  }
  .font-md-48 {
    font-size: 48px;
  }
  .font-md-50 {
    font-size: 60px;
  }
  .font-md-52 {
    font-size: 52px;
  }
  .font-md-54 {
    font-size: 54px;
  }
  .font-md-56 {
    font-size: 56px;
  }
  .font-md-58 {
    font-size: 58px;
  }
  .font-md-60 {
    font-size: 60px;
  }
  .font-md-62 {
    font-size: 62px;
  }
  .font-md-74 {
    font-size: 74px;
  }
  .font-md-76 {
    font-size: 76px;
  }
  .font-md-78 {
    font-size: 78px;
  }
  .font-md-80 {
    font-size: 80px;
  }
  .font-md-82 {
    font-size: 82px;
  }
  .font-md-84 {
    font-size: 84px;
  }
  .font-md-86 {
    font-size: 86px;
  }
  .font-md-88 {
    font-size: 88px;
  }
  .font-md-90 {
    font-size: 90px;
  }
  .font-md-92 {
    font-size: 92px;
  }
  .font-md-94 {
    font-size: 94px;
  }
  .font-md-96 {
    font-size: 96px;
  }
  .font-md-98 {
    font-size: 98px;
  }
  .font-md-100 {
    font-size: 100px;
  }
  .line-height-md-12 {
    line-height: 12px;
  }
  .line-height-md-14 {
    line-height: 14px;
  }
  .line-height-md-16 {
    line-height: 16px;
  }
  .line-height-md-18 {
    line-height: 18px;
  }
  .line-height-md-20 {
    line-height: 20px;
  }
  .line-height-md-22 {
    line-height: 22px;
  }
  .line-height-md-24 {
    line-height: 24px;
  }
  .line-height-md-26 {
    line-height: 26px;
  }
  .line-height-md-28 {
    line-height: 28px;
  }
  .line-height-md-30 {
    line-height: 30px;
  }
  .line-height-md-32 {
    line-height: 32px;
  }
  .line-height-md-34 {
    line-height: 34px;
  }
  .line-height-md-36 {
    line-height: 36px;
  }
  .line-height-md-38 {
    line-height: 38px;
  }
  .line-height-md-40 {
    line-height: 40px;
  }
  .line-height-md-42 {
    line-height: 42px;
  }
  .line-height-md-44 {
    line-height: 44px;
  }
  .line-height-md-48 {
    line-height: 48px;
  }
  .line-height-md-50 {
    line-height: 50px;
  }
  .line-height-md-52 {
    line-height: 52px;
  }
  .line-height-md-54 {
    line-height: 54px;
  }
  .line-height-md-56 {
    line-height: 56px;
  }
  .line-height-md-58 {
    line-height: 58px;
  }
  .line-height-md-60 {
    line-height: 60px;
  }
  .line-height-md-62 {
    line-height: 62px;
  }
  .line-height-md-64 {
    line-height: 64px;
  }
  .line-height-md-66 {
    line-height: 66px;
  }
  .line-height-md-68 {
    line-height: 68px;
  }
  .line-height-md-70 {
    line-height: 70px;
  }
  .line-height-md-72 {
    line-height: 72px;
  }
  .line-height-md-74 {
    line-height: 74px;
  }
  .line-height-md-76 {
    line-height: 76px;
  }
  .line-height-md-78 {
    line-height: 78px;
  }
  .line-height-md-80 {
    line-height: 80px;
  }
  .line-height-md-82 {
    line-height: 82px;
  }
  .line-height-md-84 {
    line-height: 84px;
  }
  .line-height-md-86 {
    line-height: 86px;
  }
  .line-height-md-88 {
    line-height: 88px;
  }
  .line-height-md-90 {
    line-height: 90px;
  }
  .line-height-md-92 {
    line-height: 92px;
  }
  .line-height-md-94 {
    line-height: 94px;
  }
  .line-height-md-96 {
    line-height: 96px;
  }
  .line-height-md-98 {
    line-height: 98px;
  }
  .line-height-md-100 {
    line-height: 100px;
  }
}
@media screen and (min-width: 576px) {
  .font-sm-12 {
    font-size: 12px;
  }
  .font-sm-14 {
    font-size: 14px;
  }
  .font-sm-16 {
    font-size: 16px;
  }
  .font-sm-18 {
    font-size: 18px;
  }
  .font-sm-20 {
    font-size: 20px;
  }
  .font-sm-22 {
    font-size: 22px;
  }
  .font-sm-24 {
    font-size: 24px;
  }
  .font-sm-26 {
    font-size: 26px;
  }
  .font-sm-28 {
    font-size: 28px;
  }
  .font-sm-30 {
    font-size: 30px;
  }
  .font-sm-32 {
    font-size: 32px;
  }
  .font-sm-34 {
    font-size: 34px;
  }
  .font-sm-36 {
    font-size: 36px;
  }
  .font-sm-40 {
    font-size: 40px;
  }
  .font-sm-42 {
    font-size: 42px;
  }
  .font-sm-44 {
    font-size: 44px;
  }
  .font-sm-46 {
    font-size: 48px;
  }
  .font-sm-48 {
    font-size: 48px;
  }
  .font-sm-50 {
    font-size: 60px;
  }
  .font-sm-52 {
    font-size: 52px;
  }
  .font-sm-54 {
    font-size: 54px;
  }
  .font-sm-56 {
    font-size: 56px;
  }
  .font-sm-58 {
    font-size: 58px;
  }
  .font-sm-60 {
    font-size: 60px;
  }
  .font-sm-62 {
    font-size: 62px;
  }
  .font-sm-74 {
    font-size: 74px;
  }
  .font-sm-76 {
    font-size: 76px;
  }
  .font-sm-78 {
    font-size: 78px;
  }
  .font-sm-80 {
    font-size: 80px;
  }
  .font-sm-82 {
    font-size: 82px;
  }
  .font-sm-84 {
    font-size: 84px;
  }
  .font-sm-86 {
    font-size: 86px;
  }
  .font-sm-88 {
    font-size: 88px;
  }
  .font-sm-90 {
    font-size: 90px;
  }
  .font-sm-92 {
    font-size: 92px;
  }
  .font-sm-94 {
    font-size: 94px;
  }
  .font-sm-96 {
    font-size: 96px;
  }
  .font-sm-98 {
    font-size: 98px;
  }
  .font-sm-100 {
    font-size: 100px;
  }
  .line-height-sm-12 {
    line-height: 12px;
  }
  .line-height-sm-14 {
    line-height: 14px;
  }
  .line-height-sm-16 {
    line-height: 16px;
  }
  .line-height-sm-18 {
    line-height: 18px;
  }
  .line-height-sm-20 {
    line-height: 20px;
  }
  .line-height-sm-22 {
    line-height: 22px;
  }
  .line-height-sm-24 {
    line-height: 24px;
  }
  .line-height-sm-26 {
    line-height: 26px;
  }
  .line-height-sm-28 {
    line-height: 28px;
  }
  .line-height-sm-30 {
    line-height: 30px;
  }
  .line-height-sm-32 {
    line-height: 32px;
  }
  .line-height-sm-34 {
    line-height: 34px;
  }
  .line-height-sm-36 {
    line-height: 36px;
  }
  .line-height-sm-38 {
    line-height: 38px;
  }
  .line-height-sm-40 {
    line-height: 40px;
  }
  .line-height-sm-42 {
    line-height: 42px;
  }
  .line-height-sm-44 {
    line-height: 44px;
  }
  .line-height-sm-48 {
    line-height: 48px;
  }
  .line-height-sm-50 {
    line-height: 50px;
  }
  .line-height-sm-52 {
    line-height: 52px;
  }
  .line-height-sm-54 {
    line-height: 54px;
  }
  .line-height-sm-56 {
    line-height: 56px;
  }
  .line-height-sm-58 {
    line-height: 58px;
  }
  .line-height-sm-60 {
    line-height: 60px;
  }
  .line-height-sm-62 {
    line-height: 62px;
  }
  .line-height-sm-64 {
    line-height: 64px;
  }
  .line-height-sm-66 {
    line-height: 66px;
  }
  .line-height-sm-68 {
    line-height: 68px;
  }
  .line-height-sm-70 {
    line-height: 70px;
  }
  .line-height-sm-72 {
    line-height: 72px;
  }
  .line-height-sm-74 {
    line-height: 74px;
  }
  .line-height-sm-76 {
    line-height: 76px;
  }
  .line-height-sm-78 {
    line-height: 78px;
  }
  .line-height-sm-80 {
    line-height: 80px;
  }
  .line-height-sm-82 {
    line-height: 82px;
  }
  .line-height-sm-84 {
    line-height: 84px;
  }
  .line-height-sm-86 {
    line-height: 86px;
  }
  .line-height-sm-88 {
    line-height: 88px;
  }
  .line-height-sm-90 {
    line-height: 90px;
  }
  .line-height-sm-92 {
    line-height: 92px;
  }
  .line-height-sm-94 {
    line-height: 94px;
  }
  .line-height-sm-96 {
    line-height: 96px;
  }
  .line-height-sm-98 {
    line-height: 98px;
  }
  .line-height-sm-100 {
    line-height: 100px;
  }
}
.mr-2 {
  margin-right: 8px;
}

@media (max-width: 767px) {
  .mobile-hidden {
    display: none;
  }
}

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

.mobile-sidebar .single-footer h3 {
  color: #ffffff;
}

.mobile-sidebar .single-contact a {
  color: #ffffff;
}

.lg-ml-15 {
  margin-left: 15px;
}
@media (max-width: 767px) {
  .lg-ml-15 {
    margin-left: 0;
  }
}

.lg-mr-15 {
  margin-right: 15px;
}
@media (max-width: 767px) {
  .lg-mr-15 {
    margin-right: 0;
  }
}

._relative {
  position: relative;
}

._absolute {
  position: absolute;
}

.index-2 {
  z-index: 2;
}
.z-index--1 {
  z-index: -1;
}
.font-w {
  color: #fff;
}

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

.bg-contain {
  background-size: contain;
  background-position: center center;
}

.img-cover img,
.img-cover {
  object-fit: cover;
}

/* ======================================================================================================== */

/*
  Theme Name: consultia 
  Author: Vikinglab
  Support: 
  Description: consultia – Mutipurpose Consulting  WordPress Theme
  Version: 1.0
*/

/* CSS Index
-----------------------------------
1. Theme default css
2. Header
3. Hero
4. Archivement
5. Video
6. We Do
7. Movie
8. Team
9. Blog
10. Subscribe
11. footer
12. Contact
*/

/*.........<! 1. Theme default css !>.........*/
body {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	overflow-x: hidden;
}
img{
	max-width: 100%;
	height: auto;
}

/*comments list */
.blog-coment-title h2 {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 20px;
}
.comments-avatar {
	float: left;
}
.comments-avatar img {
	margin-right: 15px;
}
.comments-text {
	overflow: hidden;
}
.comments-text h3 {
	margin-bottom: 10px;
}
.latest-comments ul li .children {
	margin-left: 0;
	margin-top: 0;
}
.latest-comments ul li .children li {
	margin-top: 24px;
}

#cancel-comment-reply-link {
	color: #7977C6;
	margin-left: 8px;
	font-size: 16px;
}

/*comments form*/
.comment-reply-title{
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 20px;
}
.comment-form-cookies-consent {
	display: none;
}
div.latest-comments > ul{
	padding-left: 0;
}
.latest-comments > ul > li{
	list-style: none;
}
.latest-comments > ul > li li{
	margin: 0;
	padding: 0;
}
.latest-comments ul .children{
	list-style: none;
}
.latest-comments .comments-text ul li,.latest-comments .comments-text ol li {
	margin-bottom: 3px;
}
.latest-comments .comments-text > ul,.latest-comments .comments-text > ol{
	margin-bottom: 20px;
}
.latest-comments ul .comment-respond {
	padding: 35px 0;
	padding-bottom: 15px;
}

/* post sticky */
.postbox__item.sticky {
	border-top: 3px solid #3D6CE7;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em !important;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em !important;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
}


/*tp unit css */
.tp-blog-area > ul, .tp-blog-area > ol, .tp-blog-area ul, .tp-blog-area ol {
	padding-left: 24px;
}
.tp-blog-area dl, .tp-blog-area ol, .tp-blog-area ul {
	margin-top: 0;
	margin-bottom: 30px;
}
.postbox__details  ol li, .postbox__details  ul li {
	padding-top: 7px;
}
.tp-blog-area ol ol, .tp-blog-area ol ul, .tp-blog-area ul ol, .tp-blog-area ul ul {
	margin-bottom: 0;
}

/*tp-page-content*/
.tp-page-content .blog-post-comment {
	clear: both;
	overflow: hidden;
	margin-top: 30px;
	padding-top: 30px;
}
.tp-page-content ol, .tp-page-content ul {
	padding-left: 25px;
	margin-bottom: 25px;
}
.tp-page-content ol li, .tp-page-content ul li {
	margin-bottom: 7px;
}
.tp-page-content ol li ol, .tp-page-content ul li ul {
	margin-top: 7px;
}
.tp-page-content ol ol, .tp-page-content ol ul, .tp-page-content ul ol, .tp-page-content ul ul {
	margin-bottom: 0;
}
.tp-page-content .size-full.alignright {
	margin-bottom: 35px;
	margin-top: 20px;
	clear: both;
}
.tp-page-content .tp-page-post > p {
	margin: 32px 0;
	margin-top: 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
	margin-top: 10px;
	padding-top: 30px;
}
.page-links > span.page-links-title {
	border: 0;
	color: inherit;
}
.wp-block-archives-list.extraclass.wp-block-archives li a {
	color: var(--tp-text-body);
}
.wp-block-archives-dropdown .nice-select {
	margin-bottom: 15px;
}
.postbox__text .nice-select {
	float: none;
	margin-bottom: 20px;
}

ol.wp-block-latest-comments {
	margin-left: 0;
	padding-left: 0;
}
.postbox__details p:last-child{
	margin-bottom: 0;
}
.postbox__text ul li a,dl a {
	text-underline-offset: 3px;
	text-decoration-skip-ink: all;
	text-decoration: underline;
}
.postbox__text ul li a:hover,dl a:hover {
	text-decoration-style: dotted;
	text-decoration-skip-ink: none;
}
.wp-block-button {
	margin-bottom: 10px;
}
.is-style-squared .wp-block-button__link {
	border-radius: 0;
}
div.postbox__details .wp-block-cover-text {
	color: #fff;
}
.wp-block-cover {
	margin-bottom: 30px;
}
.wp-block-gallery .blocks-gallery-grid {
	padding-left: 0;
	margin-bottom: 0;
}
.blocks-gallery-caption {
	margin-bottom: 40px;
}
.wp-block-group.has-background {
	margin-bottom: 25px;
}
.postbox__text p.has-large-font-size {
	font-size: 24px !important;
	line-height: 1.2;
	margin-bottom: 10px;
}
.wp-block-media-text.alignfull.has-media-on-the-right.has-background.is-stacked-on-mobile {
	margin-bottom: 20px;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
	margin-top: 30px;
}
.page-links a, .page-links > span {
	border: 2px solid #ddd;
	display: inline-block;
	min-width: 35px;
	text-align: center;
	margin-left: 2px;
	height: 33px;
	line-height: 30px;
	margin-right: 3px;
	color: #444;
}
.page-links > span {
	border: 2px solid #7977C6;
	color: #7977C6;
}
pre {
	display: block;
	font-size: 87.5%;
	color: #212529;
	border: 1px solid #ddd;
	padding: 15px;
}
.wp-block-preformatted {
	margin: 30px 0;
}
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
	font-size: 14px;
	font-style: italic;
}


.post-tags{
	overflow: hidden;
	clear: both;
	margin-top: 20px;
	padding-top: 10px;
	
}


.tagcloud a, .postbox__text .wp-block-tag-cloud a, .widget_block .widget_tag_cloud a {
	font-weight: 500;
	font-size: 16px !important;
	line-height: 26px;
	align-items: center;
	text-align: center;
	color: #051923;
	background: #F3FAFA;
	display: inline-block;
	padding: 6px 12px;
	margin: 0 10px 10px 0;
	transition: all 0.3s;
	border-radius: 5px;
  }
   
   .tagcloud a.active, .tagcloud a:hover, .postbox__text .wp-block-tag-cloud a:hover,  .widget_block .widget_tag_cloud a:hover {
	transition: all 0.3s;
	background: #131741;
	color: #ffffff !important;
   }



ul.wp-block-rss.wp-block-rss {
	box-sizing: border-box;
	padding-left: 0;
}

/*block quote*/
.wp-block-quote {
	border: 0;
}
 blockquote {
	margin: 35px 0px !important;
	padding: 40px;
	color: #666;
	position: relative;
	background: #f3f4f8;
	font-style: normal;
	text-align: left;
	clear: both;
	font-weight: 400;
	box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);
	border: 1px solid #f3f4f8;
}
blockquote::before {
	content: "\f10e";
	position: static;
	font-family: "Font Awesome 5 Pro";
	font-size: 32px;
	color: #7977C6;
	line-height: 1;
	margin-bottom: 18px;
	display: inline-block;
}
.tp-blog-area blockquote p {
	margin-bottom: 10px !important;
	line-height: 1.3;
	font-size: 20px;
	color: #070337;
	font-weight: 400;
}
blockquote cite {
	font-size: 14px;
	display: block;
	margin-top: 10px;
	color: #070337;
	font-style: inherit;
	font-weight: 500;
}
blockquote cite::before {
	content: "";
	font-size: 28px;
	color: #ff5421;
	padding-bottom: 0px;
	display: inline-block;
	background: #7977C6;
	height: 2px;
	width: 40px;
	font-weight: 400;
	text-align: center;
	top: -4px;
	margin-right: 10px;
	position: relative;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
	margin-bottom: 1em;
	padding: 30px 30px;
}

.postbox__text blockquote.is-style-large cite::before {
	margin-right: 0;
}
.wp-block-quote.has-text-align-right {
	border-right: 0;
	padding: 30px;
}
.wp-block-pullquote.is-style-solid-color blockquote {
	margin: auto;
	display: inline-block;
}

.comments-box blockquote {
	background: #fff;
}
.wp-block-column .wp-block-quote {
	padding: 10px;
}

/*gallery */
.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding-right: 5px !important;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

/*table */
.postbox__details table {
	margin-bottom: 30px;
	width: 100%;
}
.postbox__details  table, .postbox__details  th, .postbox__details  td {
	border: 1px solid #d1d1d1;
}
.postbox__details table th {
	padding: 12px 12px;
	font-size: 15px;
	border-color: #ddd;
	text-align: center;
	font-weight: 400;
}
.postbox__details table tbody td {
	text-align: center;
}
.postbox__details table a {
	color: #7977C6;
}
.postbox__details table td {
	border-color: #ddd;
	padding: 12px 12px;
}
.postbox__details .comments-text table {
	margin-bottom: 30px;
	width: 100%;
	background: #fff;
}

/*pabe table*/
.tp-page-content table{
	margin-bottom: 30px;
}
.tp-page-content table, .tp-page-content th, .tp-page-content td {
	border: 1px solid #d1d1d1;
}
.tp-page-content table th {
	padding: 12px 12px;
	font-size: 15px;
	border-color: #ddd;
	text-align: center;
	font-weight: 500;
}
.tp-page-content table tbody td {
	text-align: center;
}
.tp-page-content table td {
	border-color: #ddd;
	padding: 12px 12px;
}
.tp-page-content table a {
	color: #7977C6;
}


/*post password*/

.post-password-form input[type="password"] {
  background: var(--tp-grey-2);
  border: 0;
  height: 50px;
  width: 100%;
  padding: 0 15px;
  border: 1px solid #E1E3E8;
  border-radius: 8px;
}
.post-password-form label {
  width: 100%;
}
.post-password-form input[type="submit"]{
  width: 120px;
  height: 50px;
  background: #7977C6;
  color: #fff;
  border: 0;
  margin-top: 10px;
  transition: .3s;
}
.post-password-form input[type="submit"]:hover {
	background: #031220;
}

.search-form-widget form, .widget_block.widget_search form {
	background: #F23936;
	position: relative;
	z-index: 2;
	border-radius: 8px;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #E1E3E8;
   }
   .search-form-widget form input,  .widget_block.widget_search form input {
	width: 90%;
	padding: 14px;
	border: none;
	font-weight: 500;
	font-size: 16px;
	color: #161540;
   }
   .search-form-widget form input::placeholder,  .widget_block.widget_search form input::placeholder {
	color: #515154;
	font-family: "satoshi";
   }
   
   button.search-icon,  .widget_block.widget_search   button.search-ico {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 10%;
	border: none;
	color: #161540;
   }
   


   .tp-blog-area blockquote.wp-block-quote.is-style-large {
	padding: 30px;
 }



/*widget*/

.single-widget ul{
	padding-left: 0;
}

.single-widget ul.children {
	padding-left: 15px ;
 }
.single-widget.widget_recent_comments ul li a::after {
	display: none;
}
.single-widget.widget_recent_comments ul li a {
	padding-left: 0;
}
.single-widget.widget_recent_comments .comment-author-link a{
	color: var(--tp-theme-1);
}
.single-widget.widget_recent_entries  ul li a::after {
	display: none;
}
.single-widget.widget_recent_entries  ul li a {
	padding-left: 0;
}
.single-widget.widget_rss  ul li a::after {
	display: none;
}
.single-widget.widget_rss  ul li a {
	padding-left: 0;
}
.single-widget .nice-select {
	float: none;
}
.single-widget .nice-select .list {
	width: 100%;
}
.single-widget .nice-select .option {
	margin-bottom: 0 !important;
}
.single-widget .nice-select::after {
	right: 18px;
}
.textwidget  img{
	max-width: 100%;
	height: auto;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	text-align: right;
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 0;
}
#wp-calendar thead {
	font-size: 14px;
}
#wp-calendar thead th {
	padding-bottom: 10px;
	text-align: center;
}
#wp-calendar tbody {
	color: #666;
}
#wp-calendar tbody td {
	background: #fff;
	border: 1px solid #e1e1e1;
	text-align: center;
	padding: 8px 0;
	transition: 0.3s;
}
.single-widget .wp-calendar-table a {
	color: var(--tp-theme-1);
}
#wp-calendar tbody td#today {
	background: var(--tp-theme-1);
	color: #fff;
}
.wp-calendar-nav {
	display: flex;
	justify-content: space-between;
}
.single-widget .wp-calendar-nav-prev a {
	color: #6c757d;
}

/*sidebar block widget*/
.single-widget .wp-block-group__inner-container h2  {

	font-family: "Inter", sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	color: #161540;
	position: relative;
	z-index: 2;
	padding-left: 10px;
	margin-bottom: 16px;

}

.single-widget .wp-block-group__inner-container h2:after {
	position: absolute;
	content: "";
	height: 100%;
	width: 2px;
	background: #7977C6;
	left: 0;
	top: 0;
	z-index: 1;
 }

.single-widget  .wp-block-search__input {
	min-width: 100%;
	border: 0;
	width: 100%;
	background: #F5F6F8;
	height: 57px;
	padding: 0 15px;
}


button.wp-block-search__button.wp-element-button {
	background: #7977C6;
	box-shadow: 0 4px 25px rgba(121, 119, 198, 0.2);
	border-radius: 7px;
	font-family: "satoshi";
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	display: inline-block;
	text-align: center;
	color: #ffffff;
	padding: 13px 24px;
	border: none;
 }
 
 .wp-block-search__input{
	padding: 14px;
	font-weight: 500;
	font-size: 16px;
	font-family: "satoshi";
	color: #161540;
	border-radius: 8px;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #E1E3E8;
 }
 .single-widget .wp-block-search__label {
	display: none;
 }

.single-widget .wp-block-search__inside-wrapper {
	position: relative;
}
.single-widget .wp-block-search__button {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background: var(--tp-theme-1);
	color: #fff;
	border: 0;
	padding: 0 25px;
}
.single-widget.widget_block ul.wp-block-latest-posts li a::after {
	display: none;
}
.single-widget.widget_block ul.wp-block-latest-posts li a {
	color: var(--tp-common-black);
	padding-left: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
}
.single-widget.widget_block .wp-block-latest-comments article a {
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
	color: var(--tp-common-black);
}
.single-widget.widget_block .wp-block-latest-comments article .wp-block-latest-comments__comment-meta {
	color: #666;
}
.single-widget.widget_block .wp-block-latest-comments article a.wp-block-latest-comments__comment-author {
	color: var(--tp-theme-1);
}
 .single-widget.widget_block .wp-block-tag-cloud a {
	font-weight: 500;
	font-size: 14px !important;
	line-height: 13px;
	align-items: center;
	text-align: center;
	color: #161540;
	background: rgba(22, 21, 64, 0.1);
	border-radius: 6px;
	display: inline-block;	
	padding: 10px 15px;
	margin: 0 5px 10px 0;
	transition: all 0.3s;
   }
   
.single-widget.widget_block .wp-block-tag-cloud a:hover {
	transition: all 0.3s;
	background: #7977C6;
	color: #ffffff !important;
   }



.single-widget .wp-block-calendar table th {
	background: no-repeat;
}


/*footer widget*/
.footer__widget ul ul {
	padding-left: 10px;
	padding-top: 10px;
}
.footer__widget.widget_recent_comments ul li {
	line-height: 1.6;
}
.footer__widget.widget_recent_entries ul li {
	line-height: 1.6;
}
.footer__widget .rssSummary {
	line-height: 1.5;
}
.footer__widget .rsswidget {
	font-weight: 500;
}
.footer__widget.widget_recent_comments .comment-author-link a{
	color: #010101;
	font-weight: 500;
}
.footer__widget.widget_recent_entries  ul li a::after {
	display: none;
}
.footer__widget.widget_recent_entries  ul li a {
	padding-left: 0;
}
.footer__widget.widget_rss  ul li a::after {
	display: none;
}
.footer__widget.widget_rss  ul li a {
	padding-left: 0;
	color: #010101;
}
.footer__widget .nice-select .list {
	width: 100%;
}
.footer__widget .nice-select .option {
	margin-bottom: 0 !important;
}
.footer__widget .nice-select::after {
	right: 18px;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	text-align: right;
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 0;
}
#wp-calendar thead {
	font-size: 14px;
}
#wp-calendar thead th {
	padding-bottom: 10px;
	text-align: center;
}
#wp-calendar tbody {
	color: #666;
}
#wp-calendar tbody td {
	background: #fff;
	border: 1px solid #e1e1e1;
	text-align: center;
	padding: 8px 0;
	transition: 0.3s;
}
.footer__widget .wp-calendar-table a {
	color: var(--tp-theme-1);
}
#wp-calendar tbody td#today {
	background: var(--tp-theme-1);
	color: #fff;
}
.wp-calendar-nav {
	display: flex;
	justify-content: space-between;
}
.footer__widget .wp-calendar-nav-prev a {
	color: #6c757d;
}
.footer__widget{
	margin-top: 30px;
}
.footer__widget .sidebar__search input {
	background: #fff;
}
.footer__widget .nice-select {
	float: none;
}
.footer__widget.widget_rss ul li {
	line-height: 1.5;
}
/*footer block widget*/
.footer__widget .wp-block-group__inner-container h2  {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #09120E;
}
.footer__widget   .wp-block-search__input {
	min-width: 100%;
	border: 0;
	width: 100%;
	background: #fff;
	height: 52px;
	padding: 0 15px;
}
.footer__widget  .wp-block-search__label {
	display: none;
}
.footer__widget  .wp-block-search__inside-wrapper {
	position: relative;
}
.footer__widget  .wp-block-search__button {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background: var(--tp-theme-1);
	color: #fff;
	border: 0;
	padding: 0 25px;
}
.footer__widget.widget_block ul.wp-block-latest-posts li a::after {
	display: none;
}
.footer__widget .widget_block ul.wp-block-latest-posts li a {
	color: var(--tp-common-black);
	padding-left: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
}
.footer__widget.widget_block .wp-block-latest-comments article a {
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
	color: var(--tp-common-black);
}
.footer__widget.widget_block .wp-block-latest-comments article .wp-block-latest-comments__comment-meta {
	color: #666;
}
.footer__widget.widget_block .wp-block-latest-comments article a.wp-block-latest-comments__comment-author {
	color: var(--tp-theme-1);
}
.footer__widget .wp-block-tag-cloud a {
	display: inline-block;
	height: 36px;
	line-height: 38px;
	padding: 0 15px;
	font-size: 14px !important;
	font-weight: 500;
	color: var(--tp-text-11);
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	margin-right: 8px;
	margin-bottom: 10px;
}
.footer__widget .wp-block-tag-cloud a:hover {
	color: var(--tp-common-white);
	background: var(--tp-theme-1);
}
.footer__widget .wp-block-calendar table th {
	background: no-repeat;
}

.bypostauthor {
	display: block;
}
.gallery-caption {
	display: block;
}

.single-footer #wp-calendar tbody td#today{
	color: #09120E;
}

.single-footer #wp-calendar thead th {
	padding: 10px 0;
 }


/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

.admin-bar .header__sticky{
	margin-top: 32px;
}
.admin-bar #header-sticky.header__area.header__transparent{
	margin-top: 32px;
}

.admin-bar .offcanvas__wrapper {
    margin-top: 32px;
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
  .admin-bar .header__sticky{
		margin-top: 0px!important;
	}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
  .admin-bar .header__sticky{
		margin-top: 42px;
	}
}

.postbox__details .postbox__title {
	display: none;
}


/*tutor */
.tutor-container, .tutor-container-sm, .tutor-container-md, .tutor-container-lg, .tutor-container-xl, .tutor-container-xxl {
	max-width: 1225px;
}

.cat__icon {
	font-size: 25px;
}
.fea__icon {
	font-size: 40px;
}
.research__features-icon span {
	font-size: 25px;
}
.tutor-wrap {
	padding-top: 100px;
	padding-bottom: 100px;
}
.tutor-single-course-sidebar .tutor-course-details-widget{
padding: 30px;
-webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
-moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
-ms-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
-o-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
.tutor-form-group .acf-user-register-fields.acf-fields.-clear,.tutor-form-group h2 {
	display: none;
}

/*woo */
.woocommerce-form-row input {
	width: 100%;
	height: 50px;
	line-height: 45px;
	padding: 0 30px;
	font-size: 14px;
	border: 2px solid transparent;
	background: var(--tp-grey-2);
	color: var(--tp-common-black);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	width: 100%;
	height: 50px;
	line-height: 45px;
	padding: 0 30px;
	font-size: 14px;
	border: 2px solid transparent;
	background: var(--tp-grey-2);
	color: var(--tp-common-black);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}
.woocommerce form .form-row textarea{
	height: 200px;
}
.woocommerce-form-row label{
	margin-left: 0;
	margin-top: 0;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	color: var(--tp-common-white);
	background-color: var(--tp-theme-1);
	padding: 0 30px;
	height: 50px;
	line-height: 50px;
	text-transform: capitalize;
}
#customer_login h2{
	font-size: 25px;
} 
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
	color: inherit;
	cursor: not-allowed;
	opacity: .5;
	padding: 0 35px;
	color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 50px;
}
.select2-container .select2-selection--single {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 50px;
	margin: 0 0 -4px;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;
	background: #F5F6F8;
	border: 0;
	
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 47px;
	position: absolute;
	top: 1px;
	right: 15px;
	width: 20px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 25px;
}
.woocommerce form .form-row label {
	line-height: 2;
	margin-left: 0;
	margin-top: 10px;
}

/* ========================================================================================================== */