/* the important div to override */
.cta-three {
    background: var(--white);
}



/* started of the main image wrapper */
.main-up-rela{
  width: 100%;
  position: relative;
  width: 100%;
  height: 100vh;
}
.main-up-wrapper{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--white);
    z-index: -1;
}
.image-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url("../../assets/img/safar/tara2.jpg");
    object-fit: cover;
    background-size: cover;
    display: grid;
    align-items: center;
    align-content: center;
}
.tara{
    background-image: url(../img/safar/tara6.jpg)!important;
}
.ngoro{
    background-image: url(../img/safar/ngoro3.jpg)!important;
}
.sere{
    background-image: url(../img/safar/sere15.jpg)!important;
}
.ngo_3day{
    background-image: url(../img/safar/ngoro2.jpg)!important;
}
.manya{
   background-image: url(../img/safar/lake_manyara1.jpg)!important;
}
.mm2{
  background-image: url(../img/safar/lake_manyara1.webp)!important;
}
.mko{
  background-image: url(../img/safar/mko_main.jpg)!important;
}
.aru{
  background-image: url(../img/safar/aru1.jpg)!important;
}
.se{
  background-image: url(../img/safar/selu1.webp)!important;
}
.se2{
  background-image: url(../img/safar/selu9.jpg)!important;
}
.rua{
  background-image: url(../img/safar/rua1.jpg)!important;
}
.miku{
  background-image: url(../img/safar/miku12.jpeg)!important;
}
.miku2{
  background-image: url(../img/safar/mi4.jpg)!important;
}
.sada{
  background-image: url(../img/safar/sa1.jpg)!important;
}
.sada2{
  background-image: url(../img/safar/sada5.jpg)!important;
}
.kata{
  background-image: url(../img/safar/kata_get.jpg)!important;
}
.kata2{
  background-image: url(../img/safar/ka2.jpg)!important;
}
.udz{
  background-image: url(../img/safar/udz_get2.jpeg)!important;
}
.udz2{
  background-image: url(../img/safar/udz4.jpg)!important;
}
.gom{
  background-image: url(../img/safar/go2.webp)!important;
}
.gom2{
  background-image: url(../img/safar/gombe6.jpg)!important;
}
.rubo{
  background-image: url(../img/safar/rubo8.jpg)!important;
}
.rubo2{
  background-image: url(../img/safar/rubo10.jpg)!important;
}
.rubo3{
  background-image: url(../img/safar/rubo_boat.jpeg)!important;
}


.kili{
  background-image: url(../img/takeout/IMG_0347.HEIC)!important;
}
.kili2{
  background-image: url(../img/takeout/IMG_0532.HEIC)!important;
}
.mara5{
  background-image: url(../img/takeout/IMG_1453.JPG)!important;
}
.mara6{
  background-image: url(../img/takeout/IMG_1808.HEIC)!important;
}
.macha7{
  background-image: url(../img/kili-images/kilifull2.jpg)!important;
}
.ronga7{
  background-image: url(../img/kili-images/kilifull1.jpg)!important;
}
.shila7{
  background-image: url(../img/kili-images/kilifull3.jpg)!important;
}
.lemo9{
  background-image: url(../img/kili-images/kilifull3.jpg)!important;
}
.kili10{
  background-image: url(../img/kili-images/dayk.jpg)!important;
}
.meru{
  background-image: url(../img/kili-images/meru7.jpg)!important;
}
.meru5{
  background-image: url(../img/kili-images/meru10.jpg)!important;
}
.meru6{
  background-image: url(../img/kili-images/meru10.jpg)!important;
}
.zanzi1{
  background-image: url(../img/zanzibar/leozanzi1.jpg)!important;
}
.marine1{
   background-image: url(../img/zanzibar/leozanzi16.webp)!important;
}
.marine2{
   background-image: url(../img/zanzibar/leozanzi3.jpg)!important;
}
.stone1{
   background-image: url(../img/zanzibar/stone2.jpg)!important;
}
.stone2{
   background-image: url(../img/zanzibar/stone4.jpg)!important;
}
.stone3{
   background-image: url(../img/zanzibar/stone6.webp)!important;
}
.nature1{
   background-image: url(../img/zanzibar/nature2.jpg)!important;
}
.nature2{
   background-image: url(../img/zanzibar/nature10.jpg)!important;
}

.chem1{
   background-image: url(../img/other_tours/chemka3.jpg)!important;
}
.otherm{
   background-image: url(../img/other_tours/masai9.webp)!important;
}
.mate{
   background-image: url(../img/other_tours/mate9.jpeg)!important;
}
.masa{
   background-image: url(../img/other_tours/masainmain.jpg)!important;
}
.had{
   background-image: url(../img/other_tours/hadzab4.jpg)!important;
}
.bic{
   background-image: url(../img/other_tours/bike7.jpeg)!important;
}








.image-wrapper h2{
    font-size: 4rem;
    color: var(--white);
    text-align: center;
    font-family: "Titillium Web", sans-serif;
    font-weight: 600;
    letter-spacing: -.05em;
    line-height: 25px;
    text-shadow: 0px 3px var(--text-shadow2) !important;
}

/* started of the explain div */
.mount-expln-div{
  position: relative;
  width: 100%;
  height: auto;
  background-color: var(--white);
  display: flex;
  flex-direction: row;
  z-index: 999;
  padding: 2em;
  padding-top: 6em;
  border-bottom: 4px solid #d8d2d2;
}
.mount-expln-div .mount-left-exp{
  width: 60%;
  padding-left: 2em;
}
.mount-left-exp h2{
  font-size: 1.6rem;
  font-weight: 600;
  white-space: wrap;
  line-height: 25px;
  color: var(--textblack);
}
.mount-left-exp h2 span{
  color: var(--forest-green);
}
.mount-left-exp p{
  font-size: 1rem;
  color: var(--charcoal);
  font-weight: 400;
  line-height: 25px;
  font-family: "Titillium Web", sans-serif;
  text-align: left;
  padding-top: 2.5em;
}
.mount-left-exp .down-button{
  width: 100%;
  padding-top: 2em;
}
.down-button button{
  font-family: "Titillium Web", sans-serif;
  width: 300px;
  height: 50px;
  background-color: var(--forest-green);
  border: none;
  color: var(--white);
  border-radius: 2px;
  cursor: pointer;
  font-size: .9rem;
  font-weight: 600;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.mount-expln-div .mount-right-exp{
  width: 40%;
  margin: 3em;
  background-color: #f1f1f1;
  padding: 2em;
}
.mount-right-exp h2{
  font-size: 1.4rem;
  font-weight: 600;
  white-space: wrap;
  line-height: 25px;
  color: var(--textblack);
  font-family: "Titillium Web", sans-serif;
} 
.mount-right-exp ul{
  padding: 2em;
  list-style: circle;
  color: var(--textblack);
}
.mount-right-exp ul li{
  font-size: 1rem;
  color: var(--charcoal);
  font-weight: 400;
  line-height: 25px;
  text-align: left;
}
/* started of the costomized whatsapp */
.main-costomize-wha{
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: transform 0.3s ease-in-out;
}@keyframes smoothShake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-3px) rotate(-1deg); }
  50% { transform: translateX(3px) rotate(1deg); }
  75% { transform: translateX(-2px) rotate(-1deg); }
  100% { transform: translateX(0); }
}
.main-costomize-wha:hover {
  animation: smoothShake 0.4s ease-in-out;
}
.main-costomize-wha .aa-img{
  position: relative;
   width: 80px;
   height: 80px;
   border-radius: 50%;
   overflow: hidden;
   border:  4px solid var(--white);
   background-color: var(--white);
   z-index: 9;
}
.aa-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-size: cover;
}
.main-costomize-wha .box-t{
  position: relative;
  width: 250px;
  height: 75px;
  background-color: #48CDB3;
  transform: translateX(-20px);
  z-index: 1;
  border-radius: 0 60px 60px 0;
  display: grid;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.main-costomize-wha .box-t .w-icon{
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  box-shadow: 0 3px 4px 0 rgba(39,38,38,.26);
  -webkit-box-shadow: 0 3px 4px 0 rgba(39,38,38,.26);
  -moz-box-shadow: 0 3px 4px 0 rgba(39,38,38,.26);
  display: block;
  height: 27px;
  position: absolute;
  left: 16px;
  top: 20px;
  width: 27px;
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjMkRCNzQyIi8+PC9zdmc+) 50% no-repeat;
  background-size: 17px;
  z-index: 998899;
}
.box-t p{
  font-size: .9rem;
  color: var(--white);
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  font-family: "Titillium Web", sans-serif;
  padding-left: 17px;
}
.box-t p span{
  background-color: var(--forest-green);
  color: var(--white);
  padding: .1em;
  text-align: center;
  border-radius: 2px;
  font-family: "Titillium Web", sans-serif;
  font-size: .8rem;
  font-weight: bold;
}
@media (max-width:860px) {
  .image-wrapper h2{
    font-size: 2rem;
}
  .mount-expln-div{
    position: relative;
    flex-direction: column;
  }
  .mount-expln-div{
    padding: 2em 1em 2em .1em;
  }
  .mount-expln-div .mount-left-exp{
    width: 100%;
    padding-left: 2em;
  }
  .mount-expln-div .mount-right-exp{
    width: 100%;
    margin: auto;
    margin-top: 4em;
  }
}
@media (max-width: 422px) {
  .down-button button {
    font-family: "Titillium Web", sans-serif;
    width: 90%;
  }
  .main-costomize-wha{
    transform: translateX(-15px);
  }
  .main-costomize-wha .aa-img{
    position: relative;
     min-width: 80px;
     min-height: 80px;
  }
  .main-costomize-wha .box-t {
    min-width: 250px;
  }
}

/* started of the kili tours main */
.main-inside-actual-tours{
  position: relative;
  width: 100%;
  background-color: #fdfdfd;
  padding: 2em;
  padding-bottom: 10em;
}
.main-inside-actual-tours h2{
    font-family: "Titillium Web", sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  white-space: wrap;
  line-height: 25px;
  color: var(--textblack);
  padding: 1em 0 1em 0;
  text-align: center;
}
.main-inside-actual-tours h2 span{
  color: var(--forest-green);
}
.kili-main-boxes{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2em;
  padding-top: 3em;
}
.kili-tour-main-box{
  position: relative;
  flex: 0 0 320px;
  height: 400px;
  border-radius: 5px;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  transform: translateY(0);
  transition: transform 0.3s ease-in-out, height 0.3s ease-in-out;
  border: 1px solid rgb(239, 237, 234);
  border-radius: 50px 5px 50px 5px;
  overflow: hidden;
  /* modern shadow */
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  transition: all 0.35s ease;
}

/* hover lift effect */
.kili-tour-main-box:hover{
  transform: translateY(-10px) scale(1.01);
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}
.top-image-b{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: grid;
  align-items: center;
  justify-content: center;
}
.top-image-b img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  background-size: cover;
  cursor: pointer;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out;
}
.top-image-b:hover img {
  transform: scale(1.3);
  opacity: 0.9
}
 .last-word-b{
  position: absolute;
  bottom: 2em;
  left: 0;
  width: 90%;
  padding: 1em .5em;
  cursor: pointer;
  background-color: white;
  border-radius: 30px 5px 30px 5px;
}
.last-word-b h2{
  font-size: 1rem;
  color: var(--textblack);
  text-align: center;
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  letter-spacing: -.03em;
  line-height: 25px;
  white-space: wrap;
  text-align: left;
  /* text-shadow: 0px 3px var(--text-shadow2) !important; */
}
.last-word-b h3{
  font-size: 1rem;
  color: var(--charcoal);
  text-align: center;
font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  line-height: 20px;
  white-space: wrap;
  text-align: left;
  /* text-shadow: 0px 3px var(--text-shadow2) !important; */
}
.last-word-b h2:hover,
.last-word-b h3:hover{
  color: var(--forest-green);
}
@media (max-width: 723px) {
  .main-inside-actual-tours h2{
    font-size: 1.3rem;
  }
  .kili-main-boxes{
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .kili-tour-main-box{
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    height: 400px;
  }
  .last-word-b h2{
    font-size: 1.2rem;
  }
}
@media (max-width: 450px) {
  .last-word-b{
    width: 95%;
  }
}