/*-----------------------------------------------------------------------------------

    Template Name: Digtek - Digtek - IT Service & Consulting HTML Template
    Author: Craft-Themes
    Support: softidesign23@gmail.com
    Description: Digtek - Digtek - IT Service & Consulting HTML Template
    Version: 1.0

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

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

	-----------------
    01. THEME CSS
	-----------------
		1.1 Common Classes

	-----------------
    02. COMPONENTS css
	-----------------
		2.1 Back to top
		2.2 Buttons
		2.3 Animations
		2.4 Preloader
		2.5 Background
		2.6 Nice Select
		2.7 Offcanvas
		2.8 Breadcrumb
		2.9 Accordion
		2.10 Pagination
		2.11 Tab
		2.12 Section Title

	-----------------
    03. HEADER CSS
	-----------------
		3.1 Header Style 1
		3.2 Header Style 2
		3.3 Header Style 3


    ---------------------------------
	04. MENU CSS
	---------------------------------
		4.1 Main menu css
		4.2 Mobilemenu css

	---------------------------------
	05. BLOG CSS
	---------------------------------
		5.1 Postbox css
		5.2 Recent Post css
		5.3 Sidebar css
		5.4 Blog css

	---------------------------------
	06. FOOTER CSS
	---------------------------------
		6.1 Footer Style 1
		6.2 Footer Style 2
		6.3 Footer Style 3


	---------------------------------
	07. PAGES CSS
	---------------------------------
		7.1 about css
		7.2 appointment css
		7.3 banner css
		7.4 brand css
		7.5 choose css
		7.6 contact css
		7.7 cta css
		7.8 error css
		7.9 faq css
		7.10 featured css
		7.11 flatpickr css
		7.12 funfact css
		7.13 hero css
		7.14 price css
		7.15 project css
		7.16 service css
		7.15 skill css
		7.16 team css
		7.17 testimonial css
		7.18 video css

**********************************************/
/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
.back-to-top-wrapper, a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.tp-tab-line {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* transform */
:root {
  /**
  @font family declaration
  */
  --ct-ff-body: "Inter", sans-serif;
  --ct-ff-heading: "Geologica", sans-serif;
  --ct-ff-p: "Inter", sans-serif;
  --ct-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --ct-common-white: #FFFFFF;
  --ct-common-black: #1C1C25;
  --ct-common-black-2: #1B1B1B;
  --ct-common-black-3: #191A1F;
  --ct-theme-1: #3E66F3;
  --ct-grey-1: #F8FAFF;
  --ct-grey-2: #E3E6F1;
  --ct-grey-3: #EFF1F9;
  --ct-grey-4: #e3e6f1;
  --ct-grey-5: #f1f2fa;
  --ct-grey-6: #EDF0F4;
  --ct-grey-7: #F6F7FA;
  --ct-text-body: #525356;
  --ct-text-2: #797E88;
  --ct-border-1: #ebecf5;
  --ct-border-2: #383846;
  --ct-border-3: #e3e6f0;
  --ct-border-4: #d9d9d9;
  --ct-border-5: #ebebec;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 1410px;
  --bs-gutter-x: 30px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-size: 14px;
  line-height: 26px;
  font-weight: normal;
  color: var(--ct-text-body);
  font-family: var(--ct-ff-body);
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px;
  font-weight: 500;
  line-height: 1.2;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
  color: var(--ct-common-black);
  font-family: var(--ct-ff-heading);
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

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

p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 26px;
  font-family: var(--ct-ff-p);
  color: var(--ct-text-body);
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  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: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {
  outline: none;
  height: 56px;
  width: 100%;
  line-height: 56px;
  font-size: 14px;
  padding-left: 26px;
  padding-right: 26px;
  color: var(--ct-common-black);
  border: 1px solid var(--ct-common-black);
  background-color: var(--ct-common-white);
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--ct-common-black);
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder { /* Firefox 19+ */
  color: var(--ct-common-black);
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 4-18 */
  color: var(--ct-common-black);
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--ct-common-black);
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=url]::placeholder,
textarea::placeholder { /* MODERN BROWSER */
  color: var(--ct-common-black);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: var(--ct-theme-1);
}
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

textarea {
  line-height: 1.4;
  padding-top: 17px;
  padding-bottom: 17px;
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}

*::-moz-selection {
  background: var(--ct-common-black);
  color: var(--ct-common-white);
  text-shadow: none;
}

*::-moz-selection {
  background: var(--ct-common-black);
  color: var(--ct-common-white);
  text-shadow: none;
}

*::selection {
  background: var(--ct-common-black);
  color: var(--ct-common-white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--ct-common-black);
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: var(--ct-common-black);
  font-size: 14px;
  opacity: 1;
}

.ct-line-black {
  display: inline;
  transition: all 0.3s linear;
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-image: linear-gradient(#141820, #141820), linear-gradient(#141820, #141820);
}
.ct-line-black:hover {
  background-size: 0% 1px, 100% 1px;
}

.ct-line-white {
  display: inline;
  transition: all 0.3s linear;
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
}
.ct-line-white:hover {
  background-size: 0% 1px, 100% 1px;
}

/*---------------------------------
    1.1 Common Classes
---------------------------------*/
.w-img img {
  width: 100%;
}

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

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

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

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

.gx-10 {
  --bs-gutter-x: 10px;
}

.gx-20 {
  --bs-gutter-x: 20px;
}

.gx-30 {
  --bs-gutter-x: 30px;
}

.gx-40 {
  --bs-gutter-x: 40px;
}

.gx-45 {
  --bs-gutter-x: 45px;
}

.overflow-y-visible {
  overflow-x: hidden;
  overflow-y: visible;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.include-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.ct-line-hover {
  position: relative;
  display: inline-block;
}
.ct-line-hover::after {
  right: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  content: "";
  position: absolute;
  background-color: var(--ct-common-black);
  transition: 0.4s;
}
.ct-line-hover:hover::after {
  right: auto;
  left: 0;
  width: 100%;
}

.body-overlay {
  background-color: var(--ct-common-black);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.radius-0 {
  border-radius: 0;
}

.radius-30 {
  border-radius: 30px;
}

.body-overlay:hover {
  cursor: url(../img/icon/close.png), pointer;
}

.body-overlay.opend {
  opacity: 0.7;
  visibility: visible;
}

/*---------------------------------
    1.3 Default Spacing
---------------------------------*/
.mt-5 {
  margin-top: 5px !important;
}

.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;
}

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

.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;
}

.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;
}

.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;
}

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

.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;
}

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

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

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

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

.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;
}

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

.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;
}

.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;
}

/*----------------------------------------*/
/*  2.1 Back to top
/*----------------------------------------*/
.back-to-top-wrapper {
  position: fixed;
  right: 50px;
  bottom: 0;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  border-radius: 50%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 575px) {
  .back-to-top-wrapper {
    right: 20px;
    bottom: 20px;
  }
}
.back-to-top-wrapper.back-to-top-btn-show {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
}

.back-to-top-btn {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: var(--ct-theme-1);
  box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
  color: var(--ct-common-white);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.back-to-top-btn svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.back-to-top-btn:hover {
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px);
}

/*----------------------------------------*/
/*  2.2 Buttons
/*----------------------------------------*/
.ct-primary__btn {
  font-weight: 700;
  font-size: 16px;
  padding: 15px 35px;
  color: var(--ct-common-white);
  background: var(--ct-theme-1);
  border-radius: 50px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-primary__btn:hover {
  color: var(--ct-common-white);
  background-color: var(--ct-common-black);
}
.ct-primary__btn:hover i {
  animation: ct-arrow 0.2s linear;
}
.ct-primary__btn.ct-btn__2 {
  color: var(--ct-theme-1);
  background-color: rgba(62, 102, 243, 0.1);
}
.ct-primary__btn.ct-btn__2:hover {
  color: var(--ct-common-white);
  background-color: var(--ct-common-black);
}
.ct-primary__btn.ct-btn__transpa {
  color: var(--ct-common-black);
  background: none;
  border: 1px solid var(--ct-border-1);
}
.ct-primary__btn.ct-btn__transpa:hover {
  color: var(--ct-common-white);
  border: 1px solid var(--ct-theme-1);
  background: var(--ct-theme-1);
}
.ct-primary__btn.ct-btn__transpa-2 {
  color: var(--ct-common-white);
  background: none;
  border: 1px solid var(--ct-border-2);
}
.ct-primary__btn.ct-btn__transpa-2:hover {
  color: var(--ct-common-white);
  border: 1px solid var(--ct-theme-1);
  background: var(--ct-theme-1);
}
.ct-primary__btn.white-btn {
  color: var(--ct-theme-1);
  background-color: var(--ct-common-white);
}
.ct-primary__btn.white-btn:hover {
  color: var(--ct-common-white);
  background-color: var(--ct-theme-1);
}
.ct-primary__btn.blur-btn {
  border-radius: 100px;
  backdrop-filter: blur(100px);
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.7);
}
.ct-primary__btn.blur-btn:hover {
  color: var(--ct-common-white);
  border: 1px solid var(--ct-theme-1);
  background-color: var(--ct-theme-1);
}
.ct-primary__btn.white-hover:hover {
  color: var(--ct-common-black);
  background-color: var(--ct-common-white);
}

.ct-menu-btn {
  position: relative;
  z-index: 1;
  line-height: 1;
  font-size: 15px;
  font-weight: 700;
  overflow: hidden;
  width: 128px;
  padding: 14px 20px;
  letter-spacing: 0px;
  display: inline-block;
  transition: all 0.3s linear;
  background: var(--ct-theme-1);
  color: var(--ct-common-white);
}
.ct-menu-btn:hover {
  color: var(--ct-common-white);
}
.ct-menu-btn::after {
  position: absolute;
  content: "";
  background-color: var(--ct-common-black);
  width: 100%;
  height: 0%;
  left: 50%;
  top: 50%;
  border-radius: 0px;
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: -1;
  transition: all 500ms ease;
}
.ct-menu-btn:hover:after {
  height: 380%;
}
.ct-menu-btn-green {
  background: var(--ct-theme-2);
}
.ct-menu-btn-black {
  background: var(--ct-common-black);
}
.ct-menu-btn-black::after {
  background: var(--ct-theme-primary);
}

/*----------------------------------------*/
/*  2.3 Animations
/*----------------------------------------*/
@keyframes ct-pulse {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes ct-arrow {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes ct-translateX {
  0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translatXY(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes ct-spin {
  0% {
    transform: rotate(3deg);
  }
  100% {
    transform: rotate(-3deg);
  }
}
@keyframes ct-moving {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(-50px);
  }
  50% {
    transform: translatey(-40px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
/*img-animation**********************/
.img-custom-anim-right {
  animation: img-anim-right 0.1s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-left {
  animation: img-anim-left 0.1s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-top {
  animation: img-anim-top 0.1s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-top {
  animation: img-anim-top 0.1s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes borderanimate {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0px;
    stroke-dasharray: 3000;
  }
}
/*----------------------------------------*/
/*  2.4 Preloader
/*----------------------------------------*/
.preloader-layout-wrap {
  margin: auto;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 99;
  background-color: var(--ct-grey-1);
}

.preloader-layout {
  margin: auto;
  width: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader-icon {
  margin-right: 5px;
  animation: preloader 2s linear 0s infinite;
}

.preloader-logo {
  margin: 0;
  transform: translateY(4px);
}

@keyframes preloader {
  0% {
    rotate: 0deg;
    transform: scale(0.9);
  }
  50% {
    rotate: 40deg;
    transform: scale(0.5);
  }
  100% {
    rotate: 270deg;
    transform: scale(0.9);
  }
}
/*----------------------------------------*/
/*  2.5 Background
/*----------------------------------------*/
.grey-bg {
  background-color: var(--ct-grey-1);
}

.grey-bg-2 {
  background-color: var(--ct-grey-2);
}

.grey-bg-3 {
  background-color: var(--ct-grey-3);
}

.grey-bg-4 {
  background-color: var(--ct-grey-4);
}

.grey-bg-5 {
  background-color: var(--ct-grey-4);
}

.grey-bg-6 {
  background-color: var(--ct-grey-6);
}

.grey-bg-7 {
  background-color: var(--ct-grey-7);
}

.theme-bg {
  background-color: var(--ct-theme-1);
}

.white-bg {
  background-color: var(--ct-common-white);
}

.black-bg {
  background-color: var(--ct-common-black);
}

.black-bg-2 {
  background-color: var(--ct-common-black-2);
}

.black-bg-3 {
  background-color: var(--ct-common-black-3);
}

.black-bg-4 {
  background-color: var(--ct-common-black-4);
}

.gradient-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background: linear-gradient(180deg, #171b23 0%, #141820 100%);
}

[data-bg-color=footer-bg-grey] {
  background-color: var(--ct-footer-grey-1);
}

[data-bg-color=footer-bg-white] {
  background-color: var(--ct-common-white);
}

/*----------------------------------------*/
/*  2.6 Nice Select
/*----------------------------------------*/
.nice-select {
  -webkit-tap-highlight-color: transparent;
  border-radius: 100px;
  background: #f6f6f6;
  box-sizing: border-box;
  border: 1px solid #dbe1eb;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 55px;
  line-height: 55px;
  outline: none;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 100%;
}
.nice-select:hover {
  border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
  border: 1px solid var(--ct-theme-1);
}
.nice-select::after {
  position: absolute;
  content: "\f107";
  top: 50%;
  right: 25px;
  font-family: var(--ct-ff-fontawesome);
  color: var(--ct-common-black);
  font-weight: 500;
  pointer-events: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  margin-top: 0;
  transform-origin: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.nice-select.open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled::after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small::after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  width: 100%;
  background-color: var(--ct-common-white);
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  right: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nice-select .list {
    width: auto;
  }
}
@media (max-width: 575px) {
  .nice-select .list {
    right: -30px;
  }
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  color: var(--ct-common-black);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.nice-select .option.selected {
  font-weight: bold;
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}
.no-csspointerevents .nice-select.open .list {
  display: block;
}

/*----------------------------------------*/
/*  2.7 Offcanvas
/*----------------------------------------*/
.ct-offcanvas {
  position: fixed;
  background: #fff;
  width: 480px;
  right: 0;
  top: 0;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: 0.3s 0.3s ease-out;
  -moz-transition: 0.3s 0.3s ease-out;
  -ms-transition: 0.3s 0.3s ease-out;
  -o-transition: 0.3s 0.3s ease-out;
  transition: 0.3s 0.3s ease-out;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  z-index: 999;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-offcanvas {
    width: 400px;
  }
}
@media (max-width: 575px) {
  .ct-offcanvas {
    width: 100%;
  }
}
.ct-offcanvas-header {
  padding: 40px 40px;
  background-color: #EDF1FF;
}
.ct-offcanvas-wrapper {
  padding: 0 40px;
}
.ct-offcanvas.opend {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.ct-offcanvas-close-toggle {
  font-size: 16px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: var(--ct-theme-1);
  border: 1px solid var(--ct-theme-1);
  background-color: var(--ct-common-white);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-offcanvas-close-toggle:hover {
  color: var(--ct-common-white);
  background: var(--ct-theme-1);
  border: 1px solid var(--ct-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .ct-offcanvas-header {
    margin-bottom: 40px;
  }
}
.ct-offcanvas-title {
  font-weight: 600;
  font-size: 16px;
  display: block;
  text-transform: uppercase;
  color: var(--ct-common-black);
  border-bottom: 1px solid #ebecf5;
  padding-bottom: 10px;
}
.ct-offcanvas-info-content a:not(:last-child) {
  margin-bottom: 10px;
  display: inline-block;
}
.ct-offcanvas-info-icon span {
  font-size: 18px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: inline-block;
  color: var(--ct-theme-1);
  background: var(--ct-common-white);
  border-radius: 50%;
  border-radius: 100%;
  border: 1px solid #ebecf5;
  box-shadow: 0 8px 34px 0 rgba(36, 44, 73, 0.15);
}
.ct-offcanvas-info-text span {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.8;
  text-transform: uppercase;
  color: var(--ct-theme-1);
}
.ct-offcanvas-info-text span:last-child {
  font-size: 18px;
  color: var(--ct-common-black);
  text-transform: lowercase;
}
.ct-offcanvas-info-text.ct-location span:last-child {
  text-transform: capitalize;
}
.ct-offcanvas-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
}
.ct-offcanvas-gallery a img {
  width: 92px;
  height: 92px;
  border-radius: 3px;
}
.ct-offcanvas-social a {
  font-size: 16px;
  text-align: center;
  display: inline-block;
  color: var(--ct-heading-color);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-offcanvas-social a:not(:last-child) {
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #d9d9d9;
}
.ct-offcanvas-social a:hover {
  color: var(--ct-theme-1);
}
.ct-offcanvas-social a:hover span {
  color: var(--ct-theme-1);
}

/*----------------------------------------*/
/*  2.8 Breadcrumb
/*----------------------------------------*/
.ct-breadcrumb__bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ct-breadcrumb__style {
  position: relative;
  padding-top: 274px;
  padding-bottom: 130px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-breadcrumb__style {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-breadcrumb__style {
    padding-top: 250px;
    padding-bottom: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-breadcrumb__style {
    padding-top: 150px;
    padding-bottom: 90px;
  }
}
@media (max-width: 575px) {
  .ct-breadcrumb__style {
    padding-top: 160px;
    padding-bottom: 70px;
  }
}
.ct-breadcrumb__style::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  background: rgba(17, 26, 123, 0.5);
  mix-blend-mode: multiply;
}
.ct-breadcrumb__title {
  font-weight: 700;
  font-size: 48px;
  color: var(--ct-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-breadcrumb__title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-breadcrumb__title {
    font-size: 35px;
  }
}
.ct-breadcrumb__list span {
  font-weight: 600;
  font-size: 16px;
  color: #dfe5f0;
}
.ct-breadcrumb__list span.dvdr {
  width: 2px;
  height: 14px;
  margin: 0 5px;
  display: inline-block;
  transform: rotate(30deg);
  background-color: #dfe5f0;
}
.ct-breadcrumb__header .ct-header__right-bars {
  background: #f1f4ff;
}
.ct-breadcrumb__header .ct-header__menu > nav > ul > li {
  margin-left: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-breadcrumb__header .ct-header__menu > nav > ul > li {
    margin-left: 0;
  }
}

/*----------------------------------------*/
/*  2.9 Accordion
/*----------------------------------------*/
.ct-faq-accordion-box .accordion-items {
  margin-bottom: 20px;
}
.ct-faq-accordion-box .accordion-items:last-child {
  margin-bottom: 0;
}
.ct-faq-accordion-box .accordion-header {
  border-radius: 15px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 4px 20px 0px rgba(16, 23, 40, 0.06);
}
.ct-faq-accordion-box .accordion-buttons {
  position: relative;
  width: 100%;
  font-weight: 700;
  font-size: 18px;
  text-align: left;
  padding: 16px 0;
  padding-left: 30px;
  color: var(--ct-common-black);
  border: 1px solid var(--ct-border-1);
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-faq-accordion-box .accordion-buttons::after {
  position: absolute;
  content: "\f107";
  font-weight: 700;
  font-size: 16px;
  top: 20px;
  right: 30px;
  opacity: 1;
  color: var(--ct-common-black);
  font-family: "Font Awesome 6 Pro";
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (max-width: 575px) {
  .ct-faq-accordion-box .accordion-buttons::after {
    right: 15px;
  }
}
.ct-faq-accordion-box .accordion-buttons:not(.collapsed) {
  color: var(--ct-common-white);
  background: var(--ct-theme-1);
  border: 1px solid var(--ct-theme-1);
  border-radius: 10px 10px 0 0;
}
.ct-faq-accordion-box .accordion-buttons:not(.collapsed)::after {
  content: "\f106";
  color: var(--ct-common-white);
}
.ct-faq-accordion-box .accordion-body {
  border-radius: 0 0 10px 10px;
  background: #fbfcff;
  box-shadow: 0 18px 36px 3px rgba(33, 37, 44, 0.09);
  padding: 20px 30px 20px 30px;
}
.ct-faq-accordion-box .accordion-body p {
  margin: 0;
}

/*----------------------------------------*/
/*  2.11 Tab
/*----------------------------------------*/
.ct-tab .nav-tabs {
  padding: 0;
  margin: 0;
  border: 0;
}
.ct-tab .nav-tabs .nav-link {
  padding: 0;
  margin: 0;
  border: 0;
}

.tp-tab-line {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  width: 38%;
  height: 2px;
  background-color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  2.12 Section Title
/*----------------------------------------*/
.ct-section__title {
  font-weight: 700;
  font-size: 44px;
  color: var(--ct-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-section__title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-section__title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-section__title {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .ct-section__title {
    font-size: 30px;
  }
}
.ct-section__subtitle {
  font-weight: 600;
  font-size: 16px;
  display: inline-block;
  text-transform: uppercase;
  color: var(--ct-theme-1);
  margin-bottom: 15px;
}
.ct-section__title-sm {
  font-weight: 600;
  font-size: 24px;
  display: inline-block;
  color: var(--ct-common-black);
}
@media (max-width: 575px) {
  .ct-section__title-sm {
    font-size: 22px;
  }
}

.text-line {
  position: relative;
  background-size: 0% 1px, 0 1px;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
  background-position: 100% 100%, 0 93%;
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
}
.text-line:hover {
  background-size: 0 1px, 100% 1px;
}
.text-line.black-line {
  background-image: linear-gradient(#000000, #000), linear-gradient(#000, #000);
}

/*----------------------------------------*/
/*  2.10 Pagination
/*----------------------------------------*/
.ct-pagination ul {
  display: flex;
}
.ct-pagination ul li {
  display: inline-block;
}
.ct-pagination ul li:not(:last-child) {
  margin-right: 10px;
}
.ct-pagination ul li a, .ct-pagination ul li span {
  font-size: 16px;
  font-weight: 700;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  background: #f3f4f6;
  border: 1px solid rgba(1, 15, 28, 0.1);
  color: var(--ct-common-black);
  border-radius: 50%;
}
@media (max-width: 575px) {
  .ct-pagination ul li a, .ct-pagination ul li span {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
.ct-pagination ul li a:hover, .ct-pagination ul li span:hover {
  background: var(--ct-theme-1);
  border-color: var(--ct-theme-1);
  color: var(--ct-common-white);
}
.ct-pagination ul li a.current, .ct-pagination ul li span.current {
  background: var(--ct-theme-1);
  border-color: var(--ct-theme-1);
  color: var(--ct-common-white);
}

.ct-custom__arrow button {
  position: absolute;
  width: 70px;
  height: 70px;
  line-height: 70px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid var(--ct-border-1);
  background: var(--ct-common-white);
  box-shadow: 0 18px 66px 3px rgba(107, 111, 118, 0.15);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 5;
}
.ct-custom__arrow button i {
  font-size: 18px;
  color: var(--ct-theme-1);
}
.ct-custom__arrow button:hover {
  color: var(--ct-common-white);
  background: var(--ct-theme-1);
}
.ct-custom__arrow button:hover i {
  color: var(--ct-common-white);
}
.ct-custom__arrow-prev {
  right: auto;
  left: -110px;
}
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .ct-custom__arrow-prev {
    left: -90px;
  }
}
.ct-custom__arrow-next {
  left: auto;
  right: -110px;
}
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .ct-custom__arrow-next {
    right: -90px;
  }
}

/* HEADER CSS */
/*----------------------------------------*/
/*  3.1 Header Style 1
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-header {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.ct-header__top-style {
  padding-top: 10px;
  padding-bottom: 10px;
}
.ct-header__top-text p {
  font-size: 14px;
  display: inline-block;
  color: var(--ct-common-white);
  margin-bottom: 0;
}
.ct-header__top-text p span {
  margin-right: 5px;
  font-weight: 500;
}
.ct-header__top-text p:hover > a {
  color: var(--ct-theme-1);
}
.ct-header__top-social ul li {
  display: inline-block;
}
.ct-header__top-social ul li a {
  font-size: 14px;
  font-weight: 600;
  color: var(--ct-common-white);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-header__top-social ul li a i {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-header__top-social ul li a:hover {
  color: var(--ct-text-2);
}
.ct-header__top-social ul li a:hover > i {
  color: var(--ct-theme-1);
}
.ct-header__menu > nav > ul > li {
  position: relative;
  display: inline-block;
  margin-left: 20px;
  padding: 30px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-header__menu > nav > ul > li {
    margin-left: 18px;
  }
}
.ct-header__menu > nav > ul > li > a {
  font-weight: 600;
  font-size: 16px;
  display: inline-block;
  padding: 2px 12px;
  color: var(--ct-common-black);
  border-radius: 50px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-header__menu > nav > ul > li > a i {
  margin-left: 5px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-header__menu > nav > ul > li:hover > a {
  color: var(--ct-theme-1);
  background-color: rgba(62, 102, 243, 0.1);
}
.ct-header__menu > nav > ul > li:hover > a i {
  transform: rotate(-180deg);
}
.ct-header__right-action {
  margin-right: 14px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ct-header__right-action {
    margin-right: 10px;
  }
}
.ct-header__right-action a {
  padding: 11px 35px;
}
.ct-header__right-bars {
  width: 50px;
  height: 50px;
  background-color: var(--ct-common-white);
  display: inline-block;
  text-align: center;
  line-height: 50px;
  color: var(--ct-theme-1);
  border-radius: 50px;
  font-size: 16px;
}
.ct-header__right-bars:hover {
  color: var(--ct-common-white);
  background-color: var(--ct-common-black);
}
.ct-header__transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-header__style-1 .ct-header {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-header__style-1 .ct-header__menu {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-header__style-1 .ct-header__menu > nav > ul > li {
    margin-left: 0;
  }
}
.ct-header__style-1 .ct-header__sticky.header-sticky {
  padding-top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-header__style-1 .ct-header__sticky.header-sticky {
    padding-top: 8px;
  }
}
.ct-header__sticky.header-sticky .ct-header__right-bars {
  color: var(--ct-common-white);
  background: var(--ct-common-black);
}
.ct-header__sticky.header-sticky .ct-header__right-bars:hover {
  color: var(--ct-theme-1);
}
.ct-header__sticky.header-sticky .ct-header__menu > nav > ul > li {
  padding: 25px 0;
}
.ct-header__sticky.sticky-2.header-sticky {
  background: none;
  box-shadow: none;
}
.ct-header__sticky.sticky-2.header-sticky::after {
  display: none;
}
.ct-header__sticky.sticky-2.header-sticky .ct-header__2-box {
  margin-top: 0;
  box-shadow: 0px 1px 3px 0px rgba(18, 20, 32, 0.14);
}
.ct-header__sticky.sticky-3.header-sticky {
  border-radius: 0;
  background: var(--ct-common-black);
}
.ct-header__sticky.sticky-3.header-sticky .ct-header__right-bars {
  background: none;
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  width: 100%;
  z-index: 999;
  visibility: visible;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 1px 3px 0px rgba(18, 20, 32, 0.14);
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  -webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}
.header-sticky::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(10px);
  z-index: -1;
}
.header-sticky .ct-header-menu > nav > ul > li > a {
  padding: 22px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .header-sticky.ct-header-mob-space {
    padding: 15px 0;
  }
}

.header__sticky.header-sticky .header__action ul li a {
  color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  3.2 Header Style 2
/*----------------------------------------*/
.ct-header__top-info ul li {
  display: inline-block;
  margin-right: 25px;
  padding-right: 25px;
}
.ct-header__top-info ul li:not(:last-child) {
  border-right: 1px solid var(--ct-common-white);
}
.ct-header__top-info ul li a {
  font-weight: 500;
  font-size: 16px;
  color: var(--ct-common-white);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-header__top-info ul li a i {
  margin-right: 4px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-header__top-info ul li a:hover i {
  color: var(--ct-common-black);
}
.ct-header__top-social span {
  font-weight: 500;
  font-size: 16px;
  color: var(--ct-common-white);
}
.ct-header__top-social a {
  font-weight: 500;
  font-size: 14px;
  color: var(--ct-common-white);
  margin-left: 20px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-header__top-social a:hover {
  color: var(--ct-common-black);
}
.ct-header__2-top-style {
  padding-top: 24px;
  padding-bottom: 69px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-header__2-top-style {
    padding-bottom: 56px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-header__2-top-style {
    padding-bottom: 40px;
  }
}
.ct-header__2-box {
  background: var(--ct-common-white);
  padding: 0 30px 0 40px;
  border-radius: 20px;
  margin-top: -60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-header__2-box {
    margin-top: -48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-header__2-box {
    margin-top: -45px;
    padding: 10px 30px 10px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-header__2-box {
    margin-top: 0;
    padding: 10px 30px 10px 40px;
  }
}
.ct-header__2-right .ct-header__right-bars {
  background: #f2f6ff;
}
.ct-header__2-right .ct-header__right-bars:hover {
  color: var(--ct-common-white);
  background-color: var(--ct-common-black);
}
.ct-header__menu-style-2 nav ul li {
  margin-left: 14px;
  padding: 40px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-header__menu-style-2 nav ul li {
    padding: 30px 0;
    margin-left: 0;
  }
}
.ct-header__menu-style-2 nav ul li a {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-header__menu-style-2 nav ul li a {
    padding: 2px 10px;
  }
}

/*----------------------------------------*/
/*  3.3 Header Style 3
/*----------------------------------------*/
.ct-header__info-icon span {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background: #eaf0f8;
  display: inline-block;
  color: var(--ct-theme-1);
}
.ct-header__info-item {
  position: relative;
  padding: 30px 0;
}
.ct-header__info-item:not(:last-child) {
  margin-right: 40px;
  padding-right: 40px;
}
.ct-header__info-item:not(:last-child)::after {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
  content: "";
  background-color: #e5eefa;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-header__info-item:not(:last-child)::after {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-header__info-item:not(:last-child) {
    margin-right: 0;
    padding-right: 0;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .ct-header__info-item:not(:last-child) {
    margin-right: 0;
    padding: 15px 0;
  }
}
.ct-header__info-item > a:hover .ct-header__info-icon span {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.ct-header__info-contact span {
  font-size: 12px;
  font-weight: 500;
  line-height: 0;
  display: inline-block;
  margin-bottom: 0;
  transition: 0.3s;
}
.ct-header__info-contact p {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 0;
  line-height: 1.1;
  color: var(--ct-common-black);
}
@media (max-width: 575px) {
  .ct-header__info-contact p {
    font-size: 14px;
  }
}
.ct-header__3 {
  border-radius: 20px 20px 0 0;
}
.ct-header__3-top-style {
  padding: 12px 0;
  border-radius: 0 0 20px 20px;
}
.ct-header__3-top-style .ct-header__top-info p {
  color: var(--ct-common-white);
  margin-bottom: 0;
}
.ct-header__3 .ct-header__right-bars {
  width: 35px;
  text-align: end;
  margin-left: 0;
  color: var(--ct-theme-1);
  background: none;
}
.ct-header__menu-style-3 > nav > ul > li {
  padding: 13px 0;
}
.ct-header__menu-style-3 > nav > ul > li:first-child {
  margin-left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-header__menu-style-3 > nav > ul > li {
    margin-left: 0;
  }
}
.ct-header__menu-style-3 > nav > ul > li > a {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--ct-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-header__menu-style-3 > nav > ul > li > a {
    padding: 2px 6px;
  }
}
.ct-header__menu-style-3 > nav > ul > li .submenu.ct-mega-menu {
  left: 0;
}
.ct-header__search-inpute {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-header__search-inpute {
    width: 100%;
  }
}
.ct-header__search-inpute input {
  width: 240px;
  font-size: 16px;
  padding-right: 40px;
  padding-left: 20px;
  background: none;
  color: var(--ct-common-white);
  border: 0;
}
.ct-header__search-inpute input::placeholder {
  font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-header__search-inpute input {
    width: 100%;
  }
}
.ct-header__search-inpute input::placeholder {
  color: var(--ct-common-white);
}
.ct-header__search-icon {
  position: absolute;
  top: 12px;
  right: 0;
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  color: var(--ct-common-white);
  background-color: var(--ct-theme-1);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-header__search-icon:hover {
  color: var(--ct-common-black);
  background-color: var(--ct-common-white);
}

/*----------------------------------------*/
/*  4.1 Main menu css
/*----------------------------------------*/
.header-main-menu > nav > ul li .submenu {
  position: absolute;
  width: 240px;
  z-index: 999;
  padding: 25px 0px;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  text-align: left;
  margin-left: 0;
  transform-origin: top;
  transition-duration: 0.1s;
  backdrop-filter: blur(8px);
  background: var(--ct-common-white);
  box-shadow: 0px 10px 30px 0px rgba(25, 25, 26, 0.1);
  -webkit-transform: perspective(300px) rotateX(-18deg);
  -moz-transform: perspective(300px) rotateX(-18deg);
  -ms-transform: perspective(300px) rotateX(-18deg);
  -o-transform: perspective(300px) rotateX(-18deg);
  transform: perspective(300px) rotateX(-18deg);
}
.header-main-menu > nav > ul li .submenu li {
  list-style: none;
  display: block;
  padding: 0 30px;
  position: relative;
}
.header-main-menu > nav > ul li .submenu li:not(:last-child) {
  margin-bottom: 18px;
}
.header-main-menu > nav > ul li .submenu li .submenu {
  left: 100%;
  top: 0;
}
.header-main-menu > nav > ul li .submenu li a {
  display: block;
  color: #575758;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.3px;
  text-transform: capitalize;
  position: relative;
}
.header-main-menu > nav > ul li .submenu li a::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  height: 2px;
  width: 0px;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  transition: all 0.3s ease-out 0s;
  background-color: var(--ct-theme-1);
  transform: translateY(-50%);
}
.header-main-menu > nav > ul li .submenu li:hover .submenu {
  opacity: 1;
  visibility: visible;
}
.header-main-menu > nav > ul li .submenu li:hover > a {
  padding-left: 25px;
  color: var(--ct-theme-1);
}
.header-main-menu > nav > ul li .submenu li:hover > a::before {
  width: 20px;
  visibility: visible;
  opacity: 1;
}
.header-main-menu > nav > ul li .submenu.ct-mega-menu {
  position: absolute;
  width: 700px;
  left: -80px;
  padding: 30px 30px 10px 30px;
  background-color: var(--ct-common-white);
  box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 24px;
  margin: auto;
}
.header-main-menu > nav > ul li:hover > .submenu {
  opacity: 1;
  visibility: visible;
  transition-duration: 0.2s;
  -webkit-transform: perspective(300px) rotateX(0deg);
  -moz-transform: perspective(300px) rotateX(0deg);
  -ms-transform: perspective(300px) rotateX(0deg);
  -o-transform: perspective(300px) rotateX(0deg);
  transform: perspective(300px) rotateX(0deg);
}
.header-main-menu > nav > ul.ct-onepage-menu li .active {
  color: var(--ct-theme-1);
  background-color: rgba(62, 102, 243, 0.1);
}

.ct-header__menu-style-3 > nav > ul > li .submenu.ct-mega-menu {
  left: 0;
}

.homemenu {
  position: relative;
  padding: 0px 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .homemenu {
    margin-bottom: 20px;
  }
}
.homemenu-thumb {
  position: relative;
  margin-bottom: 3px;
}
.homemenu-thumb img {
  width: 100%;
}
.homemenu-thumb::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(38, 34, 33, 0.1);
  transition: all 0.3s 0s ease-out;
}
.homemenu-thumb:hover .homemenu-btn {
  transform: translateY(-50%);
  opacity: 1;
  visibility: visible;
}
.homemenu-thumb:hover .homemenu-btn .menu-btn::before {
  display: none;
}
.homemenu-thumb:hover .homemenu-btn .menu-btn.show-1 {
  transform: translateY(0);
}
.homemenu-thumb:hover .homemenu-btn .menu-btn.show-2 {
  transform: translateY(0);
}
.homemenu-thumb:hover::before {
  opacity: 1;
}
.homemenu-title a {
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--ct-common-black);
}
.homemenu-title a::before {
  width: 0;
}
.homemenu-title a:hover {
  color: var(--ct-theme-1);
}
.homemenu-title a:hover::before {
  width: 0;
}
.homemenu-btn {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-40%);
  transition: all 0.3s 0s ease-out;
  opacity: 0;
}
.homemenu-btn .ct-menu-btn {
  position: relative;
  font-size: 14px;
  text-transform: uppercase;
  padding: 15px 20px;
  width: 150px;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  border-radius: 50px;
  color: var(--ct-common-white);
}

/*----------------------------------------*/
/*  4.2 Mobilemenu css
/*----------------------------------------*/
.ct-offcanvas-menu {
  margin-bottom: 40px;
}
.ct-offcanvas-menu ul {
  list-style: none;
}
.ct-offcanvas-menu ul li {
  position: relative;
}
.ct-offcanvas-menu ul li > a {
  padding: 8px 0;
  display: block;
  font-size: 15px;
  font-weight: 500;
}
.ct-offcanvas-menu ul li > a i {
  display: none;
}
.ct-offcanvas-menu ul li:not(:last-child) > a {
  border-bottom: 1px solid rgba(1, 15, 28, 0.1);
}
.ct-offcanvas-menu ul li.active > a {
  color: var(--ct-common-black-light);
}
.ct-offcanvas-menu ul li.active > .ct-menu-close {
  color: var(--ct-common-white);
  background: var(--ct-common-black);
  border-color: var(--ct-common-black);
}
.ct-offcanvas-menu ul li.active > .ct-menu-close i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ct-offcanvas-menu ul li .ct-submenu {
  display: none;
  padding-left: 20px;
}
.ct-offcanvas-menu ul li .ct-mega-menu {
  display: none;
}

.ct-menu-close {
  position: absolute;
  right: 0;
  top: 6px;
  height: 30px;
  width: 30px;
  font-size: 12px;
  line-height: 29px;
  text-align: center;
  border: 1px solid rgba(1, 15, 28, 0.12);
}
.ct-menu-close i {
  transition: all 0.3s;
}

/*----------------------------------------*/
/*  5.1 Postbox css
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-postbox__ptb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.ct-postbox__thumb img {
  width: 100%;
  border-radius: 10px 10px 0 0;
}
.ct-postbox__video {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
.ct-postbox__meta span {
  font-size: 16px;
}
.ct-postbox__meta span:not(:last-child) {
  margin-right: 7px;
  padding-right: 7px;
}
.ct-postbox__meta span i {
  margin-right: 8px;
  color: var(--ct-theme-1);
}
.ct-postbox__title {
  font-weight: 700;
  font-size: 30px;
  color: var(--ct-common-black);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-postbox__title:hover {
  color: var(--ct-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-postbox__title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-postbox__title {
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .ct-postbox__title {
    font-size: 20px;
  }
}
.ct-postbox__content {
  padding: 40px;
  border: 1px solid #dbe1eb;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 15px 48px 0 rgba(16, 19, 24, 0.09);
  background: #fff;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-postbox__content {
    padding: 40px 20px;
  }
}
.ct-postbox__arrow button {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ct-postbox__arrow button:hover {
  border: 1px solid var(--ct-theme-1);
}
.ct-postbox__arrow button.ct-custom__arrow-prev {
  left: 40px;
}
@media (max-width: 575px) {
  .ct-postbox__arrow button.ct-custom__arrow-prev {
    left: 20px;
  }
}
.ct-postbox__arrow button.ct-custom__arrow-next {
  right: 40px;
}
@media (max-width: 575px) {
  .ct-postbox__arrow button.ct-custom__arrow-next {
    right: 20px;
  }
}
.ct-postbox__quote {
  padding: 40px 40px 35px 40px;
  border-radius: 15px;
  background: #f3f4f6;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-postbox__quote {
    padding: 40px 30px 35px 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-postbox__quote {
    padding: 40px 30px 35px 30px;
  }
}
@media (max-width: 575px) {
  .ct-postbox__quote {
    padding: 30px 20px 30px 20px;
  }
}
.ct-postbox__quote blockquote {
  display: flex;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .ct-postbox__quote blockquote {
    display: block;
  }
}
.ct-postbox__quote blockquote cite {
  font-weight: 600;
  font-size: 18px;
  color: var(--ct-theme-1);
  font-style: normal;
}
.ct-postbox__quote blockquote span {
  display: block;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .ct-postbox__quote-icon {
    margin-bottom: 10px;
  }
}
.ct-postbox__quote-icon span {
  font-size: 40px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  display: inline-block;
  color: var(--ct-common-white);
  background: var(--ct-theme-1);
  border-radius: 50%;
  margin-right: 20px;
}
.ct-postbox__quote-text {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.3;
  display: inline-block;
  color: var(--ct-common-black);
  margin-bottom: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-postbox__quote-text {
    font-size: 18px;
    margin-right: 0;
  }
}
.ct-postbox__details-thumb > img {
  border-radius: 10px;
}
.ct-postbox__details-author-box {
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #dbe1eb;
  background: var(--ct-common-white);
  box-shadow: 0 15px 48px 0 rgba(16, 19, 24, 0.09);
}
@media (max-width: 575px) {
  .ct-postbox__details-author-box {
    padding: 20px;
  }
}
.ct-postbox__details-author-avater {
  flex: 0 0 auto;
  margin-right: 30px;
}
@media (max-width: 575px) {
  .ct-postbox__details-author-avater {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.ct-postbox__details-author-avater img {
  width: 100%;
  border-radius: 10px;
}
.ct-postbox__details-author-title {
  font-weight: 600;
  font-size: 24px;
  color: var(--ct-common-black);
}
.ct-postbox__details-author-content span {
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  color: var(--ct-theme-1);
  margin-bottom: 8px;
}
.ct-postbox__details-author-content p {
  line-height: 1.6;
}
.ct-postbox__details-form-wrap {
  padding: 60px;
  border: 1px solid #dbe1eb;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 15px 48px 0 rgba(16, 19, 24, 0.09);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-postbox__details-form-wrap {
    padding: 50px 35px;
  }
}
@media (max-width: 575px) {
  .ct-postbox__details-form-wrap {
    padding: 40px 20px;
  }
}
.ct-postbox__details-form-title {
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 30px;
  color: var(--ct-common-black);
}
.ct-postbox__details-input {
  position: relative;
  margin-bottom: 20px;
}
.ct-postbox__details-input input,
.ct-postbox__details-input textarea {
  border-radius: 100px;
  border: 1px solid #dbe1eb;
  resize: none;
  padding-right: 60px;
  color: var(--ct-common-black);
}
.ct-postbox__details-input input::placeholder,
.ct-postbox__details-input textarea::placeholder {
  color: var(--ct-text-2);
}
.ct-postbox__details-input textarea {
  height: 150px;
  border-radius: 20px;
}
.ct-postbox__details-input textarea:focus {
  border: 1px solid var(--ct-theme-1);
}
.ct-postbox__details-input span {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--ct-text-2);
}
.ct-postbox__tag {
  border-bottom: 1px solid #dbe1eb;
  padding-bottom: 30px;
}
.ct-postbox__tag span {
  font-weight: 600;
  font-size: 16px;
  margin-right: 5px;
  color: var(--ct-common-black);
}
.ct-postbox__tag a {
  font-size: 14px;
  font-weight: 600;
  padding: 3px 17px;
  display: inline-block;
  border-radius: 50px;
  border: 1px solid #dbe1eb;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-postbox__tag a:not(:last-child) {
  margin-right: 8px;
}
.ct-postbox__tag a:hover {
  color: var(--ct-common-white);
  border: 1px solid var(--ct-theme-1);
  background-color: var(--ct-theme-1);
}
.ct-postbox__comment ul li {
  list-style: none;
}
.ct-postbox__comment ul li:not(:last-child) {
  margin-bottom: 30px;
  border-bottom: 1px solid #dbe1eb;
}
.ct-postbox__comment ul li.children {
  margin-left: 135px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-postbox__comment ul li.children {
    margin-left: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-postbox__comment ul li.children {
    margin-left: 0;
  }
}
.ct-postbox__comment-box {
  padding-bottom: 10px;
}
.ct-postbox__comment-info {
  flex: 0 0 auto;
  margin-right: 20px;
}
@media (max-width: 575px) {
  .ct-postbox__comment-info {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.ct-postbox__comment-avater img {
  border-radius: 5px;
}
.ct-postbox__comment-text p {
  margin-right: 80px;
}
@media (max-width: 575px) {
  .ct-postbox__comment-text p {
    margin-right: 0;
  }
}
.ct-postbox__comment-name h4 {
  font-weight: 600;
  font-size: 20px;
  color: var(--ct-common-black);
}
.ct-postbox__comment-reply a {
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  color: var(--ct-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-postbox:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-blogpost__wrap {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-blogpost__wrap {
    margin-bottom: 40px;
  }
}

/*----------------------------------------*/
/*  5.2 Recent Post css
/*----------------------------------------*/
.rc-thumb {
  margin-right: 20px;
  flex: 0 0 auto;
}
.rc-thumb a img {
  width: 80px;
  height: 80px;
  border-radius: 7px;
}
.rc-post-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  color: var(--ct-common-black);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.rc-post-title:hover {
  color: var(--ct-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rc-post-title {
    font-size: 16px;
  }
}
.rc-meta span {
  font-size: 14px;
  font-weight: 600;
  color: var(--ct-text-2);
}

/*----------------------------------------*/
/*  5.3 Sidebar css
/*----------------------------------------*/
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-sidebar__left {
    margin-left: 0;
  }
}
.ct-sidebar__widget {
  padding: 40px 40px;
  border: 1px solid #dbe1eb;
  border-radius: 10px;
  box-shadow: 0 15px 48px 0 rgba(16, 19, 24, 0.09);
  background: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .ct-sidebar__widget {
    padding: 20px 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-sidebar__widget {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-sidebar__widget:last-child {
    margin-bottom: 20px;
  }
}
.ct-sidebar__widget-title {
  font-weight: 600;
  font-size: 24px;
  color: var(--ct-common-black);
}
.ct-sidebar__widget-list ul li {
  position: relative;
  list-style: none;
}
.ct-sidebar__widget-list ul li:not(:last-child) {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d9dce3;
}
.ct-sidebar__widget-list ul li a {
  font-weight: 500;
  font-size: 16px;
  color: var(--ct-text-body-2);
}
.ct-sidebar__widget-list ul li a i {
  position: absolute;
  right: 0;
  font-size: 16px;
  font-weight: 900;
  color: var(ct-theme-primary);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-sidebar__widget-list ul li:hover a i {
  animation: ct-arrow 0.2s linear;
}
.ct-sidebar__widget-gallery .galley-item {
  display: inline-block;
  margin-bottom: 6px;
  margin-right: 2px;
}
.ct-sidebar__widget-gallery .galley-item a img {
  width: 80px;
  height: 80px;
  border-radius: 8px;
}

.tagcloud a {
  padding: 3px 18px;
  display: inline-block;
  border-radius: 100px;
  border: 1px solid #dce3f0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.tagcloud a:not(:last-child) {
  margin-right: 6px;
  margin-bottom: 9px;
}
.tagcloud a:hover {
  color: var(--ct-common-white);
  border: 1px solid var(ct-theme-primary);
  background-color: var(ct-theme-primary);
}

/*----------------------------------------*/
/*  5.4 Blog css
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-blog__wrap .row [class*=col-]:not(:last-child) .ct-blog__item {
    margin-bottom: 30px;
  }
}
.ct-blog__item {
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid var(--ct-border-1);
  background: var(--ct-common-white);
  box-shadow: 0 18px 66px 3px rgba(17, 21, 29, 0.06);
}
.ct-blog__item:hover .ct-blog__thumb img {
  transform: scale(1.2);
}
.ct-blog__thumb {
  overflow: hidden;
}
.ct-blog__thumb img {
  width: 100%;
  border-radius: 15px 15px 0 0;
  -webkit-transition: 1.4s 0.3s ease-out;
  -moz-transition: 1.4s 0.3s ease-out;
  -ms-transition: 1.4s 0.3s ease-out;
  -o-transition: 1.4s 0.3s ease-out;
  transition: 1.4s 0.3s ease-out;
}
.ct-blog__content {
  padding: 40px 40px 25px 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-blog__content {
    padding: 40px 30px 25px 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-blog__content {
    padding: 40px 25px 25px 25px;
  }
}
@media (max-width: 575px) {
  .ct-blog__content {
    padding: 30px 20px 20px 20px;
  }
}
.ct-blog__content .ct-section__title-sm {
  line-height: 1.5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-blog__content .ct-section__title-sm {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-blog__content .ct-section__title-sm {
    font-size: 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-blog__content .ct-section__title-sm {
    font-size: 21px;
  }
}
@media (max-width: 575px) {
  .ct-blog__content .ct-section__title-sm {
    font-size: 19px;
  }
}
.ct-blog__content > a {
  padding: 10px 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-blog__title-box {
    margin-bottom: 35px;
  }
}
.ct-blog__categories {
  padding: 3px 21px;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  border-radius: 30px;
  text-transform: uppercase;
  color: var(--ct-theme-1);
  background: rgba(36, 107, 253, 0.1);
}
.ct-blog__info {
  border-top: 1px solid var(--ct-border-1);
}
.ct-blog__date {
  position: relative;
  padding-right: 20px;
  font-weight: 600;
}
.ct-blog__date::after {
  position: absolute;
  width: 1px;
  height: 20px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  content: "";
  background: #dedcf0;
}
.ct-blog__user {
  padding-left: 20px;
}
.ct-blog__user p {
  font-weight: 600;
  margin-bottom: 0;
}
.ct-blog__user p span {
  color: var(--ct-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-blog__1 {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-blog__2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-blog__2 .ct-blog__wrap .row .col-xl-6.gx-0 {
    --bs-gutter-x: 20px;
  }
}
.ct-blog__2 .ct-blog__item {
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #ebecf5;
  background: transparent;
  box-shadow: none;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-blog__2 .ct-blog__item {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .ct-blog__2 .ct-blog__item {
    padding: 20px;
  }
}
.ct-blog__2 .ct-blog__content {
  padding: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-blog__2 .ct-blog__content {
    padding: 0 100px 0 0;
  }
}
.ct-blog__2 .ct-blog__thumb {
  border-radius: 10px;
  flex: 0 0 auto;
  overflow: hidden;
}
.ct-blog__2 .ct-blog__thumb a {
  display: block;
}
.ct-blog__2 .ct-blog__thumb img {
  border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-blog__2 .ct-blog__thumb {
    margin-right: 0;
  }
}
.ct-blog__2 .ct-blog__date {
  padding-left: 20px;
}
.ct-blog__2 .ct-blog__date::after {
  width: 5px;
  height: 5px;
  left: 0;
  right: auto;
  border-radius: 50px;
  background: #c1c4cb;
}
.ct-blog__2 .ct-blog__info {
  border: 0;
}
.ct-blog__2 .ct-blog__categories {
  padding: 0 13px;
}
.ct-blog__2 .ct-section__title-sm {
  font-weight: 700;
}
@media (max-width: 575px) {
  .ct-blog__2 .ct-section__title-sm {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-blog__3 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-blog__3.ct-blog__ptb {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-blog__3 .ct-blog__ptb {
    padding-top: 80px;
  }
}
@media (max-width: 575px) {
  .ct-blog__3 .ct-blog__title-box .ct-section__title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-blog__3 .ct-blog__content .ct-section__title-sm {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-blog__3 .ct-blog__content .ct-section__title-sm {
    font-size: 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-blog__3 .ct-blog__content .ct-section__title-sm {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .ct-blog__3 .ct-blog__content .ct-section__title-sm {
    font-size: 20px;
  }
}
.ct-blog__3 .ct-blog__content > p {
  padding-bottom: 5px;
}
.ct-blog__3 .ct-blog__date {
  padding-right: 13px;
}
.ct-blog__3 .ct-blog__date > span {
  font-size: 16px;
}
.ct-blog__3 .ct-blog__user {
  padding-left: 13px;
}
.ct-blog__3 .ct-section__title-sm {
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-blog__inner {
    padding-top: 0;
    padding-bottom: 55px;
  }
}
.ct-blog__inner .ct-blog__item {
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-blog__ptb {
    padding-top: 75px;
    padding-bottom: 60px;
  }
}
.ct-blog__right-box {
  border: 1px solid #ebecf5;
  border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-blog__right-box {
    margin-top: 40px;
  }
}
.ct-blog__right-box .ct-section__title-sm {
  font-size: 20px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-blog__right-box .ct-section__title-sm {
    font-size: 18px;
  }
}
.ct-blog__right-box .ct-blog__item {
  position: relative;
  border: 0;
  overflow: visible;
}
.ct-blog__right-box .ct-blog__item:not(:last-child) {
  padding-bottom: 10px;
}
.ct-blog__right-box .ct-blog__item:not(:last-child)::after {
  position: absolute;
  width: 89%;
  height: 1px;
  left: 0;
  right: 18px;
  bottom: -10px;
  content: "";
  text-align: center;
  margin: auto;
  background-color: #ebecf5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-blog__right-box .ct-blog__item:not(:last-child)::after {
    right: 68px;
    bottom: -6px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-blog__right-box .ct-blog__thumb {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-blog__right-box .ct-blog__thumb {
    margin: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .ct-blog__right-box .ct-blog__thumb {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.ct-blog__right-box .ct-blog__content p {
  margin-bottom: 5px;
}
.ct-blog__right-box .ct-blog__content .ct-primary__btn {
  padding: 0;
  font-weight: 700;
  font-size: 14px;
  color: var(--ct-theme-1);
  background: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-blog__right-box {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-blog__right-box {
    margint: 0;
  }
}
@media (max-width: 575px) {
  .ct-blog__right-box {
    margin-top: 0;
  }
}
.ct-blog__details .ct-postbox__content {
  padding: 40px 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: none;
}
.ct-blog__details .ct-postbox__title:hover {
  color: var(--ct-common-black);
}
.ct-blog__form input {
  border: 1px solid #d5dae5;
  border-radius: 5px;
}
.ct-blog__form input::placeholder {
  font-weight: 400;
  font-size: 16px;
  color: #797E88;
}
.ct-blog__form button {
  position: absolute;
  width: 55px;
  height: 55px;
  right: 0;
  top: 0;
  font-size: 16px;
  line-height: 55px;
  text-align: center;
  color: var(--ct-common-white);
  background-color: var(--ct-theme-1);
  border-radius: 0 5px 5px 0;
}

/*----------------------------------------*/
/*  6.1 Footer Style 1
/*----------------------------------------*/
.ct-footer__border {
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-footer__border {
    padding-top: 70px;
  }
}
.ct-footer__border::before {
  position: absolute;
  width: 100%;
  height: 1px;
  top: 48%;
  content: "";
  background-color: #272c35;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-footer__border::before {
    top: 44%;
    transform: translateY(-45%);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-footer__border::before {
    top: 34%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-footer__border::before {
    top: 29%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-footer__border::before {
    top: 19.5%;
  }
}
@media (max-width: 575px) {
  .ct-footer__border::before {
    top: 15.5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-footer__top {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-footer__top {
    margin-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .ct-footer__top {
    margin-bottom: 90px;
  }
}
.ct-footer__bg {
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  border-radius: 60px 60px 0 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-footer__title-box .ct-section__title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .ct-footer__title-box .ct-section__title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-footer__widget {
    margin-bottom: 50px;
  }
}
.ct-footer__widget-content p {
  line-height: 1.6;
  letter-spacing: 0.01em;
  color: #a7acb5;
}
.ct-footer__widget-social a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: inline-block;
  color: var(--ct-common-black);
  background: var(--ct-common-white);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-footer__widget-social a:not(:last-of-type) {
  margin-right: 6px;
}
.ct-footer__widget-social a:hover {
  color: var(--ct-theme-1);
}
.ct-footer__widget-title {
  position: relative;
  font-weight: 600;
  font-size: 20px;
  color: var(--ct-common-white);
}
.ct-footer__widget-title::after {
  position: absolute;
  width: 90px;
  left: 0;
  top: 36px;
  height: 2px;
  content: "";
  background: linear-gradient(270deg, rgba(51, 88, 211, 0) 0%, #3358d3 82.11%);
}
.ct-footer__widget-link ul li {
  list-style: none;
}
.ct-footer__widget-link ul li:not(:last-of-type) {
  margin-bottom: 10px;
}
.ct-footer__widget-link ul li a {
  font-size: 16px;
  color: #a7acb5;
  position: relative;
  padding-left: 26px;
}
.ct-footer__widget-link ul li a i {
  position: absolute;
  top: 2px;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-footer__widget-link ul li a.f-location {
  display: block;
}
.ct-footer__widget-link ul li a.f-location i {
  top: 6px;
}
.ct-footer__widget-link ul li a:hover > i {
  color: var(--ct-theme-1);
  animation: ct-arrow 0.2s linear;
}
.ct-footer__col-2 {
  margin-left: 58px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-footer__col-2 {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-footer__col-2 {
    margin-left: 0;
  }
}
.ct-footer__col-3 {
  margin-left: 62px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-footer__col-3 {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-footer__col-3 {
    margin-left: 0;
  }
}
.ct-footer__col-4 {
  margin-left: -4px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-footer__col-4 {
    margin-left: -30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-footer__col-4 {
    margin-left: 0;
  }
}
.ct-footer__col-5 {
  margin-left: 3px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-footer__col-5 {
    margin-left: -40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-footer__col-5 {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-footer__col-5 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-footer__bottom {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-footer__ptb {
    padding-top: 80px;
  }
}
@media (max-width: 575px) {
  .ct-footer__ptb {
    padding-top: 50px;
  }
}

.ct-copyright__border {
  border-top: 1px solid #272c35;
  padding-top: 20px;
  padding-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-copyright__border {
    margin-top: 0;
  }
}
.ct-copyright__right p {
  color: #a7acb5;
  margin-bottom: 0;
}
.ct-copyright__left span {
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  color: #a7acb5;
}
.ct-copyright__left span a {
  margin-left: 18px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-copyright__left span a:hover {
  color: var(--ct-theme-1);
}

/*----------------------------------------*/
/*  6.2 Footer Style 2
/*----------------------------------------*/
.ct-footer__2 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-footer__2.ct-footer__border {
    padding-top: 60px;
  }
}
.ct-footer__2.ct-footer__border::before {
  top: 198px;
  background-color: #263145;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-footer__2.ct-footer__border::before {
    display: none;
  }
}
.ct-footer__2.ct-footer__border::after {
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 70px;
  content: "";
  background-color: #263145;
}
@media (max-width: 575px) {
  .ct-footer__2.ct-footer__border::after {
    bottom: 70px;
  }
}
.ct-footer__2 .ct-footer__top {
  margin-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-footer__2 .ct-footer__top {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-footer__2 .ct-footer__top {
    margin-bottom: 50px;
  }
}
.ct-footer__2 .ct-footer__widget-social a {
  font-size: 14px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #1e2737;
  color: var(--ct-common-white);
}
.ct-footer__2 .ct-footer__widget-social a:hover {
  background: var(--ct-theme-1);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-footer__info-box .row [class*=col-]:nth-child(2) .ct-footer__info-item {
    margin: 0 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-footer__info-box .row [class*=col-]:nth-child(2n+2) .ct-footer__info-item {
    border: 0;
  }
}
.ct-footer__info-box .row [class*=col-]:last-child .ct-footer__info-item {
  border: 0;
}
.ct-footer__info-item {
  padding-top: 60px;
  padding-bottom: 50px;
  border-right: 1px solid #263145;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-footer__info-item {
    padding: 20px 0;
    border-right: 0;
    border-bottom: 1px solid #263145;
  }
}
.ct-footer__info-item:hover .ct-footer__info-icon span i {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.ct-footer__info-icon span {
  font-size: 20px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background: #1e2737;
  color: var(--ct-common-white);
  border: 1px solid #263145;
}
.ct-footer__info-title {
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
  color: var(--ct-common-white);
  margin-bottom: 0;
}
.ct-footer__info-content p {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #a7acb5;
}
.ct-footer__info-content p a {
  display: block;
}
.ct-footer__widget-gallery a {
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 6px;
}
.ct-footer__widget-gallery a img {
  width: 85px;
  height: 85px;
  border-radius: 7px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-footer__col-2 {
    margin-bottom: 40px;
  }
}
.ct-footer__col-2-1 {
  margin-right: 30px;
}
.ct-footer__col-2-2 {
  margin-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-footer__col-2-2 {
    margin-left: 0;
  }
}
.ct-footer__col-2-3 {
  margin-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-footer__col-2-3 {
    margin-left: 0;
  }
}
.ct-footer__col-2-4 {
  margin-left: -53px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-footer__col-2-4 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-footer__col-2-4 {
    margin-left: 50px;
  }
}
.ct-footer__col-2-5 {
  margin-left: -67px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-footer__col-2-5 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-footer__col-2-5 {
    margin-left: 0;
    margin-right: 110px;
  }
}

/*----------------------------------------*/
/*  6.3 Footer Style 3
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-footer__3-style {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-footer__3-style .ct-footer__bottom {
    margin-bottom: 20px;
  }
}

/*----------------------------------------*/
/*  7.13 hero css
/*----------------------------------------*/
.ct-hero__bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ct-hero__ptb {
  padding-top: 230px;
  padding-bottom: 190px;
  border-bottom: 1px solid var(--ct-border-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-hero__ptb {
    padding-top: 170px;
  }
}
@media (max-width: 575px) {
  .ct-hero__ptb {
    padding-top: 150px;
  }
}
.ct-hero__shape-1 {
  position: absolute;
  left: 9%;
  top: 24%;
  width: 23px;
  height: 23px;
  background: var(--ct-theme-1);
  border-radius: 50%;
  animation: ct-pulse 1.6s linear 0s infinite;
}
.ct-hero__shape-2 {
  position: absolute;
  bottom: 21%;
  left: 6%;
  width: 49px;
  height: 49px;
  background: rgba(14, 89, 242, 0.2);
  border-radius: 50%;
  animation: ct-pulse 1.7s linear 0s infinite;
}
.ct-hero__shape-3 {
  position: absolute;
  left: 0;
  right: 0;
  top: 35%;
  width: 10px;
  height: 10px;
  background: var(--ct-theme-1);
  text-align: center;
  border-radius: 50%;
  margin: auto;
  animation: ct-moving 9s infinite alternate;
}
.ct-hero__title {
  font-weight: 700;
  font-size: 56px;
  line-height: 1.2;
  color: var(--ct-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-hero__title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-hero__title {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .ct-hero__title {
    font-size: 27px;
  }
}
.ct-hero__title-box p {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--ct-common-black);
}
@media (max-width: 575px) {
  .ct-hero__title-box p br {
    display: none;
  }
}
.ct-hero__thumb {
  position: relative;
  left: 60px;
  top: 14px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-hero__thumb {
    left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-hero__thumb {
    text-align: center;
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .ct-hero__action-box .ct-primary__btn:not(:last-of-type) {
    margin-bottom: 20px;
  }
}

.ct-hero__2-ptb {
  padding-top: 300px;
  padding-bottom: 135px;
}
@media only screen and (min-width: 1600px) and (max-width: 1699px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ct-hero__2-ptb {
    padding-top: 230px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-hero__2-ptb {
    padding-top: 200px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-hero__2-ptb {
    padding-top: 190px;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-hero__2-ptb {
    padding-top: 175px;
    padding-bottom: 100px;
  }
}
.ct-hero__2-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.ct-hero__2-shape-1 span svg path.line-1 {
  stroke: var(--ct-theme-1);
  stroke-dasharray: 2300;
  stroke-dashoffset: 3500;
  animation: dash 5s linear forwards;
}
.ct-hero__2-shape-2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.ct-hero__2-shape-3 {
  position: absolute;
  top: 0;
  z-index: 2;
}
.ct-hero__2 .ct-hero__2-title-box p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--ct-text-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-hero__2 .ct-hero__2-title-box p {
    font-size: 16px;
  }
}
.ct-hero__2 .ct-hero__title {
  font-size: 66px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-hero__2 .ct-hero__title {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .ct-hero__2 .ct-hero__title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-hero__2 .ct-hero__action-box {
    margin-bottom: 60px;
  }
}
.ct-hero__2 .ct-hero__input input {
  height: 55px;
  font-size: 16px;
}
.ct-hero__2 .ct-hero__input input::placeholder {
  font-size: 16px;
}
.ct-hero__contact-box {
  background: var(--ct-common-white);
  border-radius: 20px;
}
.ct-hero__contact-content {
  padding: 40px;
}
@media (max-width: 575px) {
  .ct-hero__contact-content {
    padding: 20px;
  }
}
.ct-hero__contact-title {
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.02em;
  padding: 16px 40px;
  color: var(--ct-common-white);
  background: var(--ct-theme-1);
  border-radius: 20px 20px 0 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-hero__contact-title {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  .ct-hero__contact-title {
    font-size: 25px;
    padding: 20px;
  }
}
.ct-hero__contact-action button {
  border-radius: 10px;
}
.ct-hero__contact-action p {
  margin-bottom: 0;
}
.ct-hero__input {
  position: relative;
}
.ct-hero__input:not(:last-child) {
  margin-bottom: 16px;
}
.ct-hero__input span {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0 24px;
  transform: translateY(-50%);
}
.ct-hero__input input {
  padding-left: 48px;
  border: 1px solid var(--ct-border-3);
  border-radius: 5px;
}
.ct-hero__textarea {
  position: relative;
  margin-bottom: 20px;
}
.ct-hero__textarea span {
  position: absolute;
  top: 18px;
  padding-left: 25px;
}
.ct-hero__textarea textarea {
  height: 140px;
  resize: none;
  border: 1px solid var(--ct-border-3);
  border-radius: 5px;
  padding-left: 48px;
}
.ct-hero__textarea textarea:focus {
  border-color: var(--ct-theme-1);
}
.ct-hero__textarea textarea:focus::placeholder {
  opacity: 0;
}

.ct-slider__shape-1 {
  position: absolute;
  width: 795px;
  height: 1694px;
  top: -55%;
  left: -16%;
  transform: rotate(43deg);
  mix-blend-mode: multiply;
  background: var(--ct-theme-1);
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
  z-index: 2;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ct-slider__shape-1 {
    top: -65%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-slider__shape-1 {
    top: -83%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-slider__shape-1 {
    top: -90%;
  }
}
.ct-slider__shape-2 {
  position: absolute;
  width: 545px;
  height: 1890px;
  left: 0;
  top: -40%;
  transform: rotate(43deg);
  mix-blend-mode: soft-light;
  background: linear-gradient(201deg, #051c4d 41.9%, rgba(5, 28, 77, 0) 67.09%);
  z-index: 2;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-slider__shape-2 {
    top: -70%;
  }
}
.ct-slider__shape-3 {
  position: absolute;
  width: 515px;
  height: 1585px;
  right: 13%;
  bottom: -190%;
  transform: rotate(43deg);
  mix-blend-mode: soft-light;
  background: var(--ct-theme-1);
  z-index: 2;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .ct-slider__shape-3 {
    right: 10%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-slider__shape-3 {
    right: 7%;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .ct-slider__shape-3 {
    right: 10%;
  }
}
.ct-slider__item {
  padding-top: 388px;
  padding-bottom: 295px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-slider__item {
    padding-top: 340px;
    padding-bottom: 240px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-slider__item {
    padding-top: 255px;
    padding-bottom: 230px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-slider__item {
    padding-top: 230px;
    padding-bottom: 210px;
  }
}
.ct-slider__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(1);
  background-size: cover;
  -webkit-transform: scale(1);
  background-repeat: no-repeat;
  background-position: bottom center;
  transition: transform 7000ms ease, opacity 1500ms ease-in;
  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease;
}
.ct-slider__overlay {
  position: relative;
}
.ct-slider__overlay::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  background: rgba(10, 17, 31, 0.57);
  z-index: 1;
}
.ct-slider__title-box p {
  color: var(--ct-common-white);
}
.ct-slider__subtitle {
  font-size: 16px;
  font-weight: 600;
  padding: 3px 15px;
  border-radius: 5px;
  display: inline-block;
  color: var(--ct-common-white);
  border: 1px solid var(--ct-common-white);
}
.ct-slider__title {
  font-size: 54px;
  font-weight: 700;
  display: block;
  color: var(--ct-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-slider__title br {
    display: none;
  }
}
@media (max-width: 575px) {
  .ct-slider__title {
    font-size: 35px;
  }
}
.ct-slider__title-box {
  opacity: 0;
  transform: translateY(-150px);
}
.ct-slider__btn-box {
  opacity: 0;
  transform: translateY(150px);
}
@media (max-width: 575px) {
  .ct-slider__btn-box a:not(:last-child) {
    margin-bottom: 20px;
  }
}
.ct-slider__style-1 {
  padding-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-slider__style-1 {
    padding-top: 0;
  }
}
.ct-slider__active {
  border-radius: 0 0 20px 20px;
}
.ct-slider__active .swiper-slide-active .ct-slider__bg {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.ct-slider__active .swiper-slide-active .ct-slider__title-box, .ct-slider__active .swiper-slide-active .ct-slider__btn-box {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.ct-slider__active .swiper-slide-active .ct-slider__shape-1 {
  opacity: 1;
  left: 0;
  visibility: visible;
  transition: all 2500ms ease;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ct-slider__active .swiper-slide-active .ct-slider__shape-1 {
    left: -70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-slider__active .swiper-slide-active .ct-slider__shape-1 {
    left: -100px;
  }
}
.ct-slider__active .swiper-slide-active .ct-slider__shape-2 {
  opacity: 1;
  left: 16%;
  visibility: visible;
  transition: all 1800ms ease;
}
.ct-slider__active .swiper-slide-active .ct-slider__shape-3 {
  opacity: 1;
  bottom: -110%;
  visibility: visible;
  transition: all 2500ms ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-slider__active .swiper-slide-active .ct-slider__shape-3 {
    bottom: -120%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-slider__arrow.ct-custom__arrow {
    display: none;
  }
}
.ct-slider__arrow.ct-custom__arrow button {
  width: 67px;
  height: 67px;
  line-height: 67px;
  background: none;
  top: 61%;
  transform: translateY(-61%);
}
.ct-slider__arrow.ct-custom__arrow button i {
  font-size: 20px;
  color: var(--ct-common-white);
}
.ct-slider__arrow.ct-custom__arrow button:hover {
  background-color: var(--ct-common-white);
}
.ct-slider__arrow.ct-custom__arrow button:hover i {
  color: var(--ct-theme-1);
}
.ct-slider__arrow.ct-custom__arrow button.ct-custom__arrow-prev {
  right: auto;
  left: 123px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .ct-slider__arrow.ct-custom__arrow button.ct-custom__arrow-prev {
    left: 40px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .ct-slider__arrow.ct-custom__arrow button.ct-custom__arrow-prev {
    left: 30px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ct-slider__arrow.ct-custom__arrow button.ct-custom__arrow-prev {
    left: auto;
    right: 80px;
  }
}
.ct-slider__arrow.ct-custom__arrow button.ct-custom__arrow-next {
  left: auto;
  right: 123px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .ct-slider__arrow.ct-custom__arrow button.ct-custom__arrow-next {
    right: 40px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .ct-slider__arrow.ct-custom__arrow button.ct-custom__arrow-next {
    right: 30px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ct-slider__arrow.ct-custom__arrow button.ct-custom__arrow-next {
    right: 0;
  }
}

/*----------------------------------------*/
/*  7.12 funfact css
/*----------------------------------------*/
.ct-funfact__wrap {
  margin-top: -70px;
}
.ct-funfact__wrap .row [class*=col-]:not(:last-child) .ct-funfact__item {
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-funfact__title-box {
    margin-bottom: 30px;
  }
}
.ct-funfact__item {
  padding: 33px 40px 34px 40px;
  border-radius: 20px;
  background: var(--ct-common-white);
  border: 1px solid var(--ct-border-1);
}
@media (max-width: 575px) {
  .ct-funfact__item {
    padding: 33px 30px 34px 30px;
  }
}
.ct-funfact__icon span {
  color: var(--ct-theme-1);
}
.ct-funfact__number {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0;
}
.ct-funfact__number span {
  font-weight: 700;
  font-size: 40px;
  margin-right: 2px;
}
.ct-funfact__content > span {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-funfact__2 {
    padding: 0;
  }
}
.ct-funfact__2 .ct-funfact__item {
  padding: 25px;
  border: 0;
  background: var(--ct-common-white);
  box-shadow: 0 18px 66px 0 rgba(107, 111, 118, 0.15);
}
.ct-funfact__2 .ct-funfact__item:hover .ct-funfact__thumb::before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.ct-funfact__2 .ct-funfact__item:hover .ct-funfact__icon {
  opacity: 1;
  visibility: visible;
}
.ct-funfact__2 .ct-funfact__item:hover .ct-funfact__icon span svg {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .ct-funfact__2 .ct-funfact__item {
    padding: 18px;
  }
}
.ct-funfact__2 .ct-funfact__thumb {
  position: relative;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  flex: 0 0 auto;
  margin-right: 20px;
}
@media (max-width: 575px) {
  .ct-funfact__2 .ct-funfact__thumb {
    margin-right: 10px;
  }
}
.ct-funfact__2 .ct-funfact__thumb::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 50%;
  background: var(--ct-theme-1);
  mix-blend-mode: multiply;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.3);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-funfact__2 .ct-funfact__thumb img {
  width: 100%;
  border-radius: 50%;
}
.ct-funfact__2 .ct-funfact__icon {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-funfact__2 .ct-funfact__icon span {
  color: var(--ct-common-white);
}
.ct-funfact__2 .ct-funfact__number {
  font-size: 40px;
  color: var(--ct-theme-1);
}
@media (max-width: 575px) {
  .ct-funfact__2 .ct-funfact__number {
    font-size: 30px;
    margin-right: 2px;
  }
}
@media (max-width: 575px) {
  .ct-funfact__2 .ct-funfact__number span {
    font-size: 30px;
  }
}
.ct-funfact__3 {
  margin-top: -148px;
}
.ct-funfact__3 .row [class*=col-]:not(:last-child) .ct-funfact__item {
  margin-bottom: 25px;
}
.ct-funfact__3 .ct-funfact__wrap {
  position: relative;
  top: 50px;
  margin: auto;
}
.ct-funfact__3 .ct-funfact__btn a:hover {
  color: var(--ct-common-black);
  background-color: var(--ct-common-white);
}
.ct-funfact__3 .ct-funfact__item {
  padding: 30px;
  background: #fff;
  border: 1px solid #dbe1eb;
  box-shadow: 0 15px 48px 0 rgba(16, 19, 24, 0.09);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-funfact__3 .ct-funfact__item {
    padding: 18px;
  }
}
.ct-funfact__3 .ct-funfact__item:hover .ct-funfact__icon svg {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.ct-funfact__3 .ct-funfact__icon {
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  color: var(--ct-common-white);
  background: var(--ct-theme-1);
}
.ct-funfact__3 .ct-funfact__content {
  padding: 20px;
  background: rgba(62, 102, 243, 0.08);
  border-radius: 10px;
}
.ct-funfact__3 .ct-funfact__content > span {
  font-weight: 600;
  display: block;
  color: var(--ct-theme-1);
}
.ct-funfact__3 .ct-funfact__number {
  font-size: 40px;
}
.ct-funfact__3 .ct-funfact__number span {
  display: inline-block;
  margin-bottom: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-funfact__inner {
    padding-bottom: 70px;
    padding-top: 80px;
  }
}
.ct-funfact__inner.ct-funfact__3 {
  margin: 0;
}
@media (max-width: 575px) {
  .ct-funfact__inner .ct-funfact__title-box .ct-section__title {
    font-size: 24px;
  }
}
.ct-funfact__inner .ct-funfact__item {
  position: relative;
  border: 1px solid #dbe1eb;
  border-radius: 15px;
  box-shadow: 0 15px 48px 0 rgba(16, 19, 24, 0.09);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-funfact__inner .ct-funfact__item:hover {
  border: 1px solid var(--ct-theme-1);
  box-shadow: none;
}
.ct-funfact__inner .ct-funfact__item:hover .ct-funfact__icon {
  color: var(--ct-common-white);
  border: 1px solid var(--ct-theme-1);
  background-color: var(--ct-theme-1);
}
.ct-funfact__inner .ct-funfact__content {
  padding: 114px 0 10px 20px;
  background: none;
  border-radius: 10px;
}
.ct-funfact__inner .ct-funfact__content > span {
  text-transform: uppercase;
  color: var(--ct-common-black);
}
.ct-funfact__inner .ct-funfact__icon {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 0;
  left: 0;
  line-height: 100px;
  border: 1px solid #dbe1eb;
  border-radius: 15px 0 15px 0;
  background: none;
  color: var(--ct-theme-1);
  margin: -1px 0 0 -1px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-funfact__inner .ct-funfact__number {
  font-size: 48px;
}
.ct-funfact__inner .ct-funfact__number span {
  font-size: 48px;
}
.ct-funfact__inner-2 {
  position: relative;
}
.ct-funfact__inner-2::after {
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
  content: "";
  transform: translateY(-50%);
  background-color: #5770ff;
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-funfact__inner-2::after {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-funfact__inner-2 {
    padding: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-funfact__inner-2 {
    padding: 40px 0;
  }
}
.ct-funfact__inner-2 .ct-funfact__item {
  padding: 75px 0;
  background: none;
  border-radius: 0;
  border: 0;
  border-right: 1px solid #5770ff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-funfact__inner-2 .ct-funfact__item {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-funfact__inner-2 .ct-funfact__item {
    padding: 30px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-funfact__inner-2 .ct-funfact__item {
    border: 0;
    border-bottom: 1px solid #5770ff;
  }
}
.ct-funfact__inner-2 .ct-funfact__icon span {
  color: var(--ct-common-white);
}
.ct-funfact__inner-2 .ct-funfact__content > span {
  color: var(--ct-common-white);
}
.ct-funfact__inner-2 .ct-funfact__number {
  font-size: 44px;
  color: var(--ct-common-white);
}
.ct-funfact__inner-2 .row [class*=col-]:last-child .ct-funfact__item {
  border: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-funfact__inner-2 .row [class*=col-]:nth-child(2n+2) .ct-funfact__item {
    border: 0;
  }
}

/*----------------------------------------*/
/*  7.16 service css
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-service__ptb {
    padding-top: 50px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-service__ptb {
    padding-top: 70px;
    padding-bottom: 30px;
  }
}
.ct-service__item {
  position: relative;
  padding: 50px;
  border: 1px solid var(--ct-border-1);
  border-radius: 15px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-service__item::before {
  position: absolute;
  width: 184px;
  height: 184px;
  top: -110px;
  left: -52px;
  content: "";
  opacity: 0;
  visibility: hidden;
  border-radius: 100%;
  filter: blur(197px);
  background: var(--ct-theme-1);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border: radius 50%;
}
.ct-service__item:hover {
  background: var(--ct-common-white);
}
.ct-service__item:hover::before {
  opacity: 1;
  visibility: visible;
}
.ct-service__item:hover .ct-service__icon span {
  color: var(--ct-common-white);
  background: var(--ct-theme-1);
}
.ct-service__item:hover .ct-service__icon span svg {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-service__item {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .ct-service__item {
    padding: 20px;
  }
}
.ct-service__icon span {
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  display: inline-block;
  color: var(--ct-theme-1);
  background-color: #f5f6ff;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-service__btn a {
  padding: 11px 35px;
}
.ct-service__active {
  padding: 50px 0;
}
.ct-service__style-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-service__style .ct-custom__arrow {
    display: none;
  }
}
.ct-service__style .ct-custom__arrow-prev {
  right: auto;
  left: -110px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .ct-service__style .ct-custom__arrow-prev {
    left: -115px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .ct-service__style .ct-custom__arrow-prev {
    left: -90px;
  }
}
.ct-service__style .ct-custom__arrow-next {
  left: auto;
  right: -110px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .ct-service__style .ct-custom__arrow-next {
    right: -115px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .ct-service__style .ct-custom__arrow-next {
    right: -90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-service__style-2 {
    padding-top: 70px;
    padding-bottom: 80px;
  }
}
.ct-service__style-2 .ct-service__item {
  background: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-service__style-2 .ct-service__active {
    padding-top: 35px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-service__style-3 {
    padding-top: 70px;
    padding-bottom: 55px;
  }
}
.ct-service__style-3 .ct-service__item {
  padding: 0;
  background: var(--ct-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-service__style-3 .ct-service__item {
    margin-bottom: 25px;
  }
}
.ct-service__style-3 .ct-service__item::before {
  display: none;
}
.ct-service__style-3 .ct-service__item:hover .ct-service__thumb img {
  transform: scale(1.2);
}
.ct-service__style-3 .ct-service__thumb {
  overflow: hidden;
}
.ct-service__style-3 .ct-service__thumb img {
  width: 100%;
  transition: 1.3s;
}
.ct-service__style-3 .ct-service__content {
  position: relative;
  padding: 15px 30px 40px 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-service__style-3 .ct-service__content {
    padding: 15px 50px 30px 50px;
  }
}
.ct-service__style-3 .ct-service__content::after {
  position: absolute;
  width: 267px;
  height: 3px;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  content: "";
  margin: auto;
  background: var(--ct-theme-1);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-service__style-3 .ct-service__content::after {
    width: 400px;
  }
}
.ct-service__style-3 .ct-service__icon {
  margin-top: -60px;
}
.ct-service__style-3 .ct-service__icon span {
  line-height: 100px;
  border: 10px solid var(--ct-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-service__style-3 .ct-service__title-box {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-service__style-3 .ct-service__title-box .ct-section__title {
    font-size: 35px;
  }
}
.ct-service__style-3 .ct-section__title-sm {
  font-size: 22px;
}
.ct-service__style-4 {
  border-radius: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-service__style-4 {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-service__style-4__title-box {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-service__style-4 .ct-section__title {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-service__style-4 .ct-section__title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .ct-service__style-4 .ct-section__title {
    font-size: 25px;
  }
}
.ct-service__style-4 .ct-service__btn a:hover {
  color: var(--ct-common-black);
  background-color: var(--ct-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-service__style .ct-service__active {
    padding-top: 35px;
  }
}
.ct-service__inner .ct-service__item {
  margin-bottom: 30px;
}
.ct-service__inner .ct-service__content {
  padding: 15px 25px 30px 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-service__inner {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-service__details {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-service__details-wrap {
    margin-right: 0;
  }
}
.ct-service__details-title {
  font-weight: 600;
  font-size: 30px;
  color: var(--ct-common-black);
}
@media (max-width: 575px) {
  .ct-service__details-title {
    font-size: 21px;
  }
}
.ct-service__details-thumb img {
  width: 100%;
  border-radius: 10px;
}
.ct-service__details-feature {
  padding: 40px;
  border-radius: 20px;
  background: #f3f4f6;
}
@media (max-width: 575px) {
  .ct-service__details-feature {
    padding: 20px;
  }
}
.ct-service__details-feature-thumb {
  flex: 0 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-service__details-feature-thumb {
    margin-bottom: 30px;
  }
}
.ct-service__details-feature-thumb img {
  border-radius: 10px;
}
.ct-service__details-feature-content p {
  margin-right: 35px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-service__details-feature-content p {
    margin-right: 0;
  }
}
.ct-service__details-feature-title {
  font-weight: 600;
  font-size: 24px;
  color: var(--ct-common-black);
}
.ct-service__details-feature-list ul li {
  position: relative;
  list-style: none;
  padding-left: 30px;
}
.ct-service__details-feature-list ul li:not(:last-child) {
  margin-bottom: 2px;
}
.ct-service__details-feature-list ul li i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--ct-theme-1);
}
.ct-service__details-process-item {
  padding: 30px;
  border-radius: 10px;
  background: var(--ct-common-white);
  box-shadow: 0 9px 37px 0 rgba(0, 0, 0, 0.07);
  margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-service__details-process-item {
    padding: 30px 20px;
  }
}
.ct-service__details-process-content P {
  margin-bottom: 0;
}
.ct-service__details-process-icon span {
  width: 50px;
  height: 50px;
  font-size: 18px;
  font-weight: 700;
  line-height: 50px;
  text-align: center;
  margin-right: 25px;
  border-radius: 50%;
  display: inline-block;
  color: var(--ct-common-white);
  background-color: var(--ct-theme-1);
}
.ct-service__details-process-title {
  font-weight: 700;
  font-size: 14px;
  color: var(--ct-common-black);
}
.ct-service__details .ct-sidebar__widget {
  border: 0;
  background: #f3f4f6;
  border-radius: 20px;
  box-shadow: none;
}
.ct-service__details .ct-sidebar__widget-list ul li {
  border: 0;
  padding: 12px 25px;
  border-radius: 100px;
  background: var(--ct-common-white);
}
.ct-service__details .ct-sidebar__widget-list ul li i {
  right: 25px;
  top: 17px;
}
.ct-service__details .ct-sidebar__widget-list ul li:hover {
  color: var(--ct-common-white);
  background-color: var(--ct-theme-1);
}
.ct-service__details .ct-sidebar__widget-list ul li:hover i {
  color: var(--ct-common-white);
}
.ct-service__widget-info {
  padding: 40px;
  border-radius: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-service__widget-info {
    margin-bottom: 20px;
  }
}
.ct-service__widget-info-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--ct-common-white);
  margin-bottom: 5px;
}
.ct-service__widget-info-item:not(:last-child) {
  margin-bottom: 15px;
}
.ct-service__widget-info p {
  color: var(--ct-common-white);
}
.ct-service__widget-info-icon span {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  display: inline-block;
  color: var(--ct-common-white);
  border: 1px solid var(--ct-common-white);
  margin-right: 14px;
}
.ct-service__widget-info-content span {
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  color: var(--ct-common-white);
}
.ct-service__widget-info-content a {
  font-size: 18px;
  display: block;
  font-weight: 600;
  color: var(--ct-common-white);
}

/*----------------------------------------*/
/*  7.1 about css
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-about__ptb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-about__wrap {
    margin-left: 0;
  }
}
.ct-about__bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-about__title-box {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .ct-about__title-box {
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .ct-about__title-box .ct-section__title {
    font-size: 26px;
  }
}
.ct-about__thumb-main img {
  border-radius: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-about__thumb-main img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-about__thumb-main {
    text-align: center;
    margin-bottom: 50px;
  }
}
.ct-about__thumb-sm {
  position: absolute;
  bottom: -88px;
  right: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-about__thumb-sm {
    right: 0;
    left: 0;
    text-align: center;
    margin: auto;
  }
}
.ct-about__experience {
  position: absolute;
  bottom: 60px;
  left: 163px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ct-about__experience {
    left: 158px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-about__experience {
    left: 57px;
  }
}
.ct-about__experience-content {
  position: absolute;
  top: 45%;
  left: 30px;
  transform: translateY(-45%);
}
.ct-about__experience-content > span {
  font-size: 16px;
  font-weight: 600;
  color: var(--ct-common-white);
}
.ct-about__experience-number {
  font-weight: 800;
  font-size: 40px;
  color: var(--ct-common-white);
}
.ct-about__experience-shape > span {
  color: var(--ct-theme-1);
}
.ct-about__tabe-button-box {
  background: var(--ct-common-white);
  margin: 0 55px 0 0;
  border-radius: 15px;
  border: 1px solid var(--ct-border-1);
}
@media (max-width: 575px) {
  .ct-about__tabe-button-box {
    margin: 0;
    padding: 8px 0;
  }
}
.ct-about__tabe-button-box .nav-link {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  padding: 18px 30px;
  color: var(--ct-common-black);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-about__tabe-button-box .nav-link {
    padding: 18px 20px;
  }
}
.ct-about__tabe-button-box .nav-link::before {
  position: absolute;
  width: 0;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  content: "";
  background: var(--ct-theme-1);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (max-width: 575px) {
  .ct-about__tabe-button-box .nav-link {
    padding: 5px 20px;
  }
}
.ct-about__tabe-button-box .nav-link.active {
  margin-left: 30px;
  color: var(--ct-theme-1);
}
.ct-about__tabe-button-box .nav-link.active::before {
  width: 16%;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 575px) {
  .ct-about__tabe-button-box .nav-tab {
    display: block;
  }
}
@media (max-width: 575px) {
  .ct-about__sinc {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
.ct-about__sinc span {
  font-size: 60px;
  font-weight: 800;
  display: inline-block;
  color: var(--ct-theme-1);
  margin-bottom: 25px;
}
.ct-about__sinc p {
  font-weight: 700;
  font-size: 14px;
  color: var(--ct-common-black);
  margin-bottom: 0;
}
.ct-about__featured-list {
  margin-top: -30px;
}
.ct-about__featured-list ul li {
  font-size: 16px;
  position: relative;
  font-weight: 500;
  list-style: none;
  color: var(--ct-common-black);
  padding-left: 32px;
  margin-bottom: 2px;
}
.ct-about__featured-list ul li i {
  position: absolute;
  left: 0;
  top: 6px;
  color: var(--ct-theme-1);
}
.ct-about__featured-title {
  font-weight: 600;
  font-size: 16px;
  color: var(--ct-common-black);
}
.ct-about__featured-title a span {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  text-align: center;
  display: inline-block;
  color: var(--ct-common-white);
  background: var(--ct-theme-1);
  border-radius: 50%;
}
.ct-about__featured-item:not(:last-child) {
  padding-bottom: 22px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--ct-border-4);
}
.ct-about__content {
  padding: 50px 60px 52px 60px;
  background: var(--ct-common-white);
  border-radius: 20px;
  margin-left: -52px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-about__style {
    padding-top: 80px;
    padding-bottom: 145px;
  }
}
.ct-about__style-2 {
  margin-top: -70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-about__style-2 {
    margin-top: -140px;
    padding-bottom: 160px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-about__style-2 {
    margin-top: -140px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-about__style-2 {
    padding-bottom: 150px;
  }
}
.ct-about__style-2 .ct-about__thumb-main img {
  border-radius: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-about__style-2 .ct-about__thumb-main img {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-about__style-2 .ct-about__thumb-box {
    margin-right: 0;
    margin-bottom: 40px;
  }
}
.ct-about__style-2 .ct-about__featured-title {
  display: flex;
  align-items: center;
}
.ct-about__style-2 .ct-about__featured-title span {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: var(--ct-common-white);
  background-color: var(--ct-theme-1);
  border-radius: 50%;
  margin-right: 15px;
}
.ct-about__style-2 .ct-about__featured-item p {
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-about__style-2 .ct-about__content {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-about__style-2 .ct-about__content {
    padding: 50px 30px 40px 30px;
  }
}
@media (max-width: 575px) {
  .ct-about__style-2 .ct-about__content {
    padding: 40px 20px 30px 20px;
  }
}
.ct-about__style-3 .ct-about__content {
  padding: 0;
  background: none;
  margin-left: 65px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ct-about__style-3 .ct-about__content {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-about__style-3 .ct-about__content {
    margin-left: 0;
  }
}
.ct-about__style-3 .ct-about__thumb-box {
  margin-right: -19px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-about__style-3 .ct-about__thumb-box {
    text-align: center;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-about__style-3 .ct-about__thumb-box {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-about__style-3 .ct-about__thumb-main img {
    width: 100%;
  }
}
.ct-about__style-3 .ct-about__tabe-button-box {
  background: none;
  margin: 0;
  border: 0;
}
.ct-about__style-3 .ct-about__tabe-button-box .nav {
  display: inline-flex;
  background-color: var(--ct-theme-1);
  border-radius: 10px 10px 0 0;
}
.ct-about__style-3 .ct-about__tabe-button-box .nav-link {
  padding: 7px 15px;
  font-weight: 700;
  font-size: 14px;
  color: var(--ct-common-white);
}
.ct-about__style-3 .ct-about__tabe-button-box .nav-link:not(:last-child)::before {
  width: 8px;
  height: 1px;
  bottom: 0;
  left: auto;
  right: -3px;
  background: #fff;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 575px) {
  .ct-about__style-3 .ct-about__tabe-button-box .nav-link {
    padding: 7px 14px;
    font-size: 13px;
  }
}
.ct-about__style-3 .ct-about__tabe-button-box .nav-link.active {
  margin-left: 0;
  text-decoration: underline;
}
.ct-about__style-3 .ct-about__tabe .tab-content {
  padding: 30px;
  background: var(--ct-common-white);
  border: 1px solid var(--ct-theme-1);
  border-radius: 0 10px 10px 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-about__style-3 .ct-about__tabe .tab-content {
    padding: 24px;
  }
}
@media (max-width: 575px) {
  .ct-about__style-3 .ct-about__tabe .tab-content {
    padding: 20px;
    border-radius: 0 0px 10px 10px;
  }
}
.ct-about__style-3 .ct-about__tabe-thumb {
  flex: 0 0 auto;
}
.ct-about__style-3 .ct-about__tabe-thumb img {
  width: 122px;
  height: 122px;
  border-radius: 7px;
}
@media (max-width: 575px) {
  .ct-about__style-3 .ct-about__tabe-thumb {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.ct-about__style-3 .ct-about__tabe-title {
  font-weight: 600;
  font-size: 24px;
  color: var(--ct-common-black);
}
@media (max-width: 575px) {
  .ct-about__style-3 .ct-about__tabe-title {
    font-size: 20px;
  }
}
.ct-about__style-3 .ct-about__tabe-text p {
  margin-bottom: 0;
  color: var(--ct-text-body-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-about__style-3 .ct-about__tabe-text p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-about__style-3 .ct-about__title-box .ct-section__title {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .ct-about__style-3 .ct-about__title-box .ct-section__title {
    font-size: 21px;
  }
}
.ct-about__style-3 .ct-cta__2-call-icon span {
  background: #fff;
  line-height: 45px;
  border: 2px solid var(--ct-common-white);
  box-shadow: 0 12px 22px 0 rgba(0, 0, 0, 0.07);
}
.ct-about__style-3 .ct-cta__2-call-text p {
  color: var(--ct-common-black);
}
.ct-about__style-3 .ct-cta__2-call-box:hover .ct-cta__2-call-text p {
  color: var(--ct-theme-1);
}
.ct-about__video {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
  margin: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-about__inner {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.ct-about__border {
  border-bottom: 1px solid #e3e7f0;
}

/*----------------------------------------*/
/*  7.18 video css
/*----------------------------------------*/
.ct-video__bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-video__fluid {
    padding-top: 75px;
    padding-bottom: 65px;
  }
}
.ct-video__fluid .ct-video__thumb {
  border: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-video__1 {
    margin-top: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-video__title-box {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-video__title-box .ct-section__title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-video__title-box .ct-section__title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-video__title-box .ct-section__title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-video__title-box .ct-section__title {
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  .ct-video__title-box .ct-section__title {
    font-size: 22px;
  }
}
.ct-video__shape {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ct-video__thumb {
  position: relative;
  border-radius: 25px;
  border: 10px solid var(--ct-common-white);
}
.ct-video__thumb::after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  content: "";
  box-shadow: 0 36px 68px 2px rgba(15, 19, 46, 0.07);
  background: linear-gradient(180deg, rgba(16, 20, 28, 0) 0%, rgba(17, 20, 27, 0.85) 100%);
  mix-blend-mode: multiply;
  border-radius: 25px;
}
.ct-video__thumb img {
  width: 100%;
  height: 100%;
  border-radius: 25px;
}
.ct-video__btn {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
  z-index: 2;
}
.ct-video__btn a {
  position: relative;
  width: 283px;
  font-size: 16px;
  font-weight: 700;
  padding: 17px 0;
  padding-right: 70px;
  display: inline-block;
  color: var(--ct-common-white);
  background: var(--ct-theme-1);
  border-radius: 50px;
}
.ct-video__btn a i {
  font-size: 24px;
  position: absolute;
  padding: 18px 20px;
  right: 0px;
  top: 0;
  color: var(--ct-theme-1);
  background-color: var(--ct-common-white);
  border-radius: 0 50px 50px 0px;
}
@media (max-width: 575px) {
  .ct-video__btn {
    scale: 0.8;
  }
}
.ct-video__btn-2 {
  position: relative;
  font-size: 15px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  display: inline-block;
  color: var(--ct-common-white);
  background: var(--ct-theme-1);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-video__btn-2:hover {
  color: var(--ct-common-white);
  background-color: var(--ct-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-video__inner {
    padding-top: 70px;
    padding-bottom: 80px;
  }
}
.ct-video__inner .ct-video__bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-video__ptb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.ct-border__animi {
  position: relative;
}
.ct-border__animi::before, .ct-border__animi::after {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 80%;
  width: 80%;
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 253, 0.45);
  animation: borderanimate 2s linear infinite;
  z-index: -1;
}
.ct-border__animi::after {
  height: 70%;
  width: 70%;
  border: 1px solid rgba(211, 211, 211, 0.4);
  animation: borderanimate 3s linear infinite;
}

/*----------------------------------------*/
/*  7.7 cta css
/*----------------------------------------*/
.ct-cta__shape-1 {
  position: absolute;
  top: 0;
  left: 0;
}
.ct-cta__shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ct-cta__review-box {
    left: 65px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-cta__review-box {
    left: 30px;
  }
}
.ct-cta__review-box p {
  font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-cta__review-box p {
    margin-bottom: 0;
  }
}
.ct-cta__review-title {
  font-weight: 600;
  font-size: 16px;
  color: var(--ct-common-white);
}
.ct-cta__review-icon span {
  color: #FFBE11;
}
.ct-cta__review-dsc {
  position: relative;
  padding: 0 76px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ct-cta__review-dsc {
    left: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-cta__review-dsc {
    padding: 0 47px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-cta__review-dsc {
    padding: 40px 0;
  }
}
.ct-cta__review-dsc p {
  font-weight: 400;
  font-size: 16px;
  color: #a7acb5;
}
.ct-cta__review-dsc > a {
  padding: 11px 35px;
}
.ct-cta__number {
  font-weight: 700;
  font-size: 48px;
  color: var(--ct-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-cta__number {
    font-size: 40px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ct-cta__impress {
    right: 55px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-cta__impress {
    right: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-cta__impress {
    margin-top: 0;
  }
}
.ct-cta__impress > span {
  font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-cta__title-box {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-cta__style-1 .ct-cta__ptb {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-cta__style-1 {
    padding: 0 20px;
  }
}
@media (max-width: 575px) {
  .ct-cta__style-1 {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-cta__2-ptb {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-cta__2-ptb {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-cta__2-ptb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-cta__2-title-box .ct-section__title {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .ct-cta__2-title-box .ct-section__title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ct-cta__2-content {
    margin-left: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-cta__2-content {
    margin-left: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-cta__2-content {
    margin-left: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-cta__2-content {
    margin: 0;
    padding: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-cta__2-content {
    margin: 0;
    padding: 20px;
  }
}
.ct-cta__2-wrap {
  padding: 9px;
  border: 1px solid var(--ct-theme-1);
  border-radius: 30px;
}
.ct-cta__2-call-icon span {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  color: var(--ct-theme-1);
  border: 2px solid var(--ct-theme-1);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-cta__2-call-text p {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.02em;
  color: var(--ct-theme-1);
  margin-bottom: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-cta__2-call-box:hover .ct-cta__2-call-text p {
  color: var(--ct-common-black);
}
.ct-cta__2-call-box:hover .ct-cta__2-call-icon span {
  color: var(--ct-common-white);
  background-color: var(--ct-theme-1);
}
.ct-cta__2-thumb img {
  width: 100%;
  border-radius: 0 30px 30px 0;
  clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
}
@media (max-width: 575px) {
  .ct-cta__2 .ct-section__title-sm {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-cta__2 .ct-cta__ptb {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-cta__2 .ct-cta__ptb {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-cta__2 .ct-cta__ptb {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-cta__2 .ct-cta__number {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-cta__2 .ct-cta__number {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .ct-cta__2-action-box .ct-primary__btn {
    margin-bottom: 20px;
  }
}
.ct-cta__2-inner {
  padding-bottom: 115px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-cta__2-inner {
    padding-top: 0px;
    padding-bottom: 80px;
  }
}
.ct-cta__ptb {
  padding-top: 75px;
  padding-bottom: 64px;
  border-radius: 20px;
  position: relative;
}
.ct-cta__ptb::before, .ct-cta__ptb::after {
  position: absolute;
  width: 1px;
  height: 100%;
  bottom: 0;
  content: "";
  background: rgba(227, 231, 240, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-cta__ptb::before, .ct-cta__ptb::after {
    left: 0;
    height: 1px;
    width: 100%;
  }
}
.ct-cta__ptb::before {
  left: 32%;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1699px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-cta__ptb::before {
    left: 29%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-cta__ptb::before {
    left: 28%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-cta__ptb::before {
    left: 0;
    bottom: 26%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-cta__ptb::before {
    bottom: 25%;
  }
}
@media (max-width: 575px) {
  .ct-cta__ptb::before {
    bottom: 22%;
  }
}
.ct-cta__ptb::after {
  right: 32%;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1699px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-cta__ptb::after {
    right: 30%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-cta__ptb::after {
    right: 0;
    bottom: auto;
    top: 41%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-cta__ptb::after {
    top: 40%;
  }
}
@media (max-width: 575px) {
  .ct-cta__ptb::after {
    top: 35%;
  }
}
@media (max-width: 575px) {
  .ct-cta__ptb {
    padding: 40px 10px;
  }
}

/*----------------------------------------*/
/*  7.5 choose css
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-choose__ptb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-choose__title-box {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-choose__title-box p br {
    display: none;
  }
}
.ct-choose__content {
  position: relative;
  padding: 37px 40px;
  background: var(--ct-common-white);
  border: 1px solid var(--ct-border-1);
  border-radius: 15px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .ct-choose__content {
    padding: 30px 20px;
  }
}
.ct-choose__content::before {
  position: absolute;
  top: -100px;
  left: -100px;
  width: 184px;
  height: 184px;
  content: "";
  opacity: 0;
  visibility: hidden;
  border-radius: 100%;
  background: var(--ct-theme-1);
  filter: blur(100px);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-choose__content:hover {
  box-shadow: 0 18px 66px 3px rgba(107, 111, 118, 0.15);
}
.ct-choose__content:hover::before {
  opacity: 1;
  visibility: visible;
}
.ct-choose__content:hover .ct-choose__icon span {
  color: var(--ct-common-white);
  background: var(--ct-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-choose__icon {
    margin-right: 20px;
  }
}
@media (max-width: 575px) {
  .ct-choose__icon {
    margin-bottom: 20px;
  }
}
.ct-choose__icon span {
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  display: inline-block;
  color: var(--ct-theme-1);
  background: #f5f6ff;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-choose__dsc p {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-choose__action {
    margin-bottom: 50px;
  }
}
.ct-choose__style-2 .ct-service__item {
  padding: 28px 40px;
  background: var(--ct-common-white);
}
@media (max-width: 575px) {
  .ct-choose__style-2 .ct-service__item {
    padding: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-choose__style-2 .ct-service__content h3 {
    margin-bottom: 8px;
  }
}
.ct-choose__style-2 .ct-service__btn a {
  padding: 0;
  font-weight: 700;
  font-size: 16px;
  color: var(--ct-theme-1);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-choose__style-2 .ct-service__btn a:hover {
  color: var(--ct-common-black);
}
.ct-choose__style-2 .ct-service__btn a:hover i {
  animation: ct-arrow 0.2s linear;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-choose__style-2 .ct-service__title-box {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-choose__style-2 .row [class*=col-]:not(:last-child) .ct-service__item {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-choose__style-3 {
    padding-top: 55px;
    padding-bottom: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-choose__style-3 {
    padding-top: 50px;
    padding-bottom: 70px;
  }
}
.ct-choose__style-3 .ct-choose__thumb {
  margin-right: 33px;
  overflow: hidden;
  border-radius: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-choose__style-3 .ct-choose__thumb {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-choose__style-3 .ct-choose__thumb {
    margin-bottom: 45px;
  }
}
.ct-choose__style-3 .ct-choose__thumb img {
  width: 100%;
  border-radius: 30px;
}
.ct-choose__style-3 .ct-choose__shape-1 {
  position: absolute;
  top: -210px;
  left: 100px;
  right: 0;
  text-align: center;
}
.ct-choose__style-3 .ct-choose__shape-2 {
  position: absolute;
  bottom: -100px;
  right: -8px;
}
.ct-choose__style-3 .ct-choose__content {
  padding: 0;
  border: 0;
}
.ct-choose__style-3 .ct-choose__content::before {
  display: none;
}
.ct-choose__style-3 .ct-choose__content:hover {
  box-shadow: none;
}
.ct-choose__style-3 .ct-choose__content:not(:last-child) {
  margin-bottom: 20px;
}
.ct-choose__style-3 .ct-choose__icon span {
  font-size: 19px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  color: var(--ct-common-white);
  background-color: var(--ct-theme-1);
}
.ct-choose__style-3 .ct-choose__title {
  font-weight: 700;
  font-size: 20px;
  color: var(--ct-common-black);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-choose__style-3 .ct-choose__title-box .ct-section__title {
    font-size: 35px;
  }
}
.ct-choose__inner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ct-choose__inner .ct-choose__icon span {
  width: 80px;
  height: 80px;
  line-height: 70px;
}
.ct-choose__inner .ct-choose__content {
  background: none;
  margin-right: 125px;
}
.ct-choose__inner .ct-choose__thumb {
  margin-right: 0;
  margin-left: 50px;
}

/*----------------------------------------*/
/*  7.17 testimonial css
/*----------------------------------------*/
.ct-testimonial__bg {
  margin-right: 30px;
  margin-left: 30px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-testimonial__bg {
    margin: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-testimonial__bg {
    padding-top: 80px;
    padding-bottom: 90px;
  }
}
.ct-testimonial__item {
  padding: 60px 114px 60px 60px;
  background: var(--ct-common-white);
  border-radius: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-testimonial__item {
    padding: 40px 30px 40px 30px;
  }
}
@media (max-width: 575px) {
  .ct-testimonial__item {
    padding: 10px;
  }
}
.ct-testimonial__thumb {
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-testimonial__thumb {
    margin-right: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-testimonial__thumb {
    margin-right: 0;
    margin-bottom: 40px;
  }
}
.ct-testimonial__thumb img {
  width: 100%;
  border-radius: 20px;
}
.ct-testimonial__subtitle {
  display: block;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--ct-theme-1);
}
.ct-testimonial__dsc > p {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--ct-border-1);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-testimonial__dsc > p {
    font-size: 16px;
  }
}
.ct-testimonial__review-item {
  padding: 7px 12px;
  display: inline-block;
  background: #F5F5F5;
  border: 1px solid #ebecf5;
  border-radius: 50px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (max-width: 575px) {
  .ct-testimonial__review-item {
    margin-bottom: 10px;
  }
}
.ct-testimonial__review-item a {
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  color: var(--ct-common-black);
  margin-bottom: 0;
}
.ct-testimonial__review-item:hover {
  background-color: #e5eeff;
  border: 1px solid #e5eeff;
}
.ct-testimonial__review-item:hover a {
  color: var(--ct-theme-1);
}
.ct-testimonial__arrow.ct-custom__arrow button {
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 12px;
  border: 1px solid var(--ct-border-1);
  background: var(--ct-common-white);
}
.ct-testimonial__arrow.ct-custom__arrow button:hover i {
  color: var(--ct-common-black);
}
.ct-testimonial__arrow.ct-custom__arrow .ct-custom__arrow-prev {
  left: -26px;
  z-index: 2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-testimonial__arrow.ct-custom__arrow .ct-custom__arrow-prev {
    left: auto;
    z-index: 2;
    right: 13%;
    top: auto;
    bottom: 16%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-testimonial__arrow.ct-custom__arrow .ct-custom__arrow-prev {
    top: auto;
    bottom: 12%;
  }
}
.ct-testimonial__arrow.ct-custom__arrow .ct-custom__arrow-next {
  right: -26px;
  z-index: 2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-testimonial__arrow.ct-custom__arrow .ct-custom__arrow-next {
    left: auto;
    z-index: 2;
    right: 8%;
    top: auto;
    bottom: 16%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-testimonial__arrow.ct-custom__arrow .ct-custom__arrow-next {
    top: auto;
    bottom: 12%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-testimonial__title-box {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-testi__2-ptb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.ct-testi__2-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ct-testi__2-thumb > img {
  width: 86px;
  height: 86px;
  border: 3px solid var(--ct-theme-1);
  border-radius: 50%;
  transform: scale(0.7);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-testi__2-thumb.slick-center > img {
  transform: scale(1);
}
.ct-testi__2-item-active {
  position: relative;
  padding: 65px 125px;
  background: #fff;
  border: 1px solid #ebecf5;
  border-radius: 20px;
  box-shadow: 0 9px 50px 0 rgba(25, 36, 60, 0.08);
  margin-top: -40px;
}
.ct-testi__2-item-active::after {
  position: absolute;
  width: 417px;
  height: 1px;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  content: "";
  background-color: var(--ct-theme-1);
}
@media (max-width: 575px) {
  .ct-testi__2-item-active::after {
    width: 230px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-testi__2-item-active {
    padding: 65px 30px;
  }
}
@media (max-width: 575px) {
  .ct-testi__2-item-active {
    padding: 65px 20px;
  }
}
.ct-testi__2-dsc p {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.5;
  text-align: center;
  color: var(--ct-common-black);
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-testi__2-dsc p {
    font-size: 21px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-testi__2-dsc p {
    font-size: 17px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-testi__2-dsc p {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .ct-testi__2-dsc p {
    font-size: 16px;
  }
}
.ct-testi__2-title {
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  display: inline-block;
  color: var(--ct-common-black);
  margin-bottom: 0;
}
.ct-testi__2-designation {
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  display: block;
  color: var(--ct-theme-1);
}
.ct-testi__2-nav {
  margin: 50px auto auto;
  text-align: center;
  width: 450px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-testi__2-nav {
    margin: 20px auto auto;
  }
}
@media (max-width: 575px) {
  .ct-testi__2-nav {
    width: 300px;
  }
}
.ct-testi__3 {
  margin: 0 30px;
  border-radius: 15px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-testi__3 {
    margin: 0;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.ct-testi__3-item {
  position: relative;
  padding: 10px;
  border-radius: 15px;
}
.ct-testi__3-content {
  padding: 30px;
  margin-left: 82px;
  border-radius: 15px;
  background-color: #f2f5ff;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-testi__3-content {
    margin-left: 0;
  }
}
.ct-testi__3-content p {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 35px;
  color: var(--ct-common-black);
}
.ct-testi__3-title {
  font-weight: 600;
  font-size: 20px;
  color: var(--ct-common-black);
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-testi__3-title-box {
    margin-bottom: 30px;
  }
}
.ct-testi__3-designation {
  font-weight: 500;
  font-size: 14px;
  color: var(--ct-theme-1);
}
.ct-testi__3-icon-box {
  margin-right: 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-testi__3-icon-box {
    margin-right: 0;
  }
}
.ct-testi__3-icon {
  position: absolute;
  top: 40px;
  left: 40px;
}
.ct-testi__3-shape {
  position: absolute;
  bottom: 0;
}

/*----------------------------------------*/
/*  7.9 faq css
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-faq__wrap {
    margin-left: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-faq__wrap {
    margin-left: 0;
  }
}
.ct-faq__thumb-main img {
  border-radius: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-faq__thumb-main img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-faq__thumb-main {
    margin-bottom: 50px;
  }
}
.ct-faq__thumb-sm {
  position: absolute;
  bottom: 58px;
  right: 8px;
  rotate: 5deg;
}
.ct-faq__thumb-sm img {
  border: 5px solid var(--ct-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-faq__ptb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-faq__style-2 .ct-faq__wrap {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-faq__style-2 .ct-faq__wrap {
    margin-bottom: 30px;
  }
}
.ct-faq__style-2 .ct-faq-accordion-box .accordion-items {
  position: relative;
  border-radius: 5px;
  backdrop-filter: blur(120px);
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.13);
  margin-bottom: 18px;
}
.ct-faq__style-2 .ct-faq-accordion-box .accordion-header {
  border-radius: 0;
  box-shadow: none;
  background: none;
}
.ct-faq__style-2 .ct-faq-accordion-box .accordion-buttons {
  position: relative;
  border: 0;
  font-weight: 600;
  padding: 18px;
  padding-left: 24px;
  color: var(--ct-common-white);
  z-index: 1;
  font-size: 18px;
  font-weight: 600;
  color: var(--ct-common-white);
}
@media (max-width: 575px) {
  .ct-faq__style-2 .ct-faq-accordion-box .accordion-buttons {
    padding-left: 20px;
  }
}
.ct-faq__style-2 .ct-faq-accordion-box .accordion-buttons:not(.collapsed) {
  border-radius: 0;
  border: 0;
  box-shadow: none;
  background: none;
}
.ct-faq__style-2 .ct-faq-accordion-box .accordion-buttons::after {
  color: var(--ct-common-white);
}
.ct-faq__style-2 .ct-faq-accordion-box .accordion-body {
  padding: 0 25px 18px 25px;
  background: none;
  box-shadow: none;
}
.ct-faq__style-2 .ct-faq-accordion-box .accordion-body p {
  font-size: 16px;
  font-weight: 400;
  color: var(--ct-text-2);
}
.ct-faq__widget-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px;
}
.ct-faq__widget-box {
  padding: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .ct-faq__widget-box {
    padding: 40px 20px;
    padding-bottom: 20px;
  }
}
.ct-faq__widget-box p {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: var(--ct-common-white);
}
.ct-faq__widget-discount {
  padding: 40px;
  border-radius: 10px;
  background-color: var(--ct-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .ct-faq__widget-discount {
    padding: 40px 20px;
  }
}
.ct-faq__widget-discount p {
  font-weight: 400;
  font-size: 14px;
  color: var(--ct-text-2);
}
.ct-faq__widget-discount p span {
  font-weight: 600;
  color: var(--ct-theme-1);
}
.ct-faq__widget-title {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: var(--ct-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-faq__right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-faq__inner .ct-faq__wrap {
    margin-right: 0;
    margin-left: 0;
  }
}
.ct-faq__inner-thumb {
  flex: 0 0 auto;
  margin-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-faq__inner-thumb {
    margin-bottom: 20px;
  }
}
.ct-faq__inner-thumb img {
  border-radius: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-faq__inner .ct-faq-accordion-box .accordion-buttons {
    padding-left: 30px;
    padding-right: 40px;
  }
}
.ct-faq__inner .ct-faq-accordion-box .accordion-buttons::after {
  content: "\f063";
}
.ct-faq__inner .ct-faq-accordion-box .accordion-buttons:not(.collapsed)::after {
  content: "\f062";
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-faq__title-box {
    margin-bottom: 30px;
  }
}

/*----------------------------------------*/
/*  7.15 project css
/*----------------------------------------*/
.ct-project__full-wrap {
  border-radius: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-project__full-wrap {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 575px) {
  .ct-project__full-wrap {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-project__full-wrap {
    margin: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-project__title-box {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-project__title-box .ct-section__title-sm {
    font-size: 20px;
  }
}
.ct-project__item {
  padding: 30px 30px 26px 30px;
  border-radius: 15px;
  background: var(--ct-common-white);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-project__item {
    padding: 25px 25px 21px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-project__item {
    padding: 20px;
  }
}
@media (max-width: 575px) {
  .ct-project__item {
    padding: 15px 15px 15px 15px;
  }
}
.ct-project__item:hover {
  background: var(--ct-common-white);
}
.ct-project__item:hover .ct-project__thumb img {
  transform: scale(1.2);
}
.ct-project__item:hover .ct-project__thumb::after {
  opacity: 1;
  visibility: visible;
}
.ct-project__item:hover .ct-project__icon {
  opacity: 1;
  visibility: visible;
}
.ct-project__thumb {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}
.ct-project__thumb img {
  width: 100%;
  border-radius: 15px;
  transition: 1.5s;
}
.ct-project__thumb::after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  background: var(--ct-theme-1);
  mix-blend-mode: multiply;
  opacity: 0;
  visibility: hidden;
  border-radius: 15px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-project__icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-50%);
  -webkit-transition: 0.3s 0.3s ease-out;
  -moz-transition: 0.3s 0.3s ease-out;
  -ms-transition: 0.3s 0.3s ease-out;
  -o-transition: 0.3s 0.3s ease-out;
  transition: 0.3s 0.3s ease-out;
}
.ct-project__icon a {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  display: inline-block;
  color: var(--ct-theme-1);
  background: var(--ct-common-white);
  border-radius: 50%;
  transform: rotate(-35deg);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-project__icon a:hover > i {
  animation: ct-arrow 0.2s linear;
}
.ct-project__content .ct-section__title-sm {
  display: block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .ct-project__content .ct-section__title-sm {
    font-size: 20px;
  }
}
.ct-project__content p {
  margin-bottom: 0;
}
.ct-project__meta {
  font-weight: 600;
  font-size: 16px;
  display: inline-block;
  color: var(--ct-theme-1);
}
.ct-project__active {
  padding-bottom: 50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-project__style .ct-custom__arrow {
    display: none;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .ct-project__style .ct-custom__arrow-prev {
    left: -75px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .ct-project__style .ct-custom__arrow-next {
    right: -75px;
  }
}
.ct-project__style .ct-project__active {
  padding-bottom: 0;
}
.ct-project__style-2 {
  padding-bottom: 95px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-project__style-2 {
    padding-bottom: 55px;
  }
}
.ct-project__style-2 .ct-project__item {
  position: relative;
  padding: 0;
  background: none;
}
.ct-project__style-2 .ct-project__item:hover .ct-project__thumb img {
  filter: saturate(0);
}
.ct-project__style-2 .ct-project__item:hover .ct-project__thumb::after {
  bottom: 0;
}
.ct-project__style-2 .ct-project__item:hover .ct-project__content {
  left: 0;
  right: 0;
  bottom: 70px;
  margin: auto;
  text-align: center;
  transform: translateY(-50%);
  background: none;
  z-index: 9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-project__style-2 .ct-project__item:hover .ct-project__content {
    bottom: 45px;
  }
}
.ct-project__style-2 .ct-project__item:hover .ct-project__categories {
  display: inline-block;
  color: var(--ct-common-white);
}
.ct-project__style-2 .ct-project__item:hover .ct-project__dsc {
  bottom: 40px;
  z-index: 2;
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .ct-project__style-2 .ct-project__item:hover .ct-project__dsc {
    padding: 0 35px;
  }
}
.ct-project__style-2 .ct-project__item:hover .ct-section__title-sm {
  line-height: 1;
  color: var(--ct-common-white);
  margin-bottom: 5px;
}
.ct-project__style-2 .ct-project__content {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 35px;
  padding: 38px 15px 30px 15px;
  text-align: center;
  background: var(--ct-common-white);
  border-radius: 20px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-project__style-2 .ct-project__thumb {
  position: relative;
}
.ct-project__style-2 .ct-project__thumb::after {
  top: auto;
  bottom: -100px;
  mix-blend-mode: normal;
  background: linear-gradient(360deg, #3e66f3 38%, rgba(36, 59, 141, 0) 100%);
  z-index: 1;
  transition: 0.3s;
}
.ct-project__style-2 .ct-project__categories {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
}
.ct-project__style-2 .ct-project__dsc {
  padding: 0 40px;
  position: absolute;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 575px) {
  .ct-project__style-2 .ct-project__dsc {
    padding: 0 25px;
  }
}
@media (max-width: 575px) {
  .ct-project__style-2 .ct-project__dsc {
    padding: 0 15px;
  }
}
.ct-project__style-2 .ct-project__action a {
  padding: 10px 35px;
  color: var(--ct-common-black);
  background: var(--ct-common-white);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-project__style-2 .ct-project__action a:hover {
  color: var(--ct-common-white);
  background: var(--ct-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-project__style-3 {
    padding-top: 70px;
    padding-bottom: 60px;
  }
}
.ct-project__style-3-bg {
  background: linear-gradient(180deg, #eff2f8 61.81%, rgba(239, 242, 248, 0.5) 100%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ct-project__style-3 .ct-project__wrap .row.gx-45 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-project__style-3 .ct-project__wrap .row.gx-45 {
    --bs-gutter-x: 20px;
  }
}
@media (max-width: 575px) {
  .ct-project__style-3 .ct-project__title-box .ct-section__title {
    font-size: 26px;
  }
}
.ct-project__style-3 .ct-project__item {
  padding: 0;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ct-project__style-3 .ct-project__item {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-project__style-3 .ct-project__item {
    margin-bottom: 20px;
  }
}
.ct-project__style-3 .ct-project__icon {
  font-size: 16px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: auto;
  background: var(--ct-common-white);
  border-radius: 50%;
}
.ct-project__style-3 .ct-project__icon.ct-border__animi::before, .ct-project__style-3 .ct-project__icon.ct-border__animi::after {
  border: 3px solid rgba(255, 255, 255, 0.3);
}
.ct-project__2-active {
  margin: 0 -125px;
}
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .ct-project__2-active {
    margin: 0 -50px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-project__2-active {
    margin: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-project__inner {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
.ct-project__inner .ct-project__item {
  margin-bottom: 25px;
}
.ct-project__inner .ct-section__title-sm {
  font-size: 24px;
}
@media (max-width: 575px) {
  .ct-project__inner .ct-section__title-sm {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-project__details-right {
    margin-left: 0;
  }
}
.ct-project__details-title {
  font-weight: 700;
  font-size: 30px;
  color: var(--ct-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-project__details-title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-project__details-title {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  .ct-project__details-title {
    font-size: 20px;
  }
}
.ct-project__details-content > p {
  margin-bottom: 25px;
}
.ct-project__details-content > p span {
  font-weight: 700;
  color: var(--ct-common-black);
}
.ct-project__details-fea-item {
  border: 1px solid #dbe1eb;
  border-radius: 10px;
  box-shadow: 0 15px 48px 0 rgba(16, 19, 24, 0.09);
  background: #fff;
  overflow: hidden;
}
.ct-project__details-fea-item::before {
  position: absolute;
  width: 5px;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  background: var(--ct-theme-1);
}
.ct-project__details-fea-text > p {
  margin-bottom: 0;
}
.ct-project__details-fea-content {
  padding: 30px;
}
.ct-project__details-fea-title {
  font-weight: 600;
  font-size: 20px;
  color: var(--ct-common-black);
}
.ct-project__details-fea-icon span {
  margin-right: 20px;
  display: inline-block;
  color: var(--ct-theme-1);
}
.ct-project__details-thumb-sm:not(:last-child) {
  margin-right: 20px;
}
.ct-project__details-thumb-sm img {
  border-radius: 10px;
}
.ct-project__details-info-item:not(:last-child) {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e7ebf6;
}
.ct-project__details-info-item-title {
  font-weight: 600;
  font-size: 18px;
  color: var(--ct-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-project__details-info-item-title {
    font-size: 16px;
  }
}
.ct-project__details-info-content span {
  font-size: 16px;
}
.ct-project__details-info-icon span {
  font-size: 16px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  color: var(--ct-theme-1);
  margin-right: 20px;
  background: rgba(62, 102, 243, 0.1);
}

/*----------------------------------------*/
/*  7.4 brand css
/*----------------------------------------*/
.ct-brand__text-box p {
  font-weight: 600;
  font-size: 20px;
}
.ct-brand__item {
  width: 100%;
  height: 100px;
  text-align: center;
  border: 1px solid var(--ct-border-1);
  background: var(--ct-common-white);
  border-radius: 10px;
}
.ct-brand__item a {
  width: 268px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-brand__ptb {
    padding-bottom: 80px;
  }
}

/*----------------------------------------*/
/*  7.16 team css
/*----------------------------------------*/
.ct-team__bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-team__ptb {
    padding-top: 70px;
    padding-bottom: 80px;
  }
}
.ct-team__item {
  position: relative;
  overflow: hidden;
  padding: 30px 30px;
  border-radius: 20px;
  border: 1px solid var(--ct-border-1);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-team__item::before {
  position: absolute;
  width: 184px;
  height: 184px;
  top: -100px;
  left: -100px;
  background: var(--ct-theme-1);
  filter: blur(197px);
  content: "";
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-team__item:hover {
  background: var(--ct-common-white);
}
.ct-team__item:hover::before {
  opacity: 1;
  visibility: visible;
}
.ct-team__item:hover .ct-team__thumb img {
  transform: scale(1.3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-team__item {
    padding: 20px;
  }
}
.ct-team__thumb {
  overflow: hidden;
  border-radius: 10px;
  flex: 0 0 auto;
}
.ct-team__thumb a {
  display: block;
}
.ct-team__thumb img {
  max-width: inherit;
  overflow: hidden;
  border-radius: 10px;
  transition: 1.5s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-team__thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-team__thumb {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-team__thumb {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.ct-team__title {
  font-size: 24px;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 0;
  color: var(--ct-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-team__title-box {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-team__dsc p {
    font-size: 15px;
  }
}
.ct-team__designation {
  font-weight: 500;
  font-size: 16px;
  line-height: 2.6;
  display: block;
  color: var(--ct-theme-1);
}
.ct-team__social a {
  font-size: 12px;
  margin-right: 20px;
  color: var(--ct-common-black);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-team__social a:hover {
  color: var(--ct-theme-1);
}
.ct-team__style-2 {
  border-radius: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-team__style-2 {
    padding-top: 70px;
    padding-bottom: 60px;
  }
}
.ct-team__style-2 .ct-team__item {
  position: relative;
  padding: 0;
  border: 0;
}
.ct-team__style-2 .ct-team__item::before {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-team__style-2 .ct-team__thumb {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-team__style-2 .ct-team__thumb {
    margin-bottom: 0;
  }
}
.ct-team__style-2 .ct-team__thumb > a {
  position: relative;
}
.ct-team__style-2 .ct-team__thumb > a::after {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  content: "";
  background: linear-gradient(180deg, rgba(17, 19, 26, 0.1) 32.17%, #11131a 96.46%);
}
.ct-team__style-2 .ct-team__thumb > a img {
  width: 100%;
}
.ct-team__style-2 .ct-team__content {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-team__style-2 .ct-team__content {
    right: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-team__style-2 .ct-team__content {
    right: 40%;
  }
}
.ct-team__style-2 .ct-team__designation {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.6;
  color: var(--ct-common-white);
}
.ct-team__style-2 .ct-team__title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 8px;
  display: inline-block;
  color: var(--ct-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-team__style-2 .ct-team__title-box {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-team__style-2 .ct-team__title-box .ct-section__title {
    font-size: 37px;
  }
}
@media (max-width: 575px) {
  .ct-team__style-2 .ct-team__title-box .ct-section__title {
    font-size: 24px;
  }
}
.ct-team__style-2 .ct-team__social {
  padding: 3px 25px;
  display: inline-block;
  border-radius: 100px;
  backdrop-filter: blur(80px);
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.ct-team__style-2 .ct-team__social a {
  text-align: center;
  font-size: 14px;
  display: inline-block;
  color: var(--ct-text-2);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ct-team__style-2 .ct-team__social a:last-child {
  margin-right: 0;
}
.ct-team__style-2 .ct-team__social a:hover {
  color: var(--ct-theme-1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-team__style-2 .ct-team__arrow.ct-custom__arrow {
    display: none;
  }
}
.ct-team__style-2 .ct-team__arrow.ct-custom__arrow button i {
  color: var(--ct-common-white);
}
.ct-team__style-2 .ct-team__arrow.ct-custom__arrow button:hover {
  border: 1px solid var(--ct-common-white);
  background-color: var(--ct-common-white);
}
.ct-team__style-2 .ct-team__arrow.ct-custom__arrow button:hover i {
  color: var(--ct-theme-1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-team__arrow.ct-custom__arrow {
    display: none;
  }
}
.ct-team__arrow.ct-custom__arrow button {
  width: 67px;
  height: 67px;
  line-height: 67px;
  border: 1px solid #ebecf5;
  background: none;
}
.ct-team__arrow.ct-custom__arrow button i {
  font-size: 16px;
  color: var(--ct-common-black);
}
.ct-team__arrow.ct-custom__arrow button.ct-custom__arrow-prev {
  right: auto;
  left: -150px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .ct-team__arrow.ct-custom__arrow button.ct-custom__arrow-prev {
    left: -115px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .ct-team__arrow.ct-custom__arrow button.ct-custom__arrow-prev {
    left: -95px;
  }
}
.ct-team__arrow.ct-custom__arrow button.ct-custom__arrow-next {
  left: auto;
  right: -150px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .ct-team__arrow.ct-custom__arrow button.ct-custom__arrow-next {
    right: -115px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .ct-team__arrow.ct-custom__arrow button.ct-custom__arrow-next {
    right: -95px;
  }
}
.ct-team__arrow.ct-custom__arrow button:hover {
  border: 1px solid var(--ct-theme-1);
  background-color: var(--ct-theme-1);
}
.ct-team__arrow.ct-custom__arrow button:hover i {
  color: var(--ct-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-team__inner {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}
.ct-team__inner .ct-team__item {
  margin-bottom: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-team__details {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.ct-team__details-wrap {
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #dbe1eb;
  box-shadow: 0 15px 48px 0 rgba(16, 19, 24, 0.09);
}
.ct-team__details-content {
  padding-left: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-team__details-content {
    padding-left: 10px;
  }
}
@media (max-width: 575px) {
  .ct-team__details-content {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-team__details-content {
    padding-bottom: 35px;
  }
}
.ct-team__details .ct-team__title {
  font-size: 40px;
}
@media (max-width: 575px) {
  .ct-team__details .ct-team__title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-team__details .ct-team__thumb {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-team__details .ct-team__thumb {
    margin-bottom: 35px;
  }
}
.ct-team__details-info li {
  display: block;
}
.ct-team__details-info li:not(:last-child) {
  margin-bottom: 20px;
}
.ct-team__details-info li a {
  font-weight: 600;
  font-size: 16px;
  display: inline-block;
}
.ct-team__details-info li a i {
  width: 35px;
  height: 35px;
  font-size: 16px;
  line-height: 35px;
  text-align: center;
  color: var(--ct-common-white);
  background: var(--ct-theme-1);
  border-radius: 50%;
  margin-right: 5px;
}
.ct-team__details-title {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.2;
  color: var(--ct-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-team__details-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-team__details-title {
    font-size: 33px;
  }
}
@media (max-width: 575px) {
  .ct-team__details-title {
    font-size: 26px;
  }
}
.ct-team__details-skill {
  padding: 90px 100px 80px 100px;
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-team__details-skill {
    padding: 90px 30px 80px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-team__details-skill {
    padding: 90px 50px 80px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-team__details-skill {
    padding: 80px 30px 70px 30px;
  }
}
@media (max-width: 575px) {
  .ct-team__details-skill {
    padding: 60px 20px 50px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-team__details-skill-content {
    margin-bottom: 40px;
  }
}
.ct-team__details-skill .ct-progress__bar:not(:last-child) {
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-team__details-skill .ct-progress__bar-wrap {
    padding: 0;
  }
}
.ct-team__details-skill .ct-progress__bar-title {
  color: var(--ct-common-white);
}
.ct-team__details .ct-progress__bar-item {
  margin-bottom: 25px;
}

/*----------------------------------------*/
/*  7.14 price css
/*----------------------------------------*/
.ct-price__bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.ct-price__ptb {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-price__ptb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.ct-price__item {
  position: relative;
  padding: 40px;
  background: var(--ct-common-white);
  border-radius: 20px;
  margin-right: 23px;
}
.ct-price__item::after {
  position: absolute;
  width: 100%;
  top: 226px;
  left: 0;
  height: 1px;
  content: "";
  background: var(--ct-border-5);
}
.ct-price__item.active {
  margin: 0 -21px;
  padding: 60px;
  box-shadow: 0 14px 72px 0 rgba(10, 12, 21, 0.12);
}
.ct-price__item.active::after {
  top: 246px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ct-price__item.active {
    margin: 0 -33px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-price__item.active {
    padding: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-price__item.active {
    margin-bottom: 30px;
    margin: 0 -15px;
  }
}
@media (max-width: 575px) {
  .ct-price__item.active {
    padding: 40px 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-price__item {
    padding: 40px 20px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-price__item {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .ct-price__item {
    padding: 40px 15px;
  }
}
.ct-price__head {
  border-bottom: 1px solid var(--ct-border-1);
}
.ct-price__name {
  font-weight: 700;
  font-size: 24px;
  color: var(--ct-common-black);
}
@media (max-width: 575px) {
  .ct-price__name {
    font-size: 22px;
  }
}
.ct-price__thumb span {
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
  text-align: center;
  background: #f5f6ff;
  display: inline-block;
  color: var(--ct-theme-1);
}
.ct-price__title {
  font-size: 24px;
  font-weight: 700;
  color: var(--ct-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-price__title-box {
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .ct-price__title-box .ct-section__title {
    font-size: 26px;
  }
}
.ct-price__value {
  font-weight: 700;
  font-size: 44px;
  color: var(--ct-theme-1);
}
.ct-price__value span {
  font-weight: 400;
  font-size: 16px;
  color: var(--ct-common-black);
}
@media (max-width: 575px) {
  .ct-price__value {
    font-size: 35px;
  }
}
.ct-price__season p {
  font-weight: 600;
  font-size: 16px;
  color: var(--ct-theme-1);
}
.ct-price__list ul li {
  position: relative;
  font-size: 18px;
  font-weight: 600;
  padding-left: 32px;
  list-style-type: none;
  color: var(--ct-common-black);
}
.ct-price__list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.ct-price__list ul li i {
  position: absolute;
  font-size: 18px;
  left: 0;
  top: 5px;
  color: var(--ct-theme-1);
}
.ct-price__list ul li.grey-color {
  color: var(--ct-text-2);
}
.ct-price__list ul li.grey-color i {
  color: var(--ct-text-2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ct-price__wrap {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-price__wrap {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .ct-price__wrap {
    margin-top: 20px;
  }
}
.ct-price__wrap .row [class*=col-]:nth-child(2n+1) .ct-price__item {
  margin-right: 45px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ct-price__wrap .row [class*=col-]:nth-child(2n+1) .ct-price__item {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-price__wrap .row [class*=col-]:nth-child(2n+1) .ct-price__item {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-price__wrap .row [class*=col-]:nth-child(2n+1) .ct-price__item {
    margin-right: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-price__wrap .row [class*=col-]:nth-child(2n+1) .ct-price__item {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .ct-price__wrap .row [class*=col-]:nth-child(2n+1) .ct-price__item {
    padding: 40px 15px;
  }
}
.ct-price__wrap .row [class*=col-]:nth-child(2n+3) .ct-price__item {
  margin-right: 0;
  margin-left: 45px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ct-price__wrap .row [class*=col-]:nth-child(2n+3) .ct-price__item {
    margin-left: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-price__wrap .row [class*=col-]:nth-child(2n+3) .ct-price__item {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-price__wrap .row [class*=col-]:nth-child(2n+3) .ct-price__item {
    margin-left: 0;
    margin-top: 20px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-price__wrap .row [class*=col-]:last-child .ct-price__item {
    margin-bottom: 0;
  }
}
.ct-price__switch {
  display: inline-block;
}
.ct-price__btn-bg {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 1px 1px rgba(18, 20, 32, 0.14);
  border-radius: 50px;
}
.ct-price__btn-bg button {
  position: relative;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  z-index: 2;
  padding: 18px 25px;
  color: var(--ct-common-black);
  transition: 0.3s;
}
.ct-price__btn-bg button.active {
  color: var(--ct-common-white);
}
.ct-price__btn-bg button.monthly.active ~ .test {
  transform: translateX(0px);
}
.ct-price__btn-bg button.yearly.active ~ .test {
  left: -10px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-tab__item {
    margin: 0 15px;
  }
}

.test {
  position: absolute;
  transition: transform 0.2s ease-in-out;
  will-change: transform;
  width: 95px;
  height: calc(100% - 12px);
  left: 8px;
  right: 0;
  top: 6px;
  display: block;
  content: "";
  background: var(--ct-theme-1);
  box-shadow: 0px 2px 2px -1px rgba(89, 86, 233, 0.15), 0px 0px 1px rgba(89, 86, 233, 0.1);
  border-radius: 30px;
  transform: translateX(104px);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/*----------------------------------------*/
/*  7.15 skill css
/*----------------------------------------*/
.ct-skill__ptb {
  padding-top: 160px;
  padding-bottom: 160px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-skill__ptb {
    padding-top: 145px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-skill__ptb {
    padding-top: 70px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-skill__ptb {
    padding-top: 240px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-skill__ptb {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
.ct-skill__main-thumb {
  top: 40px;
  left: 30px;
  text-align: center;
}
.ct-skill__main-thumb > img {
  border-radius: 30px;
  border: 3px solid #fff;
  box-shadow: 0 6px 45px 0 rgba(27, 30, 41, 0.22);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-skill__main-thumb {
    left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-skill__main-thumb {
    left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-skill__main-thumb {
    top: 0;
    text-align: end;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-skill__main-thumb {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-skill__main-thumb {
    top: 0;
    left: 0;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-skill__title-box {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .ct-skill__title-box .ct-section__title {
    font-size: 26px;
  }
}
.ct-skill__sm-thumb-1 {
  position: absolute;
  left: 10px;
  top: -200px;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-skill__sm-thumb-1 {
    left: -80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-skill__sm-thumb-1 {
    left: 0;
    top: -120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-skill__sm-thumb-1 {
    left: 40px;
  }
}
.ct-skill__sm-thumb-2 {
  position: absolute;
  top: -150px;
  right: 30px;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-skill__sm-thumb-2 {
    right: 40px;
  }
}

.ct-progress__bar-item {
  overflow: hidden;
  margin-bottom: 20px;
}
.ct-progress__bar-title {
  font-weight: 700;
  font-size: 16px;
  color: var(--ct-common-black);
  margin-bottom: 5px;
}
.ct-progress__bar .progress {
  border-radius: 50px;
  height: 16px;
  background: #fff;
  border: 1px solid #d5e0f5;
  box-shadow: 0 10px 31px 0 rgba(169, 177, 193, 0.17);
}
.ct-progress__bar .progress-bar {
  margin: 4px;
  height: 6px;
  background-color: var(--ct-theme-1);
  border-radius: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-progress__bar-wrap {
    margin-right: 0;
  }
}

/*----------------------------------------*/
/*  7.10 featured css
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-featured__ptb {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-featured__ptb {
    padding-bottom: 50px;
  }
}
.ct-featured__wrap {
  margin-top: -230px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-featured__wrap .row [class*=col-]:not(:last-child) .ct-featured__item {
    margin-bottom: 20px;
  }
}
.ct-featured__item {
  padding: 40px 40px 1px 40px;
  border-radius: 10px;
  background: var(--ct-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-featured__item {
    padding: 30px 30px 1px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .ct-featured__item {
    padding: 35px 25px 1px 25px;
  }
}
.ct-featured__item:hover .ct-featured__icon span svg {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.ct-featured__icon span {
  color: var(--ct-theme-1);
}
.ct-featured__title {
  font-weight: 700;
  font-size: 24px;
  display: inline-block;
  color: var(--ct-common-black);
  margin-bottom: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ct-featured__title {
    font-size: 22px;
  }
}
.ct-featured__content {
  padding-bottom: 40px;
  border-bottom: 3px solid var(--ct-theme-1);
  margin-bottom: -1px;
}
.ct-featured__content p {
  line-height: 1.6;
  margin-bottom: 22px;
}
.ct-featured__btn a {
  padding: 9px 25px;
  color: var(--ct-theme-1);
  background: #eef2fb;
}
.ct-featured__btn a:hover {
  color: var(--ct-common-white);
  background-color: var(--ct-theme-1);
}

/*----------------------------------------*/
/*  7.6 contact css
/*----------------------------------------*/
.ct-contact__form-box {
  padding: 40px;
  border-radius: 10px;
  border: 1px solid #2f2f37;
  background: #20202b;
}
.ct-contact__input {
  margin-bottom: 20px;
}
.ct-contact__input input {
  color: var(--ct-common-black);
  background: #191921;
  border: 1px solid #2f2f37;
  border-radius: 5px;
}
.ct-contact__input input::placeholder {
  color: var(--ct-text-2);
}
.ct-contact__input .ct-select-2 {
  margin-bottom: 20px;
}
.ct-contact__btn button {
  border-radius: 5px;
  border: 1px solid var(--ct-theme-1);
}
.ct-contact__btn button:hover {
  color: var(--ct-common-black);
  border: 1px solid var(--ct-common-white);
  background: var(--ct-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-contact__2 {
    padding-top: 70px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-contact__2 .ct-contact__title-box .ct-section__title {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .ct-contact__2 .ct-contact__form-box {
    padding: 30px;
  }
}
.ct-contact__2 .ct-contact__input input {
  color: var(--ct-text-2);
}
.ct-contact__2-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-contact__3 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.ct-contact__3 .ct-contact__form-box {
  backdrop-filter: blur(120px);
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.13);
}
@media (max-width: 575px) {
  .ct-contact__3 .ct-contact__form-box {
    padding: 20px;
  }
}
.ct-contact__3 .ct-contact__input {
  position: relative;
}
.ct-contact__3 .ct-contact__input input {
  font-size: 16px;
  color: var(--ct-text-2);
  background-color: #171a22;
  height: 60px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.ct-contact__3 .ct-contact__input input:focus {
  border: 1px solid var(--ct-theme-1);
}
.ct-contact__3 .ct-contact__input .nice-select {
  border-radius: 5px;
  color: var(--ct-text-2);
  background-color: #171a22;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.ct-contact__3 .ct-contact__input .nice-select:focus {
  border: 1px solid var(--ct-theme-1);
}
.ct-contact__3 .ct-contact__input .nice-select::after {
  color: var(--ct-text-2);
}
.ct-contact__3 .ct-contact__input .nice-select .list {
  padding: 15px 8px;
  background-color: #171a22;
}
.ct-contact__3 .ct-contact__input .nice-select .list li {
  color: var(--ct-text-2);
}
.ct-contact__3 .ct-contact__input .nice-select .option {
  min-height: 30px;
  line-height: 2.1;
}
.ct-contact__3 .ct-contact__icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.ct-contact__3 .ct-contact__icon span {
  color: var(--ct-text-2);
}
.ct-contact__title {
  font-size: 36px;
  font-weight: 600;
  color: var(--ct-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-contact__title-box {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-contact__title {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .ct-contact__title {
    font-size: 24px;
  }
}
.ct-contact__wrap, .ct-contact__form {
  border-radius: 10px;
  border: 1px solid #dbe1eb;
  padding: 50px 60px 55px 60px;
  box-shadow: 0 15px 48px 0 rgba(16, 19, 24, 0.09);
  background: var(--ct-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ct-contact__wrap, .ct-contact__form {
    padding: 50px 40px 55px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-contact__wrap, .ct-contact__form {
    padding: 45px 30px 50px 30px;
  }
}
@media (max-width: 575px) {
  .ct-contact__wrap, .ct-contact__form {
    padding: 40px 20px 50px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-contact__wrap {
    margin-bottom: 30px;
  }
}
.ct-contact__content-item {
  padding: 20px 0;
  border-bottom: 1px solid #dbe1eb;
}
.ct-contact__content-item:last-child {
  border: 0;
  padding-bottom: 0;
}
.ct-contact__content-icon {
  margin-right: 20px;
}
.ct-contact__content-icon span {
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 26px;
  text-align: center;
  margin: auto;
  color: var(--ct-theme-1);
  border-radius: 50%;
  display: inline-block;
  background: rgba(62, 102, 243, 0.1);
}
.ct-contact__content-text span {
  font-weight: 400;
  font-size: 16px;
  display: block;
  margin-bottom: 5px;
}
.ct-contact__content-title {
  font-weight: 700;
  font-size: 18px;
  color: var(--ct-common-black);
}
@media (max-width: 575px) {
  .ct-contact__content-title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-contact__inner {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.ct-contact__inner .ct-contact__input input,
.ct-contact__inner .ct-contact__input textarea {
  border-radius: 100px;
  border: 1px solid #dbe1eb;
  background: #f6f6f6;
  resize: none;
}
.ct-contact__inner .ct-contact__input input:focus,
.ct-contact__inner .ct-contact__input textarea:focus {
  border: 1px solid var(--ct-theme-1);
}
.ct-contact__inner .ct-contact__input textarea {
  height: 211px;
  border-radius: 20px;
}
.ct-contact__inner .ct-contact__input textarea::placeholder {
  color: var(--ct-text-2);
}
.ct-contact__inner .ct-contact__btn button {
  border-radius: 100px;
  border: 0;
}
.ct-contact__inner .ct-contact__btn button:hover {
  color: var(--ct-common-white);
  border: 0;
  background-color: var(--ct-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-contact__map {
    padding-bottom: 80px;
  }
}
.ct-contact__map-box iframe {
  width: 100%;
  filter: saturate(0);
}

/*----------------------------------------*/
/*  7.11 flatpickr css
/*----------------------------------------*/
.flatpickr-calendar {
  background: #191921;
  border: 1px solid #2f2f37;
  border-radius: 5px;
  box-shadow: 0 10px 20px 4px rgba(20, 20, 20, 0.14);
}
.flatpickr-calendar.open {
  padding: 30px;
  width: 384px;
  margin-top: 5px;
  padding-top: 20px;
  padding-bottom: 35px;
}
@media (max-width: 575px) {
  .flatpickr-calendar.open {
    width: 340px;
  }
}
.flatpickr-calendar.open::after {
  display: none !important;
}
.flatpickr-calendar.open .flatpickr-months {
  margin-bottom: 13px;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar.open .flatpickr-months .flatpickr-next-month {
  line-height: 35px;
  padding: 0;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-prev-month {
  top: 20px;
  left: 35px;
  transition: 0.3s;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-prev-month svg {
  width: 18px;
  height: 18px;
  fill: #57595F;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-prev-month svg path {
  fill: #57595F;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-prev-month:hover svg path {
  fill: var(--ct-theme-1);
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-next-month {
  top: 20px;
  right: 35px;
  transition: 0.3s;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-next-month svg {
  width: 18px;
  height: 18px;
  fill: #57595F;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-next-month svg path {
  fill: #57595F;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-next-month:hover svg path {
  fill: var(--ct-theme-1);
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-month .flatpickr-current-month {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--ct-text-2);
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: transparent;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months {
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-month .flatpickr-current-month input.cur-year {
  font-size: 18px;
  font-weight: 400;
  color: var(--ct-text-2);
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper span {
  display: none;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper:hover {
  background: transparent;
}
.flatpickr-calendar.open .flatpickr-innerContainer {
  justify-content: center;
}
.flatpickr-calendar.open .dayContainer {
  justify-content: center;
}
.flatpickr-calendar.open .flatpickr-days {
  padding-top: 2px;
}
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-weekdaycontainer span {
  color: #57595F;
  font-size: 15px;
  font-weight: 400;
}
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day.flatpickr-disabled:hover,
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day.prevMonthDay,
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day.nextMonthDay,
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day.notAllowed,
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day.notAllowed.nextMonthDay {
  color: #9d9c9d;
}
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day {
  border: 1px solid #2f2f37;
  border-radius: 0;
  width: 46px;
  max-width: 46px;
  margin-right: -1px;
  height: 44px;
  margin-top: -1px;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  text-align: center;
  color: var(--ct-text-2);
}
@media (max-width: 575px) {
  .flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day {
    width: 40px;
    max-width: 40px;
    height: 40px;
  }
}
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day.today, .flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day.selected {
  color: var(--ct-common-white);
  background-color: var(--ct-theme-1);
  border: none;
}
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day:hover {
  color: var(--ct-common-white);
  background-color: var(--ct-theme-1);
}
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day.today:hover {
  color: var(--ct-common-white);
  background-color: var(--ct-theme-1);
  border: none;
}
.flatpickr-calendar .flatpickr-weekdays {
  display: none;
}
.flatpickr-calendar.arrowTop::before {
  content: none;
}
.flatpickr-calendar.arrowBottom::before {
  border: none;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  border: 0;
}
.flatpickr-time input.flatpickr-hour, .flatpickr-time input.flatpickr-minute {
  font-weight: bold;
  background-color: #20202b;
  height: 40px;
  border: 1px solid #2f2f37;
  border-radius: 5px;
  color: var(--ct-text-2);
  resize: none;
}
.flatpickr-time .flatpickr-am-pm {
  border-radius: 5px;
  margin-left: 5px;
}
.flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time .flatpickr-am-pm:focus {
  color: var(--ct-common-white);
  background: var(--ct-theme-1);
}

.calender-active.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day.today:hover {
  color: var(--ct-common-white);
  background-color: var(--ct-theme-1);
}

.calender-active.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day.today,
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day.selected {
  color: var(--ct-common-white);
  background-color: var(--ct-theme-1);
}

.calender-active.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day:hover {
  color: var(--ct-common-white);
  background-color: var(--ct-theme-1);
}

.calender-active.open {
  box-shadow: 0 10px 20px 4px rgba(20, 20, 20, 0.14);
  background: #faf5ef;
}

.flatpickr-current-month .nice-select::after {
  display: none;
}

/*----------------------------------------*/
/*  7.3 banner css
/*----------------------------------------*/
.ct-banner__bg {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ct-banner__shape-1 {
  position: absolute;
  right: 0;
  top: 0;
}
.ct-banner__shape-2 {
  position: absolute;
  right: 0;
  top: 0;
  mix-blend-mode: multiply;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-banner__title-box {
    margin-bottom: 30px;
  }
}
.ct-banner__title-box p {
  color: var(--ct-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-banner__title-box .ct-section__title {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .ct-banner__title-box .ct-section__title {
    font-size: 26px;
  }
}
.ct-banner__style {
  border-radius: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-banner__style {
    padding-top: 70px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-banner__style {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.ct-banner__style .ct-banner__title-box p {
  font-size: 18px;
}

/*----------------------------------------*/
/*  7.2 appointment css
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-appointment__ptb {
    padding-bottom: 80px;
  }
}
.ct-appointment__bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px;
}
.ct-appointment__wrap {
  padding: 100px 100px 85px 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-appointment__wrap {
    padding: 70px 30px 40px 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-appointment__wrap {
    padding: 30px 15px;
  }
}
.ct-appointment__title {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.2;
  color: var(--ct-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-appointment__title-box {
    margin-bottom: 30px;
  }
}
.ct-appointment__title-box p {
  margin-right: 100px;
  color: var(--ct-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-appointment__title-box p {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-appointment__title {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .ct-appointment__title {
    font-size: 26px;
  }
}
.ct-appointment__info a {
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-appointment__info {
    margin-bottom: 40px;
  }
}
.ct-appointment__icon span {
  font-size: 14px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  color: var(--ct-common-white);
  border: 1px solid var(--ct-common-white);
  border-radius: 50%;
  margin-right: 15px;
}
.ct-appointment__text p {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 0;
  color: var(--ct-common-white);
}
.ct-appointment__text span {
  color: var(--ct-common-white);
}
.ct-appointment__input input, .ct-appointment__input textarea {
  border: 0;
  border-color: none;
  border-radius: 100px;
  background: var(--ct-common-white);
}
.ct-appointment__input input::placeholder, .ct-appointment__input textarea::placeholder {
  color: var(--ct-text-2);
}
.ct-appointment__input textarea {
  resize: none;
  height: 150px;
  border-radius: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-appointment__inner {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-appointment__form {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-appointment__form {
    padding-bottom: 0px;
  }
}

/*----------------------------------------*/
/*  7.8 error css
/*----------------------------------------*/
.ct-error__shape-box {
  bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-error__shape-box {
    margin-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .ct-error__shape-box {
    margin-bottom: 0;
  }
}
.ct-error__shape-1 {
  position: absolute;
  left: 12px;
  right: 0;
  text-align: center;
  bottom: -115px;
  z-index: 2;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-error__shape-1 {
    left: 30px;
    bottom: -45px;
  }
}
.ct-error__shape-2 {
  position: absolute;
  left: 0;
  right: -200px;
  bottom: -20px;
  z-index: 1;
  transform-origin: bottom left;
  animation: ct-spin 8000ms forwards infinite alternate;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-error__shape-2 {
    scale: 0.9;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-error__content {
    padding-top: 60px;
  }
}
@media (max-width: 575px) {
  .ct-error__content {
    padding-top: 0;
  }
}
.ct-error__title {
  font-weight: 800;
  font-size: 290px;
  color: var(--ct-theme-1);
}
@media (max-width: 575px) {
  .ct-error__title {
    font-size: 140px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ct-error__title-box .ct-section__title {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .ct-error__title-box .ct-section__title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-error__title-box p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-error__inner {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

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