@import url('../vendor/slick/slick.css');
@import url('../vendor/fancybox/jquery.fancybox.min.css');
@import url('custom-animation.css');
@import url('../vendor/owl/owl.carousel.min.css');
@import url('../vendor/owl/owl.theme.default.min.css');
@import url('aos.full.css');
@import url('../fonts/gilroy/fonts.css');
@import url('../fonts/recoleta/stylesheet.css');

.mark{ padding: .2em; background-color: #fcf8e3 }
.col-6, .col-lg-12, .col-md-10, .col-md-4, .col-md-8, .col-md-9, .col-xl-11, .col-xl-12, .col-xl-3, .col-xl-5, .col-xl-6, .col-xl-9{ position: relative; width: 100%; padding-right: 15px; padding-left: 15px }
.col-6{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
@media (min-width:768px){.col-md-4{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }.col-md-8{ -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }.col-md-9{ -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }.col-md-10{ -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }}
@media (min-width:992px){.col-lg-12{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }.order-lg-first{ -ms-flex-order: -1; order: -1 }.order-lg-last{ -ms-flex-order: 13; order: 13 }}
@media (min-width:1200px){.col-xl-3{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }.col-xl-5{ -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }.col-xl-6{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }.col-xl-9{ -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }.col-xl-11{ -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }.col-xl-12{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }}
.nav{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none }
.nav-tabs{ border-bottom: 1px solid #dee2e6 }
.nav-tabs .nav-item{ margin-bottom: -1px }
.nav-tabs .nav-link{ border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{ border-color: #e9ecef #e9ecef #dee2e6 }
.nav-tabs .nav-link.disabled{ color: #6c757d; background-color: transparent; border-color: transparent }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff }
.nav-tabs .dropdown-menu{ margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 }
.tab-content>.tab-pane{ display: none }
.tab-content>.active{ display: block }
.carousel{ position: relative }
.carousel-inner{ position: relative; width: 100%; overflow: hidden }
.carousel-inner::after{ display: block; clear: both; content: "" }
.carousel-item{ position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out }
@media (prefers-reduced-motion:reduce){.carousel-item{ transition: none }}
.carousel-item.active{ display: block }
.carousel-indicators{ position: absolute;right: 0; bottom: 0; left: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none }
.carousel-indicators li{ box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity .6s ease }
@media (prefers-reduced-motion:reduce){.carousel-indicators li{ transition: none }}
.carousel-indicators .active{ opacity: 1 }
.d-block{ display: block!important }
@media (min-width:576px){.d-sm-flex{ display: -ms-flexbox!important; display: flex!important }}
.align-items-start{ -ms-flex-align: start!important; align-items: flex-start!important }
.overflow-hidden{ overflow: hidden!important }
.pr-5{ padding-right: 3rem!important }
.pl-5{ padding-left: 3rem!important }
@media (min-width:992px){.pl-lg-5{ padding-left: 3rem!important }}
@media (min-width:992px){.text-lg-left{ text-align: left!important }}
.p0{padding: 0 !important;}
.m0{margin:  0 !important;}
.pt-30{padding-top: 30px;}
.pt-50{padding-top: 50px;}
.pt-150{padding-top: 150px;}
.pt-200{padding-top: 200px;}
.pt-225{padding-top: 225px;}
.pb-30{padding-bottom: 30px;}
.pb-170{padding-bottom: 170px;}
.pb-250{padding-bottom: 250px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-35{margin-top: 35px;}
.mt-50{margin-top: 50px;}
.mt-110{margin-top: 110px;}
.mt-130{margin-top: 130px;}
.mt-140{margin-top: 140px;}
.mt-160{margin-top: 160px;}
.mt-200{margin-top: 200px;}
.mt-225{margin-top: 225px;}
.mt-250{margin-top: 250px;}
.mb-60{margin-bottom: 60px;}
.mb-85{margin-bottom: 85px;}
.mb-190{margin-bottom: 190px;}
@media (max-width: 991px){.md-pt-100{padding-top: 100px !important;}.md-pt-120{padding-top: 120px !important;}.md-pb-50{padding-bottom: 50px !important;}.md-pb-90{padding-bottom: 90px !important;}.md-mt-10{margin-top: 10px !important;}.md-mt-20{margin-top: 20px !important;}.md-mt-70{margin-top: 70px !important;}.md-mt-80{margin-top: 80px !important;}.md-mt-90{margin-top: 90px !important;}.md-mt-120{margin-top: 120px !important;}.md-mb-30{margin-bottom: 30px !important;}.md-mb-40{margin-bottom: 40px !important;}.md-mb-50{margin-bottom: 50px !important;}.md-mb-100{margin-bottom: 100px !important;}}
#mega-menu-holder .mega-menu li .img-box .hover{
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  font-size: 24px;
  color: #fff;
}
.special-direction{
  direction: ltr !important;
}
.font-gilroy-bold{
  font-family: 'gordita' !important;
}
.font-slab{
  font-family: 'gordita' !important;
}
.cs-screen{
  position: absolute;
}
.illustration-holder{
  position: relative;
}
.tran3s{
  transition: all 0.3s ease-in-out;
}
.tran4s{
  transition: all 0.4s ease-in-out;
}
.title-style-one h2{
  font-family: 'gordita' !important;
  font-size: 58px;
  line-height: 1.15em;
}
.title-style-one h6{
  font-size: 20px;
  color: #CACACA;
  padding-bottom: 15px;
}
.title-style-one p{
  font-size: 22px;
  line-height: 1.58em;
  color: #2A2A2A;
  padding-top: 25px;
}
.title-style-two p{
  text-transform: uppercase;
  font-size: 16px;
  color: #ADB1B5;
  letter-spacing: 1.12px;
  padding-bottom: 7px;
}
.title-style-two h2{
  font-family: 'gordita' !important;
  font-size: 58px;
  line-height: 1.15em;
}
.title-style-two span{
  position: relative;
}
.title-style-two span img{
  position: absolute;
  bottom: -30px;
  left: 0;
  z-index: -1;
}
.title-style-two .sub-text{
  font-size: 24px;
  line-height: 1.5em;
  color: #6D6D6D;
  padding-top: 15px;
}
.title-style-three p{
  text-transform: uppercase;
  font-size: 20px;
  color: #ADB1B5;
  letter-spacing: 1.12px;
  padding-bottom: 17px;
}
.title-style-three h6{
  font-family: 'gordita' !important;
  font-size: 18px;
  color: #ADB1B5;
  padding-bottom: 15px;
}
.title-style-three h2{
  font-family: 'gordita' !important;
  font-size: 54px;
  line-height: 1.18em;
}
.title-style-three span{
  position: relative;
}
.title-style-three span img{
  position: absolute;
  bottom: -21px;
  left: 0;
  z-index: -1;
}
.title-style-four .sub-text{
  font-size: 22px;
  line-height: 1.59em;
  color: #2A2A2A;
}
.title-style-five h2{
  font-family: 'gordita' !important;
  font-size: 54px;
  line-height: 1.25em;
}
.title-style-five h2 span{
  position: relative;
  z-index: 1;
}
.title-style-five h2 span:before{
  content: '';
  width: 100%;
  height: 15px;
  position: absolute;
  background: rgba(241, 193, 83, 0.45);
  left: 0;
  bottom: 12px;
  z-index: -1;
}
.title-style-five h6{
  font-size: 20px;
  color: rgba(0, 0, 0, 0.35);
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-bottom: 12px;
}
.title-style-six h2{
  font-family: 'gordita';
  font-weight: normal;
  font-size: 72px;
  line-height: 1.27em;
  color: #000;
}
.title-style-six h2 span{
  color: #FF2759;
  text-decoration: underline;
  text-decoration-thickness: 4px;
}
.title-style-six h6{
  font-size: 18px;
  text-transform: uppercase;
  color: #bfbfbf;
  padding-bottom: 20px;
  letter-spacing: 1.8px;
}
.title-style-eight h2{
  font-size: 68px;
  font-weight: 700;
  line-height: 1.26em;
}
.title-style-eight p{
  font-size: 22px;
  color: #000;
  padding-top: 40px;
}
.title-style-eight h6{
  font-size: 16px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.3);
  padding-bottom: 20px;
}
.title-style-eight h2 span{
  display: inline-block;
  position: relative;
}
.title-style-eight h2 span img{
  position: absolute;
  max-height: 100%;
  z-index: -1;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.title-style-fourteen h2{
  font-size: 52px;
  font-weight: 500;
  line-height: 1.25em;
  letter-spacing: -1px;
}
.title-style-fourteen .upper-title{
  text-transform: uppercase;
  font-size: 14px;
  color: #000;
  letter-spacing: 2px;
  padding-bottom: 10px;
}
body .theme-btn-one{
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 50px;
  background: var(--blue-dark);
  padding: 0 42px;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}
body .theme-btn-one:hover{
  background: #FFBA12;
}
body .theme-btn-six{
  font-size: 16px;
  font-weight: 500;
  line-height: 50px;
  color: #000;
  transition: all 0.3s ease-in-out;
  background: #000;
  padding: 0 30px;
  color: #fff;
}
body .theme-btn-six.lg{
  padding: 0 45px;
}
body .theme-btn-six:hover{
  background: #3BB0D7;
  color: #fff;
}
body .theme-btn-eight{
  font-weight: 500;
  font-size: 16px;
  line-height: 58px;
  padding: 0 40px;
  border-radius: 5px;
  background: #2D2D2D;
  color: #fff;
  transition: all 0.3s ease-in-out;
}
body .theme-btn-eight:hover{
  background: #3BB0D7;
  color: #212121;
}
.page-pagination-two ul li{
  font-family: 'gordita' !important;
  font-size: 22px;
  color: #BABABA;
  margin: 0 11px;
}
.page-pagination-two ul li:first-child a{
  transform: rotate(180deg);
}
.page-pagination-two ul li:hover a, .page-pagination-two ul li.active a{
  color: #000;
}
.page-pagination-two ul li.arrow{
  font-size: 35px;
  color: #000;
}
.page-pagination-two ul li:nth-child(7) a{
  color: #000;
}
.block-style-two .img-holder{
  position: relative;
}
.block-style-two{
  margin: 0 -60px
}
.block-style-two>[class*="col-"]{
  padding: 0 60px;
}
.block-style-two .text-wrapper h6{
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  padding-bottom: 15px;
}
.block-style-two .text-wrapper h3{
  font-size: 36px;
  line-height: 1.25em;
  padding-bottom: 26px;
}
.block-style-two .text-wrapper a{
  font-size: 16px;
  color: var(--blue-dark);
  margin-top: 18px;
}
.block-style-two .text-wrapper a:hover{
  text-decoration: underline;
}
.block-style-two .text-wrapper .quote{
  border-top: 1px solid #ECECEC;
  margin-top: 22px;
  padding-top: 20px;
}
.block-style-two .text-wrapper .quote blockquote{
  font-size: 15px;
  padding-bottom: 22px;
  line-height: 25px;
}
.block-style-two .text-wrapper .quote img{
  width: 42px;
  height: 42px;
  border-radius: 50%;
}
.block-style-two .text-wrapper .quote .info-meta{
  padding-left: 15px;
}
.block-style-two .text-wrapper .quote .info-meta h5{
  font-size: 16px;
  font-weight: 500;
}
.block-style-two .text-wrapper .quote .info-meta span{
  font-size: 16px;
  color: #7034FF;
  display: block;
}
.block-style-two .img-holder-one .screen-one{
  z-index: -5;
  top: -19%;
  right: 15%;
  max-width: inherit;
}
.block-style-two .img-holder-one .dot-shape{
  z-index: -1;
  top: 32%;
  right: 37%;
  width: 60%;
}
.block-style-two [class*="bubble"]{
  position: absolute;
  z-index: -1;
  border-radius: 50%;
}
.block-style-two [class*="bubble"]:before{
  content: '';
  border-radius: 50%;
  position: absolute;
}
.block-style-two .img-holder-one .bubble-one{
  width: 120px;
  height: 120px;
  left: 23%;
  top: -3%;
  animation: rotated 14s infinite linear;
}
.block-style-two .img-holder-one .bubble-one:before{
  width: 8px;
  height: 8px;
  background: #AE78FF;
  top: 0;
  left: 50%;
}
.block-style-two .img-holder-one .bubble-two{
  width: 160px;
  height: 160px;
  top: 28%;
  left: -21%;
  animation: rotatedTwo 25s infinite linear;
}
.block-style-two .img-holder-one .bubble-two:before{
  width: 17px;
  height: 17px;
  background: #FFB15F;
  top: 50%;
  right: 100%;
}
.block-style-two .img-holder-one .bubble-three{
  width: 120px;
  height: 120px;
  bottom: -7%;
  left: -10%;
  animation: rotated 15s infinite linear;
}
.block-style-two .img-holder-one .bubble-three:before{
  width: 7px;
  height: 7px;
  background: #FF53B3;
  bottom: 0;
  left: 50%;
}
.block-style-two .img-holder-one .bubble-four{
  width: 120px;
  height: 120px;
  right: 27%;
  bottom: -13%;
  animation: rotatedTwo 17s infinite linear;
}
.block-style-two .img-holder-one .bubble-four:before{
  width: 12px;
  height: 12px;
  background: #2EEAED;
  bottom: 0;
  left: 50%;
}
.block-style-two .img-holder-one .progress-line-one{
  width: 16%;
  height: 0.95%;
  background: #03C4C6;
  border-radius: 4px;
  right: 28%;
  top: 33.5%;
}
.block-style-two .img-holder-one .progress-line-two{
  width: 16%;
  height: 0.85%;
  background: #FF3793;
  border-radius: 4px;
  left: 10%;
  top: 52.6%;
}
.block-style-two .img-holder-two .screen-one{
  top: -6%;
  right: -29%;
  z-index: 1;
  animation: jumpTwo 3s infinite linear;
}
.block-style-two .img-holder-two .screen-two{
  bottom: 1%;
  right: -97%;
  z-index: -5;
  max-width: inherit;
}
.block-style-two .img-holder-two .dot-shape{
  z-index: -1;
  top: 44%;
  right: 38%;
  width: 69%;
}
.block-style-two .img-holder-two .bubble-one{
  width: 120px;
  height: 120px;
  left: 15%;
  top: -8%;
  animation: rotated 14s infinite linear;
}
.block-style-two .img-holder-two .bubble-one:before{
  width: 7px;
  height: 7px;
  background: #FFB651;
  top: 0;
  left: 50%;
}
.block-style-two .img-holder-two .bubble-two{
  width: 160px;
  height: 160px;
  top: -31%;
  right: -71%;
  animation: rotatedTwo 25s infinite linear;
}
.block-style-two .img-holder-two .bubble-two:before{
  width: 17px;
  height: 17px;
  background: #FF6CC4;
  top: 50%;
  right: 100%;
}
.block-style-two .img-holder-two .bubble-three{
  width: 100px;
  height: 100px;
  top: 47%;
  right: -58%;
  animation: rotated 17s infinite linear;
}
.block-style-two .img-holder-two .bubble-three:before{
  width: 8px;
  height: 8px;
  background: #4BE8DA;
  bottom: 0;
  left: 50%;
}
.block-style-two .img-holder-two .bubble-four{
  width: 130px;
  height: 130px;
  left: 51%;
  bottom: -12%;
  animation: rotatedTwo 15s infinite linear;
}
.block-style-two .img-holder-two .bubble-four:before{
  width: 13px;
  height: 13px;
  background: #A49BFF;
  bottom: 0;
  left: 50%;
}
.block-style-two .img-holder-three .screen-one{
  bottom: -42%;
  left: -30%;
  z-index: 1;
  width: 79%;
  animation: jumpTwo 3s infinite linear;
}
.block-style-two .img-holder-three .screen-two{
  top: -26%;
  left: -71%;
  z-index: -5;
  max-width: inherit;
}
.block-style-two .img-holder-three .dot-shape{
  z-index: -1;
  top: 44%;
  right: 14%;
  width: 58%;
}
.block-style-two .img-holder-three .bubble-one{
  width: 95px;
  height: 95px;
  left: 24%;
  top: -12%;
  animation: rotated 14s infinite linear;
}
.block-style-two .img-holder-three .bubble-one:before{
  width: 8px;
  height: 8px;
  background: #6AEE90;
  top: 0;
  left: 50%;
}
.block-style-two .img-holder-three .bubble-two{
  width: 160px;
  height: 160px;
  top: 9%;
  left: -27%;
  animation: rotatedTwo 25s infinite linear;
}
.block-style-two .img-holder-three .bubble-two:before{
  width: 15px;
  height: 15px;
  background: #FF6CC4;
  top: 50%;
  right: 100%;
}
.block-style-two .img-holder-three .bubble-three{
  width: 100px;
  height: 100px;
  bottom: -5%;
  left: -42%;
  animation: rotated 17s infinite linear;
}
.block-style-two .img-holder-three .bubble-three:before{
  width: 7px;
  height: 7px;
  background: #51FCFF;
  bottom: 0;
  left: 50%;
}
.block-style-two .img-holder-three .bubble-four{
  width: 130px;
  height: 130px;
  left: 14%;
  bottom: -42%;
  animation: rotatedTwo 15s infinite linear;
}
.block-style-two .img-holder-three .bubble-four:before{
  width: 14px;
  height: 14px;
  background: #FFCD8B;
  bottom: 0;
  left: 50%;
}
.useable-tools-section.bg-color{
  background: var(--blue-dark);
  padding: 130px 0 120px;
}
.useable-tools-section h6{
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  padding-bottom: 15px;
  color: #fff;
}
.useable-tools-section h2{
  font-family: 'gordita' !important;
  font-size: 58px;
  line-height: 1.20em;
  color: #fff;
  margin: 20px 0 120px;
}
.useable-tools-section .sub-text{
  text-align: center;
  font-size: 22px;
  line-height: 1.59em;
  color: #000;
}
.useable-tools-section .img-box a{
  display: block;
  height: 100%;
}
.useable-tools-section .img-box img{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
}
.useable-tools-section .img-box{
  background: #fff;
  border-radius: 50%;
  box-shadow: 15.436px 30.294px 50px 0px rgba(103, 43, 246, 0.5);
  width: 175px;
  height: 175px;
  margin: 0 auto 25px;
  transition: all 0.3s ease-in-out;
}
.useable-tools-section .img-box:hover{
  transform: scale(1.1);
}
.useable-tools-section .img-box.bx-b{
  width: 121px;
  height: 121px;
  margin-top: 45px;
}
.useable-tools-section .img-box.bx-d{
  width: 151px;
  height: 151px;
  margin-top: 25px;
}
.useable-tools-section .img-box.bx-f{
  width: 135px;
  height: 135px;
  margin-top: 20px;
}
.useable-tools-section .img-box.bx-g{
  width: 197px;
  height: 197px;
}
.useable-tools-section .img-box.bx-h{
  width: 138px;
  height: 138px;
  margin-top: 20px;
}
.useable-tools-section [class*="bubble"]{
  position: absolute;
  z-index: -1;
  border-radius: 50%;
}
.useable-tools-section [class*="bubble"]:before{
  content: '';
  border-radius: 50%;
  position: absolute;
  background: #9A71FF;
}
.useable-tools-section .bubble-one{
  width: 120px;
  height: 120px;
  left: 43%;
  top: 20%;
  animation: rotated 14s infinite linear;
}
.useable-tools-section .bubble-one:before{
  width: 6px;
  height: 6px;
  top: 0;
  right: 50%;
}
.useable-tools-section .bubble-two{
  width: 140px;
  height: 140px;
  right: 20%;
  top: 14%;
  animation: rotatedTwo 14s infinite linear;
}
.useable-tools-section .bubble-two:before{
  width: 12px;
  height: 12px;
  top: 0;
  left: 50%;
}
.useable-tools-section .bubble-three{
  width: 95px;
  height: 95px;
  left: 10%;
  top: 44%;
  animation: rotated 14s infinite linear;
}
.useable-tools-section .bubble-three:before{
  width: 10px;
  height: 10px;
  top: 100%;
  left: 50%;
}
.useable-tools-section .bubble-four{
  width: 95px;
  height: 95px;
  right: 10%;
  top: 48%;
  animation: rotatedTwo 14s infinite linear;
}
.useable-tools-section .bubble-four:before{
  width: 8px;
  height: 8px;
  top: 0;
  left: 50%;
}
.useable-tools-section .bubble-five{
  width: 95px;
  height: 95px;
  right: 56%;
  bottom: 8%;
  animation: rotated 14s infinite linear;
}
.useable-tools-section .bubble-five:before{
  width: 8px;
  height: 8px;
  top: 0;
  left: 50%;
}
.counter-info-classic{
  max-width: 445px;
  height: 442px;
  position: relative;
  z-index: 5;
  margin-top: 100px;
}
.counter-box-one{
  border-radius: 50%;
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.counter-box-one.color-one{
  background: rgba(0, 166, 255, 0.65);
  width: 195px;
  height: 195px;
  top: 40px;
  left: 40px;
  z-index: -2;
}
.counter-box-one.color-two{
  background: rgba(140, 39, 255, 0.55);
  width: 154px;
  height: 154px;
  top: 136px;
  left: 248px;
  z-index: 2;
}
.counter-box-one.color-three{
  background: rgba(255, 173, 58, 0.72);
  width: 212px;
  height: 212px;
  top: 200px;
  left: 110px;
  z-index: 1;
}
.counter-box-one .number{
  color: #fff;
  font-size: 52px;
}
.counter-box-one p{
  font-size: 20px;
  color: #fff;
}
.counter-info-classic [class*="bubble"]{
  position: absolute;
  z-index: -1;
  border-radius: 50%;
}
.counter-info-classic .bubble-one{
  width: 8px;
  height: 8px;
  background: #7DEC72;
  top: 0;
  left: 62%;
  animation: scale-up-three 4s infinite linear;
}
.counter-info-classic .bubble-two{
  width: 22px;
  height: 22px;
  background: #FFB56A;
  top: 15%;
  left: 63%;
  animation: scale-up-one 4s infinite linear;
}
.counter-info-classic .bubble-three{
  width: 8px;
  height: 8px;
  background: #88D9FF;
  top: 16%;
  right: 11%;
  animation: scale-up-three 4s infinite linear;
}
.counter-info-classic .bubble-four{
  width: 17px;
  height: 17px;
  background: #FF6CC4;
  bottom: 24%;
  right: 13%;
  animation: scale-up-one 4s infinite linear;
}
.counter-info-classic .bubble-five{
  width: 8px;
  height: 8px;
  background: #77F4F5;
  bottom: 20%;
  right: 5%;
  animation: scale-up-three 4s infinite linear;
}
.counter-info-classic .bubble-six{
  width: 26px;
  height: 26px;
  background: #A595FF;
  bottom: 32%;
  left: 0;
  animation: scale-up-one 4s infinite linear;
}
.counter-info-classic .bubble-seven{
  width: 9px;
  height: 9px;
  background: #66E19E;
  bottom: 40%;
  left: 14%;
  animation: scale-up-three 4s infinite linear;
}
.counter-info-classic .dot-shape{
  z-index: -5;
  top: 35px;
  right: 0;
}
.clients-feedback-classic{
  position: relative;
  padding: 20px 0 0 90px;
  z-index: 5;
}
.clients-feedback-classic:before{
  content: url(../images/shape/999.svg);
  position: absolute;
  top: -120px;
  right: -185px;
  z-index: -1;
}
.clients-feedback-classic .feedback-wrapper{
  background: #fff;
  position: relative;
  box-shadow: 0 20px 80px rgba(49, 62, 103, 0.07);
  border-radius: 5px;
  padding: 54px 64px 48px;
  margin-bottom: 108px;
}
.clients-feedback-classic .feedback-wrapper:before{
  content: url(../images/icon/055.svg);
  position: absolute;
  bottom: 55px;
  right: 60px;
}
.clients-feedback-classic .feedback-wrapper p{
  padding-bottom: 30px;
}
.clients-feedback-classic .feedback-wrapper .media-meta{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  position: absolute;
  top: -25px;
  left: -35px;
  z-index: 1;
}
.clients-feedback-classic .feedback-wrapper .name{
  font-family: 'gordita' !important;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1.6px;
}
.clients-feedback-classic .feedback-wrapper .disg-info{
  display: block;
  font-size: 16px;
  color: #B7B7B7;
}
.clients-feedback-classic .feedback-wrapper:last-child{
  margin-bottom: -100px;
}
.fancy-hero-one{
  position: relative;
  z-index: 5;
  text-align: center;
  padding: 75px 0 170px;
}
.fancy-hero-one h2{
  font-size: 80px;
  line-height: 1.1em;
}
.fancy-hero-one p{
  font-size: 24px;
  line-height: 1.75em;
  padding: 20px 25px 0;
  color: #232830;
}
.fancy-hero-one .page-title{
  font-size: 18px;
  text-transform: uppercase;
  color: rgba(42, 42, 42, 0.3);
  letter-spacing: 1.4px;
}
.fancy-hero-one [class*="bubble"]{
  position: absolute;
  z-index: -1;
  border-radius: 50%;
}
.fancy-hero-one [class*="bubble"]:before{
  content: '';
  border-radius: 50%;
  position: absolute;
}
.fancy-hero-one .bubble-one{
  width: 120px;
  height: 120px;
  left: 4%;
  top: 15%;
  animation: rotated 12s infinite linear;
}
.fancy-hero-one .bubble-one:before{
  width: 6px;
  height: 6px;
  background: #FAC3FF;
  top: 0;
  left: 50%;
}
.fancy-hero-one .bubble-two{
  width: 160px;
  height: 160px;
  top: 30%;
  left: 15%;
  animation: rotated 17s infinite linear;
}
.fancy-hero-one .bubble-two:before{
  width: 10px;
  height: 10px;
  background: #8FE9E0;
  top: 50%;
  right: 100%;
}
.fancy-hero-one .bubble-three{
  width: 120px;
  height: 120px;
  bottom: 33%;
  left: 4%;
  animation: rotatedTwo 12s infinite linear;
}
.fancy-hero-one .bubble-three:before{
  width: 6px;
  height: 6px;
  background: #FFD5AD;
  bottom: 0;
  left: 50%;
}
.fancy-hero-one .bubble-four{
  width: 120px;
  height: 120px;
  right: 5%;
  top: 13%;
  animation: rotated 12s infinite linear;
}
.fancy-hero-one .bubble-four:before{
  width: 6px;
  height: 6px;
  background: #8FE9E1;
  top: 0;
  left: 50%;
}
.fancy-hero-one .bubble-five{
  width: 160px;
  height: 160px;
  top: 30%;
  right: 7%;
  animation: rotated 17s infinite linear;
}
.fancy-hero-one .bubble-five:before{
  width: 10px;
  height: 10px;
  background: #FFD5AD;
  top: 50%;
  right: 100%;
}
.fancy-hero-one .bubble-six{
  width: 120px;
  height: 120px;
  bottom: 33%;
  right: 4%;
  animation: rotatedTwo 12s infinite linear;
}
.fancy-hero-one .bubble-six:before{
  width: 6px;
  height: 6px;
  background: #FAC3FF;
  bottom: 0;
  left: 50%;
}
.feature-blog-one .row [class*="col-"]{
  display: flex;
}
.feature-blog-one .post-meta{
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  margin-bottom: 50px;
  padding: 20px 20px 80px;
  position: relative;
  width: 100%;
  transition: all 0.5s ease-in-out;
}
.feature-blog-one .post-meta .image-meta{
  width: 100%;
  border-radius: 5px;
}
.feature-blog-one .post-meta .tag{
  font-family: 'gordita' !important;
  font-size: 16px;
  color: rgba(10, 10, 10, 0.24);
  padding: 25px 0 3px;
}
.feature-blog-one .post-meta .title{
  font-family: 'gordita' !important;
  font-size: 30px;
  line-height: 1.2em;
  color: #000;
  transition: all 0.3s ease-in-out;
}
.feature-blog-one .post-meta:hover a.title{
  color: var(--blue-dark);
}
.feature-blog-one .post-meta .read-more{
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
  color: var(--blue-dark);
  letter-spacing: 1px;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
}
.feature-blog-one .post-meta .read-more i{
  font-size: 22px;
}
.hero-banner-two{
  padding: 90px 0 110px;
  position: relative;
  z-index: 1;
}
.hero-banner-two .container{
  max-width: 1490px;
  position: relative;
  padding: 0 40px;
}
.hero-banner-two .hero-text-wrapper h1{
  font-family: 'gordita' !important;
  font-size: 78px;
  line-height: 1.11em;
}
.hero-banner-two .hero-text-wrapper h1 span{
  position: relative;
}
.hero-banner-two .hero-text-wrapper h1 span img{
  left: 0;
  bottom: -15px;
  width: 100%;
}
.hero-banner-two .hero-text-wrapper .sub-text{
  font-size: 28px;
  line-height: 1.5em;
  color: #565657;
  padding: 40px 60px 75px 0;
}
.hero-banner-two .hero-text-wrapper form{
  max-width: 550px;
  height: 70px;
  position: relative;
}
.hero-banner-two .hero-text-wrapper form input{
  border: 2px solid #040404;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  padding: 0 200px 0 30px;
}
.hero-banner-two .hero-text-wrapper form button{
  position: absolute;
  right: 10px;
  top: 8px;
  bottom: 8px;
  background: var(--red-light);
  width: 184px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  transition: all 0.3s ease-in-out;
}
.hero-banner-two .hero-text-wrapper form button:hover{
  background: var(--yellow-deep);
}
.hero-banner-two .hero-text-wrapper .list-item li{
  font-size: 15px;
  color: #141518;
  position: relative;
  padding-left: 22px;
  margin-right: 13px;
}
.hero-banner-two .hero-text-wrapper .list-item.lg li{
  font-size: 19px;
  line-height: 1.57em;
  position: relative;
  padding-left: 22px;
  margin-bottom: 15px;
}
.hero-banner-two .hero-text-wrapper .list-item li:before{
  content: url(../images/icon/199.svg);
  position: absolute;
  left: 5px;
  top: -1px;
}
.hero-banner-two .illustration-holder .shape-one{
  z-index: 1;
  top: 7%;
  left: -3%;
  width: 51.8%;
  animation: jumpTwo 8s infinite linear;
}
.hero-banner-two .illustration-holder .shape-two{
  z-index: 1;
  top: 40%;
  left: -11%;
  width: 54.6%;
  animation: jumpThree 8s infinite linear;
}
.hero-banner-two .illustration-holder .shape-three{
  z-index: 1;
  top: 45%;
  right: -5%;
  width: 53.2%;
  animation: jumpTwo 8s infinite linear;
}
.fancy-feature-four{
  padding: 0 15px;
}
.fancy-feature-four .inner-content{
  position: relative;
}
.fancy-feature-four .bg-wrapper{
  max-width: 1460px;
  margin: 0 auto;
  position: relative;
  background: #FFF6EC;
  z-index: 1;
  padding: 100px 0 190px;
}
.fancy-feature-four .bg-wrapper:before{
  content: '';
  width: 100%;
  height: 28px;
  background: url(../images/shape/1777.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: -25px;
}
.block-style-five{
  background: #fff;
  transition: all 0.3s ease-in-out;
  padding: 46px 30px 50px 48px;
  margin-top: 30px;
  border-radius: 5px;
  cursor: pointer;
}
.block-style-five:hover{
  box-shadow: 0px 30px 50px rgba(0, 0, 0, 0.04);
  transform: translateY(-5px);
}
.block-style-five .icon{
  height: 72px;
}
.block-style-five .icon img{
  max-height: 100%;
}
.block-style-five .title{
  font-family: 'gordita' !important;
  font-size: 20px;
  margin: 24px 0 29px;
  display: inline-block;
  position: relative;
}
.block-style-five .title:before{
  content: '';
  width: 100%;
  height: 3px;
  background: var(--yellow-deep);
  border-radius: 2px;
  position: absolute;
  left: 0;
  bottom: -2px;
}
.block-style-five p{
  font-size: 24px;
  line-height: 1.45em;
  color: #000;
}
.fancy-feature-four .shape-right{
  right: -16px;
  top: 30%;
}
.fancy-feature-four .shape-left{
  left: -8px;
  top: 62%;
}
.fancy-feature-four .shape-one{
  top: -20px;
  left: -64px;
  animation: jumpTwo 5s infinite linear;
}
.fancy-feature-four .shape-two{
  bottom: -85px;
  right: -104px;
  animation: rotated 50s infinite linear;
}
.fancy-text-block-six{
  position: relative;
}
.fancy-text-block-six .illustration-holder .shape-one{
  right: -20%;
  top: 29%;
  animation: jumpThree 5s infinite linear;
}
.fancy-text-block-six .img-meta-container{
  position: absolute;
  right: 0;
  top: 23px;
  max-width: 42%;
}
.fancy-text-block-six .img-meta-container .shape-one{
  top: -7%;
  left: -4%;
  animation: rotated 18s infinite linear;
}
.fancy-text-block-six .img-meta-container .shape-two{
  top: -11%;
  left: 26%;
  animation: jumpTwo 5s infinite linear;
}
.fancy-text-block-six .img-meta-container .shape-three{
  top: -6%;
  right: 31%;
  animation: jumpThree 5s infinite linear;
}
.fancy-text-block-six .img-meta-container .shape-four{
  top: 44%;
  left: -7%;
  animation: jumpTwo 5s infinite linear;
}
.fancy-text-block-six .img-meta-container .shape-five{
  bottom: -15%;
  left: -10%;
  animation: rotated 50s infinite linear;
}
.fancy-text-block-six .img-meta-container .shape-six{
  bottom: -11%;
  left: 28%;
  animation: rotated 20s infinite linear;
}
.fancy-text-block-six .img-meta-container .shape-seven{
  bottom: -12%;
  left: 57%;
  animation: jumpTwo 5s infinite linear;
}
.accordion-style-two .card{
  background: #fff;
  margin-bottom: 0;
  border-radius: 0;
  border: none;
  border-bottom: 2px solid #000;
}
.accordion-style-two .card .card-header{
  background: transparent;
  border-radius: 0;
  padding: 0;
  border: none;
}
.accordion-style-two .card .card-header button{
  display: block;
  width: 100%;
  text-align: left;
  padding: 22px 70px 22px 0;
  font-family: 'gordita' !important;
  font-size: 30px;
  line-height: 1.40em;
  border: none;
  border-radius: 0;
  margin: 0;
  color: var(--heading);
  text-decoration: none;
  position: relative;
}
.accordion-style-two .card .card-header button:before{
  content: "";
  font-family: 'gordita' !important;
  position: absolute;
  font-size: 28px;
  right: 0;
  top: 30%;
  transition: all 0.3s ease-in-out;
}
.accordion-style-two .card .card-body{
  padding: 0 70px 30px 0;
}
.accordion-style-two .card .card-body p{
  font-size: 20px;
  line-height: 1.55em;
}
.accordion-style-two .card:last-child{
  border: none;
}
.counter-box-three{
  text-align: center;
  margin-top: 40px;
}
.counter-box-three .icon{
  height: 62px;
  display: inline-block;
}
.counter-box-three .number{
  font-size: 38px;
  padding: 5px 0 3px;
}
.counter-box-three p{
  font-weight: 300;
  font-size: 24px;
  color: #000;
}
.fancy-hero-four{
  background: #ECF6FF;
  position: relative;
  padding: 185px 0 390px;
  z-index: 5;
  text-align: center;
}
.fancy-hero-four.bg-doc{
  background: #F7FAFF;
}
.fancy-hero-four.space-fix{
  padding: 220px 0 320px;
}
.fancy-hero-four h6{
  font-size: 18px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: rgba(42, 42, 42, 0.4);
  padding-bottom: 25px;
}
.fancy-hero-four h2{
  font-family: 'gordita' !important;
  font-size: 80px;
  line-height: 1.1em;
}
.fancy-hero-four .shape-one{
  width: 6px;
  height: 6px;
  background: #F77A56;
  top: 29%;
  right: 27%;
  animation: jumpThree 5s infinite linear;
}
.fancy-hero-four .shape-two{
  width: 12px;
  height: 12px;
  background: #FFDBD0;
  top: 59%;
  right: 12%;
  animation: jumpTwo 5s infinite linear;
}
.fancy-hero-four .shape-three{
  width: 8px;
  height: 8px;
  background: #F77A56;
  top: 84%;
  right: 25%;
  animation: jumpThree 5s infinite linear;
}
.fancy-hero-four .shape-four{
  width: 10px;
  height: 10px;
  background: #FFDBD0;
  top: 79%;
  left: 21%;
  animation: jumpTwo 5s infinite linear;
}
.fancy-hero-four .shape-five{
  width: 6px;
  height: 6px;
  background: #F77A56;
  top: 50%;
  left: 12%;
  animation: jumpThree 5s infinite linear;
}
.fancy-hero-four .shape-six{
  width: 11px;
  height: 11px;
  background: #FF7052;
  top: 27%;
  left: 21%;
  animation: jumpTwo 5s infinite linear;
}
.contact-style-two .contact-info-wrapper{
  position: relative;
  z-index: 5;
  margin-top: -195px;
}
.contact-style-two .contact-info-wrapper .shape-one{
  left: -7%;
  top: -18%;
  animation: jumpTwo 5s infinite linear;
}
.contact-style-two .contact-info-wrapper .shape-two{
  right: -8%;
  bottom: -26%;
  animation: rotatedTwo 50s infinite linear;
}
.contact-style-two .contact-info-wrapper .address-info{
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.04);
  padding: 55px 15px 22px;
  text-align: center;
  margin-bottom: 35px;
  height: 100%;
  width: 100%;
}
.contact-style-two .contact-info-wrapper .address-info .icon{
  height: 82px;
}
.contact-style-two .contact-info-wrapper .address-info .icon img{
  margin: 0 auto;
  max-height: 100%;
}
.contact-style-two .contact-info-wrapper .address-info .title{
  font-size: 20px;
  color: #9E9E9E;
  padding: 17px 0 22px;
  position: relative;
  display: inline-block;
}
.contact-style-two .contact-info-wrapper .address-info .title:before{
  content: '';
  width: 100%;
  height: 3px;
  background: #FFB840;
  border-radius: 2px;
  position: absolute;
  left: 0;
  bottom: 22px;
}
.contact-style-two .contact-info-wrapper .address-info p{
  font-size: 28px;
  line-height: 1.35em;
  color: #000;
}
.contact-style-two .contact-info-wrapper .address-info ul li a{
  font-size: 22px;
  margin: 5px 15px;
  color: rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease-in-out;
}
.contact-style-two .contact-info-wrapper .address-info ul li a:hover{
  color: var(--red-light);
}
.form-style-classic .input-group-meta{
  height: 58px;
  position: relative;
}
.form-style-classic .input-group-meta.lg{
  height: 200px;
}
.form-style-classic .input-group-meta input{
  width: 100%;
  height: 100%;
  font-size: 23px;
  border: none;
  border-bottom: solid 2px #000;
  color: var(--heading);
  background: transparent;
  font-family: 'gordita' !important;
}
.form-style-classic .input-group-meta textarea{
  width: 100%;
  height: 100%;
  font-size: 23px;
  color: var(--heading);
  border: none;
  border-bottom: solid 2px #000;
  resize: none;
  padding: 20px 0;
  font-family: 'gordita' !important;
}
.form-style-classic .input-group-meta label{
  font-size: 14px;
  font-weight: normal;
  color: #BFBFBF;
  position: absolute;
  left: 0;
  top: -20px;
  z-index: 1;
}
.form-style-classic [class*="theme-btn"]{
  border-radius: 5px;
}
.blog-page-bg{
  background: linear-gradient(45deg, #FFFBF2, #EDFFFD);
  padding: 180px 0 150px;
  position: relative;
  z-index: 5;
}
.blog-page-white-bg{
  padding: 140px 0 0;
}
.blog-page-bg .shape-one{
  width: 30px;
  height: 30px;
  background: #B183FF;
  border-radius: 50%;
  top: -15px;
  left: 40%;
  z-index: 1;
}
.blog-page-bg .shape-two{
  width: 7px;
  height: 7px;
  background: #51FCFF;
  border-radius: 50%;
  top: 190px;
  right: 9%;
}
.blog-page-bg .shape-three{
  width: 8px;
  height: 8px;
  background: #FFCD8B;
  border-radius: 50%;
  top: 211px;
  left: 12%;
}
.feature-blog-one.width-lg .post-meta{
  padding: 35px 40px 80px;
}
.feature-blog-one.width-lg .post-meta .read-more{
  left: 40px;
  right: 40px;
}
.feature-blog-one.width-lg .post-meta p{
  font-size: 17px;
  line-height: 1.76em;
  padding-top: 35px;
}
.blog-sidebar-one{
  padding-left: 20px;
}
.blog-sidebar-one .sidebar-search-form form{
  height: 60px;
  background: #fff;
  box-shadow: 5px 10px 25px rgba(15, 24, 40, 0.04);
  position: relative;
}
.blog-sidebar-one .sidebar-search-form form input{
  font-size: 17px;
  width: 100%;
  height: 100%;
  border: none;
  padding: 0 45px 0 20px;
  background: transparent;
}
.blog-sidebar-one .sidebar-search-form form button{
  width: 40px;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: transparent;
}
.blog-sidebar-one .sidebar-title{
  font-family: 'gordita' !important;
  font-size: 30px;
  padding-bottom: 15px;
}
.blog-sidebar-one .sidebar-recent-news .title{
  font-family: 'gordita' !important;
  font-size: 24px;
  line-height: 1.25em;
  color: #000;
  display: block;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
}
.blog-sidebar-one .sidebar-recent-news ul li a:hover .title{
  color: var(--blue-dark);
}
.blog-sidebar-one .sidebar-recent-news .date{
  color: #A2A2A2;
}
.blog-sidebar-one .sidebar-recent-news ul li a{
  border-bottom: 1px solid #ececec;
  padding: 17px 0;
}
.blog-sidebar-one .sidebar-recent-news ul li:first-child a{
  border-top: 1px solid #ececec;
}
.blog-sidebar-one .sidebar-keyword ul{
  margin: 0 -5px;
}
.blog-sidebar-one .sidebar-keyword ul li{
  float: left;
  padding: 0 5px;
  margin-bottom: 18px;
}
.blog-sidebar-one .sidebar-keyword ul li a{
  font-weight: 500;
  font-size: 14px;
  background: #fff;
  line-height: 35px;
  border-radius: 4px;
  padding: 0 25px;
  color: #000;
  text-transform: uppercase;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
}
.blog-sidebar-one .sidebar-keyword ul li a:hover{
  background: var(--blue-dark);
  color: #fff;
}
.blog-sidebar-one .sidebar-keyword .sidebar-title{
  border-bottom: 1px solid #ececec;
  margin-bottom: 15px;
}
.blog-v4 .wrapper{
  max-width: 1000px;
  margin: 0 auto;
}
.blog-v4 .post-meta{
  margin-bottom: 80px;
}
.blog-v4 .post-meta .post{
  padding: 45px 0 0;
}
.blog-v4 .post-meta .post .date{
  font-size: 16px;
  color: rgba(0, 0, 0, 0.3);
}
.blog-v4 .post-meta .post .title{
  font-family: 'gordita' !important;
  font-size: 48px;
  line-height: 1.04em;
  color: #000;
  display: block;
  margin: 5px 0 45px;
  transition: all 0.3s ease-in-out;
}
.blog-v4 .post-meta .post p{
  font-size: 20px;
  line-height: 1.7em;
}
.blog-v4 .post-meta .post .read-more{
  font-family: 'gordita' !important;
  font-size: 18px;
  color: #2A2A2A;
  margin-top: 30px;
  transition: all 0.3s ease-in-out;
}
.blog-v4 .post-meta .post .read-more span{
  text-decoration: underline;
}
.blog-details-post-v1 .post-meta h4{
  font-family: 'gordita' !important;
  font-size: 36px;
  padding-top: 60px;
}
.blog-details-post-v1 .share-area{
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  padding: 25px 0;
  margin-top: 40px;
  width: 100%;
}
.blog-details-post-v1 .share-option li{
  font-size: 15px;
  color: var(--heading);
  font-style: italic;
  margin-left: 10px;
}
.blog-details-post-v1 .share-option li:first-child{
  margin-left: 0;
}
.blog-details-post-v1 .share-option li a{
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-align: center;
  line-height: 38px;
  color: #fff;
  font-size: 20px;
}
.blog-details-post-v1 .share-area .tag-feature li:first-child{
  font-family: 'gordita' !important;
  color: #000;
  font-size: 15px;
}
.blog-details-post-v1 .share-area .tag-feature li a{
  font-size: 15px;
}
.feature-blog-one.width-lg.blog-details-post-v1 .post-meta{
  padding-bottom: 0;
}
.block-style-ten{
  border: 2px solid #EEF3F7;
  border-radius: 10px;
  text-align: center;
  padding: 75px 80px 45px;
  margin-top: 40px;
  transition: all 0.3s ease-in-out;
}
.block-style-ten:hover{
  border-color: #000;
}
.block-style-ten .icon{
  height: 80px;
}
.block-style-ten .icon img{
  margin: 0 auto;
  max-height: 100%;
}
.block-style-ten .title{
  font-size: 20px;
  color: rgba(0, 0, 0, 0.3);
  padding: 20px 0;
}
.block-style-ten p{
  font-size: 24px;
  line-height: 1.45em;
  color: #000;
  padding-bottom: 27px;
}
.fancy-text-block-sixteen{
  position: relative;
  padding-bottom: 150px;
  z-index: 5;
}
.fancy-text-block-sixteen:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 82%;
  left: 0;
  bottom: 0;
  background: #F7FAFF;
  z-index: -1;
}
.fancy-text-block-sixteen .img-slick-slider{
  box-shadow: 0 30px 100px rgba(8, 17, 40, 0.05);
  margin-bottom: 90px;
}
.fancy-text-block-sixteen .img-slick-slider .slick-dots{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -84px;
}
.fancy-text-block-sixteen .img-slick-slider .slick-dots li{
  float: left;
  width: 33.333333%;
  height: 4px;
  background: rgba(216, 216, 216, 0.35);
  position: relative;
}
.fancy-text-block-sixteen .img-slick-slider .slick-dots li button{
  text-indent: -50000px;
  position: absolute;
  left: 0;
  top: 0;
  height: 4px;
  background: #FFD084;
  border-radius: 4px;
  width: 75%;
  opacity: 0;
  transform: scale(0, 1);
  transform-origin: 0 100%;
  transition: all 0.3s ease-in-out;
}
.fancy-text-block-sixteen .img-slick-slider .slick-dots li.slick-active button{
  opacity: 1;
  transform: scale(1, 1);
}
.fancy-text-block-sixteen .img-slick-slider .slick-dots li:last-child button{
  left: auto;
  right: 0;
}
.block-style-eleven .num{
  font-size: 30px;
  color: #202020;
}
.block-style-eleven .title{
  font-size: 18px;
  color: rgba(0, 0, 0, 0.5);
  padding: 17px 0 10px;
}
.block-style-eleven p{
  font-size: 25px;
  color: #000;
  line-height: 1.35em;
}
.fancy-short-banner-four{
  margin-top: -135px;
  position: relative;
  z-index: 5;
}
.fancy-short-banner-four .bg-wrapper{
  background: #1B1B1B;
  border-radius: 3px;
  padding: 65px 50px;
}
.fancy-short-banner-four .title h6{
  font-size: 16px;
  text-transform: uppercase;
  color: #C0C0C0;
  letter-spacing: 1px;
  padding-bottom: 13px;
}
.fancy-short-banner-four .title h2{
  font-family: 'gordita' !important;
  font-size: 52px;
  line-height: 1.15em;
  color: #fff;
}
.fancy-short-banner-four .form-wrapper form{
  position: relative;
  height: 70px;
  border-radius: 5px;
  border: 1.5px solid #fff;
}
.fancy-short-banner-four .form-wrapper form input{
  font-style: italic;
  color: #fff;
  font-size: 18px;
  width: 100%;
  border: none;
  height: 100%;
  padding: 0 150px 0 25px;
  background: transparent;
}
.fancy-short-banner-four .form-wrapper form button{
  position: absolute;
  right: 7px;
  bottom: 7px;
  top: 7px;
  width: 160px;
  border-radius: 5px;
  color: #000;
  font-size: 16px;
  background: #fff;
  transition: all 0.3s ease-in-out;
}
.fancy-short-banner-four .form-wrapper form button:hover{
  background: var(--blue-light);
  color: #fff;
}
.fancy-short-banner-four .form-wrapper p{
  font-size: 16px;
  color: #999999;
  padding-top: 10px;
}
.fancy-short-banner-four .form-wrapper p a{
  color: #fff;
}
.fancy-short-banner-four .form-wrapper p a:hover{
  text-decoration: underline;
}
.fancy-hero-five{
  background: #F7FAFF;
  padding: 220px 0 130px;
  position: relative;
  z-index: 5;
}
.fancy-hero-five .page-title{
  font-size: 20px;
  color: #B1B1B1;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.fancy-hero-five .heading{
  font-family: 'gordita' !important;
  font-size: 80px;
  line-height: 1.08em;
}
.fancy-hero-five span{
  position: relative;
  z-index: 1;
}
.fancy-hero-five span img{
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.fancy-hero-five .img-meta{
  bottom: -250px;
  right: 33px;
  position: absolute;
}
.fancy-hero-five .shape-one{
  right: 0;
  top: 24%;
}
.fancy-hero-five .shape-two{
  left: 0;
  top: 28%;
}
.fancy-feature-eight .bg-wrapper{
  position: relative;
  z-index: 5;
  background: #fff;
  padding: 35px 0 42px;
}
.fancy-feature-eight .bg-wrapper:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 24px;
  background: url(../images/shape/977.svg) no-repeat center top;
  left: 0;
  top: -20px;
}
.fancy-feature-eight .bg-wrapper:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 13px;
  background: url(../images/shape/988.svg) no-repeat center bottom;
  left: 0;
  bottom: -10px;
}
.fancy-feature-nine{
  position: relative;
  background: #DFF1EE;
  padding: 140px 0 135px;
  z-index: 5;
}
.fancy-feature-nine:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 52px;
  background: url(../images/shape/1055.svg) no-repeat center top;
  background-size: cover;
  left: 0;
  top: -50px;
}
.fancy-feature-nine:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 75px;
  background: url(../images/shape/1066.svg) no-repeat center bottom;
  background-size: cover;
  left: 0;
  bottom: -70px;
}
.fancy-feature-nine .shape-one{
  top: 7%;
  right: 13%;
  animation: jumpThree 5s infinite linear;
}
.fancy-feature-nine .shape-two{
  top: 45%;
  right: 5%;
  animation: jumpTwo 5s infinite linear;
}
.fancy-feature-nine .shape-three{
  top: 88%;
  right: 10%;
  animation: jumpThree 5s infinite linear;
}
.fancy-feature-nine .shape-four{
  top: 89%;
  left: 11%;
  animation: jumpTwo 5s infinite linear;
}
.fancy-feature-nine .shape-five{
  top: 43%;
  left: 4%;
  animation: jumpThree 5s infinite linear;
}
.fancy-feature-nine .shape-six{
  top: 9%;
  left: 15%;
  animation: jumpTwo 5s infinite linear;
}
.block-style-fourteen{
  position: relative;
  padding: 0 25px;
  margin-top: 55px;
  text-align: center;
}
.block-style-fourteen .illustration{
  height: 220px;
}
.block-style-fourteen .illustration img{
  margin: 0 auto;
  max-height: 100%;
}
.block-style-fourteen .title{
  font-size: 20px;
  color: rgba(0, 0, 0, 0.35);
  padding: 20px 0 15px;
}
.block-style-fourteen p{
  font-size: 23px;
  line-height: 1.52em;
  color: #000;
}
.block-style-fourteen.arrow-shape:before, .block-style-fourteen.arrow-shape:after{
  content: url(../images/shape/1044.svg);
  position: absolute;
  top: 26%;
  z-index: 1;
}
.block-style-fourteen.arrow-shape:before{
  left: -20%;
}
.block-style-fourteen.arrow-shape:after{
  right: -20%;
}
.fancy-feature-ten{
  padding-left: 15px;
  padding-right: 15px;
}
.fancy-feature-ten .bg-wrapper{
  max-width: 1600px;
  margin: 0 auto;
  background: #F3F8FF;
  border-radius: 40px;
  padding: 130px 0 150px;
  position: relative;
  z-index: 1;
}
.fancy-feature-ten .shape-one{
  bottom: -37px;
  right: 10%;
}
.fancy-feature-ten .sub-text{
  font-size: 24px;
  line-height: 1.91em;
  color: #000;
}
.block-style-fifteen{
  background: #fff;
  border-radius: 10px;
  position: relative;
  padding: 45px 35px 30px 40px;
  color: #000;
  z-index: 1;
}
.block-style-fifteen:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px solid #000;
  z-index: -1;
  border-radius: 10px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.block-style-fifteen:hover:before{
  opacity: 1;
}
.block-style-fifteen .icon{
  width: 65px;
  height: 65px;
  border-radius: 50%;
}
.block-style-fifteen h3{
  font-weight: 500;
  font-size: 24px;
  text-transform: capitalize;
  padding: 27px 0 22px;
}
.fancy-feature-eleven{
  position: relative;
  z-index: 1;
}
.fancy-feature-eleven .inner-container{
  max-width: 1630px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
}
.fancy-feature-eleven .shape-one{
  top: 3%;
  left: 7%;
}
.fancy-feature-eleven .shape-two{
  bottom: -60px;
  left: 37%;
  z-index: 1;
}
.block-style-sixteen{
  margin-top: 120px;
  position: relative;
  border-radius: 40px;
  padding: 125px 0 120px;
  overflow: hidden;
}
.block-style-sixteen .icon{
  width: 68px;
  height: 68px;
  border-radius: 50%;
}
.block-style-sixteen .title{
  font-weight: 500;
  font-size: 48px;
  line-height: 1.31em;
  padding: 25px 0 40px;
}
.block-style-sixteen p{
  font-size: 24px;
  line-height: 1.91em;
  color: #000;
  padding-bottom: 75px;
}
.block-style-sixteen .screen-one{
  right: 70px;
  width: 48%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.block-style-sixteen .screen-two{
  left: 10px;
  width: 48%;
  bottom: 0;
  z-index: 1;
}
.block-style-sixteen .screen-three{
  right: 0;
  width: 48%;
  bottom: 0;
  z-index: 1;
}
.fancy-short-banner-six{
  position: relative;
  text-align: center;
}
.fancy-short-banner-six .shape-one{
  left: 0;
  top: 22%;
}
.fancy-short-banner-six p{
  font-size: 24px;
  color: #000;
  padding: 30px 0 75px;
}
.hero-banner-seven{
  position: relative;
  z-index: 1;
  margin: 75px 0 0;
}
.hero-banner-seven .illustration-container{
  position: absolute;
  top: 22px;
  right: 70px;
  max-width: 46%;
}
.hero-banner-seven .illustration-container img{
  animation: jumpTwo 6s infinite linear;
}
.hero-banner-seven .hero-heading{
  font-weight: 500;
  font-size: 100px;
  line-height: 1.15em;
  padding-right: 50px;
}
.hero-banner-seven .hero-heading span{
  position: relative;
}
.hero-banner-seven .hero-heading span:before{
  content: '';
  width: 100%;
  height: 15px;
  background: #FFEAA0;
  position: absolute;
  left: 0;
  bottom: 30px;
  z-index: -1;
}
.hero-banner-seven .hero-sub-heading{
  font-size: 24px;
  line-height: 1.5em;
  color: #2F2F2F;
  padding: 36px 0 58px 0;
}
.hero-banner-seven form{
  max-width: 550px;
  height: 80px;
  position: relative;
}
.hero-banner-seven form input{
  border: none;
  background: #F4F4F4;
  border-radius: 7px;
  width: 100%;
  height: 100%;
  font-size: 16px;
  padding: 0 190px 0 30px;
}
.hero-banner-seven form button{
  position: absolute;
  right: 10px;
  top: 8px;
  bottom: 8px;
  background: #242424;
  width: 170px;
  border-radius: 7px;
  text-align: center;
  color: #fff;
  font-size: 17px;
  transition: all 0.3s ease-in-out;
}
.hero-banner-seven form button:hover{
  background: #FFEAA0;
  color: #212121;
}
.hero-banner-seven form ::-webkit-input-placeholder{
  
  color: #0B0B0B;
}
.hero-banner-seven form :-ms-input-placeholder{
  
  color: #0B0B0B;
}
.hero-banner-seven form ::placeholder{
  color: #0B0B0B;
}
.hero-banner-seven .term-text{
  font-size: 16px;
  color: #979797;
  margin-top: 22px;
}
.fancy-text-block-twentyTwo .text-wrapper{
  padding-left: 40px;
}
.fancy-text-block-twentyTwo .text-wrapper p{
  font-size: 20px;
  line-height: 1.75em;
  color: #292929;
  padding: 40px 0 67px;
}
.fancy-text-block-twentyTwo .illustration-holder img{
  animation: jumpTwo 6s infinite linear;
}
.fancy-feature-seventeen{
  padding: 0 15px;
}
.fancy-feature-seventeen .bg-wrapper{
  max-width: 1400px;
  margin: 0 auto;
  background: #FCF7EA;
  border-radius: 25px;
  padding: 90px 0 40px;
}
.fancy-feature-seventeen .block-meta{
  margin-bottom: 70px;
  text-align: center;
  padding: 0 30px;
}
.fancy-feature-seventeen .block-meta .icon{
  height: 35px;
}
.fancy-feature-seventeen .block-meta .icon img{
  margin: 0 auto;
}
.fancy-feature-seventeen .block-meta h4{
  font-size: 24px;
  font-weight: 500;
  padding: 28px 0 14px;
}
.fancy-feature-seventeen .block-meta p{
  line-height: 32px;
  color: #292929;
}
.block-style-nineteen{
  background: #fff;
  border-radius: 10px;
  padding: 37px 50px;
  margin-top: 35px;
  border-left-width: 5px;
  border-left-style: solid;
  box-shadow: 0 20px 60px rgba(10, 30, 81, 0.04);
}
.block-style-nineteen .text{
  padding-left: 30px;
}
.block-style-nineteen .text h4{
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 17px;
}
.block-style-nineteen .text p{
  font-size: 16px;
  line-height: 1.875em;
}
.terms_and_policy{
  padding: 120px 0;
  border-bottom: 1px solid #ECECEC;
}
.terms_and_policy .nav-tabs{
  border: none;
  background: #F2FBFD;
  padding: 30px 10px 30px 45px;
}
.terms_and_policy .nav-item{
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
}
.terms_and_policy .nav-item .nav-link{
  font-family: 'gordita' !important;
  font-size: 20px;
  line-height: 60px;
  padding: 0;
  background: transparent;
  border: none;
  color: #ADADAD;
  transition: all 0.2s ease-in-out;
}
.terms_and_policy .nav-item .nav-link.active{
  color: #000;
}
.terms_and_policy .tab-content{
  padding: 0 0 0 50px;
}
.terms_and_policy .tab-content h2{
  font-size: 55px;
  padding-bottom: 10px;
}
.terms_and_policy .tab-content .update-date{
  font-size: 16px;
  color: rgba(0, 0, 0, 0.4);
  margin-bottom: 20px;
}
.terms_and_policy .tab-content h3{
  font-family: 'gordita' !important;
  font-size: 28px;
  padding: 50px 0 25px;
}
.terms_and_policy .tab-content p{
  line-height: 34px;
  margin-bottom: 15px;
}
.terms_and_policy .tab-content p a{
  text-decoration: underline;
  color: #000;
}
.terms_and_policy .tab-content ul{
  list-style-type: disc;
  padding-left: 18px;
}
.terms_and_policy .tab-content ul li{
  color: #000;
}
.terms_and_policy .tab-content ul li a{
  text-decoration: underline;
}
.terms_and_policy .tab-content ul li{
  padding-bottom: 10px;
}
.error-page{
  min-height: 100vh;
}
.error-page .img-holder{
  width: 50%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.error-page .img-holder .illustration{
  min-height: 100vh;
  object-fit: cover;
  object-position: top center;
}
.error-page .img-holder .qus{
  top: 34%;
  left: 15%;
  width: 13%;
  z-index: 1;
  animation: fade-in 1s infinite linear;
}
.error-page .text-wrapper{
  width: 50%;
  padding: 50px 20px 50px 5%;
}
.error-page .text-wrapper h1{
  font-size: 82px;
  line-height: 1.21em;
}
.error-page .text-wrapper p{
  font-size: 24px;
  line-height: 1.66em;
  font-weight: 300;
  color: #000;
  padding: 55px 15% 60px 0;
}
.error-page .text-wrapper .back-home{
  font-size: 17px;
  text-align: center;
  line-height: 55px;
  width: 200px;
  transition: all 0.3s ease-in-out;
  background: #000;
  padding: 0 20px;
  color: #fff;
}
.error-page .text-wrapper .back-home img{
  margin-left: 12px;
}
.error-page .text-wrapper .back-home:hover{
  background: var(--purple-blue);
  color: #fff;
}
.error-page .text-wrapper .logo{
  position: absolute;
  top: 50px;
  left: 5%;
}
.hero-banner-eleven{
  position: relative;
  z-index: 1;
  margin: 90px 0 0;
}
.hero-banner-eleven .hero-text-wrapper h1{
  font-family: 'gordita';
  font-weight: 700;
  font-size: 82px;
  line-height: 1.30em;
}
.hero-banner-eleven .hero-text-wrapper h1 span{
  position: relative;
  display: inline-block;
}
.hero-banner-eleven .hero-text-wrapper h1 span img{
  left: 0;
  bottom: -10px;
  width: 100%;
}
.hero-banner-eleven .hero-text-wrapper .hero-sub-heading{
  font-size: 28px;
  line-height: 1.5em;
  color: #000;
  padding: 40px 0 68px 0;
}
.hero-banner-eleven form{
  max-width: 600px;
  height: 80px;
  position: relative;
}
.hero-banner-eleven form input{
  border: none;
  background: #F4F4F4;
  border-radius: 7px;
  width: 100%;
  height: 100%;
  font-size: 16px;
  padding: 0 190px 0 30px;
}
.hero-banner-eleven form button{
  position: absolute;
  right: 10px;
  top: 8px;
  bottom: 8px;
  font-weight: 500;
  background: #242424;
  width: 170px;
  border-radius: 7px;
  text-align: center;
  color: #fff;
  font-size: 17px;
  transition: all 0.3s ease-in-out;
}
.hero-banner-eleven form button:hover{
  background: #FFB840;
}
.hero-banner-eleven .term-text{
  font-size: 16px;
  color: #979797;
  margin-top: 22px;
  letter-spacing: -0.5px;
}
.hero-banner-eleven .illustration-container{
  position: absolute;
  top: -14%;
  right: 5%;
  max-width: 46%;
}
.hero-banner-thirteen{
  position: relative;
  padding: 250px 0 0;
  z-index: 2;
}
.hero-banner-thirteen:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 67%;
  top: 0;
  left: 0;
  background: url(../images/shape/bg8.svg) no-repeat center bottom;
  background-size: cover;
  z-index: -1;
}
.hero-banner-thirteen .hero-heading{
  font-weight: 500;
  font-size: 90px;
  line-height: 1.11em;
  letter-spacing: -2px;
  margin: 45px 0 50px;
}
.hero-banner-thirteen .hero-sub-heading{
  font-size: 24px;
  line-height: 1.83em;
  color: #000;
  margin-bottom: 50px;
}
.hero-banner-thirteen .info{
  text-align: center;
  font-size: 15px;
  color: #858585;
  margin-top: 15px;
  width: 235px;
}
.hero-banner-thirteen .screen-holder{
  position: absolute;
  right: 0;
  bottom: 0;
  width: 41%;
}
.hero-banner-thirteen .screen-holder .shape-one{
  top: -13%;
  left: -17.5%;
  width: 41.02%;
  z-index: 1;
  animation: jump10pRsv 3s infinite linear;
}
.hero-banner-thirteen .screen-holder .shape-two{
  top: -1%;
  right: -1.5%;
  width: 74.4%;
  z-index: 1;
  animation: jump10p 3s infinite linear;
}
.block-style-thirtyFive .icon{
  width: 68px;
  height: 68px;
  border-radius: 50%;
  margin: 0 auto;
}
.block-style-thirtyFive h4{
  font-size: 22px;
  font-weight: 500;
  margin: 25px 0 15px;
}
.block-style-thirtyFive p{
  line-height: 28px;
}
.block-style-thirtySix .tag-line{
  font-size: 22px;
  line-height: 1.72em;
  color: #000;
  margin: 30px 0 40px;
}
.block-style-thirtySix .list-item li{
  color: #474747;
  position: relative;
  padding-left: 30px;
  margin-bottom: 20px;
}
.block-style-thirtySix .list-item li:before{
  content: url(../images/icon/76.svg);
  position: absolute;
  top: 0;
  left: 0;
}
.block-style-thirtySix .illustration-holder{
  box-shadow: 0px 20px 40px rgba(0, 61, 132, 0.03);
  z-index: -1;
}
.block-style-thirtySix .illustration-holder .shape-one{
  top: -10%;
  right: -24%;
  width: 72.2%;
  z-index: 1;
  animation: jump10pRsv 3s infinite linear;
}
.block-style-thirtySix .illustration-holder .shape-two{
  bottom: 6.5%;
  left: -20%;
  width: 77.8%;
  z-index: 1;
  animation: jump10p 3s infinite linear;
}
.block-style-thirtySix .illustration-holder .shape-three{
  bottom: -10%;
  left: -2%;
  width: 73.4%;
  z-index: 1;
}
.fancy-feature-thirtyFive .slider-wrapper{
  position: absolute;
  top: 0;
  bottom: 0;
  right: -11vw;
  width: 72vw;
  margin: 0 -24px;
}
.portfolio_slider_two{
  margin: 0 -20px;
}
.portfolio_slider_two .item{
  margin: 0 20px;
}
.fancy-feature-thirtyFive .card-block{
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.fancy-feature-thirtyFive .card-block .hover{
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.92);
  opacity: 0;
  visibility: hidden;
}
.fancy-feature-thirtyFive .card-block:hover .hover{
  opacity: 1;
  visibility: visible;
}
.fancy-feature-thirtyFive .card-block a{
  margin: 5px 0;
  width: 120px;
  font-weight: 500;
  font-size: 16px;
  border-radius: 30px;
  text-align: center;
}
.feature-blog-five .post-meta{
  width: 100%;
}
.feature-blog-five .post-data{
  padding: 25px 35px 0 0;
}
.feature-blog-five .post-meta .post-img{
  border-radius: 10px;
  overflow: hidden;
  background: #212121;
  position: relative;
}
.feature-blog-five .post-meta .blog-title h3{
  font-size: 24px;
  font-weight: 500;
  color: var(--heading);
  line-height: 1.44em;
  letter-spacing: -0.5px;
  margin: 15px 0 10px;
  transition: all 0.3s ease-in-out;
}
.feature-blog-five .post-meta .blog-title:hover h3{
  color: #6F6CFF;
}
.feature-blog-five .post-meta .read-btn{
  font-size: 17px;
  color: rgba(0, 0, 0, 0.5);
}
.feature-blog-five .post-meta .read-btn:hover{
  text-decoration: underline;
  color: #000;
}
.fancy-short-banner-fifteen{
  background: #FFFCF6;
  padding: 75px 0 100px;
}
.rtl.hero-banner-thirteen .screen-holder .shape-one{
  top: -13%;
  left: 70.5% !important;
  width: 41.02%;
  z-index: 1;
  animation: jump10pRsv 3s infinite linear;
}
.rtl.hero-banner-thirteen .screen-holder .shape-two{
  top: -1%;
  right: 22.5% !important;
  width: 74.4%;
  z-index: 1;
  animation: jump10p 3s infinite linear;
}
.rtl.hero-banner-seven .illustration-container{
  position: absolute;
  top: 22px;
  left: 70px !important;
  right: auto !important;
  max-width: 46%;
}
@media (min-width: 1200px) and (max-width: 1450px){.hero-banner-eleven .hero-text-wrapper h1{font-size: 75px!important;}}
@media (min-width: 1200px) and (max-width: 1366px){.hero-banner-two .hero-text-wrapper h1{font-size: 68px!important;}.hero-banner-thirteen .screen-holder{width: 50%!important;}.hero-banner-thirteen .hero-heading{font-size: 85px!important;}.fancy-feature-thirtyFive .slider-wrapper{width: 85vw!important; right: -16vw!important;}}
@media (max-width: 1199px){#mega-menu-holder .mega-menu li .img-box .hover{font-size: 20px!important;}.block-style-fourteen{padding: 0!important;}.accordion-style-two{padding-right: 0 !important!important;}.hero-banner-seven .hero-sub-heading{font-size: 18px!important;}.fancy-text-block-twentyTwo .text-wrapper{padding-left: 0!important;}.fancy-feature-seventeen .block-meta{padding: 0!important;}.terms_and_policy .tab-content{padding-left: 0!important;}.error-page .text-wrapper p{font-size: 20px!important; padding: 30px 0 40px 0!important;}.error-page .text-wrapper .logo{top: 30px!important;}.hero-banner-eleven .hero-text-wrapper .hero-sub-heading{font-size: 20px!important; padding: 30px 0 45px!important;}.hero-banner-thirteen .hero-sub-heading{font-size: 18px!important; margin-bottom: 30px!important;}.feature-blog-five .post-meta .blog-title h3{font-size: 20px!important; margin-top: 0!important;}}
@media (min-width: 992px) and (max-width: 1199px){.hero-banner-two .container{padding: 0 25px!important;}.title-style-five h2, .title-style-three h2{font-size: 48px!important;}.title-style-one h2{font-size: 50px!important;}.title-style-two h2{font-size: 50px!important;}.title-style-three p{font-size: 18px!important;}.clients-feedback-classic{padding-left: 50px!important;}.clients-feedback-classic .feedback-wrapper{padding: 54px 40px 48px!important;}.feature-blog-one .post-meta .title{font-size: 26px!important;}.hero-banner-two .hero-text-wrapper h1{font-size: 60px!important;}.hero-banner-two .hero-text-wrapper .sub-text{font-size: 22px!important; padding-bottom: 30px!important;}.block-style-five{padding-left: 20px!important; padding-right: 20px!important;}.block-style-five p{font-size: 22px!important;}.contact-style-two .contact-info-wrapper .address-info p{font-size: 22px!important;}.block-style-ten{padding: 75px 50px 45px!important;}.block-style-eleven p{font-size: 20px!important;}.fancy-hero-five .heading{font-size: 65px!important;}.block-style-fifteen{padding: 45px 25px 30px 30px!important;}.block-style-sixteen .screen-one{width: 36%!important;}.hero-banner-seven .hero-heading{font-size: 70px!important;}.hero-banner-seven{margin-top: 50px!important;}.error-page .text-wrapper h1{font-size: 60px!important;}.hero-banner-eleven .hero-text-wrapper h1{font-size: 56px!important;}.hero-banner-thirteen .hero-heading{font-size: 55px!important;}.hero-banner-thirteen .screen-holder{width: 48%!important;}.title-style-fourteen h2{font-size: 42px!important;}.fancy-feature-thirtyFive .slider-wrapper{width: 88vw!important; right: -22vw!important;}}
@media (max-width: 991px){.title-style-five h2{font-size: 40px!important;}.title-style-one h2{font-size: 42px!important;}.title-style-two h2{font-size: 40px!important; line-height: 1.2em!important;}.title-style-three h2{font-size: 38px!important;}.title-style-five h2 span:before{height: 10px!important;}.title-style-five h6{font-size: 16px!important; padding-bottom: 5px!important;}.title-style-two p{font-size: 15px!important;}.title-style-three p{font-size: 15px!important; padding-bottom: 8px!important;}.title-style-two .sub-text{font-size: 20px!important;}.title-style-six h6{font-size: 15px!important; padding-bottom: 15px!important;}.title-style-six h2{font-size: 45px!important;}.hero-banner-two .container{padding: 0 15px!important;}.block-style-fourteen.arrow-shape:before, .block-style-fourteen.arrow-shape:after, .block-style-two .img-holder-one .screen-one, .block-style-two .img-holder-two .screen-two, .block-style-two .img-holder-three .screen-two, .clients-feedback-classic:before, .fancy-hero-five .shapes{display: none!important;}.fancy-feature-nine{padding: 70px 0 40px!important;}.accordion-style-two .card .card-header button{font-size: 20px!important;}.accordion-style-two .card .card-body p{font-size: 18px!important;}.accordion-style-two .card .card-body{padding: 0 30px 30px 0!important;}.counter-box-three .number{font-size: 30px!important; padding-bottom: 10px!important;}.counter-box-three p{font-size: 20px!important;}.block-style-two .text-wrapper{padding: 50px 0 0 !important!important;}.block-style-two .text-wrapper h3{font-size: 32px!important; padding-bottom: 20px!important;}.block-style-two .img-holder-three .screen-one{bottom: -17%!important; left: -11%!important;}.useable-tools-section h2{font-size: 40px!important; margin: 10px 0 80px!important;}.useable-tools-section .img-box{width: 145px!important; height: 145px!important;}.useable-tools-section .img-box.bx-g{width: 160px!important; height: 160px!important;}.useable-tools-section.bg-color{padding: 100px 0 60px!important;}.counter-info-classic{margin: 60px auto 0!important;}.clients-feedback-classic{padding-left: 30px!important;}.clients-feedback-classic .feedback-wrapper{margin-bottom: 75px!important; padding: 45px 45px 35px!important;}.fancy-hero-one h2{font-size: 50px!important; line-height: 1.2em!important;}.fancy-hero-one .page-title{font-size: 16px!important;}.fancy-hero-one p{font-size: 20px!important; padding: 15px 0 0!important;}.fancy-hero-one{padding: 45px 0 90px!important;}.title-style-one p{font-size: 18px!important; padding-top: 20px!important;}.feature-blog-one .post-meta .title{font-size: 24px!important;}.blog-page-bg{padding: 90px 0 90px!important;}.feature-blog-one.width-lg .post-meta p{padding-top: 25px!important;}.blog-sidebar-one{padding: 60px 0 0!important;}.hero-banner-two{padding: 40px 0 60px!important;}.hero-banner-two .illustration_01{margin: 0 auto!important;}.hero-banner-two .illustration-holder .shape-one{width: 40.3%!important; left: 2%!important;}.hero-banner-two .illustration-holder .shape-two{width: 42.5%!important; left: 0!important;}.hero-banner-two .illustration-holder .shape-three{width: 41.4%!important; right: 0!important;}.hero-banner-two .hero-text-wrapper h1{font-size: 48px!important; line-height: 1.25em!important;}.hero-banner-two .hero-text-wrapper .sub-text{font-size: 20px!important; padding: 20px 0 50px!important;}.hero-banner-two .hero-text-wrapper form{height: 60px!important;}.fancy-feature-four .bg-wrapper{padding: 70px 0 60px!important;}.block-style-five{padding: 40px 20px 50px!important;}.block-style-five p{font-size: 20px!important; line-height: 1.6em!important;}.fancy-text-block-six .img-meta-container{position: static!important; margin:50px auto 0!important; max-width: 60%!important;}.fancy-hero-four h6{font-size: 16px!important;}.fancy-hero-four h2{font-size: 50px!important;}.fancy-hero-four.space-fix{padding: 150px 0 265px!important;}.fancy-hero-four{padding: 150px 0 285px!important;}.contact-style-two .contact-info-wrapper .address-info{height: auto!important; padding: 35px 15px 35px!important;}.contact-style-two .contact-info-wrapper .address-info .icon{height: 55px!important;}.contact-style-two .contact-info-wrapper .address-info p{font-size: 18px!important; line-height: 1.5em!important;}.form-style-classic .input-group-meta{height: 50px!important;}.form-style-classic .input-group-meta input, .form-style-classic .input-group-meta textarea{font-size: 18px!important;}.form-style-classic .input-group-meta.lg{height: 150px!important;}.title-style-two span img{bottom: -18px!important;}.blog-page-white-bg{padding-top: 100px!important;}.block-style-ten{padding: 45px 20px 30px!important;}.block-style-ten .icon{height: 60px!important;}.block-style-ten p{font-size: 20px!important;}.fancy-text-block-sixteen .img-slick-slider .slick-dots li button{width: 100%!important;}.block-style-eleven p{font-size: 20px!important;}.fancy-text-block-sixteen{padding-bottom: 80px!important;}.fancy-text-block-sixteen .img-slick-slider{margin-bottom: 70px!important;}.fancy-text-block-sixteen .img-slick-slider .slick-dots{bottom: -70px!important;}.fancy-short-banner-four .bg-wrapper{padding: 55px 20px 50px!important;}.fancy-short-banner-four .title h6{font-size: 15px!important;}.fancy-short-banner-four .title h2{font-size: 35px!important;}.fancy-short-banner-four .form-wrapper form{height: 60px!important; margin-top: 40px!important;}.fancy-hero-five .img-meta{position: static!important;}.fancy-hero-five .heading{font-size: 50px!important;}.fancy-hero-five{padding: 150px 0 80px!important;}.useable-tools-section .sub-text{font-size: 20px!important;}.blog-v4 .post-meta .post{padding-top: 30px!important;}.blog-v4 .post-meta .post .title{font-size: 30px!important; margin-bottom: 30px!important; line-height: 1.2em!important;}.blog-v4 .post-meta .post p{font-size: 18px!important;}.blog-v4 .post-meta .post .read-more{margin-top: 25px!important; font-size: 17px!important;}.blog-v4 .post-meta{margin-bottom: 60px!important;}.blog-details-post-v1 .post-meta h4{font-size: 28px!important; padding-top: 40px!important;}.fancy-feature-ten .bg-wrapper{padding: 60px 0 80px!important;}.fancy-feature-ten .sub-text{font-size: 20px!important; padding-bottom: 0!important;}.block-style-fifteen{padding: 30px 15px!important;}.block-style-fifteen h3{font-size: 22px!important;}.block-style-sixteen{margin-top: 60px!important; padding: 40px 0 0!important;}.block-style-sixteen .shapes{position: static!important; transform: none!important; margin: 10px auto 0!important;}.block-style-sixteen .icon{width: 55px!important; height: 55px!important;}.block-style-sixteen .title{font-size: 28px!important; padding: 20px 0 25px!important;}.block-style-sixteen p{font-size: 18px!important; line-height: 1.65em!important; padding-bottom: 45px!important;}.fancy-short-banner-six p{font-size: 20px!important; padding: 25px 0 40px!important;}.hero-banner-seven .illustration-container{position: relative!important; margin: 0 auto 50px!important; max-width: 80%!important; right: auto!important; top: 0!important;}.hero-banner-seven{margin-top: 40px!important;}.hero-banner-seven .hero-heading{font-size: 45px!important; padding: 20px 0 0!important;}.hero-banner-seven .hero-heading span:before{bottom: 10px!important;}.hero-banner-seven .hero-sub-heading{padding: 30px 0 45px 0!important;}.fancy-text-block-twentyTwo .text-wrapper{padding-bottom: 50px!important;}.fancy-text-block-twentyTwo .text-wrapper .icon{width: 45px!important;}.fancy-text-block-twentyTwo .text-wrapper p{font-size: 18px!important; padding: 30px 0 40px!important;}.fancy-feature-seventeen .bg-wrapper{padding: 60px 0 10px!important;}.title-style-eight h2{font-size: 42px!important;}.title-style-eight h2 br{display: none!important;}.title-style-eight p{font-size: 18px!important; padding-top: 25px!important;}.terms_and_policy .nav-tabs{display: none !important!important;}.terms_and_policy .tab-content>.tab-pane{display: block!important; opacity: 1!important; margin-bottom: 60px!important;}.terms_and_policy{padding: 80px 0 0!important;}.terms_and_policy .tab-content h2{font-size: 38px!important;}.terms_and_policy .tab-content h3{font-size: 24px!important; padding: 40px 0 20px!important;}.error-page .img-holder{width: 100%!important; height: 100%!important;}.error-page .img-holder .illustration{min-height: 100%!important;}.error-page .text-wrapper{width: 100%!important; padding: 50px 15px!important; text-align: center!important;}.error-page .text-wrapper h1{font-size: 40px!important;}.error-page .text-wrapper .back-home{margin: 0 auto!important;}.hero-banner-eleven .hero-text-wrapper h1{font-size: 42px!important;}.hero-banner-eleven .illustration-container{position: static!important; max-width: 95%!important; margin: 0 auto!important;}.hero-banner-eleven{margin-top: 70px!important;}.title-style-four .sub-text{font-size: 18px!important;}.hero-banner-thirteen{padding: 180px 0 0!important;}.hero-banner-thirteen .hero-heading{font-size: 45px!important; line-height: 1.2em!important; margin: 35px 0 30px!important;}.hero-banner-thirteen .screen-holder{position: relative!important; width: 100%!important; max-width: 500px!important; margin: 90px auto 0!important;}.title-style-fourteen .upper-title{font-size: 12px!important; padding-bottom: 2px!important;}.title-style-fourteen h2{font-size: 35px!important;}.block-style-thirtySix .tag-line{font-size: 19px!important; margin: 18px 0 30px!important;}.fancy-feature-thirtyFive .slider-wrapper{width: 100%!important; position: relative!important; right: auto!important; margin: 0 auto!important; padding: 0 15px!important;}.portfolio_slider_two{margin: 0 -12px!important;}.portfolio_slider_two .item{margin: 0 12px!important;}}
@media (max-width: 767px){.fancy-feature-eight .bg-wrapper{padding: 0 15px 15px!important;}.fancy-feature-eleven .shape-one, .fancy-feature-eleven .shape-two{display: none!important;}.contact-style-two .contact-info-wrapper .shape-one{display: none!important;}.fancy-hero-five .img-meta{margin: 40px 0 0!important;}.block-style-sixteen .shapes{width: 95% !important!important; margin-top: 30px!important;}}
@media (max-width: 575px){.clients-feedback-classic .feedback-wrapper:before, .title-style-two span img, .title-style-three span img, .fancy-text-block-six .img-meta-container .shape-five, .title-style-two h2 br, .fancy-hero-five span img, .title-style-five h2 span:before{display: none!important;}.counter-box-three .icon img{width: 70%!important; margin: 0 auto!important;}.counter-box-three .icon{height: 45px!important;}.block-style-two .img-holder-two .screen-one{right: -17%!important;}.useable-tools-section h2{font-size: 32px!important; line-height: 1.35em!important;}.counter-box-one.color-one{left: 0!important;}.counter-box-one.color-two{left: 190px!important;}.counter-box-one.color-three{left: 70px!important;}.clients-feedback-classic .feedback-wrapper{padding-left: 35px!important; padding-right: 35px!important;}.feature-blog-one .post-meta .read-more{font-size: 14px!important;}.feature-blog-one.width-lg .post-meta{padding-left: 20px!important; padding-right: 20px!important;}.feature-blog-one.width-lg .post-meta .read-more{left: 20px!important; right: 20px!important;}.blog-sidebar-one .sidebar-title{font-size: 26px!important;}.blog-sidebar-one .sidebar-recent-news .title{font-size: 22px!important;}.hero-banner-two .hero-text-wrapper form button{width: 140px!important;}.hero-banner-two .hero-text-wrapper form input{padding: 0 150px 0 20px!important; font-size: 16px!important;}.fancy-text-block-six .img-meta-container{max-width: 90%!important;}.block-style-five .icon{height: 55px!important;}.block-style-eleven .num{font-size: 25px!important;}.fancy-short-banner-four .form-wrapper form button{width: 125px!important;}.fancy-short-banner-four .form-wrapper form input{padding: 0 130px 0 15px!important; font-size: 16px!important;}.fancy-hero-five .heading{font-size: 46px!important;}.useable-tools-section h6{padding-bottom: 10px!important;}#mega-menu-holder .mega-menu li .img-box .hover{font-size: 18px!important;}.hero-banner-seven .illustration-container{max-width: 100%!important;}.hero-banner-seven form button{width: 130px!important; font-size: 14px!important;}.hero-banner-seven form input{padding: 0 150px 0 15px!important;}.block-style-nineteen{padding: 30px 15px!important;}.block-style-nineteen .text h4{font-size: 20px!important;}.hero-banner-eleven form button{width: 130px!important; font-size: 14px!important;}.hero-banner-eleven form input{padding: 0 150px 0 15px!important;}.hero-banner-eleven form{height: 70px}}