/*
============================
Name:
Version: 1.0.0
Description:
Author: Abdul Rabby
Author URI:
Location:
============================
*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
input,
textarea,
select,
option {
  max-width: 100%;
}

img {
  max-width: 100%;
  max-height: 100%;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body,
html {
  overflow-x: hidden;
}

a,
a:hover,
a:focus {
  outline: none;
  text-decoration: none;
  color: none;
}
a:hover {
  color: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
p {
  margin: 0;
}

body {
  font-family: "Kumbh Sans", sans-serif;
  font-family: "Lora", serif;
  font-family: "Nunito", sans-serif;
  font-family: "Outfit", sans-serif;
  overflow-x: hidden;
}
input::placeholder {
}
textarea::placeholder {
}

/* font area */
.font-ks {
  font-family: "Kumbh Sans", sans-serif;
}
.font-lora {
  font-family: "Lora", serif;
}
.font-nunito {
  font-family: "Nunito", sans-serif;
}
.font-outfit {
  font-family: "Outfit", sans-serif;
}

/* COLORS */

.bg-accent {
  background-color: #86b03c;
}

.bg-accent2 {
  background-color: #108FD1;
}

.color-accent {
  color: #86b03c;
}

.color-accent2 {
  color: #108FD1;
}

.color {
  color: #fff;
}
.color-1 {
  color: #0b111f;
}
.color-2 {
  color: var(
    --button-linner,
    linear-gradient(130deg, #1252de 0%, rgba(109, 15, 221, 0.53) 100%)
  );
}

.color-5 {
  color: #3055e0;
}

.color-16 {
  color: #d1d1d1;
}

.color-17 {
  color: #141b2c;
}

.colorp {
  color: #4f5c6a;
}

.color-19 {
  color: #0e1124;
}
.color-20 {
  color: #202c4a;
}
.color-21 {
  color: rgba(255, 255, 255, 0.8);
}
.color-22 {
  color: #4a5162;
}
.color-24 {
  color: #ff9c00;
}
.color-23 {
  color: #70758f;
}
.color-ni {
  color: #0c161d;
}
.color-25 {
  color: #044e7c;
}
.color-26 {
  color: #575e63;
}
.color-27 {
  color: rgba(255, 255, 255, 0.7);
}
.color-28 {
  color: rgba(12, 22, 29, 0.4);
}
.color-29 {
  color: #1d2940;
}
.color-30 {
  color: #4d5a72;
}
.color-31 {
  color: #08110d;
}
.color33 {
  color: #d8dae1;
}
.color34 {
  color: #002147;
}
.color35 {
  color: #fff;
  opacity: 0.9;
}
.color36 {
  color: #007de7;
}
.color37 {
  color: #071018;
}
.color38 {
  color: #c3c3c3;
}
.color-h5 {
  color: #35ac39;
}
.colorwel {
  color: #080d06;
}
.color-nuni {
  color: #606060;
}
.color-ks1 {
  color: #eb7c3a;
}
.color-h7 {
  color: #0f0a07;
}
.color-h8 {
  color: #196c68;
}
.color-hp {
  color: #5f5f5f;
}
.colorspan {
  color: #f1be14;
}
.color39 {
  color: #041716;
}
.colorhp1 {
  color: #56605f;
}
.colorhp9 {
  color: #1daf68;
}
.color-h9 {
  color: #0b111d;
}
.color-h10 {
  color: #86b03c;
}
.color-h11 {
  color: #22bfca;
}
.color-p2 {
  color: #5c6069;
}
.color-p10 {
  color: #62686d;
}
.colorhp3 {
  color: #091622;
}
.colorhp11 {
  color: #071a1c;
}
.colorhp12 {
  color: #4d5050;
}
.color-h12 {
  color: #49357f;
}
.color-90 {
  color: rgba(7, 26, 28, 0.9);
}

/* font size area */
.font-10 {
  font-size: 10px;
}
.font-12 {
  font-size: 12px;
}
.font-14 {
  font-size: 14px;
}
.font-15 {
  font-size: 15px;
}
.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: 50px;
}
.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-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-70 {
  font-size: 70px;
}
.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;
}

.lineh-16 {
  line-height: 16px;
}
.lineh-18 {
  line-height: 18px;
}
.lineh-20 {
  line-height: 20px;
}
.lineh-21 {
  line-height: 21px;
}
.lineh-22 {
  line-height: 22px;
}
.lineh-24 {
  line-height: 24px;
}
.lineh-23 {
  line-height: 23px;
}
.lineh-24 {
  line-height: 24px;
}
.lineh-25 {
  line-height: 25px;
}
.lineh-26 {
  line-height: 26px;
}
.lineh-27 {
  line-height: 27px;
}
.lineh-30 {
  line-height: 30px;
}
.lineh-28 {
  line-height: 28px;
}
.lineh-29 {
  line-height: 29px;
}
.lineh-31 {
  line-height: 31px;
}
.lineh-32 {
  line-height: 32px;
}
.lineh-33 {
  line-height: 33px;
}
.lineh-34 {
  line-height: 34px;
}
.lineh-35 {
  line-height: 35px;
}
.lineh-36 {
  line-height: 36px;
}
.lineh-37 {
  line-height: 37px;
}
.lineh-38 {
  line-height: 38px;
}
.lineh-39 {
  line-height: 39px;
}
.lineh-40 {
  line-height: 40px;
}
.lineh-41 {
  line-height: 41px;
}
.lineh-42 {
  line-height: 42px;
}
.lineh-43 {
  line-height: 43px;
}
.lineh-44 {
  line-height: 44px;
}
.lineh-45 {
  line-height: 45px;
}
.lineh-48 {
  line-height: 48px;
}
.lineh-46 {
  line-height: 46px;
}

.lineh-47 {
  line-height: 47px;
}
.lineh-49 {
  line-height: 49px;
}
.lineh-56 {
  line-height: 56px;
}
.lineh-50 {
  line-height: 50px;
}
.lineh-51 {
  line-height: 51px;
}
.lineh-52 {
  line-height: 52px;
}
.lineh-53 {
  line-height: 53px;
}
.lineh-53 {
  line-height: 53px;
}
.lineh-54 {
  line-height: 54px;
}
.lineh-55 {
  line-height: 55px;
}
.lineh-57 {
  line-height: 57px;
}
.lineh-58 {
  line-height: 58px;
}
.lineh-59 {
  line-height: 59px;
}
.lineh-60 {
  line-height: 60px;
}
.lineh-61 {
  line-height: 61px;
}
.lineh-62 {
  line-height: 62px;
}
.lineh-63 {
  line-height: 63px;
}
.lineh-64 {
  line-height: 64px;
}
.lineh-65 {
  line-height: 65px;
}
.lineh-66 {
  line-height: 66px;
}
.lineh-67 {
  line-height: 67px;
}
.lineh-68 {
  line-height: 68px;
}
.lineh-69 {
  line-height: 69px;
}
.lineh-70 {
  line-height: 70px;
}

/* font-weight */
.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;
}
.margin-b32 {
  margin-bottom: 32px;
}
.margin-b24 {
  margin-bottom: 24px;
}
.margin-b {
  margin-bottom: 16px;
}
.margin-b48 {
  margin-bottom: 48px;
}
.margin-b80 {
  margin-bottom: 60px;
}
.margin-b20 {
  margin-bottom: 20px;
}
.margin-b28 {
  margin-bottom: 28px;
}
.margin-t {
  margin-top: 20px;
}
.margin-t50 {
  margin-top: 50px;
}
.margin-b40 {
  margin-bottom: 40px;
}
.margin-b12 {
  margin-bottom: 12px;
}
.margin-t45 {
  margin-top: 45px;
}
.margin-t40 {
  margin-top: 40px;
}
.margin-t60 {
  margin-top: 60px;
}
.margin-t32 {
  margin-top: 32px;
}
.margin-t82 {
  margin-top: 82px;
}
.margin-t16 {
  margin-top: 16px;
}
.margin-t28 {
  margin-top: 28px;
}
.margin-t36 {
  margin-top: 36px;
}
.margin-t48 {
  margin-top: 48px;
}
.margin-t16 {
  margin-top: 16px;
}
.margin-t12 {
  margin-top: 12px;
}
.padding65 {
  padding: 0 50px;
}
.margin-b60 {
  margin-bottom: 60px;
}
.margin-b100 {
  margin-bottom: 100px;
}
.mamrgin-b12 {
  margin-bottom: 12px;
}

.margin-b30 {
  margin-bottom: 30px;
}
.margin-t40 {
  margin-top: 40px;
}
.margin-t32 {
  margin-top: 32px;
}
.margin-t24 {
  margin-top: 24px;
}
.height80 {
  height: 80px;
}
.height50 {
  height: -50px;
}

/* section-padding */
.section-padding {
  padding: 120px 0 120px;
}
.section-padding1 {
  padding: 120px 0 90px;
}
.section-padding5 {
  padding: 100px 0 100px;
}
.section-padding2 {
  padding: 50px 0 50px;
}
.section-padding2a {
  padding: 70px 0 100px;
}
.section-padding3 {
  padding: 85px 0 120px;
}
.section-padding4 {
  padding: 60px 0 60px;
}
.section-padding11 {
  padding: 100px 0 0;
}
.section-padding6 {
  padding: 70px 0 70px;
}
.section-padding7 {
  padding: 80px 0 80px;
}
.section-padding8 {
  padding: 100px 0 70px;
}
.section-padding8 {
  padding: 100px 0 70px;
}
.section-padding9 {
  padding: 100px 0 30px;
}
.section-padding10 {
  padding: 220px 0 30px;
}
.section-padding12 {
  padding: 0 0 100px;
}
.section-padding13 {
  padding: 100px 0 50px;
}
.section-padding14 {
  padding: 100px 0 150px;
}
.section-padding15 {
  padding: 100px 0 80px;
}
.ml1 {
  margin-left: 6px;
}
.color32 {
  color: #d2d4d9;
}
.margin-b18 {
  margin-bottom: 18px;
}
.margin-b18 {
  margin-bottom: 18px;
}
.margin-b17 {
  margin-bottom: 17px;
}
.margin-b16 {
  margin-bottom: 16px;
}
.margin-b15 {
  margin-bottom: 15px;
}
.margin-b14 {
  margin-bottom: 14px;
}
.margin-b13 {
  margin-bottom: 13px;
}
.margin-b12 {
  margin-bottom: 12px;
}
.margin-b11 {
  margin-bottom: 11px;
}
.margin-b10 {
  margin-bottom: 10px;
}
.margin-b9 {
  margin-bottom: 9px;
}
.margin-b8 {
  margin-bottom: 8px;
}
.margin-b7 {
  margin-bottom: 7px;
}
.margin-b6 {
  margin-bottom: 6px;
}

.margin-b5 {
  margin-bottom: 5px;
}
.margin-b5 {
  margin-bottom: 4px;
}
.margin-b3 {
  margin-bottom: 3px;
}

/* scetion-padding */

@media screen and (min-width: 768px) {
  @keyframes animation-1 {
    0% {
      transform: translateY(0);
    }

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

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

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

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

    100% {
      transform: rotate(-1000deg);
    }
  }

  @keyframes animation-2 {
    0% {
      transform: translateY(0);
    }

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

  @keyframes animation-4 {
    0% {
      transform: scale(1);
      margin-left: 0;
    }

    100% {
      transform: scale(1);
      margin-left: 40px;
    }
  }

  @keyframes animation-5 {
    0% {
      transform: scale(1);
      margin-left: 0;
    }

    100% {
      transform: scale(1);
      margin-left: 100px;
    }
  }

  .aniamtion-key-1 {
    position: relative;
    animation-name: animation-1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }
  .aniamtion-key-2 {
    position: relative;
    animation-name: animation-2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }
  .keyframe3 {
    position: relative;
    animation-name: animation-3;
    animation-duration: 300s;
    animation-iteration-count: alternate;
    animation-direction: infinite;
  }
  .keyframe4 {
    position: relative;
    animation-name: animation-6;
    animation-duration: 300s;
    animation-iteration-count: alternate;
    animation-direction: infinite;
  }
  .keyframe5 {
    position: relative;
    animation-name: animation-7;
    animation-duration: 92s;
    animation-iteration-count: alternate;
    animation-direction: infinite;
  }
  .aniamtion-key-3 {
    position: relative;
    animation-name: animation-4;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }
  .aniamtion-key-4 {
    position: relative;
    animation-name: animation-5;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }
}
.ts {
  transition: all 0.4s ease-in-out;
}
.opacity1 {
  opacity: 0.8;
}
.opacity2 {
  opacity: 0.9;
}
.backgroundall {
  background: #f6f6f6;
}