@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: SEOQ - SEO & Digital Marketing Agency HTML Template.
    更多下载：Http://www.bootstrapmb.com
    Description: SEOQ - SEO & Digital Marketing Agency HTML Template.
    Version: 1.0

-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************

	-----------------
    01. THEME CSS
	-----------------
		1.1 Theme Default
		1.2 Default Spacing	
        1.3 Preloader
        1.4 Scroll to Top

    -----------------
    02. HEADER CSS
	-----------------
		2.1 Header Style 1
		2.2 Header Style 2
		2.3 Header Style 3
		2.4 Header Style 4
		2.5 Header Style 5
		2.6 Mobile Menu

    -----------------
    03. HEADER CSS
	-----------------
		3.1 Section Title

	-----------------
    04. COMPONENTS CSS
	-----------------
        4.1 Hero
        4.2 Breadcrumb
		4.3 About
		4.4 Service
		4.5 Service Details
		4.6 Portfolio
		4.7 Team
		4.8 Testimonial
		4.9 Skill
		4.10 Stack Card
		4.11 Quote Form
		4.12 Pricing
		4.13 Integration
		4.14 Horizontal Accordion
		4.15 Fun Fact
		4.16 FAQ
		4.17 CTA
		4.18 Case Study
		4.19 Contact
		4.20 Brand
		4.21 Blog
		4.22 Blog Details
		4.23 Error
		4.24 Login

	---------------------------------
	05. FOOTER CSS
	---------------------------------
		5.1 Footer Style 1
		5.2 Footer Style 2
		5.3 Footer Style 3
		5.4 Footer Style 4
		5.5 Footer Style 5

**********************************************/
/* 1.1 Theme Default */
@import url("https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@300;400;500;600;700;800;900&family=Mulish:wght@300;400;500;600;700;800;900&display=swap");
/**
* Animations
*/
@keyframes rrdevsupdown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-40px);
  }
}
@keyframes rrdevsupdown2 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-30px);
  }
}
@keyframes rrdevsanimation2 {
  0% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(-5px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes rrdevsleftright {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes rrdevshighlighter {
  0% {
    width: 0;
  }
  15% {
    width: 100%;
  }
  85% {
    opacity: 1;
  }
  90% {
    width: 100%;
    opacity: 0;
  }
  to {
    width: 0;
    opacity: 0;
  }
}
@keyframes rrdevsrightleft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(40px);
  }
}
@keyframes rrdevsrotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rrdevstranslateY1 {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(30px);
  }
}
@keyframes rrdevstranslateY2 {
  0% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(20px);
  }
}
@keyframes rrdevsanimation1 {
  0% {
    transform: translateX(0px);
  }
  25% {
    transform: translateX(-25px);
  }
  50% {
    transform: translateX(0px);
  }
  75% {
    transform: translateX(25px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes ripple {
  70% {
    box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
  }
}
@keyframes footer1 {
  0% {
    transform: translateY(90px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes footer2 {
  0% {
    transform: translateY(70px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes footer3 {
  0% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(0px);
  }
}
body {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #0B1728;
  overflow-x: hidden;
}

.img,
img {
  max-width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.custom-container-1 {
  max-width: 1290px;
}

.bg-property {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

a,
.button {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  text-decoration: none;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: medium none;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat Alternates", sans-serif;
  color: #0B1728;
  margin-top: 0px;
  font-weight: 600;
  text-transform: normal;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1 {
  font-size: 40px;
  font-weight: 500;
}

h2 {
  font-size: 35px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

ul {
  margin: 0px;
  padding: 0px;
}

p {
  font-size: 16px;
  font-weight: normal;
  line-height: 26px;
  color: #0B1728;
  margin-bottom: 15px;
  opacity: 0.7;
}

hr {
  border-bottom: 1px solid #D9D9D9;
  border-top: 0 none;
  margin: 30px 0;
  padding: 0;
}

label {
  color: #0B1728;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  opacity: 0.7;
}

*::-moz-selection {
  background: #000;
  color: #ffffff;
  text-shadow: none;
}

::-moz-selection {
  background: #000;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #000;
  color: #ffffff;
  text-shadow: none;
}

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the ‘X’ from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

[data-overlay] {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
[data-overlay]::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
}

/*-- Overlay Color --*/
[data-overlay=light]::before {
  background-color: #ffffff;
}

[data-overlay=dark]::before {
  background-color: #000;
}

/*-- Overlay Opacity --*/
[data-opacity="1"]::before {
  opacity: 0.1;
}

[data-opacity="2"]::before {
  opacity: 0.2;
}

[data-opacity="3"]::before {
  opacity: 0.3;
}

[data-opacity="4"]::before {
  opacity: 0.4;
}

[data-opacity="5"]::before {
  opacity: 0.5;
}

[data-opacity="6"]::before {
  opacity: 0.6;
}

[data-opacity="7"]::before {
  opacity: 0.7;
}

[data-opacity="8"]::before {
  opacity: 0.8;
}

[data-opacity="9"]::before {
  opacity: 0.9;
}

/**
* Input Placeholder
*/
*::-moz-placeholder {
  color: #000;
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: #000;
  font-size: 14px;
  opacity: 1;
}

/**
* Background Color
*/
.grey-bg {
  background: #f9f9f9;
}

.white-bg {
  background: #ffffff;
}

.black-bg {
  background: #000;
}

.theme-primary {
  background: #FE7919;
}

.theme-gray-1 {
  background: #F6F9FE;
}

.theme-gray-2 {
  background: #f8f8f8;
}

.theme-gray-3 {
  background: #F6F9FE;
}

.theme-gray-4 {
  background: #EFF1F3;
}

/**
* Color
*/
.white-color {
  color: #ffffff;
}

.black-color {
  color: #000;
}

.theme-primary {
  color: #FE7919;
}

/**
* Button
*/
.theme-btn-1 {
  display: flex;
  width: 119px;
  padding: 14px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #FE7919;
}

/**
* 1.2 Default Spacing
*/
/*-- Margin Top --*/
.mt-5 {
  margin-top: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-105 {
  margin-top: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-125 {
  margin-top: 125px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-135 {
  margin-top: 135px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-145 {
  margin-top: 145px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-155 {
  margin-top: 155px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-165 {
  margin-top: 165px;
}

.mt-170 {
  margin-top: 170px;
}

.mt-175 {
  margin-top: 175px;
}

.mt-180 {
  margin-top: 180px;
}

.mt-185 {
  margin-top: 185px;
}

.mt-190 {
  margin-top: 190px;
}

.mt-195 {
  margin-top: 195px;
}

.mt-200 {
  margin-top: 200px;
}

/*-- Margin Bottom --*/
.mb-5 {
  margin-bottom: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-105 {
  margin-bottom: 105px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-125 {
  margin-bottom: 125px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-135 {
  margin-bottom: 135px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-145 {
  margin-bottom: 145px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-155 {
  margin-bottom: 155px;
}

.mb-160 {
  margin-bottom: 160px;
}

.mb-165 {
  margin-bottom: 165px;
}

.mb-170 {
  margin-bottom: 170px;
}

.mb-175 {
  margin-bottom: 175px;
}

.mb-180 {
  margin-bottom: 180px;
}

.mb-185 {
  margin-bottom: 185px;
}

.mb-190 {
  margin-bottom: 190px;
}

.mb-195 {
  margin-bottom: 195px;
}

.mb-200 {
  margin-bottom: 200px;
}

/*-- Margin Left --*/
.ml-5 {
  margin-left: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-105 {
  margin-left: 105px;
}

.ml-110 {
  margin-left: 110px;
}

.ml-115 {
  margin-left: 115px;
}

.ml-120 {
  margin-left: 120px;
}

.ml-125 {
  margin-left: 125px;
}

.ml-130 {
  margin-left: 130px;
}

.ml-135 {
  margin-left: 135px;
}

.ml-140 {
  margin-left: 140px;
}

.ml-145 {
  margin-left: 145px;
}

.ml-150 {
  margin-left: 150px;
}

.ml-155 {
  margin-left: 155px;
}

.ml-160 {
  margin-left: 160px;
}

.ml-165 {
  margin-left: 165px;
}

.ml-170 {
  margin-left: 170px;
}

.ml-175 {
  margin-left: 175px;
}

.ml-180 {
  margin-left: 180px;
}

.ml-185 {
  margin-left: 185px;
}

.ml-190 {
  margin-left: 190px;
}

.ml-195 {
  margin-left: 195px;
}

.ml-200 {
  margin-left: 200px;
}

/*-- Margin Right --*/
.mr-5 {
  margin-right: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mr-105 {
  margin-right: 105px;
}

.mr-110 {
  margin-right: 110px;
}

.mr-115 {
  margin-right: 115px;
}

.mr-120 {
  margin-right: 120px;
}

.mr-125 {
  margin-right: 125px;
}

.mr-130 {
  margin-right: 130px;
}

.mr-135 {
  margin-right: 135px;
}

.mr-140 {
  margin-right: 140px;
}

.mr-145 {
  margin-right: 145px;
}

.mr-150 {
  margin-right: 150px;
}

.mr-155 {
  margin-right: 155px;
}

.mr-160 {
  margin-right: 160px;
}

.mr-165 {
  margin-right: 165px;
}

.mr-170 {
  margin-right: 170px;
}

.mr-175 {
  margin-right: 175px;
}

.mr-180 {
  margin-right: 180px;
}

.mr-185 {
  margin-right: 185px;
}

.mr-190 {
  margin-right: 190px;
}

.mr-195 {
  margin-right: 195px;
}

.mr-200 {
  margin-right: 200px;
}

/*-- Padding Top --*/
.pt-5 {
  padding-top: 5px;
}

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

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

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

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

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

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

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

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

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-165 {
  padding-top: 165px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-175 {
  padding-top: 175px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pt-200 {
  padding-top: 200px;
}

/*-- Padding Bottom --*/
.pb-5 {
  padding-bottom: 5px;
}

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

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

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

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

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

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

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

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

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-155 {
  padding-bottom: 155px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-185 {
  padding-bottom: 185px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pb-195 {
  padding-bottom: 195px;
}

.pb-200 {
  padding-bottom: 200px;
}

/*-- Padding Left --*/
.pl-5 {
  padding-left: 5px;
}

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

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

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

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

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

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

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

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

.pl-50 {
  padding-left: 50px;
}

.pl-55 {
  padding-left: 55px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-65 {
  padding-left: 65px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-75 {
  padding-left: 75px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-85 {
  padding-left: 85px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-95 {
  padding-left: 95px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-105 {
  padding-left: 105px;
}

.pl-110 {
  padding-left: 110px;
}

.pl-115 {
  padding-left: 115px;
}

.pl-120 {
  padding-left: 120px;
}

.pl-125 {
  padding-left: 125px;
}

.pl-130 {
  padding-left: 130px;
}

.pl-135 {
  padding-left: 135px;
}

.pl-140 {
  padding-left: 140px;
}

.pl-145 {
  padding-left: 145px;
}

.pl-150 {
  padding-left: 150px;
}

.pl-155 {
  padding-left: 155px;
}

.pl-160 {
  padding-left: 160px;
}

.pl-165 {
  padding-left: 165px;
}

.pl-170 {
  padding-left: 170px;
}

.pl-175 {
  padding-left: 175px;
}

.pl-180 {
  padding-left: 180px;
}

.pl-185 {
  padding-left: 185px;
}

.pl-190 {
  padding-left: 190px;
}

.pl-195 {
  padding-left: 195px;
}

.pl-200 {
  padding-left: 200px;
}

/*-- Padding Right --*/
.pr-5 {
  padding-right: 5px;
}

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

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

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

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

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

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

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

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

.pr-50 {
  padding-right: 50px;
}

.pr-55 {
  padding-right: 55px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-65 {
  padding-right: 65px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-75 {
  padding-right: 75px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-85 {
  padding-right: 85px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-95 {
  padding-right: 95px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-105 {
  padding-right: 105px;
}

.pr-110 {
  padding-right: 110px;
}

.pr-115 {
  padding-right: 115px;
}

.pr-120 {
  padding-right: 120px;
}

.pr-125 {
  padding-right: 125px;
}

.pr-130 {
  padding-right: 130px;
}

.pr-135 {
  padding-right: 135px;
}

.pr-140 {
  padding-right: 140px;
}

.pr-145 {
  padding-right: 145px;
}

.pr-150 {
  padding-right: 150px;
}

.pr-155 {
  padding-right: 155px;
}

.pr-160 {
  padding-right: 160px;
}

.pr-165 {
  padding-right: 165px;
}

.pr-170 {
  padding-right: 170px;
}

.pr-175 {
  padding-right: 175px;
}

.pr-180 {
  padding-right: 180px;
}

.pr-185 {
  padding-right: 185px;
}

.pr-190 {
  padding-right: 190px;
}

.pr-195 {
  padding-right: 195px;
}

.pr-200 {
  padding-right: 200px;
}

/**
* 1.3 Preloader
*/
#loading {
  color: #4A5FE1;
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999999;
  margin-top: 0px;
  top: 0px;
}
#loading #loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}
#loading #loading-center #loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 25%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #loading #loading-center #loading-center-absolute {
    width: 40%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #loading #loading-center #loading-center-absolute {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #loading #loading-center #loading-center-absolute {
    width: 45%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #loading #loading-center #loading-center-absolute {
    width: 50%;
  }
}
@media (max-width: 575px) {
  #loading #loading-center #loading-center-absolute {
    width: 60%;
  }
}
#loading #loading-center #loading-center-absolute .loading-icon .loading-logo {
  width: 100px;
  height: 101px;
  -webkit-animation: ghurche 4s linear infinite -1.2s;
  animation: ghurche 4s linear infinite -1.2s;
  margin: 20px;
}
@media (max-width: 575px) {
  #loading #loading-center #loading-center-absolute .loading-icon .loading-logo {
    margin-bottom: 10px;
  }
}

@-webkit-keyframes ghurche {
  0% {
    left: 100px;
    top: 0;
  }
  100% {
    left: 100px;
    top: 0;
  }
}
@keyframes ghurche {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/**
* 1.4 Scroll to Top
*/
.scroll-to-top {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: #FE7919;
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 99;
  text-align: center;
  display: none;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .scroll-to-top {
    bottom: 120px;
    right: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .scroll-to-top {
    bottom: 120px;
    right: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .scroll-to-top {
    bottom: 120px;
    right: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .scroll-to-top {
    bottom: 100px;
    right: 70px;
  }
}
@media (max-width: 767px) {
  .scroll-to-top {
    bottom: 130px;
    right: 20px;
  }
}

.scroll-to-top i {
  color: #ffffff;
  font-size: 18px;
  line-height: 45px;
}

.scroll-to-top:hover {
  box-shadow: inset 0 0 0 30px #4A5FE1;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.scroll-to-top:hover i {
  color: #ffffff;
}

.header-btn-1 {
  display: inline-block;
  padding: 14px 15px;
  border-radius: 4px;
  background: #FE7919;
  color: #ffffff;
  font-family: "Mulish", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
}
.header-btn-1:before {
  background-color: #4A5FE1;
  border-radius: 4px;
}
.header-btn-1:hover {
  color: #ffffff;
}

.header-btn-2 {
  display: inline-block;
  padding: 14px 15px;
  border-radius: 4px;
  background: #4A5FE1;
  color: #ffffff;
  font-family: "Mulish", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
}
.header-btn-2:before {
  background-color: #FE7919;
  border-radius: 4px;
}
.header-btn-2:hover {
  color: #ffffff;
}

.rr-btn-style-1 {
  position: relative;
  z-index: 1;
}
.rr-btn-style-1::before {
  content: "";
  position: absolute;
  bottom: 0%;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  z-index: -1;
}
.rr-btn-style-1:hover::before {
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.thm-btn-2 {
  display: inline-block;
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  padding: 21px 43px;
  border: 1px solid #0B1728;
}
.thm-btn-2:hover {
  border: 1px solid #4A5FE1;
}

.rr-bounce-up {
  position: relative;
  text-decoration: none;
  transition: color 0.4s linear;
  z-index: 5;
  overflow: hidden;
}

.rr-bounce-up:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #4A5FE1;
  color: #fff;
  z-index: -1;
  transition: transform 0.5s;
  transform-origin: 0 100%;
  transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);
  transform: scaleY(0);
}

.rr-bounce-up:hover:before {
  transform: scaleY(1);
}

.rr-bounce-up:hover {
  color: #fff !important;
}

.contact-btn {
  display: inline-block;
  width: 199px;
  padding: 21px 41px;
  border-radius: 160px;
  color: #fff;
  background: #4A5FE1;
  border: none;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.contact-btn.rr-bounce-up:before {
  color: #fff;
  background: #0B1728;
}

.social-hvr a {
  color: #fff;
  display: inline-block;
  margin-right: 4px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.social-hvr a:hover {
  -webkit-transform: rotate(1turn);
  -moz-transform: rotate(1turn);
  transform: rotate(1turn);
}

.rr-btn-hover {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.rr-btn-hover b {
  position: absolute;
  width: 0px;
  height: 0px;
  background-color: #0B1728;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  z-index: 1;
}
.rr-btn-hover:hover span {
  position: relative;
  color: #fff;
  z-index: 2;
}
.rr-btn-hover:hover b {
  width: 400px;
  height: 400px;
  display: inline-block;
}

/* HEADER CSS */
.header-1 {
  position: relative;
  z-index: 100;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(11, 23, 40, 0.1);
}
.header-1 .header-padding {
  padding-left: 166px;
  padding-right: 144px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .header-1 .header-padding {
    padding-left: 65px;
    padding-right: 65px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .header-1 .header-padding {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .header-1 .header-padding {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-1 .header-padding {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-1 .header-padding {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .header-1 .header-padding {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.header-1 .header__main-content-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-1 .header__main-content-wrapper::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  bottom: 0;
  left: 0;
  opacity: 0.156;
}
.header-1 .header__main-content-wrapper .header__main-left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0 40px;
}
.header-1 .header__main-content-wrapper .header__main-left .header__logo img {
  width: 100%;
  height: auto;
}
.header-1 .header__main-content-wrapper .header__main-left .header__logo::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #fff;
  right: 0;
  top: 0;
  opacity: 0.15;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-1 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-1 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
    width: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-1 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
    width: 130px;
  }
}
@media (max-width: 575px) {
  .header-1 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
    width: 130px;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
  .header-1 .header__main-content-wrapper .header__main-left {
    gap: 0 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-1 .header__main-content-wrapper .header__main-left {
    gap: 0 30px;
  }
}
.header-1 .header__main-content-wrapper .main-menu {
  display: inline-block;
}
.header-1 .header__main-content-wrapper .main-menu ul li {
  display: inline-block;
  padding: 22px 0;
  margin-left: 54px;
  position: relative;
}
.header-1 .header__main-content-wrapper .main-menu ul li a {
  color: #606676;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-1 .header__main-content-wrapper .main-menu ul li a {
    font-size: 16px;
  }
}
.header-1 .header__main-content-wrapper .main-menu ul li .sub-menu {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
  left: 0;
  right: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 240px;
  z-index: 9;
  border-top: 4px solid #0B1728;
  text-align: left;
  padding: 15px 0;
  -webkit-transform: scaleY(0) translateZ(100px);
  transform: scaleY(0) translateZ(100px);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  border-top: 1px solid rgba(230, 227, 241, 0.3098039216);
}
.header-1 .header__main-content-wrapper .main-menu ul li .sub-menu .sub-menu {
  left: 102.3%;
  top: 0%;
}
.header-1 .header__main-content-wrapper .main-menu ul li .sub-menu li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0px;
  padding: 8px 25px 8px 25px;
  justify-content: space-between;
  padding: 10px 20px;
  margin: 5px;
  border-radius: 5px;
}
.header-1 .header__main-content-wrapper .main-menu ul li .sub-menu li a {
  color: #606676;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.header-1 .header__main-content-wrapper .main-menu ul li .sub-menu li:hover {
  background-color: rgb(243, 246, 249);
}
.header-1 .header__main-content-wrapper .main-menu ul li .sub-menu li:hover > a {
  color: #FE7919;
}
.header-1 .header__main-content-wrapper .main-menu ul li:hover > a {
  color: #FE7919;
  opacity: 1;
}
.header-1 .header__main-content-wrapper .main-menu ul li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -webkit-transform: scaleY(1) translateZ(194px);
  transform: scaleY(1) translateZ(0px);
}
.header-1 .header__main-content-wrapper .main-menu ul li:hover > .sub-menu li:hover > .sub-menu {
  top: 0;
}
.header-1 .header__main-content-wrapper .main-menu ul li:hover .mega-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -webkit-transform: scaleY(1) translateZ(194px);
  transform: scaleY(1) translateZ(0px);
}
.header-1 .header__main-content-wrapper .main-menu ul li:hover.menu-item-has-children::after {
  color: #FE7919;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
  .header-1 .header__main-content-wrapper .main-menu ul li {
    margin: 0px 22px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-1 .header__main-content-wrapper .main-menu ul li {
    margin: 0px 22px;
  }
}
.header-1 .header__main-content-wrapper .main-menu ul .has-mega-menu {
  position: static;
}
.header-1 .header__main-content-wrapper .main-menu ul .has-mega-menu .mega-menu {
  background: #fff none repeat scroll 0 0;
  left: 0;
  right: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 1028px;
  z-index: 9;
  border-top: 4px solid #0B1728;
  text-align: left;
  padding: 25px 25px;
  -webkit-transform: scaleY(0) translateZ(100px);
  transform: scaleY(0) translateZ(100px);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 auto;
  box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
  border-top: 1px solid rgba(230, 227, 241, 0.3098039216);
}
.header-1 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li {
  display: flex;
  justify-content: space-between;
  padding: 10px 14px;
  margin: 0;
  border-radius: 5px;
  transition: 0.3s linear;
}
.header-1 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li a {
  padding: 0;
  margin: 0;
  color: #606676;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  transition: 0.3s linear;
}
.header-1 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li:hover {
  background-color: rgb(243, 246, 249);
}
.header-1 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li:hover a {
  color: #FE7919;
}
.header-1 .header__main-content-wrapper .main-menu ul .has-dropdown.has-mega-menu .mega-menu li ul {
  display: block !important;
}
.header-1 .header__main-content-wrapper .main-menu ul .has-dropdown.has-mega-menu .mega-menu li .mean-expand {
  display: none !important;
}
.header-1 .header__main-content-wrapper .main-menu ul .menu-item-has-children {
  position: relative;
}
.header-1 .header__main-content-wrapper .main-menu ul .menu-item-has-children > a:after {
  position: absolute;
  top: 50%;
  right: -20px;
  font-family: "font awesome 6 pro";
  content: "\f107";
  font-size: 12px;
  transition: transform 500ms ease;
  z-index: 1;
  transform: translateY(-50%);
}
.header-1 .header__main-content-wrapper .header__main-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0 40px;
}
.header-1 .header__main-content-wrapper .header__main-right .user-login {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.header-1 .header__main-content-wrapper .header__main-right .user-login img {
  width: 12px;
  height: 14px;
}
.header-1 .header__main-content-wrapper .header__main-right .user-login a {
  font-size: 15px;
  font-weight: 700;
}
.header-1 .header__main-content-wrapper .header__main-right .user-login a:hover {
  color: #FE7919;
}
.header-1 .header__main-content-wrapper .header__main-right .side-toggle {
  background: transparent;
  border: none;
}
.header-1 .header__main-content-wrapper .header__main-right .bar-icon {
  width: 28px;
  height: 21px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.header-1 .header__main-content-wrapper .header__main-right .bar-icon:hover span:nth-child(2) {
  margin-inline-start: 0;
}
.header-1 .header__main-content-wrapper .header__main-right .bar-icon span {
  width: 100%;
  height: 2px;
  background: #000;
  display: inline-block;
}
.header-1 .header__main-content-wrapper .header__main-right .bar-icon span:nth-child(2) {
  margin-inline-start: 9px;
  transition: 0.3s;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
  .header-1 .header__main-content-wrapper .header__main-right {
    gap: 0 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-1 .header__main-content-wrapper .header__main-right {
    gap: 0 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-1 {
    padding: 18px 0;
  }
}
@media (max-width: 575px) {
  .header-1 {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-1 {
    padding: 22px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-1 {
    padding: 22px 0;
  }
}

.header-2.sticky .header-2__wrapper {
  background: transparent;
}
.header-2.sticky .side-toggle {
  background-color: transparent;
  border: none;
}

.header-2 {
  position: absolute;
  width: 100%;
  z-index: 100;
}
.header-2 .header-2__wrapper {
  padding-left: 80px;
  border-radius: 0px 0px 50px 50px;
  background: #EFF1F3;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-2 .header-2__wrapper {
    padding-left: 25px;
  }
}
@media (max-width: 767px) {
  .header-2 .header-2__wrapper {
    padding-left: 25px;
  }
}
.header-2 .header__main-content-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-2 .header__main-content-wrapper::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  bottom: 0;
  left: 0;
  opacity: 0.156;
}
.header-2 .header__main-content-wrapper .header__main-left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0 40px;
}
.header-2 .header__main-content-wrapper .header__main-left .header__logo {
  padding: 25px 0;
}
.header-2 .header__main-content-wrapper .header__main-left .header__logo img {
  width: 100%;
  height: auto;
}
.header-2 .header__main-content-wrapper .header__main-left .header__logo::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #fff;
  right: 0;
  top: 0;
  opacity: 0.15;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-2 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-2 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
    width: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-2 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
    width: 130px;
  }
}
@media (max-width: 575px) {
  .header-2 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
    width: 130px;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
  .header-2 .header__main-content-wrapper .header__main-left {
    gap: 0 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-2 .header__main-content-wrapper .header__main-left {
    gap: 0 30px;
  }
}
.header-2 .header__main-content-wrapper .main-menu {
  display: inline-block;
}
.header-2 .header__main-content-wrapper .main-menu ul li {
  display: inline-block;
  padding: 25px 0;
  margin-left: 50px;
  position: relative;
}
.header-2 .header__main-content-wrapper .main-menu ul li a {
  color: #606676;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-2 .header__main-content-wrapper .main-menu ul li a {
    font-size: 16px;
  }
}
.header-2 .header__main-content-wrapper .main-menu ul li .sub-menu {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
  left: 0;
  right: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 240px;
  z-index: 9;
  border-top: 4px solid #0B1728;
  text-align: left;
  padding: 15px 0;
  -webkit-transform: scaleY(0) translateZ(100px);
  transform: scaleY(0) translateZ(100px);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  border-top: 1px solid rgba(230, 227, 241, 0.3098039216);
}
.header-2 .header__main-content-wrapper .main-menu ul li .sub-menu .sub-menu {
  left: 102.3%;
  top: 0%;
}
.header-2 .header__main-content-wrapper .main-menu ul li .sub-menu li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0px;
  padding: 8px 25px 8px 25px;
  justify-content: space-between;
  padding: 10px 20px;
  margin: 5px;
  border-radius: 5px;
}
.header-2 .header__main-content-wrapper .main-menu ul li .sub-menu li a {
  color: #606676;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.header-2 .header__main-content-wrapper .main-menu ul li .sub-menu li:hover {
  background-color: rgb(243, 246, 249);
}
.header-2 .header__main-content-wrapper .main-menu ul li .sub-menu li:hover > a {
  color: #4A5FE1;
}
.header-2 .header__main-content-wrapper .main-menu ul li:hover > a {
  color: #4A5FE1;
  opacity: 1;
}
.header-2 .header__main-content-wrapper .main-menu ul li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -webkit-transform: scaleY(1) translateZ(194px);
  transform: scaleY(1) translateZ(0px);
}
.header-2 .header__main-content-wrapper .main-menu ul li:hover > .sub-menu li:hover > .sub-menu {
  top: 0;
}
.header-2 .header__main-content-wrapper .main-menu ul li:hover .mega-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -webkit-transform: scaleY(1) translateZ(194px);
  transform: scaleY(1) translateZ(0px);
}
.header-2 .header__main-content-wrapper .main-menu ul li:hover.menu-item-has-children::after {
  color: #4A5FE1;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
  .header-2 .header__main-content-wrapper .main-menu ul li {
    margin: 0px 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-2 .header__main-content-wrapper .main-menu ul li {
    margin: 0px 10px;
  }
}
.header-2 .header__main-content-wrapper .main-menu ul .has-mega-menu {
  position: static;
}
.header-2 .header__main-content-wrapper .main-menu ul .has-mega-menu .mega-menu {
  background: #fff none repeat scroll 0 0;
  left: 0;
  right: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 1028px;
  z-index: 9;
  border-top: 4px solid #0B1728;
  text-align: left;
  padding: 25px 25px;
  -webkit-transform: scaleY(0) translateZ(100px);
  transform: scaleY(0) translateZ(100px);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 auto;
  box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
  border-top: 1px solid rgba(230, 227, 241, 0.3098039216);
}
.header-2 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li {
  display: flex;
  justify-content: space-between;
  padding: 10px 14px;
  margin: 0;
  border-radius: 5px;
  transition: 0.3s linear;
}
.header-2 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li a {
  padding: 0;
  margin: 0;
  color: #606676;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  transition: 0.3s linear;
}
.header-2 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li:hover {
  background-color: rgb(243, 246, 249);
}
.header-2 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li:hover a {
  color: #4A5FE1;
}
.header-2 .header__main-content-wrapper .main-menu ul .has-dropdown.has-mega-menu .mega-menu li ul {
  display: block !important;
}
.header-2 .header__main-content-wrapper .main-menu ul .has-dropdown.has-mega-menu .mega-menu li .mean-expand {
  display: none !important;
}
.header-2 .header__main-content-wrapper .main-menu ul .menu-item-has-children {
  position: relative;
}
.header-2 .header__main-content-wrapper .main-menu ul .menu-item-has-children > a:after {
  position: absolute;
  top: 50%;
  right: -20px;
  font-family: "font awesome 6 pro";
  content: "\f107";
  font-size: 12px;
  transition: transform 500ms ease;
  z-index: 1;
  transform: translateY(-50%);
}
.header-2 .header__main-content-wrapper .header__main-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0 40px;
}
.header-2 .header__main-content-wrapper .header__main-right .user-login {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.header-2 .header__main-content-wrapper .header__main-right .user-login img {
  width: 12px;
  height: 14px;
}
.header-2 .header__main-content-wrapper .header__main-right .user-login a {
  font-size: 15px;
  font-weight: 700;
}
.header-2 .header__main-content-wrapper .header__main-right .side-toggle {
  background: transparent;
  border: none;
  width: 110px;
  height: 84px;
  margin-right: -3px;
  border-radius: 0px 0px 50px 50px;
  border: 1px solid rgba(11, 23, 40, 0.1);
  padding: 0 38px;
}
@media (max-width: 767px) {
  .header-2 .header__main-content-wrapper .header__main-right .side-toggle {
    border: none;
  }
}
.header-2 .header__main-content-wrapper .header__main-right .bar-icon {
  width: 28px;
  height: 21px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.header-2 .header__main-content-wrapper .header__main-right .bar-icon:hover span:nth-child(2) {
  margin-inline-start: 0;
}
.header-2 .header__main-content-wrapper .header__main-right .bar-icon span {
  width: 100%;
  height: 2px;
  background: #000;
  display: inline-block;
}
.header-2 .header__main-content-wrapper .header__main-right .bar-icon span:nth-child(2) {
  margin-inline-start: 9px;
  transition: 0.3s;
}
.header-2 .header__main-content-wrapper .header__main-right .header-btn-2 {
  display: block;
  width: 119px;
  padding: 14px 15px;
  border-radius: 4px;
  background: #4A5FE1;
  color: #fff;
  font-family: "Mulish", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
  .header-2 .header__main-content-wrapper .header__main-right {
    gap: 0 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-2 .header__main-content-wrapper .header__main-right {
    gap: 0 20px;
  }
}

.header-3.sticky .header__main-content-wrapper .main-menu ul li a {
  color: #0B1728;
}

.header-3.sticky .header__main-content-wrapper .header__main-right .bar-icon span {
  background-color: #0B1728;
}

.header-3.sticky .header__main-content-wrapper .header__main-right .header-btn-3 {
  background-color: #0B1728;
}

.header-3.sticky .header__logo .logo-light {
  display: block !important;
}
.header-3.sticky .header__logo .logo-dark {
  display: none;
}

.header-3 {
  position: absolute;
  width: 100%;
  z-index: 100;
  background: transparent;
  box-shadow: 0px 1px 2px 0px rgba(11, 23, 40, 0.1);
}
.header-3 .header__main-content-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: rgb(104, 98, 98) bkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-3 .header__main-content-wrapper::after {
  position: absolute;
  content: "";
  background: rgba(255, 255, 255, 0.14);
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
}
.header-3 .header__main-content-wrapper .header__main-left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0 40px;
}
.header-3 .header__main-content-wrapper .header__main-left .header__logo {
  padding: 25px 0;
}
.header-3 .header__main-content-wrapper .header__main-left .header__logo img {
  width: 100%;
  height: auto;
}
.header-3 .header__main-content-wrapper .header__main-left .header__logo::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #fff;
  right: 0;
  top: 0;
  opacity: 0.15;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-3 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-3 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
    width: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-3 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
    width: 130px;
  }
}
@media (max-width: 575px) {
  .header-3 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
    width: 130px;
  }
}
.header-3 .header__main-content-wrapper .header__main-left .header__logo .logo-light {
  display: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
  .header-3 .header__main-content-wrapper .header__main-left {
    gap: 0 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-3 .header__main-content-wrapper .header__main-left {
    gap: 0 30px;
  }
}
.header-3 .header__main-content-wrapper .main-menu {
  display: inline-block;
}
.header-3 .header__main-content-wrapper .main-menu ul li {
  display: inline-block;
  padding: 25px 0;
  margin-left: 50px;
  position: relative;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
  .header-3 .header__main-content-wrapper .main-menu ul li {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-3 .header__main-content-wrapper .main-menu ul li {
    margin-left: 50px;
  }
}
.header-3 .header__main-content-wrapper .main-menu ul li a {
  color: #fff;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  line-height: normal;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-3 .header__main-content-wrapper .main-menu ul li a {
    font-size: 16px;
    padding: 33px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-3 .header__main-content-wrapper .main-menu ul li a {
    padding: 33px 0;
  }
}
.header-3 .header__main-content-wrapper .main-menu ul li .sub-menu {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
  left: 0;
  right: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 240px;
  z-index: 9;
  border-top: 4px solid #0B1728;
  text-align: left;
  padding: 15px 0;
  -webkit-transform: scaleY(0) translateZ(100px);
  transform: scaleY(0) translateZ(100px);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  border-top: 1px solid rgba(230, 227, 241, 0.3098039216);
}
.header-3 .header__main-content-wrapper .main-menu ul li .sub-menu .sub-menu {
  left: 102.3%;
  top: 0%;
}
.header-3 .header__main-content-wrapper .main-menu ul li .sub-menu li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  border-radius: 5px;
  padding: 10px 20px;
  margin: 5px;
}
.header-3 .header__main-content-wrapper .main-menu ul li .sub-menu li a {
  color: #606676;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0;
}
.header-3 .header__main-content-wrapper .main-menu ul li .sub-menu li:hover {
  background-color: rgb(243, 246, 249);
}
.header-3 .header__main-content-wrapper .main-menu ul li .sub-menu li:hover > a {
  color: #FE7919;
}
.header-3 .header__main-content-wrapper .main-menu ul li:hover > a {
  color: #FE7919;
  opacity: 1;
}
.header-3 .header__main-content-wrapper .main-menu ul li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -webkit-transform: scaleY(1) translateZ(194px);
  transform: scaleY(1) translateZ(0px);
}
.header-3 .header__main-content-wrapper .main-menu ul li:hover > .sub-menu li:hover > .sub-menu {
  top: 0;
}
.header-3 .header__main-content-wrapper .main-menu ul li:hover .mega-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -webkit-transform: scaleY(1) translateZ(194px);
  transform: scaleY(1) translateZ(0px);
}
.header-3 .header__main-content-wrapper .main-menu ul li:hover.menu-item-has-children::after {
  color: #4A5FE1;
}
.header-3 .header__main-content-wrapper .main-menu ul .has-mega-menu {
  position: static;
}
.header-3 .header__main-content-wrapper .main-menu ul .has-mega-menu .mega-menu {
  background: #fff none repeat scroll 0 0;
  left: 0;
  right: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 1028px;
  z-index: 9;
  border-top: 4px solid #0B1728;
  text-align: left;
  padding: 25px 25px;
  -webkit-transform: scaleY(0) translateZ(100px);
  transform: scaleY(0) translateZ(100px);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 auto;
  box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
  border-top: 1px solid rgba(230, 227, 241, 0.3098039216);
}
.header-3 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li {
  display: flex;
  justify-content: space-between;
  padding: 10px 14px;
  margin: 0;
  border-radius: 5px;
  transition: 0.3s linear;
}
.header-3 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li a {
  padding: 0;
  margin: 0;
  color: #606676;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  transition: 0.3s linear;
}
.header-3 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li:hover {
  background-color: rgb(243, 246, 249);
}
.header-3 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li:hover a {
  color: #4A5FE1;
}
.header-3 .header__main-content-wrapper .main-menu ul .has-dropdown.has-mega-menu .mega-menu li ul {
  display: block !important;
}
.header-3 .header__main-content-wrapper .main-menu ul .has-dropdown.has-mega-menu .mega-menu li .mean-expand {
  display: none !important;
}
.header-3 .header__main-content-wrapper .main-menu ul .menu-item-has-children {
  position: relative;
}
.header-3 .header__main-content-wrapper .main-menu ul .menu-item-has-children > a:after {
  position: absolute;
  top: 50%;
  right: -20px;
  font-family: "font awesome 6 pro";
  content: "\f107";
  font-size: 12px;
  transition: transform 500ms ease;
  z-index: 1;
  transform: translateY(-50%);
}
.header-3 .header__main-content-wrapper .header__main-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0 40px;
}
.header-3 .header__main-content-wrapper .header__main-right .user-login {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.header-3 .header__main-content-wrapper .header__main-right .user-login img {
  width: 12px;
  height: 14px;
}
.header-3 .header__main-content-wrapper .header__main-right .user-login a {
  font-size: 15px;
  font-weight: 700;
}
.header-3 .header__main-content-wrapper .header__main-right .header-btn-3 {
  color: #FFF;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  padding: 16px 35px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1px 2px 0px rgba(11, 23, 40, 0.14);
}
.header-3 .header__main-content-wrapper .header__main-right .header-btn-3:hover {
  border-radius: 50px;
}
.header-3 .header__main-content-wrapper .header__main-right .side-toggle {
  border: none;
  background-color: transparent;
}
.header-3 .header__main-content-wrapper .header__main-right .bar-icon {
  width: 28px;
  height: 21px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.header-3 .header__main-content-wrapper .header__main-right .bar-icon:hover span:nth-child(2) {
  margin-inline-start: 0;
}
.header-3 .header__main-content-wrapper .header__main-right .bar-icon span {
  width: 100%;
  height: 2px;
  background: #fff;
  display: inline-block;
}
.header-3 .header__main-content-wrapper .header__main-right .bar-icon span:nth-child(2) {
  margin-inline-start: 9px;
  transition: 0.3s;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
  .header-3 .header__main-content-wrapper .header__main-right {
    gap: 0 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-3 .header__main-content-wrapper .header__main-right {
    gap: 0 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-3 {
    padding: 5px 0;
  }
}
@media (max-width: 575px) {
  .header-3 {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-3 {
    padding: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-3 {
    padding: 0;
  }
}

.header-4.sticky .header-4__wrapper {
  margin-top: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.header-4.sticky .header__main-content-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: none;
  padding: 0;
  margin-top: 0;
}

.header-4 {
  position: absolute;
  width: 100%;
  z-index: 100;
}
.header-4 .header-4__wrapper {
  margin-top: 20px;
  padding: 0 43px;
  border: 1px solid #0B1728;
  background: #FFF;
}
.header-4 .header__main-content-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border: 1px solid #0B1728;
  padding: 0 42px;
  margin-top: 20px;
}
.header-4 .header__main-content-wrapper::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  bottom: 0;
  left: 0;
  opacity: 0.156;
}
.header-4 .header__main-content-wrapper .header__main-left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0 40px;
}
.header-4 .header__main-content-wrapper .header__main-left .header__logo {
  padding: 25px 0;
}
.header-4 .header__main-content-wrapper .header__main-left .header__logo img {
  width: 100%;
  height: auto;
}
.header-4 .header__main-content-wrapper .header__main-left .header__logo::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #fff;
  right: 0;
  top: 0;
  opacity: 0.15;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-4 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-4 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
    width: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-4 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
    width: 130px;
  }
}
@media (max-width: 575px) {
  .header-4 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
    width: 130px;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
  .header-4 .header__main-content-wrapper .header__main-left {
    gap: 0 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-4 .header__main-content-wrapper .header__main-left {
    gap: 0 30px;
  }
}
.header-4 .header__main-content-wrapper .main-menu {
  display: inline-block;
}
.header-4 .header__main-content-wrapper .main-menu ul li {
  display: inline-block;
  padding: 25px 0;
  margin-left: 50px;
  position: relative;
}
.header-4 .header__main-content-wrapper .main-menu ul li a {
  color: #606676;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-4 .header__main-content-wrapper .main-menu ul li a {
    font-size: 16px;
    padding: 33px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-4 .header__main-content-wrapper .main-menu ul li a {
    padding: 33px 0;
  }
}
.header-4 .header__main-content-wrapper .main-menu ul li .sub-menu {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
  left: 0;
  right: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 240px;
  z-index: 9;
  border-top: 4px solid #0B1728;
  text-align: left;
  padding: 15px 0;
  -webkit-transform: scaleY(0) translateZ(100px);
  transform: scaleY(0) translateZ(100px);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  border-top: 1px solid rgba(230, 227, 241, 0.3098039216);
}
.header-4 .header__main-content-wrapper .main-menu ul li .sub-menu .sub-menu {
  left: 102.3%;
  top: 0%;
}
.header-4 .header__main-content-wrapper .main-menu ul li .sub-menu li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0px;
  padding: 8px 25px 8px 25px;
  justify-content: space-between;
  padding: 10px 20px;
  margin: 5px;
  border-radius: 5px;
}
.header-4 .header__main-content-wrapper .main-menu ul li .sub-menu li a {
  color: #606676;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.header-4 .header__main-content-wrapper .main-menu ul li .sub-menu li:hover {
  background-color: rgb(243, 246, 249);
}
.header-4 .header__main-content-wrapper .main-menu ul li .sub-menu li:hover > a {
  color: #4A5FE1;
}
.header-4 .header__main-content-wrapper .main-menu ul li:hover > a {
  color: #4A5FE1;
  opacity: 1;
}
.header-4 .header__main-content-wrapper .main-menu ul li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -webkit-transform: scaleY(1) translateZ(194px);
  transform: scaleY(1) translateZ(0px);
}
.header-4 .header__main-content-wrapper .main-menu ul li:hover > .sub-menu li:hover > .sub-menu {
  top: 0;
}
.header-4 .header__main-content-wrapper .main-menu ul li:hover .mega-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -webkit-transform: scaleY(1) translateZ(194px);
  transform: scaleY(1) translateZ(0px);
}
.header-4 .header__main-content-wrapper .main-menu ul li:hover.menu-item-has-children::after {
  color: #4A5FE1;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
  .header-4 .header__main-content-wrapper .main-menu ul li {
    margin: 0px 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-4 .header__main-content-wrapper .main-menu ul li {
    margin: 0px 10px;
  }
}
.header-4 .header__main-content-wrapper .main-menu ul .has-mega-menu {
  position: static;
}
.header-4 .header__main-content-wrapper .main-menu ul .has-mega-menu .mega-menu {
  background: #fff none repeat scroll 0 0;
  left: 0;
  right: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 1028px;
  z-index: 9;
  border-top: 4px solid #0B1728;
  text-align: left;
  padding: 25px 25px;
  -webkit-transform: scaleY(0) translateZ(100px);
  transform: scaleY(0) translateZ(100px);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 auto;
  box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
  border-top: 1px solid rgba(230, 227, 241, 0.3098039216);
}
.header-4 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li {
  display: flex;
  justify-content: space-between;
  padding: 10px 14px;
  margin: 0;
  border-radius: 5px;
  transition: 0.3s linear;
}
.header-4 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li a {
  padding: 0;
  margin: 0;
  color: #606676;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  transition: 0.3s linear;
}
.header-4 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li:hover {
  background-color: rgb(243, 246, 249);
}
.header-4 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li:hover a {
  color: #4A5FE1;
}
.header-4 .header__main-content-wrapper .main-menu ul .has-dropdown.has-mega-menu .mega-menu li ul {
  display: block !important;
}
.header-4 .header__main-content-wrapper .main-menu ul .has-dropdown.has-mega-menu .mega-menu li .mean-expand {
  display: none !important;
}
.header-4 .header__main-content-wrapper .main-menu ul .menu-item-has-children {
  position: relative;
}
.header-4 .header__main-content-wrapper .main-menu ul .menu-item-has-children > a:after {
  position: absolute;
  top: 50%;
  right: -20px;
  font-family: "font awesome 6 pro";
  content: "\f107";
  font-size: 12px;
  transition: transform 500ms ease;
  z-index: 1;
  transform: translateY(-50%);
}
.header-4 .header__main-content-wrapper .header__main-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0 40px;
}
.header-4 .header__main-content-wrapper .header__main-right .user-login {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.header-4 .header__main-content-wrapper .header__main-right .user-login img {
  width: 12px;
  height: 14px;
}
.header-4 .header__main-content-wrapper .header__main-right .user-login a {
  font-size: 15px;
  font-weight: 700;
}
.header-4 .header__main-content-wrapper .header__main-right .header-btn-2 {
  display: block;
  width: 119px;
  padding: 14px 15px;
  border-radius: 4px;
  background: #4A5FE1;
  color: #fff;
  font-family: "Mulish", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
}
.header-4 .header__main-content-wrapper .header__main-right .side-toggle {
  background: transparent;
  border: none;
}
.header-4 .header__main-content-wrapper .header__main-right .bar-icon {
  width: 28px;
  height: 21px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.header-4 .header__main-content-wrapper .header__main-right .bar-icon:hover span:nth-child(2) {
  margin-inline-start: 0;
}
.header-4 .header__main-content-wrapper .header__main-right .bar-icon span {
  width: 100%;
  height: 2px;
  background: #000;
  display: inline-block;
}
.header-4 .header__main-content-wrapper .header__main-right .bar-icon span:nth-child(2) {
  margin-inline-start: 9px;
  transition: 0.3s;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
  .header-4 .header__main-content-wrapper .header__main-right {
    gap: 0 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-4 .header__main-content-wrapper .header__main-right {
    gap: 0 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-4 {
    padding: 0;
  }
}
@media (max-width: 575px) {
  .header-4 {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-4 {
    padding: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-4 {
    padding: 0;
  }
}

.header-5 {
  position: relative;
  z-index: 100;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(11, 23, 40, 0.1);
}
.header-5 .header__main-content-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-5 .header__main-content-wrapper::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  bottom: 0;
  left: 0;
  opacity: 0.156;
}
.header-5 .header__main-content-wrapper .header__main-left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0 40px;
}
.header-5 .header__main-content-wrapper .header__main-left .header__logo img {
  width: 100%;
  height: auto;
}
.header-5 .header__main-content-wrapper .header__main-left .header__logo::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #fff;
  right: 0;
  top: 0;
  opacity: 0.15;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-5 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-5 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
    width: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-5 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
    width: 130px;
  }
}
@media (max-width: 575px) {
  .header-5 .header__main-content-wrapper .header__main-left .header__logo {
    display: grid;
    place-items: center;
    width: 130px;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
  .header-5 .header__main-content-wrapper .header__main-left {
    gap: 0 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-5 .header__main-content-wrapper .header__main-left {
    gap: 0 30px;
  }
}
.header-5 .header__main-content-wrapper .main-menu {
  display: inline-block;
}
.header-5 .header__main-content-wrapper .main-menu ul li {
  display: inline-block;
  padding: 22px 0;
  margin-left: 54px;
  position: relative;
}
.header-5 .header__main-content-wrapper .main-menu ul li a {
  color: #606676;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-5 .header__main-content-wrapper .main-menu ul li a {
    font-size: 16px;
  }
}
.header-5 .header__main-content-wrapper .main-menu ul li .sub-menu {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
  left: 0;
  right: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 240px;
  z-index: 9;
  border-top: 4px solid #0B1728;
  text-align: left;
  padding: 15px 0;
  -webkit-transform: scaleY(0) translateZ(100px);
  transform: scaleY(0) translateZ(100px);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  border-top: 1px solid rgba(230, 227, 241, 0.3098039216);
}
.header-5 .header__main-content-wrapper .main-menu ul li .sub-menu .sub-menu {
  left: 102.3%;
  top: 0%;
}
.header-5 .header__main-content-wrapper .main-menu ul li .sub-menu li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0px;
  padding: 8px 25px 8px 25px;
  justify-content: space-between;
  padding: 10px 20px;
  margin: 5px;
  border-radius: 5px;
}
.header-5 .header__main-content-wrapper .main-menu ul li .sub-menu li a {
  color: #606676;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.header-5 .header__main-content-wrapper .main-menu ul li .sub-menu li:hover {
  background-color: rgb(243, 246, 249);
}
.header-5 .header__main-content-wrapper .main-menu ul li .sub-menu li:hover > a {
  color: #4A5FE1;
}
.header-5 .header__main-content-wrapper .main-menu ul li:hover > a {
  color: #4A5FE1;
  opacity: 1;
}
.header-5 .header__main-content-wrapper .main-menu ul li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -webkit-transform: scaleY(1) translateZ(194px);
  transform: scaleY(1) translateZ(0px);
}
.header-5 .header__main-content-wrapper .main-menu ul li:hover > .sub-menu li:hover > .sub-menu {
  top: 0;
}
.header-5 .header__main-content-wrapper .main-menu ul li:hover .mega-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -webkit-transform: scaleY(1) translateZ(194px);
  transform: scaleY(1) translateZ(0px);
}
.header-5 .header__main-content-wrapper .main-menu ul li:hover.menu-item-has-children::after {
  color: #4A5FE1;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
  .header-5 .header__main-content-wrapper .main-menu ul li {
    margin: 0px 22px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-5 .header__main-content-wrapper .main-menu ul li {
    margin: 0px 22px;
  }
}
.header-5 .header__main-content-wrapper .main-menu ul .has-mega-menu {
  position: static;
}
.header-5 .header__main-content-wrapper .main-menu ul .has-mega-menu .mega-menu {
  background: #fff none repeat scroll 0 0;
  left: 0;
  right: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 1028px;
  z-index: 9;
  border-top: 4px solid #0B1728;
  text-align: left;
  padding: 25px 25px;
  -webkit-transform: scaleY(0) translateZ(100px);
  transform: scaleY(0) translateZ(100px);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 auto;
  box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
  border-top: 1px solid rgba(230, 227, 241, 0.3098039216);
}
.header-5 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li {
  display: flex;
  justify-content: space-between;
  padding: 10px 14px;
  margin: 0;
  border-radius: 5px;
  transition: 0.3s linear;
}
.header-5 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li a {
  padding: 0;
  margin: 0;
  color: #606676;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  transition: 0.3s linear;
}
.header-5 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li:hover {
  background-color: rgb(243, 246, 249);
}
.header-5 .header__main-content-wrapper .main-menu ul .has-mega-menu li ul li:hover a {
  color: #4A5FE1;
}
.header-5 .header__main-content-wrapper .main-menu ul .has-dropdown.has-mega-menu .mega-menu li ul {
  display: block !important;
}
.header-5 .header__main-content-wrapper .main-menu ul .has-dropdown.has-mega-menu .mega-menu li .mean-expand {
  display: none !important;
}
.header-5 .header__main-content-wrapper .main-menu ul .menu-item-has-children {
  position: relative;
}
.header-5 .header__main-content-wrapper .main-menu ul .menu-item-has-children > a:after {
  position: absolute;
  top: 50%;
  right: -20px;
  font-family: "font awesome 6 pro";
  content: "\f107";
  font-size: 12px;
  transition: transform 500ms ease;
  z-index: 1;
  transform: translateY(-50%);
}
.header-5 .header__main-content-wrapper .header__main-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0 40px;
}
.header-5 .header__main-content-wrapper .header__main-right .user-login {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.header-5 .header__main-content-wrapper .header__main-right .user-login img {
  width: 12px;
  height: 14px;
}
.header-5 .header__main-content-wrapper .header__main-right .user-login a {
  font-size: 15px;
  font-weight: 700;
}
.header-5 .header__main-content-wrapper .header__main-right .user-login a:hover {
  color: #4A5FE1;
}
.header-5 .header__main-content-wrapper .header__main-right .side-toggle {
  background: transparent;
  border: none;
}
.header-5 .header__main-content-wrapper .header__main-right .bar-icon {
  width: 28px;
  height: 21px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.header-5 .header__main-content-wrapper .header__main-right .bar-icon:hover span:nth-child(2) {
  margin-inline-start: 0;
}
.header-5 .header__main-content-wrapper .header__main-right .bar-icon span {
  width: 100%;
  height: 2px;
  background: #000;
  display: inline-block;
}
.header-5 .header__main-content-wrapper .header__main-right .bar-icon span:nth-child(2) {
  margin-inline-start: 9px;
  transition: 0.3s;
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
  .header-5 .header__main-content-wrapper .header__main-right {
    gap: 0 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-5 .header__main-content-wrapper .header__main-right {
    gap: 0 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-5 {
    padding: 18px 0;
  }
}
@media (max-width: 575px) {
  .header-5 {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-5 {
    padding: 22px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-5 {
    padding: 22px 0;
  }
}

.header-top-border {
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #2F44FF 0%, #D924DD 100%);
}

.mobile-nav__contact li + li {
  margin-top: 10px;
}
.mobile-nav__contact li {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
}
.mobile-nav__contact li i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: #4A5FE1;
  border-radius: 50px;
  margin-right: 10px;
}
.mobile-nav__contact li a {
  color: #fff;
}

.mobile-nav__social {
  margin-top: 40px;
}
.mobile-nav__social a i {
  color: #fff;
  display: inline-block;
  margin-right: 4px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.mobile-nav__social a i:hover {
  background-color: #4A5FE1;
  color: #fff;
}

.sticky {
  position: fixed !important;
  top: 0;
  background: #fff;
  z-index: 800;
  right: 0;
  left: 0;
  width: 100%;
  transition: 0.4s;
  box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  border: none;
}

.mean-container .mean-bar {
  background: transparent;
}
.mean-container .mean-nav {
  background: none;
  margin-top: 0;
  margin-bottom: 40px;
  overflow: hidden;
}
.mean-container .mean-nav > ul {
  display: block !important;
}
.mean-container .mean-nav ul li a {
  width: 100%;
  color: #fff;
  font-size: 18px;
  text-transform: none;
  opacity: 1;
  padding-inline-start: 0;
}
.mean-container .mean-nav ul li a:hover {
  color: #4A5FE1;
}
.mean-container .mean-nav ul li a i {
  display: none;
}
.mean-container .mean-nav ul li a.mean-expand {
  font-size: 18px;
  margin-top: 8px;
  padding: 0 !important;
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: #fff;
  top: 0;
  font-weight: 400;
}
.mean-container .mean-nav ul li a.mean-expand::before {
  position: absolute;
  content: "+";
  font-family: "Font Awesome 6 Pro";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: #4A5FE1;
  color: #fff;
  border-color: #4A5FE1;
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked::before {
  content: "\f068";
  font-family: "Font Awesome 6 Pro";
}
.mean-container .mean-nav ul li li a {
  padding: 10px 5%;
}
.mean-container .mean-nav ul li li li a {
  padding: 10px 10%;
}
.mean-container .mean-nav ul li span.mean-expand:hover {
  background: #4A5FE1;
  color: #fff;
  border-color: #4A5FE1;
}
.mean-container .mean-nav ul li .dropdown-opened > a.mean-expand.mean-clicked {
  background: #4A5FE1;
  color: #fff;
  border-color: transparent !important;
}
.mean-container a.meanmenu-reveal {
  display: none !important;
}

.offcanvas-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  z-index: 900;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.offcanvas-overlay.overlay-open {
  opacity: 0.4;
  visibility: visible;
}

.offcanvas-overlay-white {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #fff;
  z-index: 900;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.offcanvas-overlay-white.overlay-open {
  opacity: 0;
  visibility: visible;
}

.side-info {
  background: #0B1728;
  height: 100%;
  position: fixed;
  z-index: 999;
  inset-inline-end: -100%;
  top: 0;
  width: 500px;
  padding: 40px 45px;
  overflow-y: scroll;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
@media (max-width: 575px) {
  .side-info {
    width: 400px;
    padding: 30px 30px;
  }
}
@media (max-width: 450px) {
  .side-info {
    width: 100%;
  }
}
.side-info .side-info-content .offset__widget {
  margin-bottom: 60px;
}
.side-info .side-info-content .offset__widget:last-child {
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .side-info .side-info-content .offset__widget {
    margin-bottom: 40px;
  }
}
.side-info .side-info-content .offset__widget.offset__header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.side-info .side-info-content .offset__widget.offset__header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.side-info .side-info-content .offset__widget.offset__header .offset__logo {
  width: 150px;
}
.side-info .side-info-content .offset__widget.offset__header .offset__logo img {
  width: 100%;
}
@media (max-width: 575px) {
  .side-info .side-info-content .offset__widget.offset__header .offset__logo {
    width: 130px;
  }
}
.side-info .side-info-content .offset__widget.offset__header .side-info-close {
  background: none;
  border: 0;
  color: #fff;
  font-size: 24px;
  padding: 0;
  transition: all 0.3s linear;
  background-color: #4A5FE1;
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}
.side-info .side-info-content .offset__widget.offset__header .side-info-close:hover {
  transform: rotate(90deg);
}
.side-info.info-open {
  inset-inline-end: 0;
}

/* HEADER CSS */
/* Section Title Style One */
.section-title__one-title {
  font-size: 44px;
  line-height: 54px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title__one-title {
    font-size: 36px;
    line-height: 54px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-title__one-title {
    font-size: 36px;
    line-height: 46px;
  }
}
@media (max-width: 767px) {
  .section-title__one-title {
    font-size: 32px;
    line-height: 42px;
  }
}

.section-title__one-tagline {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}

.section-title__one-subtitle {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

/* Section Title Style Two */
.section-title__two-title {
  font-size: 50px;
  font-weight: 700;
  line-height: 58px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .section-title__two-title {
    font-size: 36px;
    line-height: 54px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title__two-title {
    font-size: 36px;
    line-height: 54px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-title__two-title {
    font-size: 36px;
    line-height: 46px;
  }
}
@media (max-width: 767px) {
  .section-title__two-title {
    font-size: 32px;
    line-height: 42px;
  }
}

/* Section Title Style Three */
.section-title__three-title {
  font-size: 50px;
  font-weight: 700;
  line-height: 58px;
}

.section-title__three {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 60px;
}

.section-title__three-tagline {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.section-title__column-two {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

.hero-one {
  height: 850px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .hero-one {
    height: 620px;
  }
}
.hero-one__content h2 {
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  margin-bottom: 14px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-one__content h2 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-one__content h2 {
    font-size: 40px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-one__content h2 {
    font-size: 50px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-one__content h2 {
    font-size: 40px;
    line-height: 70px;
  }
}
@media (max-width: 767px) {
  .hero-one__content h2 {
    font-size: 30px;
    line-height: 50px;
  }
}
.hero-one__content h2 .hero-highlighter-1 {
  position: relative;
}
.hero-one__content h2 .hero-highlighter-1 svg {
  position: absolute;
  bottom: -10px;
  left: 45px;
  animation: rrdevshighlighter 3s infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-one__content h2 .hero-highlighter-1 svg {
    left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-one__content h2 .hero-highlighter-1 svg {
    bottom: -18px;
    left: 3px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-one__content h2 .hero-highlighter-1 svg {
    bottom: -20px;
    left: 4px;
  }
}
@media (max-width: 767px) {
  .hero-one__content h2 .hero-highlighter-1 svg {
    bottom: -15px;
    left: 0;
  }
}
.hero-one__content p {
  color: #0B1728;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 44px;
  opacity: 0.6;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-one__content p {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-one__content p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-one__content p {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 30px;
  }
}
.hero-one__content .hero__input {
  position: relative;
  width: 690px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-one__content .hero__input {
    width: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-one__content .hero__input {
    width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-one__content .hero__input {
    width: 480px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-one__content .hero__input {
    width: 490px;
  }
}
@media (max-width: 767px) {
  .hero-one__content .hero__input {
    width: 100%;
  }
}
.hero-one__content .hero__input i {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.hero-one__content .hero__input input {
  color: rgba(11, 23, 40, 0.4);
  font-size: 15px;
  font-weight: 500;
  width: 690px;
  height: 60px;
  border: none;
  border-radius: 6px;
  padding: 21px 50px;
  padding-right: 160px;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(11, 23, 40, 0.14);
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-one__content .hero__input input {
    width: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-one__content .hero__input input {
    width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-one__content .hero__input input {
    width: 480px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-one__content .hero__input input {
    width: 490px;
  }
}
@media (max-width: 767px) {
  .hero-one__content .hero__input input {
    width: 100%;
  }
}
.hero-one__content .hero__input input::placeholder {
  color: rgba(11, 23, 40, 0.4);
}
.hero-one__content .hero__input .hero-btn-1 {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: 700;
  border-radius: 4px;
  color: #fff;
  background: #0B1728;
  padding: 10px 30px;
  border: none;
}
.hero-one__content .hero__input .hero-btn-1:before {
  background-color: #FE7919;
  border-radius: 4px;
}
.hero-one__content .hero__input .hero-btn-1:hover {
  color: #ffffff;
}
.hero-one__content .hero-popular-search {
  margin-top: 20px;
}
.hero-one__content .hero-popular-search span {
  color: #0B1728;
  font-family: Mulish;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin-right: 10px;
}
.hero-one__content .hero-popular-search ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.hero-one__content .hero-popular-search ul li {
  list-style: none;
  display: inline-block;
  margin-right: 4px;
}
@media (max-width: 767px) {
  .hero-one__content .hero-popular-search ul li {
    margin-top: 6px;
  }
}
.hero-one__content .hero-popular-search ul li a {
  display: inline-block;
  color: #0B1728;
  font-family: Mulish;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
  padding: 8px 16px;
  background: #FFF;
  line-height: normal;
  box-shadow: 0px 1px 2px 0px rgba(11, 23, 40, 0.14);
}
.hero-one__content .hero-popular-search ul li a img {
  width: 13px;
  height: 13px;
  margin-bottom: 2px;
  margin-right: 6px;
}
.hero-one__content .hero-popular-search ul li a:hover {
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0px 10px 50px 0px rgba(11, 23, 40, 0.1);
}

/* style 2*/
.hero-style-two {
  height: 970px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-style-two {
    height: auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-style-two {
    height: auto;
  }
}
@media (max-width: 767px) {
  .hero-style-two {
    height: auto;
  }
}
.hero-style-two__img-1 {
  position: absolute;
  top: 13%;
  left: 5%;
  animation: rrdevsleftright 6s ease-in-out 0.1s forwards infinite alternate;
}
@media (max-width: 767px) {
  .hero-style-two__img-1 {
    top: 13%;
    left: 20%;
  }
}
.hero-style-two__img-2 {
  position: absolute;
  top: 30%;
  left: 14%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-style-two__img-2 {
    left: 10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-style-two__img-2 {
    top: 20%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-style-two__img-2 {
    display: none;
  }
}
@media (max-width: 767px) {
  .hero-style-two__img-2 {
    top: 24%;
    display: none;
  }
}
.hero-style-two__img-3 {
  position: absolute;
  bottom: 28%;
  right: 3%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
.hero-style-two__img-4 {
  position: absolute;
  top: 15%;
  right: 5%;
  animation: rrdevsleftright 6s ease-in-out 0.1s forwards infinite alternate;
}
@media (max-width: 767px) {
  .hero-style-two__img-4 {
    top: 12%;
    right: 10%;
  }
}
.hero-style-two__img-5 {
  position: absolute;
  top: 54%;
  left: 3%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media (max-width: 767px) {
  .hero-style-two__img-5 {
    top: 49%;
  }
}
.hero-style-two__img-6 {
  position: absolute;
  top: 30%;
  right: 13%;
  animation: rrdevsupdown 5s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-style-two__img-6 {
    right: 6%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-style-two__img-6 {
    top: 36%;
    right: 9%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-style-two__img-6 {
    right: 5%;
  }
}
@media (max-width: 767px) {
  .hero-style-two__img-6 {
    right: 2%;
  }
}
.hero-style-two__img-7 {
  position: absolute;
  top: 55%;
  left: 0;
}
@media (max-width: 767px) {
  .hero-style-two__img-7 {
    display: none;
  }
}
.hero-style-two__content-box-1 {
  position: relative;
  margin-top: -24px;
}
.hero-style-two__content-box-1 h3 {
  position: absolute;
  bottom: 50px;
  padding: 0 64px;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .hero-style-two__content-box-1 h3 {
    bottom: 12px;
    padding: 0px 30px;
    font-size: 17px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-style-two__content-box-1 h3 {
    bottom: 50px;
    padding: 0 64px;
    font-size: 24px;
  }
}
.hero-style-two__content-box-2 {
  position: relative;
}
.hero-style-two__content-box-2 a {
  position: absolute;
  right: 0;
  bottom: -42px;
  color: #fff;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  border-radius: 10px;
  background: #4A5FE1;
  padding: 34px 82px;
  margin-right: 42px;
}
.hero-style-two__content-box-2 a i {
  margin-left: 9px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.hero-style-two__content-box-2 a:hover i {
  transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 767px) {
  .hero-style-two__content-box-2 a {
    bottom: -25px;
    padding: 16px 40px;
    margin-right: 34px;
  }
}
.hero-style-two .happy-client {
  text-align: left;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .hero-style-two .happy-client {
    margin-top: 80px;
  }
}
.hero-style-two .happy-client .rating {
  margin-bottom: 12px;
}
.hero-style-two .happy-client .rating i {
  color: #FFB21D;
  font-size: 16px;
}
.hero-style-two .happy-client p {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}
.hero-style-two .active-user {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .hero-style-two .active-user {
    margin-bottom: 30px;
  }
}
.hero-style-two .active-user ul li {
  display: inline-block;
  margin-right: -20px;
}
.hero-style-two .active-user ul .user-number {
  color: #0B1728;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  padding: 7px 15px;
  border-radius: 30px;
  background: #F4B14B;
}
.hero-style-two .active-user span {
  display: inline-block;
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  margin-top: 20px;
}
.hero-style-two .active-user span:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #11D825;
  border-radius: 50px;
  margin-right: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-style-two__content {
    margin-top: 180px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-style-two__content {
    margin-top: 190px;
  }
}
@media (max-width: 767px) {
  .hero-style-two__content {
    margin-top: 200px;
  }
}
.hero-style-two__content h2 {
  color: #0B1728;
  text-align: center;
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-style-two__content h2 {
    font-size: 40px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-style-two__content h2 {
    font-size: 32px;
    line-height: 52px;
  }
}
@media (max-width: 767px) {
  .hero-style-two__content h2 {
    font-size: 28px;
    line-height: 52px;
  }
}
.hero-style-two .hero-bottom-line {
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #D9D9D9;
}
.hero-style-two .hero-highlighter-2 {
  position: relative;
}
.hero-style-two .hero-highlighter-2 svg {
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  animation: rrdevshighlighter 3s infinite;
}

/* style 3*/
.hero-style-three {
  position: relative;
  height: 884px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.hero-style-three .brand-one.pt-75 {
  padding-top: 130px;
}
.hero-style-three__animation-1 {
  position: absolute;
  left: 16%;
  bottom: 0;
  animation: footer1 4s ease-in-out 0.1s forwards infinite alternate;
  overflow: hidden;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .hero-style-three__animation-1 {
    left: 9%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-style-three__animation-1 {
    left: 6%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-style-three__animation-1 {
    left: 3%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-style-three__animation-1 {
    left: 5%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-style-three__animation-1 {
    left: 5%;
  }
}
@media (max-width: 767px) {
  .hero-style-three__animation-1 {
    left: 1%;
    bottom: -320px;
  }
}
.hero-style-three__animation-2 {
  position: absolute;
  left: 32%;
  bottom: 0;
  animation: footer2 4s ease-in-out 0.1s forwards infinite alternate;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-style-three__animation-2 {
    left: 36%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-style-three__animation-2 {
    bottom: -50px;
  }
}
@media (max-width: 767px) {
  .hero-style-three__animation-2 {
    bottom: -50px;
  }
}
.hero-style-three__animation-3 {
  position: absolute;
  left: 48%;
  bottom: 0;
  animation: footer3 4s ease-in-out 0.1s forwards infinite alternate;
  overflow: hidden;
}
.hero-style-three__animation-4 {
  position: absolute;
  left: 65%;
  bottom: 0;
  animation: footer2 4s ease-in-out 0.1s forwards infinite alternate;
  overflow: hidden;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-style-three__animation-4 {
    bottom: -50px;
  }
}
@media (max-width: 767px) {
  .hero-style-three__animation-4 {
    bottom: -50px;
  }
}
.hero-style-three__animation-5 {
  position: absolute;
  right: 16%;
  bottom: 0;
  animation: footer1 4s ease-in-out 0.1s forwards infinite alternate;
  overflow: hidden;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .hero-style-three__animation-5 {
    right: 9%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-style-three__animation-5 {
    right: 6%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-style-three__animation-5 {
    right: 3%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-style-three__animation-5 {
    right: 5%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-style-three__animation-5 {
    right: 5%;
  }
}
@media (max-width: 767px) {
  .hero-style-three__animation-5 {
    right: 2%;
    bottom: -320px;
  }
}
.hero-style-three__content h2 {
  color: #fff;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 90px;
  font-weight: 700;
  line-height: 96px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-style-three__content h2 {
    font-size: 65px;
    line-height: 75px;
  }
}
@media (max-width: 767px) {
  .hero-style-three__content h2 {
    font-size: 40px;
    line-height: 60px;
  }
}
.hero-style-three__content h2 span {
  display: block;
  background: linear-gradient(270deg, #F07B27 1.24%, #FF516A 96.28%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-style-three .slider__form {
  position: relative;
  width: 550px;
  height: 60px;
  border-radius: 50px;
  margin: auto;
  padding: 25px 27px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1px 2px 0px rgba(11, 23, 40, 0.14);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-style-three .slider__form {
    width: 400px;
    margin-left: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-style-three .slider__form {
    width: 420px;
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .hero-style-three .slider__form {
    width: 100%;
    margin-bottom: 60px;
  }
}
.hero-style-three .slider__form-input input {
  position: absolute;
  top: 50%;
  left: 27px;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.6);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  background: transparent;
  border: none;
}
.hero-style-three .slider__form-input input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 767px) {
  .hero-style-three .slider__form-input.has-select {
    position: relative;
    height: 60px;
    border-radius: 50px;
    margin-top: 45px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(11, 23, 40, 0.14);
  }
}
.hero-style-three .slider__form-input .slider-form-btn {
  position: absolute;
  top: 0;
  right: -160px;
  height: 55px;
  line-height: 0;
  padding: 24px 47px;
  border-radius: 50px;
  border: none;
  color: #fff;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 600;
  background-color: #4A5FE1;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-style-three .slider__form-input .slider-form-btn {
    position: inherit;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .hero-style-three .slider__form-input .slider-form-btn {
    position: inherit;
    margin-top: 10px;
  }
}
.hero-style-three .slider__form-input .slider-form-btn:before {
  border-radius: 50px;
  background: #FE7919;
  width: 100%;
}
.hero-style-three .slider__form-input.has-select .nice-select {
  position: absolute;
  top: 50%;
  right: 28px;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.6);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  z-index: 2;
}
.hero-style-three .slider__form-input.has-select .nice-select .list {
  color: #0B1728;
}
@media (max-width: 767px) {
  .hero-style-three .slider__form-input.has-select .nice-select {
    right: inherit;
    left: 28px;
  }
}

/* style 4*/
.hero-four {
  position: relative;
  background-color: #F0E6E0;
  height: 950px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-four {
    height: 680px;
  }
}
@media (max-width: 767px) {
  .hero-four {
    height: 750px;
  }
}
.hero-four__img-1 {
  position: absolute;
  top: 13%;
  left: 5%;
  animation: rrdevsleftright 6s ease-in-out 0.1s forwards infinite alternate;
  z-index: 2;
}
@media (max-width: 767px) {
  .hero-four__img-1 {
    top: 20%;
    left: 15%;
  }
}
.hero-four__img-2 {
  position: absolute;
  top: 35%;
  left: 12%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .hero-four__img-2 {
    left: 2%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-four__img-2 {
    left: 2%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-four__img-2 {
    left: 2%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-four__img-2 {
    left: 3%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-four__img-2 {
    top: 24%;
    left: 6%;
  }
}
@media (max-width: 767px) {
  .hero-four__img-2 {
    top: 86%;
    left: 47%;
  }
}
.hero-four__img-3 {
  position: absolute;
  bottom: 15%;
  right: 3%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
.hero-four__img-4 {
  position: absolute;
  top: 20%;
  right: 5%;
  animation: rrdevsleftright 6s ease-in-out 0.1s forwards infinite alternate;
}
@media (max-width: 767px) {
  .hero-four__img-4 {
    top: 20%;
  }
}
.hero-four__img-5 {
  position: absolute;
  top: 65%;
  left: 2%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media (max-width: 767px) {
  .hero-four__img-5 {
    top: 90%;
    left: 5%;
  }
}
.hero-four__img-6 {
  position: absolute;
  top: 0;
  left: 0;
  animation: rrdevsleftright 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .hero-four__img-6 {
    left: -30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-four__img-6 {
    left: -40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-four__img-6 {
    top: -110px;
    left: -68px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-four__img-6 {
    top: -13%;
  }
}
@media (max-width: 767px) {
  .hero-four__img-6 {
    top: -26%;
  }
}
.hero-four__img-7 {
  position: absolute;
  top: 20%;
  right: 0;
  animation: rrdevsrightleft 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-four__img-7 {
    top: -15%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-four__img-7 {
    top: -6%;
  }
}
@media (max-width: 767px) {
  .hero-four__img-7 {
    top: 30%;
  }
}
@media (max-width: 767px) {
  .hero-four__img-7 {
    top: 27%;
  }
}
.hero-four__content {
  margin-bottom: 235px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-four__content {
    margin-bottom: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-four__content {
    margin-bottom: 470px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-four__content {
    margin-bottom: 405px;
  }
}
@media (max-width: 767px) {
  .hero-four__content {
    margin-bottom: 180px;
  }
}
.hero-four__content h2 {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 90px;
  font-weight: 700;
  line-height: 100px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-four__content h2 {
    font-size: 60px;
    line-height: 80px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-four__content h2 {
    font-size: 54px;
    line-height: 70px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-four__content h2 {
    font-size: 46px;
    line-height: 70px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-four__content h2 {
    font-size: 36px;
    line-height: 56px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .hero-four__content h2 {
    font-size: 36px;
    line-height: 56px;
    margin-bottom: 30px;
  }
}
.hero-four__content p {
  color: rgba(11, 23, 40, 0.7);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 54px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-four__content p {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .hero-four__content p {
    margin-bottom: 34px;
  }
}
.hero-four__content form {
  position: relative;
  width: 550px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-four__content form {
    width: 480px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-four__content form {
    width: 450px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-four__content form {
    width: 420px;
  }
}
@media (max-width: 767px) {
  .hero-four__content form {
    width: 100%;
  }
}
.hero-four__content input {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  width: 550px;
  height: 60px;
  background: #FFF;
  padding: 24px 26px;
  padding-right: 230px;
  border: none;
  box-shadow: 0px 1px 2px 0px rgba(11, 23, 40, 0.14);
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-four__content input {
    width: 480px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-four__content input {
    width: 450px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-four__content input {
    width: 420px;
  }
}
@media (max-width: 767px) {
  .hero-four__content input {
    padding-right: 50px;
    width: 100%;
  }
}
.hero-four__content button {
  color: #fff;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  padding: 16px 23px;
  background-color: #4A5FE1;
  border: none;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.hero-four__content button:before {
  background-color: #FE7919;
}
.hero-four__content button:hover {
  color: #ffffff;
}
@media (max-width: 767px) {
  .hero-four__content button {
    left: 0;
    margin-top: 65px;
  }
}
.hero-four__right {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-four__right {
    right: -17%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-four__right {
    right: -3%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-four__right {
    left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-four__right {
    left: 0;
    right: 0;
  }
}
@media (max-width: 767px) {
  .hero-four__right {
    left: 0;
  }
}
.hero-four__img {
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  z-index: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-four__img {
    display: none;
  }
}
@media (max-width: 767px) {
  .hero-four__img {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-four__img0 {
    width: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-four__img0 {
    width: 550px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-four__img0 {
    width: 550px;
    height: auto;
  }
}
.hero-four__img1 {
  position: absolute;
  bottom: 19%;
  left: 16%;
  animation: rrdevsanimation1 6s infinite linear alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-four__img1 {
    left: 10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-four__img1 {
    left: 2%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-four__img1 {
    display: none;
    left: 4%;
  }
}
@media (max-width: 767px) {
  .hero-four__img1 {
    display: none;
  }
}
.hero-four__img2 {
  position: absolute;
  right: 24%;
  top: 45%;
  animation: rrdevsupdown 0.6s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-four__img2 {
    right: 18%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-four__img2 {
    right: 45%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-four__img2 {
    display: none;
  }
}
@media (max-width: 767px) {
  .hero-four__img2 {
    display: none;
  }
}
.hero-four__img3 {
  position: absolute;
  top: 36%;
  left: 26%;
  animation: rrdevsupdown 5s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-four__img3 {
    top: 35%;
    left: 16%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-four__img3 {
    display: none;
  }
}
@media (max-width: 767px) {
  .hero-four__img3 {
    display: none;
  }
}
.hero-four__img4 {
  position: absolute;
  top: 14%;
  right: 30%;
  animation: rrdevsanimation1 5s infinite linear alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-four__img4 {
    right: 23%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-four__img4 {
    right: 49%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-four__img4 {
    display: none;
  }
}
@media (max-width: 767px) {
  .hero-four__img4 {
    display: none;
  }
}
.hero-four__img5 {
  position: absolute;
  top: 30%;
  right: 20%;
  animation: rrdevsupdown 5s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-four__img5 {
    top: 24%;
    right: 24%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-four__img5 {
    right: 12%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-four__img5 {
    right: 34%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-four__img5 {
    right: 10%;
  }
}
@media (max-width: 767px) {
  .hero-four__img5 {
    display: none;
  }
}

.hero-one__wrapper {
  position: relative;
  height: 850px;
  overflow: hidden;
}
.hero-one__wrapper .hero-one__animation-1 {
  position: absolute;
  left: 96px;
  bottom: 0;
  animation: rrdevstranslateY2 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .hero-one__wrapper .hero-one__animation-1 {
    left: -15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-one__wrapper .hero-one__animation-1 {
    left: -22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-one__wrapper .hero-one__animation-1 {
    bottom: 13%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-one__wrapper .hero-one__animation-1 {
    display: none;
  }
}
@media (max-width: 767px) {
  .hero-one__wrapper .hero-one__animation-1 {
    display: none;
  }
}
.hero-one__wrapper .hero-one__animation-2 {
  position: absolute;
  bottom: 0;
  right: 9%;
  position: absolute;
  bottom: -50px;
  right: 9%;
  animation: rrdevstranslateY2 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .hero-one__wrapper .hero-one__animation-2 {
    right: 2%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-one__wrapper .hero-one__animation-2 {
    right: 1%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-one__wrapper .hero-one__animation-2 {
    bottom: -25%;
    right: 1%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-one__wrapper .hero-one__animation-2 {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-one__wrapper .hero-one__animation-2 {
    display: none;
  }
}
@media (max-width: 767px) {
  .hero-one__wrapper .hero-one__animation-2 {
    display: none;
  }
}

.hero-one__content {
  padding-top: 149px;
  padding-left: 165px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-one__content {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .hero-one__content {
    padding-left: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hero-one__content {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-one__content {
    padding-left: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-one__content {
    padding-left: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-one__content {
    padding-left: 25px;
  }
}
@media (max-width: 767px) {
  .hero-one__content {
    padding-left: 0;
    padding-top: 60px;
  }
}

.page-header {
  position: relative;
  display: block;
  padding: 97px 0;
  overflow: hidden;
  z-index: 1;
}
.page-header .page-header__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
.page-header .page-header__bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, #F1BFEC -0.24%, #BAF2C6 99.96%);
  filter: blur(300px);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  z-index: -1;
  opacity: 1;
}
.page-header .page-header__bg::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #F8F8F8;
  opacity: 0.75;
}
.page-header .page-header__wrapper {
  position: relative;
  display: block;
  z-index: 2;
}
.page-header .page-header__wrapper .page-header__content {
  position: relative;
  display: block;
}
.page-header .page-header__wrapper .page-header__content h2 {
  color: #0B1728;
  text-align: center;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .page-header .page-header__wrapper .page-header__content h2 {
    font-size: 40px;
  }
}
.page-header .page-header__wrapper .page-header__content .page-header__menu {
  position: relative;
  display: block;
  text-align: center;
}
.page-header .page-header__wrapper .page-header__content .page-header__menu ul {
  position: relative;
  display: block;
}
.page-header .page-header__wrapper .page-header__content .page-header__menu ul li {
  position: relative;
  display: inline-block;
  color: #ffffff;
  font-size: 20px;
  padding-left: 3px;
  padding-right: 7px;
}
.page-header .page-header__wrapper .page-header__content .page-header__menu ul li:first-child {
  padding-left: 0;
}
.page-header .page-header__wrapper .page-header__content .page-header__menu ul li:last-child {
  padding-right: 0;
}
.page-header .page-header__wrapper .page-header__content .page-header__menu ul li::before {
  position: absolute;
  top: 7px;
  right: 0;
  bottom: 8px;
  width: 1px;
  background: #ffffff;
  transform: rotate(20deg);
  content: "";
}
.page-header .page-header__wrapper .page-header__content .page-header__menu ul li:last-child:before {
  display: none;
}
.page-header .page-header__wrapper .page-header__content .page-header__menu a span {
  position: relative;
  display: inline-block;
  color: #0B1728;
  font-size: 16px;
  font-weight: 500;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  text-transform: capitalize;
}
.page-header .page-header__wrapper .page-header__content .page-header__menu span {
  color: #4A5FE1;
}
.page-header .page-header__wrapper .page-header__content .page-header__menu .dvr {
  display: inline-block;
  margin: 0 10px;
  color: #0B1728;
  font-size: 14px;
}
.page-header .page-header__wrapper .page-header__content .page-header__menu .no-breadcrumb-navigation {
  color: #0B1728;
  text-align: center;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  opacity: 0.7;
}

.page-header__img1 {
  position: absolute;
  top: 14%;
  left: 7%;
  z-index: 9;
  animation: rrdevstranslateY2 6s ease-in-out 0.1s forwards infinite alternate;
  opacity: 0.75;
}

.page-header__img2 {
  position: absolute;
  bottom: 19%;
  left: 21%;
  z-index: 9;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
  opacity: 0.65;
}

.page-header__img3 {
  position: absolute;
  bottom: 16%;
  right: 36%;
  z-index: 9;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
  opacity: 0.35;
}

.page-header__img4 {
  position: absolute;
  bottom: 50%;
  right: 16%;
  z-index: 9;
  animation: rrdevsleftright 6s ease-in-out 0.1s forwards infinite alternate;
  opacity: 0.65;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page-header__img4 {
    bottom: 85%;
  }
}
@media (max-width: 767px) {
  .page-header__img4 {
    bottom: 85%;
  }
}

/**
* About
*/
/* Style 1 */
.about-one {
  position: relative;
  overflow: hidden;
}
.about-one .about-one_animation1 {
  position: absolute;
  top: 38%;
  right: 10%;
  z-index: 2;
  opacity: 0.65;
  animation: rrdevstranslateY2 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-one .about-one_animation1 {
    right: 3%;
  }
}
.about-one .about-one_animation2 {
  position: absolute;
  top: 37%;
  left: 11%;
  z-index: 2;
  opacity: 0.6;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
.about-one .about-one_animation3 {
  position: absolute;
  right: 5%;
  z-index: 2;
  bottom: 28%;
  opacity: 0.5;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
.about-one .about-one_animation4 {
  position: absolute;
  right: 35%;
  z-index: 2;
  opacity: 0.65;
  animation: rrdevsleftright 6s ease-in-out 0.1s forwards infinite alternate;
}
@media (max-width: 767px) {
  .about-one .about-one_animation4 {
    top: 4%;
  }
}
.about-one .about-one_circle1 {
  position: absolute;
  bottom: -150px;
  left: -150px;
  width: 620px;
  height: 620px;
  border-radius: 50px;
  background: #EBFCFC;
  filter: blur(185px);
}
.about-one .about-one_circle2 {
  position: absolute;
  top: 0;
  left: 20%;
  width: 1030px;
  height: 1030px;
  border-radius: 50px;
  background: #DFDCEC;
  filter: blur(185px);
}
.about-one .about-one_circle3 {
  position: absolute;
  bottom: 0;
  right: 63px;
  width: 492px;
  height: 492px;
  border-radius: 50px;
  background: #EFF6DB;
  filter: blur(185px);
}
.about-one .about-one__animation_text {
  position: absolute;
  left: -290px;
  bottom: 44%;
  z-index: 2;
  animation: rrdevsanimation2 5s infinite linear alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .about-one .about-one__animation_text {
    left: -210px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .about-one .about-one__animation_text {
    left: -160px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-one .about-one__animation_text {
    left: -140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-one .about-one__animation_text {
    left: -130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-one .about-one__animation_text {
    bottom: 38%;
    left: -100px;
  }
}
@media (max-width: 767px) {
  .about-one .about-one__animation_text {
    left: -95px;
    bottom: 38%;
  }
}
.about-one .about-one__animation_text h2 {
  color: rgba(19, 42, 19, 0.14);
  font-size: 140px;
  font-style: normal;
  font-weight: 700;
  line-height: 110px;
  text-transform: uppercase;
  transform: rotate(270deg);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(19, 42, 19, 0.14);
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .about-one .about-one__animation_text h2 {
    font-size: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .about-one .about-one__animation_text h2 {
    font-size: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-one .about-one__animation_text h2 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-one .about-one__animation_text h2 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-one .about-one__animation_text h2 {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .about-one .about-one__animation_text h2 {
    font-size: 50px;
  }
}
.about-one .page-header__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.about-one .page-header__bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, #F1BFEC -0.24%, #BAF2C6 99.96%);
  filter: blur(300px);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  z-index: -1;
  opacity: 1;
}
.about-one .page-header__bg::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #F8F8F8;
  opacity: 0.75;
}
.about-one .about-one__img {
  position: relative;
}
.about-one .about-one__img img {
  border-radius: 10px;
}
.about-one .about-one__img .about-one__img2 {
  position: absolute;
  bottom: -26px;
  right: 10px;
  animation: rrdevsanimation2 5s infinite linear alternate;
}
.about-one .about-one__img .about-one__img2 img {
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .about-one .about-one__img .about-one__img2 {
    right: -20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-one .about-one__img .about-one__img2 {
    bottom: -40px;
    right: -30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-one .about-one__img .about-one__img2 {
    right: -30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-one .about-one__img .about-one__img2 {
    right: -40px;
  }
}
@media (max-width: 767px) {
  .about-one .about-one__img .about-one__img2 {
    width: 200px;
    right: 20px;
  }
}
.about-one .about-one__right {
  padding-left: 75px;
  margin-bottom: 50px;
  position: relative;
  display: block;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .about-one .about-one__right {
    padding-left: 30px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-one .about-one__right {
    padding-left: 35px;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-one .about-one__right {
    margin-top: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-one .about-one__right {
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .about-one .about-one__right {
    margin-top: 70px;
  }
}
.about-one .about-one__right .about-one__right-content .section-title__one-title {
  font-size: 40px;
}
@media (max-width: 767px) {
  .about-one .about-one__right .about-one__right-content .section-title__one-title {
    font-size: 22px;
    line-height: 40px;
    margin-bottom: 25px;
  }
}
.about-one .about-one__right .about-one__right-content span {
  display: block;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 11px;
  margin-bottom: 30px;
}
.about-one .about-one__right .about-one__right-content p {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .about-one .about-one__right .about-one__right-content p {
    margin-bottom: 0;
  }
}
.about-one .about-one__right .counter-two__single {
  margin-top: 40px;
}
.about-one .about-one__right .counter-two__single h3,
.about-one .about-one__right .counter-two__single span {
  display: inline-block;
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 84px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-one .about-one__right .counter-two__single h3,
  .about-one .about-one__right .counter-two__single span {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .about-one .about-one__right .counter-two__single h3,
  .about-one .about-one__right .counter-two__single span {
    font-size: 44px;
    margin-bottom: 0;
  }
}
.about-one .about-one__right .counter-two__text {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 36px;
  text-transform: uppercase;
}

/* Style 2 */
.about-two .about-two .about-two-img-animation2 {
  position: absolute;
  top: 38%;
  left: 9%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
.about-two .about-two-img-animation2 {
  position: absolute;
  top: 32%;
  left: 8%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .about-two .about-two-img-animation2 {
    left: 2%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .about-two .about-two-img-animation2 {
    left: 2%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-two .about-two-img-animation2 {
    left: 2%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-two .about-two-img-animation2 {
    left: 3%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-two .about-two-img-animation2 {
    left: 4%;
  }
}
@media (max-width: 767px) {
  .about-two .about-two-img-animation2 {
    top: 15%;
    left: 4%;
  }
}
.about-two .about-two-img-animation3 {
  position: absolute;
  left: 9%;
  bottom: 1%;
  animation: rrdevstranslateY2 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .about-two .about-two-img-animation3 {
    left: 2%;
    bottom: 16%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .about-two .about-two-img-animation3 {
    left: 2%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-two .about-two-img-animation3 {
    left: 2%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-two .about-two-img-animation3 {
    left: 5%;
  }
}
@media (max-width: 767px) {
  .about-two .about-two-img-animation3 {
    left: 5%;
    bottom: -6%;
  }
}
.about-two .about-two-img-animation4 {
  position: absolute;
  right: 9%;
  bottom: 4%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-two .about-two-img-animation4 {
    bottom: 30%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-two .about-two-img-animation4 {
    right: 5%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-two .about-two-img-animation4 {
    right: 5%;
  }
}
@media (max-width: 767px) {
  .about-two .about-two-img-animation4 {
    right: 9%;
    bottom: -3%;
  }
}
.about-two .about-two__info-box {
  margin-right: 70px;
  padding: 30px 40px;
  border-radius: 10px;
  border: 1px solid rgba(11, 23, 40, 0.14);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-two .about-two__info-box {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-two .about-two__info-box {
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-two .about-two__info-box {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .about-two .about-two__info-box {
    margin-right: 0;
    padding: 30px 15px;
  }
}
.about-two .about-two__info-box .img {
  float: left;
  margin-right: 24px;
}
@media (max-width: 767px) {
  .about-two .about-two__info-box .img {
    margin-right: 15px;
  }
}
.about-two .about-two__info-box h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.about-two .about-two__info-box .text {
  overflow: hidden;
}
.about-two .about-two__info-box .text p {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0;
}
.about-two .about-two__info-box:hover {
  border-radius: 14px;
  background: #fff;
  border-color: #fff;
  box-shadow: 0px 10px 120px 0px rgba(11, 23, 40, 0.14);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.about-two .about-two__img {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-two .about-two__img {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-two .about-two__img {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .about-two .about-two__img {
    margin-top: 60px;
  }
}
.about-two .about-two__img .about-two__img-animation1 {
  position: absolute;
  top: 0;
  left: -106px;
  z-index: -1;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media (max-width: 767px) {
  .about-two .about-two__img .about-two__img-animation1 {
    top: 0px;
    left: -80px;
    margin-top: -83px;
  }
}

/* style 3 */
.about-three {
  position: relative;
  margin-top: -236px;
  z-index: 2;
}
.about-three div[class^=col-] {
  padding-left: 0px;
  padding-right: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-three {
    margin-top: -170px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-three {
    margin-top: -84px;
  }
}
@media (max-width: 767px) {
  .about-three {
    margin-top: -150px;
  }
}
.about-three .tab-pane.active {
  animation: slide-down 1s ease-out;
}
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.about-three .tab-one {
  position: relative;
  display: block;
}
.about-three .tab-one__tabs {
  position: relative;
  display: block;
  overflow: hidden;
}
.about-three .tab-one__tabs .tab-buttons {
  position: relative;
  display: inline-block;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: rgba(11, 23, 40, 0.1);
  padding: 0;
}
@media (max-width: 767px) {
  .about-three .tab-one__tabs .tab-buttons {
    border-width: 0;
  }
}
.about-three .tab-one__tabs .tab-buttons li {
  position: relative;
  display: inline-block;
  color: #0B1728;
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  padding: 30px 41px;
  cursor: pointer;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .about-three .tab-one__tabs .tab-buttons li {
    padding: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-three .tab-one__tabs .tab-buttons li {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-three .tab-one__tabs .tab-buttons li {
    padding: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-three .tab-one__tabs .tab-buttons li {
    display: block;
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .about-three .tab-one__tabs .tab-buttons li {
    display: block;
    padding: 15px;
  }
}
.about-three .tab-one__tabs .tab-buttons li span {
  display: block;
  margin-top: 12px;
}
.about-three .tab-one__tabs .tab-buttons li:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: rgba(11, 23, 40, 0.1);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-three .tab-one__tabs .tab-buttons li:after {
    display: none;
  }
}
@media (max-width: 767px) {
  .about-three .tab-one__tabs .tab-buttons li:after {
    display: none;
  }
}
.about-three .tab-one__tabs .tab-buttons li:last-child:after {
  display: none;
}
.about-three .tab-one__tabs .tab-buttons li:hover, .about-three .tab-one__tabs .tab-buttons li.active-btn {
  background: #FE7919;
  color: #fff;
}
.about-three .tab-one__tabs .tab-buttons li:hover.no-active, .about-three .tab-one__tabs .tab-buttons li.active-btn.no-active {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.about-three .tab-one__tabs .tab-buttons li img {
  width: 36px;
  height: 36px;
}

.about-three .tab-one__tabs .tab-buttons li:hover .no-active,
.about-three .tab-one__tabs .tab-buttons li.active-btn .no-active {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.about-three .tab-one__tabs .tab-buttons li .active-tab-icon,
.about-three .tab-one__tabs .tab-buttons li.active-btn .active-tab-icon {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.about-three .tab-one__tabs .tab-buttons li:hover .active-tab-icon,
.about-three .tab-one__tabs .tab-buttons li.active-btn .active-tab-icon {
  display: block;
  visibility: visible;
  opacity: 1;
  margin: 0 auto;
}

.about-three .tab-one__tabs .tabs-content .tab {
  position: relative;
  display: none;
  transform: translateY(35px);
  transition: all 600ms ease;
  z-index: 10;
}
.about-three .tab-one__tabs .tabs-content .tab.active-tab {
  display: block;
  margin-top: 0px;
  transform: translateY(0px);
}

.about-three .tab-one__content {
  position: relative;
  display: block;
  max-width: 485px;
  width: 100%;
  margin-top: 35px;
}

.tabs-one .nav-link {
  position: relative;
  display: inline-block;
  color: #0B1728;
  background-color: #fff;
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  padding: 30px 41px;
  cursor: pointer;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  margin: 0;
  border-radius: 0;
  height: 117px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .tabs-one .nav-link {
    padding: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .tabs-one .nav-link {
    padding: 15px 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tabs-one .nav-link {
    padding: 15px;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tabs-one .nav-link {
    display: block;
    padding: 15px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .tabs-one .nav-link {
    display: block;
    padding: 15px;
    width: 100%;
  }
}
.tabs-one .nav-link.active {
  background: #FE7919;
  color: #fff;
}
.tabs-one .nav-link.active.no-active {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.tabs-one .nav-link span {
  display: block;
  margin-top: 12px;
}
.tabs-one .nav-link:hover {
  background: #FE7919;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tabs-one li:last-child.nav-item button {
  padding-right: 42px;
}
.tabs-one button:hover .no-active,
.tabs-one button.active .no-active {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.tabs-one button .active-tab-icon,
.tabs-one button.active .active-tab-icon {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.tabs-one button:hover .active-tab-icon,
.tabs-one button.active .active-tab-icon {
  display: block;
  visibility: visible;
  opacity: 1;
  margin: 0 auto;
}
.tabs-one li.nav-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: rgba(11, 23, 40, 0.1);
}
.tabs-one li.nav-item {
  position: relative;
  position: relative;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: rgba(11, 23, 40, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tabs-one li.nav-item {
    border: none;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tabs-one li.nav-item {
    border: none;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .tabs-one li.nav-item {
    border: none;
    width: 100%;
  }
}
.tabs-one li:last-child.nav-item:after {
  display: none;
}

.about-three__wrapper {
  border-radius: 30px;
  background: #FFF;
  box-shadow: 0px 50px 70px 0px rgba(11, 23, 40, 0.08);
  overflow: hidden;
}
.about-three__wrapper .about-three__single {
  position: relative;
  padding: 91px 80px 34px 102px;
}
@media (max-width: 767px) {
  .about-three__wrapper .about-three__single {
    padding: 91px 35px 34px 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-three__wrapper .about-three__single {
    padding: 91px 80px 34px 60px;
  }
}
.about-three__wrapper .about-three__single .about-three__animation-1 {
  position: absolute;
  left: 45%;
  top: 20%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .about-three__wrapper .about-three__single .about-three__animation-1 {
    left: 44%;
    top: 12%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-three__wrapper .about-three__single .about-three__animation-1 {
    left: 49%;
    top: 10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-three__wrapper .about-three__single .about-three__animation-1 {
    top: 3%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-three__wrapper .about-three__single .about-three__animation-1 {
    top: 4%;
  }
}
@media (max-width: 767px) {
  .about-three__wrapper .about-three__single .about-three__animation-1 {
    top: 3%;
  }
}
.about-three__wrapper .about-three__single .about-three__animation-2 {
  position: absolute;
  top: 7%;
  right: 5%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
.about-three__wrapper .about-three__single .about-three__animation-3 {
  position: absolute;
  bottom: 21%;
  left: 2%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
.about-three__wrapper .about-three__single .about-three__single-content {
  padding-right: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-three__wrapper .about-three__single .about-three__single-content {
    padding-right: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-three__wrapper .about-three__single .about-three__single-content {
    padding-right: 20px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-three__wrapper .about-three__single .about-three__single-content {
    padding-right: 0px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .about-three__wrapper .about-three__single .about-three__single-content {
    padding-right: 0px;
    margin-bottom: 30px;
  }
}
.about-three__wrapper .about-three__single .about-three__single-content h2 {
  color: #0B1728;
  font-family: "Mulish", sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 30px;
}
.about-three__wrapper .about-three__single .about-three__single-content .list ul li {
  color: rgba(11, 23, 40, 0.6);
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
.about-three__wrapper .about-three__single .about-three__single-content .list ul li:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50px;
  background-color: rgba(11, 23, 40, 0.6);
  margin-right: 9px;
  margin-bottom: 2px;
}
.about-three__wrapper .about-three__single .about-three__single-content .about-three-btn {
  display: inline-block;
  font-family: "Mulish", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  padding: 16px 25px;
  border-radius: 4px;
  color: #fff;
  background: #0B1728;
}
.about-three__wrapper .about-three__single .about-three__single-content .about-three-btn:before {
  background-color: #FE7919;
  border-radius: 4px;
}
.about-three__wrapper .about-three__single .about-three__single-content .about-three-btn:hover {
  color: #ffffff;
}

/**
* Service
*/
/* style 1 */
.service-one div[class^=col-] {
  padding-left: 0;
  padding-right: 0;
}
.service-one .service-one__single {
  background-color: #F6F9FE;
  padding: 40px 45px 50px 35px;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .service-one .service-one__single {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-one .service-one__single {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service-one .service-one__single {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .service-one .service-one__single {
    margin-right: 0;
  }
}
.service-one .service-one__single.style-1 {
  border-radius: 14px 0 0 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .service-one .service-one__single.style-1 {
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-one .service-one__single.style-1 {
    border-radius: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service-one .service-one__single.style-1 {
    border-radius: 0;
  }
}
@media (max-width: 767px) {
  .service-one .service-one__single.style-1 {
    border-radius: 0;
  }
}
.service-one .service-one__single.style-4 {
  border-radius: 0 14px 14px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .service-one .service-one__single.style-4 {
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-one .service-one__single.style-4 {
    border-radius: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service-one .service-one__single.style-4 {
    border-radius: 0;
  }
}
@media (max-width: 767px) {
  .service-one .service-one__single.style-4 {
    border-radius: 0;
  }
}
.service-one .service-one__single .service-one__icon {
  width: 83px;
  height: 83px;
  line-height: 83px;
  text-align: center;
  border-radius: 50px;
}
.service-one .service-one__single .service-one__icon.bg-1 {
  background: #00BBE4;
}
.service-one .service-one__single .service-one__icon.bg-2 {
  background: #FF326F;
}
.service-one .service-one__single .service-one__icon.bg-3 {
  background: #C343FF;
}
.service-one .service-one__single .service-one__icon.bg-4 {
  background: #5D43FF;
}
.service-one .service-one__single ul li {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  list-style: none;
}
.service-one .service-one__single ul li i {
  color: #000000;
  margin-right: 13px;
}
.service-one .service-one__single:hover {
  transform: scale(1.1);
  border-radius: 14px;
  background: #FFF;
  box-shadow: 0px 10px 120px 0px rgba(11, 23, 40, 0.14);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .service-one .service-one__single:hover {
    transform: scale(1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-one .service-one__single:hover {
    transform: scale(1);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service-one .service-one__single:hover {
    transform: scale(1);
  }
}
@media (max-width: 767px) {
  .service-one .service-one__single:hover {
    transform: scale(1);
  }
}
.service-one .service-one__single h3 {
  font-size: 20px;
}
.service-one .service-one__single .service-one__btn a {
  display: inline-block;
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 16px 29px;
  border-radius: 180px;
  background: rgba(38, 80, 226, 0.06);
}
.service-one .service-page-link p {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
}
.service-one .service-page-link p a {
  color: #4A5FE1;
  text-decoration-line: underline;
}

/* style 2 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-two .d__column-two {
    display: block;
  }
  .service-two .section-title__one-title {
    font-size: 36px;
    line-height: 54px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service-two .d__column-two {
    display: block;
  }
  .service-two .section-title__one-title {
    font-size: 36px;
    line-height: 54px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .service-two .d__column-two {
    display: block;
  }
  .service-two .section-title__one-title {
    font-size: 36px;
    line-height: 54px;
    margin-bottom: 20px;
  }
}

.service-two__single {
  border-radius: 10px;
  padding: 70px 54px 85px 54px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .service-two__single {
    padding: 56px 40px 71px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .service-two__single {
    padding: 50px 30px 50px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-two__single {
    padding: 60px 40px;
  }
}
@media (max-width: 767px) {
  .service-two__single {
    padding: 70px 30px 85px 30px;
  }
}
.service-two__single .icon-box {
  margin-bottom: 64px;
}
.service-two__single .icon-box i {
  font-size: 50px;
}
.service-two__single .service-two__single-title {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 34px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .service-two__single .service-two__single-title {
    font-size: 24px;
  }
}
.service-two__single p {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}
.service-two__single a {
  position: relative;
  display: inline-block;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  margin-top: 60px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.service-two__single a:hover i {
  transform: rotate(-45deg);
}
.service-two__single a i {
  padding-left: 6px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.service-two__single a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 1px;
  background: #0B1728;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.service-two__single.bg-1 {
  background-color: #FFE4D9;
}
.service-two__single.bg-1 .service-two__single-title {
  color: #E96F3E;
}
.service-two__single.bg-1 a {
  color: #0B1728;
}
.service-two__single.bg-1 a:hover {
  color: #E96F3E;
}
.service-two__single.bg-1 a:hover:after {
  background-color: #E96F3E;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.service-two__single.bg-2 {
  background-color: #D9F5DC;
}
.service-two__single.bg-2 .service-two__single-title {
  color: #0DA11D;
}
.service-two__single.bg-2 a {
  color: #0B1728;
}
.service-two__single.bg-2 a:hover {
  color: #0DA11D;
}
.service-two__single.bg-2 a:hover:after {
  background-color: #0DA11D;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.service-two__single.bg-3 {
  background-color: #FFD9E9;
}
.service-two__single.bg-3 .service-two__single-title {
  color: #D1236C;
}
.service-two__single.bg-3 a {
  color: #0B1728;
}
.service-two__single.bg-3 a:hover {
  color: #D1236C;
}
.service-two__single.bg-3 a:hover:after {
  background-color: #D1236C;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

/* style 3 */
.service-three div[class^=col-] {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 767px) {
  .service-three div[class^=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.service-three__single {
  background-color: #fff;
  border: 1px solid rgba(11, 23, 40, 0.14);
  padding: 70px 54px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .service-three__single {
    padding: 50px 40px;
  }
}
.service-three__single:hover {
  background-color: #F0E6E0;
  border: 1px solid #F0E6E0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.service-three__single:hover span {
  color: #0B1728;
}
.service-three__single:hover span:before {
  width: 22px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  visibility: visible;
}
.service-three__single .service-three__single-img {
  margin-bottom: 60px;
}
.service-three__single .service-three__single-img img {
  width: 120px;
  height: 120px;
}
.service-three__single h3 {
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .service-three__single h3 {
    font-size: 22px;
    line-height: 36px;
  }
}
.service-three__single p {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 53px;
}
.service-three__single span {
  color: #4A5FE1;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: normal;
}
.service-three__single span:before {
  content: "";
  display: inline-block;
  width: 0px;
  height: 2px;
  background-color: #0B1728;
  margin-bottom: 6px;
  margin-right: 8px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

div[class^=col-] {
  padding-left: 15px;
  padding-right: 15px;
}

.service-details .faq-one__content {
  padding-right: 0;
}

.service-details-content .service-details__img img {
  border-radius: 5px;
  background: #D9D9D9;
}
.service-details-content .service-details-title {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 54px;
}
@media (max-width: 767px) {
  .service-details-content .service-details-title {
    font-size: 30px;
    line-height: 44px;
  }
}
.service-details-content p {
  color: #545D69;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.service-details-content .bullet-list-1 ul li {
  list-style: none;
  color: #545D69;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}
.service-details-content .bullet-list-1 ul li + li {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .service-details-content .bullet-list-1 {
    margin-bottom: 10px;
  }
}

.sidebar__single.widget_services {
  border-radius: 10px;
  border: 1px solid rgba(11, 23, 40, 0.14);
  background: rgba(255, 255, 255, 0);
  padding: 34px;
}
.sidebar__single.widget_services ul li + li {
  margin-top: 10px;
}
.sidebar__single.widget_services ul li {
  list-style: none;
  border-radius: 6px;
  border: 1px solid rgba(11, 23, 40, 0.14);
  background: rgba(255, 255, 255, 0);
  position: relative;
}
.sidebar__single.widget_services ul li:hover {
  background-color: #4A5FE1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.sidebar__single.widget_services ul li:hover span {
  color: #fff;
  opacity: 1;
  cursor: pointer;
}
.sidebar__single.widget_services ul li:hover a {
  color: #fff;
  opacity: 1;
}
.sidebar__single.widget_services ul li:hover a:before {
  background-color: #fff;
  opacity: 1;
}
.sidebar__single.widget_services ul li > span {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 60px;
  height: 100%;
  line-height: 100%;
  right: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #0B1728;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  z-index: 1;
}
.sidebar__single.widget_services ul li a {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  display: block;
  padding: 20px 24px;
  opacity: 0.6;
}
.sidebar__single.widget_services ul li a:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #0B1728;
  border-radius: 50px;
  margin-right: 10px;
  opacity: 0.6;
  margin-bottom: 2px;
}
.sidebar__single.widget_services ul li a:hover {
  color: #fff;
  opacity: 1;
}
.sidebar__single.widget_services ul li a:hover:before {
  background-color: #fff;
  opacity: 1;
}
.sidebar__single.widget_contact_banner {
  border-radius: 10px;
  background: #E6F9C8;
  padding: 40px 34px 0px 34px;
  height: 390px;
  position: relative;
  overflow: hidden;
}
.sidebar__single.widget_contact_banner .contact-banner__img1 {
  position: absolute;
  top: 32px;
  right: 40px;
  animation: rrdevstranslateY1 6s ease-in-out 0.1s forwards infinite alternate;
}
.sidebar__single.widget_contact_banner .contact-banner__img2 {
  position: absolute;
  bottom: 35%;
  left: 45%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
.sidebar__single.widget_contact_banner .contact-banner__img3 {
  position: absolute;
  left: 12%;
  bottom: 18%;
  animation: rrdevsrotate 4s ease-in-out 0.1s forwards infinite alternate;
}
.sidebar__single.widget_contact_banner .widget_contact_banner__img {
  position: absolute;
  bottom: 0;
  right: 20px;
}
@media (max-width: 767px) {
  .sidebar__single.widget_contact_banner .widget_contact_banner__img {
    bottom: -40px;
    right: -35px;
  }
}
.sidebar__single.widget_contact_banner a {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.sidebar__single.widget_contact_banner a i {
  margin-left: 6px;
  font-size: 14px;
}
.sidebar__single.widget_contact_banner .contact_banner__subheading {
  display: block;
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 19px;
}
.sidebar__single.widget_contact_banner .contact_banner__title {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project-area .section-title__column-two {
    display: block;
    align-items: inherit;
    justify-content: inherit;
  }
  .project-area .section-title__two-title {
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .project-area .section-title__column-two {
    display: block;
    align-items: inherit;
    justify-content: inherit;
  }
  .project-area .section-title__two-title {
    margin-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .project-area .section-title__column-two {
    display: block;
    align-items: inherit;
    justify-content: inherit;
  }
  .project-area .section-title__two-title {
    margin-bottom: 70px;
  }
}

.portfolio-active .col-xl-4:nth-child(1) .portfolio__single,
.portfolio-active .col-xl-4:nth-child(3) .portfolio__single,
.portfolio-active .col-xl-4:nth-child(6) .portfolio__single {
  height: 240px;
}

.portfolio-active .col-xl-4:nth-child(2) .portfolio__single,
.portfolio-active .col-xl-4:nth-child(4) .portfolio__single,
.portfolio-active .col-xl-4:nth-child(5) .portfolio__single {
  height: 420px;
}

.portfolio__single {
  position: relative;
}

.portfolio__single-content {
  position: absolute;
  left: 25px;
  right: 25px;
  bottom: 0px;
  height: 80px;
  padding: 22px 30px;
  border-radius: 10px;
  background: #FFF;
  visibility: hidden;
  opacity: 0;
  box-shadow: 0px 10px 80px 0px rgba(11, 23, 40, 0.24);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.portfolio__single-content h3 {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0px;
}
.portfolio__single-content h3:hover a {
  color: #4A5FE1;
}
.portfolio__single-content span {
  display: block;
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 5px;
}
.portfolio__single-content span:before {
  content: "";
  display: inline-block;
  background-color: #4A5FE1;
  width: 18px;
  height: 5px;
  border-radius: 10px;
  margin-bottom: 2px;
  margin-right: 6px;
}

.portfolio__single:hover .portfolio__single-content {
  bottom: 25px;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.portfolio-menu button {
  position: relative;
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  border: none;
  background-color: transparent;
}
.portfolio-menu button.active {
  color: #4A5FE1;
}

.portfolio-menu button.active .short-message span {
  border-radius: 2px;
  color: #fff;
  background: #4A5FE1;
  padding: 5px 7px;
  box-shadow: 0px 3px 3px 0px rgba(18, 104, 235, 0.24);
  visibility: visible;
  opacity: 1;
  display: block;
}

.portfolio-menu button.active .short-message span:after {
  content: "";
  display: block;
  position: absolute;
  left: 4px;
  bottom: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #4a5ee1 transparent transparent transparent;
}

.portfolio-menu button.active .short-message {
  position: absolute;
  top: -50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .portfolio-menu button.active .short-message {
    top: -50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .portfolio-menu button.active .short-message {
    top: -50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .portfolio-menu button.active .short-message {
    top: -50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-menu button.active .short-message {
    top: -50px;
  }
}

.short-message span {
  border-radius: 2px;
  color: #fff;
  background: #4A5FE1;
  padding: 5px 7px;
  box-shadow: 0px 3px 3px 0px rgba(18, 104, 235, 0.24);
  display: none;
  visibility: hidden;
  opacity: 0;
}

.team-one__single {
  overflow: hidden;
}
.team-one__single .team-one__single-img {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .team-one__single .team-one__single-img img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-one__single .team-one__single-img img {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team-one__single .team-one__single-img img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .team-one__single .team-one__single-img img {
    width: 100%;
  }
}
.team-one__single .team-one__single-img .overlay-content:before {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #4A5FE1;
  opacity: 0.65;
  content: "";
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
}
.team-one__single .team-one__single-img .social-link {
  position: absolute;
  top: 20px;
  right: 20px;
  transform: translateX(-100%);
  visibility: hidden;
  opacity: 0;
  transition-delay: 0.3s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition-property: all;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.team-one__single .team-one__single-img .social-link a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0);
  margin-bottom: 6px;
}
.team-one__single .team-one__single-img .social-link a:hover {
  background-color: #4A5FE1;
  border: 1px solid #4A5FE1;
  transform: translateX(-5px);
}
.team-one__single .title-box {
  border: 1px solid rgba(11, 23, 40, 0.14);
  background: #FFF;
  padding: 22px;
  text-align: center;
}
.team-one__single .title-box h5 {
  color: #1E2023;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.team-one__single .title-box span {
  color: #1E2023;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  opacity: 0.7;
}
.team-one__single:hover .overlay-content:before {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.team-one__single:hover .social-link {
  transform: translateX(0px);
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

/**
* Testimonial
*/
/* style 1 */
.testimonial-one .owl-carousel .owl-stage-outer {
  overflow: inherit;
}
.testimonial-one .testimonial-one__single {
  border-radius: 20px;
  background: #F1F3F7;
  margin: 0 25px;
  overflow: hidden;
}
.testimonial-one .owl-item.active .testimonial-one__single {
  background: #FFF;
  box-shadow: 0px 30px 120px 0px rgba(11, 23, 40, 0.2);
}
.testimonial-one .testimonial-one__single-img {
  float: left;
  padding: 50px 82px 0px 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .testimonial-one .testimonial-one__single-img {
    padding: 50px 20px 0px 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .testimonial-one .testimonial-one__single-img {
    padding: 50px 0px 0px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .testimonial-one .testimonial-one__single-img {
    float: inherit;
    padding: 50px 82px 0px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-one .testimonial-one__single-img {
    float: inherit;
    padding: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-one .testimonial-one__single-img {
    float: inherit;
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .testimonial-one .testimonial-one__single-img {
    float: inherit;
    padding: 30px;
  }
}
.testimonial-one .testimonial-one__single-content {
  overflow: hidden;
  padding: 75px 190px 0 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .testimonial-one .testimonial-one__single-content {
    padding: 50px 40px 0 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .testimonial-one .testimonial-one__single-content {
    padding: 50px 80px 0 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .testimonial-one .testimonial-one__single-content {
    padding: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-one .testimonial-one__single-content {
    padding: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-one .testimonial-one__single-content {
    padding: 60px;
  }
}
@media (max-width: 767px) {
  .testimonial-one .testimonial-one__single-content {
    padding: 40px;
  }
}
.testimonial-one .testimonial-one__single-content .testimonial-one__video .icon {
  margin-bottom: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .testimonial-one .testimonial-one__single-content .testimonial-one__video .icon {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .testimonial-one .testimonial-one__single-content .testimonial-one__video .icon {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .testimonial-one .testimonial-one__single-content .testimonial-one__video .icon {
    margin-bottom: 30px;
  }
}
.testimonial-one .testimonial-one__single-content .testimonial-one__video .icon a {
  display: inline-block;
}
.testimonial-one .testimonial-one__single-content .testimonial-one__video .icon a img {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 14px;
}
.testimonial-one .testimonial-one__single-content p {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .testimonial-one .testimonial-one__single-content p {
    font-size: 14px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .testimonial-one .testimonial-one__single-content p {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-one .testimonial-one__single-content p {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-one .testimonial-one__single-content p {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .testimonial-one .testimonial-one__single-content p {
    margin-bottom: 30px;
  }
}
.testimonial-one .testimonial-one__active .owl-prev i,
.testimonial-one .testimonial-one__active .owl-next i {
  position: absolute;
  top: 48%;
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  transform: translateY(-48%);
  border-radius: 50px;
  background: #FFF;
  box-shadow: 0px 3px 3px 0px rgba(30, 30, 30, 0.1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.testimonial-one .testimonial-one__active .owl-prev i {
  left: 285px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .testimonial-one .testimonial-one__active .owl-prev i {
    left: 14%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .testimonial-one .testimonial-one__active .owl-prev i {
    left: 12%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .testimonial-one .testimonial-one__active .owl-prev i {
    left: 15%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-one .testimonial-one__active .owl-prev i {
    left: 14%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-one .testimonial-one__active .owl-prev i {
    left: 1%;
  }
}
@media (max-width: 767px) {
  .testimonial-one .testimonial-one__active .owl-prev i {
    left: 2%;
  }
}
.testimonial-one .testimonial-one__active .owl-next i {
  right: 285px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .testimonial-one .testimonial-one__active .owl-next i {
    right: 14%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .testimonial-one .testimonial-one__active .owl-next i {
    right: 12%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .testimonial-one .testimonial-one__active .owl-next i {
    right: 15%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-one .testimonial-one__active .owl-next i {
    right: 14%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-one .testimonial-one__active .owl-next i {
    right: 1%;
  }
}
@media (max-width: 767px) {
  .testimonial-one .testimonial-one__active .owl-next i {
    right: 2%;
  }
}
.testimonial-one .testimonial-one__active .owl-prev:hover i,
.testimonial-one .testimonial-one__active .owl-next:hover i {
  color: #fff;
  background: #4A5FE1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

/* style 2 */
.testimonial-two .testimonial-two__wrapper {
  position: relative;
  padding: 132px 80px;
  background: #EFF1F3;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-two .testimonial-two__wrapper {
    padding: 132px 40px;
  }
}
@media (max-width: 767px) {
  .testimonial-two .testimonial-two__wrapper {
    padding: 80px 40px;
    padding-bottom: 150px;
  }
}
.testimonial-two .testimonial-two__wrapper .testimonial-two__img {
  display: inline-block;
  position: absolute;
  top: 16%;
  left: 6%;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-two .testimonial-two__wrapper .testimonial-two__img {
    top: 6%;
    left: 6%;
  }
}
@media (max-width: 767px) {
  .testimonial-two .testimonial-two__wrapper .testimonial-two__img {
    top: 6%;
    left: 6%;
  }
}
.testimonial-two .testimonial-two__wrapper .testimonial-two__img img {
  width: 158px;
  height: 130px;
}
.testimonial-two .testimonial-two__wrapper .testimonial-two__single p {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 44px;
  margin-right: 250px;
  margin-bottom: 101px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .testimonial-two .testimonial-two__wrapper .testimonial-two__single p {
    margin-right: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-two .testimonial-two__wrapper .testimonial-two__single p {
    margin-right: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-two .testimonial-two__wrapper .testimonial-two__single p {
    margin-right: 90px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .testimonial-two .testimonial-two__wrapper .testimonial-two__single p {
    margin-right: 0;
    font-size: 16px;
    margin-bottom: 40px;
  }
}
.testimonial-two .testimonial-two__wrapper .testimonial-two__single span {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}
.testimonial-two .testimonial-two__wrapper .testimonial-two__single h4 {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 16px;
}
.testimonial-two .testimonial-two__wrapper .owl-dot {
  display: block;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .testimonial-two .testimonial-two__wrapper .owl-dot {
    display: inline-block;
    margin: 0 5px;
    margin-bottom: 32px;
  }
}
.testimonial-two .testimonial-two__wrapper .owl-dot img {
  width: 80px;
  height: 80px;
  border-radius: 50px;
}
@media (max-width: 767px) {
  .testimonial-two .testimonial-two__wrapper .owl-dot img {
    width: 50px;
    height: 50px;
  }
}
.testimonial-two .testimonial-two__wrapper .owl-dot.active {
  position: relative;
  padding: 10px;
  border-radius: 50px;
  border: 1px solid rgba(11, 23, 40, 0.14);
}
.testimonial-two .testimonial-two__wrapper .owl-dot.active img {
  width: 70px;
  height: 70px;
}
@media (max-width: 767px) {
  .testimonial-two .testimonial-two__wrapper .owl-dot.active img {
    width: 40px;
    height: 40px;
  }
}
.testimonial-two .testimonial-two__wrapper .owl-dot.active:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 40%;
  left: -18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 8px 9px 0;
  border-color: transparent #4A5FE1 transparent transparent;
}
@media (max-width: 767px) {
  .testimonial-two .testimonial-two__wrapper .owl-dot.active:before {
    top: -35%;
    left: 43%;
    transform: rotate(90deg);
  }
}
.testimonial-two .testimonial-two__wrapper .owl-dots {
  position: absolute;
  top: 10%;
  right: 50px;
  transform: translateY(-10%);
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .testimonial-two .testimonial-two__wrapper .owl-dots {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .testimonial-two .testimonial-two__wrapper .owl-dots {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-two .testimonial-two__wrapper .owl-dots {
    right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-two .testimonial-two__wrapper .owl-dots {
    right: -16px;
    top: 100%;
    transform: inherit;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .testimonial-two .testimonial-two__wrapper .owl-dots {
    right: inherit;
    top: 100%;
    transform: inherit;
    left: 0;
    margin-top: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-three .d__column-two {
    display: block;
  }
  .testimonial-three .testimonial-three_section__title {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-three .d__column-two {
    display: block;
  }
  .testimonial-three .testimonial-three_section__title {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .testimonial-three .d__column-two {
    display: block;
  }
  .testimonial-three .testimonial-three_section__title {
    margin-bottom: 40px;
  }
}
.testimonial-three .testimonial-three_section__title {
  font-weight: 700;
}
.testimonial-three .testimonial-rating {
  padding: 23px 41px 23px 44px;
  border-radius: 50px;
  background: #EFF1F3;
}
.testimonial-three .testimonial-rating span {
  color: #0B1728;
  font-family: Montserrat Alternates;
  font-size: 14px;
  font-weight: 600;
}
.testimonial-three .testimonial-rating .star-rating i {
  color: #FFB21D;
}
.testimonial-three .testimonial-border {
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 50px;
}
.testimonial-three .testimonial-three__active button.slick-prev,
.testimonial-three .testimonial-three__active button.slick-next {
  font-size: 18px;
  width: 62px;
  height: 62px;
  background-color: transparent;
  border-radius: 40px;
  border: 1px solid rgba(11, 23, 40, 0.6);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  z-index: 2;
}
.testimonial-three .testimonial-three__active button.slick-prev:hover,
.testimonial-three .testimonial-three__active button.slick-next:hover {
  color: #fff;
  background-color: #4A5FE1;
  border: 1px solid #4A5FE1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.testimonial-three .testimonial-three__active .slick-prev,
.testimonial-three .testimonial-three__active .slick-next {
  position: absolute;
  top: 50%;
  transform: translateX(-50%);
}
.testimonial-three .testimonial-three__active .slick-prev {
  left: 5%;
}
.testimonial-three .testimonial-three__active .slick-next {
  right: 2%;
}
.testimonial-three .slick-dots {
  margin-top: 21px;
  position: absolute;
  left: 17.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .testimonial-three .slick-dots {
    margin-top: 0;
    left: 20.5%;
    bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .testimonial-three .slick-dots {
    margin-top: 0;
    left: 20%;
    bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-three .slick-dots {
    margin-top: 21px;
    left: 14.5%;
    bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-three .slick-dots {
    margin-top: 21px;
    left: 0;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .testimonial-three .slick-dots {
    margin-top: 21px;
    left: 0;
    bottom: 0;
  }
}
.testimonial-three .slick-dots li {
  display: inline-block;
  font-size: 0;
  width: 12px;
  height: 12px;
  border-radius: 12.024px;
  border: 1px solid #4A5FE1;
  background: rgba(255, 255, 255, 0);
  margin-right: 8px;
}
.testimonial-three .slick-dots li button {
  border: none;
  background: transparent;
}
.testimonial-three .slick-dots li.slick-active {
  background: #4A5FE1;
  border: 1px solid #4A5FE1;
  width: 12px;
  height: 12px;
}
.testimonial-three .testimonial-three__wrapper {
  position: relative;
}
.testimonial-three .testimonial-three__wrapper .testimonial-three__single {
  padding: 74px 224px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .testimonial-three .testimonial-three__wrapper .testimonial-three__single {
    padding: 74px 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-three .testimonial-three__wrapper .testimonial-three__single {
    padding: 74px 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-three .testimonial-three__wrapper .testimonial-three__single {
    padding: 74px 0px;
  }
}
@media (max-width: 767px) {
  .testimonial-three .testimonial-three__wrapper .testimonial-three__single {
    padding: 74px 0px;
  }
}
.testimonial-three .testimonial-three__wrapper .testimonial-three__single > img {
  padding: 6px 16px 10px 16px;
  border-radius: 6px;
  border: 1px solid rgba(11, 23, 40, 0.14);
  margin-bottom: 28px;
}
.testimonial-three .testimonial-three__wrapper .testimonial-three__single p {
  color: #0B1728;
  font-family: Montserrat Alternates;
  font-size: 18px;
  font-weight: 500;
  line-height: 44px;
  opacity: 0.7;
}
.testimonial-three .testimonial-three__wrapper .testimonial-three__single .author-info {
  margin-top: 45px;
}
.testimonial-three .testimonial-three__wrapper .testimonial-three__single .author-info .img {
  float: left;
  margin-right: 11px;
}
.testimonial-three .testimonial-three__wrapper .testimonial-three__single .author-info .img img {
  width: 62px;
  height: 62px;
  border-radius: 50px;
}
.testimonial-three .testimonial-three__wrapper .testimonial-three__single .author-info .content {
  padding: 6px 0;
}
.testimonial-three .testimonial-three__wrapper .testimonial-three__single .author-info .content h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 3px;
}
.testimonial-three .testimonial-three__wrapper .testimonial-three__single .author-info .content span {
  color: #0B1728;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.6;
}
.testimonial-three .testimonial-three__img {
  position: absolute;
  bottom: 0;
  right: 20%;
}

.skill-one {
  overflow: hidden;
}
.skill-one div[class^=col-] {
  padding: 0;
}

.skill-side__left {
  background: #F0E6E0;
  position: relative;
  overflow: hidden;
  padding: 20px 0;
}
.skill-side__left .skill__img-animation1 {
  position: absolute;
  top: -30px;
  left: -30px;
  animation: rrdevsleftright 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .skill-side__left .skill__img-animation1 {
    top: -60px;
    left: -60px;
  }
}
@media (max-width: 767px) {
  .skill-side__left .skill__img-animation1 {
    top: -54px;
    left: -130px;
  }
}

.skill-side__right {
  position: relative;
  padding: 154px 330px 154px 125px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .skill-side__right {
    padding: 80px 120px 154px 110px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .skill-side__right {
    padding: 30px 70px 120px 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .skill-side__right {
    padding: 80px 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill-side__right {
    padding: 60px 125px 60px 125px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .skill-side__right {
    padding: 80px;
  }
}
@media (max-width: 767px) {
  .skill-side__right {
    padding: 80px 30px;
  }
}
.skill-side__right .skill__img-animation2 {
  position: absolute;
  top: 5%;
  right: 32%;
  animation: rrdevsleftright 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .skill-side__right .skill__img-animation2 {
    top: 1%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .skill-side__right .skill__img-animation2 {
    top: 5%;
  }
}
.skill-side__right .skill__img-animation3 {
  position: absolute;
  top: 18%;
  left: 7%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .skill-side__right .skill__img-animation3 {
    left: 4%;
  }
}
@media (max-width: 767px) {
  .skill-side__right .skill__img-animation3 {
    top: 5%;
    left: 5%;
  }
}
.skill-side__right .skill__img-animation4 {
  position: absolute;
  top: 45%;
  right: 15%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .skill-side__right .skill__img-animation4 {
    right: 8%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .skill-side__right .skill__img-animation4 {
    top: 36%;
    right: 10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .skill-side__right .skill__img-animation4 {
    top: 35%;
    right: 8%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill-side__right .skill__img-animation4 {
    top: 35%;
    right: 6%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .skill-side__right .skill__img-animation4 {
    top: 32%;
    right: 8%;
  }
}
@media (max-width: 767px) {
  .skill-side__right .skill__img-animation4 {
    top: 32%;
    right: 7%;
  }
}
.skill-side__right .skill__img-animation5 {
  position: absolute;
  bottom: 10%;
  left: 45%;
  animation: rrdevstranslateY2 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .skill-side__right .skill__img-animation5 {
    bottom: 23%;
    left: 51%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .skill-side__right .skill__img-animation5 {
    bottom: 20%;
    left: 55%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .skill-side__right .skill__img-animation5 {
    left: 55%;
    bottom: 20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill-side__right .skill__img-animation5 {
    bottom: 15%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .skill-side__right .skill__img-animation5 {
    bottom: 15%;
    left: 57%;
  }
}
@media (max-width: 767px) {
  .skill-side__right .skill__img-animation5 {
    bottom: 20%;
    left: 85%;
  }
}

.skill-one__progress {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 40px;
}

.skill-one__progress-single {
  position: relative;
  display: block;
  margin-bottom: 25px;
}

.skill-one__progress-single.mar-b0 {
  margin-bottom: 0px;
}

.skill-one__progress-title {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.skill-one__progress .bar {
  position: relative;
  width: 100%;
  height: 4px;
  background: #E3E3E3;
  border-radius: 0px;
  margin-bottom: 6px;
}

.skill-one__progress .bar-inner {
  position: relative;
  display: block;
  width: 0px;
  height: 4px;
  border-radius: 0px;
  -webkit-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

.skill-one__progress .bar-inner.bar-bg-1 {
  background-color: #4A5FE1;
}

.skill-one__progress .bar-inner.bar-bg-2 {
  background-color: #E1A54A;
}

.skill-one__progress .bar-inner.bar-bg-3 {
  background-color: #E14AB7;
}

.skill-one__progress .count-text {
  position: absolute;
  top: -25px;
  right: 0px;
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
  opacity: 1;
}

/* Stack Card */
.stack-card {
  position: relative;
}
.stack-card .stack-card__inner {
  padding: 440px 40px 40px 40px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left bottom;
  border-radius: 20px;
  overflow: hidden;
  position: sticky !important;
  top: 100px;
  z-index: 100;
  height: 610px;
  overflow-y: scroll;
}
@media (max-width: 767px) {
  .stack-card .stack-card__inner {
    padding: 320px 40px 40px 40px;
  }
}
.stack-card .stack-card__inner::-webkit-scrollbar {
  width: 0px;
}
.stack-card .stack-card__inner:nth-last-of-type(1) {
  margin-bottom: 0px;
}
.stack-card .stack-card__inner a {
  display: inline-block;
  color: #0B1728;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  padding: 13px 28px;
  border-radius: 10px;
  border: 1px solid rgba(11, 23, 40, 0.2);
  background: rgba(11, 23, 40, 0.06);
  margin-top: 30px;
}
.stack-card .stack-card__inner a i {
  margin-left: 4px;
}

.fix-scroll {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}

.quote-form-one__wrapper {
  position: relative;
}
.quote-form-one .quote-form-one__img1 {
  position: absolute;
  left: 3%;
  top: 20%;
  animation: rrdevsleftright 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .quote-form-one .quote-form-one__img1 {
    left: 4%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .quote-form-one .quote-form-one__img1 {
    left: 4%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .quote-form-one .quote-form-one__img1 {
    left: 4%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quote-form-one .quote-form-one__img1 {
    left: 5%;
    top: 5%;
  }
}
@media (max-width: 767px) {
  .quote-form-one .quote-form-one__img1 {
    left: 15%;
    top: -6%;
  }
}
.quote-form-one .quote-form-one__img2 {
  position: absolute;
  left: 6%;
  bottom: 27%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .quote-form-one .quote-form-one__img2 {
    left: 2%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .quote-form-one .quote-form-one__img2 {
    left: 1%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .quote-form-one .quote-form-one__img2 {
    left: 2%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quote-form-one .quote-form-one__img2 {
    left: 3%;
    bottom: 60%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .quote-form-one .quote-form-one__img2 {
    bottom: 10%;
  }
}
@media (max-width: 767px) {
  .quote-form-one .quote-form-one__img2 {
    bottom: -4%;
    left: 4%;
  }
}
.quote-form-one .quote-form-one__img3 {
  position: absolute;
  right: 27%;
  bottom: 0;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .quote-form-one .quote-form-one__img3 {
    bottom: 15%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .quote-form-one .quote-form-one__img3 {
    right: 65%;
  }
}
.quote-form-one .quote-form-one__img4 {
  position: absolute;
  top: 55%;
  right: 8%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .quote-form-one .quote-form-one__img4 {
    right: 2%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .quote-form-one .quote-form-one__img4 {
    right: 2%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .quote-form-one .quote-form-one__img4 {
    top: 65%;
    right: 2%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quote-form-one .quote-form-one__img4 {
    top: 80%;
    right: 4%;
  }
}
@media (max-width: 767px) {
  .quote-form-one .quote-form-one__img4 {
    top: 48%;
  }
}
.quote-form-one .quote-form-one__img5 {
  position: absolute;
  top: 25%;
  right: 8%;
  animation: rrdevsleftright 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .quote-form-one .quote-form-one__img5 {
    right: 2%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .quote-form-one .quote-form-one__img5 {
    right: 1%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .quote-form-one .quote-form-one__img5 {
    top: 22%;
    right: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quote-form-one .quote-form-one__img5 {
    top: 65%;
    right: 2%;
  }
}
@media (max-width: 767px) {
  .quote-form-one .quote-form-one__img5 {
    top: 39%;
    right: 4%;
  }
}
.quote-form-one .quote-form-one__img {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quote-form-one .quote-form-one__img {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .quote-form-one .quote-form-one__img {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .quote-form-one .quote-form-one__img {
    margin-bottom: 30px;
  }
}
.quote-form-one .quote-form-one__img .quote-form-one__img-animation1 {
  position: absolute;
  top: 0;
  right: 50px;
  animation: rrdevsanimation1 6s infinite linear alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .quote-form-one .quote-form-one__img .quote-form-one__img-animation1 {
    right: 32%;
  }
}
@media (max-width: 767px) {
  .quote-form-one .quote-form-one__img .quote-form-one__img-animation1 {
    right: -35px;
  }
}
.quote-form-one .quote-form-one__img .quote-form-one__img-animation2 {
  position: absolute;
  left: -140px;
  bottom: 65px;
  animation: rrdevsupdown 2s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .quote-form-one .quote-form-one__img .quote-form-one__img-animation2 {
    left: -60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .quote-form-one .quote-form-one__img .quote-form-one__img-animation2 {
    left: -70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .quote-form-one .quote-form-one__img .quote-form-one__img-animation2 {
    left: -60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quote-form-one .quote-form-one__img .quote-form-one__img-animation2 {
    left: -70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .quote-form-one .quote-form-one__img .quote-form-one__img-animation2 {
    left: -65px;
  }
}
@media (max-width: 767px) {
  .quote-form-one .quote-form-one__img .quote-form-one__img-animation2 {
    left: -52px;
    bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .quote-form-one .quote-form-one__content {
    margin-top: 50px;
  }
}
.quote-form-one .quote-form-one__content .quote-form-one__title {
  color: #0B1728;
  text-align: center;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: 54px;
  text-align: left;
  margin-bottom: 24px;
}
.quote-form-one .quote-form-one__content p {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
.quote-form-one .quote-form-one__content .contact-quote-form {
  position: relative;
}
.quote-form-one .quote-form-one__content .contact-quote-form input,
.quote-form-one .quote-form-one__content .contact-quote-form textarea {
  color: rgba(11, 23, 40, 0.6);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  width: 100%;
  height: 46px;
  border-radius: 10px;
  padding: 18px 24px;
  border: 1px solid rgba(11, 23, 40, 0.14);
  background: #FFF;
  margin-bottom: 20px;
}
.quote-form-one .quote-form-one__content .contact-quote-form input::placeholder,
.quote-form-one .quote-form-one__content .contact-quote-form textarea::placeholder {
  color: rgba(11, 23, 40, 0.6);
}
.quote-form-one .quote-form-one__content .contact-quote-form input {
  height: 46px;
}
.quote-form-one .quote-form-one__content .contact-quote-form textarea {
  height: 180px;
}

.pricing-page-header {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}
.pricing-page-header .pricing-page-header__bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 140px;
  right: 0;
  background: linear-gradient(90deg, #F1BFEC -0.24%, #BAF2C6 99.96%);
  filter: blur(300px);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  z-index: -1;
  opacity: 1;
}
.pricing-page-header .pricing-page-header__bg::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 27%;
  background: #FBF9FB;
  opacity: 0.75;
}
.pricing-page-header .page-header__wrapper {
  position: relative;
  display: block;
  z-index: 2;
}
.pricing-page-header .page-header__wrapper .page-header__content h2 {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: normal;
}
.pricing-page-header .page-header__wrapper .page-header__content .pricing-plan-one__single {
  position: relative;
  padding: 60px 40px;
  border-radius: 10px;
  border: 1px solid rgba(11, 23, 40, 0.14);
}
.pricing-page-header .page-header__wrapper .page-header__content .pricing-plan-one__single .pricing-badge {
  position: absolute;
  top: 24px;
  right: 24px;
  display: inline-block;
  color: #FFF;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  border-radius: 4px;
  padding: 11px 15px;
  background: #FE7919;
}
.pricing-page-header .page-header__wrapper .page-header__content .pricing-plan-one__single .pricing-header {
  padding-bottom: 40px;
  margin-bottom: 44px;
  border-bottom: 1px solid rgba(11, 23, 40, 0.1);
}
.pricing-page-header .page-header__wrapper .page-header__content .pricing-plan-one__single .pricing-header span {
  display: block;
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}
.pricing-page-header .page-header__wrapper .page-header__content .pricing-plan-one__single .pricing-header h2 {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: normal;
}
.pricing-page-header .page-header__wrapper .page-header__content .pricing-plan-one__single .pricing-header h2 span {
  display: inline-block;
  color: #545D69;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
}
.pricing-page-header .page-header__wrapper .page-header__content .pricing-plan-one__single .pricing-header p {
  color: #545D69;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
}
.pricing-page-header .page-header__wrapper .page-header__content .pricing-plan-one__single .pricing-feature-list ul li {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 44px;
  list-style: none;
}
.pricing-page-header .page-header__wrapper .page-header__content .pricing-plan-one__single .pricing-feature-list ul li i {
  font-size: 18px;
  color: #57C242;
  margin-right: 14px;
}
.pricing-page-header .page-header__wrapper .page-header__content .pricing-plan-one__single .pricing-feature-list ul li.del {
  color: #455060;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 44px;
  text-decoration: line-through;
}
.pricing-page-header .page-header__wrapper .page-header__content .pricing-plan-one__single .pricing-feature-list ul li.del i {
  color: #443F3F;
}
.pricing-page-header .page-header__wrapper .page-header__content .pricing-plan-one__single .pricing-btn {
  margin-top: 54px;
}
.pricing-page-header .page-header__wrapper .page-header__content .pricing-plan-one__single .pricing-btn a {
  display: block;
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  padding: 20px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid rgba(11, 23, 40, 0.14);
}
.pricing-page-header .page-header__wrapper .page-header__content .pricing-plan-one__single .pricing-btn a i {
  padding-left: 6px;
}
.pricing-page-header .page-header__wrapper .page-header__content .pricing-plan-one__single .pricing-btn a:hover {
  color: #ffffff;
}

.tab-one__tabs {
  position: relative;
  display: block;
  overflow: hidden;
}
.tab-one__tabs .tabs-content .tab {
  position: relative;
  display: none;
  transform: translateY(35px);
  transition: all 600ms ease;
  z-index: 10;
}
.tab-one__tabs .tabs-content .tab.active-tab {
  display: block;
  margin-top: 0px;
  transform: translateY(0px);
}
.tab-one__tabs .tab-buttons {
  position: relative;
  display: inline-block;
  border-radius: 4px;
  border: 1px solid rgba(11, 23, 40, 0.14);
  padding: 5px;
}
.tab-one__tabs .tab-buttons li {
  position: relative;
  display: inline-block;
  border-radius: 4px;
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  padding: 8px 15px;
  margin-right: 20px;
  cursor: pointer;
  text-align: center;
  transition: all 200ms linear;
  transition-delay: 0.1s;
}
.tab-one__tabs .tab-buttons li:last-child {
  margin-right: 0;
}
.tab-one__tabs .tab-buttons li:hover {
  color: #ffffff;
  background: #4A5FE1;
}
.tab-one__tabs .tab-buttons li.active-btn {
  color: #ffffff;
  background: #4A5FE1;
}

.integrations-map-one__wrapper {
  position: relative;
}

.integrations-map-one__img img {
  opacity: 0.3;
  width: 100%;
  height: 856px;
}

.integrations-map-one__item0,
.integrations-map-one__item1,
.integrations-map-one__item2,
.integrations-map-one__item3,
.integrations-map-one__item4,
.integrations-map-one__item5,
.integrations-map-one__item6,
.integrations-map-one__item7,
.integrations-map-one__item8,
.integrations-map-one__item9,
.integrations-map-one__item10 {
  position: absolute;
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0px 10px 50px rgba(11, 23, 40, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .integrations-map-one__item0 img,
  .integrations-map-one__item1 img,
  .integrations-map-one__item2 img,
  .integrations-map-one__item3 img,
  .integrations-map-one__item4 img,
  .integrations-map-one__item5 img,
  .integrations-map-one__item6 img,
  .integrations-map-one__item7 img,
  .integrations-map-one__item8 img,
  .integrations-map-one__item9 img,
  .integrations-map-one__item10 img {
    width: 25px;
    height: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .integrations-map-one__item0 img,
  .integrations-map-one__item1 img,
  .integrations-map-one__item2 img,
  .integrations-map-one__item3 img,
  .integrations-map-one__item4 img,
  .integrations-map-one__item5 img,
  .integrations-map-one__item6 img,
  .integrations-map-one__item7 img,
  .integrations-map-one__item8 img,
  .integrations-map-one__item9 img,
  .integrations-map-one__item10 img {
    width: 25px;
    height: 25px;
  }
}
@media (max-width: 767px) {
  .integrations-map-one__item0 img,
  .integrations-map-one__item1 img,
  .integrations-map-one__item2 img,
  .integrations-map-one__item3 img,
  .integrations-map-one__item4 img,
  .integrations-map-one__item5 img,
  .integrations-map-one__item6 img,
  .integrations-map-one__item7 img,
  .integrations-map-one__item8 img,
  .integrations-map-one__item9 img,
  .integrations-map-one__item10 img {
    width: 25px;
    height: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .integrations-map-one__item0,
  .integrations-map-one__item1,
  .integrations-map-one__item2,
  .integrations-map-one__item3,
  .integrations-map-one__item4,
  .integrations-map-one__item5,
  .integrations-map-one__item6,
  .integrations-map-one__item7,
  .integrations-map-one__item8,
  .integrations-map-one__item9,
  .integrations-map-one__item10 {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .integrations-map-one__item0,
  .integrations-map-one__item1,
  .integrations-map-one__item2,
  .integrations-map-one__item3,
  .integrations-map-one__item4,
  .integrations-map-one__item5,
  .integrations-map-one__item6,
  .integrations-map-one__item7,
  .integrations-map-one__item8,
  .integrations-map-one__item9,
  .integrations-map-one__item10 {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
@media (max-width: 767px) {
  .integrations-map-one__item0,
  .integrations-map-one__item1,
  .integrations-map-one__item2,
  .integrations-map-one__item3,
  .integrations-map-one__item4,
  .integrations-map-one__item5,
  .integrations-map-one__item6,
  .integrations-map-one__item7,
  .integrations-map-one__item8,
  .integrations-map-one__item9,
  .integrations-map-one__item10 {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}

.integrations-map-one__item0 {
  top: 50%;
  left: 48%;
}
@media (max-width: 767px) {
  .integrations-map-one__item0 {
    top: 45%;
    left: 45%;
  }
}

.integrations-map-one__item1 {
  top: 15%;
  left: 16%;
}
@media (max-width: 767px) {
  .integrations-map-one__item1 {
    left: 10%;
  }
}

.integrations-map-one__item2 {
  top: 45%;
  left: 16%;
}
@media (max-width: 767px) {
  .integrations-map-one__item2 {
    top: 45%;
    left: 8%;
  }
}

.integrations-map-one__item3 {
  top: 31%;
  left: 27%;
}
@media (max-width: 767px) {
  .integrations-map-one__item3 {
    left: 10%;
  }
}

.integrations-map-one__item4 {
  top: 60%;
  left: 34%;
}
@media (max-width: 767px) {
  .integrations-map-one__item4 {
    top: 65%;
    left: 12%;
  }
}

.integrations-map-one__item5 {
  top: 25%;
  left: 40%;
}
@media (max-width: 767px) {
  .integrations-map-one__item5 {
    left: 30%;
  }
}

.integrations-map-one__item6 {
  top: 25%;
  left: 55%;
}

.integrations-map-one__item7 {
  top: 55%;
  left: 60%;
}
@media (max-width: 767px) {
  .integrations-map-one__item7 {
    top: 70%;
    left: 45%;
  }
}

.integrations-map-one__item8 {
  top: 35%;
  left: 67%;
}

.integrations-map-one__item9 {
  top: 20%;
  left: 80%;
}
@media (max-width: 767px) {
  .integrations-map-one__item9 {
    top: 16%;
    left: 75%;
  }
}

.integrations-map-one__item10 {
  top: 55%;
  left: 80%;
}

.integrations-map-one__item0 .ripple,
.integrations-map-one__item0 .ripple:before,
.integrations-map-one__item0 .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  transform: translate(-50%, -50%);
  -ms-box-shadow: 0 0 0 0 #ddd;
  -o-box-shadow: 0 0 0 0 #ddd;
  box-shadow: 0 0 0 0 #ddd;
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  border-radius: 50%;
  opacity: 0.9;
}

.integrations-map-one__item0 .ripple:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.integrations-map-one__item0 .ripple:after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .horizontal-accordion .d__column-two {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .horizontal-accordion .d__column-two {
    display: block;
  }
}
@media (max-width: 767px) {
  .horizontal-accordion .d__column-two {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .horizontal-accordion .section-title__two-right {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .horizontal-accordion .section-title__two-right {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .horizontal-accordion .section-title__two-right {
    margin-top: 30px;
  }
}

.row-custom {
  display: flex;
  margin: 0 -15px;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row-custom {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .row-custom {
    flex-direction: column;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.col-custom {
  flex: 0.4;
  width: 138px;
  height: 546px;
  FONT-WEIGHT: 500;
  background: #fff;
  padding: 50px 50px;
  transition: 0.3s;
  cursor: pointer;
  border: 1px solid rgba(11, 23, 40, 0.14);
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .col-custom {
    width: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .col-custom {
    width: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .col-custom {
    padding: 40px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .col-custom {
    padding: 40px 25px;
  }
}
@media (max-width: 767px) {
  .col-custom {
    width: 100%;
    padding: 40px 30px;
  }
}
.col-custom.active {
  flex: 7;
}
.col-custom.active .rr-panel-item {
  display: none;
}
.col-custom.active .rr-panel-item-2 {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.3s;
  transition: 0.3s;
}

.rr-panel-content .rr-panel-title {
  width: 500px;
  height: 394px;
  transform: rotate(-90deg) translate(-90px, -15px);
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-top: -115px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .rr-panel-content .rr-panel-title {
    transform: rotate(-90deg) translate(-90px, -41px);
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rr-panel-content .rr-panel-title {
    transform: rotate(-90deg) translate(-90px, -48px);
    font-size: 18px;
  }
}

.rr-panel-content-2 .rr-panel-title-2 {
  display: inline-block;
  color: #fff;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 16px;
  background: #4A5FE1;
  margin-bottom: 30px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.rr-panel-content-2 .rr-panel-content__img {
  position: relative;
  visibility: hidden;
  opacity: 0;
  transition-delay: 0.2s;
}
.rr-panel-content-2 .rr-panel-content__img:before {
  content: "";
  display: block;
  background: linear-gradient(180deg, rgba(11, 23, 40, 0) 0%, #0B1728 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
}
.rr-panel-content-2 .rr-panel-content__img h3 {
  color: #fff;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .rr-panel-content-2 .rr-panel-content__img h3 {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rr-panel-content-2 .rr-panel-content__img h3 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .rr-panel-content-2 .rr-panel-content__img h3 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .rr-panel-content-2 .rr-panel-content__img h3 {
    font-size: 13px;
    line-height: 28px;
    bottom: 0;
    left: -10px;
  }
}
.rr-panel-content-2 .rr-panel-content__img img {
  width: 100%;
}

.col-custom.active .rr-panel-title-2 {
  visibility: visible;
  opacity: 1;
}

.col-custom.active .rr-panel-content__img {
  visibility: visible;
  opacity: 1;
}

.rr-panel-item-2 {
  opacity: 0;
  visibility: hidden;
  padding: 0px 30px;
}
@media (max-width: 767px) {
  .rr-panel-item-2 {
    padding: 0px 5px;
  }
}

.counter-one__single {
  padding: 90px 50px 102px 44px;
  border: 1px solid rgba(11, 23, 40, 0.14);
}

.counter-one__single .text-box h3,
.counter-one__single .text-box span {
  display: inline-block;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 0;
  color: rgba(11, 23, 40, 0.2);
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(11, 23, 40, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .counter-one__single .text-box h3,
  .counter-one__single .text-box span {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .counter-one__single .text-box h3,
  .counter-one__single .text-box span {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .counter-one__single .text-box h3,
  .counter-one__single .text-box span {
    font-size: 60px;
  }
}

.counter-one__text {
  color: #0B1728;
  text-align: right;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 0;
  margin-top: -13px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .counter-one__text {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .counter-one__text {
    font-size: 16px;
  }
}

.counter-one__single .icon-box {
  margin-bottom: 44px;
}

.counter-one__single .icon-box i {
  font-size: 64px;
  color: #0B1728;
}

/* style 1 */
.faq-one-img img {
  border-radius: 10px;
  background: #D9D9D9;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-one-img img {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq-one-img img {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .faq-one-img img {
    margin-bottom: 40px;
  }
}

.faq-one__faq .accordion-items {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(11, 23, 40, 0.14);
  border-radius: 6px;
}
.faq-one__faq .accordion-header .accordion-buttons {
  position: relative;
  display: block;
  border: none;
  width: 100%;
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  padding: 25px 20px 24px 30px;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  background: rgba(255, 255, 255, 0);
}
.faq-one__faq .accordion-header .accordion-buttons::after {
  content: "\f068";
  position: absolute;
  top: 50%;
  right: 14px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 13px;
  color: #fff;
  transform: rotate(0deg) translateY(-50%);
  transition: all 500ms ease;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #0B1728;
  text-align: center;
  border-radius: 50px;
}
.faq-one__faq .accordion-header .accordion-buttons.collapsed:after {
  content: "+";
}
.faq-one__faq .accordion-header .accordion-buttons:not(.collapsed) {
  padding: 25px 20px 15px 30px;
}
.faq-one__faq .accordion-header .accordion-buttons:not(.collapsed)::after {
  background-color: #4A5FE1;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq-one__faq .accordion-header .accordion-buttons:not(.collapsed) {
    padding-right: 70px;
  }
}
@media (max-width: 767px) {
  .faq-one__faq .accordion-header .accordion-buttons:not(.collapsed) {
    padding-right: 70px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq-one__faq .accordion-header .accordion-buttons {
    padding-right: 70px;
  }
}
@media (max-width: 767px) {
  .faq-one__faq .accordion-header .accordion-buttons {
    padding-right: 70px;
    line-height: 30px;
  }
}
.faq-one__faq .accordion-body {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  margin: 0;
  opacity: 0.7;
  padding: 0px 96px 32px 30px;
  margin-top: -4px;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: rgba(11, 23, 40, 0.14);
  background: rgba(255, 255, 255, 0);
  border-radius: 0px 0px 6px 6px;
}
@media (max-width: 767px) {
  .faq-one__faq .accordion-body {
    padding: 0px 30px 32px 30px;
  }
}
.faq-one__faq .accordion-items + .accordion-items {
  margin-top: 14px;
}

/* style 2 */
.faq-two {
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: rgba(11, 23, 40, 0.1);
  overflow: hidden;
}
.faq-two div[class^=col-] {
  padding: 0;
}
.faq-two .faq-two-content__wrapper {
  position: relative;
}
.faq-two .faq-two-content__wrapper .faq-two__animation1 {
  position: absolute;
  top: 30px;
  left: 100px;
  animation: rrdevsleftright 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation1 {
    left: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation1 {
    top: -88px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation1 {
    top: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation1 {
    top: 30px;
  }
}
.faq-two .faq-two-content__wrapper .faq-two__animation2 {
  position: absolute;
  right: 93px;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation2 {
    right: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation2 {
    right: 43%;
    top: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation2 {
    right: 40%;
    top: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation2 {
    right: 100px;
    top: 90px;
  }
}
@media (max-width: 767px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation2 {
    right: 50px;
    top: 90px;
  }
}
.faq-two .faq-two-content__wrapper .faq-two__animation3 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 28px;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation3 {
    top: 55%;
    transform: translateY(-55%);
    left: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation3 {
    top: 55%;
    transform: translateY(-55%);
    left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation3 {
    top: 62%;
    transform: translateY(-55%);
    left: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation3 {
    top: 55%;
    transform: translateY(-55%);
  }
}
@media (max-width: 767px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation3 {
    top: 8%;
    transform: translateY(-8%);
  }
}
.faq-two .faq-two-content__wrapper .faq-two__animation4 {
  position: absolute;
  bottom: -60px;
  left: 200px;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation4 {
    bottom: -20px;
    left: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation4 {
    bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation4 {
    bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation4 {
    bottom: 45px;
  }
}
@media (max-width: 767px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation4 {
    bottom: 45px;
  }
}
.faq-two .faq-two-content__wrapper .faq-two__animation5 {
  position: absolute;
  top: 80%;
  transform: translateY(-80%);
  left: -40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation5 {
    left: -50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation5 {
    left: -60px;
    top: 72%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation5 {
    left: -40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation5 {
    left: -20px;
  }
}
@media (max-width: 767px) {
  .faq-two .faq-two-content__wrapper .faq-two__animation5 {
    left: -40px;
    display: none;
  }
}
.faq-two .faq-two-content__wrapper .fac-two__content {
  padding-left: 315px;
  padding-right: 130px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .faq-two .faq-two-content__wrapper .fac-two__content {
    padding-left: 160px;
    padding-right: 130px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .faq-two .faq-two-content__wrapper .fac-two__content {
    padding-left: 80px;
    padding-right: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .faq-two .faq-two-content__wrapper .fac-two__content {
    padding-left: 55px;
    padding-right: 40px;
    padding-top: 100px;
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-two .faq-two-content__wrapper .fac-two__content {
    padding: 145px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq-two .faq-two-content__wrapper .fac-two__content {
    padding: 110px;
  }
}
@media (max-width: 767px) {
  .faq-two .faq-two-content__wrapper .fac-two__content {
    padding: 120px 15px;
  }
}
.faq-two .faq-two-content__wrapper .fac-two__content .section-title__one-title {
  font-family: "Mulish", sans-serif;
  margin-bottom: 50px;
}
.faq-two .faq-two__right {
  position: relative;
  background-color: #F6F9FE;
  padding: 129px 95px 163px 90px;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .faq-two .faq-two__right {
    padding: 250px 95px 350px 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-two .faq-two__right {
    padding: 90px 95px 250px 90px;
  }
}
@media (max-width: 767px) {
  .faq-two .faq-two__right {
    padding: 150px 15px 150px 15px;
  }
}
.faq-two .faq-two__right .faq-two__right-img > img {
  border-radius: 30px;
  background: #FFF;
  box-shadow: 0px 50px 70px 0px rgba(11, 23, 40, 0.08);
}
.faq-two .faq-two__right .faq-two__right-img1 {
  position: absolute;
  bottom: 80px;
  right: 60px;
  border-radius: 10px;
  background: #D9D9D9;
  box-shadow: 0px 50px 70px 0px rgba(11, 23, 40, 0.08);
  animation: rrdevsupdown 7s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .faq-two .faq-two__right .faq-two__right-img1 {
    bottom: 200px;
  }
}
@media (max-width: 767px) {
  .faq-two .faq-two__right .faq-two__right-img1 {
    bottom: 50px;
    right: 30px;
    width: 170px;
  }
}
.faq-two .faq-two__right .faq-two__right-img2 {
  position: absolute;
  top: 254px;
  left: 40px;
  border-radius: 10px;
  background: url(<path-to-image>), lightgray -260.265px -151.163px/614.516% 466.993% no-repeat;
  box-shadow: 0px 10px 50px 0px rgba(11, 23, 40, 0.1);
  animation: rrdevsanimation1 5s infinite linear alternate;
}
@media (max-width: 767px) {
  .faq-two .faq-two__right .faq-two__right-img2 {
    top: 50px;
    left: 40px;
  }
}
.faq-two .faq-two__faq .accordion-items + .accordion-items {
  margin-top: 14px;
}
.faq-two .faq-two__faq .accordion-header button {
  color: #0B1728;
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 100%;
  text-align: left;
  display: block;
  cursor: pointer;
  padding: 14px 24px;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  border-radius: 6px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: rgba(11, 23, 40, 0.14);
  background: rgba(255, 255, 255, 0);
}
.faq-two .faq-two__faq .accordion-header button:not(.collapsed) {
  color: #fff;
  background-color: #0B1728;
  border: 1px solid rgba(11, 23, 40, 0.14);
  border-radius: 4px;
  margin-bottom: 6px;
}
.faq-two .faq-two__faq .accordion-header button:before {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 900;
  color: #0B1728;
  margin-top: 1px;
  transition: all 500ms ease;
  margin-right: 10px;
}
.faq-two .faq-two__faq .accordion-header button:not(.collapsed):before {
  content: "\f107";
  color: #fff;
}
.faq-two .faq-two__faq .accordion-body {
  padding: 0;
}
.faq-two .faq-two__faq .accordion-body .accrodion-content {
  position: relative;
}
.faq-two .faq-two__faq .accordion-body .accrodion-content p {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  margin: 0;
  opacity: 0.7;
}
.faq-two .faq-two__faq .accordion-body .accrodion-content .inner {
  position: relative;
  display: block;
  padding-left: 160px;
}
.faq-two .faq-two__faq .accordion-body .accrodion-content .inner .img-box {
  position: absolute;
  top: -3px;
  left: 0;
}
.faq-two .faq-two__faq .accordion-body .accrodion-content .inner .img-box::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(var(--thm-base-rgb), 0.7);
  content: "";
}
.faq-two .faq-two__faq .accordion-body .accrodion-content .inner .img-box img {
  width: 140px;
  height: 100px;
}
.faq-two .faq-two__faq .accordion-body .accrodion-content .inner .text {
  position: relative;
  display: block;
}
.faq-two .faq-two__faq .accordion-body .accrodion-content .list ul li + li {
  margin-top: 6px;
}
.faq-two .faq-two__faq .accordion-body .accrodion-content .list ul li {
  list-style: none;
}
.faq-two .faq-two__faq .accordion-body .accrodion-content .list ul li a {
  display: block;
  color: rgba(11, 23, 40, 0.7);
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  border-radius: 4px;
  background: #F5F5F8;
  padding: 13px 18px;
  line-height: normal;
}
.faq-two .faq-two__faq .accordion-body .accrodion-content .list ul li a:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50px;
  background: rgba(11, 23, 40, 0.7);
  margin-bottom: 3px;
  margin-right: 15px;
}
.faq-two .faq-two__faq .accordion-body .accrodion-content .list ul li a i {
  float: right;
  margin-top: 5px;
  margin-right: 10px;
}

.faq-three__faq {
  margin-right: 190px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .faq-three__faq {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-three__faq {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq-three__faq {
    margin-right: 0px;
  }
}
@media (max-width: 767px) {
  .faq-three__faq {
    margin-right: 0px;
  }
}
.faq-three__faq .accordion-items + .accordion-items {
  margin-top: 32px;
}
.faq-three__faq .accordion-body {
  padding: 0;
}
.faq-three__faq .accordion-header button {
  position: relative;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-weight: 700;
  width: 100%;
  border: none;
  text-align: left;
  padding: 26px 34px;
  border-radius: 14px;
  background: #F3F6FB;
  margin-bottom: 0;
}
.faq-three__faq .accordion-header button:not(.collapsed) {
  color: #fff;
  border-radius: 14px 14px 0 0;
  background: #0B1728;
}
.faq-three__faq .accordion-header button:before {
  position: absolute;
  top: 50%;
  right: 20px;
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 15px;
  color: #0B1728;
  transform: rotate(0deg) translateY(-50%);
  transition: all 500ms ease;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50px;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(11, 23, 40, 0.14);
  text-align: center;
  border-radius: 50px;
}
.faq-three__faq .accordion-header button:not(.collapsed):before {
  position: absolute;
  top: 50%;
  right: 20px;
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 15px;
  color: #0B1728;
  transform: rotate(0deg) translateY(-50%);
  transition: all 500ms ease;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50px;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(11, 23, 40, 0.14);
  text-align: center;
  border-radius: 50px;
}
.faq-three__faq .accrodion.active .accrodion-title {
  padding: 34px 34px;
  border-radius: 14px 14px 0 0;
  background: #0B1728;
}
.faq-three__faq .accrodion.active .accrodion-title::before {
  content: "\f106";
}
.faq-three__faq .accrodion.active .accrodion-title h4 {
  color: #fff;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
}
.faq-three__faq .accrodion.active .accrodion-title h4 span {
  width: 90px;
  height: 24px;
  border-radius: 4px;
  background: #fff;
  color: #0B1728;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 10px;
  padding: 7px 12px;
  margin-left: 6px;
}
.faq-three__faq .accrodion-title {
  position: relative;
  padding: 34px 34px;
  border-radius: 14px;
  background: #F3F6FB;
}
.faq-three__faq .accrodion-title::before {
  position: absolute;
  top: 50%;
  right: 20px;
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 15px;
  color: #0B1728;
  transform: rotate(0deg) translateY(-50%);
  transition: all 500ms ease;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50px;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(11, 23, 40, 0.14);
  text-align: center;
  border-radius: 50px;
}
.faq-three__faq .accrodion-title h4 {
  color: #0B1728;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0;
}
.faq-three__faq .accrodion-title h4 span {
  width: 90px;
  height: 24px;
  border-radius: 4px;
  background: #0B1728;
  color: #fff;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 10px;
  padding: 7px 12px;
  margin-left: 6px;
}
.faq-three__faq .accrodion-content {
  border-radius: 0 0 14px 14px;
  color: #fff;
  background: #0B1728;
  padding: 0px 32px 5px 43px;
}
@media (max-width: 767px) {
  .faq-three__faq .accrodion-content {
    padding: 0px 32px 5px 20px;
  }
}
.faq-three__faq .pricing-list ul li {
  list-style: none;
  color: #fff;
  font-family: Mulish;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  opacity: 0.7;
}
.faq-three__faq .pricing-list ul li i {
  margin-right: 11px;
}

.faq-three__content {
  padding-right: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .faq-three__content {
    padding-top: 30px;
  }
}
.faq-three__content p {
  margin-bottom: 17px;
}
.faq-three__content .section-title__two-title {
  font-family: "Mulish", sans-serif;
}

.pricing-footer {
  margin-top: 20px;
  margin-bottom: 30px;
}
.pricing-footer h5 {
  color: #fff;
  font-family: Mulish;
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0;
}
.pricing-footer h5 span {
  color: #EDDDD1;
  font-family: Mulish;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
}
.pricing-footer a {
  color: #fff;
  font-family: Mulish;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  padding: 9px 17px;
  border-radius: 4px;
  background: #FE7919;
}
.pricing-footer a i {
  margin-left: 6px;
}
@media (max-width: 767px) {
  .pricing-footer a {
    margin-top: 20px;
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .pricing-footer.d__column-two {
    display: block;
  }
}

.faq-three {
  position: relative;
}
.faq-three__animation-1 {
  position: absolute;
  top: 10%;
  left: 45%;
  transform: rotate(55deg);
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .faq-three__animation-1 {
    top: 14%;
    left: 46%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .faq-three__animation-1 {
    top: 6%;
    left: 5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-three__animation-1 {
    top: 6%;
    left: 8%;
  }
}
.faq-three__animation-2 {
  position: absolute;
  bottom: 45%;
  left: 5%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .faq-three__animation-2 {
    left: 2%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .faq-three__animation-2 {
    left: 2%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .faq-three__animation-2 {
    left: 1%;
  }
}
.faq-three__animation-3 {
  position: absolute;
  bottom: 20%;
  right: 7%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .faq-three__animation-3 {
    right: 10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .faq-three__animation-3 {
    bottom: 12%;
    right: 11%;
  }
}
.faq-three__animation-4 {
  position: absolute;
  top: 0;
  left: -30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .faq-three__animation-4 {
    left: -25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .faq-three__animation-4 {
    left: -40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .faq-three__animation-4 {
    left: -45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-three__animation-4 {
    left: -30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq-three__animation-4 {
    left: -30px;
  }
}
.faq-three__animation-5 {
  position: absolute;
  bottom: 0;
  right: -35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .faq-three__animation-5 {
    right: -35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-three__animation-5 {
    right: -40px;
  }
}
@media (max-width: 767px) {
  .faq-three__animation-5 {
    right: -28px;
  }
}

.cta-one__overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 205px;
  background: #fff;
}
.cta-one__wrapper {
  position: relative;
  padding: 70px 150px;
  border-radius: 20px;
  background-color: #4A5FE1;
  overflow: hidden;
}
@media (max-width: 767px) {
  .cta-one__wrapper {
    padding: 70px 10px;
    padding-bottom: 120px;
  }
}
.cta-one__wrapper .cta-one__img1 {
  position: absolute;
  top: 24px;
  left: 40px;
  animation: rrdevsleftright 6s ease-in-out 0.1s forwards infinite alternate;
}
.cta-one__wrapper .cta-one__img2 {
  position: absolute;
  top: -55px;
  right: 60px;
  transform: rotate(340deg);
}
.cta-one__wrapper .cta-one__img3 {
  position: absolute;
  bottom: 0;
  left: 0;
  animation: rrdevsleftright 10s ease-in-out 0.1s forwards infinite alternate;
}
.cta-one__wrapper .cta-one__img4 {
  position: absolute;
  right: 15px;
  bottom: 0;
  animation: rrdevsleftright 10s ease-in-out 0.1s forwards infinite alternate;
}
.cta-one__wrapper .cta-one__img5 {
  position: absolute;
  left: 9%;
  top: 48%;
  opacity: 0.35;
  transform: rotate(346deg);
  animation: rrdevsleftright 6s ease-in-out 0.1s forwards infinite alternate;
}
.cta-one__wrapper .cta-one__img6 {
  position: absolute;
  top: 25%;
  left: 37%;
  transform: rotate(345deg);
  opacity: 0.9;
  animation: rrdevsleftright 6s ease-in-out 0.1s forwards infinite alternate;
}
.cta-one__wrapper .cta-one__img7 {
  position: absolute;
  right: 12%;
  opacity: 0.45;
  animation: rrdevsleftright 5s ease-in-out 0.1s forwards infinite alternate;
}
.cta-one__wrapper .cta-main__img {
  animation: rrdevsanimation1 10s infinite linear alternate;
}
@media (max-width: 767px) {
  .cta-one__wrapper .cta-main__img {
    display: none;
  }
}
.cta-one__wrapper .cta-main__img img {
  transform: rotate(17deg);
}
.cta-one__wrapper h2 {
  color: #ffffff;
  font-family: "Mulish", sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 52px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .cta-one__wrapper h2 {
    font-size: 30px;
    line-height: 46px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-one__wrapper h2 {
    font-size: 34px;
    line-height: 50px;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .cta-one__wrapper h2 {
    font-size: 24px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-one__wrapper h2 {
    font-size: 36px;
    line-height: 52px;
    margin-top: 30px;
  }
}
.cta-one__wrapper p {
  color: #ffffff;
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 32px;
}
.cta-one__wrapper .cta-one__wrapper-form {
  width: 100%;
}
.cta-one__wrapper .cta-one__wrapper-form form {
  position: relative;
  width: 450px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .cta-one__wrapper .cta-one__wrapper-form form {
    width: 345px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-one__wrapper .cta-one__wrapper-form form {
    width: 370px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-one__wrapper .cta-one__wrapper-form form {
    width: 390px;
  }
}
@media (max-width: 767px) {
  .cta-one__wrapper .cta-one__wrapper-form form {
    width: 100%;
  }
}
.cta-one__wrapper .cta-one__wrapper-form input {
  color: rgba(11, 23, 40, 0.4);
  font-family: "Mulish", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  width: 100%;
  height: 54px;
  border: none;
  border-radius: 6px;
  padding: 22px 29px;
  padding-right: 160px;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(11, 23, 40, 0.14);
}
.cta-one__wrapper .cta-one__wrapper-form input::placeholder {
  color: rgba(11, 23, 40, 0.4);
}
@media (max-width: 767px) {
  .cta-one__wrapper .cta-one__wrapper-form input {
    padding-right: 30px;
  }
}
.cta-one__wrapper .cta-one__wrapper-form .cta-one__btn {
  font-family: "Mulish", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  position: absolute;
  top: 4px;
  right: 5px;
  border: none;
  padding: 14px 31px;
  border-radius: 6px;
  color: #fff;
  background: #0B1728;
}
.cta-one__wrapper .cta-one__wrapper-form .cta-one__btn:before {
  background-color: #FE7919;
  border-radius: 6px;
}
.cta-one__wrapper .cta-one__wrapper-form .cta-one__btn:hover {
  color: #ffffff;
}
@media (max-width: 767px) {
  .cta-one__wrapper .cta-one__wrapper-form .cta-one__btn {
    top: 100%;
    left: 0;
    right: inherit;
    margin-top: 6px;
  }
}

.cta-two {
  position: relative;
  background-color: #090939;
  padding: 110px 30px;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 767px) {
  .cta-two {
    padding: 110px 15px;
  }
}

.cta-two__img {
  position: absolute;
  left: 0px;
  top: 0;
  opacity: 0.12;
}

.cta-two__img1 {
  position: absolute;
  left: 190px;
  bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .cta-two__img1 {
    left: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .cta-two__img1 {
    left: -10px;
    bottom: -20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .cta-two__img1 {
    left: -12%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-two__img1 {
    display: none;
  }
}
@media (max-width: 767px) {
  .cta-two__img1 {
    display: none;
  }
}

.cta-two__img2 {
  position: absolute;
  right: 40px;
  bottom: 0;
}
@media (max-width: 767px) {
  .cta-two__img2 {
    right: 30px;
    bottom: -75px;
    display: none;
  }
}

.cta-two__img_animation3 {
  position: absolute;
  right: 60px;
  bottom: 10px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .cta-two__img_animation3 {
    right: -56px;
    bottom: -45px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .cta-two__img_animation3 {
    bottom: -45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .cta-two__img_animation3 {
    bottom: -40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-two__img_animation3 {
    bottom: -35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-two__img_animation3 {
    bottom: -40px;
  }
}
@media (max-width: 767px) {
  .cta-two__img_animation3 {
    right: -50px;
    bottom: -40px;
  }
}

.cta-two__line1 {
  position: absolute;
  left: 10%;
  bottom: 0;
  animation: footer1 4s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .cta-two__line1 {
    left: 7%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-two__line1 {
    left: 4%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-two__line1 {
    left: 5%;
  }
}
@media (max-width: 767px) {
  .cta-two__line1 {
    left: 4%;
  }
}

.cta-two__line2 {
  position: absolute;
  left: 36%;
  bottom: -28%;
  animation: footer2 4s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-two__line2 {
    bottom: -50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-two__line2 {
    left: 20%;
    bottom: -50%;
  }
}
@media (max-width: 767px) {
  .cta-two__line2 {
    bottom: -45%;
  }
}

.cta-two__line3 {
  position: absolute;
  left: 50%;
  bottom: -55%;
  animation: footer3 4s ease-in-out 0.1s forwards infinite alternate;
}
@media (max-width: 767px) {
  .cta-two__line3 {
    bottom: -48%;
  }
}

.cta-two__line4 {
  position: absolute;
  left: 73.5%;
  bottom: -25%;
  animation: footer2 4s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .cta-two__line4 {
    bottom: -50%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .cta-two__line4 {
    bottom: -50%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .cta-two__line4 {
    bottom: -48%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-two__line4 {
    bottom: -50%;
  }
}
@media (max-width: 767px) {
  .cta-two__line4 {
    bottom: -45%;
    left: 63%;
  }
}

.cta-two__line5 {
  position: absolute;
  left: 90%;
  bottom: -5%;
  animation: footer1 4s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .cta-two__line5 {
    left: 87%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .cta-two__line5 {
    left: 97%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-two__line5 {
    left: 97%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-two__line5 {
    left: 96%;
  }
}
@media (max-width: 767px) {
  .cta-two__line5 {
    left: 96%;
  }
}

.cta-two__arrow1 {
  position: absolute;
  top: 53%;
  left: 13%;
  opacity: 0.13;
  animation: rrdevsleftright 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .cta-two__arrow1 {
    left: 9%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .cta-two__arrow1 {
    left: 6%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-two__arrow1 {
    top: 25%;
    left: -5%;
  }
}
@media (max-width: 767px) {
  .cta-two__arrow1 {
    top: 14%;
    left: 0%;
  }
}

.cta-two__arrow2 {
  position: absolute;
  top: 28%;
  right: 16%;
  opacity: 0.39;
  animation: rrdevsrightleft 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .cta-two__arrow2 {
    right: 12%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-two__arrow2 {
    right: 4%;
  }
}

.cta-two:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 30%;
  width: 768px;
  height: 768px;
  border-radius: 50px;
  background: rgba(40, 40, 142, 0.4);
  filter: blur(185px);
  z-index: -1;
}

.cta-two__content h2 {
  color: #FFF;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 44px;
  font-weight: 600;
  line-height: 54px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .cta-two__content h2 {
    font-size: 30px;
    line-height: 50px;
    margin-bottom: 15px;
  }
}
.cta-two__content p {
  color: rgba(255, 255, 255, 0.7);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 29px;
}
.cta-two__content form {
  position: relative;
  width: 520px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .cta-two__content form {
    width: 420px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-two__content form {
    width: 420px;
  }
}
@media (max-width: 767px) {
  .cta-two__content form {
    width: 100%;
  }
}
.cta-two__content form input {
  color: rgba(255, 255, 255, 0.7);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  width: 520px;
  height: 60px;
  padding: 25px 0px 25px 29px;
  padding-right: 160px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1px 2px 0px rgba(11, 23, 40, 0.14);
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .cta-two__content form input {
    width: 420px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-two__content form input {
    width: 420px;
  }
}
@media (max-width: 767px) {
  .cta-two__content form input {
    width: 100%;
  }
}
.cta-two__content form input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.cta-two__content form button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px 29px;
  border-radius: 160px;
  background: #4A5FE1;
  color: #fff;
  border: none;
  margin: 6px 8px;
}
@media (max-width: 767px) {
  .cta-two__content form button {
    top: 100%;
    right: inherit;
    border: none;
    left: 0;
    margin-top: 10px;
  }
}
.cta-two__content form button:before {
  border-radius: 50px;
  background: #FE7919;
}

.case-study-one {
  position: relative;
  background: #F8F8F8;
  overflow: hidden;
  z-index: 1;
}
.case-study-one:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 140px;
  background: linear-gradient(90deg, #F1BFEC -0.24%, #BAF2C6 99.96%);
  filter: blur(300px);
  z-index: -1;
}
.case-study-one:after {
  content: "";
  display: block;
  width: 1030px;
  height: 1030px;
  position: absolute;
  top: 0;
  left: 25%;
  right: 25%;
  border-radius: 1030px;
  background: #DFDCEC;
  filter: blur(185px);
  z-index: -1;
}
.case-study-one__color-effect1 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 620px;
  height: 620px;
  border-radius: 50px;
  background: #EBFCFC;
  filter: blur(185px);
  z-index: -1;
}
.case-study-one__color-effect2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 492px;
  height: 492px;
  border-radius: 50px;
  background: #EFF6DB;
  filter: blur(185px);
  z-index: -1;
}
.case-study-one .section-title__one-title {
  font-family: "Mulish", sans-serif;
  margin-bottom: 60px;
}
.case-study-one__single {
  padding: 30px;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 50px 70px 0px rgba(11, 23, 40, 0.08);
  width: 770px !important;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .case-study-one__single {
    width: 550px !important;
  }
}
@media (max-width: 767px) {
  .case-study-one__single {
    width: 310px !important;
  }
}
.case-study-one__single .header {
  margin-bottom: 20px;
}
.case-study-one__single .header .img {
  float: left;
  margin-right: 27px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .case-study-one__single .header .img {
    display: block;
    float: inherit;
  }
}
@media (max-width: 767px) {
  .case-study-one__single .header .img {
    display: block;
    float: inherit;
  }
}
.case-study-one__single .header .img img {
  border-radius: 6px;
  width: 180px;
  height: 180px;
  object-fit: cover;
}
.case-study-one__single .header .content {
  overflow: hidden;
  padding: 20px 0;
  padding-right: 120px;
}
@media (max-width: 767px) {
  .case-study-one__single .header .content {
    padding-right: 0;
  }
}
.case-study-one__single .header .content img {
  margin-bottom: 10px;
}
.case-study-one__single .header .content h2 {
  color: #0B1728;
  font-family: "Mulish", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 34px;
  text-align: left;
}
.case-study-one__single .header .content h2 a {
  background: -webkit-gradient(linear, left top, left bottom, from(#0B1728), color-stop(98%, #0B1728));
  background: linear-gradient(#0B1728 0%, #0B1728 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.case-study-one__single .header .content h2 a:hover {
  background-size: 100% 2px;
}
.case-study-one .rr-scrollbar {
  background-color: rgba(10, 10, 10, 0.1);
  height: 2px;
  margin-left: 370px;
  margin-right: 370px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .case-study-one .rr-scrollbar {
    margin-left: 50px;
    margin-right: 50px;
  }
}
@media (max-width: 767px) {
  .case-study-one .rr-scrollbar {
    margin-left: 50px;
    margin-right: 50px;
  }
}
.case-study-one .rr-scrollbar .swiper-scrollbar-drag {
  width: 370px !important;
  background-color: #FE7919;
  height: 3px;
  border-radius: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .case-study-one .rr-scrollbar .swiper-scrollbar-drag {
    width: 170px !important;
  }
}
@media (max-width: 767px) {
  .case-study-one .rr-scrollbar .swiper-scrollbar-drag {
    width: 170px !important;
  }
}
.case-study-one .footer__left {
  display: inline-block;
  width: 48%;
  margin-right: 20px;
  padding: 24px 34px;
  border-radius: 6px;
  border: 1px solid rgba(11, 23, 40, 0.14);
  background: #FFF;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .case-study-one .footer__left {
    width: 46%;
  }
}
@media (max-width: 767px) {
  .case-study-one .footer__left {
    width: 100%;
    margin-bottom: 20px;
  }
}
.case-study-one .footer__left:last-child {
  margin-right: 0;
}
.case-study-one .footer__left h3 {
  font-family: "Mulish", sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: normal;
}
.case-study-one .footer__left p {
  font-family: "Mulish", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 0;
}

.case-study-two__single {
  width: 100%;
  height: 478px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.case-study-two__single-box {
  background: #FFF;
  box-shadow: 0px 10px 80px 0px rgba(11, 23, 40, 0.24);
  display: inline-block;
  padding: 36px 71px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 767px) {
  .case-study-two__single-box {
    padding: 20px 12px;
    text-align: left;
  }
}
.case-study-two__single-box span {
  color: #0B1728;
  font-family: Montserrat Alternates;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 18px;
  display: block;
}
.case-study-two__single-box span:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 6px;
  border-radius: 10px;
  background: #4A5FE1;
  margin-right: 6px;
  margin-bottom: 2px;
}
.case-study-two__single-box h4 {
  color: #0B1728;
  font-family: Montserrat Alternates;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 24px;
}
.case-study-two__single-box a {
  color: #0B1728;
  font-family: Mulish;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.case-study-two__single-box a:hover {
  text-decoration: underline;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.case-study-two .owl-prev,
.case-study-two .owl-next {
  width: 56px;
  height: 56px;
  position: absolute;
  top: -120px;
  background-color: #fff;
  line-height: 56px;
  text-align: center;
  color: #110718;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.case-study-two .owl-prev:hover,
.case-study-two .owl-next:hover {
  color: #fff;
  background-color: #4A5FE1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.case-study-two .owl-prev {
  right: 344px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .case-study-two .owl-prev {
    right: 16.2%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .case-study-two .owl-prev {
    right: 14.7%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .case-study-two .owl-prev {
    right: 17.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case-study-two .owl-prev {
    right: 176px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .case-study-two .owl-prev {
    right: 8.9%;
  }
}
@media (max-width: 767px) {
  .case-study-two .owl-prev {
    right: 17.6%;
  }
}
.case-study-two .owl-next {
  right: 290px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .case-study-two .owl-next {
    right: 12.7%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .case-study-two .owl-next {
    right: 10.7%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .case-study-two .owl-next {
    right: 13.7%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case-study-two .owl-next {
    right: 120px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .case-study-two .owl-next {
    right: 0%;
  }
}
@media (max-width: 767px) {
  .case-study-two .owl-next {
    right: 0%;
  }
}
.case-study-two .owl-item.active .case-study-two__single {
  height: 598px;
  margin-top: -120px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.case-study-two .owl-item.active .case-study-two__single-box {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.case-study-two .owl-carousel .owl-stage-outer {
  overflow: inherit;
}

.contact-map iframe {
  width: 100%;
  height: 538px;
}

.contact-page-form__input-box input {
  width: 100%;
  height: 46px;
  border-radius: 10px;
  border: 1px solid rgba(11, 23, 40, 0.14);
  background: #FFF;
  padding: 18px 24px;
  margin-bottom: 20px;
}
.contact-page-form__input-box input::placeholder {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  opacity: 0.6;
}
.contact-page-form__input-box textarea {
  width: 100%;
  height: 180px;
  border-radius: 10px;
  border: 1px solid rgba(11, 23, 40, 0.14);
  background: #FFF;
  padding: 25px;
}
.contact-page-form__input-box textarea::placeholder {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  opacity: 0.6;
}

.contact-page-form__title h2 {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 54px;
  margin-bottom: 20px;
}
.contact-page-form__title p {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  opacity: 0.7;
}

.contact-page-form__btn button {
  display: block;
  border: none;
  width: 199px;
  padding: 21px 41px;
  border-radius: 160px;
  background: #4A5FE1;
  color: #fff;
  margin-top: 31px;
}

.brand-one__title {
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 40px;
}

.brand-one__single {
  position: relative;
  text-align: center;
}
.brand-one__single a {
  display: inline-block;
}
.brand-one__single a img {
  width: inherit !important;
  opacity: 0.4;
}
.brand-one__single a:hover img {
  opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-one .d__column-two {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-one .d__column-two {
    display: block;
  }
}
@media (max-width: 767px) {
  .blog-one .d__column-two {
    display: block;
  }
}
.blog-one .section-title__two-right {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-one .tabs-one ul {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-one .tabs-one ul {
    display: block;
  }
}
@media (max-width: 767px) {
  .blog-one .tabs-one ul {
    display: block;
  }
}
.blog-one .tabs-one ul li:first-child {
  border-left: 1px;
  border-style: solid;
  border-color: rgba(11, 23, 40, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-one .tabs-one ul li:first-child {
    border: none;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-one .tabs-one ul li:first-child {
    border: none;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .blog-one .tabs-one ul li:first-child {
    border: none;
    width: 100%;
  }
}
.blog-one .tabs-one ul li:last-child {
  border-right: 1px;
  border-style: solid;
  border-color: rgba(11, 23, 40, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-one .tabs-one ul li:last-child {
    border: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-one .tabs-one ul li:last-child {
    border: none;
  }
}
@media (max-width: 767px) {
  .blog-one .tabs-one ul li:last-child {
    border: none;
  }
}
.blog-one .tabs-one .nav-link {
  padding-right: 43px;
  padding: 30px 42px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .blog-one .tabs-one .nav-link {
    padding: 30px 28px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .blog-one .tabs-one .nav-link {
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-one .tabs-one .nav-link {
    display: block;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-one .tabs-one .nav-link {
    display: block;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .blog-one .tabs-one .nav-link {
    display: block;
    width: 100%;
  }
}
.blog-one .tab-content {
  position: relative;
  margin-top: -100px;
  z-index: 2;
}
.blog-one .tab-pane.active {
  animation: slide-down 1s ease-out;
}
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.blog-grid__single-img img {
  width: 100%;
}

.blog-grid__single-content {
  padding: 30px 50px 59px 30px;
  border: 1px solid rgba(11, 23, 40, 0.14);
}
.blog-grid__single-content h2 {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 45px;
}
.blog-grid__single-content h2 a {
  background: -webkit-gradient(linear, left top, left bottom, from(#0B1728), color-stop(98%, #0B1728));
  background: linear-gradient(#0B1728 0%, #0B1728 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.blog-grid__single-content h2 a:hover {
  background-size: 100% 2px;
}
.blog-grid__single-content .postbox__meta {
  margin-bottom: 20px;
}
.blog-grid__single-content .postbox__meta span {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.blog-grid__single-content .postbox__meta span i {
  color: #4A5FE1;
  margin-right: 9px;
}
.blog-grid__single-content .btn-box a {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.blog-grid__single-content .btn-box a i {
  margin-left: 10px;
}
.blog-grid__single-content .btn-box a:hover {
  color: #4A5FE1;
}

.basic-pagination ul li {
  display: inline-block;
  margin-right: 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .basic-pagination ul li {
    width: inherit !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .basic-pagination ul li {
    width: inherit !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .basic-pagination ul li {
    width: inherit !important;
  }
}
@media (max-width: 767px) {
  .basic-pagination ul li {
    width: inherit !important;
  }
}
@media (max-width: 767px) {
  .basic-pagination ul li {
    margin-bottom: 30px;
  }
}
.basic-pagination ul li:first-child, .basic-pagination ul li:last-child {
  border: none !important;
}
.basic-pagination ul li span {
  color: #1A1C1F;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
  opacity: 0.6;
}
.basic-pagination ul li i {
  color: #1A1C1F;
  font-size: 15px;
  opacity: 0.6;
}
.basic-pagination ul li a,
.basic-pagination ul li .current {
  background-color: #EFF1F3;
  padding: 12px 17px;
}
.basic-pagination ul li .current {
  color: #fff;
  background: #4A5FE1;
  opacity: 1;
}
.basic-pagination ul li .prev i {
  margin-right: 9px;
}
.basic-pagination ul li .next i {
  margin-left: 9px;
}
.basic-pagination ul li a:hover {
  background-color: #4A5FE1;
}
.basic-pagination ul li a:hover span,
.basic-pagination ul li a:hover i {
  color: #fff;
  opacity: 1;
}

.blog-category-tabs {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}

.blog-category-tabs::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, #F1BFEC -0.24%, #BAF2C6 99.96%);
  filter: blur(300px);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  z-index: -1;
  opacity: 1;
}

.blog-category-tabs::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #F8F8F8;
  z-index: -1;
  opacity: 0.75;
}

/*Tabs*/
.blog-one .tab-one {
  position: relative;
  display: block;
}

.blog-one .tab-one__tabs {
  position: relative;
  display: block;
  overflow: hidden;
}

.blog-one .blog-category-tabs .tab-buttons {
  position: relative;
  display: inline-block;
  margin-left: -13px;
  margin-right: -13px;
  margin-bottom: 50px;
  border: 1px solid rgba(11, 23, 40, 0.1);
  background: #FFF;
}

.blog-one .tab-one__tabs .tab-buttons li {
  position: relative;
  display: inline-block;
  color: #0B1728;
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  padding: 31px 42px;
  cursor: pointer;
  text-align: center;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .blog-one .tab-one__tabs .tab-buttons li {
    padding: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .blog-one .tab-one__tabs .tab-buttons li {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-one .tab-one__tabs .tab-buttons li {
    padding: 15px;
  }
}

.blog-one .tab-one__tabs .tab-buttons li span {
  display: block;
  margin-top: 12px;
}

.blog-one .tab-one__tabs .tab-buttons li:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: rgba(11, 23, 40, 0.1);
}

.blog-one .tab-one__tabs .tab-buttons li:last-child:after {
  display: none;
}

.blog-one .tab-one__tabs .tab-buttons li:hover,
.blog-one .tab-one__tabs .tab-buttons li.active-btn {
  background: #FE7919;
  color: #FFF;
}

.blog-one .tab-one__tabs .tab-buttons li img {
  width: 36px;
  height: 36px;
}

.blog-one .tab-one__tabs .tab-buttons li:hover .no-active,
.blog-one .tab-one__tabs .tab-buttons li.active-btn .no-active {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.blog-one .tab-one__tabs .tab-buttons li .active-tab-icon,
.blog-one .tab-one__tabs .tab-buttons li.active-btn .active-tab-icon {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.blog-one .tab-one__tabs .tab-buttons li:hover .active-tab-icon,
.blog-one .tab-one__tabs .tab-buttons li.active-btn .active-tab-icon {
  display: block;
  visibility: visible;
  opacity: 1;
  margin: 0 auto;
}

.blog-one .tabs-content {
  margin-top: -100px;
}

.blog-one .tab-one__tabs .tabs-content .tab {
  position: relative;
  display: none;
  transform: translateY(35px);
  transition: all 600ms ease;
  z-index: 10;
}

.blog-one .tab-one__tabs .tabs-content .tab.active-tab {
  display: block;
  margin-top: 0px;
  transform: translateY(0px);
}

.blog-one .tab-one__content {
  position: relative;
  display: block;
  max-width: 485px;
  width: 100%;
  margin-top: 35px;
}

/**
* Blog Two
*/
.blog-two .section-title__one-title {
  margin-bottom: 60px;
}

.blog-two__single {
  background-color: #fff;
  padding: 44px 44px 44px 34px;
  border-radius: 10px;
  box-shadow: 0px 3px 3px rgba(11, 23, 40, 0.14);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.blog-two__single:hover {
  box-shadow: 0px 10px 60px rgba(11, 23, 40, 0.14);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.blog-two__single .blog-two__title {
  color: #0B1728;
  font-family: "Mulish", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 130px;
}
.blog-two__single .blog-two__title a {
  background: -webkit-gradient(linear, left top, left bottom, from(#0B1728), color-stop(98%, #0B1728));
  background: linear-gradient(#0B1728 0%, #0B1728 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.blog-two__single .blog-two__title a:hover {
  background-size: 100% 2px;
}
.blog-two__single .blog-two__single-content .blog-two__btn {
  color: #0B1728;
  font-family: "Mulish", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.blog-two__single .blog-two__single-content .blog-two__btn i {
  padding-left: 6px;
}
.blog-two__single .blog-two__single-content .blog-two__btn:hover {
  color: #FE7919;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.blog-two__single .blog-two__single-content .postbox__meta span {
  display: block;
  color: rgba(11, 23, 40, 0.7);
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 10px;
}
.blog-two__single .blog-two__single-content .postbox__meta span i {
  color: #FE7919;
  margin-right: 8px;
}
.blog-two__single .blog-two__single-content .share-icon {
  position: relative;
}
.blog-two__single .blog-two__single-content .share-icon a {
  margin-left: 14px;
}
.blog-two__single .blog-two__single-content .share-icon a:hover {
  color: #FE7919;
}
.blog-two__single .blog-two__single-content .share-icon .share-option__hover {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: absolute;
  top: 0;
  right: 0px;
}
.blog-two__single .blog-two__single-content .share-icon .share-option__hover ul li {
  display: inline-block;
  list-style: none;
}
.blog-two__single .blog-two__single-content .share-icon:hover .share-option__hover {
  visibility: visible;
  opacity: 1;
  right: 30px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

/**
* Blog Three
*/
.blog-three__single {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 2px 6px 0px rgba(11, 23, 40, 0.14);
}

.blog-three__content {
  padding: 40px 69px 73px 34px;
}

.post-meta {
  margin-bottom: 28px;
}
.post-meta ul li {
  display: inline-block;
  color: rgba(11, 23, 40, 0.7);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  margin-right: 15px;
}
.post-meta ul li a:hover {
  color: #4A5FE1;
}
.post-meta ul li:after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: rgba(11, 23, 40, 0.6);
  border-radius: 50px;
  margin-left: 20px;
  margin-bottom: 2px;
}
.post-meta ul li:last-child:after {
  display: none;
}

.blog-three_title {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
}
.blog-three_title a {
  background: -webkit-gradient(linear, left top, left bottom, from(#0B1728), color-stop(98%, #0B1728));
  background: linear-gradient(#0B1728 0%, #0B1728 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.blog-three_title a:hover {
  background-size: 100% 2px;
}

.blog-three__img {
  position: relative;
}
.blog-three__img img {
  border-radius: 10px 10px 0 0;
}
.blog-three__img .icon a {
  position: absolute;
  right: 24px;
  bottom: 24px;
  color: #fff;
  background: #0B1728;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50px;
  transition: all 0.4s ease-in-out;
}
.blog-three__img .icon a:hover {
  color: #fff;
  background-color: #4A5FE1;
  -webkit-transform: rotate(1turn);
  -moz-transform: rotate(1turn);
  transform: rotate(1turn);
}

/**
* Blog Four
*/
.blog-four__img {
  position: relative;
}
.blog-four__img img {
  border-radius: 14px 14px 0 0;
}
.blog-four__img .category {
  position: absolute;
  top: 30px;
  right: 30px;
}
.blog-four__img .category a {
  display: inline-block;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 7px 14px;
  border-radius: 6px;
  color: #fff;
  background: #4A5FE1;
}

.blog-four__content {
  padding: 30px 30px 50px 30px;
  border: 1px solid rgba(11, 23, 40, 0.14);
  border-radius: 0 0 14px 14px;
}
.blog-four__content .post-meta {
  margin-bottom: 26px;
}
.blog-four__content .post-meta ul li {
  color: rgba(11, 23, 40, 0.7);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}
.blog-four__content .post-meta ul li i {
  color: #4A5FE1;
  margin-right: 9px;
}
.blog-four__content .blog-four_title {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 40px;
}
.blog-four__content .blog-four_title a {
  background: -webkit-gradient(linear, left top, left bottom, from(#0B1728), color-stop(98%, #0B1728));
  background: linear-gradient(#0B1728 0%, #0B1728 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.blog-four__content .blog-four_title a:hover {
  background-size: 100% 2px;
}
.blog-four__content .postbox__more-btn {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
}
.blog-four__content .postbox__more-btn i {
  padding-left: 10px;
}
.blog-four__content .postbox__more-btn:hover {
  color: #4A5FE1;
}

.blog-details__meta ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog-details__meta ul li {
  display: inline-block;
  margin-right: 30px;
}
.blog-details__meta ul li a,
.blog-details__meta ul li span {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}
.blog-details__meta ul li i {
  color: #4A5FE1;
  margin-right: 9px;
}
.blog-details__meta ul li:last-child {
  margin-right: 0px;
}

.blog-details__content .postbox__title {
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 20px;
}
.blog-details__content p {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

blockquote {
  margin: 35px 0px !important;
  padding: 33px 40px 50px 49px;
  position: relative;
  background: #EFF1F3;
  text-align: left;
  clear: both;
  color: rgba(11, 23, 40, 0.7);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
@media (max-width: 767px) {
  blockquote {
    padding: 33px 30px 50px 30px;
  }
}
blockquote::before {
  content: "\f10e";
  position: static;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 60px;
  color: rgba(11, 23, 40, 0.06);
  line-height: 1;
  display: inline-block;
  position: absolute;
  bottom: 36px;
  right: 50px;
}
@media (max-width: 767px) {
  blockquote::before {
    right: 25px;
  }
}
blockquote cite {
  position: relative;
  display: block;
  margin-top: 30px;
  color: rgba(11, 23, 40, 0.7);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 14px;
}
blockquote cite::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 5px;
  background: #4A5FE1;
  border-radius: 10px;
  margin-bottom: 3px;
  margin-right: 6px;
}

.blog-details__left {
  margin-right: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .blog-details__left {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details__left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-details__left {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .blog-details__left {
    margin-right: 0;
  }
}

.blog-details__bottom {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 30px 0 30px;
  margin-top: 48px;
}

.blog-details__tags span {
  color: rgba(11, 23, 40, 0.7);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  margin-right: 14px;
}

.blog-details__tags a {
  position: relative;
  color: rgba(11, 23, 40, 0.7);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  border: 1px solid rgba(11, 23, 40, 0.14);
  background: rgba(255, 255, 255, 0);
  display: inline-block;
  padding: 12px 9px 11px 10px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-details__tags a:hover {
  background-color: #4A5FE1;
  color: #ffffff;
}

.blog-details__tags a + a {
  margin-left: 6px;
  margin-top: 10px;
}

.blog-details__social-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  .blog-details__social-list {
    margin-top: 30px;
  }
}

.blog-details__social-list a + a {
  margin-left: 10px;
}

.blog-details__social-list a i {
  color: rgba(11, 23, 40, 0.3);
  display: inline-block;
  margin-right: 4px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border-radius: 20px;
  border: 1px solid rgba(11, 23, 40, 0.3);
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.blog-details__social-list a i:hover {
  -webkit-transform: rotate(1turn);
  -moz-transform: rotate(1turn);
  transform: rotate(1turn);
  background-color: #4A5FE1;
  border: 1px solid #4A5FE1;
  color: #fff;
}

.sidebar__single {
  border: 1px solid rgba(11, 23, 40, 0.14);
  padding: 34px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .sidebar__single {
    padding: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar__single {
    padding: 25px;
  }
}

.sidebar__search-form {
  position: relative;
}
.sidebar__search-form input {
  width: 100%;
  border: 1px solid rgba(11, 23, 40, 0.14);
  background: rgba(255, 255, 255, 0);
  padding: 20px 24px;
}
.sidebar__search-form input::placeholder {
  opacity: 0.7;
}
.sidebar__search-form button {
  position: absolute;
  top: 20%;
  right: 15px;
  color: rgba(11, 23, 40, 0.7);
  background-color: transparent;
  border: none;
  font-size: 18px;
  transform: translateY(20%);
}

.sidebar__single + .sidebar__single {
  margin-top: 40px;
}

.sidebar__title {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
}

.sidebar-post__img {
  float: left;
  margin-right: 20px;
}
.sidebar-post__img img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

.sidebar__post-content-box {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
}
.sidebar__post-content-box h3 {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 23px;
}
.sidebar__post-content-box h3:hover {
  color: #4A5FE1;
}
.sidebar__post-content-box span {
  color: rgba(11, 23, 40, 0.7);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 26px;
}
.sidebar__post-content-box span i {
  color: #4A5FE1;
  margin-right: 7px;
}

.sidebar__post-single {
  overflow: hidden;
}

.sidebar__post-single + .sidebar__post-single {
  margin-top: 14px;
}

.sidebar__single li {
  list-style: none;
}
.sidebar__single.widget_categories ul li a {
  display: block;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  border: 1px solid rgba(11, 23, 40, 0.14);
  padding: 18px 15px;
}
.sidebar__single.widget_categories ul li a:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: rgba(11, 23, 40, 0.7);
  border-radius: 50px;
  margin-bottom: 2px;
  margin-right: 10px;
}
.sidebar__single.widget_categories ul li a:hover {
  color: #fff;
  background-color: #4A5FE1;
}
.sidebar__single.widget_categories ul li a:hover:before {
  background-color: #fff;
}
.sidebar__single.widget_categories ul li + li {
  margin-top: 10px;
}
.sidebar__single.widget_tag_cloud .tagcloud a {
  display: inline-block;
  color: rgba(11, 23, 40, 0.7);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 13px !important;
  font-weight: 500;
  line-height: normal;
  border: 1px solid rgba(11, 23, 40, 0.14);
  padding: 10px 12px;
  margin-bottom: 6px;
}
.sidebar__single.widget_tag_cloud .tagcloud a:hover {
  color: #fff;
  background-color: #4A5FE1;
}

/* Post Navigation */
.post-navigation__prev {
  background: #EFF1F3;
  padding: 15px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .post-navigation__prev {
    margin-bottom: 30px;
  }
}
.post-navigation__prev:hover .post-navigation__img .post-navigation__img-hover {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.post-navigation__prev .post-navigation__img {
  position: relative;
  float: left;
  margin-right: 20px;
}
.post-navigation__prev .post-navigation__img img {
  width: 90px;
  height: 90px;
}
.post-navigation__prev .post-navigation__img .post-navigation__img-hover {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(11, 23, 40, 0.8);
  color: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.post-navigation__prev .post-navigation__img .post-navigation__img-hover a {
  display: block;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  font-size: 20px;
}
.post-navigation__prev .post-navigation__content {
  overflow: hidden;
  padding: 5px 0;
}
.post-navigation__prev .post-navigation__content h4 {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}
.post-navigation__prev .post-navigation__content span {
  color: rgba(11, 23, 40, 0.7);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 26px;
}
.post-navigation__prev .post-navigation__content span i {
  color: #4A5FE1;
  margin-right: 7px;
}

.post-navigation__next {
  background: #EFF1F3;
  padding: 15px;
  overflow: hidden;
}
.post-navigation__next:hover .post-navigation__img .post-navigation__img-hover {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.post-navigation__next .post-navigation__img {
  position: relative;
  float: right;
  margin-left: 20px;
}
.post-navigation__next .post-navigation__img img {
  width: 90px;
  height: 90px;
}
.post-navigation__next .post-navigation__img .post-navigation__img-hover {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(11, 23, 40, 0.8);
  color: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.post-navigation__next .post-navigation__img .post-navigation__img-hover a {
  display: block;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  font-size: 20px;
}
.post-navigation__next .post-navigation__content {
  overflow: hidden;
  padding: 5px 0;
  text-align: right;
}
.post-navigation__next .post-navigation__content h4 {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}
.post-navigation__next .post-navigation__content span {
  color: rgba(11, 23, 40, 0.7);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 26px;
}
.post-navigation__next .post-navigation__content span i {
  color: #4A5FE1;
  margin-right: 7px;
}

/* Latest Comments */
.latest-comments ul li {
  list-style: none;
}
.latest-comments ul li .children {
  margin-left: 74px;
  margin-top: 0;
}
@media (max-width: 767px) {
  .latest-comments ul li .children {
    margin-left: 0;
  }
}
.latest-comments .comment-one__single {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(11, 23, 40, 0.1);
}
.latest-comments .comment-one__title {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 41px;
  margin-bottom: 30px;
}
.latest-comments .comments-avatar {
  float: left;
  margin-right: 19px;
}
.latest-comments .comments-avatar img {
  width: 60px;
  height: 60px;
}
.latest-comments .comments-text {
  overflow: hidden;
}
.latest-comments .comments-text h3 a {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.latest-comments .comments-text span {
  display: block;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.latest-comments .comments-text p {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 24px;
}
.latest-comments .comment-one__btn {
  display: inline-block;
  color: rgba(11, 23, 40, 0.7);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  padding: 9px 18px;
  border: 1px solid rgba(11, 23, 40, 0.14);
}
.latest-comments .comment-one__btn:hover {
  color: #fff;
  background-color: #4A5FE1;
}

/* Comments Form */
.comment-one .comment-reply-title {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 41px;
}
.comment-one p.comment-notes {
  color: rgba(11, 23, 40, 0.7);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 33px;
}
.comment-one .comment-form__input-box {
  position: relative;
  display: block;
  margin-bottom: 20px;
}
.comment-one .comment-form__input-box input {
  color: rgba(11, 23, 40, 0.6);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  border: 1px solid rgba(11, 23, 40, 0.14);
  background: #FFF;
  padding: 18px 25px;
  width: 100%;
  height: 46px;
}
.comment-one .comment-form__input-box input::placeholder {
  color: rgba(11, 23, 40, 0.6);
}
.comment-one .comment-form__input-box textarea {
  color: rgba(11, 23, 40, 0.6);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  width: 100%;
  height: 180px;
  border: 1px solid rgba(11, 23, 40, 0.14);
  padding: 24px;
}
.comment-one .comment-form__input-box textarea::placeholder {
  color: rgba(11, 23, 40, 0.6);
}
.comment-one .comment-form__btn {
  color: #fff;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  border: none;
  background-color: #4A5FE1;
  padding: 21px 41px;
}
.comment-one .comment-form__btn:before {
  background-color: #FE7919;
}
.comment-one .comment-form__btn:hover {
  color: #ffffff;
}

.error-page {
  position: relative;
  overflow: hidden;
}
.error-page .error-page__animation1 {
  position: absolute;
  top: 10%;
  left: 8%;
  animation: rrdevstranslateY2 6s ease-in-out 0.1s forwards infinite alternate;
}
.error-page .error-page__animation2 {
  position: absolute;
  top: 30%;
  left: 21%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error-page .error-page__animation2 {
    left: 12%;
  }
}
@media (max-width: 767px) {
  .error-page .error-page__animation2 {
    top: 15%;
  }
}
.error-page .error-page__animation3 {
  position: absolute;
  top: 27%;
  left: 60%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .error-page .error-page__animation3 {
    top: 16%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .error-page .error-page__animation3 {
    top: 16%;
  }
}
@media (max-width: 767px) {
  .error-page .error-page__animation3 {
    top: 18%;
  }
}
.error-page .error-page__animation4 {
  position: absolute;
  top: 19%;
  right: 19%;
  animation: rrdevsleftright 6s ease-in-out 0.1s forwards infinite alternate;
}
.error-page .error-page__img1 {
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .error-page .error-page__img1 {
    left: -11%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .error-page .error-page__img1 {
    left: -18%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-page .error-page__img1 {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error-page .error-page__img1 {
    display: none;
  }
}
@media (max-width: 767px) {
  .error-page .error-page__img1 {
    display: none;
  }
}
.error-page .error-page__img2 {
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .error-page .error-page__img2 {
    right: -5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-page .error-page__img2 {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error-page .error-page__img2 {
    display: none;
  }
}
@media (max-width: 767px) {
  .error-page .error-page__img2 {
    display: none;
  }
}
.error-page .error-page__content h1 {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 200px;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 767px) {
  .error-page .error-page__content h1 {
    font-size: 110px;
  }
}
.error-page .error-page__content h2 {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 54px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 34px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .error-page .error-page__content h2 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .error-page .error-page__content h2 {
    font-size: 40px;
  }
}
.error-page .error-page__content p {
  color: rgba(11, 23, 40, 0.6);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 43px;
}
.error-page .error-page__content a {
  display: inline-block;
  color: #fff;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  background-color: #4A5FE1;
  padding: 19px 30px;
}
.error-page .error-page__content a i {
  margin-right: 9px;
}
.error-page .error-page__content a:before {
  background-color: #FE7919;
}
.error-page .error-page__content a:hover {
  color: #ffffff;
}

.page-header .page-header__bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, #F1BFEC -0.24%, #BAF2C6 99.96%);
  filter: blur(300px);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  z-index: -1;
  opacity: 1;
}

.page-header .page-header__bg::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #F8F8F8;
  opacity: 0.75;
}

.page-header .page-header__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

.login-page {
  overflow: hidden;
  height: 840px;
}
.login-page div[class^=col-] {
  padding-left: 0;
  padding-right: 0;
}
.login-page__animation1 {
  position: absolute;
  top: 34%;
  left: 9%;
  animation: rrdevsleftright 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .login-page__animation1 {
    left: 5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .login-page__animation1 {
    top: 30%;
  }
}
.login-page__animation2 {
  position: absolute;
  top: 18%;
  left: 48%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
.login-page__animation3 {
  position: absolute;
  bottom: 24%;
  left: 47%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .login-page__animation3 {
    bottom: 38%;
    left: 46%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .login-page__animation3 {
    bottom: 6%;
    left: 47%;
  }
}
@media (max-width: 767px) {
  .login-page__animation3 {
    bottom: 4%;
    left: 7%;
  }
}
.login-page__animation4 {
  position: absolute;
  top: 17%;
  left: 2%;
  animation: rrdevsleftright 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .login-page__animation4 {
    left: 5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .login-page__animation4 {
    left: 5%;
  }
}
.login-page__animation5 {
  position: absolute;
  left: 8%;
  bottom: 11%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .login-page__animation5 {
    left: 3%;
    bottom: 16%;
  }
}
@media (max-width: 767px) {
  .login-page__animation5 {
    left: 4%;
  }
}
.login-page__animation6 {
  position: absolute;
  bottom: 20%;
}
.login-page__content {
  padding: 95px 140px 95px 315px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .login-page__content {
    padding: 95px 55px 95px 170px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .login-page__content {
    padding: 95px 30px 95px 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .login-page__content {
    padding: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-page__content {
    padding: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .login-page__content {
    padding: 90px;
  }
}
@media (max-width: 767px) {
  .login-page__content {
    padding: 60px;
  }
}
.login-page__content .login-page__title {
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 45px;
}
.login-page__content span {
  display: block;
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 10px;
  margin-bottom: 16px;
}
.login-page__content input {
  color: rgba(84, 93, 105, 0.6);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  height: 50px;
  width: 100%;
  padding: 17px 22px;
  margin-bottom: 27px;
  border-radius: 6px;
  border: 1px solid rgba(11, 23, 40, 0.1);
}
.login-page__content input::placeholder {
  color: rgba(84, 93, 105, 0.6);
}
.login-page__content .login-page__password {
  position: relative;
}
.login-page__content .login-page__password .toggle-password {
  position: absolute;
  top: 50%;
  right: 19px;
  transform: translateY(-50%);
}
.login-page__content .remember-password input[type=checkbox] {
  display: inline-block;
  width: 14px !important;
  height: 14px !important;
  border-radius: 2px;
  border: 1px solid rgba(11, 23, 40, 0.1);
  margin-bottom: 0;
}
.login-page__content .remember-password p {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 9px;
}
.login-page__content .login-page__btn a {
  display: block;
  color: #fff;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  padding: 19px;
  border-radius: 6px;
  background: #4A5FE1;
}
.login-page__content .alternative-login h5 {
  position: relative;
  color: rgba(84, 93, 105, 0.7);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}
.login-page__content .alternative-login h5:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 43%;
  height: 1px;
  background-color: rgba(11, 23, 40, 0.1);
}
.login-page__content .alternative-login h5:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 43%;
  height: 1px;
  background-color: rgba(11, 23, 40, 0.1);
}
.login-page__content .login__btn a {
  display: inline-block;
  color: #0B1728;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  padding: 12px 38px;
  border-radius: 6px;
  background: #EFF1F3;
  margin-right: 2px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .login-page__content .login__btn a {
    padding: 15px 30px;
  }
}
@media (max-width: 767px) {
  .login-page__content .login__btn a {
    padding: 8px 13px;
  }
}
.login-page__content .login__btn a img {
  margin-right: 9px;
}
.login-page__content .sign-up p {
  color: #545D69;
  text-align: center;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
}
.login-page__content .sign-up p a {
  color: #4A5FE1;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .login-page__img img {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-page__img img {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .login-page__img img {
    display: none;
  }
}
@media (max-width: 767px) {
  .login-page__img img {
    display: none;
  }
}

/* Footer CSS */
.footer-style-1 {
  position: relative;
  background-color: #fff;
  overflow: hidden;
}
.footer-style-1__animation1 {
  position: absolute;
  top: 0;
  left: -3%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .footer-style-1__animation1 {
    left: -35%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-style-1__animation1 {
    left: -100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-style-1__animation1 {
    left: -9%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-style-1__animation1 {
    left: -90px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-style-1__animation1 {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer-style-1__animation1 {
    display: none;
  }
}
.footer-style-1__animation2 {
  position: absolute;
  top: 29%;
  left: 32%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .footer-style-1__animation2 {
    top: 26%;
    left: 27%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-style-1__animation2 {
    top: 29%;
    left: 28%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-style-1__animation2 {
    left: 30%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-style-1__animation2 {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer-style-1__animation2 {
    display: none;
  }
}
.footer-style-1__animation3 {
  position: absolute;
  left: 7%;
  bottom: 30%;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-style-1__animation3 {
    left: 2%;
    bottom: 40%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-style-1__animation3 {
    left: 3%;
    bottom: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-style-1__animation3 {
    left: 5%;
    bottom: 18%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-style-1__animation3 {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer-style-1__animation3 {
    display: none;
  }
}
.footer-style-1__animation4 {
  position: absolute;
  right: 10%;
  bottom: 40px;
  animation: rrdevsrotate 6s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .footer-style-1__animation4 {
    right: 3%;
    bottom: 196px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-style-1__animation4 {
    right: 5%;
    bottom: 67px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-style-1__animation4 {
    right: 6%;
    bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-style-1__animation4 {
    right: 2%;
    bottom: 84px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-style-1__animation4 {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer-style-1__animation4 {
    display: none;
  }
}
.footer-style-1__animation5 {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .footer-style-1__animation5 {
    right: -70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-style-1__animation5 {
    right: -75px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-style-1__animation5 {
    right: -80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-style-1__animation5 {
    right: -70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-style-1__animation5 {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer-style-1__animation5 {
    display: none;
  }
}
.footer-style-1 .footer__widget.footer-col-1 {
  margin-right: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-style-1 .footer__widget.footer-col-1 {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-style-1 .footer__widget.footer-col-1 {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-style-1 .footer__widget.footer-col-1 {
    margin-right: 0px;
  }
}
@media (max-width: 767px) {
  .footer-style-1 .footer__widget.footer-col-1 {
    margin-right: 0px;
  }
}
.footer-style-1 .footer__widget.footer-col-4 {
  margin-left: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-style-1 .footer__widget.footer-col-4 {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-style-1 .footer__widget.footer-col-4 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-style-1 .footer__widget.footer-col-4 {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .footer-style-1 .footer__widget.footer-col-4 {
    margin-left: 0px;
  }
}
.footer-style-1 .footer__widget .footer-widget__title {
  font-family: "Mulish", sans-serif;
  color: #0B1728;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
}
.footer-style-1 .footer__widget .footer-widget__about-text {
  color: #0B1728;
  font-size: 16px;
  font-weight: 500;
  padding-top: 27px;
  margin-bottom: 34px;
  opacity: 0.6;
}
.footer-style-1 .footer__widget .social-hvr a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  color: rgba(11, 23, 40, 0.3);
  border: 1px solid rgba(11, 23, 40, 0.1);
}
.footer-style-1 .footer__widget .social-hvr a:hover {
  color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #FE7919;
  background-color: #FE7919;
}
.footer-style-1 .footer__widget ul li + li {
  margin-top: 30px;
}
.footer-style-1 .footer__widget ul li {
  list-style: none;
}
.footer-style-1 .footer__widget ul li a {
  position: relative;
  display: inline-block;
  color: #0B1728;
  font-size: 15px;
  font-weight: 500;
  opacity: 0.7;
}
.footer-style-1 .footer__widget ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: #FE7919;
  transition: 0.7s;
  display: inline-block;
  box-shadow: 0px 4px 12px rgba(1, 16, 61, 0.14);
  border-radius: 6px;
}
.footer-style-1 .footer__widget ul li a:hover {
  color: #FE7919;
  margin-left: 5px;
}
.footer-style-1 .footer__widget ul li a:hover:after {
  width: 100%;
  right: auto;
  left: 0;
}
.footer-style-1 .footer__widget .footer-subscriber-form {
  position: relative;
}
.footer-style-1 .footer__widget .footer-subscriber-form input {
  width: 100%;
  height: 46px;
  flex-shrink: 0;
  color: rgba(11, 23, 40, 0.7);
  font-family: "Mulish", sans-serif;
  font-size: 15px;
  font-weight: 400;
  padding: 0 20px;
  padding-right: 70px;
  border-radius: 6px;
  border: 1px solid rgba(11, 23, 40, 0.16);
  background: rgba(11, 23, 40, 0.04);
}
.footer-style-1 .footer__widget .footer-subscriber-form input::placeholder {
  color: #0B1728;
  opacity: 0.7;
}
.footer-style-1 .footer__widget .footer-subscriber-form button {
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  height: 46px;
  border-radius: 6px;
  background: #FE7919;
  color: #ffffff;
  outline: none;
  border: none;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.footer-style-1 .footer__widget .footer-subscriber-form button:hover {
  box-shadow: inset 0 0 0 30px #4A5FE1;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.footer-style-1 .subscriber-agreement {
  margin-top: 25px;
}
.footer-style-1 .subscriber-agreement input[type=checkbox] {
  width: 14px !important;
  height: 14px !important;
  border-radius: 2px;
  margin: 0;
  margin-right: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  box-shadow: none;
  font-size: 0.8em;
  text-align: center;
  background-color: transparent;
  border: 1px solid rgba(11, 23, 40, 0.2);
  color: #0B1728;
}
.footer-style-1 .subscriber-agreement input[type=checkbox]:checked:after {
  content: "✔";
  color: #0B1728;
  margin: 0;
  margin-right: 8px;
}
.footer-style-1 .subscriber-agreement p {
  color: #545D69;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}
.footer-style-1 .subscriber-agreement p a {
  color: #0B1728;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration-line: underline;
}
.footer-style-1 .footer-bottom {
  border-top: 1px solid rgba(42, 50, 85, 0.1);
  padding: 27px 0;
}
.footer-style-1 .footer-bottom .copyright p {
  color: #0B1728;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
  text-align: left;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .footer-style-1 .footer-bottom .copyright p {
    text-align: left;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-style-1 .footer-bottom .copyright p {
    text-align: left;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-style-1 .footer-bottom .copyright p {
    text-align: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-style-1 .footer-bottom .copyright p {
    text-align: left;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-style-1 .footer-bottom .copyright p {
    text-align: center;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .footer-style-1 .footer-bottom .copyright p {
    text-align: center;
    margin-bottom: 10px;
  }
}
.footer-style-1 .footer-bottom .footer-bottom-menu {
  text-align: right;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .footer-style-1 .footer-bottom .footer-bottom-menu {
    text-align: right;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-style-1 .footer-bottom .footer-bottom-menu {
    text-align: right;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-style-1 .footer-bottom .footer-bottom-menu {
    text-align: right;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-style-1 .footer-bottom .footer-bottom-menu {
    text-align: right;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-style-1 .footer-bottom .footer-bottom-menu {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .footer-style-1 .footer-bottom .footer-bottom-menu {
    text-align: center;
  }
}
.footer-style-1 .footer-bottom .footer-bottom-menu ul li {
  display: inline-block;
}
.footer-style-1 .footer-bottom .footer-bottom-menu ul li:after {
  content: "|";
  display: inline-block;
  margin: 0 15px;
  color: #BBC1D0;
}
.footer-style-1 .footer-bottom .footer-bottom-menu ul li:last-child:after {
  display: none;
}
.footer-style-1 .footer-bottom .footer-bottom-menu ul li a {
  position: relative;
  color: #545D69;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.footer-style-1 .footer-bottom .footer-bottom-menu ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: #FE7919;
  transition: 0.7s;
  display: inline-block;
  box-shadow: 0px 4px 12px rgba(1, 16, 61, 0.14);
  border-radius: 6px;
}
.footer-style-1 .footer-bottom .footer-bottom-menu ul li a:hover {
  color: #FE7919;
}
.footer-style-1 .footer-bottom .footer-bottom-menu ul li a:hover:after {
  width: 100%;
  right: auto;
  left: 0;
}

.footer-style-2 {
  position: relative;
  background-color: #0B1728;
  overflow: hidden;
}
.footer-style-2 .footer-top {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.footer-style-2 .footer__widget.footer-col-1 {
  margin-right: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-style-2 .footer__widget.footer-col-1 {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-style-2 .footer__widget.footer-col-1 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-style-2 .footer__widget.footer-col-1 {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .footer-style-2 .footer__widget.footer-col-1 {
    margin-right: 0;
  }
}
.footer-style-2 .footer__widget.footer-col-4 {
  margin-left: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-style-2 .footer__widget.footer-col-4 {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-style-2 .footer__widget.footer-col-4 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-style-2 .footer__widget.footer-col-4 {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .footer-style-2 .footer__widget.footer-col-4 {
    margin-left: 0;
  }
}
.footer-style-2 .footer__widget h2:before, .footer-style-2 .footer__widget h2:after {
  content: "";
  display: block;
  height: 190px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.footer-style-2 .footer__widget h2:before {
  border-left: 1px solid rgba(255, 255, 255, 0.14);
  left: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-style-2 .footer__widget h2:before {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer-style-2 .footer__widget h2:before {
    display: none;
  }
}
.footer-style-2 .footer__widget h2:after {
  border-right: 1px solid rgba(255, 255, 255, 0.14);
  right: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-style-2 .footer__widget h2:after {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer-style-2 .footer__widget h2:after {
    display: none;
  }
}
.footer-style-2 .footer__widget h2 a {
  display: block;
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: normal;
  text-decoration-line: underline;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-style-2 .footer__widget h2 a {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-style-2 .footer__widget h2 a {
    font-size: 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-style-2 .footer__widget h2 a {
    text-align: left;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .footer-style-2 .footer__widget h2 a {
    text-align: left;
    margin-bottom: 50px;
    font-size: 40px;
  }
}
.footer-style-2 .footer__widget h2 a:hover {
  color: #fff;
}
.footer-style-2 .footer__widget .footer-widget__title {
  color: #FFF;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
}
.footer-style-2 .footer__widget .footer-widget__about-text {
  color: #FFF;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  padding-top: 27px;
  margin-bottom: 34px;
  opacity: 0.6;
}
.footer-style-2 .footer__widget .social-hvr a i {
  color: #fff;
  display: inline-block;
  margin-right: 4px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-style-2 .footer__widget .social-hvr a i:hover {
  background-color: #4A5FE1;
  color: #fff;
}
.footer-style-2 .footer__widget ul li a {
  display: inline-block;
  color: #FFF;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  opacity: 0.7;
  margin-bottom: 30px;
}
.footer-style-2 .footer__widget ul li a:hover {
  color: #fff;
  opacity: 1;
}
.footer-style-2 .footer__widget .footer-subscriber-form {
  position: relative;
}
.footer-style-2 .footer__widget .footer-subscriber-form input {
  width: 100%;
  height: 46px;
  flex-shrink: 0;
  color: #FFF;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 10px;
  padding: 0 20px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.04);
}
.footer-style-2 .footer__widget .footer-subscriber-form input::placeholder {
  color: #fff;
  opacity: 0.7;
}
.footer-style-2 .footer__widget .footer-subscriber-form button {
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  height: 46px;
  background: #4A5FE1;
  color: #fff;
  outline: none;
  border: none;
}
.footer-style-2 .subscriber-agreement {
  margin-top: 25px;
}
.footer-style-2 .subscriber-agreement input[type=checkbox] {
  width: 14px !important;
  height: 14px !important;
  margin: 0;
  margin-right: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  box-shadow: none;
  font-size: 0.8em;
  text-align: center;
  line-height: 1em;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.2);
}
.footer-style-2 .subscriber-agreement input[type=checkbox]:checked:after {
  content: "✔";
  color: #fff;
  margin: 0;
  margin-right: 8px;
}
.footer-style-2 .subscriber-agreement p {
  color: #BDC4D1;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 10px;
  display: inline-block;
}
.footer-style-2 .subscriber-agreement p a {
  color: #FFF;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 10px;
  text-decoration-line: underline;
}
.footer-style-2 .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  padding: 35px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-style-2 .footer-bottom .copyright {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-style-2 .footer-bottom .copyright {
    margin-bottom: 15px;
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-style-2 .footer-bottom .copyright {
    margin-bottom: 15px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .footer-style-2 .footer-bottom .copyright {
    margin-bottom: 15px;
    text-align: center;
  }
}
.footer-style-2 .footer-bottom .copyright p {
  color: #FFF;
  font-family: "$montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 0;
  opacity: 0.7;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-style-2 .footer-bottom .footer-menu {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-style-2 .footer-bottom .footer-menu {
    margin-bottom: 15px;
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-style-2 .footer-bottom .footer-menu {
    margin-bottom: 15px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .footer-style-2 .footer-bottom .footer-menu {
    margin-bottom: 15px;
    text-align: center;
  }
}
.footer-style-2 .footer-bottom .footer-menu ul li {
  display: inline-block;
  margin-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-style-2 .footer-bottom .footer-menu ul li {
    margin-right: 25px;
  }
}
.footer-style-2 .footer-bottom .footer-menu ul li:last-child {
  margin-right: 0;
}
.footer-style-2 .footer-bottom .footer-menu ul li a {
  position: relative;
  color: #BBC1D0;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
}
.footer-style-2 .footer-bottom .footer-menu ul li a:hover {
  color: #fff;
}
.footer-style-2 .footer-bottom .footer-menu ul li a:hover:after {
  width: 100%;
  right: auto;
  left: 0;
}
.footer-style-2 .footer-bottom .footer-menu ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: #fff;
  transition: 0.7s;
  display: inline-block;
  box-shadow: 0px 4px 12px rgba(1, 16, 61, 0.14);
  border-radius: 6px;
}
.footer-style-2 .footer-bottom .footer-bottom-menu {
  text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-style-2 .footer-bottom .footer-bottom-menu {
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-style-2 .footer-bottom .footer-bottom-menu {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .footer-style-2 .footer-bottom .footer-bottom-menu {
    text-align: center;
  }
}
.footer-style-2 .footer-bottom .footer-bottom-menu ul li {
  display: inline-block;
}
.footer-style-2 .footer-bottom .footer-bottom-menu ul li:after {
  content: "|";
  display: inline-block;
  margin: 0 15px;
  color: #BBC1D0;
}
.footer-style-2 .footer-bottom .footer-bottom-menu ul li:last-child:after {
  display: none;
}
.footer-style-2 .footer-bottom .footer-bottom-menu ul li a {
  position: relative;
  color: #BBC1D0;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
}
.footer-style-2 .footer-bottom .footer-bottom-menu ul li a:hover {
  color: #fff;
}
.footer-style-2 .footer-bottom .footer-bottom-menu ul li a:hover:after {
  width: 100%;
  right: auto;
  left: 0;
}
.footer-style-2 .footer-bottom .footer-bottom-menu ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: #fff;
  transition: 0.7s;
  display: inline-block;
  box-shadow: 0px 4px 12px rgba(1, 16, 61, 0.14);
  border-radius: 6px;
}

.footer-three {
  position: relative;
  background-color: #0B1728;
  overflow: hidden;
}
.footer-three .footer-animation-1 {
  position: absolute;
  bottom: 0;
  left: 10%;
  animation: footer1 4s ease-in-out 0.1s forwards infinite alternate;
  overflow: hidden;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .footer-three .footer-animation-1 {
    left: 3%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-three .footer-animation-1 {
    left: 2%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-three .footer-animation-1 {
    left: 3%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-three .footer-animation-1 {
    left: 4%;
  }
}
@media (max-width: 767px) {
  .footer-three .footer-animation-1 {
    left: 2%;
    bottom: -140px;
  }
}
.footer-three .footer-animation-2 {
  position: absolute;
  bottom: -70px;
  left: 33%;
  animation: footer2 4s ease-in-out 0.1s forwards infinite alternate;
  overflow: hidden;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .footer-three .footer-animation-2 {
    left: 26%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-three .footer-animation-2 {
    left: 25%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-three .footer-animation-2 {
    left: 30%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-three .footer-animation-2 {
    left: 38%;
  }
}
@media (max-width: 767px) {
  .footer-three .footer-animation-2 {
    display: none;
  }
}
.footer-three .footer-animation-3 {
  position: absolute;
  bottom: -140px;
  left: 48%;
  animation: footer3 4s ease-in-out 0.1s forwards infinite alternate;
  overflow: hidden;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .footer-three .footer-animation-3 {
    left: 47%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-three .footer-animation-3 {
    left: 48%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-three .footer-animation-3 {
    left: 48%;
  }
}
@media (max-width: 767px) {
  .footer-three .footer-animation-3 {
    display: none;
  }
}
.footer-three .footer-animation-4 {
  position: absolute;
  bottom: -70px;
  left: 67%;
  animation: footer2 4s ease-in-out 0.1s forwards infinite alternate;
  overflow: hidden;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .footer-three .footer-animation-4 {
    left: 70%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-three .footer-animation-4 {
    left: 72%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-three .footer-animation-4 {
    left: 67%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-three .footer-animation-4 {
    left: 58%;
  }
}
@media (max-width: 767px) {
  .footer-three .footer-animation-4 {
    display: none;
  }
}
.footer-three .footer-animation-5 {
  position: absolute;
  bottom: 0;
  right: 10%;
  animation: footer1 4s ease-in-out 0.1s forwards infinite alternate;
  overflow: hidden;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .footer-three .footer-animation-5 {
    right: 3%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-three .footer-animation-5 {
    right: 2%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-three .footer-animation-5 {
    right: 3%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-three .footer-animation-5 {
    right: 5%;
  }
}
@media (max-width: 767px) {
  .footer-three .footer-animation-5 {
    right: 2%;
    bottom: -140px;
  }
}
.footer-three .footer__widget.footer-col-1 {
  margin-right: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-three .footer__widget.footer-col-1 {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-three .footer__widget.footer-col-1 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-three .footer__widget.footer-col-1 {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .footer-three .footer__widget.footer-col-1 {
    margin-right: 0;
  }
}
.footer-three .footer__widget.footer-col-4 {
  margin-left: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-three .footer__widget.footer-col-4 {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-three .footer__widget.footer-col-4 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-three .footer__widget.footer-col-4 {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .footer-three .footer__widget.footer-col-4 {
    margin-left: 0;
  }
}
.footer-three .footer__widget .footer-widget__title {
  color: #FFF;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
}
.footer-three .footer__widget .footer-widget__about-text {
  color: #FFF;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  padding-top: 27px;
  margin-bottom: 34px;
  opacity: 0.6;
}
.footer-three .footer__widget .social-hvr a i {
  color: #fff;
  display: inline-block;
  margin-right: 4px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-three .footer__widget .social-hvr a i:hover {
  background-color: #4A5FE1;
  color: #fff;
}
.footer-three .footer__widget ul li {
  list-style: none;
}
.footer-three .footer__widget ul li a {
  position: relative;
  display: inline-block;
  color: #FFF;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  opacity: 0.7;
  margin-bottom: 30px;
}
.footer-three .footer__widget ul li a:hover {
  color: #fff;
  opacity: 1;
  margin-left: 5px;
}
.footer-three .footer__widget ul li a:hover:after {
  width: 100%;
  right: auto;
  left: 0;
}
.footer-three .footer__widget ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: #fff;
  transition: 0.7s;
  display: inline-block;
  box-shadow: 0px 4px 12px rgba(1, 16, 61, 0.14);
  border-radius: 6px;
}
.footer-three .footer__widget .footer-subscriber-form {
  position: relative;
}
.footer-three .footer__widget .footer-subscriber-form input {
  width: 100%;
  height: 46px;
  color: #FFF;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 10px;
  border-radius: 40px;
  padding: 0 20px;
  padding-right: 70px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.04);
}
.footer-three .footer__widget .footer-subscriber-form input::placeholder {
  color: #fff;
  opacity: 0.7;
}
.footer-three .footer__widget .footer-subscriber-form button {
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  height: 46px;
  border-radius: 40px;
  background: #4A5FE1;
  color: #fff;
  outline: none;
  border: none;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.footer-three .footer__widget .footer-subscriber-form button:hover {
  box-shadow: inset 0 0 0 30px #FE7919;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.footer-three .subscriber-agreement {
  margin-top: 25px;
}
.footer-three .subscriber-agreement input[type=checkbox] {
  width: 14px !important;
  height: 14px !important;
  border-radius: 2px;
  margin: 0;
  margin-right: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  box-shadow: none;
  font-size: 0.8em;
  text-align: center;
  line-height: 1em;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.2);
}
.footer-three .subscriber-agreement input[type=checkbox]:checked:after {
  content: "✔";
  color: #fff;
  margin: 0;
  margin-right: 8px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-three .subscriber-agreement input[type=checkbox] {
    margin-right: 4px;
  }
}
.footer-three .subscriber-agreement p {
  color: #BDC4D1;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 10px;
  display: inline-block;
}
.footer-three .subscriber-agreement p a {
  color: #FFF;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 10px;
  text-decoration-line: underline;
}
.footer-three:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 24%;
  width: 830px;
  height: 100%;
  flex-shrink: 0;
  border-radius: 830px;
  background: rgba(40, 40, 142, 0.3);
  filter: blur(250px);
}
.footer-three .footer-bottom {
  border-top: 1px solid #2A3255;
  padding: 27px 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-three .footer-bottom .copyright {
    text-align: center;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .footer-three .footer-bottom .copyright {
    text-align: center;
    margin-bottom: 10px;
  }
}
.footer-three .footer-bottom .copyright p {
  color: #FFF;
  font-family: "$montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 0;
  opacity: 0.7;
}
.footer-three .footer-bottom .footer-bottom-menu {
  text-align: right;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-three .footer-bottom .footer-bottom-menu {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .footer-three .footer-bottom .footer-bottom-menu {
    text-align: center;
  }
}
.footer-three .footer-bottom .footer-bottom-menu ul li {
  display: inline-block;
}
.footer-three .footer-bottom .footer-bottom-menu ul li:after {
  content: "|";
  display: inline-block;
  margin: 0 15px;
  color: #BBC1D0;
}
.footer-three .footer-bottom .footer-bottom-menu ul li:last-child:after {
  display: none;
}
.footer-three .footer-bottom .footer-bottom-menu ul li a {
  position: relative;
  color: #BBC1D0;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
}
.footer-three .footer-bottom .footer-bottom-menu ul li a:hover {
  color: #fff;
}
.footer-three .footer-bottom .footer-bottom-menu ul li a:hover:after {
  width: 100%;
  right: auto;
  left: 0;
}
.footer-three .footer-bottom .footer-bottom-menu ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: #fff;
  transition: 0.7s;
  display: inline-block;
  box-shadow: 0px 4px 12px rgba(1, 16, 61, 0.14);
  border-radius: 6px;
}

.footer-four {
  position: relative;
  background-color: #0B1728;
  overflow: hidden;
}
.footer-four .footer__widget.footer-col-1 {
  margin-right: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-four .footer__widget.footer-col-1 {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-four .footer__widget.footer-col-1 {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-four .footer__widget.footer-col-1 {
    margin-right: 0px;
  }
}
@media (max-width: 767px) {
  .footer-four .footer__widget.footer-col-1 {
    margin-right: 0px;
  }
}
.footer-four .footer__widget.footer-col-4 {
  margin-left: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-four .footer__widget.footer-col-4 {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-four .footer__widget.footer-col-4 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-four .footer__widget.footer-col-4 {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .footer-four .footer__widget.footer-col-4 {
    margin-left: 0px;
  }
}
.footer-four .footer__widget .footer-widget__title {
  color: #FFF;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
}
.footer-four .footer__widget .footer-widget__about-text {
  color: #FFF;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  padding-top: 27px;
  margin-bottom: 34px;
  opacity: 0.6;
}
.footer-four .footer__widget .social-hvr a i {
  color: #fff;
  display: inline-block;
  margin-right: 4px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-four .footer__widget .social-hvr a i:hover {
  background-color: #4A5FE1;
  color: #fff;
}
.footer-four .footer__widget ul li a {
  position: relative;
  display: inline-block;
  color: #FFF;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  opacity: 0.7;
  margin-bottom: 30px;
}
.footer-four .footer__widget ul li a:hover {
  color: #fff;
  opacity: 1;
}
.footer-four .footer__widget ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: #fff;
  transition: 0.7s;
  display: inline-block;
  box-shadow: 0px 4px 12px rgba(1, 16, 61, 0.14);
  border-radius: 6px;
}
.footer-four .footer__widget ul li a:hover {
  color: #fff;
  margin-left: 5px;
}
.footer-four .footer__widget ul li a:hover:after {
  width: 100%;
  right: auto;
  left: 0;
}
.footer-four .footer__widget .footer-subscriber-form {
  position: relative;
}
.footer-four .footer__widget .footer-subscriber-form input {
  width: 100%;
  height: 46px;
  flex-shrink: 0;
  color: #FFF;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 10px;
  padding: 0 20px;
  padding-right: 70px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.04);
}
.footer-four .footer__widget .footer-subscriber-form input::placeholder {
  color: #fff;
  opacity: 0.7;
}
.footer-four .footer__widget .footer-subscriber-form button {
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  height: 46px;
  background: #4A5FE1;
  color: #fff;
  outline: none;
  border: none;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.footer-four .footer__widget .footer-subscriber-form button:hover {
  box-shadow: inset 0 0 0 30px #FE7919;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.footer-four .subscriber-agreement {
  margin-top: 25px;
}
.footer-four .subscriber-agreement input[type=checkbox] {
  width: 14px !important;
  height: 14px !important;
  margin: 0;
  margin-right: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  box-shadow: none;
  font-size: 0.8em;
  text-align: center;
  line-height: 1em;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.2);
}
.footer-four .subscriber-agreement input[type=checkbox]:checked:after {
  content: "✔";
  color: #fff;
  margin: 0;
  margin-right: 8px;
}
.footer-four .subscriber-agreement p {
  color: #BDC4D1;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 10px;
  display: inline-block;
}
.footer-four .subscriber-agreement p a {
  color: #FFF;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 10px;
  text-decoration-line: underline;
}
.footer-four .footer-bottom {
  border-top: 1px solid #2A3255;
  padding: 27px 0;
}
.footer-four .footer-bottom .copyright p {
  color: #fff;
  font-family: "$montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 0;
  opacity: 0.7;
  text-align: left;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .footer-four .footer-bottom .copyright p {
    text-align: left;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-four .footer-bottom .copyright p {
    text-align: left;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-four .footer-bottom .copyright p {
    text-align: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-four .footer-bottom .copyright p {
    text-align: left;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-four .footer-bottom .copyright p {
    text-align: center;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .footer-four .footer-bottom .copyright p {
    text-align: center;
    margin-bottom: 10px;
  }
}
.footer-four .footer-bottom .footer-bottom-menu {
  text-align: right;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .footer-four .footer-bottom .footer-bottom-menu {
    text-align: right;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-four .footer-bottom .footer-bottom-menu {
    text-align: right;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-four .footer-bottom .footer-bottom-menu {
    text-align: right;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-four .footer-bottom .footer-bottom-menu {
    text-align: right;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-four .footer-bottom .footer-bottom-menu {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .footer-four .footer-bottom .footer-bottom-menu {
    text-align: center;
  }
}
.footer-four .footer-bottom .footer-bottom-menu ul li {
  display: inline-block;
}
.footer-four .footer-bottom .footer-bottom-menu ul li:after {
  content: "|";
  display: inline-block;
  margin: 0 15px;
  color: #BBC1D0;
}
.footer-four .footer-bottom .footer-bottom-menu ul li:last-child:after {
  display: none;
}
.footer-four .footer-bottom .footer-bottom-menu ul li a {
  position: relative;
  color: #BBC1D0;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
}
.footer-four .footer-bottom .footer-bottom-menu ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: #ffffff;
  transition: 0.7s;
  display: inline-block;
  box-shadow: 0px 4px 12px rgba(1, 16, 61, 0.14);
  border-radius: 6px;
}
.footer-four .footer-bottom .footer-bottom-menu ul li a:hover {
  color: #ffffff;
}
.footer-four .footer-bottom .footer-bottom-menu ul li a:hover:after {
  width: 100%;
  right: auto;
  left: 0;
}

/*# sourceMappingURL=main.css.map */
