/*-------------------------------------
    Template Name: Express IT - It Solution and Technology HTML Template
    Template URI: https://---.com
    Description: Express IT - It Solution and Technology HTML Template
    Author: ...
    Author URI: https://---.com
    Version: 1.0
    Tags: theme, template, etc
---------------------------------------*/
/*
    Table of Context
    -------------------------------
    01. Common CSS
    02. Content Box
    03. Video Box
    04. Icon Box
    05. Order, Unorder List
    06. Round One side
    07. Overlap Image Box
    08. Image Box
    09. Icon list block

    01. Header style
    02. Banner style
    03. Block style
    04. Banner section
    05. About section
    06. Choose section
    07. Service section
    08. Team section
    09. Process section 
    10. Testimonial section
    11. Counter section
    12. Blog section
    13. Call to Action section
    14. Footer 


*/
/*********************************
/* Fonts
/* Archivo
/* Poppins
/*
*********************************/
@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/**********
 ** Uses
@include themify($themes) {
    propnname: themed('variable');  
}
**/
/**
 * For max-width media query, device width are sets as::after
 * xl = 1440
 * medium = 1199
 * tabland = 991
 * tabport = 767
 * phone
 * phone-sm
 * phone-mid
 * phone-xm
 */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.7rem;
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
  outline: 0px;
}

button:hover, button:focus {
  outline: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

ul {
  margin: 0;
  padding: 0;
  list-style: inherit;
}

figure {
  margin: 0;
}

section {
  display: block;
  position: relative;
  padding: 100px 0;
  width: 100%;
}
@media screen and (max-width: 991px) {
  section {
    overflow: hidden;
  }
}
@media screen and (max-width: 575px) {
  section {
    padding: 60px 0;
  }
}

.gutters-5 {
  margin-right: -5px;
  margin-left: -5px;
}
.gutters-5 > .col,
.gutters-5 > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.gutters-10 {
  margin-right: -10px;
  margin-left: -10px;
}
.gutters-10 > .col,
.gutters-10 > [class*=col-] {
  padding-right: 10px;
  padding-left: 10px;
}

.gutters-15 {
  margin-right: -15px;
  margin-left: -15px;
}
.gutters-15 > .col,
.gutters-15 > [class*=col-] {
  padding-right: 15px;
  padding-left: 15px;
}

.gutters-20 {
  margin-right: -20px;
  margin-left: -20px;
}
.gutters-20 > .col,
.gutters-20 > [class*=col-] {
  padding-right: 20px;
  padding-left: 20px;
}

.gutters-25 {
  margin-right: -25px;
  margin-left: -25px;
}
.gutters-25 > .col,
.gutters-25 > [class*=col-] {
  padding-right: 25px;
  padding-left: 25px;
}

.mb-05 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mt-05 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-65 {
  margin-top: 65px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-85 {
  margin-top: 85px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-95 {
  margin-top: 95px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.ml-05 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.ml-55 {
  margin-left: 55px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.ml-65 {
  margin-left: 65px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

.ml-75 {
  margin-left: 75px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.ml-85 {
  margin-left: 85px !important;
}

.ml-90 {
  margin-left: 90px !important;
}

.ml-95 {
  margin-left: 95px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.mr-05 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mr-55 {
  margin-right: 55px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mr-65 {
  margin-right: 65px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.mr-75 {
  margin-right: 75px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mr-85 {
  margin-right: 85px !important;
}

.mr-90 {
  margin-right: 90px !important;
}

.mr-95 {
  margin-right: 95px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.px-05 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.px-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.px-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.py-05 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.py-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.py-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.pb-05 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pt-05 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pl-05 {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pr-05 {
  padding-right: 5px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.text-10 {
  font-size: 10px !important;
}

.text-11 {
  font-size: 11px !important;
}

.text-12 {
  font-size: 12px !important;
}

.text-13 {
  font-size: 13px !important;
}

.text-14 {
  font-size: 14px !important;
}

.text-15 {
  font-size: 15px !important;
}

.text-16 {
  font-size: 16px !important;
}

.text-17 {
  font-size: 17px !important;
}

.text-18 {
  font-size: 18px !important;
}

.text-19 {
  font-size: 19px !important;
}

.text-20 {
  font-size: 20px !important;
}

.text-21 {
  font-size: 21px !important;
}

.text-22 {
  font-size: 22px !important;
}

.text-23 {
  font-size: 23px !important;
}

.text-24 {
  font-size: 24px !important;
}

.text-25 {
  font-size: 25px !important;
}

.text-26 {
  font-size: 26px !important;
}

.text-27 {
  font-size: 27px !important;
}

.text-28 {
  font-size: 28px !important;
}

.text-29 {
  font-size: 29px !important;
}

.text-30 {
  font-size: 30px !important;
}

.text-31 {
  font-size: 31px !important;
}

.text-32 {
  font-size: 32px !important;
}

/*********************************
/*  Common Css Start
*********************************/
.border-none {
  border: none !important;
}

.btn-round {
  border-radius: 4px !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-color {
  background: #f6f9fb !important;
}

.disable {
  color: #b1b8c9 !important;
}

.hidden {
  overflow: hidden;
}

button:hover, button:focus {
  outline: 0px;
}

/*********************************
/*  Input Apperance Start
*********************************/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield !important;
}

input[type=date]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  border-radius: 4px;
  margin-right: 2px;
  -webkit-filter: invert(1);
  filter: invert(1);
}

/*********************************
/*  Input Apperance End
*********************************/
/*********************************
/*  Auto Container
*********************************/
.auto-container {
  margin: 0 auto;
  max-width: 1296px;
  padding: 0 15px;
  position: static;
}

/*********************************
/*  row Custom
*********************************/
.row > * {
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 1);
  padding-left: calc(var(--bs-gutter-x) * 1);
  margin-top: var(--bs-gutter-y);
}

@media screen and (max-width: 768px) {
  .column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media (min-width: 479px) and (max-width: 575px) {
  .col-xs-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
}
/*********************************
/*  Heading Typography
*********************************/
h1 {
  font-family: "Archivo", sans-serif;
  font-size: 62px;
  line-height: 75px;
  letter-spacing: -2.1px;
  font-weight: 700;
  color: #141f39;
}
@media screen and (max-width: 1440px) {
  h1 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 44px;
    line-height: 55px;
  }
}
@media screen and (max-width: 575px) {
  h1 {
    font-size: 40px;
    line-height: 52px;
  }
}
@media screen and (max-width: 375px) {
  h1 {
    font-size: 32px;
    line-height: 42px;
  }
}

h2 {
  font-family: "Archivo", sans-serif;
  font-size: 44px;
  line-height: 55px;
  font-weight: 700;
  color: #141f39;
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 40px;
    line-height: 52px;
  }
}
@media screen and (max-width: 479px) {
  h2 {
    font-size: 34px;
    line-height: 48px;
  }
}
@media screen and (max-width: 400px) {
  h2 {
    font-size: 28px;
    line-height: 34px;
  }
}

h3 {
  font-family: "Archivo", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  color: #141f39;
}

h4 {
  font-family: "Archivo", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  color: #141f39;
}

/*********************************
/*  Content Typography
*********************************/
p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #525256;
}

/*********************************
/* Scroll Up Css Start
*********************************/
#toTop {
  position: fixed;
  bottom: 15px;
  right: -50px;
  width: 50px;
  height: 60px;
  background: #141f39;
  border-radius: 4px 0 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  text-transform: capitalize;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  z-index: 99;
}
#toTop:hover {
  background: #266ff2;
}
#toTop.active {
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
  right: 0;
}

/*********************************
/* Scroll Up Css End
*********************************/
/*********************************
/* Preloader Start
*********************************/
.preloader__wrapper {
  position: relative;
}
.preloader__wrapper.loaded-active #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.preloader__wrapper.loaded-active #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}
.preloader__wrapper.loaded-active #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.preloader__wrapper.loaded-active #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.preloader__wrapper #loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.preloader__wrapper #loader-wrapper #loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #3498db;
  z-index: 1001;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
}
.preloader__wrapper #loader-wrapper #loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e74c3c;
  -webkit-animation: spin 3s linear infinite;
          animation: spin 3s linear infinite;
}
.preloader__wrapper #loader-wrapper #loader:after {
  content: "";
  position: absolute;
  top: 15px;
  right: 15px;
  left: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f9c922;
  -webkit-animation: spin 1.5s linear infinite;
          animation: spin 1.5s linear infinite;
}
.preloader__wrapper #loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #141f39;
  z-index: 1000;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.preloader__wrapper #loader-wrapper .loader-section.section-left {
  left: 0;
}
.preloader__wrapper #loader-wrapper .loader-section.section-right {
  right: 0;
}

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

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*********************************
/* Preloader End
*********************************/
/*********************************
/*  Button Start
*********************************/
.btn {
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  padding: 14px 29px;
  border-radius: 8px;
  border: none;
  outline: none;
  display: inline-block;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.btn-primary {
  background-color: #266ff2;
  color: #fff;
  border: 2px solid #266ff2;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
.btn-primary:focus, .btn-primary:hover {
  border-color: #09c3ff;
  background: #09c3ff;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-outline {
  background-color: transparent;
  color: #266ff2;
  border: 2px solid #266ff2;
}
.btn-outline:focus, .btn-outline:hover {
  background: #266ff2;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #266ff2;
}

.solid__btn {
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #141f39;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.solid__btn i {
  font-size: 14px;
  margin-left: 8px;
}
.solid__btn:hover {
  color: #266ff2;
}

/*********************************
/*  Section Tittle Start
*********************************/
.section__title {
  max-width: 650px;
}
.section__title-wrapper {
  margin-bottom: 60px;
}
@media screen and (max-width: 575px) {
  .section__title-wrapper {
    text-align: center;
  }
}
.section__title-wrapper.text-center .section__title {
  margin: auto;
  text-align: center;
}
.section__title-wrapper.text-start .section__title {
  margin-right: auto;
  text-align: left;
}
.section__title-wrapper.text-end .section__title {
  margin-left: auto;
  text-align: right;
}
.section__title-wrapper.flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .section__title-wrapper.flex-item {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .section__title-wrapper .section__btn {
    margin-top: 20px;
  }
}
.section__title-wrapper .section__btn .btn {
  white-space: nowrap;
}
.section__title .subtitle {
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 10px;
  color: #266ff2;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  display: inline-block;
  padding: 8px 20px 6px 20px;
  border-radius: 30px;
  position: relative;
  z-index: 1;
}
.section__title .subtitle::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #266ff2;
  opacity: 0.1;
  border-radius: 30px;
  z-index: -1;
}
.section__title .title {
  font-family: "Archivo", sans-serif;
  font-size: 44px;
  line-height: 55px;
  font-weight: 700;
  color: #141f39;
  margin-bottom: 0;
  text-transform: capitalize;
}
@media screen and (max-width: 767px) {
  .section__title .title {
    font-size: 42px;
    line-height: 52px;
  }
}
@media screen and (max-width: 479px) {
  .section__title .title {
    font-size: 34px;
    line-height: 48px;
  }
}
@media screen and (max-width: 400px) {
  .section__title .title {
    font-size: 28px;
    line-height: 34px;
  }
}
.section__title .desc {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #525256;
  margin: 10px 0 0;
}
@media screen and (max-width: 479px) {
  .section__title .desc {
    margin: 10px 0 0;
  }
}
@media screen and (max-width: 375px) {
  .section__title .desc {
    font-size: 15px;
  }
}

/*********************************
/*  Section Tittle End
*********************************/
/*********************************
/* Header Start
*********************************/
.header {
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  background: transparent;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.header .nav {
  background-color: transparent;
  padding: 0px;
  margin: 0 auto;
}
.header__wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  border-radius: 10px;
  padding: 0 10px;
  top: 10px;
  position: relative;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
@media screen and (max-width: 991px) {
  .header__wrapper {
    padding: 10px;
  }
}
.header__wrapper .header__logo a {
  font-family: "Archivo", sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #141f39;
  padding-left: 5px;
}
.header__wrapper .header__logo a span {
  color: #266ff2;
}
.header__wrapper .header__logo a img {
  width: auto;
  height: auto;
  display: block;
  max-width: 160px;
}
@media screen and (max-width: 375px) {
  .header__wrapper .header__logo a img {
    max-width: 140px;
  }
}
@media screen and (max-width: 991px) {
  .header__wrapper .header__menu {
    display: none;
  }
}
.header__wrapper .header__menu .main__menu {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
}
.header__wrapper .header__menu .main__menu li {
  position: relative;
  list-style: none;
}
.header__wrapper .header__menu .main__menu li.has__dropdown a {
  position: relative;
}
.header__wrapper .header__menu .main__menu li.has__dropdown a::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 12px;
  color: #141f39;
  margin-left: 8px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.header__wrapper .header__menu .main__menu li a {
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #141f39;
  display: inline-block;
  margin-right: 30px;
  line-height: 80px;
  padding: 0;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  position: relative;
}
.header__wrapper .header__menu .main__menu li a:hover, .header__wrapper .header__menu .main__menu li a.active {
  color: #266ff2;
}
.header__wrapper .header__menu .main__menu li:hover a, .header__wrapper .header__menu .main__menu li.active a {
  color: #266ff2;
}
.header__wrapper .header__menu .main__menu li:hover a::after, .header__wrapper .header__menu .main__menu li.active a::after {
  color: #266ff2;
}
.header__wrapper .header__menu .main__menu li:last-child a {
  margin-right: 0;
}
.header__wrapper .header__menu .main__menu li .sub__menu {
  position: absolute;
  left: 0;
  top: 110%;
  width: 220px;
  background: #fff;
  -webkit-box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
  padding: 10px 0;
  border-radius: 5px;
  opacity: 0;
  z-index: 99;
  visibility: hidden;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.header__wrapper .header__menu .main__menu li .sub__menu li a {
  padding: 7px 25px;
  font-size: 14px;
  line-height: 25px;
  font-family: "Archivo", sans-serif;
  font-weight: 600;
  color: #141f39;
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
}
.header__wrapper .header__menu .main__menu li .sub__menu li a::after {
  display: none;
}
.header__wrapper .header__menu .main__menu li .sub__menu li a:hover, .header__wrapper .header__menu .main__menu li .sub__menu li a.active {
  letter-spacing: 1px;
  color: #266ff2;
}
.header__wrapper .header__menu .main__menu li .sub__menu li:last-child a {
  border: none;
}
.header__wrapper .header__menu .main__menu li:hover .sub__menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.header__meta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 15px;
}
.header__meta .meta__list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
  gap: 20px;
  list-style: none;
}
.header__meta .header__call-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
@media screen and (max-width: 1199px) {
  .header__meta .header__call-option {
    display: none;
  }
}
.header__meta .header__call-option .call__icon {
  height: 56px;
  width: 56px;
  background: #266ff2;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header__meta .header__call-option .call__content {
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: rgba(20, 31, 57, 0.7);
}
.header__meta .header__call-option .call__content span {
  color: #141f39;
  font-size: 16px;
  font-weight: 700;
  opacity: 1;
  display: block;
}
@media screen and (max-width: 991px) {
  .header__meta .header__btn {
    display: none;
  }
}
.header__meta .header__toggle {
  height: 50px;
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #266ff2;
  border-radius: 4px;
  cursor: pointer;
  display: none;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media screen and (max-width: 991px) {
  .header__meta .header__toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 60px;
  }
}
@media screen and (max-width: 479px) {
  .header__meta .header__toggle {
    height: 40px;
    width: 50px;
  }
}
.header__meta .header__toggle:hover {
  background: #266ff2;
}
.header__meta .header__toggle:hover .toggle__bar {
  background: #fff;
}
.header__meta .header__toggle:hover .toggle__bar::after, .header__meta .header__toggle:hover .toggle__bar::before {
  background: #fff;
}
.header__meta .header__toggle .toggle__bar {
  height: 2px;
  width: 25px;
  background: #266ff2;
  position: relative;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.header__meta .header__toggle .toggle__bar::after, .header__meta .header__toggle .toggle__bar::before {
  content: "";
  position: absolute;
  top: -8px;
  height: 2px;
  width: 100%;
  background: #266ff2;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.header__meta .header__toggle .toggle__bar::after {
  top: auto;
  bottom: -8px;
}

.nav-bg {
  background: #fff;
  -webkit-box-shadow: 0 22px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0 22px 20px rgba(0, 0, 0, 0.05);
}
.nav-bg .header__wrapper {
  top: 0;
}

/*********************************
/* FlyOut Menu Start
*********************************/
.flyoutMenu {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.flyoutMenu.active {
  opacity: 1;
  visibility: visible;
  right: 0;
}
.flyoutMenu.active .flyout__flip {
  left: 0;
  opacity: 1;
  visibility: visible;
}
.flyoutMenu .flyout__flip {
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: absolute;
  top: 0;
  left: -200px;
  background: #fff;
  width: 360px;
  height: 100%;
  -webkit-box-shadow: 0px 14px 40px 0px rgba(115, 115, 115, 0.1490196078);
          box-shadow: 0px 14px 40px 0px rgba(115, 115, 115, 0.1490196078);
  padding: 0px 25px;
  z-index: 99999;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media screen and (max-width: 479px) {
  .flyoutMenu .flyout__flip {
    width: 370px;
  }
}
@media screen and (max-width: 375px) {
  .flyoutMenu .flyout__flip {
    width: 310px;
  }
}
.flyoutMenu .flyout__inner .menu__header-top {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 0 9px;
}
.flyoutMenu .flyout__inner .menu__header-top .closest__btn {
  cursor: pointer;
  color: #141f39;
  font-size: 25px;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flyoutMenu .flyout__inner .menu__header-top .brand__logo a {
  font-family: "Archivo", sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #141f39;
  padding-left: 5px;
}
.flyoutMenu .flyout__inner .menu__header-top .brand__logo a span {
  color: #266ff2;
}
.flyoutMenu .flyout-main__menu {
  margin-top: 16px;
}
.flyoutMenu .flyout-main__menu li {
  position: relative;
  list-style: none;
  padding: 10px 0;
  border-bottom: 1px solid #e6eefb;
}
.flyoutMenu .flyout-main__menu li a {
  font-family: "Archivo", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #141f39;
  display: block;
  line-height: 24px;
  padding: 0px;
  text-transform: capitalize;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  position: relative;
}
.flyoutMenu .flyout-main__menu li a:hover, .flyoutMenu .flyout-main__menu li a.active {
  color: #266ff2;
}
.flyoutMenu .flyout-main__menu li a:hover::after, .flyoutMenu .flyout-main__menu li a.active::after {
  color: #266ff2 !important;
}
.flyoutMenu .flyout-main__menu li:last-child a {
  margin-right: 0;
}
.flyoutMenu .flyout-main__menu li.has__dropdown .nav__link::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 11px;
  color: #141f39;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.flyoutMenu .flyout-main__menu li .sub-menu,
.flyoutMenu .flyout-main__menu li .sub__menu {
  position: relative;
  background: #e6eefb;
  z-index: 99;
  padding: 10px 0 10px 16px;
  margin-top: 8px;
  display: none;
}
.flyoutMenu .flyout-main__menu li .sub-menu li,
.flyoutMenu .flyout-main__menu li .sub__menu li {
  padding: 0;
  border: none;
}
.flyoutMenu .flyout-main__menu li .sub-menu li a,
.flyoutMenu .flyout-main__menu li .sub__menu li a {
  font-family: "Archivo", sans-serif;
  padding: 7px 0;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  color: #141f39;
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
}
.flyoutMenu .flyout-main__menu li .sub-menu li a:hover,
.flyoutMenu .flyout-main__menu li .sub__menu li a:hover {
  color: #266ff2;
}

/*********************************
/* FlyOut Menu End
*********************************/
.banner__section {
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 220px 0 300px;
  z-index: 1;
}
.banner__section::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 340px;
  background: url("../images/banner/banner-bottom-shape-01.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  z-index: -1;
}
.banner__section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/banner/banner-overlay.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  opacity: 0.3;
  z-index: -1;
}
@media screen and (max-width: 1199px) {
  .banner__section {
    padding: 200px 0 350px;
  }
}
@media screen and (max-width: 991px) {
  .banner__section {
    padding: 180px 0 300px;
  }
}
@media screen and (max-width: 767px) {
  .banner__section {
    padding: 180px 0 250px;
  }
}
.banner__section.v2 {
  padding-bottom: 0;
}
.banner__section.v2::after {
  display: none;
}

/* Banner Slider Start */
.bannerSlide__wrapper {
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 280px 0 360px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .bannerSlide__wrapper {
    padding: 200px 0 280px;
  }
}
.bannerSlide__wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(20, 31, 57, 0.9);
}
.bannerSlide__wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 340px;
  background: url("../images/banner/banner-bottom-shape-02.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}

/* Banner Slider Start */
/* Hero Text Start */
.hero__text {
  position: relative;
  max-width: 570px;
  z-index: 1;
}
.hero__text.text__white .title {
  color: #fff;
}
.hero__text.text__white .desc {
  color: #fff;
}
.hero__text.text__white .video__btn {
  color: #fff;
}
@media screen and (max-width: 991px) {
  .hero__text {
    max-width: 100%;
    text-align: center;
  }
}
.hero__text.v2 {
  max-width: 850px;
  margin: auto;
}
@media screen and (max-width: 1440px) {
  .hero__text.v2 {
    max-width: 700px;
  }
}
.hero__text .sub__title {
  font-family: "Archivo", sans-serif;
  color: #266ff2;
  font-size: 17px;
  font-weight: 500;
  line-height: 27px;
  margin: 0 0 16px;
  text-transform: uppercase;
}
.hero__text .title {
  color: #141f39;
  margin-bottom: 0;
}
.hero__text .desc {
  font-size: 16px;
  color: #525256;
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .hero__text .desc {
    font-size: 18px;
    line-height: 30px;
  }
}
@media screen and (max-width: 479px) {
  .hero__text .desc {
    font-size: 16px;
    line-height: 24px;
  }
}
.hero__text .btn__group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-top: 40px;
}
@media screen and (max-width: 375px) {
  .hero__text .btn__group {
    gap: 10px;
  }
}
@media screen and (max-width: 400px) {
  .hero__text .btn {
    font-size: 15px;
    padding: 11px 16px;
  }
}
@media screen and (max-width: 375px) {
  .hero__text .btn {
    font-size: 14px;
  }
}

.video__btn {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  position: relative;
  font-family: "Archivo", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  color: #141f39;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.video__btn i {
  position: relative;
  width: 56px;
  height: 56px;
  font-size: 14px;
  color: #fff;
  background: #266ff2;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-animation: pulse-animation 2s infinite;
          animation: pulse-animation 2s infinite;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.video__btn:hover i {
  background: #09c3ff;
}

@-webkit-keyframes pulse-animation {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(38, 111, 242, 0.4);
            box-shadow: 0 0 0 0px rgba(38, 111, 242, 0.4);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(38, 111, 242, 0);
            box-shadow: 0 0 0 20px rgba(38, 111, 242, 0);
  }
}

@keyframes pulse-animation {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(38, 111, 242, 0.4);
            box-shadow: 0 0 0 0px rgba(38, 111, 242, 0.4);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(38, 111, 242, 0);
            box-shadow: 0 0 0 20px rgba(38, 111, 242, 0);
  }
}
.bottom__image {
  max-width: 900px;
  margin: 50px auto 0;
}
@media screen and (max-width: 1440px) {
  .bottom__image {
    max-width: 700px;
  }
}

/* Hero Text End */
/* Hero Figure Start */
.hero__figure {
  position: relative;
}
.hero__figure img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 630px;
  position: relative;
  margin: auto;
}
.hero__figure .animation__01 {
  -webkit-animation: MoveMain 3s linear infinite alternate;
          animation: MoveMain 3s linear infinite alternate;
  z-index: 11;
}
@media screen and (max-width: 991px) {
  .hero__figure {
    display: none;
  }
}

@-webkit-keyframes MoveMain {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
}

@keyframes MoveMain {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
}
/* Hero Figure End */
/* Banner Navigation Start */
@media screen and (max-width: 991px) {
  .banner__swiper__navigation {
    display: none;
  }
}
.banner__swiper__navigation .swiper-button-next,
.banner__swiper__navigation .swiper-button-prev {
  color: #fff;
  font-size: 18px;
  height: 56px;
  width: 56px;
  border: 1px solid #fff;
  border-radius: 4px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  position: absolute;
  left: 45px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 999;
}
.banner__swiper__navigation .swiper-button-next::after,
.banner__swiper__navigation .swiper-button-prev::after {
  display: none;
}
.banner__swiper__navigation .swiper-button-next:hover,
.banner__swiper__navigation .swiper-button-prev:hover {
  background: #266ff2;
  border-color: #266ff2;
  color: #fff;
}
.banner__swiper__navigation .swiper-button-next {
  left: auto;
  right: 45px !important;
}

.banner__pagination .swiper-pagination-bullets {
  bottom: 150px;
  z-index: 99;
}
.banner__pagination .swiper-pagination-bullets .swiper-pagination-bullet {
  height: 8px;
  width: 20px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.banner__pagination .swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 30px;
  background: #266ff2;
}

/* Banner Navigation End */
/*********************************
/*  Partner Section Start
*********************************/
.partner__section {
  position: relative;
  margin-top: -80px;
  z-index: 9;
}
@media screen and (max-width: 1199px) {
  .partner__section {
    margin-top: -130px;
  }
}
@media screen and (max-width: 991px) {
  .partner__section {
    margin-top: -80px;
  }
}

.partner__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 37px;
  white-space: nowrap;
  margin-bottom: 117px;
}
@media screen and (max-width: 991px) {
  .partner__title {
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 767px) {
  .partner__title {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 479px) {
  .partner__title {
    gap: 5px;
    margin-bottom: 110px;
  }
}
.partner__title .title-sm {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 0;
}
.partner__title .title {
  font-family: "Archivo", sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  color: #141f39;
}
@media screen and (max-width: 767px) {
  .partner__title .title {
    font-size: 33px;
    line-height: 48px;
  }
}
.partner__title .title span {
  font-weight: 800;
  color: #266ff2;
  display: block;
}
.partner__title .arrow {
  position: relative;
  top: 20px;
  width: auto;
  height: auto;
  max-width: 89px;
  display: inline-block;
}
.partner__title .arrow path {
  fill: #266ff2;
}
@media screen and (max-width: 479px) {
  .partner__title .arrow {
    position: absolute;
    top: 100px;
  }
}

.partner__wrapper {
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(38, 111, 242, 0.2);
}
.partner__wrapper .partner__image {
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.partner__wrapper .partner__image img {
  width: auto;
  height: auto;
  display: block;
  max-width: 90%;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.partner__wrapper .partner__image:hover img {
  opacity: 1;
}

/*********************************
/*  Partner Section End
*********************************/
/*********************************
/*  About Section Start
*********************************/
.about__content .about__subtitle {
  font-family: "Archivo", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 10px;
  color: #266ff2;
  text-transform: uppercase;
}
.about__content .about__title {
  margin-bottom: 15px;
  text-transform: capitalize;
}
.about__content .about__desc {
  margin-bottom: 0;
}
.about__content .about__btn {
  margin-top: 40px;
  display: block;
}

@media screen and (max-width: 991px) {
  .about__figure {
    margin-bottom: 30px;
  }
}
.about__figure img {
  margin: auto;
  max-width: 630px;
}
@media screen and (max-width: 991px) {
  .about__figure img {
    max-width: 550px;
  }
}

.about__feature .about__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
  margin-top: 30px;
}
.about__feature .about__item .icon {
  height: 50px;
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.about__feature .about__item .icon img {
  max-width: 50px;
}
.about__feature .about__item .content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.about__feature .about__item .content .title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  display: block;
}
.about__feature .about__item .content p,
.about__feature .about__item .content .desc {
  margin-bottom: 0;
}

/*********************************
/*  About Section End
*********************************/
/*********************************
/*  Service Section Start
*********************************/
.serviceBox {
  background: #fff;
  padding: 50px 30px;
  border: 1px solid #266ff2;
  border-radius: 8px;
  position: relative;
  height: calc(100% - 30px);
  margin-bottom: 30px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  text-align: center;
  overflow: hidden;
}
.serviceBox::before {
  content: "";
  border-radius: inherit;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: auto;
  right: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  background-color: #266ff2;
  -webkit-transition: -webkit-transform 0.5s ease 0s;
  transition: -webkit-transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}
@media screen and (max-width: 1440px) {
  .serviceBox {
    padding: 40px 20px;
  }
}
@media screen and (max-width: 767px) {
  .serviceBox {
    padding: 30px 20px;
  }
}
.serviceBox__icon {
  font-size: 36px;
  color: #266ff2;
  border-radius: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  position: relative;
  height: 80px;
  width: 80px;
  background: #266ff2;
}
.serviceBox__icon img {
  width: auto;
  height: auto;
  display: block;
  max-width: 40px;
  z-index: 99;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media screen and (max-width: 991px) {
  .serviceBox__icon {
    margin: 0 auto;
  }
}
.serviceBox__content {
  margin-top: 30px;
  position: relative;
  z-index: 99;
}
.serviceBox__content .title {
  font-family: "Archivo", sans-serif;
  font-size: 20px;
  line-height: 34px;
  font-weight: 700;
  display: block;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.serviceBox__content .title a {
  color: currentColor;
  display: block;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.serviceBox__content .title a:hover {
  color: #266ff2;
}
.serviceBox__content .desc {
  margin-bottom: 0;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.serviceBox__content .service__btn {
  margin-top: 20px;
}
.serviceBox__content .service__btn .solid__btn {
  color: #266ff2;
}
.serviceBox:hover::before {
  left: 0;
  right: auto;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.serviceBox:hover .serviceBox__icon {
  background: white;
  z-index: 1;
}
.serviceBox:hover .serviceBox__icon img {
  -webkit-filter: brightness(1) invert(0);
          filter: brightness(1) invert(0);
}
.serviceBox .serviceBox__content h4 {
  transition: all .3s ease-in-out !important;
}
.serviceBox:hover .serviceBox__content h4,
.serviceBox:hover .serviceBox__content .title a {
  color: #fff;
}
.serviceBox:hover .serviceBox__content .desc {
  color: #fff;
}
.serviceBox:hover .serviceBox__content .service__btn .solid__btn {
  color: #fff;
}

/*********************************
/*  Service Section End
*********************************/
/*********************************
/* Service Details Start
*********************************/
.serviceDetails__sidebar {
  position: sticky;
  top: 110px;
}

.serviceDetails__widget {
  background: #f6f9fb;
  padding: 40px;
  border-radius: 8px;
  margin-bottom: 40px;
}
@media screen and (max-width: 479px) {
  .serviceDetails__widget {
    padding: 30px;
  }
}
.serviceDetails__title {
  font-weight: 700;
  display: block;
  margin-bottom: 28px;
}
.serviceDetails__link {
  list-style: none;
}
.serviceDetails__link li a {
  font-family: "Archivo", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #141f39;
  display: block;
  padding: 16px 20px 14px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 4px;
  text-transform: capitalize;
  z-index: 1;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.serviceDetails__link li a::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #266ff2;
  border-radius: 4px;
  z-index: -1;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.serviceDetails__link li a::after {
  position: absolute;
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 14px;
  height: 40px;
  width: 40px;
  border-radius: 2px;
  color: #266ff2;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.serviceDetails__link li a.active, .serviceDetails__link li a:hover {
  color: #fff;
}
.serviceDetails__link li a.active::before, .serviceDetails__link li a:hover::before {
  width: 100%;
}
.serviceDetails__link li a.active::after, .serviceDetails__link li a:hover::after {
  color: #fff;
}
.serviceDetails__brochure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.serviceDetails__brochure .btn {
  text-transform: uppercase;
  width: 100%;
}
.serviceDetails__brochure .btn i {
  padding-right: 5px;
}
.serviceDetails__thumb {
  margin-bottom: 40px;
}
.serviceDetails__thumb img {
  height: 100%;
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  aspect-ratio: 10/6;
  border-radius: 8px;
}
.serviceDetails__content h4 {
  font-size: 34px;
  line-height: 38px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 479px) {
  .serviceDetails__content h4 {
    font-size: 30px;
  }
}
.serviceDetails__content p {
  margin-bottom: 30px;
}
.serviceDetails__listtitle {
  font-weight: 700;
  margin-bottom: 20px;
}
.serviceDetails__list {
  list-style: none;
}
@media screen and (max-width: 1199px) {
  .serviceDetails__list {
    margin-bottom: 30px;
  }
}
.serviceDetails__list li {
  font-size: 16px;
  color: #525256;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.serviceDetails__list li:last-of-type {
  margin-bottom: 0;
}
.serviceDetails__list li i {
  font-size: 18px;
  color: #266ff2;
  margin-right: 8px;
  display: inline-block;
}

/*********************************
/* Service Details End
*********************************/
/*********************************
/*  Project Section Start
*********************************/
.project__wrapper {
  margin-right: -445px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .project__wrapper {
    margin-right: -200px;
  }
}
@media screen and (max-width: 1199px) {
  .project__wrapper {
    margin-right: 0;
  }
}

.projectItem {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 8px;
}
.projectItem__image {
  aspect-ratio: 4.5/5.2;
}
.projectItem__image img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.projectItem__content {
  padding: 20px;
  position: absolute;
  background: rgba(38, 111, 242, 0.7);
  height: 100%;
  left: 0;
  opacity: 0;
  padding: 30px;
  top: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
  z-index: 1;
}
.projectItem__content .title {
  font-size: 22px;
  line-height: 32px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .projectItem__content .title {
    font-size: 18px;
    line-height: 26px;
  }
}
.projectItem__content .title a {
  color: currentColor;
  display: block;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.projectItem__content .title a:hover {
  color: #266ff2;
}
.projectItem__content .category {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #fff;
}
.projectItem__content .category a {
  font-size: 13px;
  color: #fff;
  font-weight: 500;
  display: inline-block;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.projectItem__content .category a:hover {
  color: #266ff2;
}
.projectItem__content .project__btn {
  position: absolute;
  bottom: 30px;
  width: calc(100% - 60px);
  left: 30px;
}
.projectItem__content .project__btn .btn {
  width: 100%;
  text-align: left;
  position: relative;
}
.projectItem__content .project__btn .btn::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: 900;
}
.projectItem:hover .projectItem__content {
  opacity: 1;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.swiper__navigation {
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.swiper__navigation .swiper-button-next,
.swiper__navigation .swiper-button-prev {
  position: relative;
  margin: 0;
  top: 0;
  bottom: 0;
  right: 0px;
  left: 0;
  color: #141f39;
  font-size: 18px;
  height: 56px;
  width: 56px;
  border: 1px solid #9ba6b1;
  border-radius: 4px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.swiper__navigation .swiper-button-next::after,
.swiper__navigation .swiper-button-prev::after {
  display: none;
}
.swiper__navigation .swiper-button-next:hover,
.swiper__navigation .swiper-button-prev:hover {
  background: #266ff2;
  border-color: #266ff2;
  color: #fff;
}

/*********************************
/*  Project Section End
*********************************/
/*********************************
/*  Project Filter Start
*********************************/
.filter__menu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  margin-bottom: 40px;
}
@media screen and (max-width: 575px) {
  .filter__menu {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.filter__menu .filter__btn {
  gap: 10px;
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  color: #141f39;
  font-weight: 600;
  text-transform: uppercase;
  padding: 7px 20px;
  background: #fff;
  border: 1px solid #e6eefb;
  text-align: center;
  display: inline-block;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media screen and (max-width: 575px) {
  .filter__menu .filter__btn {
    width: calc(50% - 5px);
  }
}
.filter__menu .filter__btn.mixitup-control-active, .filter__menu .filter__btn:hover {
  background: #266ff2;
  border-color: #266ff2;
  color: #fff;
}

/*********************************
/*  Project Filter End
*********************************/
/*********************************
/* Project Details Start
*********************************/
.projectDetails__thumb {
  position: relative;
}
.projectDetails__thumb img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 16px;
  aspect-ratio: 8/4;
}
.projectDetails__content {
  margin-top: 40px;
}
.projectDetails__content-left .title {
  font-weight: 700;
  margin-bottom: 20px;
}
.projectDetails__content-left .desc {
  margin-bottom: 20px;
}
.projectDetails__content-right {
  position: sticky;
  top: 110px;
}
.projectDetails__box {
  background: #f6f9fb;
  padding: 40px;
  border-radius: 8px;
  margin-bottom: 40px;
}
@media screen and (max-width: 479px) {
  .projectDetails__box {
    padding: 30px;
  }
}
.projectDetails__box .projectDetails__list {
  list-style: none;
}
.projectDetails__box .projectDetails__list li {
  margin-bottom: 24px;
}
.projectDetails__box .projectDetails__list li .client {
  font-weight: 500;
  margin-bottom: 0;
  opacity: 0.7;
}
.projectDetails__box .projectDetails__list li .name {
  font-size: 16px;
  font-weight: 700;
  color: #141f39;
}
.projectDetails__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.projectDetails__social a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 15px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #141f39;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.projectDetails__social a:hover {
  background: #266ff2;
  color: #fff;
}
.projectDetails__pagination-box {
  border-bottom: 1px solid #ece9e0;
  border-top: 1px solid #ece9e0;
  display: block;
  margin-top: 117px;
  padding: 30px 0;
  position: relative;
  text-align: center;
}
.projectDetails__pagination-box .pagination {
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.projectDetails__pagination-box .pagination li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.projectDetails__pagination-box .pagination li i {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  height: 52px;
  width: 52px;
  border-radius: 50%;
  color: #141f39;
  border: 2px solid #141f39;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  z-index: 1;
}
.projectDetails__pagination-box .pagination li i:hover {
  background: #266ff2;
  border-color: #266ff2;
  color: #fff;
}

/*********************************
/* Project Details End
*********************************/
/*********************************
/*  Testimonial Section Start
*********************************/
.testimonial__item {
  background: #fff;
  border-radius: 15px;
  padding: 30px;
  position: relative;
  -webkit-box-shadow: 0px 2px 14px 0px rgba(63, 81, 102, 0.12);
          box-shadow: 0px 2px 14px 0px rgba(63, 81, 102, 0.12);
  border: 2px solid #fff;
  margin: 0px 30px;
}
@media screen and (max-width: 991px) {
  .testimonial__item {
    width: 100%;
    margin: 10px;
  }
}
@media screen and (max-width: 479px) {
  .testimonial__item {
    width: auto;
    padding: 30px 20px;
  }
}
.testimonial__item .rating {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  height: 24px;
}
.testimonial__item .rating a {
  color: #ffa63a;
  font-size: 12px;
  display: inline-block;
  margin-right: 2px;
}
.testimonial__item .testimonial__content {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #525256;
  margin-bottom: 32px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .testimonial__item .testimonial__content {
    -webkit-line-clamp: initial;
  }
}
.testimonial__item .testimonial__avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.testimonial__item .testimonial__avatar .avatar {
  height: 55px;
  width: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background: #f5f5f5;
}
.testimonial__item .testimonial__avatar .avatar img {
  width: 100%;
  width: 100%;
  display: inline-block;
  border-radius: 50%;
}
.testimonial__item .testimonial__avatar .avatar__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.testimonial__item .testimonial__avatar .avatar__content .title {
  font-family: "Archivo", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #141f39;
  margin-bottom: 0;
  text-transform: capitalize;
}
.testimonial__item .testimonial__avatar .avatar__content .designation {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
  color: #a9a9a9;
  letter-spacing: 2px;
}
.testimonial__item .quote {
  height: 56px;
  width: 56px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.testimonial__item .quote i {
  font-size: 60px;
  color: rgba(184, 184, 184, 0.15);
}

@media screen and (max-width: 991px) {
  .testi__image {
    display: none;
  }
}
.testi__image img {
  width: 100%;
  height: auto;
  display: block;
  margin: auto;
}

.swiper.testimonial__slider {
  height: 620px;
}
@media screen and (max-width: 991px) {
  .swiper.testimonial__slider {
    height: initial;
  }
}

.swiper.testimonial__slider-v2 .testimonial__item {
  margin: 10px 0;
}

/*********************************
/*  Testimonial Section End
*********************************/
/*********************************
/*  Counter Section Start
*********************************/
.counter__section {
  background: #266ff2;
  position: relative;
}
.counter__section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/bg-pattern.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.counterItem {
  position: relative;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .counterItem {
    margin: 15px 0px;
  }
}
.counterItem .counter__count {
  position: relative;
  z-index: 1;
}
.counterItem__content {
  display: block;
  gap: 20px;
}
.counterItem__content .title {
  font-size: 66px;
  text-wrap: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  position: relative;
  z-index: 1;
}
.counterItem__content .title .plus {
  position: relative;
  z-index: 9;
}
@media screen and (max-width: 575px) {
  .counterItem__content .title {
    font-size: 56px;
  }
}
.counterItem__content .subtitle {
  line-height: 100%;
  color: #fff;
  font-weight: 500;
  display: block;
  position: relative;
  z-index: 1;
}

/*********************************
/*  Counter Section End
*********************************/
/*********************************
/*  Pricing Section Start
*********************************/
.pricing__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media screen and (max-width: 991px) {
  .pricing__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .pricing__grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.pricing__item {
  padding: 30px;
  padding-bottom: 25px;
  border: 1px solid #e6eefb;
  background: #fff;
  border-radius: 8px;
  text-align: center;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-box-shadow: 0px 10px 20px #f3f3f3;
          box-shadow: 0px 10px 20px #f3f3f3;
}
.pricing__item .pricing__header {
  margin-bottom: 30px;
}
.pricing__item .pricing__header .title {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 2px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.pricing__item .pricing__header p,
.pricing__item .pricing__header .desc {
  font-size: 15px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.pricing__item .pricing__bar {
  width: 100%;
  height: 1px;
  background: rgba(38, 111, 242, 0.2);
  margin-bottom: 30px;
  position: relative;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.pricing__item .pricing__bar::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40px;
  height: 4px;
  background: #266ff2;
  border-radius: 5px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.pricing__item .pricing__tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  gap: 2px;
  margin-bottom: 30px;
  font-size: 40px;
  font-weight: 700;
  font-family: "Archivo", sans-serif;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.pricing__item .pricing__switch {
  margin-bottom: 10px;
}
.pricing__item .pricing__switch p {
  font-size: 13px;
  line-height: 18px;
  color: #266ff2;
  margin-bottom: 0;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.pricing__item .pricing__btn {
  margin-bottom: 20px;
}
.pricing__item .pricing__btn .btn {
  font-size: 14px;
  padding: 8px 29px;
}
.pricing__item .pricing__features {
  text-align: start;
}
.pricing__item .pricing__features li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 10px;
  margin-bottom: 10px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.pricing__item .pricing__features li i {
  font-size: 10px;
  height: 18px;
  width: 18px;
  background: rgba(38, 111, 242, 0.08);
  color: #266ff2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 3px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.pricing__item.active, .pricing__item:hover {
  border-color: #266ff2;
  background: #266ff2;
}
.pricing__item.active .pricing__header .title, .pricing__item:hover .pricing__header .title {
  color: #fff;
}
.pricing__item.active .pricing__header p,
.pricing__item.active .pricing__header .desc, .pricing__item:hover .pricing__header p,
.pricing__item:hover .pricing__header .desc {
  color: #fff;
}
.pricing__item.active .pricing__bar, .pricing__item:hover .pricing__bar {
  background: rgba(255, 255, 255, 0.2);
}
.pricing__item.active .pricing__bar::after, .pricing__item:hover .pricing__bar::after {
  background: rgba(255, 255, 255, 0.8);
}
.pricing__item.active .pricing__tag, .pricing__item:hover .pricing__tag {
  color: #fff;
}
.pricing__item.active .pricing__switch p, .pricing__item:hover .pricing__switch p {
  color: #fff;
}
.pricing__item.active .pricing__features li, .pricing__item:hover .pricing__features li {
  color: #fff;
}
.pricing__item.active .pricing__features li i, .pricing__item:hover .pricing__features li i {
  background: #fff;
}
.pricing__item.active .pricing__btn .btn, .pricing__item:hover .pricing__btn .btn {
  background: #fff;
  color: #000000;
  -webkit-transition: none;
  transition: none;
}

/*********************************
/*  Pricing Section End
*********************************/
/*********************************
/*  Team Section Start
*********************************/
.teamBox {
  background: #fff;
  padding: 40px 30px;
  border-radius: 10px;
  position: relative;
  height: calc(100% - 30px);
  margin-bottom: 30px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  text-align: center;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(96, 96, 96, 0.1);
          box-shadow: 0px 5px 10px 0px rgba(96, 96, 96, 0.1);
}
.teamBox__figure {
  position: relative;
  overflow: hidden;
  height: 120px;
  width: 120px;
  border-radius: 10px;
  display: inline-block;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.teamBox__figure img {
  width: 100%;
  height: auto;
  display: inline-block;
  border-radius: 8px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.teamBox__content {
  position: relative;
  margin-top: 25px;
}
.teamBox__title {
  font-family: "Archivo", sans-serif;
  font-size: 24px;
  line-height: 34px;
  color: #141f39;
  font-weight: 600;
  display: block;
  margin-bottom: 0;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  text-transform: capitalize;
}
.teamBox__title:hover {
  color: #266ff2;
}
.teamBox__desc {
  font-size: 14px;
  color: #525256;
  margin-bottom: 0;
}
.teamBox__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  gap: 10px;
  margin-top: 15px;
}
.teamBox__social li a {
  font-size: 14px;
  color: #fff;
  height: 40px;
  width: 40px;
  border: 1px solid #e6eefb;
  color: #1b2e59;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.teamBox__social li a:hover {
  color: #fff !important;
}
.teamBox__social li:nth-child(1) a:hover {
  background: #3b5998;
  border-color: #3b5998;
}
.teamBox__social li:nth-child(2) a {
  color: #1da1f2;
}
.teamBox__social li:nth-child(2) a:hover {
  background: #1da1f2;
  border-color: #1da1f2;
}
.teamBox__social li:nth-child(3) a {
  color: #0077b5;
}
.teamBox__social li:nth-child(3) a:hover {
  background: #0077b5;
  border-color: #0077b5;
}
.teamBox__social li:nth-child(4) a {
  color: #e4405f;
}
.teamBox__social li:nth-child(4) a:hover {
  background: #e4405f;
  border-color: #e4405f;
}
.teamBox:hover .teamBox__title {
  color: #266ff2;
}
.teamBox:hover .teamBox__figure {
  border-radius: 50%;
}

/*********************************
/*  Team Section End
*********************************/
/*********************************
/* Process Section Start
*********************************/
.processBox {
  position: relative;
  background: #fff;
  padding: 35px 30px;
  text-align: center;
  border-radius: 8px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(96, 96, 96, 0.1);
          box-shadow: 0px 5px 10px 0px rgba(96, 96, 96, 0.1);
}
@media screen and (max-width: 1440px) {
  .processBox {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 991px) {
  .processBox {
    margin-bottom: 30px;
  }
}
.processBox__number {
  font-size: 40px;
  font-weight: 700;
  color: rgba(9, 195, 255, 0.1);
  position: absolute;
  right: 30px;
  top: 30px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.processBox__icon {
  height: 80px;
  width: 80px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e6eefb;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  font-size: 40px;
  font-weight: 700;
  color: #266ff2;
}
.processBox__icon img {
  width: auto;
  height: auto;
  max-width: 40px;
  display: inline-block;
}
.processBox__content {
  margin-top: 25px;
}
.processBox__content .title {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 600;
  text-transform: uppercase;
}
.processBox__content p,
.processBox__content .desc {
  font-size: 15px;
}
.processBox:hover .processBox__number {
  color: #266ff2;
}
.processBox:hover .processBox__icon {
  background: #266ff2;
  border-color: #266ff2;
  color: #fff;
}

/*********************************
/* Process Section End
*********************************/
/*********************************
/*  Cta Box Start
*********************************/
.ctaBox__wrapper {
  background: #266ff2;
  position: relative;
  padding: 60px 100px;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  border-radius: 16px;
}
.ctaBox__wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/bg-pattern.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: -1;
}
@media screen and (max-width: 991px) {
  .ctaBox__wrapper {
    grid-template-columns: repeat(1, 1fr);
    text-align: center;
    padding: 60px 30px;
  }
}
@media screen and (max-width: 575px) {
  .ctaBox__wrapper {
    padding: 60px 20px;
  }
}
.ctaBox__wrapper .ctaBox__subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}
.ctaBox__wrapper .ctaBox__title {
  color: #fff;
  display: block;
  font-size: 32px;
  line-height: 46px;
  margin-bottom: 0px;
}
@media screen and (max-width: 400px) {
  .ctaBox__wrapper .ctaBox__title {
    font-size: 28px;
    line-height: 36px;
  }
}

.ctaBox__form {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
}
@media screen and (max-width: 400px) {
  .ctaBox__form {
    display: block;
  }
}
.ctaBox__form .form-control {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  background: #fff;
  color: #525256;
  display: block;
  padding: 20px 30px;
  padding-right: 170px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ctaBox__form .form-control:focus {
  border-color: #266ff2;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (max-width: 400px) {
  .ctaBox__form .form-control {
    padding: 12px 20px;
    margin-bottom: 10px;
    text-align: center;
  }
}
.ctaBox__form .btn {
  position: absolute;
  right: 10px;
  padding: 10px 30px;
  border-radius: 5px;
}
@media screen and (max-width: 575px) {
  .ctaBox__form .btn {
    padding: 10px 20px;
  }
}
@media screen and (max-width: 400px) {
  .ctaBox__form .btn {
    width: 100%;
    position: relative;
    right: 0;
    background: #09c3ff;
    border-color: #09c3ff;
  }
}

/*********************************
/*  Cta Box End
*********************************/
/*********************************
/*  Contact Section Start
*********************************/
.contact__form .flex__input {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media screen and (max-width: 479px) {
  .contact__form .flex__input {
    grid-template-columns: auto;
    gap: 0;
  }
}
.contact__form .form__group {
  margin-bottom: 30px;
}
.contact__form .form__group .form-control {
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  padding: 16px 25px;
  color: #141f39;
  background: #fff;
  border: 1px solid #e6eefb;
  outline: none;
  border-radius: 6px;
  height: 60px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.contact__form .form__group .form-control.text__area {
  min-height: 150px;
}
.contact__form .form__group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #266ff2;
}
.contact__form .form__group .form-control::-webkit-input-placeholder {
  color: #141f39;
  opacity: 0.7;
}
.contact__form .form__group .form-control::-moz-placeholder {
  color: #141f39;
  opacity: 0.7;
}
.contact__form .form__group .form-control:-ms-input-placeholder {
  color: #141f39;
  opacity: 0.7;
}
.contact__form .form__group .form-control::-ms-input-placeholder {
  color: #141f39;
  opacity: 0.7;
}
.contact__form .form__group .form-control::placeholder {
  color: #141f39;
  opacity: 0.7;
}
.contact__form .btn__submit .btn {
  width: 100%;
}

/*********************************
/*  Contact Section End
*********************************/
/*********************************
/*  ContactBox Start
*********************************/
.contactBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background: #fff;
  border: 1px solid #e6eefb;
  padding: 40px 30px;
  border-radius: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.contactBox__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .contactBox__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 479px) {
  .contactBox__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.contactBox__icon {
  height: 70px;
  width: 70px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
  background: rgba(38, 111, 242, 0.1);
  border-radius: 50%;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.contactBox__icon img {
  width: auto;
  height: auto;
  display: block;
  max-width: 30px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.contactBox .title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.contactBox__inform {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.contactBox__inform p,
.contactBox__inform a {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #141f39;
  display: block;
  text-decoration: none;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media screen and (max-width: 1199px) {
  .contactBox__inform p,
  .contactBox__inform a {
    font-size: 16px;
  }
}
.contactBox__inform p:hover,
.contactBox__inform a:hover {
  color: #266ff2;
}
.contactBox:hover .contactBox__icon {
  background: #266ff2;
}
.contactBox:hover .contactBox__icon img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

/*********************************
/*  ContactBox  End
*********************************/
/*********************************
/*  Map Start
*********************************/
#map iframe {
  height: 380px;
  width: 100%;
  border-radius: 16px;
}

/*********************************
/*  Map End
*********************************/
/*********************************
/* Blog Section Start
*********************************/
.blogPost__item {
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
  height: 100%;
}
@media screen and (max-width: 991px) {
  .blogPost__item {
    height: calc(100% - 30px);
    margin-bottom: 30px;
  }
}
.blogPost__item .blog__figure {
  overflow: hidden;
  max-height: 240px;
  min-height: 240px;
  height: 100%;
  background: #f9f9f9;
  border-radius: 8px 8px 0 0;
  position: relative;
}
.blogPost__item .blog__figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media screen and (max-width: 575px) {
  .blogPost__item .blog__figure img {
    max-width: inherit;
    max-height: inherit;
  }
}
.blogPost__item .blog__figure .post__date {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 14px;
  line-height: 100%;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 8px;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
.blogPost__item .blog__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-bottom: 15px;
}
.blogPost__item .blog__meta span {
  position: relative;
}
.blogPost__item .blog__meta span::before {
  content: "";
  position: absolute;
  right: -10px;
  height: 100%;
  width: 2px;
  background: #b5b5b5;
}
.blogPost__item .blog__meta span:last-of-type::before {
  display: none;
}
.blogPost__item .blog__meta span a,
.blogPost__item .blog__meta span {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #525256;
  text-transform: capitalize;
  text-decoration: none;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.blogPost__item .blog__meta span a i,
.blogPost__item .blog__meta span i {
  color: #266ff2;
}
.blogPost__item .blog__meta span a a,
.blogPost__item .blog__meta span a {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.blogPost__item .blog__meta span a a:hover,
.blogPost__item .blog__meta span a:hover {
  color: #266ff2;
}
.blogPost__item .blog__content {
  padding: 30px;
}
.blogPost__item .blog__content h4 {
  font-family: "Archivo", sans-serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 15px;
}
@media screen and (max-width: 991px) {
  .blogPost__item .blog__content h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .blogPost__item .blog__content h4 {
    font-size: 18px;
  }
}
@media screen and (max-width: 575px) {
  .blogPost__item .blog__content h4 {
    font-size: 20px;
  }
}
.blogPost__item .blog__content h4 a {
  color: currentColor;
  text-decoration: none;
  display: block;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.blogPost__item .blog__content h4 a:hover {
  color: #266ff2;
}
.blogPost__item .blog__content p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #525256;
  opacity: 0.9;
  margin-bottom: 0;
}
@media screen and (max-width: 1440px) {
  .blogPost__item .blog__content p {
    font-size: 15px;
  }
}
.blogPost__item .blog__content .blog__btn {
  margin-top: 15px;
}
.blogPost__item .blog__content .blog__btn .solid__btn {
  color: #266ff2;
}
.blogPost__item:hover .blog__figure img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

/*********************************
/* Blog Section End
*********************************/
/*********************************
/* Blog Post List Start
*********************************/
.blogList .blogPost__item {
  margin-bottom: 60px;
}
.blogList .blogPost__item .blog__content h4 {
  font-size: 28px;
  line-height: 40px;
}
@media screen and (max-width: 575px) {
  .blogList .blogPost__item .blog__content h4 {
    font-size: 22px;
    line-height: 30px;
  }
}
.blogList .blogPost__item .blog__figure {
  display: block;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
  max-height: 400px;
}
.blogList .blogPost__item .blog__figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.blogList .blogPost__item:hover .blog__figure img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

/*********************************
/* Blog Post List End
*********************************/
/*********************************
/* Blog Post Single Start
*********************************/
.blogPost__single {
  background: none;
  border: none;
  border-radius: 0;
  height: 100%;
  margin-bottom: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.blogPost__single .blog__meta {
  margin-bottom: 15px;
}
.blogPost__single .blog__meta span,
.blogPost__single .blog__meta span a {
  font-size: 16px;
}
.blogPost__single .blog__content {
  padding: 0;
  padding-top: 30px;
}
.blogPost__single .blog__content p {
  font-size: 16px;
  margin-bottom: 30px;
}
.blogPost__single .blog__content p:last-of-type {
  margin-bottom: 0;
}
.blogPost__single .blog__content blockquote {
  background: #e6eefb;
  padding: 50px;
  margin-top: 35px;
  margin-bottom: 35px;
  position: relative;
  text-align: left;
}
.blogPost__single .blog__content blockquote h4,
.blogPost__single .blog__content blockquote cite {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  margin-top: 25px;
  margin-bottom: 0;
  color: #141f39;
}
.blogPost__single .blog__content blockquote p {
  color: #525256;
}
.blogPost__single .blog__content blockquote::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 60%;
  background: #266ff2;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.blogPost__single .blog__content h2 {
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  margin-bottom: 10px;
}
@media screen and (max-width: 375px) {
  .blogPost__single .blog__content h2 {
    font-size: 26px;
  }
}
.blogPost__single .share__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 50px;
  gap: 30px;
}
.blogPost__single .share__icon .share__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blogPost__single .share__icon .share__flex .title {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  margin-bottom: 0;
  color: #141f39;
  padding-right: 10px;
}
.blogPost__single .share__icon .share__flex ul.social__share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  gap: 10px;
}
.blogPost__single .share__icon .share__flex ul.social__share li a {
  height: 35px;
  width: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #09c3ff;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.blogPost__single .share__icon .share__flex ul.social__share li a:hover {
  background: #266ff2;
}
.blogPost__single .share__icon .share__flex .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.blogPost__single .share__icon .share__flex .tags a {
  background: #09c3ff;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  padding: 6px 12px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.blogPost__single .share__icon .share__flex .tags a:hover {
  background: #266ff2;
}
.blogPost__single .change__btn {
  margin: 40px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.blogPost__single .change__btn a {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #141f39;
  font-weight: 600;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}
.blogPost__single .change__btn a img {
  width: 60px;
  height: 60px;
  display: block;
}
.blogPost__single .change__btn .next__post a i,
.blogPost__single .change__btn .prev__post a i {
  position: relative;
  left: -35px;
  color: #fff;
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.blogPost__single .change__btn .next__post a:hover i,
.blogPost__single .change__btn .prev__post a:hover i {
  opacity: 1;
}
.blogPost__single .change__btn .next__post a i {
  left: 35px;
}
.blogPost__single .client__review {
  margin: 60px 0;
}
.blogPost__single .client__review .review__title {
  margin-bottom: 30px;
}
.blogPost__single .client__review .review__title h4 {
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  margin-bottom: 15px;
  font-weight: 700;
}
@media screen and (max-width: 375px) {
  .blogPost__single .client__review .review__title h4 {
    font-size: 26px;
  }
}
.blogPost__single .client__review .comments-box {
  background: #e6eefb;
  padding: 30px;
  position: relative;
  margin-bottom: 60px;
}
.blogPost__single .client__review .comments-box .avatar {
  width: 90px;
  height: 90px;
  background: #fff;
  position: absolute;
  right: 20px;
  top: -30px;
  border-radius: 50%;
  padding: 5px;
  -webkit-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
}
.blogPost__single .client__review .comments-box .avatar img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.blogPost__single .client__review .comments-box h3 {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  color: #141f39;
}
.blogPost__single .client__review .comments-box h3 a {
  color: currentColor;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.blogPost__single .client__review .comments-box h3 a:hover {
  color: #266ff2;
}
.blogPost__single .client__review .comments-box .date {
  font-size: 14px;
  text-transform: uppercase;
  color: #266ff2;
  margin: 5px 0 15px;
  font-weight: 500;
}
.blogPost__single .client__review .comments-box p {
  margin-bottom: 10px;
  color: #525256;
}
.blogPost__single .client__review .comments-box .replay {
  font-size: 14px;
  text-transform: uppercase;
  color: #141f39;
  font-weight: 600;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  margin-top: 10px;
}
.blogPost__single .client__review .comments-box .replay:hover {
  color: #266ff2;
}
.blogPost__single .review__form .review__title {
  margin-bottom: 30px;
}
.blogPost__single .review__form .review__title h4 {
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  margin-bottom: 15px;
  font-weight: 700;
}
@media screen and (max-width: 375px) {
  .blogPost__single .review__form .review__title h4 {
    font-size: 26px;
  }
}
.blogPost__single .review__form .review__title p {
  color: #525256;
  margin-bottom: 0;
}
.blogPost__single .input__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #525256;
  font-size: 16px;
  margin-bottom: 20px;
}
.blogPost__single:hover .blog__figure img {
  -webkit-transform: none;
          transform: none;
}

/*********************************
/* Blog Post Single End
*********************************/
/*********************************
/* Pagination Start
*********************************/
.pagination {
  padding-top: 15px;
}
@media screen and (max-width: 767px) {
  .pagination {
    padding-top: 40px;
  }
}
.pagination ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
  gap: 20px;
}
.pagination ul a {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #141f39;
  font-weight: 500;
  height: 50px;
  width: 50px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background: #f6f9fb;
  border: 2px solid #e6eefb;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  text-decoration: none;
}
@media (max-width: 479px) {
  .pagination ul a {
    margin: 30px 5px 0px 5px;
  }
}
@media screen and (max-width: 479px) {
  .pagination ul a {
    margin: 30px 5px 0px 5px;
  }
}
.pagination ul a i {
  font-size: 14px;
}
.pagination ul a.active, .pagination ul a:hover {
  border-color: #266ff2;
  background: #266ff2;
  color: #fff;
}

/*********************************
/* Pagination End
*********************************/
/*********************************
/* Breadcrumb Area Start
*********************************/
.breadcrumb__area {
  background: #f0f2f8;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding: 220px 0 140px;
  position: relative;
  z-index: 1;
}
.breadcrumb__area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/banner/banner-overlay.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: -1;
  opacity: 0.3;
}
@media screen and (max-width: 991px) {
  .breadcrumb__area {
    padding: 160px 0px 80px;
  }
}
@media screen and (max-width: 575px) {
  .breadcrumb__area {
    padding: 140px 0px 50px;
  }
}
.breadcrumb__area .breadcrumb__title {
  text-align: center;
  max-width: 900px;
  margin: auto;
}
.breadcrumb__area .breadcrumb__title .title {
  font-family: "Archivo", sans-serif;
  color: #141f39;
  font-size: 56px;
  line-height: 60px;
}
@media screen and (max-width: 991px) {
  .breadcrumb__area .breadcrumb__title .title {
    font-size: 40px;
  }
}
@media screen and (max-width: 575px) {
  .breadcrumb__area .breadcrumb__title .title {
    font-size: 35px;
    line-height: 40px;
  }
}
@media screen and (max-width: 479px) {
  .breadcrumb__area .breadcrumb__title .title {
    font-size: 30px;
  }
}
.breadcrumb__area .breadcrumb__title ul,
.breadcrumb__area .breadcrumb__title .link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  margin-top: 20px;
}
.breadcrumb__area .breadcrumb__title ul li,
.breadcrumb__area .breadcrumb__title .link li {
  position: relative;
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  color: #141f39;
  font-weight: 600;
  text-transform: uppercase;
}
.breadcrumb__area .breadcrumb__title ul li:not(:last-child)::after,
.breadcrumb__area .breadcrumb__title .link li:not(:last-child)::after {
  content: ">";
  position: absolute;
  left: auto;
  right: -15px;
  top: -1px;
  width: auto;
  height: auto;
  color: #141f39;
}
.breadcrumb__area .breadcrumb__title ul li:not(:last-child),
.breadcrumb__area .breadcrumb__title .link li:not(:last-child) {
  margin-right: 20px;
}
@media screen and (max-width: 575px) {
  .breadcrumb__area .breadcrumb__title ul,
  .breadcrumb__area .breadcrumb__title .link {
    font-size: 14px;
    margin-top: 20px;
    padding: 8px 18px;
  }
}
@media screen and (max-width: 479px) {
  .breadcrumb__area .breadcrumb__title ul,
  .breadcrumb__area .breadcrumb__title .link {
    margin-top: 10px;
  }
}
.breadcrumb__area .breadcrumb__title ul a,
.breadcrumb__area .breadcrumb__title .link a {
  color: currentColor;
  position: relative;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.breadcrumb__area .breadcrumb__title ul a:hover,
.breadcrumb__area .breadcrumb__title .link a:hover {
  color: #266ff2;
}

/*********************************
/* Breadcrumb Area End
*********************************/
/*********************************
/* Side Bar Widget Start
*********************************/
.widget__sidebar {
  position: sticky;
  top: 110px;
}
@media screen and (max-width: 991px) {
  .widget__sidebar {
    margin-top: 40px;
  }
}
.widget__sidebar .widget {
  margin-bottom: 30px;
  position: relative;
  border: 1px solid #e6eefb;
  padding: 30px;
  border-radius: 16px;
}
.widget__sidebar .widget__title {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #141f39;
  display: block;
  margin-bottom: 35px;
  position: relative;
  text-transform: capitalize;
}
.widget__sidebar .widget__title::before {
  position: absolute;
  content: "";
  bottom: -10px;
  height: 2px;
  width: 50px;
  border-radius: 8px;
  background: #266ff2;
}

/*********************************
/* Side Bar Widget End
*********************************/
/*********************************
/* Search Bar Start
*********************************/
.search__bar .form-control {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  background: #fff;
  border: 1px solid #e6eefb;
  color: #141f39;
  border-radius: 8px;
  padding: 16px;
  display: block;
  position: relative;
}
.search__bar .form-control::-webkit-input-placeholder {
  color: #141f39;
  opacity: 0.6;
}
.search__bar .form-control::-moz-placeholder {
  color: #141f39;
  opacity: 0.6;
}
.search__bar .form-control:-ms-input-placeholder {
  color: #141f39;
  opacity: 0.6;
}
.search__bar .form-control::-ms-input-placeholder {
  color: #141f39;
  opacity: 0.6;
}
.search__bar .form-control::placeholder {
  color: #141f39;
  opacity: 0.6;
}
.search__bar .form-control:focus {
  outline: none;
  border: 1px solid #e6eefb;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.search__bar .btn {
  font-size: 16px;
  text-transform: uppercase;
  width: 100%;
  display: block;
  margin-top: 15px;
}

/*********************************
/* Search Bar End
*********************************/
/*********************************
/* Top Category Start
*********************************/
.categorie__item li {
  list-style: none;
}
.categorie__item li a {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #141f39;
  position: relative;
  cursor: pointer;
  padding: 8px 0px;
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-decoration: none;
  padding-left: 18px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.categorie__item li a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #ccc;
  left: 0px;
  top: 15px;
}
.categorie__item li a span {
  font-weight: 500;
  color: #141f39;
}
.categorie__item li a:hover {
  color: #266ff2;
}

/*********************************
/* Top Category End
*********************************/
/*********************************
/* Popular Tag Start
*********************************/
.popular__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.popular__tag li {
  list-style: none;
}
.popular__tag li a {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #141f39;
  position: relative;
  cursor: pointer;
  padding: 8px 10px;
  text-transform: capitalize;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
  background: #f6f9fb;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  text-decoration: none;
}
.popular__tag li a:hover {
  background: #266ff2;
  color: #fff;
}

/*********************************
/* Popular Tag End
*********************************/
/*********************************
/* Latest Post Start
*********************************/
.latest__post li {
  list-style: none;
}
.latest__post li a {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #141f39;
  position: relative;
  cursor: pointer;
  padding: 8px 0px;
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-decoration: none;
  padding-left: 18px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.latest__post li a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #ccc;
  left: 0px;
  top: 15px;
}
.latest__post li a:hover {
  color: #266ff2;
}

/*********************************
/* Latest Post End
*********************************/
/*********************************
/*  Choose Section Start
*********************************/
.choose__content .choose__subtitle {
  font-family: "Archivo", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 10px;
  color: #266ff2;
  text-transform: uppercase;
}
.choose__content .choose__title {
  margin-bottom: 15px;
  text-transform: capitalize;
}
.choose__content .choose__desc {
  margin-bottom: 0;
}
.choose__content .choose__btn {
  margin-top: 40px;
  display: block;
}

@media screen and (max-width: 991px) {
  .choose__figure {
    margin-bottom: 30px;
  }
}
.choose__figure img {
  margin: auto;
  max-width: 580px;
}
@media screen and (max-width: 991px) {
  .choose__figure img {
    max-width: 550px;
  }
}

.list__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  list-style: none;
  gap: 20px;
  margin-top: 40px;
}
@media screen and (max-width: 479px) {
  .list__item {
    grid-template-columns: auto;
  }
}
.list__item li {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 13px 15px;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
  color: #525256;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  z-index: 1;
  border-left: 2px solid #266ff2;
}
.list__item li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #266ff2;
  border-radius: 8px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  z-index: -1;
}
.list__item li:hover {
  color: #fff;
}
.list__item li:hover::before {
  width: 100%;
}

/*********************************
/*  Choose Section End
*********************************/
/*********************************
/* Accordion Start
*********************************/
.faq__accordion .accordionjs {
  margin: 0;
}
.faq__accordion .accordionjs .acc_head {
  padding: 0;
}
.faq__accordion .accordionjs .accordion__main {
  padding: 29px 30px 0;
  border: 2px solid transparent;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media screen and (max-width: 479px) {
  .faq__accordion .accordionjs .accordion__main {
    padding: 29px 20px 0;
  }
}
.faq__accordion .accordionjs .accordion__main.acc_active {
  background-color: #fff;
  -webkit-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
  border-color: #fff;
  border-radius: 16px;
}
.faq__accordion .accordionjs .accordion__main.acc_active .accordion__tab {
  background: transparent;
  border: none;
  color: #266ff2;
}
.faq__accordion .accordionjs .accordion__main.acc_active .accordion__tab::after {
  content: "\f077";
  color: #266ff2;
}
.faq__accordion .accordionjs .accordion__tab {
  font-family: "Archivo", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #141f39;
  padding: 0 20px 28px;
  cursor: pointer;
  width: 100%;
  text-align: left;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  background: transparent;
  border: none;
  position: relative;
}
@media screen and (max-width: 991px) {
  .faq__accordion .accordionjs .accordion__tab {
    font-size: 16px;
    line-height: 22px;
  }
}
.faq__accordion .accordionjs .accordion__tab::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  height: 6px;
  width: 6px;
  background: #266ff2;
  border-radius: 50%;
}
.faq__accordion .accordionjs .accordion__tab::after {
  content: "\f078";
  font-size: 16px;
  position: absolute;
  -webkit-transform: initial;
          transform: initial;
  top: 0;
  right: 0px;
  color: #141f39;
  height: auto;
  width: auto;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
@media screen and (max-width: 479px) {
  .faq__accordion .accordionjs .accordion__tab::after {
    font-size: 15px;
  }
}
.faq__accordion .accordionjs .accordion__tab:hover {
  color: #266ff2;
}
.faq__accordion .accordionjs .accordion__panel {
  padding: 0 0px 35px 20px;
}
@media screen and (max-width: 991px) {
  .faq__accordion .accordionjs .accordion__panel {
    padding-bottom: 35px;
  }
}
.faq__accordion .accordionjs .accordion__panel .desc {
  margin-bottom: 0;
  color: #525256;
  font-size: 15px;
}

@media screen and (max-width: 991px) {
  .accordion__image {
    margin-bottom: 50px;
  }
}
.accordion__image img {
  max-width: 600px;
  margin: auto;
}
@media screen and (max-width: 991px) {
  .accordion__image img {
    max-width: 400px;
  }
}

/*********************************
/* Accordion End
*********************************/
/***************************
* Error Page Start
****************************/
.errorsec__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0px 30px;
}
.errorsec__data .error__thumb {
  max-width: 1000px;
  margin-bottom: 40px;
}
.errorsec__data h2 {
  margin-bottom: 10px;
  text-transform: uppercase;
}
@media screen and (max-width: 575px) {
  .errorsec__data h2 {
    font-size: 25px;
  }
}
@media screen and (max-width: 479px) {
  .errorsec__data h2 {
    font-size: 20px;
  }
}
.errorsec__data p {
  font-size: 21px;
  color: #525256;
  margin-bottom: 40px;
}
@media screen and (max-width: 575px) {
  .errorsec__data p {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 479px) {
  .errorsec__data p {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.errorsec__data .btn i {
  margin-left: 0;
  margin-right: 8px;
}

/***************************
* Error Page End
****************************/
/*********************************
/* Footer Section Start
*********************************/
.footer__section {
  background: #022c5d;
  padding: 220px 0px 0px;
  position: relative;
  margin-top: -120px;
}
@media screen and (max-width: 575px) {
  .footer__section {
    margin-top: -170px;
  }
}

@media screen and (max-width: 991px) {
  .footer__widget {
    margin-bottom: 30px;
  }
}
.footer__widget .logo {
  margin-bottom: 30px;
}
.footer__widget .logo a {
  font-family: "Archivo", sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #fff;
}
.footer__widget .logo a span {
  color: #266ff2;
}
.footer__widget .logo img {
  max-width: 160px;
  width: auto;
  height: auto;
  display: block;
}
.footer__widget p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  margin-bottom: 0;
}
.footer__widget .para__title {
  margin-top: 20px;
}
.footer__widget .para__title h6 {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #fff;
}
.footer__widget .social__icon {
  margin-top: 15px;
}
.footer__widget .social__icon ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.footer__widget .social__icon ul li {
  list-style: none;
}
.footer__widget .social__icon ul li a {
  font-size: 16px;
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
  height: 40px;
  width: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  margin-right: 15px;
  text-decoration: none;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.footer__widget .social__icon ul li a:hover {
  background: #266ff2;
  color: #fff;
}
.footer__widget .widget__title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 35px;
  display: inline-block;
  color: #fff;
  position: relative;
}
.footer__widget .widget__title::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  height: 2px;
  width: 50px;
  background: #266ff2;
}
.footer__widget .widget__list {
  list-style: none;
}
.footer__widget .widget__list li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.footer__widget .widget__list li p,
.footer__widget .widget__list li a {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #525256;
  line-height: 24px;
  font-weight: 400;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 10px;
  text-decoration: none;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.footer__widget .widget__list li p:hover,
.footer__widget .widget__list li a:hover {
  color: #266ff2;
}
.footer__widget .widget__list li p i,
.footer__widget .widget__list li p img,
.footer__widget .widget__list li a i,
.footer__widget .widget__list li a img {
  width: auto;
  height: auto;
  display: block;
  margin-right: 8px;
}
.footer__widget .widget__list li .icon {
  font-size: 16px;
  margin-right: 8px;
  display: block;
  color: #266ff2;
}

.newsletter-form {
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.newsletter-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.newsletter-form .form-control {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 15px;
  color: #fff;
  background: transparent;
  border: none;
  border-radius: 8px 0px 0px 8px;
  outline: none;
  width: 100%;
  padding: 15px 17px;
}
@media screen and (max-width: 479px) {
  .newsletter-form .form-control {
    padding: 15px 10px;
  }
}
.newsletter-form .form-control::-webkit-input-placeholder {
  color: #fff;
}
.newsletter-form .form-control::-moz-placeholder {
  color: #fff;
}
.newsletter-form .form-control:-ms-input-placeholder {
  color: #fff;
}
.newsletter-form .form-control::-ms-input-placeholder {
  color: #fff;
}
.newsletter-form .form-control::placeholder {
  color: #fff;
}
.newsletter-form .form-control:focus {
  border: none;
  outline: none;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.newsletter-form .btn {
  border-radius: 0px 8px 8px 0px;
  padding: 13px 25px;
}
.newsletter-form .btn i {
  margin-left: 0;
}

.footer__bottom {
  border-top: 1px solid rgba(217, 217, 217, 0.1294117647);
  margin-top: 80px;
}
@media screen and (max-width: 575px) {
  .footer__bottom {
    margin-top: 0;
  }
}
.footer__bottom .footer__content {
  padding: 20px 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .footer__bottom .footer__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.footer__bottom .content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  .footer__bottom .link {
    margin-bottom: 15px;
  }
}
.footer__bottom .link a {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  display: inline-block;
  position: relative;
  margin-left: 16px;
  text-decoration: none;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.footer__bottom .link a:hover {
  color: #266ff2;
}
.footer__bottom .link a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2px;
  height: 13px;
  background: #d9dbe1;
}
.footer__bottom .link a:last-of-type::before {
  display: none;
}

/*********************************
/* Footer Section End
*********************************/