.wow {
  visibility: hidden;
}

@-webkit-keyframes fade_top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fade_top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fade_top {
  -webkit-animation-name: fade_top;
  animation-name: fade_top;
}

.swiper-pagination-progressbar {
  background: rgb(0 0 0 / 3%);
}

@-webkit-keyframes slide_left {
  0% {
    left: 0%;
  }

  100% {
    left: -30%;
  }
}

@keyframes slide_left {
  0% {
    left: 0%;
  }

  100% {
    left: -30%;
  }
}

.slide_left {
  -webkit-animation-name: slide_left;
  animation-name: slide_left;
}

@-webkit-keyframes slide_right {
  0% {
    right: 0%;
  }

  100% {
    right: -30%;
  }
}

@keyframes slide_right {
  0% {
    right: 0%;
  }

  100% {
    right: -30%;
  }
}

.slide_right {
  -webkit-animation-name: slide_right;
  animation-name: slide_right;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: var(--regular-font-family);
  color: var(--black-color);
}

html {
  height: auto;
  font-size: 16px;
  scroll-behavior: smooth;
}

* {
  line-height: 1.2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  line-height: 1.2;
  width: 100%;
  font-family: "brandon_textregular";
}

/* ::-webkit-scrollbar {
    width: 0px !important;
    cursor: pointer;
}

::-webkit-scrollbar-track {
    background: #cccccc !important;
}

::-webkit-scrollbar-thumb {
    background: #000000 !important;
}

::-webkit-scrollbar-thumb:hover {
    background: #000000 !important;
} */

body.no-scroll-body {
  overflow-y: hidden;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  background-color: transparent;
  color: unset;
  outline: none;
  text-decoration: none;
  -webkit-transition: all ease-in-out 0.4s;
  -moz-transition: all ease-in-out 0.4s;
  -ms-transition: all ease-in-out 0.4s;
  -o-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
}

a:focus,
a:hover {
  outline: 0;
  text-decoration: unset;
  color: unset;
}

img {
  width: 100%;
  max-width: 100%;  
  transition: var(--common-transition);
  cursor: pointer;
  display: block;
  object-fit: cover;
}

.relative {
  position: relative;
  z-index: 1;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.text-center {
  text-align: center;
}

.p0 {
  padding: 0 !important;
}

.mr0 {
  margin: 0;
}

.container {
  width: 100%;
  margin: 0 auto;
}

body {
  /* background-image: url(../images/full-page-line.png);
    background-size: cover;
    height: 100%; */
  font-family: var(--regular-font-family);
  color: var(--black-color);
}

/*normal css*/
@font-face {
  font-family: "Lato Black";
  src: url("../fonts/lato/Lato-Black.woff2") format("woff2"),
    url("../fonts/lato/Lato-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato Bold";
  src: url("../fonts/lato/Lato-Bold.woff2") format("woff2"),
    url("../fonts/lato/Lato-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato Light";
  src: url("../fonts/lato/Lato-Light.woff2") format("woff2"),
    url("../fonts/lato/Lato-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato Medium";
  src: url("../fonts/lato/Lato-Medium.woff2") format("woff2"),
    url("../fonts/lato/Lato-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato Regular";
  src: url("../fonts/lato/Lato-Regular.woff2") format("woff2"),
    url("../fonts/lato/Lato-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato Semibold";
  src: url("../fonts/lato/Lato-Semibold.woff2") format("woff2"),
    url("../fonts/lato/Lato-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  /* colors */
  --black-color: #000;
  --white-color: #fff;
  --grey-color: #bebebe;
  --yellow-color: #fcbd11;
  --blue-color: #00338c;
  --border-black: #262626;
  /* font-sizes */
  --big-title-font-size: 4rem;
  --banner-title-font-size: 3.438rem;
  --title-font-size: 2.188rem;
  --second-title-font-size: 1.875rem;
  --paragraph-font-size: 1.563rem;
  --section-content-size: 1rem;
  --link-font-size: 1.375rem;
  --small-font-size: 1rem;
  --footer-font-size: 1.25rem;

  /* font-families */
  --regular-font-family: "Lato Regular";
  --medium-font-family: "Lato Medium";
  --bold-font-family: "Lato Bold";
  --semi-font-family: "Lato Semibold";
  --italic-font-family: "Montserrat-Italic";
  --light-font-family: "Lato Light";
  --black-font-family: "Lato Black";

  /* other */
  --tiny-gap-size: 0.5rem;
  --small-gap-size: 1.5rem;
  --medium-gap-size: 2.5rem;
  --big-gap-size: 6rem;
  --common-gap-size: 1rem;
  --common-transition: all 0.6s ease;
}

.relative {
  position: relative;
}

.inner-flex {
  display: flex;
  flex-direction: column;
}

.inner-flex.inner-flex-medium {
  gap: var(--medium-gap-size);
}

.inner-flex.inner-flex-small {
  gap: var(--small-gap-size);
}

.inner-flex.inner-flex-tiny {
  gap: var(--tiny-gap-size);
}

.inner-flex.inner-flex-big {
  gap: var(--big-gap-size);
}

.inner-flex.inner-flex-common {
  gap: var(--common-gap-size);
}

.main_wrapper_overflow {
  overflow: hidden;
}

.semiBold-fonts {
  font-family: var(--semi-font-family) !important;
}

.medium-fonts {
  font-family: var(--medium-font-family) !important;
}

.regular-fonts {
  font-family: var(--regular-font-family) !important;
}

.light-fonts {
  font-family: var(--light-font-family) !important;
}

.bold-fonts {
  font-family: var(--bold-font-family) !important;
}

.black-fonts {
  font-family: var(--black-font-family) !important;
}

.blueText {
  color: var(--blue-color) !important;
}

.whiteText {
  color: var(--white-color) !important;
}

.blackText {
  color: var(--black-color) !important;
}

.yellowText {
  color: var(--yellow-color) !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.awfficacy-main-wrapper {
  overflow: hidden;
}

.main-container {
  width: 89%;
  margin: 0 auto;
}

.text-center {
  text-align: center;
}

.section-padding {
  padding: 20rem 0 0;
}

.awf-gridflex {
  display: flex;
}

.big-title h1 {
  font-family: var(--black-font-family);
  font-size: var(--big-title-font-size);
}

.banner_title h1 {
  font-family: var(--black-font-family);
  font-size: var(--banner-title-font-size);
}

.second-title h1 {
  font-family: var(--black-font-family);
  font-size: var(--title-font-size);
}

.section-second-title h2 {
  font-family: var(--black-font-family);
  font-size: var(--second-title-font-size);
}

.section-content p {
  font-family: var(--regular-font-family);
  font-size: var(--paragraph-font-size);
}

.link_font p {
  font-family: var(--medium-font-family);
  font-size: var(--link-font-size);
}

.footer-text p {
  font-family: var(--light-font-family);
  font-size: var(--footer-font-size);
}

.smallcontent p {
  font-size: var(--section-content-size);
  font-family: var(--regular-font-family);
}

.loaction-icon-img {
  width: 1.5rem;
}

/* Home Start */

.opening-banner {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.opening-banner img {
  width: 100%;
}

#awfficacy-global-home-section-1,
#awfficacy-global-career-section-1 {
  padding-top: 14rem;
}

.global-img img {
  height: 44vh;
}

.banner-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  position: absolute;
  top: 41%;
  left: 3%;
}

.secimg {
  width: 3%;
}

.whoweare-flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
  gap: 2rem;
}

.whoweare-flex > div:nth-child(1) {
  flex-basis: 55%;
  padding: 3rem 3rem;
}

.whoweare-flex > div:nth-child(2) > div {
  height: 100%;
}

.whoweare-flex > div:nth-child(2) > div > img {
  height: 100% !important;
}

.whoweare-flex > div:nth-child(2) {
  flex-basis: 45%;
  height: 100%;
  padding: 3rem 3rem;
}

.learn-awfficacy-sec.inner-flex.inner-flex-small {
  height: -webkit-fill-available;
  justify-content: space-between !important;
}

.border-sec {
  border: 1px solid var(--blue-color);
  border-radius: 1rem;
  transition: var(--common-transition);
}

.border-yellow-sec {
  border: 1px solid var(--yellow-color);
  border-radius: 1rem;
}

.bannter-textimg-flex {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  width: fit-content;
}

.bannter-textimg-flex img,
.button-div .right-arrow-img {
  transform: translateX(-25%);
  transition: var(--common-transition);
}

.bannter-textimg-flex:hover img,
.button-div:hover .right-arrow-img {
  transform: translateX(0);
}

.driving-success-sec {
  display: grid;
  grid-template-columns: calc(100% - 45% - 1rem) calc(100% - 55% - 1rem);
  align-items: flex-start;
  gap: 2rem;
}

.arreow-icon {
  transition: var(--common-transition);
}

.bag-icon {
  width: 4rem;
}

.bag-icon img {
  transition: var(--common-transition);
  transform: scale(1);
}

.driving-success-sec:hover .arreow-icon {
  transform: rotate(45deg);
}

.driving-success-sec:hover .bag-icon img {
  transform: scale(1.2);
}

/* .driving-success-sec>div:nth-child(1) {
    flex-basis: 55%;
}
.driving-success-sec>div:nth-child(2) {
    flex-basis: 45%;
} */

.driving-success-sec > div:nth-child(1) {
  padding: 4rem 3rem 4rem;
  height: 100%;
}

.icon-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.counter-border {
  border-bottom: 1px solid var(--blue-color);
}

.combin-experience.inner-flex.inner-flex-big {
  gap: 12rem;
}

.combined-vectore-img {
  width: 57%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.success-flex {
  display: flex;
  align-items: center;
  gap: 2rem;
  background-color: var(--blue-color);
  border-radius: 1rem;
  padding: 5rem 3rem;
}

.combin-experience-flex {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.combin-experience-flex > div {
  flex-basis: 50%;
}

.combin-experience-flex > div {
  padding: 3.1rem 3rem;
  border-radius: 1rem;
}

.combin-experience-flex > div:nth-child(1) {
  border: 1px solid var(--yellow-color);
}

.combin-experience-flex > div:nth-child(2) {
  border: 1px solid var(--blue-color);
}

.success-vector-img {
  width: 30%;
}

.digital-realms-sec {
  padding: 4rem 2rem 6rem;
}

.technology_images {
  border: 1px solid var(--blue-color);
  padding: 1rem 2rem;
  border-radius: 1rem;
  transition: var(--common-transition);
}

.ourtechnology-swiper-sec {
  width: 70%;
  margin: 0 auto;
}

.swiper-button-next,
.swiper-button-prev {
  background-image: unset;
  top: 50%;
}

.swiper-button-next {
  right: -6%;
}

.swiper-button-prev {
  left: -8%;
}

.swiper-arrow {
  border: 1px solid var(--black-color);
  padding: 1.2rem 1rem;
  width: 4rem;
  border-radius: 0.6rem;
}

#awfficacy-global-home-section-6 .border-sec {
  padding: 4.5rem 3rem;
}

.career-flex {
  display: flex;
  align-items: center;
  gap: 1rem;
  overflow: hidden;
}

.career-flex > div:nth-child(1) {
  flex-basis: 55%;
  border-right: 1px solid var(--blue-color);
}

.career-flex > div:nth-child(2) {
  flex-basis: 45%;
}

.career-text {
  width: 94%;
}

.career-img {
  width: 96%;
  margin-left: auto;
}

.career-img img {
  border-radius: 1rem;
}

.explore-group-sec .success-flex {
  background-color: transparent;
}

.explore-group {
  background-color: var(--blue-color);
}

.explore-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.group-vector-img {
  width: 13%;
}

.group-border {
  border-bottom: 1px solid var(--white-color);
}

.awfficay-vector-img {
  width: 50%;
  margin: 0 auto;
  padding-bottom: 1.34rem;
}

.black-border {
  border-bottom: 1px solid var(--black-color);
}

.learn-awfficacy-box {
  padding: 2.4rem 2rem 2.4rem;
}

.swiper-pagination-client-swiper,
.swiper-pagination-our-swiper {
  display: none;
}

.weoffer-sec {
  border: 1px solid var(--yellow-color);
  border-radius: 1rem;
  padding: 4rem 3rem;
}

.weoffer-sec-blogs {
  border: 1px solid var(--yellow-color);
  border-radius: 1rem;
  padding: 4rem 3rem;
  width: 70%;
}

.weoffer-main-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem;
}

.weoffer-box {
  transition: var(--common-transition);
}

.flip_imgText {
  transform-style: preserve-3d;
}

.offer-hover-sec {
  position: absolute;
  top: 0px;
  left: 7px;
  right: 6px;
  bottom: 6px;
  width: 97%;
  margin: 0 auto;
}

.offer-texticon-flex {
  position: absolute;
  top: 3.5rem;
  left: 50%;
  width: 87%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translateX(-50%);
}

.front {
  position: relative;
  width: 100%;
  transition: 0.6s;
  transform-style: preserve-3d;
}

.back {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  margin: 0 auto;
}

.weoffer-box .back {
  opacity: 0;
  transition: all 0s 0.15s;
  transform: rotate(180deg);
}

.flip_imgText:hover .weoffer-box {
  transform: rotateY(180deg);
}

.flip_imgText:hover .weoffer-box .back {
  opacity: 1;
  transform: scaleX(-1);
}

.hover-content-offer .link_font p {
  color: var(--white-color);
  font-size: var(--small-font-size);
}

.active-uk-europe .group-border {
  border-bottom: 1px solid var(--yellow-color);
}

.active-uk-europe .offer-icon img {
  filter: invert(1);
}

.active-uk-europe .second-title h1,
.active-uk-europe .hover-content-offer .link_font p.blue-colorrrr {
  color: var(--blue-color) !important;
}

.offer-blue-img img {
  border-radius: 0.5rem !important;
}

.active-uk-europe .hover-content-offer .link_font p {
  color: var(--primary-color);
}

.hover-img-text-position {
  padding: 4rem 2rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.offer-icon {
  width: 3rem;
}

/* .offer-icon img{
    width: 100%;
} */

.right-arrow-img {
  width: 2rem;
}

.weoffer-swiper-sec {
  display: none;
}

.title-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}

.mob-view-swiper {
  display: none;
}

.overflow-banner {
  overflow: hidden;
}

.circle-banner-vectore {
  position: absolute;
  right: -10%;
  top: 0;
  width: 24%;
  z-index: 0;
}

.line-banner-vectore {
  position: absolute;
  left: 10%;
  top: 9%;
  width: 41%;
  z-index: 0;
}

.rotate {
  -webkit-animation: spin 20s linear;
  -moz-animation: spin 20s linear;
  animation: spin 20s linear;
}

.rotate1 {
  -webkit-animation: spin 20s linear infinite;
  -moz-animation: spin 20s linear infinite;
  animation: spin 20s linear infinite;
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.diagonal-arrow {
  width: 3rem;
  transition: var(--common-transition);
}

.diagonal-arrow img {
  width: 100%;
}

.whowe-text:hover .diagonal-arrow {
  transform: rotate(45deg);
}

.footer_sec1 {
  padding-top: 2.5rem;
}

.contact-button-header:hover .hover-disable {
  display: none;
}

.contact-button-header:hover .hover-enable {
  display: inline-block;
}

.contact-button-header .hover-enable {
  display: none;
}

.mob-logo-img {
  display: none;
}

.swiper-arrow {
  position: relative;
  overflow: hidden;
}

.swiper-arrow img {
  position: relative;
  z-index: 2;
}

.swiper-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 0.6rem;
  transform: translate(-50%, -50%) scale(0);
  background-color: var(--yellow-color);
  transition: var(--common-transition);
}

.swiper-arrow:hover::after {
  transform: translate(-50%, -50%) scale(1);
}

.blue_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all ease 0.4s;
  background: #00338c35;
  z-index: 0;
}

.footer-wrapper a p {
  transition: var(--common-transition);
}

.footer-wrapper a:hover p {
  color: var(--yellow-color);
}

.arreow-icon {
  width: 3rem;
}

.arreow-icon img {
  width: 100%;
}

.linkedInIcon img,
.linkedInIcon {
  width: 1.5rem;
}

.footer-contect-flex {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.footer-contect-flex img {
  width: 1.5rem;
}

.technology_img {
  position: relative;
}

.hover-logo {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.hover-swiper-sec {
  transition: var(--common-transition);
}

.hover-swiper-sec:hover {
  background-color: var(--blue-color);
}

.hover-swiper-sec:hover .main-logo {
  opacity: 0;
  visibility: hidden;
}

.hover-swiper-sec:hover .hover-logo {
  visibility: visible;
  opacity: 1;
}

.footer-map {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  z-index: -1;
}

.blink {
  animation: blink-animation 5s steps(5, start) infinite;
  -webkit-animation: blink-animation 5s steps(5, start) infinite;
}

.ourOfferFlexContainer {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.ourOfferFlexContainer > div {
  padding: 0.5rem 1rem;
  min-width: 5vw;
  text-align: center;
  border: 1px solid var(--yellow-color);
  background-color: transparent;
  transition: var(--common-transition);
  border-radius: 0.5rem;
}

.ourOfferFlexContainer > div:hover,
.ourOfferFlexContainer > div.active {
  background-color: var(--blue-color);
  border: 1px solid var(--blue-color);
  transition: var(--common-transition);
}

.ourOfferFlexContainer > div:hover p,
.ourOfferFlexContainer > div.active p {
  color: var(--white-color);
  transition: var(--common-transition);
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

/* Home  End */
/* who we are start */
.sec-1-padding {
  padding: 4.5rem 2rem;
}

.common-padding {
  padding: 4rem 2rem;
}

.banner-content-who-we-are {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  position: absolute;
  top: 10%;
  left: 3%;
}

.padding-section {
  padding: 2rem 2rem;
}

.map-img {
  width: 50%;
  position: relative;
  margin: 0 auto;
}

.sec-4-flex {
  display: flex;
  gap: 10px;
}

.sec-4-flex-padding {
  padding: 2rem 2rem;
}

.sec-4-flex > div:nth-child(1) {
  flex-basis: 34%;
}

.sec-4-flex > div:nth-child(2) {
  flex-basis: 37%;
}

.sec-4-flex > div:nth-child(3) {
  flex-basis: 29%;
}

.sec-flex-5 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}

.sec-5-inner-flex {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}

.sec-5-gif-padding {
  padding: 3rem 2rem;
}

.sec-inner-flex-two {
  width: 40%;
  margin: 0 0 0 auto;
}

.sec-grid-6 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.sec-grid-6-content {
  border: 1px solid var(--yellow-color);
  border-radius: 15px;
}

.yellow-border {
  border-bottom: 1px solid var(--yellow-color);
}

.leaders-flex {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.icon-flex {
  display: flex;
  gap: 15px;
}

.leaders-name-padding {
  padding: 2rem;
}

.leaders-img {
  border-radius: 15px 15px 0 0;
}

.founder-popup-sec {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: scroll;
  transform: translate(-50%, -50%);
  padding: 3rem 2rem;
  background-color: #fff;
  border: 1px solid var(--blue-color);
  border-radius: 1rem;
  z-index: 99999;
  width: 60%;
  height: 84vh;
}

.founder-popup-sec.active {
  display: block;
}

.popupfounderOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 252, 252, 0.84);
  z-index: 99;
}

.popupfounderOverlay.active {
  display: block;
}

.founder-popup-flex {
  display: flex;
  gap: 3rem;
}

.founder-info-links {
  width: 60%;
  height: 100%;
}

.founder-img-div {
  width: 100%;
}

.founder-img {
  width: 100%;
  max-width: 100%;
}

.reachout-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.icon-img {
  width: fit-content;
}

.blueText p {
  color: var(--blue-color);
}

/* .founder-experiance p{
font-size: 1.1rem;
} */
/* .founder-academics p{
font-weight: 800;
} */

.sec-6-advisors-flex > div:nth-child(1) {
  grid-area: one-advisor;
}

.sec-6-advisors-flex > div:nth-child(2) {
  grid-area: two-advisor;
  width: 80%;
  margin-left: auto;
}

.sec-6-advisors-flex {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "one-advisor two-advisor two-advisor two-advisor";
  gap: 10px;
}

/* .sec-6-advisors-flex {
  display: flex;
  justify-content: space-between;
} */
.ourInfrastucture-swiper-sec {
  width: 80%;
  margin: 0 auto;
}

.infrastructure-images {
  border-radius: 1rem;
}

.swiper-button-next,
.swiper-button-prev {
  background-image: unset;
  top: 50%;
}

.infra-swiper-arrow.swiper-button-next {
  right: -8%;
}

.infra-swiper-arrow.swiper-button-prev {
  left: -11%;
}

.circle-banner-vectore-whowewre {
  position: absolute;
  right: 2%;
  top: 3%;
  width: 24%;
  z-index: 0;
  transform: translate(-50%, -50%);
}

.remove-btn {
  width: 2.5rem;
  position: absolute;
  margin-left: auto;
  top: 22px;
  right: 25px;
}

/* who we are end */

.display-flex {
  display: flex;
  gap: 25px;
}

.scalax-image {
  width: 80%;
}

.map-img-one {
  position: relative;
  /* width: 60%; */
}

.inner-img {
  position: absolute;
  top: 18%;
  width: 22%;
  right: 38%;
}

.outercircle-img {
  position: relative;
}

.midblue-img {
  position: absolute;
  top: 20%;
  width: 60%;
  right: 20%;
}

.outercircle-img {
  animation: spin 10s linear infinite;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

.circle-banner-vectore-about {
  position: absolute;
  right: -6%;
  top: 10%;
}

.usa-map {
  position: absolute;
  top: 40.5%;
  left: 32.3%;
  width: 8.2%;
}

.maphoverimage-usa {
  display: flex;
  position: absolute;
  top: 43%;
  left: 15%;
  align-items: center;
  gap: 10px;
}

.ausnew-map {
  position: absolute;
  bottom: 25.1%;
  right: 27%;
  width: 9%;
}
.maphoverimage-aus {
  display: flex;
  position: absolute;
  bottom: 33%;
  right: 12%;
  align-items: center;
  gap: 10px;
}

.opticity-img {
  opacity: 0;
}

.opticity-img:hover {
  opacity: 1;
  visibility: visible;
}

.europe-map {
  position: absolute;
  left: 48%;
  top: 30.3%;
}

.rotate-line {
  transform: rotate(180deg);
}

.maphoverimage-europe {
  position: absolute;
  top: 33%;
  left: 42.5%;
}

.usa-flex {
  display: flex;
  gap: 20px;
  position: absolute;
  top: 37%;
  left: 15%;
}

.circle-banner-vectore-whowewre {
  animation: rotate-logo 10s linear infinite;
}

@keyframes rotate-logo {
  from {
    transform: rotateY(0deg);
  }

  to {
    transform: rotateY(-360deg);
  }
}

.list-page-image {
  animation: rotate-logo 10s linear infinite;
}

.circle-banner-vectore-about {
  animation: rotate-logo 10s linear infinite;
}

.mobile-display {
  display: none;
}

.first-mobile-display {
  display: block;
}

.list-icon-position p {
  padding-left: 3rem;
}

.list-icon-position p::after {
  content: "";
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: black;
  position: absolute;
  top: 13px;
  left: 1%;
  transform: translate(-50%, 0);
  font-weight: bold;
}

.list-color p::after {
  background-color: red !important;
}

.abclist-type {
  list-style: block;
  list-style-type: lower-alpha;
  font-size: 1.25rem;
  padding-left: 1.5rem;
}

.charlist-type {
  list-style: block;
  list-style-type: decimal;
  font-size: 1.25rem;
}

.abclist-type li::marker {
  font-weight: bold;
}

.red-color-li {
  padding-left: 7rem;
}

.red-color-li li::marker {
  color: red;
  font-weight: normal;
}

.list-padding p {
  padding-left: 1.9rem !important;
}

.color-red {
  color: red;
  border-bottom: 1px solid red;
}

table,
tr,
td {
  border: 1px solid black;
}

table td {
  padding: 0.5rem 1rem;
  text-align: center;
}

.m-bottom p {
  margin-bottom: 1rem;
}

.blogs-main-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}

.blog-list-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 3rem;
}

.blogs-right-container {
  width: 30%;
}

.ourOfferFlexContainer {
  flex-wrap: wrap;
}

.tab-view {
  display: none;
}
.allinial-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.allinial-flex > :nth-child(1) {
  flex-basis: 75%;
  width: 75%;
}
.allinial-flex > :nth-child(2) {
  flex-basis: 25%;
  width: 25%;
}
.allinial-flex > :nth-child(2) img {
  width: 12rem;
  margin: 0 auto;
}
.coverage-sec {
  padding: 4rem 2rem;
}
.calculate-flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 2rem;
  align-items: center;

  border-bottom: 1px solid var(--yellow-color);
}
.global-flex {
  background-color: #00338c;
  padding: 2rem;
}
.global-flex-bottom {
  padding-top: 2rem;
}
.globalcoverage-sec2 {
  width: 24rem;
  padding: 2rem 3rem 4rem;
}
.global-sec-2 {
  padding-bottom: 1.5rem;

  border-bottom: 1px solid var(--yellow-color);
}
.members-sec2 {
  padding-top: 1.5rem;
}
.global-sec-2-blue {
  padding-bottom: 2rem;

  border-bottom: 1px solid var(--blue-color);
}
.global-flex-members {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.global-sec-2-main-flex {
  display: flex;
  gap: 1rem;
}
.usd-flex {
  padding: 2rem 2rem 4.5rem 3rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.global-sec-2-main-flex > :nth-child(1) {
  width: 75%;
  flex-basis: 75%;
}
.global-sec-2-main-flex > :nth-child(2) {
  width: 25%;
  flex-basis: 25%;
}

.global-coverage-sec-main {
  padding: 4rem 2rem;
}
.card-img-with-sign {
  width: 2.5rem;
}
.usd-border-bt {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--blue-color);
}
.footer-conntect-sec-coverage {
  border: 1px solid var(--blue-color);
  border-radius: 1rem;
  padding: 3rem 4rem 3rem 2rem;
}
.awf-header.popup-active {
  top: -100%;
  transition: var(--common-transition);
}


.awaed-img img{
  width: 100%;
 
}
.awaed-img{
  width:50%;
  margin: 0 auto;
   border:1px solid var(--yellow-color);
  border-radius: 10px;
  padding: 1.5rem;
}