@import url('fonts/fonts.css');

/* BODY STYLE */

body {
  font-family: "Akkurat", sans-serif;
  color: #051022
}
/* ---------------------------------------------------
  FONT SIZES
----------------------------------------------------- */
h1, h2 {
  font-size: 95px;
}
.banner h1{font-size: 85px;}
.about-us h1{font-size: 72px;}
h3 {
  font-size: 69px;
}
h4 {
  font-size: 50px;
}
h5 {
  font-size: 26px;
}
h6 {
  font-size: 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'HelveticaNowDisplay', sans-serif;
  font-weight: 900;
}
.p-sm {
  font-size: 14px;
}
.p-xss {
  font-size: 10px;
}
.p-xs {
  font-size: 12px;
}
.p-md {
  font-size: 18px;
}
.p-lg {
  font-size: 22px;
}
.p-xlg {
  font-size: 28px;
}
/* ---------------------------------------------------
  FONT FAMIILIES
----------------------------------------------------- */
.akkurat {
  font-family: 'Akkurat', sans-serif !important;
}
.aventa {
  font-family: 'Aventa', sans-serif !important;
}
.helvetica {
  font-family: 'HelveticaNowDisplay', sans-serif !important;
}
/* ---------------------------------------------------
  GLOBAL STYLES
----------------------------------------------------- */
a {
  color: initial;
  text-decoration: none !important;
  transition: all .3s;
  display: inline-block
}
a:hover {
  color: #083E7D;
}
:focus {
  outline: 0 !important;
  box-shadow: none !important
}
/* ---------------------------------------------------
  FONT WEIGHTS
----------------------------------------------------- */
.light {
  font-weight: 300 !important;
}
.regular {
  font-weight: 400;
}
.medium {
  font-weight: 500 !important
}
.semi-bold {
  font-weight: 600
}
.bold {
  font-weight: 700 !important
}
.x-bold {
  font-weight: 800
}
/* ---------------------------------------------------
  COLORS
----------------------------------------------------- */
.orange-text{
  color: #ED4343 !important;
}
.yellow-text{
  color: #F4904A !important;
}
.grey-text{
  color: #919294 !important;
}
/* ---------------------------------------------------
  BUTTON STYLING
----------------------------------------------------- */
.site-btn {
  background: #EC4345;
  border: 1px solid #EC4345;
  box-shadow: 0 3px 35px rgb(237, 67, 67, .6);
  color: white;
  padding: 12px 30px;
  min-width: 180px;
  border-radius: 50px;
  transition: ease-in-out .2s;
  font-family: 'Aventa', sans-serif !important;
  font-weight: 800;
}
.site-btn:hover {
  color: #EC4345;
  background: transparent;
  border: 1px solid #EC4345;
}
.transparent-btn {
  background: 0 0;
  padding: 0;
  border: 0
}
/* ---------------------------------------------------
  INPUT STYLING
----------------------------------------------------- */
.site-input{
  width: 100%;
  appearance: none;
  padding: 12px 0;
  border: 0;
  font-size: 18px;
  border-bottom: 1px solid #CFCFCF;
  font-family: 'HelveticaNowDisplay', sans-serif;
  resize: none;
}
.site-input::placeholder{
  color: #919294;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
input[type="checkbox"] {
  visibility: hidden;
  display: none;
}
input[type="checkbox"] + label:before {
  border: 1px solid #707070;
  background-color: white;
  content: "\00a0";
  display: inline-block;
  font: 16px/1em sans-serif;
  height: 26px;
  margin: 0 7px 0px 0;
  padding: 4px;
  vertical-align: middle;
  width: 26px;
  border-radius: 0;
}
input[type="checkbox"]:checked + label:before {
  background: #ED4343;
  color: white;
  content: "\2713";
  text-align: center;
  border: 1px solid #ED4343;
}
input[type="checkbox"]:checked + label:after {
  font-weight: bold;
}

input[type="checkbox"]:focus + label::before {
  outline: rgb(59, 153, 252) auto 5px;
}
/* ---------------------------------------------------
  PRELOADER
----------------------------------------------------- */
.ctn-preloader {
  align-items: center;
  cursor: none;
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 900
}
.ctn-preloader .animation-preloader {
  position: absolute;
  z-index: 100
}
/* Spinner cargando */
.ctn-preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, .2);
  border-top-color: black;
  height: 18em;
  margin: 0 auto 3.5em auto;
  width: 18em
}
/* Texto cargando */
.ctn-preloader .animation-preloader .txt-loading {
  font: bold 4em "Circular Std Book";
  text-align: center;
  user-select: none
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
  animation: letters-loading 4s infinite;
  color: black;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: rotateY(-90deg)
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading {
  color: rgba(0, 0, 0, .2);
  position: relative
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
  animation-delay: .2s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
  animation-delay: .4s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
  animation-delay: .6s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
  animation-delay: .8s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
  animation-delay: 1s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
  animation-delay: 1.2s
}
.ctn-preloader .loader-section {
  background-color: #fff;
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px)
}
.ctn-preloader .loader-section.section-left {
  left: 0
}
.ctn-preloader .loader-section.section-right {
  right: 0
}
.loaded .animation-preloader {
  opacity: 0;
  transition: .3s ease-out
}
/* Efecto de cortina */
.loaded .loader-section.section-left {
  transform: translateX(-101%);
  transition: .7s .3s all cubic-bezier(.1, .1, .1, 1)
}
.loaded .loader-section.section-right {
  transform: translateX(101%);
  transition: .7s .3s all cubic-bezier(.1, .1, .1, 1)
}
.animation-preloader img {
  width: 155px;
  object-fit: contain;
  position: absolute;
  top: 34%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-45%)
}
@keyframes spinner {
  to {
    transform: rotateZ(360deg)
  }
}
@keyframes letters-loading {
  0%,
  100%,
  75% {
    opacity: 0;
    transform: rotateY(-90deg)
  }
  25%,
  50% {
    opacity: 1;
    transform: rotateY(0)
  }
}
/* ---------------------------------------------------
  HEADER
----------------------------------------------------- */
.site-logo {
  width: 185px;
  object-fit: contain
}
header .navbar-nav a {
  transition: ease-in-out .2s;
  font-size: 17px !important;
  color: black;
  border-bottom: 2px solid transparent;
}
.home-header .navbar-nav a{
  color: white;
}
header .navbar-nav a:hover,
header .navbar-nav a.active {
  color: black;
  border-bottom: 2px solid #F4904A;
}
.home-header .navbar-nav a:hover,
.home-header .navbar-nav a.active {
  color: white;
}
.home-header .navbar-nav button,
.home-header .navbar-nav a {
  font-size: 15px;
}
.home-header {
  padding: 15px 0;
  position: absolute;
  width: 100%;
  z-index: 9;
}
header .navbar-toggler svg path {fill: black;}
.home-header .navbar-toggler svg path {fill: white;}
.my-accountt {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  object-fit: cover;
  object-position: center;
}
/* ---------------------------------------------------
  BANNER
----------------------------------------------------- */
.banner{
  min-height: 100vh;
  position: relative;
  padding: 180px 0 120px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.banner-video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner::after{
  content: '';
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0, .4);
  position: absolute;
  top: 0;
  left: 0;
}
.banner-inner{
  position: relative;
  z-index: 1;
  color: white;
}
.scroll-down{
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 2;
  bottom: 40px;
  transform: translateX(-50%);
  animation-name: topbottom;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  transition: ease-in-out .2s;
}
@keyframes topbottom {
  0%{
    transform: translateY(-20px) translateX(-50%);
  }
  50%{
    transform: translateY(0) translateX(-50%);
  }
  100%{
    transform: translateY(-20px) translateX(-50%);
  }
}
/* ---------------------------------------------------
  OUR SERVICES
----------------------------------------------------- */
.our-services{
  padding: 80px 0;
}
#services #services_container{overflow:hidden;width:100%;}
#services #services_container div{display:-webkit-flex;display:flex;width:10000px;}
#services #services_container div:last-child ol{flex-direction:row-reverse;}
#services #services_container ol{align-items:center;color:#2a2b37;counter-reset:section;display:-webkit-flex;display:flex;position:relative;will-change:transform;}
#services #services_container div:nth-child(2) ol{counter-reset:section 5;}
#services #services_container ol li{align-items:center; margin: 0 50px;  display:-webkit-flex;display: flex;position:relative;white-space: nowrap;}
#services #services_container ol li a:hover{color: #EC4345;}
/* #services #services_container ol li::before{content:counter(section);counter-increment:section;left:0;position:absolute;text-align:center;}
#services #services_container ol li::after{background:#282828;content:'';height:1px;width:62px;} */
#services #services_container.reveal div:first-child ol:nth-child(1){animation:services1a 60s linear -20s infinite;}
#services #services_container.reveal div:first-child ol:nth-child(2){animation:services1b 60s linear 10s infinite;}
#services #services_container.reveal div:last-child ol:nth-child(1){animation:services2a 60s linear -20s infinite;}
#services #services_container.reveal div:last-child ol:nth-child(2){animation:services2b 60s linear 10s infinite;}
@media all and (max-width:1500px){
  #services #services_container ol li::before{letter-spacing:-.5px;}
}
@media all and (max-width:900px){
  #services #services_container{margin-bottom:40px;}
  #services #services_container div{-webkit-transform:none!important;transform:none!important;}
  #services #services_container div:first-child{margin-bottom:20px;}
  #services #services_container ol li{letter-spacing:-2px; font-size: 40px;}
}
@media all and (max-width:600px){
  #services #services_container ol li{font-size:30px;line-height: 30px;margin-right:21px;}
  #services #services_container ol li::before{font-size:20px;left:-20px;line-height:32px;width:20px;}
  #services #services_container ol li::after{margin-left:5px;}
}
@media all and (min-width:601px) and (max-width:1500px){
  #services #services_container ol li{margin-right:34px;}
  #services #services_container ol li::before{font-size:24px;left:-24px;line-height:39px;}
  #services #services_container ol li::after{margin-left:10px;}
}
@media all and (min-width:601px) and (max-width:1200px){
  #services #services_container ol li{font-size:60px;line-height: 60px;}
}
@media all and (min-width:901px){
  #services #services_container{
    margin-top: 30px;
}
  #services #services_container div:first-child{margin-bottom:30px;}
  #services #services_container ol li{letter-spacing:-4px;}
}
@media all and (min-width:1201px) and (max-width:1500px){
  #services #services_container ol li{font-size:67px;line-height:85px;}
}
@media all and (min-width:1501px){
  #services #services_container ol li{font-size:67px;line-height:100px;margin-right:59px;}
  #services #services_container ol li::before{font-size:24px;left:-39px;letter-spacing:-1px;line-height:56px;}
  #services #services_container ol li::after{margin-left:20px;}
}
/*! CSS Used keyframes */
@keyframes services1a{0%{-webkit-transform:translate3d(100vw,0,0);transform:translate3d(100vw,0,0);}100%{-webkit-transform:translate3d(100vw,0,0) translate3d(-200%,0,0);transform:translate3d(100vw,0,0) translate3d(-200%,0,0);}}
@keyframes services1b{0%{-webkit-transform:translate3d(100vw,0,0) translate3d(-100%,0,0);transform:translate3d(100vw,0,0) translate3d(-100%,0,0);}100%{-webkit-transform:translate3d(100vw,0,0) translate3d(-300%,0,0);transform:translate3d(100vw,0,0) translate3d(-300%,0,0);}}
@keyframes services2a{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}100%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}
@keyframes services2b{0%{-webkit-transform:translate3d(-200%,0,0);transform:translate3d(-200%,0,0);}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
/* Reel Section Ends */
/* ---------------------------------------------------
  FOOTER
----------------------------------------------------- */
footer p{
  font-family: 'Aventa', sans-serif;
  font-weight: 800;
  font-size: 18px;
}
/* ---------------------------------------------------
  CONTACT US
----------------------------------------------------- */
.attach-file{
  width: 100%;
  padding: 35px 25px;
  border: 1px dashed #707070;
  color: #919294;
  cursor: pointer;
}
/* ---------------------------------------------------
  ABOUT US
----------------------------------------------------- */
.video-btn{
  position: relative;
  width: 200px;
  height: 200px;
}
.video-btn svg {
  position: relative;
  z-index: 2;
  animation: movingBtn 11s linear infinite;
  -webkit-animation: movingBtn 11s linear infinite;
  -moz-animation: movingBtn 11s linear infinite;
}
@keyframes movingBtn {
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
.play-icon{
  position: absolute;
  top: 53%;
  left: 53%;
  transform: translateX(-50%) translateY(-50%);
}
.site-card{
  background: #ED4343;
  color: white;
  padding: 100px;
}
.yellow-card{
  background: #F4904A;
}
.gold-card{
  background: #BC8238;
}
.green-card{
  background: #409B56;
}
.green-text{color: #409B56;}
.blue-card{
  background: #146CB6;
}
.brands img{
  width: 150px;
}
.about-carousel .owl-stage, .service-carousel .owl-stage {
  display: flex;
  align-items: center;
}
.about-carousel .owl-stage .owl-item:nth-child(2n) img, .service-carousel .owl-stage .owl-item:nth-child(2n) img{
  transform: scale(0.9);
}
.our-goals p, .our-teams p{
  font-size: 34px;
}
.our-vision{
  position: relative;
  margin-top: -150px;
  z-index: 2;
}
.case-tag{
  padding: 12px 30px;
  font-size: 15px;
  border-radius: 50px;
  border: 1px solid white;
}
.health-care-img{
  padding: 100px 0;
  position: relative;
}
.health-care-img img{
  position: relative;
  z-index: 1;
}
.health-care-img::before{
  content: '';
  background: url('../images/health-care-bg.png') no-repeat;
  width: 90%;
  height: 90%;
  background-size: contain;
  position: absolute;
  left: 75px;
  top: 25px;
}
.tranquil-img{
  padding-left: 50px;
  position: relative;
}
.tranquil-img img{
  width: 100%;
}
.tranquil-img::before{
  content: '';
  background: url('../images/tranquil-bg.png') no-repeat;
  width: 60%;
  height: 60%;
  position: absolute;
  left: -100px;
  bottom: 0;
  background-size: contain;
}
.case-studies-card .col-md-6:nth-child(2n) .case-study-card{
  margin-top: 30px;
}
.offer-accordion .accordion-item{
  border: 0;
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
.offer-accordion .accordion-item h2 button{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: black !important;
  font-weight: 700 !important;
  font-size: 30px;
}
.offer-accordion .accordion-item h2 button::after{
  display: none;
}
.offer-accordion .accordion-body{
  padding-top: 0 !important;
}
.orange-line{
  width: 38px;
  height: 2px;
  background: #CB001A;
}
/* .we-offer-img{
  opacity: 0;
  width: 100%;
  display: none;
  transition: ease-in-out .2s;
}
.we-offer-img.show{
  opacity: 1;
  display: block;
} */
.we-offer-img{
  width: calc(100% - 25px) !important;
  height: 400px !important;
  object-fit: cover;
}
.accordion-iconn{
  width: 45px;
}
.accordion-iconn img{
  width: 38px;
  height: 40px;
  object-fit: contain;
}
.offer-accordion .accordion-item h2 button{
  border-bottom: 3px solid #ED4343 !important;
  width: auto;
  transition: ease-in-out .2s;
}
.offer-accordion .accordion-item h2 button:hover{
  color: #ED4343 !important;
}
.offer-accordion .accordion-item h2 button.collapsed{
  border-bottom: 3px solid transparent !important;
}
.accordion-header {
  line-height: 10px;
}
.banner-inner h1, .banner-inner p{
  text-shadow: 0 3px 10px rgb(0, 0, 0, .5);
}
.offer-accordion .accordion-collapse {
  position: absolute;
  z-index: 27;
  background: white;
  padding: 0 0 0 10px;
  width: calc(100% - 25px);
  left: 0;
}
.brave-and-ambitious .site-btn:hover{
  background: white;
}
.firstpoint-case-study .health-care-img::before{left: 50%; transform: translateX(-50%);}
.firstpoint-case-study h3 {
  font-size: 65px;
}
.caryours-case-study h3 {
  font-size: 55px;
}
.case-study-detail-card{
  background: white;
  border: 1px solid #D5D5D5;
  border-radius: 25px;
  padding: 30px 20px;
  height: 100%;
  transition: ease-in-out .2s;
}
.case-study-detail-card p, .case-study-detail-card img, .case-study-detail-card h4{
  transition: ease-in-out .2s;
}
.case-study-detail-card:hover p, .case-study-detail-card:hover h4{
  color: white !important;
}
.firstpoint-case-study-details .case-study-detail-card:hover{
  background: #409B56;
}
.caryours-case-study-details .case-study-detail-card:hover{
  background: #FF0039;
}
.tranquil-case-study-details .case-study-detail-card:hover{
  background: #BC8238;
}
.case-study-detail-card:hover .case-study-icon {
  filter: brightness(0) invert(1);
}
.case-study-detail-card h4{font-size: 35px;}
.case-study-icon{width: 50px;}
.procedure-text{padding-bottom: 10px; border-bottom: 2px solid #ED4343; font-size: 28px; font-weight: 700;}
.client-logo{width: 190px;}
.footer-inner ul{
  padding-left: 0;
  list-style: none;
}
.footer-logo{
  width: 300px;
}
.footer-inner a:hover{
  color: #EC4345;
}
.footer-inner{
  padding: 30px 0;
  border-top: 1px solid #C6C6C6;
  border-bottom: 1px solid #C6C6C6;
}