@charset "utf-8";
/* CSS Document */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
form,
fieldset,
span,
small {
  margin: 0px;
  padding: 0px;
  list-style: none;
  border: none;
  font-size: 100%;
  font-weight: normal;
  line-height: normal;
}
.clear {
  clear: both;
}
img {
  border: none;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}
::-webkit-input-placeholder {
  color: #263340;
}
:-moz-placeholder {
  color: #263340;
  opacity: 1;
}
::-moz-placeholder {
  color: #263340;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #263340;
}
body {
  background: #fff;
  font: 12px "InterRegular", sans-serif;
  /* zoom: 85%; */
  overflow-x: hidden !important;
}

/*Custom Css Starts Here*/
#outerWrapper {
  width: 100%;
  float: left;
  position: relative;
}
.wrapper {
  max-width: 1280px;
  margin: 0 auto;
}

/*Header Css Starts Here*/
header {
  float: left;
  width: 100%;
  text-align: center;
  height: 88px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  background: linear-gradient(90deg, rgba(0, 51, 47, 0.95) 0%, rgba(71, 64, 46, 0.95) 100%);
}
header.darkHeader {
  background: linear-gradient(90deg, rgba(0, 51, 47, 0.95) 0%, rgba(71, 64, 46, 0.95) 100%);
}
/*background: radial-gradient(circle at 100%, #47402E, #00332F 100%);*/
#menuToggle {
  display: none;
}
.menuCollapse {
  display: none;
}
a.logo {
  float: left;
  margin: 22px 0 0 40px;
}
a.logo img {
  max-width: 92px;
  width: 100%;
  float: left;
  height: auto;
}

header nav {
  display: inline-block;
  width: auto;
  margin: 34px 0 0 0;
}
header nav ul {
  float: left;
  width: auto;
  list-style: none;
}
header nav ul li {
  float: left;
  list-style: none;
  margin: 0 80px 0 0;
}
header nav ul li:last-child {
  margin: 0;
}
header nav ul li a {
  font: 16px "InterSemiBold", sans-serif;
  color: #d7d3d0;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1.28px;
}
header nav ul li a:hover {
  text-decoration: none;
  opacity: 0.7;
}
header nav ul li.active a {
  text-decoration: none;
  opacity: 0.7;
}
a.profilBtn {
  float: right;
  font: 16px "InterSemiBold", sans-serif;
  color: #fcbd00;
  text-transform: uppercase;
  margin: 19px 40px 0 0;
  padding: 16px 20px 9px 20px;
  text-decoration: none;
  letter-spacing: 0.8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5.635px;
  -moz-border-radius: 5.635px;
  border-radius: 5.635px;
}
a.profilBtn figure {
  margin:-4px 5px 0px 5px;
  float: right;
  vertical-align: middle;
}

.banner {
  float: left;
  width: 100%;
  min-height: 1236px;
  padding: 88px 0 0 0;
  background: url(//banBg.png) no-repeat 47% 14%,
    linear-gradient(90deg, rgba(0, 51, 47, 1) 0%, rgba(71, 64, 46, 1) 100%);
}
.borderWeb {
  display: block;
}
.borderMob {
  display: none;
}
.banSec1 {
  margin: 0 auto;
  max-width: 1010px;
  min-height: 132px;
  padding: 92px 0 0 0;
}
.banBox {
  display: inline-block;
  width: 100%;
  margin: 28px 0;
}
.banHead {
  float: left;
  width: auto;
}
.banBox h2 {
  display: inline-block;
  margin: 34px 0 0 0;
  vertical-align: top;
  font: 24px "InterExtraBold", sans-serif;
  color: #d7d3d0;
  text-align: right;
  line-height: 100%;
  text-transform: capitalize;
  letter-spacing: -0.72px;
}
.banBox h2 span {
  display: inline-block;
  font: 31px "Imperial Script", sans-serif;
  line-height: 100%;
  letter-spacing: -0.93px;
  margin: 2px 7px 0 0;
}
.banBox em {
  display: inline-block;
  font: 32px/32px "Imperial Script", sans-serif;
  color: #fcbd00;
  margin: 43px 20px 0;
  vertical-align: top;
}
.banBox h3 {
  display: inline-block;
  vertical-align: top;
  margin: 39px 0 0 0;
  font: 16px "InterSemiBold", sans-serif;
  color: #d7d3d0;
  line-height: 130%;
  text-transform: uppercase;
  letter-spacing: 1.28px;
}
.banBox h4 {
  display: inline-block;
  margin: 0 42px 0 42px;
}
.banBox h5 {
  display: inline-block;
  margin: 49px 0 0 0;
  vertical-align: top;
  font: 16px "InterSemiBold", sans-serif;
  color: #d7d3d0;
  line-height: 130%;
  text-transform: uppercase;
  letter-spacing: 4.48px;
}

.banSec2 {
  margin: 0 auto;
  max-width: 1010px;
  padding: 28px 0 0 0;
  text-align: center;
}
.banSec2 h2 {
  font: 16px "InterMedium", sans-serif;
  color: #d7d3d0;
  line-height: 130%;
  letter-spacing: 0.16px;
  padding: 0 0 12px 0;
}
.banSec2 p {
  font: 16px "InterRegular", sans-serif;
  color: #a9a29d;
  line-height: 160%;
}

.clientLogo {
  float: left;
  width: 100%;
  text-align: center;
  padding: 40px 0 40px 0;
}
.clientLogo h4 {
  color: #004d47;
  font: 20px "RobotoCondensedBold", sans-serif;
  margin: 0 0 40px 0;
  text-transform: uppercase;
  background: url(/clientlogo-sep.png) no-repeat center center;
}
.clientLogo h4 span {
  color: #b28600;
}
.clientLogo ul {
  display: inline-block;
  width: auto;
  list-style: none;
}
.clientLogo ul li {
  list-style: none;
  display: inline-block;
  margin: 0 93px 0 0;
}
.clientLogo ul li:last-child {
  margin: 0;
}
.clientMob {
  display: none;
}

.bodyContainer {
  float: left;
  width: 100%;
  background: #f5fbee;
  padding: 60px 0 60px 0;
  position: relative;
}
.journey {
  float: left;
  width: 100%;
  padding: 0 0 40px 0;
}
.journeyLeft {
  float: left;
  width: 677px;
  margin: 0 0 0 30px;
}
.journeyLeft h2 {
  font: 60px "Kohinoor Bangla", sans-serif;
  color: #134e48;
  line-height: 100%;
  padding: 0 0 16px 0;
  text-transform: capitalize;
  letter-spacing: -2.4px;
}
.journeyLeft h4 {
  font: 20px "Kohinoor Bangla", sans-serif;
  color: #b28600;
  line-height: 100%;
  padding: 0 0 55px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.journeyLeft p {
  font: 20px "InterRegular", sans-serif;
  color: #292524;
  line-height: 160%;
}
.journeyRight {
  float: left;
  width: auto;
  margin: 65px 0 0 72px;
}
.journeyRight figure {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.heritage {
  float: left;
  width: 97.6%;
  padding: 0 0 0 2.4%;
}
.heritage h2 {
  font: 60px "Kohinoor Bangla", sans-serif;
  color: #134e48;
  line-height: 100%;
  padding: 0 0 16px 0;
  text-transform: capitalize;
  letter-spacing: -2.4px;
}
.heritage h4 {
  font: 20px "Kohinoor Bangla", sans-serif;
  color: #b28600;
  line-height: 100%;
  padding: 0 0 55px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.heritageLeft {
  float: left;
  width: auto;
  position: relative;
}
.heritageLeft figure {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.heritageImg2 {
  position: absolute;
  left: -5px;
  bottom: -238px;
  z-index: 1;
}
/* @media (min-width: 1200px) {
  .heritageImg2 {

  }

} */
@media only screen and (max-width: 767px) {
  .heritageImg2 {
    bottom: -100px; /* raise it up */
    left: 0;
    width: 100px;   /* optional resize */
  }
}


.heritageImg2 img {
  float: left;
  margin-bottom: 0px;
}

/* test etstetsdtgsvfsdfusuysjuy */
.heritageRight {
  float: left;
  width: 697px;
  margin: 0 0 0 58px;
}
.heritageRight p {
  font: 20px "InterRegular", sans-serif;
  color: #292524;
  line-height: 160%;
  padding: 0 0 30px 0;
}
a.learnBtn {
   width: 336px;
  height: 60px;
  padding: 20px 24px;
  border-radius: 8px;
  border: 2px solid #B28600;
  background-color: transparent;

  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.4px;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #B28600;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
}
.heritageRight span {
  float: left;
  font: 16px "InterRegular", sans-serif;
  color: #292524;
  line-height: 140%;
  margin: 8px 0 0 0px;
}
/*.heritageRight span {float:left; display: none; font:16px 'InterRegular', sans-serif; color: #292524; line-height: 140%; margin: 8px 0 0 0;}*/
/*.heritageRight span br {display: none;}*/
.heritageImg {
  display: none;
}
.ourservices {
  float: left;
  width: 100%;
  background: #fdead7;
}
.serviceLeft {
  float: left;
  width: 916px;
  padding: 100px 0 40px 0;
  margin: 0 0 0 30px;
}
.serviceLeft h2 {
  font: 60px "Kohinoor Bangla", sans-serif;
  color: #134e48;
  line-height: 100%;
  padding: 0 0 16px 0;
  text-transform: capitalize;
  letter-spacing: -2.4px;
}
.serviceLeft h4 {
  font: 20px "Kohinoor Bangla", sans-serif;
  color: #b28600;
  line-height: 100%;
  /* padding: 0 0 55px 0; */
  text-transform: uppercase;
  letter-spacing: 1px;
}
.serviceLeft h5 {
  background: #fff;
  display: inline-block;
  font: 20px "kohinoorbanglamedium", sans-serif;
  color: #b28600;
  line-height: 100%;
  padding: 12px 20px;
  margin: 0 0 28px 0;
  border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

ul.serviceList {
  display: inline-block;
  width: auto;
  list-style: none;
  margin: 0 0 20px 0;
}
ul.serviceList li {
  list-style: none;
  display: inline-block;
  width: 430px;
  margin: 0 48px 0 0;
  padding: 0 0 40px 0;
}
ul.serviceList li.last {
  margin: 0;
}
ul.serviceList li:nth-child(2) {
  margin: 0;
}
ul.serviceList li:nth-child(4) {
  margin: 0;
}
ul.serviceList li span {
  float: left;
}
ul.serviceList li small {
  float: left;
  font: 20px "InterSemiBold", sans-serif;
  color: #134e48;
  text-transform: capitalize;
  letter-spacing: -0.4px;
  line-height: 140%;
  margin: 0;
}
ul.serviceList li p {
  float: left;
  font: 16px "InterRegular", sans-serif;
  color: #292524;
  line-height: 140%;
  letter-spacing: -0.32px;
  margin: 12px 0 0 0;
}
.imgBox {
  float: left;
  width: 118px;
}
.contentBox {
  width: 312px;
  float: left;
}

.serviceLeft p {
  font: 20px "InterRegular", sans-serif;
  color: #292524;
  padding: 0 0 40px 0;
  line-height: 140%;
}
.serviceLeft p strong {
  font: 16px "InterMedium", sans-serif;
  color: #292524;
  font-weight: bold;
  letter-spacing: -0.48px;
}

ul.serviceList2 {
  display: inline-block;
  width: auto;
  list-style: none;
  margin: 0 0 20px 0;
}
ul.serviceList2 li {
  list-style: none;
  display: inline-block;
  width: 300px;
  margin: 0 48px 0 0;
  padding: 0 0 40px 0;
}
ul.serviceList2 li.last {
  margin: 0;
}
ul.serviceList2 li span {
  float: left;
}
ul.serviceList2 li small {
  float: left;
  font: 20px "InterSemiBold", sans-serif;
  color: #134e48;
  text-transform: capitalize;
  letter-spacing: -0.4px;
  line-height: 140%;
  margin: 0;
}
.logoandheading{
  margin-top: -25px;
}

.servicesSect4 {
  display: flex;
  gap: 50px;
  width: 100%;

  @media screen and (max-width: 1024px) {
    flex-direction: column;
    padding-top: 50px;
    align-items: center;
    p {
      width: 100% !important;
      max-width: 100% !important;
    }
    div {
      width: 100% !important;
      max-width: 100% !important;
    }

    img {
      width: 70%;
      object-fit: cover;

      @media screen and (max-width: 770px) {
        width: 100%;
      }
    }
  }
}
.imgBox2 {
  float: left;
  width: 118px;
}
.contentBox2 {
  width: 180px;
  float: left;
  padding: 33px 0 0 0;
}

a.exploreBtn {
  width: 310px; /* 'Hug' means fit-content but we’ll use a fixed width as you specified */
  height: 60px;
  padding: 20px 24px;
  border-radius: 8px;
  border: 2px solid #B28600;
  background-color: transparent;

  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%; /* 100% of font size */
  letter-spacing: 0.08px; /* corrected from 5% */
  text-transform: uppercase;
  text-align: center;
  color: #B28600;
  text-decoration: none;

  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  

}
/*a.exploreBtn {float:left; display: none; font:20px 'InterBold', sans-serif; color: #B28600; text-transform: uppercase; padding: 20px 24px; margin:20px 0 0 0;  text-decoration: none; letter-spacing: 1px; border: 2px solid #B28600; border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}*/
.serviceLeft em {
  float: left;
  font: 16px "InterRegular", sans-serif;
  color: #292524;
  line-height: 140%;
  margin: 28px 0 0 24px;
}
/*.serviceLeft em {float:left; font:16px 'InterRegular', sans-serif; color: #292524; line-height: 140%; margin: 28px 0 0 0;}
.serviceLeft em br {display: none;}*/
.serviceRight {
  float: left;
  width: 216px;
  margin: 0 0 0 40px;
  padding: 60px 35px 84px 35px;
  background: white;
  clip-path: polygon(100% 0, 100% 100%, 49% 94%, 0 100%, 0 0);

  @media screen and (max-width: 1078px) {
    width: fit-content;
    margin-left: 0;
    margin-bottom: 100px;
  }
}
.serviceRightBox {
  float: left;
  width: 100%;
  padding: 0 0 42px 0;
}
.serviceRightBox.last {
  padding: 0;
}
.serviceRightBox strong {
  float: left;
  width: 100%;
  font: 80px "Lemon Medium", sans-serif;
  color: #ffffff;
  line-height: 100%;
  letter-spacing: 3.2px;
}
.serviceRightBox span {
  float: left;
  width: 100%;
  font: 20px "Kohinoor Bangla", sans-serif;
  color: #ffffff;
}
.new{
  text-align: center;
}
.serviceRightBox h3 {
  float: left;
  width: 100%;
  font: 20px "Kohinoor Bangla", sans-serif;
  color: #c48080;
  text-transform: uppercase;
}
.serviceRightBox {
  display: flex;
  flex-direction: column;
  gap: 52px;
      /* text-align: center; */

  ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    @media screen and (max-width: 1078px) {
      /* flex-direction: row; */
      flex-wrap: wrap;
      /* gap: 20px; */
    }
    li {
      display: flex;
      align-items: flex-start;
      gap: 5px;
      color: #44403c;
      border-bottom: 1px solid #c48080;
      padding-bottom: 7px;
      span {
        &:first-child {
          color: #c48080;
          width: 20px;
        }
        &:last-child {
          color: #44403c;
          font-weight: 500;
          font-family: "InterRegular", sans-serif;
          font-size: 16px;
        }
      }
            &:last-child {
        border-bottom: none;
      }
    }
  }
}

.celebrate {
  float: left;
  width: 100%;
  padding: 100px 0;
  background: #f2f2e6 url(/celebrateImg.png) no-repeat center top;
}
.celebrate h2 {
  font: 60px "Kohinoor Bangla", sans-serif;
  text-align: center;
  color: #134e48;
  line-height: 100%;
  padding: 0 0 16px 0;
  text-transform: capitalize;
  letter-spacing: -2.4px;
}
.celebrate h4 {
  font: 20px "Kohinoor Bangla", sans-serif;
  text-align: center;
  color: #b28600;
  line-height: 100%;
  padding: 0 0 80px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}
ul.celebrateItems {
  display: inline-block;
  width: auto;
  list-style: none;
  margin: 0 30px;
}
ul.celebrateItems li {
  list-style: none;
  float: left;
  width: 380px;
  margin: 0 40px 0 0;
}
ul.celebrateItems li:last-child {
  margin: 0;
}
ul.celebrateItems li figure {
  float: left;
  margin: 0 0 38px 0;
}
ul.celebrateItems li figure {
  float: left;
}
ul.celebrateItems li.last {
  margin: 0;
}
ul.celebrateItems li h3 {
  display: inline-block;
  font: 28px "Kohinoor Bangla", sans-serif;
  color: #134e48;
  line-height: 100%;
  letter-spacing: -0.56px;
  padding: 0 0 24px 0;
  text-transform: capitalize;
}
ul.celebrateItems li p {
  display: inline-block;
  font: 18px "InterRegular", sans-serif;
  color: #292524;
  min-height: 76px;
  padding: 0 0 32px 0;
  line-height: 140%;
}
a.learnMoreBtn {
  float: left;
  display: none;
  font: 16px "InterBold", sans-serif;
  color: #b28600;
  text-transform: uppercase;
  padding: 20px 24px;
  margin: 20px 0 0 0;
  text-decoration: none;
  letter-spacing: 0.8px;
  border: 2px solid #b28600;
  border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.grkc {
  float: left;
  width: 100%;
  padding: 100px 0 30px 0;
  text-align: center;
  background: #d0c4a3 url(/grkcBg.png) no-repeat center top;
}
.grkc h2 {
  font: 60px "Kohinoor Bangla", sans-serif;
  text-align: center;
  color: #292524;
  line-height: 100%;
  padding: 0 0 16px 0;
  text-transform: capitalize;
  letter-spacing: -2.4px;
}
.grkc h4 {
  font: 20px "Kohinoor Bangla", sans-serif;
  text-align: center;
  color: #292524;
  line-height: 100%;
  padding: 0 0 80px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.grkcSec1 {
  width: 100%;
  float: left;
  padding: 0 0 80px 0;
}
.grkcLeft {
  float: left;
  width: 423px;
  text-align: left;
  margin: 0 0 0 30px;
}
.grkcLeft h3 {
  font: 24px "InterMedium", sans-serif;
  color: #292524;
  line-height: 140%;
  padding: 0 0 24px 0;
}
.grkcLeft p {
  font: 20px "InterRegular", sans-serif;
  color: #292524;
  line-height: 140%;
}
.grkcMid {
  float: left;
  width: 250px;
  margin: 0 65px 0 40px;
}
.grkcRight {
  float: left;
  width: 423px;
  text-align: left;
}
.grkcRight p {
  font: 20px "InterRegular", sans-serif;
  color: #292524;
  line-height: 140%;
  padding: 0 0 24px 0;
}
.grkcSec3 {
  float: left;
  width: 100%;
  padding: 0 0 80px 0;
}
.grkcSec3 figure {
  width: 100%;
  float: left;
}
.grkcSec3 figure img {
  width: 100%;
  float: left;
}
.grkcSec2 {
  float: left;
  width: 100%;
  padding: 0 0 50px 0;
}
.grkcSec2 h3 {
  font: 24px "Kohinoor Bangla", sans-serif;
  color: #292524;
  line-height: 120%;
  margin: 0 0 36px 0;
  background: url(/grkcSec2-sep.png) no-repeat center center;
  letter-spacing: -0.48px;
}

.grkcSec2Box1 {
  float: left;
  width: 100%;
  padding: 0 0 20px 0;
}
.grkcSec2Box1Left {
  float: left;
  width: 551px;
  min-height: 251px;
  margin: 0 20px 0 30px;
  background: #f8f0db;
  padding: 32px 24px;
  text-align: left;
  border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.grkcSec2Box1Left h5 {
  font: 24px "Kohinoor Bangla", sans-serif;
  color: #695930;
  line-height: 120%;
  padding: 0 0 24px 0;
  letter-spacing: -0.48px;
}
.grkcSec2Box1Left h6 {
  font: 24px "InterMedium", sans-serif;
  color: #44403c;
  line-height: 140%;
  padding: 0 0 20px 0;
  letter-spacing: -0.64px;
}
.grkcSec2Box1Left p {
  font: 20px "InterRegular", sans-serif;
  color: #44403c;
  line-height: 140%;
}

.grkcSec2Box1Mid {
  float: left;
  width: 241px;
  min-height: 251px;
  margin: 0 20px 0 0;
  background: #e9eed2;
  padding: 32px 24px;
  text-align: left;
  border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.grkcSec2Box1Mid h5 {
  font: 24px "Kohinoor Bangla", sans-serif;
  color: #695930;
  line-height: 120%;
  padding: 0 0 24px 0;
  letter-spacing: -0.48px;
}
.grkcSec2Box1Mid p strong {
  font: 16px "InterSemiBold", sans-serif;
  color: #44403c;
  line-height: 140%;
}
.grkcSec2Box1Mid p {
  font: 16px "InterRegular", sans-serif;
  color: #44403c;
  line-height: 140%;
}

.grkcSec2Box1Right {
  float: left;
  width: 241px;
  min-height: 251px;
  background: #f2e4d4;
  padding: 32px 24px;
  text-align: left;
  border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.grkcSec2Box1Right h5 {
  font: 24px "Kohinoor Bangla", sans-serif;
  color: #695930;
  line-height: 120%;
  padding: 0 0 24px 0;
  letter-spacing: -0.48px;
}
.grkcSec2Box1Right p strong {
  font: 16px "InterSemiBold", sans-serif;
  color: #44403c;
  line-height: 140%;
}
.grkcSec2Box1Right p {
  font: 16px "InterRegular", sans-serif;
  color: #44403c;
  line-height: 140%;
}

.grkcSec2Box2 {
  float: left;
  width: 100%;
  padding: 0 0 20px 0;
}
.grkcSec2Box2Left {
  float: left;
  width: 551px;
  min-height: 273px;
  margin: 0 20px 0 0;
  background: #f8f0db;
  padding: 32px 24px;
  text-align: left;
  border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.grkcSec2Box2Left h5 {
  font: 24px "Kohinoor Bangla", sans-serif;
  color: #695930;
  line-height: 120%;
  padding: 0 0 24px 0;
  letter-spacing: -0.48px;
}
.grkcSec2Box2Left h6 {
  font: 24px "InterMedium", sans-serif;
  color: #44403c;
  line-height: 140%;
  padding: 0 0 20px 0;
  letter-spacing: -0.64px;
}
.grkcSec2Box2Left p {
  font: 20px "InterRegular", sans-serif;
  color: #44403c;
  line-height: 140%;
}

.grkcSec2Box2Mid {
  float: left;
  width: 241px;
  min-height: 273px;
  margin: 0 20px 0 0;
  background: #e9eed2;
  padding: 32px 24px;
  text-align: left;
  border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.grkcSec2Box2Mid h5 {
  font: 24px "Kohinoor Bangla", sans-serif;
  color: #695930;
  line-height: 120%;
  padding: 0 0 24px 0;
  letter-spacing: -0.48px;
}
.grkcSec2Box2Mid p strong {
  font: 16px "InterSemiBold", sans-serif;
  color: #44403c;
  line-height: 140%;
}
.grkcSec2Box2Mid p {
  font: 16px "InterRegular", sans-serif;
  color: #44403c;
  line-height: 140%;
}

.grkcSec2Box2Right {
  float: left;
  width: 241px;
  min-height: 273px;
  background: #f2e4d4;
  margin: 0 20px 0 30px;
  padding: 32px 24px;
  text-align: left;
  border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.grkcSec2Box2Right h5 {
  font: 24px "Kohinoor Bangla", sans-serif;
  color: #695930;
  line-height: 120%;
  padding: 0 0 24px 0;
  letter-spacing: -0.48px;
}
.grkcSec2Box2Right p strong {
  font: 16px "InterSemiBold", sans-serif;
  color: #44403c;
  line-height: 140%;
}
.grkcSec2Box2Right p {
  font: 16px "InterRegular", sans-serif;
  color: #44403c;
  line-height: 140%;
}

.grkcSec2Box3 {
  float: left;
  width: 100%;
}
.grkcSec2Box3Left {
  float: left;
  width: 551px;
  min-height: 273px;
  margin: 0 20px 0 30px;
  background: #f8f0db;
  padding: 32px 24px;
  text-align: left;
  border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.grkcSec2Box3Left h5 {
  font: 24px "Kohinoor Bangla", sans-serif;
  color: #695930;
  line-height: 120%;
  padding: 0 0 24px 0;
  letter-spacing: -0.48px;
}
.grkcSec2Box3Left h6 {
  font: 24px "InterMedium", sans-serif;
  color: #44403c;
  line-height: 140%;
  padding: 0 0 20px 0;
  letter-spacing: -0.64px;
}
.grkcSec2Box3Left p {
  font: 20px "InterRegular", sans-serif;
  color: #44403c;
  line-height: 140%;
}

.grkcSec2Box3Mid {
  float: left;
  width: 241px;
  min-height: 273px;
  margin: 0 20px 0 0;
  background: #f2e4d4;
  padding: 32px 24px;
  text-align: left;
  border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.grkcSec2Box3Mid h5 {
  font: 24px "Kohinoor Bangla", sans-serif;
  color: #695930;
  line-height: 120%;
  padding: 0 0 24px 0;
  letter-spacing: -0.48px;
}
.grkcSec2Box3Mid p strong {
  font: 16px "InterSemiBold", sans-serif;
  color: #44403c;
  line-height: 140%;
}
.grkcSec2Box3Mid p {
  font: 16px "InterRegular", sans-serif;
  color: #44403c;
  line-height: 140%;
}

.grkcSec2Box3Right {
  float: left;
  width: 241px;
  min-height: 273px;
  background: #e9eed2;
  padding: 32px 24px;
  text-align: left;
  border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.grkcSec2Box3Right h5 {
  font: 24px "Kohinoor Bangla", sans-serif;
  color: #695930;
  line-height: 120%;
  padding: 0 0 24px 0;
  letter-spacing: -0.48px;
}
.grkcSec2Box3Right p strong {
  font: 16px "InterSemiBold", sans-serif;
  color: #44403c;
  line-height: 140%;
}
.grkcSec2Box3Right p {
  font: 16px "InterRegular", sans-serif;
  color: #44403c;
  line-height: 140%;
}

ul.grkcItems {
  display: inline-block;
  width: auto;
  list-style: none;
  margin: 0 30px 80px 30px;
}
ul.grkcItems li {
  list-style: none;
  float: left;
  text-align: left;
  width: 290px;
  border-radius: 8px 8px;
  margin: 0 20px 0 0;
  background: #eee8d8;
}
ul.grkcItems li:last-child {
  margin: 0;
}
ul.grkcItems li figure {
  float: left;
  margin: 0 0 32px 0;
}
ul.grkcItems li figure img {
  border-radius: 8px 8px 0 0;
}
ul.grkcItems li figure {
  float: left;
}
ul.grkcItems li.last {
  margin: 0;
}
ul.grkcItems li h3 {
  display: inline-block;
  font: 24px "Kohinoor Bangla", sans-serif;
  color: #44403c;
  line-height: 120%;
  letter-spacing: -0.48px;
  padding: 0 0 24px 24px;
  text-transform: capitalize;
}
ul.grkcItems li p {
  display: inline-block;
  font: 18px "InterRegular", sans-serif;
  color: #44403c;
  padding: 0 0 32px 24px;
  line-height: 140%;
}
.grkc strong {
  float: left;
  width: 100%;
  padding: 0 0 12px 0;
  display: flex;
  justify-content: center;
}
a.tellUsBtn {
 display: flex;
  justify-content: center;
  align-items: center;

  width: 400px; /* Fill */
  height: 60px; /* Hug */
  /* padding: 20px 24px; */

  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
  color: #f5f5f4;
  background-color: #b28600;

  border: none;
  border-radius: 8px;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;

  margin: 0 auto;
}
.grkc span {
  display: inline-block;
  font: 24px "Kohinoor Bangla", sans-serif;
  color: #44403c;
  line-height: 120%;
  letter-spacing: -0.48px;
  padding: 0 0 50px 0;
}

footer {
  float: left;
  width: 100%;
  padding: 60px 0;
  background: linear-gradient(90deg, rgba(0, 51, 47, 0.95) 0%, rgba(71, 64, 46, 0.95) 100%);
}
.footerSec1 {
  float: left;
  width: 100%;
  padding: 0 0 60px 0;
}
a.logoBott {
  float: left;
  margin: 0 0 0 30px;
}
a.logoBott img {
  max-width: 100%;
  float: left;
  height: auto;
}
.footerSec1 span {
  float: left;
  margin: -6px 100px 0 80px;
  width: 480px;
  font: 20px "InterLightBETA", sans-serif;
  color: #d7d3d0;
  line-height: 160%;
}
.footerSec1 ul {
  float: left;
  width: 200px;
  list-style: none;
}
.footerSec1 ul li {
  list-style: none;
  float: left;
  margin: 0 0 20px 0;
}
.footerSec1 ul li a {
  font: 16px "InterSemiBold", sans-serif;
  color: #d7d3d0;
  text-decoration: none;
  line-height: 130%;
  letter-spacing: 1.28px;
  text-transform: uppercase;
}
.footerSec1 ul li:last-child {
  margin: 0;
}

.footerSec2 {
  float: left;
  width: 100%;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 20px 0;
}
.footerSec2 span {
  float: left;
  margin: 8px 0 0 0;
  font: 24px "kohinoorbanglamedium", sans-serif;
  color: #a9a29d;
  line-height: 120%;
}
.footerSec2 strong {
  display: inline-block;
  font: 24px "kohinoorbanglamedium", sans-serif;
  color: #a9a29d;
  margin: 8px 68px 0 0;
  line-height: 120%;
}
.footerSec2 strong a {
  color: #a9a29d;
  text-decoration: none;
}

.footerSec2 strong figure {
  float: left;
  margin: 1px 20px 0 0;
}
.footerSec2 strong figure img {
  float: left;
}
.footerSec2 ul {
  float: right;
  list-style: none;
}
.footerSec2 ul li {
  list-style: none;
  float: left;
  margin: 0 16px 0 0;
}
.footerSec2 ul li:last-child {
  margin: 0;
}
.footerSec3 {
  float: left;
  width: 100%;
  padding: 20px 0 0 0;
}
.footerSec3 p {
  font: 14px "InterRegular", sans-serif;
  color: #a9a29d;
  line-height: 150%;
}

/*Our Story Css Starts Here*/

.innerbanner {
  width: 100%;
  float: left;
  text-align: center;
  margin: 88px 0 0 0;
  position: relative;
}
.innerText {
  float: left;
  width: 100%;
  text-align: left;
  position: absolute;
  left: 0;
  bottom: 40px;
}
.innerText h2 {
  font: 72px "Kohinoor Bangla", sans-serif;
  padding: 0 0 10px 0;
  text-transform: capitalize;
  color: #fff;
  line-height: 100%;
  letter-spacing: -2.16px;
}
.innerText span {
  font: 20px "Kohinoor Bangla", sans-serif;
  text-transform: uppercase;
  color: #fcbd00;
  line-height: 100%;
  letter-spacing: 1px;
}

.innerContainer {
  float: left;
  width: 100%;
  padding: 0 0 100px 0;
  background: linear-gradient(180deg, #f5fbee 0%, #f5f4e6 100%);
}
.innerSec1 {
  float: left;
  width: 100%;
  padding: 80px 0 0 0;
  border-bottom: 1px solid #a9a29d;
}
.innerSec1 p {
  font: 32px "LoraMediumItalic", sans-serif;
  padding: 0 0 60px 0;
  color: #134e48;
  line-height: 130%;
  letter-spacing: -0.32px;
}
.innerSec2 {
  float: left;
  width: 100%;
  padding: 60px 0 60px 0;
}
.innerSec2Left {
  float: left;
  width: 580px;
}
.innerSec2Left span {
  font: 16px "InterRegular", sans-serif;
  color: #292524;
  line-height: 140%;
}
.innerSec2Left figure {
  float: left;
  width: 100%;
  padding: 0 0 10px 0;
}
.innerSec2Right {
  float: right;
  width: 580px;
}
.innerSec2Right span {
  font: 16px "InterRegular", sans-serif;
  color: #292524;
  line-height: 140%;
}
.innerSec2Right figure {
  float: left;
  width: 100%;
  padding: 0 0 10px 0;
}
.innerSec3 {
  float: left;
  width: 100%;
  border-bottom: 1px dashed #a9a29d;
}
.innerSec3 p {
  font: 20px "InterRegular", sans-serif;
  color: #292524;
  line-height: 160%;
  padding: 0 0 60px 0;
}
.innerSec4 {
  float: left;
  width: 100%;
  margin: 60px 0 0 0;
}
.innerSec4Left {
  float: left;
  width: 393px;
  margin: 0 80px 0 0;
}
.innerSec4Left p {
  font: 20px "InterRegular", sans-serif;
  color: #292524;
  line-height: 160%;
}
.innerSec4Mid {
  float: left;
  width: 313px;
  text-align: center;
}
.innerSec4Mid span {
  font: 16px "InterRegular", sans-serif;
  color: #292524;
  line-height: 140%;
  display: inline-block;
  padding: 20px 0 20px 0;
}
.innerSec4Mid strong {
  display: inline-block;
  width: 100%;
}
.innerSec4Mid a {
  display: inline-block;
  font: 16px "InterSemiBold", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #b28600;
  line-height: 100%;
  letter-spacing: 0.8px;
}
.innerSec4Mid a figure {
  float: left;
  margin: -5px 12px 0 0;
}
.innerSec4Right {
  float: right;
  width: 393px;
}
.innerSec4Right p {
  font: 20px "InterRegular", sans-serif;
  color: #292524;
  line-height: 160%;
}

.discoverySec {
  float: left;
  width: 100%;
  background: #d0c4a3 url(/discoveryBg.png) no-repeat center top;
  padding: 100px 0 100px 0;
}
.discoverySec h2 {
  font: 60px "Kohinoor Bangla", sans-serif;
  padding: 0 0 16px 0;
  color: #292524;
  line-height: 100%;
  letter-spacing: -2.4px;
}
.discoverySec span {
  font: 20px "Kohinoor Bangla", sans-serif;
  text-transform: uppercase;
  color: #292524;
  line-height: 100%;
  letter-spacing: 1px;
  display: inline-block;
  padding: 0 0 60px 0;
}
.discoverySec figure {
  float: left;
  width: 100%;
}
.discoverySec figure img {
  width: 100%;
  float: left;
}

.timelines {
  float: left;
  width: 100%;
  background: #f5f4e6;
  padding: 100px 0;
}
.timelines h2 {
  font: 32px "LoraMediumItalic", sans-serif;
  color: #134e48;
  line-height: 130%;
  letter-spacing: -0.32px;
}
.timelines h2 figure {
  float: right;
}

.timeBox {
  width: 100%;
  float: left;
  border-bottom: 1px dashed #a9a29d;
  padding: 100px 0 60px 0;
  position: relative;
}
.timeBox span {
  font: 180px "Kohinoor Bangla", sans-serif;
  text-align: right;
  color: #a9a29d;
  line-height: 100%;
  letter-spacing: -7.2px;
  opacity: 0.15;
  position: absolute;
  right: 358px;
  top: 100px;
  z-index: 1;
}
.timeLeft {
  width: 677px;
  float: left;
}
.timeLeft h3 {
  font: 60px "Kohinoor Bangla", sans-serif;
  color: #134e48;
  padding: 0 0 16px 0;
  line-height: 100%;
  letter-spacing: -2.4px;
}
.timeLeft strong {
  font: 20px "Kohinoor Bangla", sans-serif;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 0 60px 0;
  color: #b28600;
  line-height: 100%;
  letter-spacing: 1px;
}
.timeLeft p {
  font: 20px "InterRegular", sans-serif;
  color: #292524;
  line-height: 160%;
}
.timeRight {
  width: 400px;
  float: right;
  position: relative;
  z-index: 2;
}

.timeBox2 {
  width: 100%;
  float: left;
  border-bottom: 1px dashed #a9a29d;
  padding: 100px 0 60px 0;
  position: relative;
}
.timeBox2 span {
  font: 180px "Kohinoor Bangla", sans-serif;
  color: #a9a29d;
  line-height: 100%;
  letter-spacing: -7.2px;
  opacity: 0.15;
  position: absolute;
  left: 370px;
  top: 100px;
  z-index: 1;
}
.time2Left {
  width: 677px;
  float: right;
  text-align: right;
}
.time2Left h3 {
  font: 60px "Kohinoor Bangla", sans-serif;
  color: #134e48;
  padding: 0 0 16px 0;
  line-height: 100%;
  letter-spacing: -2.4px;
}
.time2Left strong {
  font: 20px "Kohinoor Bangla", sans-serif;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 0 60px 0;
  color: #b28600;
  line-height: 100%;
  letter-spacing: 1px;
}
.time2Left p {
  font: 20px "InterRegular", sans-serif;
  color: #292524;
  line-height: 160%;
}
.time2Right {
  width: 400px;
  float: left;
  position: relative;
  z-index: 2;
}
.timeBox2.last {
  border: none;
  padding-bottom: 0;
}

.bridgeSec {
  float: left;
  width: 100%;
  background: url(/bridgeSecBg.png) no-repeat center top;
  padding: 97px 0;
  background-size: cover; /* ✅ stretch to fill width, crop if needed */
}
.bridgeSec h2 {
  font: 60px "Kohinoor Bangla", sans-serif;
  text-align: center;
  color: #ffe6d5;
  line-height: 100%;
  letter-spacing: -2.4px;
  padding: 0 0 80px 0;
}
.bridgeSec strong {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 80px 0 0 0;
}
.bridgeLeft {
  float: left;
  width: 602px;
  margin: 0 80px 0 0;
}
.bridgeLeft p {
  font: 20px "InterRegular", sans-serif;
  color: #e7e5e4;
  line-height: 140%;
}

.bridgeMid {
  float: left;
  width: 241px;
  min-height: 261px;
  margin: 0 20px 0 0;
  background: #e9eed2;
  padding: 32px 24px;
  text-align: left;
  border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.bridgeMid h5 {
  font: 24px "Kohinoor Bangla", sans-serif;
  color: #695930;
  line-height: 120%;
  padding: 0 0 24px 0;
  letter-spacing: -0.48px;
}
.bridgeMid p {
  font: 16px "InterRegular", sans-serif;
  color: #44403c;
  line-height: 140%;
}

.bridgeRight {
  float: left;
  width: 241px;
  min-height: 261px;
  background: #f2e4d4;
  padding: 32px 24px;
  text-align: left;
  border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.bridgeRight h5 {
  font: 24px "Kohinoor Bangla", sans-serif;
  color: #695930;
  line-height: 120%;
  padding: 0 0 24px 0;
  letter-spacing: -0.48px;
}
.bridgeRight p {
  font: 16px "InterRegular", sans-serif;
  color: #44403c;
  line-height: 140%;
}

.leaders {
  float: left;
  width: 100%;
  background: #f5fbee;
  padding: 0 0 100px 0;
}
.leaderSec {
  float: left;
  width: 100%;
  padding-bottom: 80px;
}
.leaderSec h2 {
  font: 60px "Kohinoor Bangla", sans-serif;
  float: left;
  color: #134e48;
  line-height: 100%;
  letter-spacing: -2.4px;
  padding: 100px 0 0 0;
}
.leaderSec figure.symbol {
  float: right;
}

.leaderSec1 {
  float: left;
  width: 100%;
}
.leaderSec2 {
  float: left;
  width: 100%;
  display: none;
}
.leaderBox {
  width: 540px;
  float: left;
  position: relative;
  margin: 0 0 0 0;
}
.leadLeft {
  float: left;
  width: 220px;
  position: absolute;
  left: 0;
  top: 0;
}
.leadLeft h3 {
  font: 32px "Kohinoor Bangla", sans-serif;
  color: #134e48;
  line-height: 120%;
  letter-spacing: -0.64px;
  position: relative;
&::before {
  content: "|\00A0\00A0  Director";
  position: absolute;
  left: 225px;
  white-space: nowrap;
  top: 0;
  font-size: 24px;
  font-weight: 200;
  font-family:  sans-serif;
  font-style: normal;
    @media screen and (max-width: 430px) {
      left: 185px;
    }
  }
}
.leadLeft span {
  font: 16px "InterRegular", sans-serif;
  color: #44403c;
  line-height: 140%;
  display: inline-block;
  padding: 0 0 20px 0;
}
.leadLeft p {
  font: 16px "InterRegular", sans-serif;
  color: #44403c;
  line-height: 140%;
  padding: 0 0 24px 0;
}
.leadRight {
  float: right;
}
a.readlink {
  font: 16px "InterRegular", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #b28600;
  line-height: 140%;
  letter-spacing: 0.64px;
}

.leaderBox2 {
  width: 540px;
  float: right;
  position: relative;
  margin: 0px 0 0 0;
}
.lead2Left {
  float: left;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.lead2Left h3 {
  font: 32px "Kohinoor Bangla", sans-serif;
  color: #134e48;
  line-height: 120%;
  letter-spacing: -0.64px;
  position: relative;
  white-space: nowrap;
&::before {
  content: "|\00A0\00A0  Director";
  position: absolute;
  left: 225px;
  white-space: nowrap;
  top: 0;
  font-size: 24px;
  font-weight: 200;
  font-family:  sans-serif;
  font-style: normal;
    @media screen and (max-width: 430px) {
      left: 185px;
    }
  }
}
.lead2Left span {
  font: 16px "InterRegular", sans-serif;
  color: #44403c;
  line-height: 140%;
  display: inline-block;
  padding: 0 0 20px 0;
}
.lead2Left p {
  font: 16px "InterRegular", sans-serif;
  color: #44403c;
  line-height: 140%;
  padding: 0 0 24px 0;
}
.lead2Right {
  float: right;
}

.articleMag {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px 44px;
  background-color: white;

  span {
    font: 16px "InterRegular", sans-serif;
    color: #44403c;
    line-height: 140%;
  }
  .head {
    display: flex;
    gap: 40px;

    @media screen and (max-width: 740px) {
      flex-direction: column;
    }

    .left,
    .right {
      display: flex;
      flex-direction: column;
      gap: 12px;
      align-items: flex-start;
    }
    h3 {
      font: 32px "Kohinoor Bangla", sans-serif;
      color: #134e48;
      line-height: 120%;
      letter-spacing: -0.64px;
    }
    h5 {
      font: 24px "K", sans-serif;
      color: #134e48;
      line-height: 140%;
      font-weight: 400;
      letter-spacing: 0.64px;
    }
    button {
      background-color: transparent;
      border: 2px solid #b28600;
      color: #b28600;
      padding: 16px 20px;
      border-radius: 8px;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 16px;
      cursor: pointer;
    }
  }

  .main {
    display: flex;
    gap: 48px;

    @media screen and (max-width: 580px) {
      flex-direction: column;

      img {
        height: 300px;
        width: 100%;
        object-fit: contain;
      }
    }

    .content {
      display: flex;
      flex-direction: column;
      gap: 4px;
      align-items: flex-start;
      h2 {
        font: 32px "Kohinoor Bangla", sans-serif;
        color: #134e48;
        line-height: 120%;
        letter-spacing: -0.64px;
        font-weight: 700;
        max-width: 700px;
      }

      span {
        font: 16px "InterRegular", sans-serif;
        color: #44403c;
        line-height: 140%;
        font-weight: 600;
      }
      a {
        margin-top: 30px;
      }
    }
  }


.down {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 142px;              /* Hug width */
  height: 48px;              /* Hug height */
  padding: 16px 20px;        /* Top/Bottom: 16px, Left/Right: 20px */

  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;         /* 100% of font size */
  letter-spacing: 0.8px;     /* ~5% of 16px */
  text-transform: uppercase;
  text-align: center;

  color: #B28600;            /* Text color */
  background-color: transparent;

  border: 2px solid #B28600;
  border-radius: 8px;

  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
}









  .dotted {
    border: 2px solid;

    --dash: 8px;
    --gap: 6px;

    border-image: repeating-linear-gradient(
        to right,
        #a9a29d 0,
        #a9a29d var(--dash),
        transparent var(--dash),
        transparent calc(var(--dash) + var(--gap))
      )
      1;
    border-radius: 6px;
  }
}

/*Verticals Css Starts Here*/
.contractSec {
  float: left;
  width: 100%;
  background: #f5f4e6 url(/contractBg.png) no-repeat right top;
  padding: 80px 0 20px 0;
}
.contractSec h2 {
  font: 40px "Kohinoor Bangla", sans-serif;
  text-align: center;
  color: #134e48;
  line-height: 100%;
  letter-spacing: -1.6px;
  margin: 0 0 60px 0;
  background: url(/contractHeadbg.png) no-repeat center center;
}
.contractLeft {
  float: left;
  width: 513px;
  margin: 0 60px 0 0;
}
.contractRight {
  float: left;
  width: 644px;
}
.contractRight h3 {
  font: 36px "kohinoorbanglamedium", sans-serif;
  font-weight: 600;
  color: #134e48;
  line-height: 120%;
  letter-spacing: -1.44px;
  padding: 0 0 60px 0;
}
.contractRight strong {
  font: 36px "LoraMediumItalic", sans-serif;
  color: #134e48;
  line-height: 120%;
  letter-spacing: -0.72px;
  display: inline-block;
  padding: 0 0 60px 0;
}
.contractRight p {
  font: 28px "LoraMediumItalic", sans-serif;
  color: #134e48;
  line-height: 130%;
  letter-spacing: -0.28px;
}

.serviceBand {
  float: left;
  width: 95%; 
  padding: 50px 50px;
  background: #c48080;
}
.serviceBandBox1 {
  float: left;
  width: 181px;
  padding: 0 52px 0 20px;
  border-right: 1px solid #fff;
}
.serviceBandBox1 strong {
  float: left;
  width: 100%;
  font: 80px "Lemon Medium", sans-serif;
  color: #ffffff;
  line-height: 100%;
  letter-spacing: 3.2px;
}
.serviceBandBox1 span {
  float: left;
  width: 100%;
  font: 20px "Kohinoor Bangla", sans-serif;
  color: #ffffff;
  text-transform: uppercase;
}
.serviceBandBox2 {
  float: left;
  width: 181px;
  padding: 0 52px 0 20px;
  border-right: 1px solid #fff;
}
.serviceBandBox2 strong {
  float: left;
  width: 100%;
  font: 80px "Lemon Medium", sans-serif;
  color: #ffffff;
  line-height: 100%;
  letter-spacing: 3.2px;
}
.serviceBandBox2 span {
  float: left;
  width: 100%;
  font: 20px "Kohinoor Bangla", sans-serif;
  color: #ffffff;
  text-transform: uppercase;
}
.serviceBandBox3 {
  float: left;
  width: 181px;
  padding: 0 52px 0 20px;
  border-right: 1px solid #fff;
}
.serviceBandBox3 strong {
  float: left;
  width: 100%;
  font: 80px "Lemon Medium", sans-serif;
  color: #ffffff;
  line-height: 100%;
  letter-spacing: 3.2px;
}
.serviceBandBox3 span {
  float: left;
  width: 100%;
  font: 20px "Kohinoor Bangla", sans-serif;
  color: #ffffff;
  text-transform: uppercase;
}
.serviceBandBox4 {
  float: left;
  width: 181px;
  padding: 0 52px 0 20px;
  border-right: 1px solid #fff;
}
.serviceBandBox4 strong {
  float: left;
  width: 100%;
  font: 80px "Lemon Medium", sans-serif;
  color: #ffffff;
  line-height: 100%;
  letter-spacing: 3.2px;
}
.serviceBandBox4 span {
  float: left;
  width: 100%;
  font: 20px "Kohinoor Bangla", sans-serif;
  color: #ffffff;
  text-transform: uppercase;
}
.right_border{
  border-right: 1px solid #fff !important;
}

.serviceBandBox5 {
  float: left;
  width: 3rem;
  padding: 0 52px 0 20px;
  /* border-right: 1px solid #fff; */
}
.serviceBandBox5 strong {
  float: left;
  width: 100%;
  font: 80px "Lemon Medium", sans-serif;
  color: #ffffff;
  line-height: 100%;
  letter-spacing: 3.2px;
}
.serviceBandBox5 span {
  float: left;
  width: 100%;
  font: 20px "Kohinoor Bangla", sans-serif;
  color: #ffffff;
  text-transform: uppercase;
}

.ourProducts {
  float: left;
  width: 100%;
  padding: 0;
  background: #fdead7;
}
.productHead {
  float: left;
  padding: 0 0 100px 0;
}
.productHead h2 {
  font: 60px "Kohinoor Bangla", sans-serif;
  color: #134e48;
  line-height: 100%;
  padding: 100px 0 16px 0;
  text-transform: capitalize;
  letter-spacing: -2.4px;
}
.productHead h4 {
  font: 20px "Kohinoor Bangla", sans-serif;
  color: #b28600;
  line-height: 100%;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.ourProducts figure.symbol {
  float: right;
}

.productRow {
  float: left;
  width: 100%;
  padding: 0 0 100px 0;
}
.productBox {
  float: left;
  width: 560px;
  margin: 0 100px 0 0;
}
.productBox.last {
  margin: 0;
}
.proImg {
  float: left;
  width: 240px;
  margin: 0 40px 0 0;
}
.proText {
  float: left;
  width: 280px;
}
.proText h3 {
  font: 32px "Kohinoor Bangla", sans-serif;
  color: #134e48;
  line-height: 120%;
  letter-spacing: -0.64px;
  padding: 0 0 12px 0;
}
.proText p {
  font: 20px "InterRegular", sans-serif;
  color: #292524;
  line-height: 160%;
}

.certification {
  float: left;
  width: 100%;
  background: #f5f5f4;
  padding: 100px 0;
}
.certiSec {
  float: left;
  width: 100%;
  position: relative;
}
.certiSec h2 {
  font: 60px "Kohinoor Bangla", sans-serif;
  color: #134e48;
  line-height: 100%;
  padding: 0 0 80px 0;
  text-transform: capitalize;
  letter-spacing: -2.4px;
}
.certiTop {
  position: absolute;
  right: 0;
  top: -100px;
}
.certiBott {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -100px;
}
.certiSec p {
  font: 20px "InterRegular", sans-serif;
  color: #292524;
  line-height: 160%;
  padding: 0 0 80px 0;
}
.certiBox {
  float: left;
  width: 100%;
}
.certiLeft {
  float: left;
  width: 395px;
  margin: 0 80px 0 0;
}
.certiLeft h3 {
  font: 28px "LoraMediumItalic", sans-serif;
  color: #134e48;
  line-height: 130%;
  letter-spacing: -0.28px;
}
.certiMid {
  float: left;
  width: 395px;
  margin: 0 80px 0 0;
}
.certiMid ul {
  width: 100%;
  float: left;
  list-style: none;
}
.certiMid ul li {
  width: 100%;
  float: left;
  list-style: disc;
  font: 20px "InterSemiBold", sans-serif;
  color: #292524;
  line-height: 160%;
}
.certiRight {
  float: left;
}

/*Products Css Starts Here*/
.products {
  float: left;
  width: 100%;
  background: #fdead7;
  padding: 80px 0 100px 0;
}
.products p {
  font: 32px "LoraMediumItalic", sans-serif;
  color: #134e48;
  line-height: 130%;
  padding: 0 0 60px 0;
  letter-spacing: -0.32px;
}
.products h2 {
  font: 24px "Kohinoor Bangla", sans-serif;
  color: #44403c;
  line-height: 120%;
  padding: 0 0 60px 0;
  background: url(/proSep.png) no-repeat center top;
  text-align: center;
  text-transform: capitalize;
  letter-spacing: -0.48px;
  margin-top: 50px;
}
.proboxesWrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 40px;
}
.proBox {
  background: #fff;
  border-radius: 32px;
  padding: 48px;

  @media screen and (max-width: 540px) {
    padding: 20px;
  }
  .main {
    display: flex;
    gap: 40px;

    figure {
      padding: 0;
    }
    @media screen and (max-width: 1024px) {
      flex-direction: column;

      img {
        height: 500px;
        object-fit: cover;
      }
    }

    @media screen and (max-width: 540px) {
      img {
        height: 300px;
        object-fit: cover;
      }
    }
  }
}
.proBox.right {
  .main {
    flex-direction: row-reverse;

    @media screen and (max-width: 1024px) {
      flex-direction: column;

      img {
        height: 500px;
        object-fit: cover;
      }
    }
  }
}
.proBox h3 {
  font: 40px "Kohinoor Bangla", sans-serif;
  color: #134e48;
  line-height: 120%;
  padding: 0 0 40px 0;
  letter-spacing: -0.8px;
}
.proBox figure {
  display: inline-block;
  padding: 0 0 40px 0;
}
.proBox h4 {
  font: 28px "LoraMediumItalic", sans-serif;
  color: #134e48;
  line-height: 120%;
  padding: 0 0 40px 0;
  letter-spacing: -0.56px;
}
.proBox span {
  font: 20px "InterRegular", sans-serif;
  color: #292524;
  line-height: 160%;
  padding: 0 0 40px 0;
  display: inline-block;
}
.proBox h5 {
  font: 20px "InterBold", sans-serif;
  color: #292524;
  line-height: 160%;
  padding: 0 0 40px 0;
}
.proBox ul {
  width: auto;
  float: left;
  list-style: none;
  margin: 0 0 0 22px;
}
.proBox ul li {
  float: left;
  list-style: disc;
  font: 20px "InterRegular", sans-serif;
  color: #292524;
  line-height: 160%;
}
.medicinesContainer {
  display: grid;
  gap: 60px;

  /* Mobile (up to 767px) - Single column */
  @media screen and (max-width: 767px) {
    gap: 20px;
    
    .medicinescontainerupper,
    .medicinescontainerlower {
      grid-template-columns: 1fr;
      gap: 20px;
    }
  }

  /* Tablet (768px - 1024px) - 2 columns */
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .medicinescontainerupper,
    .medicinescontainerlower {
      display: grid;
      grid-template-columns: repeat(2, 1fr); /* Creates 2 columns */
      grid-auto-rows: auto; /* Allows rows to size automatically */
      gap: 50px;
            /* Text Overflow Management */
        overflow-wrap: break-word; /* Breaks long words */
        word-break: break-word; /* Emergency word breaking */
        
    }
  }

  /* Desktop (1025px+) - Maintain original layout */
  @media screen and (min-width: 1025px) {
    .medicinescontainerupper,
    .medicinescontainerlower {
      display: grid;
      grid-template-columns: repeat(2, 1fr); /* Creates 2 columns */
      grid-auto-rows: auto; /* Allows rows to size automatically */
      gap: 60px;
    }
  }

  .medicine {
    display: flex;
    gap: 48px;

    /* Mobile adjustments */
    @media screen and (max-width: 767px) {
      /* flex-direction: column; */
      gap: 0.6rem;
      align-items: center;
      margin-bottom: 1.5rem;
      display: flex;
      flex-direction: row;
      justify-content: center;
      
      .img img {
        max-width: 200px;
        width: 85%;
      }
    }

    /* Tablet adjustments */
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      gap: 32px;
      
      /* Optional: Stack on smaller tablets */
      @media (max-width: 899px) {
        flex-direction: column;
      }
    }

    .content {
      display: flex;
      flex-direction: column;
      gap: 20px;

      @media screen and (max-width: 767px) {
        align-items: flex-start;
        text-align: left;
        max-width: 12rem;
        gap: 10px;
      }

      .head {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-right: 30px;

        h3 {
          padding-bottom: 0;
          @media screen and (max-width: 767px) {
            font-size: 20px;
          }
        }

        h6 {
          padding: 0;
          font-size: 16px;
          font-weight: 600;
          color: #44403c;
          line-height: 1.4;
          font-family: "InterRegular", sans-serif;
          text-transform: uppercase;
        }

        h4 {
          padding: 0;
          font-size: 16px;
          font-weight: 700;
          font-family: "Kohinoor Bangla", sans-serif;
        }
      }

      p {
        padding: 0;
        font-size: 16px;
        font-weight: 400;
        color: #44403c;
        line-height: 1.5;
        font-family: "InterRegular", sans-serif;
        
        @media screen and (max-width: 767px) {
          font-size: 15px;
            /* Text Overflow Management */
        overflow-wrap: break-word; /* Breaks long words */
        word-break: break-word; /* Emergency word breaking */
        
        }
      }

      a {
        font-size: 16px;
        font-weight: 700;
        text-decoration: none;
        color: #b28600;
        line-height: 1;
        text-transform: uppercase;
        font-family: "InterRegular", sans-serif;
        
        @media screen and (max-width: 767px) {
          margin: 0 0 12px 0;
          /* background: rgba(178, 134, 0, 0.1); */
          border-radius: 4px;
        }
      }
    }
  }
}

/*Contact Us Css Starts Here*/
.contactUs {
  float: left;
  width: 100%;
  background: linear-gradient(180deg, #f5fbee 0%, #f5f4e6 100%);
  padding: 80px 0;
}
.contactUs p {
  font: 32px "LoraMediumItalic", sans-serif;
  display: inline-block;
  color: #134e48;
  line-height: 130%;
  padding: 0 0 60px 0;
  letter-spacing: -0.32px;
}
.contactUs h2 {
  font: 24px "Kohinoor Bangla", sans-serif;
  color: #44403c;
  line-height: 120%;
  padding: 0 0 60px 0;
  background: url(/proSep.png) no-repeat center top;
  text-align: center;
  text-transform: capitalize;
  letter-spacing: 0.52px;
}
.mapFrame {
  width: 100%;
  float: left;
  margin: 0 0 60px 0;
}
.mapFrame iframe {
  width: 100%;
  height: 515px;
}

.conLeftBox {
  width: 580px;
  float: left;
}
.conLeftBox span {
  font: 20px "InterRegular", sans-serif;
  color: #292524;
  line-height: 160%;
}
.conLeftTop {
  float: left;
  background: #fff;
  padding: 24px;
  border-radius: 32px;
  margin: 0 0 40px 0;
}
.conLeftTop h3 {
  font: 40px "Kohinoor Bangla", sans-serif;
  color: #134e48;
  line-height: 120%;
  padding: 0 0 40px 0;
  letter-spacing: -0.8px;
}
.conLeftTop strong {
  font: 20px "InterBold", sans-serif;
  color: #292524;
  line-height: 160%;
  padding: 0 0 40px 0;
  display: inline-block;
  width: 100%;
}
.conLeftTop span {
  font: 28px "LoraMediumItalic", sans-serif;
  color: #292524;
  line-height: 120%;
  letter-spacing: -0.56px;
}

.conRightBox {
  width: 580px;
  float: right;
}
.conRightTop {
  float: left;
  padding: 48px;
}
.conRightTop h3 {
  font: 40px "Kohinoor Bangla", sans-serif;
  color: #134e48;
  line-height: 120%;
  padding: 0 0 40px 0;
  letter-spacing: -0.8px;
}
.conRightTop h3 a {
  color: #134e48;
  text-decoration: none;
}

.conRightTop strong {
  font: 20px "InterBold", sans-serif;
  color: #292524;
  line-height: 160%;
  padding: 0 0 20px 0;
  display: inline-block;
  width: 100%;
}
.conRightTop span {
  font: 20px "InterRegular", sans-serif;
  color: #292524;
  line-height: 160%;
  padding: 0 0 40px 0;
  display: inline-block;
}
.conRightTop small {
  display: inline-block;
  padding: 0 0 40px 0;
}
.conRightTop small a {
  font: 28px "LoraMediumItalic", sans-serif;
  color: #134e48;
  line-height: 120%;
  letter-spacing: -0.56px;
  text-decoration: none;
}

.conRightTop small a:hover {
  text-decoration: underline;
}
.conRightTop ul {
  width: 100%;
  float: left;
  list-style: none;
}
.conRightTop ul li {
  float: left;
  list-style: none;
  margin: 0 16px 0 0;
}


.buttonwrap span {
 margin-top: 10px;
  font-size: 16px;
      color: #292524;
}

.mobleader{
  font: 16px "InterRegular", sans-serif;
    color: #44403c;
    line-height: 140%;
    padding: 0 0 0px 0;
}
/*Responsive Css Starts Here*/

@media only screen and (max-width: 1024px) {
  .wrapper {
    max-width: 96%;
    padding: 0 2%;
  }
  header {
    position: relative;
    background: linear-gradient(90deg, rgba(0, 51, 47, 1) 0%, rgba(71, 64, 46, 1) 100%);
  }
  .banner {
    min-height: 1160px;
    padding: 0;
  }
  .caraousel {
    overflow: hidden;
  }
  .owl-nav {
    display: block;
  }
  .owl-prev {
    left: 20%;
  }
  /*.owl-next {display:block !important; display:block !important;}*/
  .clientLogo ul li {
    margin: 0 78px 0 0;
  }
  .journeyLeft {
    width: 57%;
  }
  .journeyRight {
    margin: 0 0 0 35px;
  }
  .heritageRight {
    width: 54%;
    margin: 0 0 0 16px;
  }
  .heritageImg2 {
    bottom: -207px;
  }
  .serviceLeft {
    width: 70%;
  }
  ul.serviceList li {
    width: 375px;
    vertical-align: top;
  }
  .imgBox {
    width: 30%;
  }
  .contentBox {
    width: 70%;
  }
  ul.serviceList li span img {
    width: 100%;
    max-width: 90%;
  }
  ul.serviceList2 li span img {
    width: 100%;
    max-width: 90%;
  }
  ul.serviceList li small {
    margin: 0;
    font-size: 18px;
  }
  ul.celebrateItems li {
    width: 30.8%;
  }
  ul.celebrateItems li figure {
    width: 100%;
  }
  ul.celebrateItems li figure img {
    width: 100%;
  }
  ul.grkcItems li {
    width: 23.6%;
  }
  ul.grkcItems li figure {
    width: 100%;
  }
  ul.grkcItems li figure img {
    width: 100%;
  }
  .grkcLeft {
    margin: 0;
    width: 36.5%;
  }
  .grkcMid {
    margin: 0 30px;
  }
  .grkcRight {
    margin: 0;
    width: 36.5%;
  }
  .grkcSec2Box1Left {
    width: 40%;
    margin: 0 20px 0 0;
    min-height: 283px;
  }
  .grkcSec2Box1Left p {
    font-size: 16px;
  }
  .grkcSec2Box1Mid {
    width: 22%;
    min-height: 283px;
  }
  .grkcSec2Box1Right {
    width: 22%;
    min-height: 283px;
  }

  .grkcSec2Box2Right {
    width: 22%;
    margin: 0 20px 0 0;
    min-height: 283px;
  }
  .grkcSec2Box2Mid {
    width: 22%;
    min-height: 283px;
  }
  .grkcSec2Box2Left {
    width: 40%;
    margin: 0;
    min-height: 283px;
  }
  .grkcSec2Box2Left p {
    font-size: 16px;
  }
  .grkcSec2Box3Left {
    width: 40%;
    margin: 0 20px 0 0;
    min-height: 283px;
  }
  .grkcSec2Box3Left p {
    font-size: 16px;
  }
  .grkcSec2Box3Mid {
    width: 22%;
    min-height: 283px;
  }
  .grkcSec2Box3Right {
    width: 22%;
    min-height: 283px;
  }

  .innerbanner {
    margin: 0;
  }
  .innerbanner figure {
    width: 100%;
  }
  .innerbanner figure img {
    width: 100%;
  }
  .innerSec2Left {
    width: 49%;
  }
  .innerSec2Left figure img {
    width: 100%;
  }
  .innerSec2Right {
    width: 49%;
  }
  .innerSec2Right figure img {
    width: 100%;
  }
  .innerSec4Left {
    margin: 0 20px 0 0;
  }
  .bridgeSec {
    padding: 75px 0;
  }
  .bridgeLeft {
    width: 43%;
    margin: 0 40px 0 0;
  }

  .contractLeft {
    width: 44%;
  }
  .contractRight {
    width: 50%;
  }

  .serviceBandBox1 {
    padding: 0 100px 0 0;
  }
  .serviceBandBox2 {
    padding: 0 100px;
  }
  .serviceBandBox3 {
    padding: 0 100px;
  }
  .serviceBandBox4 {
    padding: 0 0 0 100px;
  }

  .productBox {
    width: 48%;
    margin: 0 36px 0 0;
  }
  .proImg {
    width: 45%;
  }
  .proText {
    width: 47%;
  }

  .certiLeft {
    margin: 0 40px 0 0;
  }
  .certiMid {
    margin: 0 40px 0 0;
  }

  .conLeftBox {
    width: 48%;
  }
  .conRightBox {
    width: 48%;
  }
}

@media only screen and (max-width: 991px) {
  header nav ul li {
    margin: 0 26px 0 0;
  }
  .banSec1 {
    padding: 40px 0 0 0;
  }
  .banSec1 span img {
    width: 100%;
  }
  .banBox h2 {
    margin: 5px 0 0 0;
    font-size: 20px;
  }
  .banBox em {
    margin: 13px 16px 0;
  }
  .banBox h4 {
    margin: 0 26px;
    width: 23%;
  }
  .banBox h4 img {
    width: 100%;
    max-width: 100%;
  }
  .banBox h3 {
    margin: 12px 0 0 0;
  }
  .banBox h5 {
    font-size: 14px;
    margin: 30px 0 0 0;
  }
  .clientLogo ul li {
    margin: 0 16px;
  }
  .journeyLeft {
    margin: 0;
    width: 50%;
  }
  .journeyRight {
    margin: 0 0 0 35px;
    width: 45%;
  }
  .journeyRight figure {
    width: 100%;
  }
  .journeyRight figure img {
    width: 90%;
    max-width: 100%;
  }
  .journeyLeft h2 {
    font-size: 40px;
  }
  .heritage {
    width: 100%;
    padding: 0;
    margin: 0 12px 0 8px;
  }
  .heritage h2 {
    font-size: 40px;
  }
  .heritageLeft {
    width: 47%;
    min-height: 536px;
  }
  .heritageLeft figure img {
    width: 100%;
    max-width: 100%;
  }
  .heritageImg2 {
    width: 100%;
    max-width: 85%;
    bottom: -274px;
  }
  .heritageImg2 img {
    width: 100%;
  }
  .heritageRight {
    width: 50%;
  }
  .heritageRight span {
    margin: 16px 0 0 24px;
  }
  .heritageRight span br {
    display: none;
  }
  .serviceLeft {
    margin: 0;
    width: 65%;
  }
  .serviceLeft h2 {
    font-size: 40px;
    letter-spacing: -0.4px;
  }
  ul.serviceList li li {
    margin: 0 30px 0 0;
  }
  ul.serviceList li li.last {
    margin: 0 30px 0 0;
  }
  ul.serviceList li span img {
    width: 100%;
    max-width: 100%;
  }
  ul.serviceList2 li span img {
    width: 100%;
    max-width: 100%;
  }
  ul.serviceList2 li {
    width: 48%;
    margin: 0 12px 0 0;
  }

 .serviceRightBox {
  gap: 20px;
  }
  .imgBox2 {
    width: 30%;
  }
  .contentBox2 {
    width: 70%;
    padding: 20px 0 0 0;
  }
  .serviceLeft p strong {
    font-size: 20px;
  }
  ul.serviceList2 li small {
    font-size: 18px;
  }
  .celebrate h2 {
    font-size: 40px;
  }
  ul.celebrateItems li {
    width: 30%;
  }
  .grkc h2 {
    font-size: 40px;
  }
  ul.grkcItems li {
    width: 23%;
  }
  ul.grkcItems li h3 {
    font-size: 18px;
  }
  ul.grkcItems li p {
    font-size: 16px;
    padding: 0 24px 0 24px;
    min-height: 82px;
  }
  ul.grkcItems li p br {
    display: none;
  }
  .serviceLeft h5 {
    line-height: 140%;
    margin: 0 0 0 0;
  }
  ul.serviceList li {
    width: 48%;
    margin: 0 12px 0 0;
  }
  ul.serviceList li small {
    margin: 0 0 0 8px;
    line-height: 105%;
  }
  ul.serviceList li strong {
    margin: 12px 0 0 4px;
    font-size: 18px;
  }

  .grkcLeft {
    width: 32%;
  }
  .grkcLeft h3 {
    font-size: 20px;
  }
  .grkcRight {
    width: 32%;
  }
  .grkcSec2Box1Left {
    width: 34%;
  }
  .grkcSec2Box1Left h5 {
    font-size: 20px;
    padding:  0 0 8px 0;
  }
  .grkcSec2Box1Left h6 {
    font-size: 18px;
  }
  .grkcSec2Box1Mid h5 {
    font-size: 20px;
    padding: 0 0 0px 0;
  }
  .grkcSec2Box1Right h5 {
    font-size: 20px;
    padding: 0 0 0 0;
  }
  .grkcSec2Box1Mid p strong {
    font-size: 18px;
  }
  .grkcSec2Box1Right p strong {
    font-size: 18px;
  }

  .grkcSec2Box2Right h5 {
    font-size: 20px;
  }
  .grkcSec2Box2Mid h5 {
    font-size: 20px;
    padding: 0 0 0 0;
  }
  .grkcSec2Box2Left {
    width: 34%;
  }
  .grkcSec2Box2Left h6 {
    font-size: 18px;
  }
  .grkcSec2Box2Left h5 {
    font-size: 18px;
    padding: 0 0 8px 0;
  }

  .grkcSec2Box3Left {
    width: 34%;
  }
  .grkcSec2Box3Left h6 {
    font-size: 18px;
  }
  .grkcSec2Box3Left h5 {
    font-size: 20px;
    padding: 0 0 8px 0;
  }

  .grkcSec2Box3Mid h5 {
    font-size: 20px;
    padding: 0 0 8px 0;
  }
  .grkcSec2Box3Right h5 {
    font-size: 20px;
    padding: 0 0 8px 0;
  }

  .footerSec1 span {
    width: 50%;
    margin: -6px 35px 0 35px;
  }
  .footerSec2 span {
    font-size: 20px;
    margin: 8px 16px 0 0;
  }
  .footerSec2 strong {
    font-size: 20px;
    margin: 8px 16px 0 0;
    float: left;
  }
  .footerSec2 strong figure {
    margin: -1px 10px 0 0;
  }

  .innerbanner figure {
    width: 100%;
  }
  .innerbanner figure img {
    width: 100%;
  }
  .innerSec4Right {
    margin: 0 0 0 20px;
    width: 373px;
  }

  .innerSec4Left {
    width: 28%;
  }
  .innerSec4Right {
    width: 28%;
  }
  .timeLeft {
    width: 60%;
  }
  .timeRight {
    width: 40%;
  }
  .timeRight figure {
    width: 100%;
    margin-top: 34px;
  }
  .timeRight figure img {
    width: 100%;
  }
  .timeBox span {
    font-size: 80px;
    right: 345px;
  }

  .time2Left {
    width: 60%;
  }
  .time2Right {
    width: 40%;
  }
  .time2Right figure {
    width: 100%;
  }
  .time2Right figure img {
    width: 100%;
  }
  .timeBox2 span {
    font-size: 80px;
    left: 340px;
  }
  .timeLeft strong {
    line-height: 140%;
  }
  .timelines h2 figure {
    width: 50%;
  }
  .timelines h2 figure img {
    width: 100%;
    height: 43px;
  }
  .bridgeSec {
    padding: 40px 0;
  }
  .bridgeSec h2 {
    font-size: 36px;
    padding: 0 0 40px 0;
  }
  .bridgeLeft {
    width: 40%;
    margin: 0 20px 0 0;
  }
  .bridgeMid {
    width: 22%;
  }
  .bridgeRight {
    width: 22%;
  }

  .leaderSec h2 {
    font-size: 36px;
  }
  .leaderBox {
    width: 100%;
  }
  .leadLeft {
    width: 50%;
    position: relative;
  }
  .leaderBox2 {
    width: 100%;
    margin: 36px 0 0 0;
  }
  .lead2Left {
    /* width: 50%; */
    position: relative;
  }
  .leaderSec1 {
    margin: 0 0 36px 0;
  }
  .leader_para{
    max-width: 300px;
  }

  .contractLeft {
    width: 43%;
  }
  .contractLeft figure {
    width: 100%;
  }
  .contractLeft figure img {
    width: 100%;
  }
  .contractRight {
    width: 50%;
  }

  .serviceBandBox1 {
    padding: 0 0px 0 0;
  }
  .serviceBandBox2 {
    padding: 0 0px;
  }
  .serviceBandBox3 {
    padding: 0 15px 0 0;
  }
  .serviceBandBox4 {
    padding: 0 0 0 0px;
  }
  .products h2 {
    margin-top: 30px;
    padding: 0 0 30px 0;
  }
  .productBox {
    width: 100%;
    margin: 0 0 36px 0;
  }
  .proImg {
    width: 30%;
  }
  .proText {
    width: 65%;
    padding: 65px 0 0 0;
  }
  .productRow {
    padding: 0 0 36px 0;
  }

  .certiLeft {
    margin: 0 20px 0 0;
    width: 32%;
  }
  .certiMid {
    margin: 0 20px 0 0;
    width: 35%;
  }
  .certiMid ul li br {
    display: none;
  }
  .certiRight {
    width: 28%;
  }
  .certiRight figure {
    width: 100%;
  }
  .certiRight figure img {
    width: 100%;
  }

  .proBox figure {
    width: 100%;
  }
  .proBox figure img {
    width: 100%;
  }

  .conRightTop {
    padding: 48px 0;
  }
  .logoandheading{
  margin-top: 0px;
}
.innerSec3 p{
  padding: 0 0 30px 0;
}
.innerSec4 {
  margin: 30px 0 0 0;
}
.grkcSec2 h3{
      font: 20px "Kohinoor Bangla", sans-serif;
}
.conLeftTop strong{
  padding: 0 0 15px 0;
}

}

@media only screen and (max-width: 767px) {
  .wrapper {
    max-width: 88%;
    padding: 0 0%;
  }
  .profile{
    display: none;
  }
  /* .right_border {
    border-right: none;
} */
 .mobleader{
      font: 16px "InterRegular", sans-serif;
    color: #44403c;
    line-height: 140%;
    padding: 0 0 0px 0;
    width: 355px;
 }
 .lead2Left span {
    font: 16px "InterRegular", sans-serif;
    color: #44403c;
    line-height: 140%;
    display: inline-block;
    padding: 0 0 0px 0;
  }

  header nav {
    display: none;
  }
  #menuToggle {
    width: 21px;
    float: right;
    margin: 37px 40px 0 0;
    display: block;
    right: 0;
    top: 0;
    position: absolute;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
  }
  #menuToggle span {
    float: right;
    width: 21px;
    height: 2px;
    margin-bottom: 3px;
    position: relative;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
  }
  #menuToggle span:last-child {
    width: 13px;
  }
  .menuCollapse {
    float: left;
    width: 100%;
    display: none;
    text-align: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    height: 500px;
    background: linear-gradient(90deg, rgba(0, 51, 47, 0.95) 0%, rgba(71, 64, 46, 0.95) 100%);
  }
  .menuCollapse ul {
    width: 50%;
    float: left;
    text-align: center;
    list-style: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .menuCollapse ul li {
    float: left;
    width: 100%;
    list-style: none;
    padding: 24px 0;
  }
  .menuCollapse ul li:last-child {
    margin: 0;
  }
  .menuCollapse ul li a {
    font: 16px "InterSemiBold", sans-serif;
    color: #d7d3d0;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1.28px;
  }
  .menuCollapse ul li a:hover {
    text-decoration: none;
    color: #fcbd00;
  }
  .menuCollapse ul li.active a {
    text-decoration: none;
    color: #fcbd00;
  }
  a.crossIcon {
    float: right;
    margin: 24px 24px 0 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  a.profilBtn {
    margin: 20px 80px 0 0;
    font-size: 14px;
  }
  .borderWeb {
    display: none;
  }
  .borderMob {
    display: block;
  }
  .banHead {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 0 24px 0;
  }
  .banBox h4 {
    width: 100%;
    margin: 0;
    text-align: center;
    padding: 0 0 24px 0;
  }
  .banBox h4 img {
    width: 100%;
    max-width: 195px;
  }
  .mob-wrapper {
    max-width: 451px;
    margin: 0 0 0 -65px;
  }
  .panelsmall {
    padding: 0 12px;
  }
  .grkc {
    padding: 50px 0 20px  0px;

}
  .grkcMid {
    width: 28%;
  }
  .grkcMid figure {
    width: 100%;
  }
  .grkcMid figure img {
    width: 100%;
    max-width: 100%;
  }
  .owl-stage {
    width: 2600px !important;
  }
  .owl-nav {
    min-height: 58px;
  }
  .owl-prev {
    left: 12%;
    display: block !important;
    width: 58px;
    height: 58px;
    background-size: 100%;
  }
  .owl-next {
    display: block !important;
    width: 58px;
    height: 58px;
    background-size: 100%;
  }
  .banBox h5 {
    width: 100%;
    margin: 0;
    text-align: center;
    padding: 0 0 24px 0;
  }
  .panel {
    width: 220px;
    height: 411px;
    padding: 16px 0px;
  }
  .caraousel:hover .owl-nav {
    display: block;
  }
  .owl-nav {
    bottom: 5%;
    top: inherit;
  }
  .panel.expanded {
    width: 400px;
  }
  .panellarge h2 {
    font-size: 40px;
  }
  .panellarge p {
    font-size: 14px;
    padding: 12px 0 8px 0;
  }
  .panellarge p span {
    font-size: 14px;
  }
  .panellarge strong {
    font-size: 14px;
    padding: 0 0 12px 0;
  }
  .panellarge strong br {
    display: none;
  }
  .panellarge small {
    font-size: 14px;
  }
  .panellarge small br {
    display: none;
  }
  a.readmore {
    font-size: 14px;
  }
  .caraousel {
    padding: 40px 0 0 0;
  }
  .banner {
    min-height: 874px;
  }
  .panel.img1 {
    background: url(/img1-mob-normal.png);
  }
  .panel.img1:hover {
    background: url(/img1-mob-hover.png);
  }
  .panel.img1.expanded {
    background: url(/img1-mob-active.png);
  }
  .panel.img2 {
    background: url(/img2-mob-normal.png);
  }
  .panel.img2:hover {
    background: url(/img2-mob-hover.png);
  }
  .panel.img2.expanded {
    background: url(/img2-mob-active.png);
  }
  .panel.img3 {
    background: url(/img3-mob-normal.png);
  }
  .panel.img3:hover {
    background: url(/img3-mob-hover.png);
  }
  .panel.img3.expanded {
    background: url(/img3-mob-active.png);
  }
  .panel.img4 {
    background: url(/img4-mob-normal.png);
  }
  .panel.img4:hover {
    background: url(/img4-mob-hover.png);
  }
  .panel.img4.expanded {
    background: url(/img4-mob-active.png);
  }
  .panel.img5 {
    background: url(/img5-mob-normal.png);
  }
  .panel.img5:hover {
    background: url(/img5-mob-hover.png);
  }
  .panel.img5.expanded {
    background: url(/img5-mob-active.png);
  }
  .panel.img6 {
    background: url(/img6-mob-normal.png);
  }
  .panel.img6:hover {
    background: url(/img6-mob-hover.png);
  }
  .panel.img6.expanded {
    background: url(/img6-mob-active.png);
  }
  .panel.img7 {
    background: url(/img7-mob-normal.png);
  }
  .panel.img7:hover {
    background: url(/img7-mob-hover.png);
  }
  .panel.img7.expanded {
    background: url(/img7-mob-active.png);
  }
  .panel.img8 {
    background: url(/img8-mob-normal.png);
  }
  .panel.img8:hover {
    background: url(/img8-mob-hover.png);
  }
  .panel.img8.expanded {
    background: url(/img8-mob-active.png);
  }
  .panel.img9 {
    background: url(/img9-mob-normal.png);
  }
  .panel.img9:hover {
    background: url(/img9-mob-hover.png);
  }
  .panel.img9.expanded {
    background: url(/img9-mob-active.png);
  }
  .panel.img10 {
    background: url(/img10-mob-normal.png);
  }
  .panel.img10:hover {
    background: url(/img10-mob-hover.png);
  }
  .panel.img10.expanded {
    background: url(/img10-mob-active.png);
  }

  .clientLogo ul.clientWeb {
    display: none;
  }
  .clientMob {
    display: block;
    overflow: hidden;
  }

  /*.clientLogo ul li {margin: 0 24px 16px 16px;}*/
  .journeyLeft h2 {
    font-size: 40px;
  }
  .journeyLeft h4 {
    padding: 0 0 40px 0;
    width: 72%;
  }
  /*.journeyLeft p {font-size: 18px;}*/
  .journeyLeft {
    width: 60%;
  }
  .journeyRight {
    width: 33%;
  }
  .heritage h2 {
    font-size: 40px;
  }
  /*.heritageRight p {font-size: 18px;}*/
  a.learnBtn {
    font-size: 14px;
  }
  .heritageLeft {
    width: 100%;
    text-align: center;
    min-height: inherit;
    padding: 0 0 24px 0;
  }
  .heritageLeft figure img {
    width: 100%;
    max-width: 85%;
  }
  .heritageImg2 {
    display: none;
  }
  .heritageRight {
    width: 100%;
    margin: 0;
    padding: 0 0 100px 0;
  }
  .heritageRight span {
        margin: 6px 0 0 0px;
        width: 100%;
        display: flex;
        /* justify-content: center; */
        margin-left: 20px;
  }
  /*.heritageRight span {margin:0; width: 100%;}*/
  .serviceLeft em {
    margin: 28px 0 0 12px;
    width: 38%;
  }
  /*.serviceLeft em {margin:0;width: 100%;}*/
  .serviceLeft em br {
    display: none;
  }
  .heritageRight span br {
    display: none;
  }
  a.learnBtn {
       padding: 20px 18px;
       font-size: 18px;
  }
  .heritageImg {
    width: 100%;
    float: left;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .heritageImg img {
    width: 100%;
    max-width: 80%;
     margin-bottom: -3px;
  }
  .ourservices {
    padding: 0 0 20px 0;
  }
  
  .servicebandinner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-left: 30px;
  }
  .serviceLeft {
    width: 100%;
    padding: 80px 0 0px 0;
  }
  ul.serviceList li {
    margin: 0 16px 0 0;
    width: 46%;
  }
  ul.serviceList li.last {
    margin: 0 16px 0 0;
  }
  ul.serviceList li span img {
    width: 100%;
    max-width: 85%;
  }
  .serviceLeft p strong {
    font-size: 22px;
    letter-spacing: 0px;
  }
  .serviceLeft p {
    font-size: 18px;
    padding: 0 0 24px 0;
  }
  a.exploreBtn {
    font-size: 18px;
  }
  .serviceRight {
    width: 88%;
    padding: 6%;
    min-height: inherit;
    margin: 0;
    background: #ffffff;
  }
  /* .serviceRightBox {
    width: 50%;
  } */
  .serviceRightBox span {
    font-size: 16px;
  }
  .celebrate h2 {
    font-size: 40px;
  }
  ul.celebrateItems li {
    width: 100%;
    margin: 0 0 24px 0;
  }
  ul.celebrateItems li h3 {
    width: 100%;
  }
  ul.celebrateItems li p {
    min-height: inherit;
    width: 100%;
  }
  .grkc h2 {
    font-size: 40px;
  }
  .grkc span {
    width: 100%;
    padding: 0 0 40px 0;
  }

  ul.grkcItems {
    width: 100%;
    margin: 0 0 40px 0;
  }
  ul.grkcItems li {
    width: 190px;
    margin: 0 8px 24px 0;
  }
  ul.grkcItems li p {
    padding: 0 16px 0 24px;
  }
  ul.grkcItems li figure {
    margin: 0 0 16px 0;
  }
  ul.grkcItems li:nth-child(2) {
    margin: 0 0 24px 0;
  }
  ul.grkcItems li:nth-child(4) {
    margin: 0 0 24px 0;
  }
  a.tellUsBtn {
    font-size: 14px;
    /* width: auto; */
  }
  #contact{
    width: auto;
  }
  .footerSec1 {
    text-align: center;
  }
  a.logoBott {
    float: none;
    display: inline-block;
    margin: 0;
  }
  .footerSec1 span {
    width: 100%;
    margin: 24px 0;
    text-align: left;
  }
  .footerSec1 ul {
    width: 100%;
  }
  .footerSec1 ul li {
    width: 100%;
    text-align: left;
  }
  .footerSec2 span {
    width: 100%;
  }
  .footerSec2 strong {
    float: none;
    display: inline-block;
  }
  .footerSec2 ul {
    float: none;
    display: inline-block;
    margin: 12px 16px 16px 0;
  }
  .footerSec3 {
    text-align: center;
  }
  ul.grkcItems li h3 {
    width: 86%;
    padding: 0px 0 16px 24px;
  }
  .grkcLeft h3 {
    font-size: 18px;
  }
  .grkcLeft p {
    font-size: 16px;
  }
  .grkcRight p {
    font-size: 16px;
  }
  .grkcSec2Box1Left {
    width: 32%;
  }
  .grkcSec2Box2Left {
    width: 32%;
  }
  .grkcSec2Box3Left {
    width: 32%;
  }
  .grkcSec2Box1Left {
    min-height: auto;
  }
  .grkcSec2Box1Left h5 {
    font-size: 18px;
  }
  .grkcSec2Box1Mid {
    min-height: auto;
  }
  .grkcSec2Box1Mid h5 {
    font-size: 18px;
  }
  .grkcSec2Box1Right {
    min-height: auto;
  }
  .grkcSec2Box1Right h5 {
    font-size: 18px;
  }

  .grkcSec2Box2Right {
    min-height: auto;
  }
  .grkcSec2Box2Right h5 {
    font-size: 18px;
    padding: 0 0 0 0;
  }
  .grkcSec2Box2Left {
    min-height: auto;
  }
  .grkcSec2Box2Left h5 {
    font-size: 18px;
  }
  .grkcSec2Box2Mid {
    min-height: auto;
  }
  .grkcSec2Box2Mid h5 {
    font-size: 18px;
  }

  .grkcSec2Box3Left {
    min-height: auto;
  }
  .grkcSec2Box3Left h5 {
    font-size: 18px;
  }
  .grkcSec2Box3Mid {
    min-height: auto;
  }
  .grkcSec2Box3Mid h5 {
    font-size: 18px;
  }
  .grkcSec2Box3Right {
    min-height: auto;
  }
  .grkcSec2Box3Right h5 {
    font-size: 18px;
  }
  .grkcSec1 {
    padding: 0 0 40px 0;
  }
  .grkcSec2 {
    padding: 0 0 40px 0;
  }
  .grkcSec3 {
    padding: 0 0 40px 0;
  }
  .grkc h4 {
    padding: 0 0 40px 0;
  }

  .innerSec4Left {
    width: 100%;
    margin: 0 0 40px 0;
  }
  .innerSec4Mid {
    width: 100%;
    margin: 0 0 40px 0;
  }
  .innerSec4Right {
    width: 100%;
  }
  .timeLeft {
    width: 48%;
  }
  .timeLeft figure {
    width: 100%;
  }
  .timeLeft figure img {
    width: 100%;
  }
  .timeRight {
    width: 48%;
  }
  .timeBox2 span {
    font-size: 80px;
    left: 370px;
  }
  .timeLeft strong {
    line-height: 130%;
  }

  .time2Left {
    width: 48%;
  }
  .time2Right {
    width: 48%;
  }
  .time2Right figure {
    width: 100%;
    margin-top: 5px;
  }
  .time2Right figure img {
    width: 100%;
  }
  .timeBox span {
    font-size: 80px;
    right: 370px;
  }
  .time2Left strong {
    line-height: 130%;
  }

  .bridgeSec {
    padding: 36px 0;
  }
  .bridgeSec h2 {
    font-size: 36px;
    padding: 0 0 30px 0;
  }
  .bridgeLeft {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .bridgeMid {
    width: 40%;
  }
  .bridgeRight {
    width: 40%;
  }
  .bridgeSec strong {
    padding: 30px 0 0 0;
  }

  .leaderSec h2 {
    font-size: 36px;
  }
  .leaderSec figure.symbol {
    width: 66%;
  }
  .leaderSec1 {
    margin: 0 0 20px 0;
  }
  .leaderSec{
    padding-bottom: 0px;
  }
  .leaderBox {
    width: 358px;
  }
  .leadLeft {
    width: 50%;
  }
  .leadRight {
    width: 50%;
  }
  .leadRight figure {
    width: 100%;
    margin-top: 62px;
  }
  .leadRight figure img {
    width: 100%;
  }

  .leaderBox2 {
    width: 100%;
    margin: 40px 0 0 0;
    height: 560px;
  }
  .lead2Left {
    /* width: 50%; */
  }
  .lead2Right {
    width: 50%;
  }
  .lead2Right figure {
    width: 100%;
  }
  .lead2Right figure img {
    width: 100%;
  }

  .timelines h2 figure {
    width: 45%;
  }
  .timelines h2 figure img {
    width: 100%;
    height: 43px;
  }
  .grkc span {
    display: contents;
    margin-bottom: 20px;

}

    .grkc span br {
        display: none;
        margin-bottom: 20px;
    }
.grkc strong {
  font-size: 18px;
    margin-top: 8px ;
}
.grkcSec2Box2Right p strong {
    font: 18px "InterSemiBold", sans-serif;
    color: #44403c;
    line-height: 140%;
}
.grkcSec2Box2Mid p strong {
    font: 18px "InterSemiBold", sans-serif;
    color: #44403c;
    line-height: 140%;
}

  .contractSec {
    padding: 36px 0;
    background-position: right 250px;
    background-size: 30%;
  }
  .contractSec h2 {
    font-size: 36px;
    margin: 0 0 30px 0;
  }

  .contractLeft {
    width: 100%;
    margin: 0 0 40px 0;
  }
  .contractLeft figure {
    width: 100%;
    text-align: center;
  }
  .contractLeft figure img {
    width: 80%;
  }
  .contractRight {
    width: 100%;
  }
  .contractRight h3 {
    padding: 0 0 30px 0;
  }

  .serviceBand {
    width: 100vw;
    
    padding: 50px 0 0px 0;
  }
  .serviceBandBox1 span span {
  /* Your styles here */
  color: #c48080;
  font-size: 24px;
}
/* .serviceBandBox1:nth-child(even){
  border-right: none;
} */

.buttonwrap span {
    margin-top: 10px;
    font-size: 16px;
    width: -webkit-fill-available;
}
  .serviceBandBox1 {
        width: 154px;
        margin: 0 0 30px 0;
        border: none;
        height: 150px;
        /* border-right: 1px solid #fff; */
  }

.servicespan br{
  display: none;
}

  .serviceBandBox2 {
        width: 40%;
        margin: 0 0 30px 0;
        border: none;
        height: 150px;
  }
  .serviceBandBox3 {
        width: 40%;
        margin: 0 0 30px 0;
        border: none;
        height: 150px;
        /* border-right: 1px solid #fff; */
  }
  .serviceBandBox4 {
        width: 40%;
        margin: 0 0 30px 0;
        border: none;
        height: 150px;
  }
    .serviceBandBox5 {
        width: 40%;
        margin: 0 0 30px 0;
        padding: 0 0 0 0;
        border: none;
        height: 150px;
        /* border-right: 1px solid #fff; */
  }

.proBox span{
  padding: 0 0 15px 0;
}
  .productHead h2 {
    font-size: 36px;
    padding: 36px 0 16px 0;
  }
  .productHead h4 {
    font-size: 16px;
  }
  .ourProducts figure.symbol {
    display: none;
  }
  .productHead {
    padding: 0 0 36px 0;
  }
  .productBox {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .productRow {
    padding: 0 0 30px 0;
  }

  .proImg {
    width: 100%;
    margin: 0 0 30px 0;
    text-align: center;
  }
  .proText {
    width: 100%;
    padding: 0;
  }
  .certification {
    padding: 36px 0;
  }
  .certiTop {
    top: -36px;
    width: 60%;
  }
  .certiTop figure {
    width: 100%;
  }
  .certiTop figure img {
    width: 100%;
  }
  .certiBott {
    left: 20%;
    bottom: -36px;
    width: 60%;
  }
  .certiBott figure {
    width: 100%;
  }
  .certiBott figure img {
    width: 100%;
  }
  .certiLeft img {
    width: 100%;
}
  .certiSec h2 {
    font-size: 36px;
    padding: 0 0 36px 0;
  }
  .certiSec p {
    padding: 0 0 36px 0;
  }
  .certiLeft {
    width: 100%;
    margin: 0 0 36px 0;
  }
  .certiMid {
    width: 100%;
    margin: 0 0 36px 0;
  }
  .certiMid ul {
    width: 94%;
    margin: 0 0 0 6%;
  }
  .certiRight {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 2;
  }
  .certiRight figure {
    width: auto;
  }
  .certiRight figure img {
    width: auto;
  }

  .products {
    padding: 36px 0;
  }

  .proBox.right {
    margin: 0;
  }
  .proBox h3 {
    font-size: 36px;
  }
  .contactUs figure {
    margin: 0 0 30px 0;
  }
  .conLeftBox {
    width: 100%;
  }
  .conLeftTop {
    margin: 0 0 30px 0;
  }
  .conLeftTop h3 {
    font-size: 36px;
    padding: 0 0 15px 0;
  }
  .conRightTop h3 {
    font-size: 36px;
  }
  .conRightBox {
    width: 100%;
  }

  .innerSec2 {
    padding: 40px 0 25px 0;
  }
  .innerContainer {
    padding: 0 0 40px 0;
  }

  .contactUs {
    padding: 40px 0;
  }
  .contactUs p {
    padding: 0 0 40px 0;
  }
  .contactUs h2 {
    padding: 0 0 40px 0;
  }

  .innerbanner {
    height: 200px;
    overflow: hidden;
  }
  .innerbanner figure {
    width: 100%;
    height: 200px;
  }
  .innerbanner figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .innerSec2Left {
    width: 100%;
    margin: 0 0 40px 0;
  }
  .innerSec2Right {
    width: 100%;
  }
  .mapFrame {
    margin: 0 0 40px 0;
  }
  .mapFrame iframe {
    height: 364px;
  }
  .conRightTop small a {
    font: 25px "LoraMediumItalic", sans-serif;
    color: #134e48;
    /* line-height: 120%;
    letter-spacing: -0.56px;
    text-decoration: underline; */
}
}

@media only screen and (max-width: 479px) {
  ul.serviceList li {
    width: 100%;
    margin: 0;
    display: flex;
    padding: 0 0 20px 0;
  }
  ul.serviceList2 {
    display: flex;
    width: auto;
    list-style: none;
    margin: 30px 0 0px 20px;
}
  ul.serviceList li.last {
    margin: 0;
  }
  ul.serviceList li span {
    width: 100%;
  }
  ul.serviceList li span img {
    width: 100%;
    max-width: 100%;
  }
  ul.serviceList li small {
    font-size: 28px;
    margin: 16px 0 0 8px;
  }
  .imgBox {
    width: 100px;
  }
  .journey {
    position: relative;
    margin: 0 12px 0 9px;
  }
  .journeyLeft {
    width: 100%;
  }
  .journeyRight {
    width: 33%;
    position: absolute;
    right: -8px;
    /* top: -36px; */
  }
  .footerSec2 span {
    margin: 16px 0;
  }
  .footerSec2 strong {
    margin: 0 0 16px 0;
    width: 100%;
  }
  .footerSec2 strong figure {
    margin: -4px 10px 0 0;
    float: none;
    display: inline-block;
    vertical-align: middle;
  }
  ul.celebrateItems {
    margin: 0;
  }
  .clientLogo ul li {
    margin: 10px 11px;
  }

  .grkcLeft {
    width: 100%;
  }
  .grkcMid {
    width: 100%;
    margin: 24px 0;
    text-align: center;
  }
  .grkcMid figure {
    width: 100%;
    float: none;
    display: inline-block;
  }
  .grkcRight {
    width: 100%;
  }

  .grkcSec2Box1Left {
    width: 90%;
    margin: 0 0 20px 0;
  }
  .grkcSec2Box1Mid {
    width: 90%;
    margin: 0 0 20px 0;
  }
  .grkcSec2Box1Right {
    width: 90%;
  }

  .grkcSec2Box2Right {
    width: 90%;
    margin: 0 0 20px 0;
  }
  .grkcSec2Box2Mid {
    width: 90%;
    margin: 0 0 20px 0;
  }
  .grkcSec2Box2Left {
    width: 90%;
  }

  .grkcSec2Box3Left {
    width: 90%;
    margin: 0 0 20px 0;
  }
  .grkcSec2Box3Mid {
    width: 90%;
    margin: 0 0 20px 0;
  }
  .grkcSec2Box3Right {
    width: 90%;
  }
  ul.serviceList2 li {
    width: 100%;
    margin: 0;
  }
  .imgBox2 {
    width: 100px;
  }
  .contentBox2 {
    width: 70%;
    padding: 34px 0 0 0;
  }

  .innerText {
    bottom: 10px;
  }
  .innerText h2 {
    font-size: 36px;
    letter-spacing: 1px;
  }
  .innerText span {
    font-size: 14px;
  }
  .innerSec1 {
    padding: 40px 0 0 0;
  }
  .innerSec1 p {
    font-size: 20px;
    padding: 0 0 40 0;
  }
  .discoverySec {
    padding: 50px 0;
  }
  .discoverySec h2 {
    font-size: 36px;
  }
  .discoverySec span {
    font-size: 16px;
  }

  .timelines {
    padding: 50px 0;
  }
  .timelines h2 figure {
    display: none;
  }

  .timeBox {
    padding: 60px 0 60px 0;
  }
  .timeLeft {
    width: 100%;
  }
  .timeLeft h3 {
    font-size: 36px;
  }
  .timeRight {
    width: 38%;
    position: absolute;
    right: 0;
    top: 30px;
  }
  .timeRight figure {
    width: 100%;
  }
  .timeRight figure img {
    width: 100%;
  }
  .timeLeft strong {
    line-height: 130%;
    width: 55%;
  }
  .timeBox span {
    display: none;
  }

  .time2Left {
    width: 100%;
  }
  .time2Left h3 {
    font-size: 36px;
  }
  .time2Right {
    width: 38%;
    position: absolute;
    left: 0;
    top: 30px;
  }
  .time2Right figure {
    width: 100%;
  }
  .time2Right figure img {
    width: 100%;
  }
  .time2Left strong {
    line-height: 130%;
    width: 55%;
  }
  .timeBox2 {
    padding: 30px 0 30px 0;
  }
  .timeBox2 span {
    display: none;
  }
  .bridgeSec {
    background-repeat: repeat-y;
  }
  .bridgeSec h2 {
    line-height: 130%;
    letter-spacing: -1px;
  }
  .bridgeMid {
    width: 89%;
    margin: 0 0 20px 0;
    min-height: auto;
  }
  .bridgeRight {
    width: 89%;
    min-height: auto;
  }
  .leaderSec figure.symbol {
    display: none;
  }

  .leaderSec h2 {
    padding: 36px 0;
  }

  .leadLeft {
    position: relative;
    width: 60%;
  }
  .leadLeft h3 {
    font-size: 28px;
  }
  .leadRight {
    width: 40%;
  }
  .lead2Left {
    position: relative;
    /* width: 60%; */
    float: none;
  }
  .lead2Left h3 {
    font-size: 28px;
    width: 60%;
  }
  .lead2Left p{
    width: 60%;
  }
  .lead2Right {
    width: 40%;
    transform: translateY(-555px);
  }
  .leaders {
    padding: 0 0 36px 0;
  }
      a.profilBtn {
        margin: 20px 80px 0 0;
        font-size: 16px;
        padding: 12px 18px 8px 16px;
}
.serviceBandBox1:nth-child(even){
  border-right: none;
}
/* #contact{
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
} */
}

/*@media only screen and (max-width:414px) {
	ul.serviceList li span {width: 37%}
}*/

@media only screen and (max-width: 360px) {

  /* .serviceBandBox1:nth-child(even){
  border-right: none;
} */
  .caraousel {
    padding: 40px 0 0 0;
  }
  .panel {
    width: 220px;
    padding: 16px 0;
    height: 411px;
  }
  .panel.expanded {
    width: 340px;
  }
  .panellarge {
    padding: 0 16px;
  }
  .banner {
    min-height: 900px;
  }
  .clientLogo ul li {
    margin: 0 4px 16px;
  }
  ul.serviceList li span {
    width: 100%;
  }
  ul.serviceList li small {
    margin: 12px 0 0 8px;
  }
  ul.serviceList li strong {
    margin: 12px 0 0 8px;
  }
  .heritageRight span {
    width: 100%;
    margin: 28px 0 0 0;
  }
  .serviceLeft em {
    width: 100%;
    margin: 28px 0 0 0;
  }
  .contentBox2 {
    width: 70%;
  }
  .journeyRight {
    right: -20px;
  }
    
    a.profilBtn {
    margin: 20px 70px 0 0;
    font-size: 10px;
}
    a.profilBtn {
    margin: 20px 50px 0 0;
    font-size: 10px;
    width: 32%;
}
}

@media only screen and (max-width: 320px) {
  ul.serviceList li {
    width: 100%;
  }
  ul.serviceList li span {
    width: 25%;

}
    a.profilBtn {
    margin: 20px 50px 0 0;
    font-size: 10px;
    width: 80%;
}
}

/*@media only screen and (max-width:414px) {

}
@media only screen and (max-width:320px) {
	

}*/
.logoandheading .logo-outside {
    position: relative;
    bottom: 10%;
    /* right: 0%; */
    transform: translateX(-30%);
    width: 10% !important;
}
.custom-dashed-hr {
    border: 2px solid;
    --dash: 8px;
    --gap: 6px;
    border-image: repeating-linear-gradient(to right, #a9a29d99 0, #a9a29d99 var(--dash), transparent var(--dash), transparent calc(var(--dash) + var(--gap))) 1;
    border-radius: 6px;
}
.innerbanner img {
  width: 100%;
  height: auto;
  display: block;
}
@media only screen and (max-width: 479px) {
    .logoandheading .logo-outside {
       position: relative;
        left: 81%;
        width: 32%;
        transform: translateY(-180%);
        width: 20% !important;
}

.logoandheading{
  margin-top:8%;
  height: 110px;
}
}
.buttonwrap {
    display: flex;
    margin: 32px 0;
    gap: 24px;
}
@media only screen and (max-width: 767px) {
    .buttonwrap {
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 0;
    }
}



@media only screen and (max-width: 479px) {
    #downstory {
        width: 100%;
  }
      .buttonwrap {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .servicespan{
      margin-left: 10%;
    }
}



#read{
  letter-spacing: 1.7px;
  width: 400px; /* Fill */
  height: 60px; /* Hug */
}


a.buynow {
 display: flex;
  justify-content: center;
  align-items: center;

  width: 236px; /* Fill */
  height: 48px; /* Hug */
  /* padding: 20px 24px; */

  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
  color: #f5f5f4;
  background-color: #b28600;

  border: none;
  border-radius: 8px;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;

}
#contact {
 display: flex;
  justify-content: center;
  align-items: center;

  max-width: 329px; /* Fill */
  height: 60px; /* Hug */
  /* padding: 20px 24px; */

  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
  color: #f5f5f4;
  background-color: #b28600;

  border: none;
  border-radius: 8px;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;

}