/* TYPOGRAPHY START*/
* {
    box-sizing: border-box;
}

:root {
    scroll-behavior: inherit;
}

.btn:active,
*:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent;
}

textarea.form-control {
    resize: none;
    overflow: hidden;
}

figure {
    margin-bottom: 0;
}


html,
body {
    width: 100%;
}
body {
    padding: 0;
    margin: 0;
    background: #fff;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-family: "Inter", sans-serif;
    font-weight:400;
    color: #000;
    line-height: 1.5;
}
img {
    max-width: 100%;
}
a,
a:hover {
    text-decoration: none;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}
h1 {
    color: #000;
    font-size: 3.906vw;
    line-height: 4.688vw;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 0;
}

h1 strong {
    color: #000;
}

h2 {
    font-size: 2.344vw;
    line-height: 2.865vw;
    color: #000;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 0;
}
h3 {
    font-size: 1.042vw;
    line-height: 1.354vw;
    color: #000;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 0;
}
h4,
h6,
h5 {
    font-size: 0.833vw;
    line-height: 1.458vw;
    color: #000;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 0;
}
p {
    font-size: 0.885vw;
    color: #000;
    line-height: 1.458vw;
    margin-bottom: 0.521vw;
}
p:last-child {
    margin-bottom: 0;
}

ul {
    padding: 0;
    margin: 0;
}
ol {
    padding-left: 0;
    padding-bottom: 0;
    counter-reset: listitem;
}
ol li {
    list-style: none;
    position: relative;
    padding-left: 1.771vw;
}
ol li::before {
    counter-increment: listitem;
    content: counters(listitem, '.')'.';
    color: #000;
    display: inline-block;
    left: 0;
}
li {
    font-size: 0.99vw;
    color: #000;
    font-style: normal;
}
li a {
    color: #000;
}
li a:hover {
    color: #000;
}
a {
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
}
a:hover {
    transition: 0.7s;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
}
.btn {
    background: #F05B2B;
    font-family: "Inter", sans-serif;
    color: #FFFFFF;
    line-height: 1.458vw;
    padding: 0.625vw 1.146vw;
    border-radius: 1.667vw;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.042vw;
}
.btn:hover {
    background: #45DCC4;
    color: #000000;
}
.btn.btn-sky {
    background: #45DCC4;
    color: #000000;
}
.btn.btn-sky:hover {
    background: #F05B2B;
    color: #FFFFFF;
}
::-webkit-scrollbar
{
	width: 0px;
}
body.mobile-menu {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
}
.banner-section, .top-logo, .header  {
    opacity: 1;
}
/* TYPOGRAPHY END*/
/** ================== // HEADER CSS START // ================== **/
.header {
    padding: 1vw 0 1vw;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: #fff;
}
.header.fixed-header {
    box-shadow: 0 0 0.5vw rgba(0,0,0,0.3);
}
.header-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.logo {
    position: relative;
    width: 5.28vw;
}
.main-nav {
    display: flex;
    align-items: center;
    justify-content: center;
}
.navigation .moblelogo {
	display: none;
}
.main-nav .menu-bar {
	display: none;
}
.nav-menu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.nav-menu ul {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	list-style-type: none;
}
.nav-menu ul li {
    padding: 0;
    position: relative;
    margin-right: 6.94vw;
    margin-bottom: 0;
    font-weight: 600;
    color: #FF8A00;
    font-size: 2.08vw;
    line-height: normal;
    font-family: "Inter", sans-serif;
}
.nav-menu ul li:last-child {
    margin-right: 0;
}
.nav-menu ul li a {
	color: #FF8A00;
	position: relative;
}
.nav-menu ul li a:hover {
	color: #45DCC4;
}
.nav-menu ul li.active  a{
    color: #45DCC4;
}
.nav-menu ul li.current-menu-item a {
	color: #EC262C;
}
/** SUB MENU **/
.navigation ul li ul.sub-menu {
	position: absolute;
	display: block;
	top: 36px;
	width: auto;
	transform: scale(1, 0);
	transition: all 0.5s;
	transform-origin: top center;
	opacity: 0;
	visibility: hidden;
	min-width: 208px;
	padding: 0;
	left: 0;
	z-index: 1999;
	padding: 0;
	width: auto;
}
.navigation ul li ul.sub-menu.shop-submenu {
	left: auto;
	right: 0;
}
.navigation ul li:hover>ul.sub-menu {
	transform: scale(1);
	opacity: 1;
	visibility: visible;
}
.navigation ul li ul.sub-menu.shop-submenu::before {
	left: auto;
	right: 40px;
}
.navigation ul li ul.sub-menu li:first-child {
	border-radius: 10px 10px 0px 0px;
}
.navigation ul li ul.sub-menu li:last-child {
	border-radius: 0px 0px 10px 10px;
}
.navigation ul li ul.sub-menu li {
    padding: 0;
    width: 100%;
    margin: 0px 0 0;
    transition: .4s;
    background-color: #241f21;
    border-bottom: none;
    position: relative;
    box-shadow: 0 20px 30px rgb(88 91 93 / 15%);
    border-radius: 0;
    border-bottom: 1px solid #5c5558;
}
.navigation ul li ul.sub-menu li::after {
	display: none;
}
.navigation ul li ul.sub-menu li::before {
	right: 15px;
	transform: rotate(-40deg) translateY(-20%);
	top: 43%;
}
.navigation ul li ul.sub-menu li a {
	display: block;
	padding: 15px 15px;
	line-height: 20px;
	color: #fff;
}
.navigation ul li ul.sub-menu li a::after {
	display: none;
}
.navigation ul li ul.sub-menu li:last-child a {
	border-bottom: none;
}
.navigation ul li ul.sub-menu li:hover {
    background-color: #ec262c;
}
.navigation ul li ul.sub-menu li.current-menu-item {
	background-color: #ec262c;
}
.navigation ul li ul.sub-menu li.current-menu-item a {
	color: #fff;
}
.navigation ul li ul.sub-menu li:hover a {
	color: #fff;
}
.navigation ul li ul.sub-menu ul.sub-menu {
	left: 100%;
	top: 0;
	width: max-content;
	margin-left: 3px;
}
.navigation ul li ul.sub-menu li:last-child {
	border-bottom: none;
}
.navigation ul li ul.sub-menu ul.sub-menu li {
	border-left: 0;
}
.navigation .menu-item-has-children > a::before {
	content: "";
	position: absolute;
	top: 55%;
	right: -12px;
	width: 7px;
	height: 7px;
	transform: translateY(-50%);
	transition: 0.4s;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #000000;
	margin-top: 2px;
}
.navigation ul li.menu-item-has-children:hover a::before {
    border-top-color: #ec262c;
    transition: 0.4s;
}
.navigation ul li.current-menu-item ul.sub-menu li a::before {
	display: none;
}
.navigation ul li ul.sub-menu li::before {
	display: none;
}
.navigation ul li ul.sub-menu li:hover::before {
	border-color: #fff;
}
.navigation ul li ul.sub-menu li a:hover {
	color: #fff;
}
.navigation ul li ul.sub-menu ul.sub-menu li a {
	color: #08161D;
}
.navigation ul li ul.sub-menu li.menu-item-has-children ul.sub-menu li a {
	color: #fff;
}
.navigation ul li ul.sub-menu li.menu-item-has-children ul.sub-menu li:hover a {
	color: #fff;
}
.navigation ul li ul.sub-menu li.menu-item-has-children ul.sub-menu li ul.sub-menu a {
	color: #08161D;
}
.navigation ul li ul.sub-menu li.menu-item-has-children ul.sub-menu li ul.sub-menu li:hover a {
	color: #fff;
}
.navigation ul li.menu-item-has-children ul.sub-menu li:hover a::before {
	border-top-color: #fff;
}
.navigation ul li.menu-item-has-children ul.sub-menu li:hover ul.sub-menu li a::before {
	border-top-color: #e04f26;
}
.navigation ul li.menu-item-has-children ul.sub-menu li:hover ul.sub-menu li:hover a::before {
	border-top-color: #fff;
}
.navigation .menu-item-has-children ul.sub-menu li a::before {
	right: 10px;
	transform: rotate(-95deg);
	top: 46%;
	border-top-color: #fff;
}

.preloader-icon-2 {
    position: relative;
}
.preloader-icon-2 svg {
    width: 100%;
    height: 100%;
}
.preloader-icon-2 svg + svg {
    position: absolute;
    left: 0;
    opacity: 0;
    visibility: hidden;
    animation: 1.5s  3s forwards fill;
}
.preloader-icon-2 svg .strokefill-animation2 {
  fill: none;
  stroke: #FFAC13;
  stroke-width: 20;
  stroke-dasharray: 5890;
  stroke-dashoffset: 5890;
  -webkit-animation: 3s 0.01s ease forwards draw, 1s  3s ease forwards colors, 1.5s  3s ease forwards fillout;
  animation: 3s 0.01s ease forwards draw, 1s  3s ease forwards colors, 1.5s  3s ease forwards fillout;
}
/** ================== // HEADER CSS END // ================== **/



/** ================== // HERO SECTION CSS START // ================== **/
.landing-banner-section {
    padding: 8.5vw 0 4vw;
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.landing-banner-section::after {
    content: "";
    background-image: url('../images/white-vector-bg.png');
    height: 8.54vw;
    width: 100%;
    position: absolute;
    bottom: -4.88vw;
    left: 0;
    right: 0;
    background-size: 100% 100%;
}
.gradient-background {
    animation: animateBg 6s linear infinite;
    background-image: linear-gradient(250.97deg,#ff5a21,#ff8000,#fdba19,#ff5a21,#ff8000);
    background-size: 400% 100%;
}
@keyframes animateBg {
  0% { background-position: 0% 0%; }
  100% { background-position: 100% 0%; }
}
.banner-logo {
    width: 100%;
    text-align: center;
}
.banner-logo svg {
    width: 100%;
    height: 100%;
}

.banner-logo svg .strokefill-animation2 {
  fill: none;
  stroke: #fff;
  stroke-width: 1;
  stroke-dasharray: 5890;
  stroke-dashoffset: 11780;
  /* -webkit-animation: 3s 5s ease forwards draw, 1s  3s ease forwards colors, 1.5s  3s ease forwards fillout-2;
   animation: 3s 0.01s ease forwards draw, 1s  3s ease forwards colors, 1.5s  3s ease forwards fillout-2; */
     -webkit-animation: 3s 5s ease forwards draw, 1s  1s ease forwards colors, 1.5s  1.2s ease forwards fillout-2;  animation: 1s 0.01s ease forwards draw, 1s  1s ease forwards colors, 1.5s  1.2s ease forwards fillout-2;
}
.roop-logo-name path {
  animation: dash 4s forwards;
  fill: #fff;
  stroke: #fff;
  stroke-dasharray: 1500;
  stroke-dashoffset: 1500;
  transition: fill-opacity 0.3s ease;
}
@keyframes dash {
  0% {
    fill-opacity: 0;
    stroke-width: 2px;
  }
  37% {
    fill-opacity: 0;
  }
  50% {
    stroke-width: 2px;
  }
  100% {
    fill-opacity: 1;
    stroke-dashoffset: 0;
    stroke-width: 0;
  }
}
.foundation-logo-name path {
  animation: dash2 4s forwards;
  fill: #fff;
  stroke: #fff;
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  transition: fill-opacity 0.3s ease;
}
@keyframes dash2 {
  0% {
    fill-opacity: 0;
    stroke-width: 2px;
  }
  37% {
    fill-opacity: 0;
  }
  50% {
    stroke-width: 2px;
  }
  100% {
    fill-opacity: 1;
    stroke-dashoffset: 0;
    stroke-width: 0;
  }
}

@-webkit-keyframes draw {
    from {
      stroke-dashoffset: 5890;
    }

    to {
      stroke-dashoffset: 11780;
    }
  }
  @keyframes draw {
    from {
        stroke-dashoffset: 5890;
      }

      to {
        stroke-dashoffset: 11780;
      }
  }
  @-webkit-keyframes fillout {
    0% {
      opacity: 1;
      visibility: visible;
    }

    100% {
      opacity: 0;
      visibility: hidden;
    }
  }
  @keyframes fillout {
    0% {
      opacity: 1;
      visibility: visible;
    }

    100% {
      opacity: 0;
      visibility: hidden;
    }
  }
  @-webkit-keyframes fill {
    0% {
      opacity: 0;
      visibility: hidden;
    }

    100% {
      opacity: 1;
      visibility: visible;
    }
  }
  @keyframes fill {
    0% {
      opacity: 0;
      visibility: hidden;
    }

    100% {
      opacity: 1;
      visibility: visible;
    }
  }

  @-webkit-keyframes fillout-2 {
    0% {
       fill: #fff;
       opacity: 0;
       visibility: hidden;
    }

    100% {
        fill: #fff;
        opacity: 1;
        visibility: visible;
    }
  }
  @keyframes fillout-2 {
      0% {
         fill: #fff;
         opacity: 0;
         visibility: hidden;
      }

      100% {
          fill: #fff;
          opacity: 1;
          visibility: visible;
      }
    }

/** ================== // HERO SECTION CSS END // ================== **/

/** ================== // MISSION SECTION CSS START // ================== **/
::-webkit-scrollbar {
    width: 0;
}
.mid-section {
    overflow: hidden;
    background: #fff;
}
.section {
    padding-top: 10vw;
}
.mission-section {
    background: #fff;
    position: relative;
}
.mission-section .container {
    position: relative;
    z-index: 1;
}
.heading-line {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    padding-left: 4.8vw;
    margin-bottom: 2.1vw;
    position: relative;
    z-index: 1;
}
.heading h2 {
    font-family: "Readex Pro", sans-serif;
    font-weight: bold;
    font-size: 6.25vw;
    line-height: normal;
    color: #000000;
    background: linear-gradient(250.97deg, #FF5A21 2.85%, #FF8A00 51.68%, #FDBA19 100.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: 0;
}
.line {
    background: linear-gradient(258deg,#3a8586,#45dcc4);
    background-size: 120% 120%;
    width:0;
    height: 0.42vw;
    display: inline-block;
    border-radius: 7.99vw;
    margin-right: -0.5vw;
    margin-bottom: 1vw;
    transition: 1s;
}
.line.aos-animate{
    width: 34.72vw;
}
.mission-section h3 {
    font-family: "Readex Pro", sans-serif;
    font-weight: 500;
    font-size: 3.49vw;
    line-height: 4.69vw;
    color: #000000;
    margin-bottom: 2.78vw;
}
.mission-section p {
    font-family: "Readex Pro", sans-serif;
    font-weight: normal;
    font-size: 2.29vw;
    line-height: 3.96vw;
    color: #000000;
    padding-right: 24vw;
}
.mission-shap1 {
    position: absolute;
    width: 20.056vw;
    height: 18.096vw;
    left: 9.74vw;
    top: 5.729vw;
    background: #FAAB1C;
    opacity: 0.3;
    filter: blur(3.125vw);
    transform: rotate(-41.38deg);
}
.mission-shap2 {
    position: absolute;
    width: 21.406vw;
    height: 16.927vw;
    left: 2.656vw;
    bottom: -1.563vw;
    background: #F05B2B;
    opacity: 0.3;
    filter: blur(3.125vw);
    transform: rotate(-41.38deg);
}
.mission-shap3 {
    position: absolute;
    width: 12.448vw;
    height: 12.01vw;
    right: 18.604vw;
    top: 12.646vw;
    background: #45DCC4;
    opacity: 0.3;
    filter: blur(3.125vw);
    transform: rotate(-41.38deg);
}
.mission-shap4 {
    position: absolute;
    width: 17.475vw;
    height: 17.475vw;
    right: 0.938vw;
    bottom: -7px;
    background: #FAAB1C;
    opacity: 0.3;
    filter: blur(3.125vw);
    transform: rotate(-41.38deg);
}
.mission-shap1 {
    -webkit-animation: move 2.5s infinite alternate;
    animation: move 2.5s infinite alternate;
    transition: 1s cubic-bezier(0.07, 0.8, 0.16, 1);
}
@-webkit-keyframes move {
  from {
    transform: translate(-5.208vw, -2.604vw);
  }

  to {
    transform: translate(78.125vw, 5.208vw);
  }
}
.mission-shap3 {
    -webkit-animation: move3 2.5s infinite alternate;
    animation: move3 2.5s infinite alternate;
    transition: 1s cubic-bezier(0.07, 0.8, 0.16, 1);
}
@-webkit-keyframes move3 {
  from {
    transform: translate(10.417vw, -4.167vw);
  }

  to {
    transform: translate(-62.5vw, 7.813vw);
  }
}
.mission-shap2 {
    -webkit-animation: move2 2.5s infinite alternate;
    animation: move2 2.5s infinite alternate;
    transition: 1s cubic-bezier(0.07, 0.8, 0.16, 1);
}
@-webkit-keyframes move2 {
  from {
    transform: translate(-5.208vw, -2.604vw);
  }

  to {
    transform: translate(26.042vw, 5.208vw);
  }
}
.mission-shap4 {
    -webkit-animation: move4 2.5s infinite alternate;
    animation: move4 2.5s infinite alternate;
    transition: 1s cubic-bezier(0.07, 0.8, 0.16, 1);
}
@-webkit-keyframes move4 {
  from {
    transform: translate(-5.208vw, -2.604vw);
  }

  to {
    transform: translate(-26.042vw, -10.417vw);
  }
}

/** ================== // MISSION SECTION CSS END // ================== **/

/** ================== // IMPACT SECTION CSS START // ================== **/

.impact-section .heading-line {
    margin-bottom: 6.1vw;
}
.impact-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.impact-left-col {
    width: 43.5%;
}
.impact-right-col {
    width: 56.5%;
    padding-left: 8vw;
}
.impact-img-card {
    /* border-radius: 2.08vw;
    overflow: hidden; */
    position: relative;
    margin-bottom: 1.9vw;
    transition: 0.7s;
}

.impact-img-card:hover {
    /* box-shadow: #a9a9a9 0px 0px 6px; */
}
.impact-img-card figure {
    border-radius: 2.08vw;
    overflow: hidden;
}
.impact-img-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.impact-img-card span {
    position: absolute;
    bottom: -0.052vw;
    left: 0;
    right: 0;
}
.impact-img-card span img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.impact-info-card h4 {
    font-family: "Readex Pro", sans-serif;
    font-weight: 400;
    font-size: 2.29vw;
    line-height: 3.46vw;
    color: #000000;
    margin: 0;
}
.impact-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 6.94vw;
}
.impact-item {
  width: 100%;
}
.impact-item:nth-child(even) .impact-inner {
    flex-direction: row-reverse;
}
.impact-item:nth-child(even) .impact-inner .impact-right-col {
    padding-left: 0;
    padding-right: 6vw;
}
.impact-wrap .impact-img-card {
    margin-bottom: 0;
}
.mobile-heading-slow{
    display: none;
}
/** ================== // IMPACT SECTION CSS END // ================== **/

/** ================== // CATEGORIES SECTION START // ================== **/

.cards-categories-warp {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.78vw;
    row-gap: 3.65vw;
}
.card-col-item {
    perspective: 1000px;
    width: 33.33%;
    padding: 0 0.78vw;
    transition: 0.7s;
}
.card-col-item:hover {
    transform: scale(1.05);
}
.card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;
}
.card-front {
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.card-front a {
    width: 100%;
}
.impact-img-card > img,
.impact-info-card h2  {
    transition: 0.7s;
}
.card-col-item:hover .impact-img-card > img {
    transform: scale(1.05);
}
.card-col-item:hover .impact-info-card h2 {
    color: #45DCC4;
}
.card-front .impact-info-card h2 {
    color: #F5891F;
    font-size: 1.93vw;
    line-height: normal;
    font-family: "Readex Pro", sans-serif;
    font-weight: normal;
}
.categories-section .heading-line {
    margin-bottom: 5.21vw;
}
/** ================== // CATEGORIES SECTION END // ================== **/

/** ================== //  CONTACT SECTION START // ================== **/
.contact-section{
    margin: 0;
    padding: 5.83vw 0 6.98vw;
    position: relative;
}

.contact-section::before{
    content: "";
    background-image: url('../images/white-vector-bg.png');
    height: 8.54vw;
    width: 100%;
    position: absolute;
    top: -6vw;
    left: 0;
    right: 0;
    background-size: 100% 100%;
}
.white-vector-bg-section {
    position: absolute;
    top: -4vw;
    left: 0;
    right: 0;
}
.white-vector-bg-section img{
    width: 100%;
}
.contact-section .heading h2 {
    color: #fff;
    background: none;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: initial;
    background-clip: inherit;
    text-fill-color: transparent;
}

.contact-warp-row{
    display: flex;
    flex-wrap: wrap;
}

.contact-left-addrs {
    margin: 0;
    padding: 0;
    width: 30%;
}
.contact-left-addrs .heading {
    margin: 0 0 1.56vw;
}
.contact-left-addrs p{
    color: #fff;
    font-size: 1.56vw;
    line-height: 2.1vw;
    margin: 0;
    padding: 0;
    font-family: "Readex Pro", sans-serif;
    font-weight: normal;
}
.contact-left-addrs p a {
    color: #fff;
    overflow: hidden;
    display: inline-block;
    position: relative;
}
.contact-right-btn {
    width: 70%;
    padding-left: 0;
    padding-right: 7vw;
    text-align: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-top: 4.38vw;
}
.contact-right-footer{
    width: 21.2vw;
}
.footer-social{
    text-align: center;
}
.footer-social h3 {
    font-size: 1.51vw;
    line-height: 2.19vw;
    color: #fff;
    font-family: "Readex Pro", sans-serif;
    font-weight: 700;
    margin: 0 0 1.56vw;
    padding: 0;
}
.footer-social ul {
    margin: 0 0 1.82vw;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 1.67vw;
}
.footer-social ul li{
    margin: 0;
    padding: 0;
    display: block;
}
.footer-social ul li a{
    display: block;
}
.footer-social ul li a:hover path {
    fill: #45dcc4;
}
.footer-social ul li img {
    transition: 0.7s;
    width: 2.45vw;
}
.footer-social ul li svg {
    transition: 0.7s;
    width: 2.45vw;
    height: auto;
}
.footer-social ul li:last-child img{
    width: 2.81vw;
}
.footer-social ul li:last-child svg{
    width: 2.81vw;
}
.footer-social ul li img:hover{
        filter: invert(1);
}
.btn-warp-box{
    margin: 0;
    padding: 0;
}
.btn-warp-box a.btn {
    margin: 0.68vw 0;
    background: #fff;
    border-radius: 0.83vw;
    height: 4.53vw;
    min-width: 100%;
    color: #FF8A00;
    font-weight: 600;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.56vw;
    text-transform: none;
}
.btn-warp-box a.btn:hover {
    background: #45DCC4;
    color: #fff;
}
/** ================== //  CONTACT SECTION END // ================== **/


/** ================== // POPUP CSS START // ================== **/
.cmn-popup .modal-dialog {
    max-width: 46.88vw;
}
.cmn-popup .modal-content {
    background: #FFFFFF;
    box-shadow: 0px 0px 3.33vw rgba(0, 0, 0, 0.3);
    border-radius: 2.6vw;
}
.cmn-popup .modal-body {
    padding: 4.43vw 3.02vw 0px;
}
.cmn-popup-inner {
    position: relative;
}
.close-popup {
    cursor: pointer;
    position: absolute;
    top: -1.56vw;
    right: -1.04vw;
    width: 2.08vw;
}
.split  p {
    overflow: hidden;
}
.split p > div {
    overflow: hidden;
    line-height: normal;
}
.split > div {
    overflow: hidden;
    line-height: normal;
}
.close-popup svg {
    width: 100%;
    height: 100%;
}
.popup-heading {
    margin-bottom: 2.86vw;
}
.popup-heading h2 {
    font-family: "Readex Pro", sans-serif;
    font-weight: 500;
    font-size: 2.97vw;
    line-height: 3.33vw;
    color: #F5891F;
}
.popup-heading p {
    font-size: 1.46vw;
    line-height: 2.34vw;
    color: #000000;
    font-family: "Readex Pro", sans-serif;
    font-weight: normal;
    margin-top: 1.04vw;
}
.popup-categories-list {
    max-height: 28.39vw;
    overflow-y: auto;
}
.popup-categories-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.popup-categories-list ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: left;
    align-items: center;
    margin-bottom: 1.46vw;
}
.popup-categories-img-card {
    width: 5.73vw;
    height: 5.73vw;
    border-radius: 0.52vw;
    overflow: hidden;
}
.popup-categories-img-card a {
    display: block;
    height: 100%;
}
.popup-categories-img-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.popup-categories-info-card {
    width: calc(100% - 5.73vw - 2.08vw);
}
.popup-categories-info-card h4 {
    font-family: "Readex Pro", sans-serif;
    font-weight: 600;
    font-size: 1.25vw;
    line-height: 1.67vw;
    color: #F5891F;
    margin-bottom: 0.26vw;
}
.popup-categories-info-card h4 a {
    color: #F5891F;
}
.popup-categories-info-card h4 a:hover {
    color: #45DCC4;
}
.popup-categories-info-card p {
    font-family: "Readex Pro", sans-serif;
    font-weight: normal;
    font-weight: 400;
    font-size: 0.94vw;
    line-height: 1.67vw;
    color: #000000;
}
.mCSB_scrollTools {
    opacity: 1 !important;
}
.mCSB_scrollTools {
    width: 0.99vw;
    height: 26.04vw;
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 0.99vw;
    border-radius: 1.35vw !important;
    background: #E1E1E1 !important;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 0.99vw;
    border-radius: 1.35vw !important;
    background: #ACACAC !important;
}
.impact-img-card.about-popup-img {
    border-radius: 0.52vw;
}
.about-popup-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3.13vw;
}
.about-popup-item:nth-child(even) {
    flex-direction: row-reverse;
}
.about-popup-col-left {
    width: 14.32vw;
}
.about-popup-col-right {
    width: 22.76vw;
}
.about-popup-info h3 {
    font-family: "Readex Pro", sans-serif;
    font-weight: 600;
    font-size: 1.56vw;
    line-height: 1.67vw;
    color: #F5891F;
    margin-bottom: 0.78vw;
}
.about-popup-info p {
    font-family: "Readex Pro", sans-serif;
    font-weight: 300;
    font-size: 0.94vw;
    line-height: 1.35vw;
    color: #000000;
}
.about-popup-info p strong {
    font-family: "Readex Pro", sans-serif;
    font-weight: normal;
    color: #000000;
}
/** ================== // POPUP CSS END // ================== **/


@keyframes waveAnimation {
	from {
		background-position-x: 100%;
	}

	to {
		background-position-x: 0%;
	}
}

@keyframes waveAnimation-new {
	from {
		background-position-x: 0%;
	}

	to {
		background-position-x: 100%;
	}
}