@font-face {
  font-family: plain-regular;
  src: url(/assets/fonts/plain-regular-webfont.woff);
}
@font-face {
  font-family: silkserif-italic;
  src: url(/assets/fonts/silkserif-regularitalic-webfont.woff);
}
@font-face {
  font-family: plain-light;
  src: url(/assets/fonts/plain-light-webfont.woff);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scrollbar-width: none;
  cursor: none;
  scroll-behavior: smooth;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
body {
  width: 100%;
  height: 100%;
  color: white;
  font-family: plain-light;
  background-color: #151515;
}
main {
  background-color: #151515;
}
.mousefollower {
  border: none !important;
  width: 45px !important;
  height: 45px !important;
  background-color: transparent !important;
  outline: none !important;
  transform: translate(-50%, -50%) !important;
  mix-blend-mode: difference !important;
  display: inline-block !important;
}
#behindmouse {
  border: 0.5px solid rgba(255, 255, 255, 0.747) !important;
}
#loader {
  background-color: #0b0b0b;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  padding: 0 5vw 7vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
#loader .line {
  height: fit-content;
  overflow: hidden;
  display: flex;
  justify-content: start;
}
.timer {
  padding: 0 5vw;
  display: flex;
  gap: 1vw;
}
.line .timer span {
  font-family: silkserif-italic;
  font-size: clamp(20px, 3vw, 60px);
}
.line .countdown {
  text-align: right;
  width: 5vw;
}
.line h1 span,
.line h1 {
  text-transform: uppercase;
  font-weight: 300;
  /* font-size: 7vw; */
  /* font-size: 140px; */
  font-size: clamp(27px, 7vw, 130px);
  line-height: 1;
  font-family: plain-regular;
}
.nowTxt {
  -webkit-text-stroke: 0.1vw white;
  color: white;
  font-weight: 400;
  padding: 0 2vw;
  animation: nowTxt 1.5s 2;
  animation-delay: 1.5s;
}

/* Keyframes for blinking + font switch */
@keyframes nowTxt {
  0% {
    font-family: plain-regular;
    -webkit-text-stroke: 0.1vw white;
    color: white;
    opacity: 1;
  }
  49% {
    font-family: plain-regular;
    -webkit-text-stroke: 0.1vw white;
    color: white;
    opacity: 0;
  }
  50% {
    font-family: silkserif-italic;
    -webkit-text-stroke: 0.1vw white;
    color: transparent;
    opacity: 1;
  }
  100% {
    font-family: silkserif-italic;
    -webkit-text-stroke: 0.1vw white;
    color: transparent;
    opacity: 0;
  }
}
.part2 {
  text-align: left;
  position: relative;
  margin-top: 8vh;
  display: flex;
  justify-content: center;
  width: 60%;
}
.part2 .txt {
  width: 20%;
}
a {
  text-decoration: none;
}
li {
  list-style: none;
}
header {
  background-color: #151515;
}
nav {
  display: flex;
  padding: 2.7vw 4vw;
}
.navLeft {
  /* width: 26%; */
  display: flex;
  align-items: start;
  position: fixed;
  z-index: 99;
}
.navLeft .icons {
  display: flex;
  align-items: center;
  gap: 2vw;
}
.navLeft .icons i {
  font-size: 1.5rem;
  font-weight: 300;
  padding: 2px 5px;
}
.navRight {
  position: relative;
  left: 23.5vw;
  width: calc(100% - 24vw);
  display: flex;
  justify-content: space-between;
  z-index: 99;
  transition: top 0.3s ease;
}
.navRight ul {
  display: flex;
  gap: 2vw;
}
.navRight p,
.navRight a {
  color: white;
  font-size: clamp(15px, 0.85vw, 16px);
  font-weight: 300;
  line-height: 1.05;
}
/* =================page 1================ */
#page1 {
  width: 100%;
  height: 100%;
}
.p1content1 {
  display: flex;
  align-items: start;
  padding: 4.7vw 4vw;
  justify-content: center;
}
.p1content1 .left span {
  font-family: silkserif-italic;
  font-size: clamp(20px, 3vw, 70px);
  padding-right: 5vw;
}
.p1content1 .right .p1txt {
  overflow: hidden;
}
.p1content1 .right h1 {
  font-family: plain-regular;
  text-transform: uppercase;
  font-size: clamp(40px, 7.5vw, 150px);
  font-weight: 300;
  line-height: 0.95;
  display: inline-block;
  vertical-align: top;
  display: flex;
  position: relative;
  z-index: 10;
}
.p1content1 .web {
  position: relative;
  padding-bottom: clamp(5px, 1vw, 15px);
}
.p1content1 .graphics {
  position: relative;
}
.p1content1 .web:after {
  content: "";
  display: block;
  height: clamp(3px, 0.65vw, 12px);
  background-color: white;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.4s;
}
.p1content1 .graphics:after {
  content: "";
  display: block;
  height: clamp(3px, 0.65vw, 12px);
  background-color: white;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.4s;
}
.p1content1 .p1txtHover span {
  transition: all 0.4s;
}
.p1content1 .web:hover,
.p1content1 .graphics:hover {
  -webkit-text-stroke: 0.08vw white;
  color: transparent;
}
.p1content1 .web:hover::after,
.p1content1 .graphics:hover::after {
  opacity: 0;
}

.hoverImg {
  width: clamp(150px, 22vw, 420px);
  position: fixed;
  opacity: 0;
  top: 0;
  left: 0;
  z-index: 3;
}
/* p1content2 */
.p1content2 {
  display: flex;
  justify-content: end;
  margin-bottom: 8vw;
  padding-bottom: 2vw;
}
.videoContainer {
  height: 35vw;
  width: 72.5vw;
  position: relative;
  background: url(/assets/media/videos/img.jpg);
  background-position: center;
  background-size: cover;
}
.videoContainer video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.4s;
}

.videoCursor {
  width: clamp(100px, 8.5vw, 180px);
  height: clamp(100px, 8.5vw, 180px);
  background-color: #ffa63d;
  position: absolute;
  z-index: 99;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  top: 40%;
  left: 45%;
}
.videoCursor i {
  font-size: clamp(15px, 2vw, 40px);
  font-weight: 600;
}
.videoCursor .pause {
  display: none;
}
/*======================= page 2============================ */
#page2 {
  display: flex;
  flex-direction: column;
  padding: 10vw 4vw 5vw;
}
#page2 .top {
  display: flex;
}
#page2 .leftPage {
  width: 26%;
  text-align: end;
}
#page2 .leftPage span {
  font-family: silkserif-italic;
  font-size: clamp(20px, 3vw, 70px);
  line-height: 1.3;
  padding-right: 5vw;
}
#page2 .rightPage {
  width: 74%;
}
.heading2 {
  display: flex;
  flex-direction: column;
}
.heading2 .headingTxt {
  display: flex;
  align-items: center;
  line-height: 1;
  margin-bottom: 5.5vw;
  overflow: hidden;
}

.heading2 h1 {
  font-family: plain-regular;
  text-transform: uppercase;
  font-size: clamp(40px, 7.5vw, 150px);
  font-weight: 300;
  line-height: 0.9;
}
.p2underlineCont,
.p3underlineCont,
.p3underlineCont2,
.p4underlineCont,
.p4underlineCont2 {
  overflow: hidden;
}
.p2underline,
.p3underline,
.p3underline2,
.p2underlineBox1,
.p2underlineBox2,
.p2underlineBox3,
.p2underlineBox4,
.p2underlineBox5,
.p2underlineBox6,
.p4underline,
.p4underline2 {
  height: 1px;
  background-color: white;
  width: 100%;
}

/* boxes */
.boxes {
  padding: 9vw 0;
  display: grid;
  grid-template-columns: 0.6fr 1.2fr 1.2fr;
  column-gap: 1.5vw;
}

.imgBox h2 {
  font-size: clamp(23px, 2.1vw, 40px);
  font-family: plain-regular;
  font-weight: 400;
  padding-bottom: 1.5vw;
}
.boxes .imgBox:nth-of-type(1) .img {
  height: 29vw;
  width: 22vw;
  overflow: hidden;
}
.description {
  display: flex;
  flex-direction: column;
}
.boxes .info {
  padding: 1.6vw 0;
  display: flex;
  justify-content: space-between;
}
.boxes .info .left {
  width: 70%;
}
.boxes .underline {
  height: 1px;
  background-color: white;
  width: 100%;
}
.boxes .info h3 {
  font-size: clamp(13px, 0.9vw, 16px);
  font-weight: 300;
  line-height: 1.5;
}
.boxes .imgBox:nth-of-type(2) .img {
  height: 42vw;
  width: 33vw;
  overflow: hidden;
}
.boxes .imgBox:nth-of-type(5),
.boxes .imgBox:nth-of-type(9) {
  padding-top: 10vw;
}
.boxes .imgBox:nth-of-type(5) .img {
  height: 52vw;
  width: 33vw;
  overflow: hidden;
}
.boxes .imgBox:nth-of-type(6) .img {
  height: 42.5vw;
  width: 33vw;
  overflow: hidden;
}
.boxes .imgBox:nth-of-type(7) .img {
  height: 27.5vw;
  width: 22vw;
  overflow: hidden;
}
.boxes .imgBox:nth-of-type(7) {
  margin-top: -9.5vw;
}
.boxes .imgBox:nth-of-type(9) .img {
  height: 42vw;
  width: 33vw;
  overflow: hidden;
}
.boxes img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.arrowBox:nth-of-type(3),
.arrowBox:nth-of-type(8) {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.arrowBox:nth-of-type(4) {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.arrowBox:nth-of-type(4) svg {
  rotate: -45deg;
}
.arrowBox:nth-of-type(8) svg {
  rotate: -45deg;
}
.arrowBox .circleBtn {
  width: clamp(260px, 22vw, 410px);
  height: clamp(260px, 22vw, 410px);
  border: 1px solid white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  position: relative;
}
.circleBtn .circleTxt {
  position: absolute;
  background-color: white;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  scale: 0;
  transition: all 0.4s;
}
.circleBtn .circleTxt p {
  color: black;
  width: 60%;
  opacity: 0;
  scale: 0;
  font-weight: 500;
  transition: all 0.4s;
  transition-delay: 0.4s;
  font-size: clamp(14px,.85vw,16px);
}
.circleBtn:hover .circleTxt {
  scale: 1;
}
.arrowBox:nth-of-type(3) .circleBtn:hover .circleTxt p {
  scale: 1;
  opacity: 1;
}
.arrowBox:nth-of-type(4) .circleBtn:hover .circleTxt p {
  scale: 1;
  opacity: 1;
}
.arrowBox:nth-of-type(8) .circleBtn:hover .circleTxt p {
  scale: 1;
  opacity: 1;
}
.arrowBox svg {
  color: white;
  width: clamp(68px,5vw,95px);
}
.projectBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.projectBtn a {
  color: white;
  width: clamp(120px, 22vw, 410px);
  height: clamp(120px, 22vw, 410px);
  background-color: #ffa63d;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: scale 0.3s;
  font-size: clamp(10px, 0.9vw, 16px);
}
.projectBtn a:hover {
  scale: 0.9;
}
.projectBtn a span {
  font-family: silkserif-italic;
  font-size: clamp(10px, 0.9vw, 16px);
}
/*======================= page 3============================ */
#page3 {
  padding-top: 8vw;
  width: 100%;
  height: 100%;
}
.p3content1 {
  display: flex;
  padding: 0 4vw;
}
.p3content1 .left span {
  font-size: clamp(20px, 3vw, 70px);
  font-family: silkserif-italic;
}
.p3content1 .right .p3txt {
  overflow: hidden;
}
.p3content1 .right .p3txt h1 {
  font-family: plain-regular;
  text-transform: uppercase;
  font-size: clamp(40px, 7.5vw, 150px);
  font-weight: 300;
  line-height: 1;
  padding-bottom: 5vw;
}
.p3content1 .left {
  width: 26%;
  text-align: end;
  padding-right: 5vw;
}
.p3content1 .right {
  width: 74%;
}
.p3underlineCont {
  overflow: hidden;
  height: 2px;
  width: 100%;
  margin-bottom: 5vw;
}
.p3underline {
  height: 1px;
  background-color: white;
  width: 100%;
}
.p3content2 {
  display: flex;
  flex-direction: column;
}
.p3content2 .top {
  position: relative;
  padding: 0 28vw 7vh;
}
.p3content2 .top p {
  font-size: clamp(20px, 2vw, 40px);
  color: white;
  display: inline-block;
}

.p3content2 .bottom {
  padding-left: 28vw;
  display: flex;
}
.p3content2 img {
  width: 33vw;
}
.bottomParaRight {
  width: 21%;
}
.bottomParaRight {
  line-height: 1.4;
  font-size: clamp(13px, 0.9vw, 16px);
  margin-left: 1.5vw;
}
.blueBoxContainer {
  padding: 0 28vw;
  margin-bottom: 9vw;
}
.blueBox {
  display: flex;
  flex-direction: column;
  padding: 1.6vw 3vw 4vw;
  width: 80%;
  background-color: #3f7df4;
  position: relative;
  margin-top: -17vw;
  left: 23vw;
}
.blueBox .line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgb(255, 255, 255);
  padding: 1.9vw 0;
}
.blueBox h3 {
  font-weight: 400;
  font-size: clamp(15px, 1.5vw, 30px);
}
.blueBox p {
  width: 45%;
  font-size: clamp(15px, 1.5vw, 30px);
}
.p3Bottom {
  display: flex;
  flex-direction: column;
}
.p3Bottom .bTop {
  display: flex;
  padding: 0 4vw;
}
.p3Bottom .left {
  width: 26%;
}
.p3Bottom .right {
  display: flex;
  flex-direction: column;
  width: 74%;
}
.p3Bottom p {
  padding: 1.1vw 0;
  font-size: clamp(14px, 1.5vw, 30px);
}
.p3Bottom .bBottom {
  width: 100%;
  margin-bottom: 13vw;
}
.p3Bottom .bBottom .scroller {
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.1;
}
.p3Bottom .bBottom .line {
  display: inline-block;
  white-space: nowrap;
}
.p3Bottom .bBottom .line span {
  text-transform: uppercase;
  color: transparent;
  font-size: clamp(40px, 7.5vw, 150px);
  -webkit-text-stroke: 1px white;
  display: inline-block;
}
.p3Bottom .bBottom .line span .italic {
  font-family: silkserif-italic;
}
.p3Bottom .bBottom :nth-child(even) .line {
  animation: scroller 60s linear infinite reverse;
}
.p3Bottom .bBottom :nth-child(odd) .line {
  animation: scroller 60s linear infinite;
}
@keyframes scroller {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* page 4============footer */
#page4 {
  display: flex;
  padding: 0 4vw;
}
#page4 .leftPage {
  width: 26%;
  text-align: end;
}
#page4 .leftPage span {
  font-family: silkserif-italic;
  font-size: clamp(20px, 3vw, 70px);
  line-height: 1.3;
  padding-right: 5vw;
}
#page4 .rightPage {
  width: 74%;
}
#page4 .hide {
  display: none;
}
.heading4 {
  display: flex;
  flex-direction: column;
}
.heading4 .headingTxt {
  display: flex;
  align-items: center;
  line-height: 1;
  padding-bottom: 5.5vw;
}
.heading4 .normalTxt {
  font-family: plain-regular;
  text-transform: uppercase;
  font-size: clamp(40px, 7.5vw, 150px);
  font-weight: 300;
  line-height: 0.9;
  position: relative;
}
.italicTxt {
  font-family: silkserif-italic;
  font-size: clamp(40px, 7.5vw, 150px);
  font-weight: 300;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px white;
  position: absolute;
  padding-top: .5vw;
}
/* .italicTxt span {
  opacity: 0;
} */
.heading4 svg {
  width: clamp(32px, 6vw, 110px);
  margin-left: 3vw;
}
#page4 .infoBox {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  padding: 5vw 0 6vw;
}
.infoBox h6 {
  font-size: clamp(17px, 1.6vw, 33px);
  font-weight: 400;
  margin-bottom: 1.5vw;
}
address,
.infoBox a {
  font-style: normal;
  font-size: clamp(22px, 2vw, 40px);
  text-decoration: none;
  color: white;
  line-height: 1;
}

.infoBox .box span {
  position: relative;
  letter-spacing: -1px;
}
.infoBox .box span:not(.avoid)::before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: white;
}
.copyright {
  display: flex;
  flex-direction: column;
}
.copyright .copyrightTxt {
  padding: 3vw 0;
}

/* =========================Responsiveness ========================*/
/* For large desktop screens 1536*864px */
@media screen and (max-width: 1536px) {
  /* page1 */
  .p1content1 {
    padding: 12vw 2vw;
  }
  /* page2 */
  #page2 {
    padding: 10vw 6vw 5vw;
  }
  .boxes {
    column-gap: 3vw;
  }
  .boxes .info {
    padding: 2.5vw 0;
  }
  .boxes .info .left {
    width: 60%;
  }
  .boxes .imgBox:nth-of-type(1) .img, 
  .boxes .imgBox:nth-of-type(7) .img {
    height: 33vw;
    width: 100%;
  }
  .boxes .imgBox:nth-of-type(2) .img,
  .boxes .imgBox:nth-of-type(5) .img,
  .boxes .imgBox:nth-of-type(6) .img ,
  .boxes .imgBox:nth-of-type(9) .img {
    height: 35vw;
    width: 100%;
  }
  .circleBtn .circleTxt p{
    width: 90%;
  }
  .projectBtn a {
    color: white;
    width: 25vw;
    height: 25vw;
  }  
}
/* For tablets and small desktops 1024*768px =====================*/
@media screen and (max-width: 1023px) {

  /* nav */
  nav {
    padding: 5vw 5vw;
  }
  .navRight ul {
    display: flex;
    gap: 4vw;
  }

  .arrowBox:nth-of-type(3),
  .arrowBox:nth-of-type(4),
  .arrowBox:nth-of-type(8) {
    display: none;
  }
  .boxes {
    grid-template-columns: 1fr 1fr;
    column-gap: 1.5vw;
  }
  .boxes .imgBox:nth-of-type(1) .img, 
  .boxes .imgBox:nth-of-type(7) .img {
    height: 55vw;
    width: 100%;
  }
  .boxes .imgBox:nth-of-type(2) .img,
  .boxes .imgBox:nth-of-type(5) .img,
  .boxes .imgBox:nth-of-type(6) .img ,
  .boxes .imgBox:nth-of-type(9) .img {
    height: 55vw;
    width: 100%;
  }
  .boxes .imgBox:nth-of-type(5),
.boxes .imgBox:nth-of-type(9) {
  padding-top:0;
}
.boxes .imgBox:nth-of-type(7) {
  margin-top: 0;
}
}
/* For tablets in portrait mode 768*1024px */
@media screen and (max-width: 768px) {
  * {
    cursor: auto;
  }
  .mousefollower,
  #behindmouse {
    display: none !important;
  }
  #loader .line:first-child {
    flex-direction: column;
  }
  #loader .line:last-child h1 {
    flex-shrink: 0;
  }
  .line h1 span,
  .line h1 {
    letter-spacing: -2px;
  }
  .line .timer {
    padding: 0;
    margin-bottom: 1.5vw;
  }
  .line .timer span {
    padding-right: 8vw;
  }
  .part2 .txt {
    width: 100%;
  }
  /* navbar */
  nav {
    display: flex;
    padding: 5vw 0;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9;
  }
  .navLeft {
    position: relative;
    width: 100%;
    padding: 0 4vw;
  }
  .navLeft .icons {
    width: 100%;
    justify-content: space-between;
  }
  .navLeft .icons i {
    font-size: 1.3rem;
    padding: 2px 2px;
  }
  .navLeft .icons svg {
    width: 4rem;
  }
  .navRight {
    display: none;
  }
  /* page 1 */
  #page1 {
    padding-top: 1px;
  }
  .p1content1 {
    flex-direction: column;
    padding: 5vw 5vw;
    margin-top: 30vw;
    margin-bottom: 5vw;
    gap: 2vw;
  }
  .hoverImg {
    top: 0;
  }
  /* p1content2 */
  .p1content2 {
    justify-content: center;
  }
  .videoContainer {
    height: 90vw;
    width: 100vw;
    margin-bottom: 25vw;
  }
  .videoCursor {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  /* ================page 2=============== */
  #page2 {
    padding: 12vw 5vw;
  }
  #page2 .top {
    flex-direction: column;
    gap: 3vw;
  }
  #page2 .leftPage {
    width: 100%;
    text-align: start;
  }
  #page2 .rightPage {
    width: 100%;
  }
  .boxes {
    display: flex;
    flex-direction: column;
    gap: 10vw;
  }
  .imgBox h2 {
    margin-bottom: 10vw;
  }
  .imgBox {
    width: 100%;
    height: 100%;
  }
  .boxes .imgBox:nth-of-type(1) .img,
  .boxes .imgBox:nth-of-type(2) .img,
  .boxes .imgBox:nth-of-type(5) .img,
  .boxes .imgBox:nth-of-type(6) .img,
  .boxes .imgBox:nth-of-type(7) .img,
  .boxes .imgBox:nth-of-type(9) .img {
    width: 90vw;
    height: 120vw;
    position: relative;
    margin-top: -10vw;
  }

  .description {
    margin-top: 10vw;
    /* margin-bottom: 10vw; */
  }
  .boxes .info {
    padding: 5.5vw 0;
  }
  .boxes .info .left {
    width: 60%;
  }
  .boxes .imgBox:nth-of-type(5),
  .boxes .imgBox:nth-of-type(9) {
    padding-top: 0;
  }
  .boxes .imgBox:nth-of-type(7) {
    margin-top: 0;
  }
  .projectBtn {
    padding: 5vw 0;
  }
  /* =================page3 ==============*/
  #page3 {
    padding-top: 10vw;
    padding: 10vw 5vw 0;
  }
  .p3content1 {
    flex-direction: column;
    padding: 0;
    gap: 2vw;
  }
  .p3content1 .right .p3txt h1 {
    padding-bottom: 8vw;
  }
  .p3content1 .left {
    text-align: start;
  }
  .p3content1 .right {
    width: 100%;
  }
  .p3underlineCont {
    margin-bottom: 11vw;
  }
  .p3content2 .top {
    padding: 0;
  }
  .p3content2 .top p {
    font-size: 23px;
  }
  .p3content2 .bottom {
    flex-direction: column-reverse;
    padding: 0;
  }
  .bottomParaRight {
    margin: 0;
    width: 70%;
    margin-top: 7vw;
    margin-bottom: 10vw;
  }
  .p3content2 img {
    width: 100%;
  }
  .blueBoxContainer {
    padding: 0;
  }
  .blueBox {
    left: 0;
    margin: 0;
    width: 100%;
    padding: 2.5vw 5vw 13vw;
  }
  .blueBox .line {
    padding: 6vw 0;
  }
  .blueBox p {
    width: 55%;
  }
  .p3Bottom .bTop {
    padding: 0;
  }
  .p3Bottom {
    padding: 13vw 0;
  }
  .p3Bottom .left {
    display: none;
  }
  .p3Bottom .right {
    width: 100%;
  }
  .p3Bottom p {
    padding: 7vw 0;
  }
  .p3Bottom .bBottom {
    padding: 5vw 0;
    margin: 0;
  }

  /* page 4============footer */
  #page4 {
    padding: 13vw 5vw 0;
    flex-direction: column;
    gap: 3.5vw;
  }
  #page4 .leftPage {
    width: 100%;
    text-align: start;
  }
  #page4 .leftPage span {
    line-height: 1;
  }
  #page4 .rightPage {
    width: 100%;
  }
  .heading4 .headingTxt {
    padding-bottom: 8.5vw;
  }
  #page4 .infoBox {
    padding: 14vw 0;
    gap: 8vw;
  }
  .infoBox h6 {
    margin-bottom: 6vw;
  }
  address,
  .infoBox a {
    line-height: 1.1;
  }
  .infoBox .box span {
    position: relative;
    letter-spacing: 0;
  }
  .copyright {
    margin-top: 4vw;
  }
  .copyright .copyrightTxt {
    padding: 8vw 0;
  }
}
/* For large phones and smaller tablets 600* 800px */
@media screen and (max-width: 600px) {
}
@media screen and (max-width: 500px) {
}
/* For standard mobile phones 424*736px */
@media screen and (max-width: 424px) {
  /* loader */
  
}
/* For small mobile phones 375*667px */
@media screen and (max-width: 375px) {
}
/* For extra small mobile phones 320*568px */
@media screen and (max-width: 322px) {
}