/* Varialbes */
:root {
	--font-default: "Arimo", sans-serif;
	--font-heading: "Arimo", sans-serif;
	--fontawesome: "Font Awesome 5 Free";
	--black: #000000;
	--dark: #002866;
	--dark-secondary: #002155;
	--dark-optional: #002866;
	--white: #ffffff;
	--white-secondary: #bed6dc;
	--white-secondary: #d8e3f0;
	--color-primary: #5F0B0A;
	--color-secondary: #2556A1;
	--color-style-two: #5F0B0A;
	--color-style-three: #00e3ff;
	--color-heading: #0E313A;
	--color-paragraph: #000000;
	--box-shadow-primary: -1px 3px 10px 0 rgba(0, 0, 0, 0.6);
	--box-shadow-secondary: 0 10px 30px 0 rgba(44, 130, 237, 0.4);
	--box-shadow-regular: 0px 2px 12px 0px #e7e7e7;
	--bg-gray: #EFEFEF;
	--bg-gray-secondary: #e9edfc;
	--bg-gradient: linear-gradient(90deg, var(--color-primary)  0%, var(--color-secondary) 100%);
	--bg-gradient-secondary: linear-gradient(90deg, var(--color-secondary)  0%, var(--color-style-three) 100%);
	--bg-gradient-minimal: linear-gradient(180deg, #f9e4e4 40%, #fffbfa 60%);
}

#back-to-top {
  position: fixed;
  z-index: 9999;
  bottom: 20px;
  right: 20px;
  background-color: #5c0e0c;
  color: #fff;
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: none;
}

#back-to-top:hover {
  background-color: #002866;
}






/* ============================================================== 
     # Reset Browsers
=================================================================== */

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

body,
html {
	height: 100%;
}

html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	scroll-behavior: smooth;
}

html, body, div, span, img,
ol, ul, li, a, p, h1, h2, h3,
h4, h5, h6, option, legend, label,
table, th, td, tr, article, aside,
caption, figure, footer, header, hgroup,
mark, nav, section, time, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

  .container{
    max-width: 90%;
  }

.wrapper {
	height: 100%;
}

.wp-block-buttons .wp-block-button__link:hover{
	background-color: #5F0E0D!important;
	color: #fff;
}

img {
	border: none;
	outline: none;
	max-width: 100%;
}

label {
	display: inline-block;
	font-weight: normal;
	margin-bottom: 5px;
	max-width: 100%;
}

a {
	outline: none;
	text-decoration: none;
	color: var(--color-heading);
}

a img {
	border: none;
}

a:active {
	outline: none;
	text-decoration: none;
	color: var(--color-heading);
	opacity: 1;
}

a:focus {
	outline: none;
	text-decoration: none;
	color: var(--color-heading);
}

a:hover {
	outline: none;
	text-decoration: none;
	color: var(--color-primary);
	opacity: 1;
}

.theme-color-two a:hover,
.color-secondary a:hover {
	color: var(--color-secondary);
}

button {
	outline: medium none;
}

iframe {
	border: none;
}

hr {
	margin-top: 0;
	margin-bottom: 0;
	border: 0;
	border-top: 1px solid #eeeeee;
}

pre {
	display: block;
	margin: 0 0 30px;
	padding: 9.5px;
	word-wrap: break-word;
	word-break: break-all;
	color: #333333;
	border: 1px solid #ededed;
	border-radius: inherit;
	background-color: #f9f9f9;
	font-size: 13px;
	line-height: 1.42857143;
}

input {
	border: 1px solid #e7e7e7;
	border-radius: inherit;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	min-height: 50px;
}

input:focus {
	outline: none;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
}

textarea:focus {
	outline: none;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
}

select:focus {
	outline: none;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
}

ul {
	list-style-type: none;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

b {
	font-weight: 800;
}

strong {
	font-weight: 800;
}

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

i::before {
	line-height: inherit !important;
}



.radio-group input {
  min-height: auto;
}


.table br{
    display: none;
}
.radio-group {
  display: contents;
}

.same-input input {
  border: 1px solid #e7e7e7;
  min-height: 40px;
  width: 100%;
  padding: 0px 10px;
}
.table input {
  padding: 0px 10px;
}



.swiper-button-next {
  margin-top: 0px;
  position: absolute;
  right: 20px;
  width: 45px;
  height: 45px;
  top: 55%;
}
.swiper-button-prev {
  position: absolute;
  left: 20px;
  width: 45px;
  height: 45px;
  margin-top: 0px;
  top: 55%;
}







/* ============================================================== 
    # Template Default Styles
=================================================================== */

body {
	font-family: var(--font-default);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.8;
	overflow-x: hidden;
	background-color: var(--white);
	color: var(--color-paragraph);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--color-heading);
	font-weight: normal;
	line-height: 1.2;
	font-family: var(--font-heading);
	letter-spacing: 0;
	margin: 0;
	margin-bottom: 15px;
	font-weight: 800;
}

h1 {
	font-size: 40px;
	margin-bottom: 25px;
}

h2 {
	font-size: 36px;
	margin-bottom: 25px;
}

h3 {
	font-size: 28px;
	margin-bottom: 25px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 14px;
}

a, .btn, button {
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	outline: medium none;
	text-decoration: none;
	font-weight: 800;
	line-height: 26px;
}

p {
	color: var(--color-paragraph);
	text-transform: none;
	font-weight: 500;
	font-family: var(--font-default);
}

.form-group {
	margin-bottom: 20px;
}

.content ul li{
    list-style: none!important;
	margin-left: 0px;
}

/* ============================================================== 
    # Helper CSS
=================================================================== */

.container-full {
	padding: 0 15px;
	margin: auto;
	max-width: 100%;
	width: 100%;
}


 @media (min-width: 576px) {
     .container-full {
         max-width: 540px;
         width: 100%;
    }
}
 @media (min-width: 768px) {
     .container-full {
         max-width: 720px;
         width: 100%;
    }
}
 @media (min-width: 992px) {
     .container-full {
         max-width: 960px;
         width: 100%;
    }
}
 @media (min-width: 1200px) {
     .container-full {
         max-width: 1400px;
         width: 100%;
    }
     .container-full.no-gap {
         max-width: 100%;
         width: 100%;
         padding: 0;
    }
}
 .container-fill {
     padding: 0 15px;
     margin: auto;
     max-width: 100%;
     width: 100%;
     position: relative;
}
 @media (min-width: 576px) {
     .container-fill {
         max-width: 540px;
         width: 100%;
    }
}
 @media (min-width: 768px) {
     .container-fill {
         max-width: 720px;
         width: 100%;
    }
}
 @media (min-width: 992px) {
     .container-fill {
         max-width: 960px;
         width: 100%;
    }
}
 @media (min-width: 1200px) {
     .container-fill {
         width: 100%;
         max-width: 100%;
    }
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .container-fill {
         width: 100%;
         max-width: 100%;
         padding-left: 15px;
         padding-right: 15px;
    }
}
 @media only screen and (min-width: 1400px) {
     .container-stage {
         margin-left: calc((100% - 1320px)/ 2);
         width: auto;
         min-width: auto;
         max-width: inherit;
         padding-right: 0;
    }
}
 @media only screen and (max-width: 767px) {
     .row {
         --bs-gutter-x: 1.5rem;
    }
}
 .bg-cover {
     background-position: center center !important;
     background-size: cover !important;
}
 .bg-contain {
     background-size: contain !important;
     background-repeat: no-repeat !important;
     background-position: left top !important;
}
 .bg-fixed {
     background-attachment: fixed !important;
     background-position: center center !important;
     background-size: cover !important;
}
 .bg-fit {
     background-size: 100% 100% !important;
     background-position: center !important;
}
 .bg-gray {
     background-color: var(--bg-gray);
}
 .bg-gray-secondary {
     background: var(--bg-gray-secondary);
}
 .bg-light {
     background-color: var(--white);
}
 .bg-dark {
     background-color: var(--dark) !important;
}
 .bg-dark-secondary {
     background-color: var(--dark-secondary) !important;
}
 .bg-theme {
     background-color: var(--color-primary);
}
 .color-secondary .bg-theme {
     background-color: var(--color-secondary);
}
 .bg-theme-secondary {
     background: var(--color-secondary);
}
 .bg-gradient {
     background-color: var(--color-primary);
     background: var(--bg-gradient) !important;
}
 .bg-gradient-secondary {
     background-color: var(--color-secondary);
     background: var(--bg-gradient-secondary) !important;
}
 .bg-gradient-minimal {
     background: var(--bg-gradient-minimal);
}
 .gradient-bg {
     background-color: var(--color-primary);
     background: var(--gradient-bg) !important;
}
 .text-light {
     color: var(--white);
}
 .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light p, .text-light span, .text-light a {
     color: var(--white);
}
 .bg-dark p {
     color: var(--white-secondary);
}
 .shadow {
     -webkit-box-shadow: inherit !important;
     box-shadow: inherit !important;
}
 .shadow.dark {
     position: relative;
     z-index: 1;
}
 .shadow.dark:after {
     background: var(--black);
     content: "";
     height: 100%;
     left: 0;
     opacity: 0.35;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: -1;
     -webkit-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
}
 .shadow.dark-hard {
     position: relative;
     z-index: 1;
}
 .shadow.dark-hard:after {
     background: var(--black);
     content: "";
     height: 100%;
     left: 0;
     opacity: 0.5;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: -1;
     -webkit-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
}
 .shadow.theme {
     position: relative;
     z-index: 1;
}
 .shadow.theme:after {
     background: var(--color-primary) none repeat scroll 0 0;
     content: "";
     height: 100%;
     left: 0;
     opacity: 0.7;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: -1;
     -webkit-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
}
 .shadow.light {
     position: relative;
     z-index: 1;
}
 .shadow.light:after {
     background: var(--white) none repeat scroll 0 0;
     content: "";
     height: 100%;
     left: 0;
     opacity: 0.6;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: -1;
     -webkit-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
}
 .shadow-dark-left {
     position: relative;
     z-index: 1;
}
 .shadow-dark-left::after {
     position: absolute;
     left: 0;
     top: 0;
     content: "";
     height: 100%;
     width: 70%;
     background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(0, 0, 0, 0) 0%, var(--black) 70%) repeat scroll 0 0;
     z-index: -1;
     opacity: 0.7;
}
 .default-padding, .default-padding-top, .default-padding-bottom, .default-padding-mx {
     position: relative;
}
 .default-padding {
     padding-top: 5%;
     padding-bottom: 5%;
}

.get-started {
  margin-bottom: 5%;
  border: 3px dashed #0a316c;
  padding: 2%;
}




 @media only screen and (max-width: 767px) {
     .default-padding {
         padding-top: 3%;
         padding-bottom: 3%;
    }
}
 .default-padding-big {
     padding: 250px 0;
}
 @media only screen and (max-width: 767px) {
     .default-padding-big {
         padding: 70px 0;
    }
}
 .default-padding-top {
     padding-top: 120px;
}
 @media only screen and (max-width: 767px) {
     .default-padding-top {
         padding-top: 70px;
    }
}
 .default-padding-bottom {
     padding-bottom: 120px;
}
 @media only screen and (max-width: 767px) {
     .default-padding-bottom {
         padding-bottom: 70px;
    }
}
 .default-padding.bottom-less {
     padding-top: 120px;
     padding-bottom: 90px;
}
 @media only screen and (max-width: 767px) {
     .default-padding.bottom-less {
         padding-top: 70px;
         padding-bottom: 40px;
    }
}
 .default-padding-bottom.bottom-less {
     margin-bottom: -30px;
}
 @media only screen and (max-width: 767px) {
     .default-padding-bottom.bottom-less {
         margin-bottom: 0;
    }
}
 .default-padding-top.bottom-less {
     margin-bottom: -30px;
}
 @media only screen and (max-width: 767px) {
     .default-padding-top.bottom-less {
         margin-bottom: -30px;
    }
}
 @media only screen and (min-width: 1200px) {
     .align-center {
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
    }
}
 .relative {
     position: relative;
}
 .overflow-hidden {
     overflow: hidden;
}
 .border-top {
     border-top: 1px solid #e7e7e7;
}
 .border-bottom {
     border-bottom: 1px solid #e7e7e7;
}
 .border-left {
     border-left: 1px solid #e7e7e7;
}
 .border-right {
     border-right: 1px solid #e7e7e7;
}
 .heading {
     font-weight: 800;
     margin-bottom: 25px;
     margin-top: -5px;
     font-size: 42px;
     line-height: 1.3;
}
 .heading span {
     font-weight: 500;
}
 .site-heading {
     margin-bottom: 4%;
     position: relative;
     z-index: 1;
}
.f-item p {
  margin-bottom: 0px!important;
}
 .title {
     font-weight: 800;
     font-size: 3dvw ;
}
 .bg-dark .title {
     color: var(--white);
}
 @media (max-width: 767px) {
     .title {
         font-size: 4dvw;
         margin-top: 0;
    }
}
 .site-heading .title {
     margin-bottom: 0;
}
 .sub-title {
     text-transform: uppercase;
     color: var(--color-heading);
     font-weight: 700;
     display: inline-block;
     position: relative;
     z-index: 1;
     border: 1px solid #b3b1b1;
     padding: 7px 15px;
     font-size: 20px;
     border-radius: 4px;
}
 .bg-dark .sub-title {
     border-color: rgba(255, 255, 255, 0.4);
     color: var(--white);
}
 .site-heading p {
     margin-bottom: 0;
     margin-top: 25px;
     padding: 0 10%;
}
 .site-heading .devider {
     display: inline-block;
     width: 50px;
     height: 2px;
     background: var(--color-primary);
     position: relative;
     z-index: 1;
     left: 10px;
}
 .site-heading.light .devider, .bg-theme .site-heading .devider, .bg-gradient .site-heading .devider, .shadow .site-heading .devider, .bg-dark .site-heading .devider {
     background: var(--white);
}
 .site-heading .devider:before {
     position: absolute;
     left: -15px;
     top: 0;
     content: "";
     height: 2px;
     width: 10px;
     background: var(--color-primary);
}
 .site-heading.light .devider:before, .bg-theme .site-heading .devider:before, .bg-gradient .site-heading .devider:before, .shadow .site-heading .devider:before, .bg-dark .site-heading .devider:before {
     background: var(--white);
}
 @media (max-width: 767px) {
     .site-heading p {
         padding: 0;
    }
}
 @media only screen and (max-width: 767px) {
     .site-heading {
         margin-bottom: 40px;
    }
}
 .heading-left {
     position: relative;
     z-index: 1;
     margin-bottom: 60px;
}
 .heading-left .title {
     margin-bottom: 0;
}
 .bg-dark .heading-left .title, .bg-dark-secondary .heading-left .title, .bg-theme .heading-left .title, .bg-gradient .heading-left .title {
     color: var(--white);
}
 .heading-left .heading {
     font-weight: 800;
     margin-bottom: 0;
}
 .heading-left .right-content {
     border-left: 1px solid #e7e7e7;
     padding-left: 50px;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .heading-left .heading {
         margin-bottom: 30px;
    }
}
 @media only screen and (max-width: 767px) {
     .heading-left .heading {
         margin-bottom: 15px;
    }
}
 .heading-left p {
     margin-bottom: 0;
}
 .heading-left .btn {
     margin-top: 30px;
}
 @media only screen and (max-width: 767px) {
     .heading-left {
         margin-bottom: 30px;
    }
}
 .bg-dark .heading-left p {
     opacity: 0.8;
}
 .sub-heading {
     text-transform: uppercase;
     color: var(--color-primary);
     font-weight: 700;
     background: var(--bg-gradient-reverse);
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
     display: inline-block;
     position: relative;
     z-index: 1;
     margin-bottom: 20px;
}
 .bg-gradient .sub-heading {
     color: var(--white);
     background: transparent;
     -webkit-background-clip: inherit;
     background-clip: inherit;
     -webkit-text-fill-color: inherit;
     opacity: 0.9;
}
 @media (min-width: 1200px) {
     .gutter-lg {
         --bs-gutter-x: 50px;
    }
}




.blog-item-box h1 ,h2,h3,h4,h5{
	color: #2556a1!important;
}



/* ============================================================== # Video Play Button =================================================================== */
 .video-play-button {
     display: inline-block;
     position: relative;
     height: 120px;
     width: 120px;
     line-height: 120px;
     background: var(--color-primary);
     border-radius: 50%;
     font-size: 30px;
     font-weight: 100;
     color: var(--white);
     text-align: center;
}
 .color-style-two .video-play-button {
     background: var(--color-style-two);
}
 .color-style-four .video-play-button {
     background: var(--color-style-four);
}
 .video-play-button i {
     font-weight: 100;
     color: var(--white);
}
 .video-play-button::after {
     position: absolute;
     left: 50%;
     top: 50%;
     content: "";
     height: 105%;
     width: 105%;
     border: 1px solid rgba(255, 255, 255, 0.8);
     animation: pulse-border 3s linear infinite;
     border-radius: 50%;
}
 @-webkit-keyframes pulse-border {
     0% {
         -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         opacity: 1;
    }
     100% {
         -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         opacity: 0;
    }
}
 @keyframes pulse-border {
     0% {
         -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         opacity: 1;
    }
     100% {
         -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         opacity: 0;
    }
}
/* ============================================================== # Template Animation =================================================================== */
/* Video Paly */
 @-webkit-keyframes video-play {
     0% {
         -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         opacity: 1;
    }
     100% {
         -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         opacity: 0;
    }
}
 @keyframes video-play {
     0% {
         -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         opacity: 1;
    }
     100% {
         -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         opacity: 0;
    }
}
/*Zoom Animation */
 .zoom-animation {
     -webkit-animation: zoom 2000ms ease-out infinite;
     animation: zoom 2000ms ease-out infinite;
}
/* Slider Zoom Effect */
 @-webkit-keyframes zoom {
     from {
         -webkit-transform: scale(1, 1);
    }
     to {
         -webkit-transform: scale(1.2, 1.2);
    }
}
 @keyframes zoom {
     from {
         -webkit-transform: scale(1, 1);
         transform: scale(1, 1);
    }
     to {
         -webkit-transform: scale(1.2, 1.2);
         transform: scale(1.2, 1.2);
    }
}
/* Spiner Animation */
 .spiner-animation {
     -webkit-animation: spinner 20s infinite linear;
     animation: spinner 20s infinite linear;
}
/*Preloader Spiner Animation */
 @-webkit-keyframes spinner {
     to {
         -webkit-transform: rotateZ(360deg);
         transform: rotateZ(360deg);
    }
}
 @keyframes spinner {
     to {
         -webkit-transform: rotateZ(360deg);
         transform: rotateZ(360deg);
    }
}
/* Spiner Animation */
 .spiner-reverse-animation {
     -webkit-animation: spinnerReverse 20s infinite linear;
     animation: spinnerReverse 20s infinite linear;
}
/*Preloader Spiner Animation */
 @-webkit-keyframes spinnerReverse {
     to {
         -webkit-transform: rotateZ(-360deg);
         transform: rotateZ(-360deg);
    }
}
 @keyframes spinnerReverse {
     to {
         -webkit-transform: rotateZ(-360deg);
         transform: rotateZ(-360deg);
    }
}
/* Infinite Up Down Animation */
 @keyframes UpDown {
     0% {
         -webkit-transform: translateY(0px);
         transform: translateY(0px);
    }
     50% {
         -webkit-transform: translateY(-25px);
         transform: translateY(-25px);
    }
     100% {
         -webkit-transform: translateY(0px);
         transform: translateY(0px);
    }
}
/* Animation UpDown */
 .updown-animation {
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
     animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
     -webkit-animation-name: UpDown;
     animation-name: UpDown;
     -webkit-animation-duration: 2s;
     animation-duration: 2s;
}
 @-webkit-keyframes UpDown {
     0% {
         -webkit-transform: translateY(0px);
         transform: translateY(0px);
    }
     50% {
         -webkit-transform: translateY(-25px);
         transform: translateY(-25px);
    }
     100% {
         -webkit-transform: translateY(0px);
         transform: translateY(0px);
    }
}
/* Animation Left Right */
 .leftRight-animation {
     -webkit-animation: fadeLeftRight 10s ease-out infinite;
     animation: fadeLeftRight 10s ease-out infinite;
}
/* Fade Left Right */
 @keyframes fadeLeftRight {
     0%, 100% {
         -webkit-transform: translateX(100px);
         transform: translateX(100px);
    }
     50% {
         -webkit-transform: translateX(0px);
         transform: translateX(0px);
    }
}
 @-webkit-keyframes fadeLeftRight {
     0%, 100% {
         -webkit-transform: translateX(100px);
         transform: translateX(100px);
    }
     50% {
         -webkit-transform: translateX(0px);
         transform: translateX(0px);
    }
}
/* Animation Right Left */
 .rightLeft-animation {
     -webkit-animation: fadeRightLeft 10s ease-out infinite;
     animation: fadeRightLeft 10s ease-out infinite;
}
 @keyframes fadeRightLeft {
     0%, 100% {
         -webkit-transform: translateX(0px);
         transform: translateX(0px);
    }
     50% {
         -webkit-transform: translateX(-50px);
         transform: translateX(-50px);
    }
}
 @-webkit-keyframes fadeRightLeft {
     0%, 100% {
         -webkit-transform: translateX(0px);
         transform: translateX(0px);
    }
     50% {
         -webkit-transform: translateX(-50px);
         transform: translateX(-50px);
    }
}
/* Animation Zoom Up Down */
 .zoomUpDown-animation {
     -webkit-animation: zoomUpDown 10s ease-out infinite;
     animation: zoomUpDown 10s ease-out infinite;
}
/* Zoom Up Down */
 @keyframes zoomUpDown {
     0%, 100% {
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
    }
     50% {
         -webkit-transform: scale(0.7);
         transform: scale(0.7);
    }
}
 @-webkit-keyframes zoomUpDown {
     0%, 100% {
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
    }
     50% {
         -webkit-transform: scale(0.8);
         transform: scale(0.8);
    }
}
/* Animation Moving */
 .moving-animation {
     -webkit-animation: moving 10s ease-out infinite;
     animation: moving 10s ease-out infinite;
}
/* Mooving Animation */
 @-webkit-keyframes moving {
     0% {
         -webkit-transform: translate(0px, 0px);
         transform: translate(0px, 0px);
    }
     20% {
         -webkit-transform: translate(0px, -30px);
         transform: translate(0px, -30px);
    }
     50% {
         -webkit-transform: translate(-100px, -30px);
         transform: translate(-100px, -30px);
    }
     70% {
         -webkit-transform: translate(-100px, 0px);
         transform: translate(-100px, 0px);
    }
     100% {
         -webkit-transform: translate(0px, 0px);
         transform: translate(0px, 0px);
    }
}
 @keyframes moving {
     0% {
         -webkit-transform: translate(0px, 0px);
         transform: translate(0px, 0px);
    }
     20% {
         -webkit-transform: translate(0px, -30px);
         transform: translate(0px, -30px);
    }
     50% {
         -webkit-transform: translate(-100px, -30px);
         transform: translate(-100px, -30px);
    }
     70% {
         -webkit-transform: translate(-100px, 0px);
         transform: translate(-100px, 0px);
    }
     100% {
         -webkit-transform: translate(0px, 0px);
         transform: translate(0px, 0px);
    }
}
/* Animation Rotation */
 @keyframes infinite-rotate {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     50% {
         -webkit-transform: rotate(180deg);
         transform: rotate(180deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @-webkit-keyframes infinite-rotate {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     50% {
         -webkit-transform: rotate(180deg);
         transform: rotate(180deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
/* Button Border Animation */
 @-webkit-keyframes open {
     0% {
         width: 0;
         height: 0;
    }
     50% {
         width: 100px;
         height: 0;
    }
     100% {
         width: 100px;
         height: 55px;
    }
}
 @keyframes open {
     0% {
         width: 0;
         height: 0;
    }
     50% {
         width: 100px;
         height: 0;
    }
     100% {
         width: 100px;
         height: 55px;
    }
}
 @-webkit-keyframes openB {
     0% {
         width: 0px;
    }
     100% {
         width: 100px;
    }
}
 @keyframes openB {
     0% {
         width: 0px;
    }
     100% {
         width: 100px;
    }
}
/* Animation Shine (A shine color will move inside the text) */
 @-webkit-keyframes shine {
     0% {
         margin-right: 0;
    }
     100% {
         margin-right: -100px;
    }
}
 @keyframes shine {
     0% {
         margin-right: 0;
    }
     100% {
         margin-right: -100px;
    }
}
 @-webkit-keyframes infiniteMove {
     0% {
         border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    }
     50% {
         border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;
    }
     100% {
         border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    }
}
 @keyframes infiniteMove {
     0% {
         border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    }
     50% {
         border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;
    }
     100% {
         border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    }
}
 @-webkit-keyframes infiniteMove2 {
     0% {
         border-radius: 60% 30% 70% 40% / 60% 40% 30% 70%;
    }
     50% {
         border-radius: 50% 60% 30% 60% / 30% 60% 70% 40%;
    }
     100% {
         border-radius: 60% 30% 70% 40% / 60% 40% 30% 70%;
    }
}
 @keyframes infiniteMove2 {
     0% {
         border-radius: 60% 30% 70% 40% / 60% 40% 30% 70%;
    }
     50% {
         border-radius: 50% 60% 30% 60% / 30% 60% 70% 40%;
    }
     100% {
         border-radius: 60% 30% 70% 40% / 60% 40% 30% 70%;
    }
}
 .gutter-xl {
     --bs-gutter-x: 150px;
}
 .split-text {
     overflow: hidden;
     position: relative;
}
 .split-text .line {
     overflow: hidden;
     display: none;
     padding-bottom: 2px;
}
/* ============================================================== # Button Styles =================================================================== */
 .btn-style-one {
     display: inline-block;
     background: var(--color-primary);
     padding: 13px 40px;
     text-transform: uppercase;
     font-size: 15px;
     font-weight: 600;
     border-radius: 5px;
     color: var(--white);
     position: relative;
     z-index: 1;
     overflow: hidden;
     box-shadow: none !important;
     border: none;
}
 .color-secondary .btn-style-one {
     background: var(--color-secondary);
}
 .btn-style-one::before {
     position: absolute;
     left: 25px;
     top: 50%;
     content: "";
     height: 5px;
     width: 5px;
     background: var(--white);
     transform: translateY(-50%);
     border-radius: 50%;
     transition: all 0.35s ease-in-out;
}
 .btn-style-one span {
     position: absolute;
     right: 25px;
     top: 50%;
     content: "";
     height: 5px;
     width: 5px;
     background: var(--white);
     transform: translateY(-50%);
     border-radius: 50%;
     transition: all 0.35s ease-in-out;
}
 .btn-style-one.btn-light::before, .btn-style-one.btn-light span {
     background: var(--dark);
}
 .btn-style-one.border-dark::before, .btn-style-one.border-dark span {
     background: var(--dark);
}
 .btn-style-one.border-theme::before, .btn-style-one.border-theme span {
     background: var(--color-primary);
}
 .btn-style-one.btn-light:hover::before, .btn-style-one.btn-light:hover span, .btn-style-one.border-dark:hover::before, .btn-style-one.border-dark:hover span, .btn-style-one.border-theme:hover::before, .btn-style-one.border-theme:hover span {
     background: var(--white);
}
 .btn-style-one.dark {
     background: var(--dark);
}
 .btn-style-one.btn-light {
     background: var(--white);
     color: var(--color-heading);
}
 .btn-style-one.btn-light:hover {
     background-color: var(--color-primary);
}
 .btn-style-one.border-dark {
     background: transparent;
     color: var(--color-heading);
     border: 2px solid var(--dark);
}
 .btn-style-one.border-theme {
     background: transparent;
     color: var(--color-heading);
     border: 2px solid var(--color-primary);
}
 .btn-style-one.border-light {
     background: transparent;
     color: var(--white);
     border: 2px solid var(--white);
}
 .btn-style-one.circle {
     border-radius: 30px;
     text-align: center;
}
 .btn-style-one::after {
     position: absolute;
     top: inherit;
     right: inherit;
     bottom: inherit;
     left: -5%;
     content: "";
     height: 150px;
     width: 115%;
     z-index: -1;
     background-color: var(--dark);
     -webkit-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
     -webkit-transform: translateY(-45%) skew(25deg) scale(0);
     transform: translateY(-45%) skew(25deg) scale(0);
}
 .text-light .btn-style-one::after {
     background: var(--white);
}
 .btn-style-one.dark::after, .btn-style-one.btn-light::after, .btn-style-one.border-theme::after {
     background-color: var(--color-primary);
}
 .btn-style-one.border-light::after {
     background-color: var(--color-primary);
}
 .btn-style-one.border-light:hover {
     border-color: var(--color-primary) !important;
}
 .text-light .btn-style-one:hover {
     color: var(--color-heading);
}
 .text-light .btn-style-one:hover::before, .text-light .btn-style-one:hover span {
     background: var(--color-heading);
}
 .btn-style-one.dark:hover, .btn-style-one.border-theme:hover {
     background-color: var(--color-primary);
     color: var(--white);
}
 .btn-style-one:hover::after {
     -webkit-transform: translateY(-45%) skew(25deg) scale(1.2);
     transform: translateY(-45%) skew(25deg) scale(1.2);
}
 .btn-style-one:hover {
     color: var(--white);
}
/* ============================================================== # Nice Select Styles =================================================================== */
 .nice-select {
     -webkit-tap-highlight-color: transparent;
     background-color: var(--white);
     border: solid 1px #e8e8e8;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     clear: both;
     cursor: pointer;
     display: block;
     float: left;
     font-family: inherit;
     font-size: 16px;
     font-weight: normal;
     height: 50px;
     line-height: 50px;
     outline: none;
     padding-left: 18px;
     padding-right: 30px;
     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%;
     margin-bottom: 15px;
}
 .nice-select:hover {
     border-color: #dbdbdb;
}
 .nice-select:active, .nice-select.open, .nice-select:focus {
     border-color: #999999;
}
 .nice-select::after {
     border-bottom: 2px solid #999999;
     border-right: 2px solid #999999;
     content: '';
     display: block;
     height: 5px;
     margin-top: -6px;
     pointer-events: none;
     position: absolute;
     right: 12px;
     top: 50%;
     -webkit-transform-origin: 66% 66%;
     transform-origin: 66% 66%;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transition: all 0.15s ease-in-out;
     transition: all 0.15s ease-in-out;
     width: 5px;
}
 .nice-select.open .list {
     opacity: 1;
     pointer-events: auto;
     -webkit-transform: scale(1) translateY(0);
     transform: scale(1) translateY(0);
     overflow-y: auto !important;
     height: auto;
     visibility: visible;
}
 .nice-select.open ::after {
     -webkit-transform: rotate(-135deg);
     transform: rotate(-135deg);
}
 .nice-select.disabled {
     border-color: #ededed;
     color: #999999;
     pointer-events: none;
}
 .nice-select.disabled::after {
     border-color: #96aac1;
}
 .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 {
     background-color: var(--white);
     border-radius: 5px;
     -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
     box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     margin-top: 4px;
     opacity: 0;
     overflow: hidden;
     padding: 0;
     pointer-events: none;
     position: absolute;
     top: 100%;
     left: 0;
     -webkit-transform-origin: 50% 0;
     transform-origin: 50% 0;
     -webkit-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;
     width: 100%;
}
 .nice-select .list:hover .option:not(:hover) {
     background-color: transparent !important;
}
 .nice-select .option {
     cursor: pointer;
     font-weight: 500;
     line-height: 40px;
     list-style: none;
     min-height: 40px;
     outline: none;
     padding-left: 18px;
     padding-right: 29px;
     text-align: left;
     -webkit-transition: all 0.2s;
     transition: all 0.2s;
}
 .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
     background-color: #f6f6f6;
}
 .nice-select .option.selected {
     font-weight: 800;
}
 .nice-select .option.disabled {
     background-color: transparent;
     color: #999999;
     cursor: default;
}
 .no-csspointerevents .nice-select .list {
     display: none;
}
 .no-csspointerevents .nice-select.open .list {
     display: block;
}
/* ============================================================== # Topbar Styles =================================================================== */
 .top-bar-area {
     padding: 8px 0;
     position: relative;
     z-index: 3;
}
.top-bar-area .btn-style-one::before{
	display: none;
}
.top-bar-area .btn-style-one span{
	display: none;
}
.top-bar-area .btn-style-one{
	padding: 15px 20px;
}

 .top-bar-area ul.item-flex {
     margin: 0;
     padding: 0;
     list-style: none;
     display: flex;
     column-gap: 30px;
     row-gap: 10px;
     flex-wrap: wrap;
}
 .top-bar-area ul.item-flex li a {
     font-weight: 500;
}
 .top-bar-area ul.item-flex i {
     margin-right: 6px;
}
 .top-bar-area .text-end ul.item-flex i {
     margin-right: 0;
}
 .text-end .item-flex {
     justify-content: end;
}
 .top-bar-area .social ul.item-flex {
     gap: 10px;
}
 .top-bar-area .text-end .d-flex {
     justify-content: flex-end;
     align-items: center;
     gap: 20px;
}
 @media (min-width: 1200px) {
     .top-bar-area.style-one {
         padding-right: 70px;
    }
     .top-bar-area .offset-xl-3 {
         padding-left: 25px;
    }
}
 .top-bar-area .social {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .top-bar-area .social li a {
     display: inline-flex;
     height: 40px;
     width: 40px;
     line-height: 40px;
     border: 1px solid rgba(255, 255, 255, 0.3);
     border-radius: 50%;
     text-align: center;
     align-items: center;
     justify-content: center;
}
 .top-bar-area .social li a img {
     height: 16px;
     transition: all 0.35s ease-in-out;
}
 .top-bar-area .social li a:hover img {
     filter: brightness(1) invert(1);
}
 .top-bar-area .social li a:hover {
     border-color: var(--white);
     background: var(--white);
     color: var(--color-heading);
}
 .top-bar-area.style-two {
     overflow: hidden;
}
 .top-bar-area.style-two .social {
     position: relative;
     z-index: 1;
     display: inline-block;
     padding-left: 40px;
}
 .top-bar-area.style-two .social::after {
     position: absolute;
     left: 0;
     top: -30px;
     content: "";
     width: 600%;
     background: var(--color-primary);
     z-index: -1;
     height: 100px;
}
 .dropdown.language-switcher button {
     margin: 0;
     padding: 0;
     border: none;
     background: transparent;
     color: var(--white);
}
 .dropdown.language-switcher button img {
     height: 30px;
}
 .dropdown.language-switcher button::after {
     display: none;
}
 .dropdown.language-switcher button i {
     font-weight: 500;
     font-size: 20px;
     position: relative;
     top: 2px;
     margin-left: 2px;
}
 .dropdown.language-switcher .dropdown-menu li a {
     color: var(--color-heading);
     background: transparent;
     font-weight: 600;
     font-size: 18px;
     padding: 7px 20px;
}
 .dropdown.language-switcher .dropdown-menu {
     min-width: 200px;
     padding: 15px 10px;
     margin-top: 10px !important;
}
 .top-bar-area.top-bar-style-two {
     overflow: hidden;
     padding: 0;
}
 .top-bar-area.top-bar-style-two .social .item-flex {
     background: var(--color-primary);
     display: inline-flex;
     padding: 10px 40px;
}
 .color-secondary .top-bar-area.top-bar-style-two .social .item-flex {
     background: var(--color-secondary);
}
 .top-bar-area.light-bg {
     border-bottom: 1px solid #e7e7e7;
}
 .top-bar-area.light-bg {
     padding: 10px 0;
}
 .top-bar-area.light-bg .address-info i {
     color: var(--color-primary);
     font-weight: 100;
}
 .top-bar-area.light-bg .social li a {
     border: 1px solid #dddddd;
}
 .top-bar-area.light-bg .social li a img {
     filter: brightness(0);
}
 .top-bar-area.light-bg .address-info li, .top-bar-area.light-bg .address-info li a {
     color: var(--color-heading);
     font-weight: 600;
     display: flex;
     align-items: center;
     gap: 2px;
}
 .top-bar-area .address-info i.fa-map-marker-alt {
     font-size: 20px;
}
/* ============================================================== # Banner Styles =================================================================== */
 .banner-area {
     height: 100%;
     width: 100%;
     position: relative;
}
 .banner-area .align-center {
     align-items: center;
}
 @media (max-width: 1023px) {
     .banner-area {
         height: auto;
    }
}
 .banner-area div {
     height: 100%;
}
 .banner-area div.swiper-slide .row div {
     height: auto;
}
 .banner-area.top-pad-80 .content {
     padding-top: 80px;
}
 @media (max-width: 1023px) {
     .banner-area.top-pad-80 .content {
         padding-top: 200px;
    }
}
 @media only screen and (max-width: 767px) {
     .banner-area.top-pad-80 .content {
         padding-top: 140px;
    }
}
 .banner-area.top-pad-90 .content {
     padding-top: 90px;
}
 @media (max-width: 1023px) {
     .banner-area.top-pad-90 .content {
         padding-top: 200px;
    }
}
 @media only screen and (max-width: 767px) {
     .banner-area.top-pad-90 .content {
         padding-top: 140px;
    }
}
 .banner-area.top-pad-100 .content {
     padding-top: 100px;
}
 @media (max-width: 1023px) {
     .banner-area.top-pad-100 .content {
         padding-top: 200px;
    }
}
 @media only screen and (max-width: 767px) {
     .banner-area.top-pad-100 .content {
         padding-top: 140px;
    }
}
 .banner-area.top-pad-110 .content {
     padding-top: 110px;
}
 @media (max-width: 1023px) {
     .banner-area.top-pad-110 .content {
         padding-top: 200px;
    }
}
 @media only screen and (max-width: 767px) {
     .banner-area.top-pad-110 .content {
         padding-top: 140px;
    }
}
 .banner-area.top-pad-120 .content {
     padding-top: 120px;
}
 @media (max-width: 1023px) {
     .banner-area.top-pad-120 .content {
         padding-top: 200px;
    }
}
 @media only screen and (max-width: 767px) {
     .banner-area.top-pad-120 .content {
         padding-top: 140px;
    }
}
 .banner-area.top-pad-130 .content {
     padding-top: 130px;
}
 @media (max-width: 1023px) {
     .banner-area.top-pad-130 .content {
         padding-top: 200px;
    }
}
 @media only screen and (max-width: 767px) {
     .banner-area.top-pad-130 .content {
         padding-top: 140px;
    }
}
 .banner-area.top-pad-150 .content {
     padding-top: 150px;
}
 @media (max-width: 1023px) {
     .banner-area.top-pad-150 .content {
         padding-top: 200px;
    }
}
 @media only screen and (max-width: 767px) {
     .banner-area.top-pad-150 .content {
         padding-top: 140px;
    }
}
 .banner-area.auto-height {
     height: auto;
}
 .banner-area.auto-height .content {
     padding: 200px 0;
}
 @media only screen and (max-width: 767px) {
     .banner-area.auto-height .content {
         padding: 60px 0;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .banner-area.auto-height .content {
         padding: 120px 0;
    }
}
 .banner-area.auto-height .content .thumb {
     padding-left: 35px;
}
 @media (max-width: 991px) {
     .banner-area.auto-height .content .thumb {
         padding-left: 0;
         margin-top: 50px;
    }
}
 .banner-area.auto-height.inc-header-transparent .content {
     padding-top: 250px;
}
 @media only screen and (max-width: 767px) {
     .banner-area.auto-height.inc-header-transparent .content {
         padding-top: 140px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .banner-area.auto-height.inc-header-transparent .content {
         padding-top: 220px;
    }
}
 .banner-area.auto-height.inc-header-transparent.double-items.bottom-thumb .content .info {
     padding-top: 80px;
}
 .banner-area.auto-height.inc-header-transparent.double-items.bottom-thumb .content .thumb {
     margin-top: 250px;
}
 @media only screen and (max-width: 767px) {
     .banner-area.auto-height.inc-header-transparent.double-items.bottom-thumb .content .thumb {
         margin-top: 30px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .banner-area.auto-height.inc-header-transparent.double-items.bottom-thumb .content .thumb {
         margin-top: 50px;
    }
}
 .banner-area .content {
     position: relative;
     z-index: 9;
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
}
 @media (max-width: 1023px) {
     .banner-area .content {
         padding: 120px 0;
    }
}
 @media only screen and (max-width: 767px) {
     .banner-area .content {
         padding: 60px 0;
    }
}
 .banner-area h4 {
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
     -webkit-transform: translate3d(-15%, 0, 0);
     transform: translate3d(-15%, 0, 0);
     opacity: 0;
     visibility: hidden;
}
 .banner-area h2 {
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     opacity: 0;
     visibility: hidden;
}
 .banner-area p, .banner-area ul {
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
     -webkit-transform: translateY(50%);
     transform: translateY(50%);
     opacity: 0;
     padding-right: 25%;
     margin: 0;
     visibility: hidden;
}
 @media (max-width: 1023px) {
     .banner-area p {
         padding-right: 0;
    }
}
 .banner-area.text-center p {
     padding-left: 13%;
     padding-right: 13%;
}
 @media (max-width: 1023px) {
     .banner-area.text-center p {
         padding: 0;
    }
}
 .banner-area .thumb {
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
     opacity: 0;
     visibility: hidden;
}
 .banner-area .button {
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
     -webkit-transform: translateY(50%);
     transform: translateY(50%);
     opacity: 0;
     visibility: hidden;
     margin-top: 30px;
}
 .banner-area .banner-slide h4 {
     -webkit-transform: translateY(50%);
     transform: translateY(50%);
}
 .banner-area .banner-slide h2 {
     -webkit-transform: translateY(50%);
     transform: translateY(50%);
}
 .banner-area .banner-slide p, .banner-area .banner-slide ul {
     -webkit-transform: translateY(50%);
     transform: translateY(50%);
}
 .banner-area .banner-slide .button {
     -webkit-transform: translateY(50%);
     transform: translateY(50%);
}
 .banner-area .banner-slide .swiper-slide.swiper-slide-active h4 {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 1200ms;
     transition-delay: 1200ms;
}
 .banner-area .banner-slide .swiper-slide.swiper-slide-active h2 {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 1400ms;
     transition-delay: 1400ms;
}
 .banner-area .banner-slide .swiper-slide.swiper-slide-active p, .banner-area .banner-slide .swiper-slide.swiper-slide-active ul {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 1600ms;
     transition-delay: 1600ms;
}
 .banner-area .banner-slide .swiper-slide.swiper-slide-active .button {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 1800ms;
     transition-delay: 1800ms;
}
 .banner-area.double-items .thumb {
     -webkit-transform: translateY(50%);
     transform: translateY(50%);
}
 .banner-area.double-items .swiper-slide.swiper-slide-active .thumb {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 500ms;
     transition-delay: 500ms;
     visibility: visible;
     opacity: 1;
}
 .banner-area.double-items.bottom-thumb .content {
     padding: 0;
}
 .banner-area.double-items.bottom-thumb .content .thumb {
     margin-top: 120px;
}
 @media only screen and (max-width: 767px) {
     .banner-area.double-items.bottom-thumb .content {
         padding: 50px 0;
    }
     .banner-area.double-items.bottom-thumb .content .thumb {
         margin-top: 30px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .banner-area.double-items.bottom-thumb .content {
         padding: 120px 0;
    }
     .banner-area.double-items.bottom-thumb .content .thumb {
         margin-top: 50px;
    }
}
 .banner-area.zoom-effect .banner-thumb {
     -webkit-transition: 10s ease-out;
     transition: 10s ease-out;
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
     position: absolute;
     left: 0;
     top: 0;
     content: "";
     height: 100%;
     width: 100%;
}
 .banner-area.zoom-effect .swiper-slide.swiper-slide-active .banner-thumb {
     -webkit-transform: scale(1);
     transform: scale(1);
}
 .banner-area .swiper-notification {
     display: none;
}
 .banner-area .swiper-slide.swiper-slide-active h4 {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     opacity: 1;
     visibility: visible;
     -webkit-transition-delay: 800ms;
     transition-delay: 800ms;
}
 .banner-area .swiper-slide.swiper-slide-active h2 {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
     -webkit-transition-delay: 1600ms;
     transition-delay: 1600ms;
}
 .banner-area .swiper-slide.swiper-slide-active p, .banner-area .swiper-slide.swiper-slide-active ul {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
     -webkit-transition-delay: 2400ms;
     transition-delay: 2400ms;
}
 .banner-area .swiper-slide.swiper-slide-active .button {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
     -webkit-transition-delay: 3200ms;
     transition-delay: 3200ms;
}
 .banner-area .banner-items {
     position: relative;
     width: 100%;
     height: 100%;
     z-index: 1;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
     -webkit-transform: translate3d(0px, 0, 0);
     transform: translate3d(0px, 0, 0);
}
 .banner-area:hover .swiper-button-prev, .banner-area:hover .swiper-button-next {
     opacity: 1;
}
 .banner-area:hover .swiper-button-prev {
     left: 30px;
     right: auto;
}
 .banner-area:hover .swiper-button-next {
     right: 30px;
     left: auto;
}
 .banner-area .swiper-button-prev, .banner-area .swiper-button-next {
     height: auto;
     -webkit-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
     opacity: 0;
}
 .banner-area .swiper-button-prev::after, .banner-area .swiper-button-next::after {
     font-size: 28px;
     color: var(--color-heading);
}
 .banner-area.navigation-circle .swiper-button-prev, .banner-area.navigation-circle .swiper-button-next {
     height: 60px;
     width: 60px;
     line-height: 60px;
     background: rgba(255, 255, 255, 0.8);
     border-radius: 50%;
     border: 1px solid var(--color-primary);
}
 .banner-area.navigation-circle .swiper-button-prev::after, .banner-area.navigation-circle .swiper-button-next::after {
     font-size: 16px;
}
 .banner-area.navigation-right-bottom .swiper-button-prev, .banner-area.navigation-right-bottom .swiper-button-next {
     left: auto;
     right: 30px;
     opacity: 1;
     top: auto;
     -webkit-transform: inherit;
     transform: inherit;
     bottom: 50px;
     border-radius: inherit;
}
 .banner-area.navigation-right-bottom .swiper-button-prev {
     right: 92px;
}
 .banner-area.navigation-between-bottom .content {
     padding-bottom: 105px;
}
 @media only screen and (min-width: 829px) and (max-width: 1023px) {
     .banner-area.navigation-between-bottom .content {
         padding-bottom: 220px;
    }
}
 .banner-area.navigation-between-bottom .swiper-button-prev, .banner-area.navigation-between-bottom .swiper-button-next {
     left: auto;
     right: 30px;
     opacity: 1;
     top: auto;
     -webkit-transform: inherit;
     transform: inherit;
     bottom: 30px;
     border-radius: inherit;
}
 .banner-area.navigation-between-bottom .swiper-button-prev {
     left: 30px;
     right: auto;
}
 @media only screen and (max-width: 830px) {
     .banner-area .swiper-button-prev, .banner-area .swiper-button-next {
         display: none;
    }
}
 .banner-area.navigation-custom .swiper-button-prev::after {
     font-family: 'ElegantIcons';
     content: "\23";
     font-size: 22px;
}
 .banner-area.navigation-custom .swiper-button-next::after {
     font-family: 'ElegantIcons';
     content: "\24";
     font-size: 22px;
}
 .banner-area.navigation-text .swiper-button-prev, .banner-area.navigation-text .swiper-button-next {
     opacity: 1;
     top: auto;
     -webkit-transform: inherit;
     transform: inherit;
     left: auto;
     right: 0;
     bottom: 0;
     display: inline-block;
     width: 150px;
     background: rgba(0, 0, 0, 0.2);
     text-align: center;
     height: 100px;
     line-height: 100px;
}
 @media only screen and (max-width: 830px) {
     .banner-area.navigation-text .swiper-button-prev, .banner-area.navigation-text .swiper-button-next {
         display: none;
    }
}
 .banner-area.navigation-text .swiper-button-prev {
     right: 151px;
}
 .banner-area.navigation-text .swiper-button-prev::after {
     font-family: var(--font-heading);
     content: "Prev";
     text-transform: uppercase !important;
     font-size: 16px;
     font-weight: 800;
     letter-spacing: 0.6px;
}
 .banner-area.navigation-text .swiper-button-next::after {
     font-family: var(--font-heading);
     content: "Next";
     text-transform: uppercase !important;
     font-size: 16px;
     font-weight: 800;
     letter-spacing: 0.6px;
}
 .banner-area.navigation-icon-solid .swiper-button-prev::after, .banner-area.navigation-icon-solid .swiper-button-next::after {
     font-size: 30px;
}
 .banner-area.navigation-custom-large .swiper-button-prev, .banner-area.navigation-custom-large .swiper-button-next {
     min-width: 65px;
     height: 30px;
     margin: 0;
}
 .banner-area.navigation-custom-large .swiper-button-prev::after {
     font-family: "Font Awesome 5 Pro";
     content: "\f104";
     font-weight: 100;
     font-size: 30px;
     position: absolute;
     left: 8px;
}
 .banner-area.navigation-custom-large .swiper-button-prev::before {
     position: absolute;
     top: 50%;
     right: inherit;
     bottom: inherit;
     left: 12px;
     content: "";
     height: 2px;
     width: 50px;
     z-index: -1;
     background-color: var(--white);
     margin-top: -1px;
}
 .banner-area.navigation-custom-large .swiper-button-next::after {
     font-family: "Font Awesome 5 Pro";
     content: "\f105";
     font-weight: 100;
     font-size: 30px;
     position: absolute;
     right: 8px;
}
 .banner-area.navigation-custom-large .swiper-button-next::before {
     position: absolute;
     top: 50%;
     right: 12px;
     bottom: inherit;
     left: inherit;
     content: "";
     height: 2px;
     width: 50px;
     z-index: -1;
     background-color: var(--white);
     margin-top: -1px;
}
 .banner-area.navigation-right-botom .swiper-button-prev, .banner-area.navigation-right-botom .swiper-button-next {
     position: absolute;
     left: auto;
     right: 30px;
     top: auto;
     bottom: 40px;
     opacity: 1;
     -webkit-transform: inherit;
     transform: inherit;
}
 .banner-area.navigation-right-botom .swiper-button-prev {
     right: 60px;
}
 .banner-area.navigation-right-botom.navigation-custom-large .swiper-button-prev, .banner-area.navigation-right-botom.navigation-custom-large .swiper-button-next {
     bottom: 30px;
}
 .banner-area.navigation-right-botom.navigation-custom-large .swiper-button-prev {
     right: 100px;
}
 .banner-area .swiper-pagination {
     height: auto;
     bottom: 35px;
}
 .banner-area .swiper-pagination span.swiper-pagination-bullet {
     height: 4px;
     width: 50px;
     background: rgba(255, 255, 255, 0.5);
     opacity: 1;
     border-radius: inherit;
     -webkit-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
}
 .banner-area .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
     background: white;
     height: 7px;
}
 @media only screen and (max-width: 767px) {
     .banner-area.include-pagination .content {
         padding-bottom: 100px;
    }
}
 .banner-area .swiper-pagination-fraction span {
     -webkit-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
}
 .banner-area .swiper-pagination-fraction span.swiper-pagination-current {
     font-size: 30px;
     font-family: var(--font-heading);
     font-weight: 800;
}
/* ============================================================== # Banner Custom Style =================================================================== */
/* Banner Style One */
 #videobanner video{
     position: absolute;
     top: 0px;
     width: 100%;
     height: 100%;
     object-fit: cover;
     z-index: -1 
}
 #videobanner video::after{
     content: "";
     top: 0px;
     background-color: #000;
     width: 100%;
     height: 100%;
     left: 0px;
     z-index: 12;
}
 .banner-style-one-area {
     position: relative;
     overflow: hidden;
     z-index: 1;
     padding: 10% 0px;
}
 .banner-style-one-area::before {
     position: absolute;
     transform: translateY(-50%);
     content: "";
     left: 0px;
     width: 100%;
     height: 100%;
     top: 0px;
     background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 70%, rgba(95, 11, 10, 0.69) 100%);
     z-index: auto;
     filter: blur(120px);
     opacity: 0.8;
}
 .banner-style-one-info{
     z-index: 25;
}
 .banner-style-one-info h4 {
     text-transform: uppercase;
     font-weight: 500;
     font-size: 20px;
     color: #fff!important;
}
 .banner-style-one-info h2 strong {
     color: #950B09;
}
 .banner-style-one-info ul {
     margin: 0;
     padding: 0;
     list-style: none;
     border-top: 1px solid rgba(255, 255, 255, 0.3);
     padding-top: 20px;
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-column-gap: 30px;
}
 .banner-style-one-info ul li {
     margin-top: 10px;
     position: relative;
     z-index: 1;
     padding-left: 28px;
}
 .banner-style-one-info ul li::after {
     position: absolute;
     left: 0;
     top: 0;
     content: "\f5ab";
     font-family: "Font Awesome 5 Free";
     text-align: center;
     color: #fff;
     border-radius: 50%;
     font-weight: bold;
}
 .banner-style-one-thumb {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     padding: 80px;
     padding-bottom: 0;
     position: relative;
     z-index: 1;
}
 .banner-style-one-thumb img {
     position: relative;
     z-index: 1;
}
 .banner-style-one-thumb::after {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     content: "";
     height: 100%;
     width: 80%;
     background: linear-gradient(-90deg, var(--color-primary) 0%, var(--color-secondary) 100%);
     z-index: -1;
     top: 150px;
     border-radius: 500px 500px 0 0;
}
 .banner-style-one-thumb::before {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     content: "";
     height: 100%;
     width: 80%;
     top: 120px;
     border-radius: 500px 500px 0 0;
     border: 2px solid var(--white-secondary);
     margin-left: 20px;
}
 .banner-style-one-thumb img:nth-child(2) {
     position: absolute;
     left: 100%;
     top: 30%;
     z-index: -1;
     width: 80px;
     opacity: 0.8;
     animation: zoomUpDown 5s linear infinite;
}
 .banner-style-one-info {
     position: relative;
     z-index: 1;
}
 .banner-style-one-info .shape img {
     position: absolute;
     right: 100%;
     max-width: 35%;
     top: -100px;
     margin-right: -50px;
     opacity: 0.8;
     z-index: -1;
}
 @media (min-width: 1024px) {
     .banner-style-one-thumb {
         margin-right: -10%;
    }
}
/* Banner Style Two */
 .banner-style-two-area {
     position: relative;
     z-index: 1;
     overflow: hidden;
     background-repeat: no-repeat;
     background-size: contain;
     padding-top: 200px;
     padding-bottom: 110px;
}
 .banner-syle-two-shape img:first-child {
     position: absolute;
     right: 0;
     bottom: 0;
     z-index: -1;
     opacity: 0.3;
}
 .banner-syle-two-shape img:nth-child(2) {
     position: absolute;
     right: 4%;
     z-index: -1;
     bottom: 0;
     max-width: 14%;
}
 .banner-style-two-area div.banner-syle-two-shape {
     height: auto;
}
 .banner-style-two-thumb {
     position: relative;
     z-index: 1;
     text-align: center;
}
 .banner-style-two-thumb .thumb::after {
     position: absolute;
     left: 50%;
     bottom: 0;
     content: "";
     height: 480px;
     width: 480px;
     transform: translateX(-50%);
     background: #193e75;
     z-index: -1;
     border-radius: 50%;
}
 .banner-style-two-thumb .thumb {
     overflow: hidden;
     border-radius: 0 0 350px 390px;
     display: inline-block;
     position: relative;
     z-index: 1;
     margin-right: -20%;
}
 .banner-style-two-thumb .thumb img {
     max-width: 85%;
     position: relative;
     right: 30px;
}
 .banner-style-two-info h2 {
     font-size: 65px;
     text-transform: capitalize;
}
 .banner-style-two-info p {
     line-height: 2;
     padding-right: 10%;
}
 @media (min-width: 2000px) {
     .banner-style-two-thumb .thumb {
         margin-right: -50%;
    }
}
 @media (min-width: 2200px) {
     .banner-style-two-thumb .thumb {
         margin-right: -95%;
    }
}
/* Banner Style Three */
 .banner-area.auto-height div.bg-cover {
     height: 100%;
}
 .banner-style-three .content h2 {
     font-size: 90px;
     line-height: 1.1;
}
 .banner-style-three .content p {
     font-size: 18px;
     line-height: 2;
     font-weight: 400;
}
 .shadow-left {
     position: relative;
     z-index: 1;
}
 .shadow-left::after {
     position: absolute;
     left: 0;
     top: 0;
     content: "";
     height: 100%;
     width: 100%;
     background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(0, 0, 0, 0) 0%, var(--black) 100%) repeat scroll 0 0;
}
 .banner-area .swiper-slide.banner-style-three.swiper-slide-active h2 {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
     transition-delay: 400ms;
}
 .banner-area .swiper-slide.banner-style-three.swiper-slide-active p {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
     transition-delay: 800ms;
}
 .banner-area .swiper-slide.banner-style-three.swiper-slide-active .button {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
     transition-delay: 1200ms;
}
 .banner-area .banner-fade .banner-syle-thee-shape {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
}
 .banner-syle-thee-shape img {
     z-index: 1;
     position: absolute;
     height: 100%;
     top: 0;
     transition: all 0.35s ease-in-out;
     opacity: 0;
     visibility: hidden;
}
 .banner-syle-thee-shape img:first-child {
     left: -5%;
     margin-left: 37px;
}
 .banner-syle-thee-shape img:nth-child(2) {
     right: -5%;
     mix-blend-mode: multiply;
}
 .swiper-slide-active .banner-syle-thee-shape img {
     opacity: 1;
     visibility: visible;
}
 .swiper-slide-active .banner-syle-thee-shape img:first-child {
     left: 0;
     transition-delay: 0.2s;
}
 .swiper-slide-active .banner-syle-thee-shape img:nth-child(2) {
     right: 0;
     transition-delay: 0.7s;
}
 .about-style-one-area{
     position: relative;
     top: -50px;
     z-index: 14;
     background-color: #fff;
}
/* Banner Navigation Style Three */
 .banner-area .banner-prev-nav {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 1;
     height: 200px;
     width: 50px;
     text-align: center;
     line-height: 200px;
     left: 0;
     border-radius: 0 50px 50px 0;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
     transition: all 0.35s ease-in-out;
}
 .banner-area .banner-next-nav {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 1;
     height: 200px;
     width: 50px;
     text-align: center;
     line-height: 200px;
     right: 0;
     border-radius: 50px 0 0 50px;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
     transition: all 0.35s ease-in-out;
}
 .banner-area .banner-fade .banner-prev-nav, .banner-area .banner-fade .banner-next-nav {
     height: 60px;
     width: 60px;
     line-height: 60px;
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3), 0 6px 20px rgba(0, 0, 0, 0.15);
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 10px;
}
 .banner-area .banner-prev-nav::before, .banner-area .banner-next-nav::before {
     content: '';
     position: absolute;
     background: inherit;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     border-radius: 10px;
     box-shadow: inset 0 0 500px rgba(255, 255, 255, .4);
     backdrop-filter: blur(10px);
     z-index: -1;
}
 .banner-area .banner-prev-nav {
     opacity: 0;
     visibility: hidden;
}
 .banner-style-three:hover .banner-prev-nav {
     opacity: 1;
     visibility: visible;
     left: 30px;
}
 .banner-area .banner-next-nav {
     opacity: 0;
     visibility: hidden;
}
 .banner-style-three:hover .banner-next-nav {
     opacity: 1;
     visibility: visible;
     right: 30px;
}
/* Banner Style Four */
 .banner-style-four-area {
     overflow: hidden;
     position: relative;
     z-index: 1;
     padding-top: 150px;
     padding-bottom: 140px;
}
 .banner-style-four-area .content {
     position: relative;
     z-index: 9;
     padding-bottom: 150px;
}
 .banner-style-four-area .content .shape img {
     position: absolute;
     left: 0;
     bottom: 0;
     height: 100%;
     z-index: -1;
     margin-left: -200px;
}
 .banner-four-shape img {
     position: absolute;
     right: 0;
     bottom: 0;
     mix-blend-mode: hard-light;
     max-width: 30%;
}
 .banner-style-four-area .content h4 {
     text-transform: uppercase;
     font-weight: 500;
}
 .banner-style-four-area .content h2 strong {
     display: block;
}
 .banner-style-four-area .content h2 {
     text-transform: uppercase;
     font-size: 80px;
}
/* Banner Style Five */
 .banner-five-shape img:first-child {
     position: absolute;
     left: 50%;
     height: 100%;
     bottom: 0;
     mix-blend-mode: overlay;
     transform: translateX(-50%);
}
 .banner-five-shape img:nth-child(2) {
     position: absolute;
     right: 0;
     bottom: 0;
     mix-blend-mode: color;
     max-width: 20%;
}
 .banner-style-five-area {
     overflow: hidden;
     position: relative;
     z-index: 1;
     padding-top: 200px;
     padding-bottom: 150px;
}
 @media (min-width: 1024px) {
     .banner-style-five-area {
         padding-bottom: 200px;
    }
}
 .banner-style-five-area .content {
     position: relative;
     z-index: 9;
}
 .banner-style-five-area .content h2 {
     font-size: 80px;
}
 .banner-style-five-area .content p {
     font-size: 18px;
     padding: 0 13%;
     font-weight: 400;
}
 .banner-style-five-area .content img {
     max-width: 50%;
     margin-bottom: -10px;
}
/* Banner Six */
 .banner-area.banner-style-six .banner-fade {
     max-width: 90%;
     margin: auto;
     border-radius: 30px;
     overflow: hidden;
}
 .banner-syle-six-shape {
     position: absolute;
     height: 100%;
     width: 100%;
}
 .banner-syle-six-shape img:nth-child(2) {
     position: absolute;
     right: 5%;
     bottom: 0;
     max-width: 15%;
}
 .banner-area.banner-style-six .swiper-slide.swiper-slide-active h4 {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     opacity: 1;
     visibility: visible;
     -webkit-transition-delay: 400ms;
     transition-delay: 400ms;
}
 .banner-area.banner-style-six .swiper-slide.swiper-slide-active h2 {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
     -webkit-transition-delay: 800ms;
     transition-delay: 800ms;
}
 .banner-area.banner-style-six .swiper-slide.swiper-slide-active p {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
     -webkit-transition-delay: 1200ms;
     transition-delay: 1200ms;
}
 .banner-area.banner-style-six .swiper-slide.swiper-slide-active .button {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
     -webkit-transition-delay: 1600ms;
     transition-delay: 1600ms;
}
 .banner-style-six .content h4 {
     text-transform: uppercase;
     font-weight: 500;
     font-size: 20px;
}
 .banner-style-six .content h2 {
     text-transform: uppercase;
     font-size: 80px;
     line-height: 1.1;
     margin-bottom: 20px;
}
 .banner-area div.baner-one-pagination {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     bottom: 0;
     z-index: 1;
     height: auto;
     width: auto;
     display: inline-flex;
     background: var(--white);
     padding: 15px 50px;
     border-radius: 10px 10px 0 0;
     align-items: center;
     justify-content: center;
     padding-bottom: 0;
}
 .banner-area div.baner-one-pagination::after {
     position: absolute;
     right: -8px;
     bottom: 0px;
     content: "";
     height: 27px;
     width: 8px;
     border-bottom-left-radius: 10px;
     box-shadow: 0 20px 0 0 var(--white);
}
 .banner-area div.baner-one-pagination::before {
     position: absolute;
     left: -8px;
     bottom: 0;
     content: "";
     height: 27px;
     width: 8px;
     border-bottom-right-radius: 10px;
     box-shadow: 0 20px 0 0 var(--white);
}
 .banner-area div.baner-one-pagination span.swiper-pagination-bullet {
     height: 20px;
     width: 20px;
     margin: 0 5px;
     border: 2px solid var(--color-primary);
     background: transparent;
     position: relative;
     z-index: 1;
}
 .banner-area div.baner-one-pagination span.swiper-pagination-bullet::after {
     position: absolute;
     left: 50%;
     top: 50%;
     content: "";
     height: 6px;
     width: 6px;
     background: var(--color-primary);
     transform: translate(-50%, -50%);
     border-radius: 50%;
}
/* ============================================================== # About Style One =================================================================== */
 .thumb-style-one {
     position: relative;
     padding-left: 0;
     padding-top: 60px;
}
 .thumb-style-one img{
     width: 100%;
}
 .thumb-style-one img:nth-child(2) {
     position: absolute;
     left: 0;
     top: 0;
     max-width: 100%;
     z-index: -1;
}
 .thumb-style-one img:first-child {
     border: 5px solid var(--white);
     border-right: none;
     border-bottom: none;
}
 .thumb-style-one img:nth-child(3) {
     position: absolute;
     right: 0;
     top: 0;
     z-index: -1;
     max-width: 54%;
}
 .thumb-style-one .experience {
     position: absolute;
     left: 0;
     bottom: 0;
     border-radius: 10px;
     background: var(--bg-gradient);
     padding: 31px;
     max-width: 37%;
}
 .thumb-style-one .experience .counter {
     display: flex;
     color: var(--white);
     font-size: 80px;
     line-height: 1;
     font-weight: 700;
     margin-bottom: 14px;
}
 .thumb-style-one .experience h4 {
     margin: 0;
     color: var(--white);
     font-size: 18px;
}
 ul.card-style-one {
     margin: 0;
     list-style: none;
     padding: 30px;
     background: var(--white);
     box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
     display: flex;
     gap: 30px;
     border-radius: 10px;
}
 ul.card-style-one li {
     display: flex;
     gap: 15px;
     align-items: center;
}
 ul.card-style-one li img {
     max-width: 60px;
}
 ul.card-style-one li h4 {
     margin: 0;
     font-size: 18px;
}
 .blockquote-text {
     position: relative;
     z-index: 1;
     font-size: 20px;
     padding-left: 20px;
     color: var(--color-heading);
     font-style: italic;
}
 .blockquote-text::after {
     position: absolute;
     left: 0;
     top: 5px;
     bottom: 5px;
     width: 3px;
     background: var(--color-primary);
     content: "";
}
 .about-style-one-info .blockquote-text {
     margin-top: 25px;
}
.about-style-one-info p{
    padding-bottom: 3%;
}

/* ============================================================== # About Style Two =================================================================== */
 .about-style-two-thumb {
     position: relative;
     padding-bottom: 30px;
     z-index: 2;
     padding-left: 50px;
     padding-right: 50px;
}
 .about-style-two-thumb img {
     border-radius: 7px;
}
 .about-style-two-thumb img:nth-child(2) {
     position: absolute;
     right: 0;
     bottom: 0;
     max-width: 50%;
}
 .about-style-two-area {
     position: relative;
     z-index: 1;
     overflow: hidden;
}
 .shape-left-center {
     position: absolute;
     left: 2%;
     top: 25%;
     max-width: 10%;
}
 .shape-right-bottom {
     position: absolute;
     right: 1%;
     bottom: 0;
     z-index: 2;
     max-width: 10%;
}
 .experience-style-two {
     display: inline-block;
     background: var(--color-primary);
     position: absolute;
     left: 0;
     top: 30px;
     padding: 40px 30px;
     max-width: 250px;
     border-radius: 10px;
}
 .experience-style-two h4 {
     color: var(--white);
     font-size: 18px;
     margin: 0;
}
 .experience-style-two .counter {
     display: flex;
     font-size: 75px;
     line-height: 1;
     color: var(--white);
     font-weight: 700;
     margin-bottom: 15px;
}
 ul.card-style-two {
     margin: 0;
     padding: 0;
     list-style: none;
}
 ul.card-style-two li {
     position: relative;
     padding-left: 55px;
     margin-top: 30px;
}
 ul.card-style-two li::after {
     position: absolute;
     left: 0;
     top: 0;
     content: "\f00c";
     font-family: "Font Awesome 5 Pro";
     height: 35px;
     width: 35px;
     background: var(--bg-gradient);
     text-align: center;
     line-height: 35px;
     color: var(--white);
     border-radius: 50%;
}
 ul.card-style-two li p {
     margin: 0;
}
 .about-style-two-info ul.card-style-two {
     position: relative;
     z-index: 1;
     padding-top: 10px;
     margin-top: 35px;
}
/* ============================================================== # About Style Three =================================================================== */
 .about-three-thumb {
     position: relative;
     padding-bottom: 30px;
     height: 100%;
     margin-bottom: 50px;
}
 .about-three-thumb img {
     height: 100%;
     object-fit: cover;
     object-position: center;
}
 .about-three-thumb .success-rate {
     display: inline-block;
     background: var(--white);
     box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
     padding: 35px;
     text-align: center;
     position: absolute;
     left: -50px;
     bottom: 0;
}
 .about-three-thumb .success-rate .circle {
     position: relative;
}
 .about-three-thumb .success-rate .circle strong {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     font-size: 20px;
     height: 65px;
     width: 65px;
     text-align: center;
     background: var(--dark);
     color: var(--white);
     border-radius: 50%;
     line-height: 65px;
     margin-top: -5px;
}
 .about-three-thumb .success-rate h4 {
     margin-bottom: 20px;
}
 ul.list-card {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 40px;
     margin: 0;
     padding: 0;
     list-style: none;
}
 ul.list-card .top {
     display: flex;
     align-items: center;
     gap: 15px;
     margin-bottom: 20px;
}
 ul.list-card .top h4 {
     margin: 0;
     font-size: 22px;
}
 ul.list-card .top img {
     height: 55px;
}
 ul.list-card p {
     margin: 0;
}
 .about-style-three-info ul.list-card {
     margin-top: 30px;
}
 .about-style-three-area {
     position: relative;
}
 .about-style-three-area .shape {
     position: absolute;
     left: 0;
     bottom: -50px;
     max-width: 10%;
}
 .experience-style-one {
     display: flex;
     align-items: center;
     gap: 30px;
}
 .experience-style-one h2 {
     margin: 0;
     font-size: 150px;
     line-height: 1;
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
     display: inline-block;
     background-size: cover;
     background-position: center;
     font-weight: 900;
     letter-spacing: -9px;
     margin-top: -20px;
}
 .experience-style-one h4 {
     margin: 0;
     line-height: 1.4;
     position: relative;
     top: -25px;
}
 .about-style-three-items {
     position: relative;
     z-index: 1;
     padding-bottom: 60px;
}
 .about-style-three-items::after {
     position: absolute;
     left: -80px;
     bottom: 0;
     top: 96px;
     width: 100%;
     background: var(--white);
     content: "";
     z-index: -1;
     box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
}
/* ============================================================== # About Style Four =================================================================== */
 .about-style-four-thumb {
     position: relative;
     padding-right: 95px;
     padding-bottom: 125px;
}
 .about-style-four-thumb img:nth-child(2) {
     position: absolute;
     right: 0;
     bottom: 0;
     max-width: 45%;
}
 .about-style-four-thumb img:nth-child(3) {
     position: absolute;
     max-width: 60%;
     bottom: 0;
     left: -90px;
}
 .about-style-four-thumb .experience {
     display: flex;
     position: absolute;
     right: 0;
     top: 0;
     flex-direction: column;
     margin-top: -10px;
     align-items: center;
}
 .about-style-four-thumb .experience h4 {
     margin: 0;
     writing-mode: vertical-lr;
     text-transform: uppercase;
     font-size: 20px;
}
 .about-style-four-thumb .experience h2 {
     font-size: 46px;
     color: var(--color-primary);
     margin-bottom: 10px;
}
 .color-secondary .about-style-four-thumb .experience h2 {
     color: var(--color-secondary);
}
 .card-style-four-items {
     display: flex;
     margin-left: -20%;
     position: relative;
     z-index: 1;
     background: var(--bg-gradient-minimal);
}
 .card-style-four-items .card-style-four .icon {
     display: flex;
     align-items: center;
     gap: 15px;
     margin-bottom: 20px;
}
 .card-style-four-items .card-style-four .icon img {
     height: 60px;
}
 .card-style-four-items .card-style-four .icon h4 {
     margin-bottom: 0;
}
 .card-style-four {
     padding: 37px;
     border-right: 1px solid #f5d3d3;
}
 .card-style-four:last-child {
     border: none;
}
 .card-style-four p {
     margin: 0;
}
 .about-style-four-info .card-style-four-items {
     margin-top: 45px;
}
 .color-secondary .card-style-four-items {
     background: linear-gradient(180deg, #e4eaff 0%, #f9faff 100%);
}
 .color-secondary .card-style-four {
     border-color: #d0d8f4;
}
/* ============================================================== # About Style Five =================================================================== */
 .about-style-five-area {
     position: relative;
     z-index: 1;
}
.about-style-five-area h1, h2, h3, h4 {
    margin-bottom: 0px!important;
    margin-top: 20px!important;
}
.about-style-five-area li{
	list-style: square;
	margin-left: 30px;
}

 .about-style-five-area .shape {
     position: absolute;
     right: 0;
     bottom: 0;
     z-index: -1;
}
 .circle-progress-three {
     text-align: center;
     display: inline-block;
     background: var(--white);
     padding: 30px;
     box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
}
 .circle-progress-three .circle-three {
     position: relative;
     margin-bottom: 10px;
}
 .circle-progress-three .circle-three strong {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     margin-top: -5px;
     font-size: 20px;
     color: var(--color-heading);
}
 .circle-progress-three h4 {
     margin-bottom: 0;
}
 .circle-progress-three p {
     margin: 0;
}
 .about-style-five-info .d-flex {
     align-items: center;
     gap: 30px;
}
 .about-style-five-info ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .about-style-five-info ul li {
     position: relative;
     z-index: 1;
     margin-top: 10px;
     padding-left: 27px;
     font-size: 17px;
     font-weight: 600;
}
 .about-style-five-info ul li::after {
     position: absolute;
     left: 0;
     top: 0;
     content: "\f5ab";
     font-family: "Font Awesome 5 Free";
     font-weight: bold;
     color: var(--color-primary);
}
 .color-secondary .about-style-five-info ul li::after {
     color: var(--color-secondary);
}
 .about-style-five-info ul li:first-child {
     margin-top: 0;
}
 .author-quotes {
     display: flex;
     align-items: center;
}
 .author-quotes .thumb img {
     height: 60px;
     width: 60px;
     min-width: 60px;
     border-radius: 50%;
}
 .author-quotes .author-left {
     display: flex;
     align-items: center;
     gap: 20px;
     border-right: 1px solid #cccccc;
     margin-right: 20px;
     padding-right: 20px;
}
 .author-quotes .author-left h4 {
     margin-bottom: 3px;
}
 .author-quotes .author-right img {
     height: 55px;
}
 .about-style-five-info .author-quotes {
     margin-top: 30px;
}
 .about-style-five-thumb {
     position: relative;
     z-index: 1;
}
 .about-style-five-thumb img {
     border-radius: 50%;
}
 .about-style-five-thumb .fun-fact {
     background: var(--color-primary);
     text-align: center;
     display: inline-flex;
     height: 180px;
     width: 180px;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     color: var(--white);
     border-radius: 50%;
     position: absolute;
     left: 0;
     top: 0;
     border: 5px solid var(--white);
}
 .color-secondary .about-style-five-thumb .fun-fact {
     background: var(--color-secondary);
}
 .about-style-five-thumb .fun-fact .counter {
     display: flex;
     align-items: center;
     font-size: 50px;
     line-height: 1;
     margin-bottom: 5px;
     font-weight: 700;
}
/* ============================================================== # About Style Six =================================================================== */
 .about-style-six-thumb {
     display: grid;
     align-items: center;
     gap: 30px;
     grid-template-columns: 1fr 1fr;
}
 .about-style-six-thumb img {
     border-radius: 10px;
}
 .curve-text {
     position: relative;
     display: inline-block;
}
 .curve-text svg {
     fill: var(--white);
     height: 170px;
     width: 170px;
     overflow: inherit;
     animation: spinner 20s infinite linear;
     text-shadow: 1px 1px #000000;
}
 .curve-text svg {
     background: var(--bg-gradient);
     border-radius: 50%;
     padding: 35px;
     position: relative;
     z-index: 1;
     font-size: 25px;
     height: 180px;
     width: 180px;
     text-transform: uppercase;
     font-weight: 800;
}
 .curve-text svg path {
     fill: none;
}
 .curve-text svg text {
     fill: var(--white);
     letter-spacing: 4px;
}
 .curve-text a {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%) rotate(-45deg);
     z-index: 1;
     color: transparent;
     font-size: 36px;
     -webkit-text-stroke: 1px var(--white);
}
 .about-style-six-thumb .left-info {
     text-align: center;
}
 .about-style-six-thumb .left-info .curve-text {
     margin-bottom: -50px;
}
 .call-card-two {
     display: flex;
     gap: 15px;
}
 .call-card-two .icon i {
     display: inline-block;
     height: 55px;
     width: 55px;
     color: var(--color-primary);
     border: 1px solid #e7e7e7;
     text-align: center;
     line-height: 50px;
     border-radius: 50%;
}
 .call-card-two p {
     margin-bottom: 0;
}
 .call-card-two h4 {
     margin: 0;
     font-size: 18px;
}
 .right-info .call-card-two {
     margin-top: 30px;
}
 .about-style-six-info .d-flex {
     align-items: center;
     gap: 15px;
}
 .about-style-six-info .d-flex > h4 {
     margin: 0;
     font-size: 18px;
     line-height: 1.4;
}
 .about-style-six-info ul.list-card {
     border-top: 1px solid #dddddd;
     margin-top: 30px;
     padding-top: 30px;
}
 .about-style-six-info ul.list-style-four {
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-column-gap: 30px;
     border-top: 1px solid #dddddd;
     margin-top: 35px;
     padding-top: 25px;
}
 .about-style-six-thumb .left-info .curve-text {
     border: 10px solid var(--white);
     margin-bottom: -80px;
     border-radius: 50%;
}
 .about-style-six-thumb .left-info .curve-text::before {
     position: absolute;
     left: -35px;
     bottom: 38px;
     content: "";
     height: 40px;
     width: 22px;
     border-bottom-right-radius: 20px;
     box-shadow: 0 20px 0 0 var(--white);
     transform: rotate(-100deg);
}
 .about-style-six-thumb .left-info .curve-text::after {
     position: absolute;
     right: -30px;
     bottom: 47px;
     content: "";
     height: 30px;
     width: 20px;
     border-bottom-left-radius: 20px;
     box-shadow: 0 20px 0 0 var(--white);
     transform: rotate(104deg);
}
/* ============================================================== # Why Choose Us =================================================================== */
 .choose-us-style-one-frame {
     position: relative;
     overflow: hidden;
}
 .choose-us-style-one-frame .thumb {
     position: absolute;
     right: 0;
     top: 0;
     height: 100%;
     width: 40%;
     z-index: -1;
}
 .choose-us-style-one-frame .thumb img {
     height: 100%;
     width: 100%;
     object-fit: cover;
     object-position: center;
}
 .choose-us-style-one-area {
     position: relative;
     z-index: 1;
     overflow: hidden;
}
 .choose-us-style-one-area::after {
     position: absolute;
     left: 0;
     bottom: 0;
     content: "";
     height: 500px;
     width: 500px;
     background: linear-gradient(0deg, var(--color-primary) 0%, var(--color-secondary) 100%);
     z-index: -1;
     border-radius: 50%;
     filter: blur(120px);
     opacity: 0.5;
}
 .choose-us-style-one-item {
     padding: 40px 30px;
     background: var(--white);
     box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
     border-radius: 10px;
     height: auto;
     margin-top: 20px;
}
 .choose-us-style-one-item p {
     margin: 0;
     line-height: 25px;
     height: auto;
}
 .choose-us-style-one-item h5{
     margin: 0;
     line-height: 25px;
     height: 100px;
     overflow: hidden;
}
 .choose-us-style-one-items {
     padding-right: 50px;
}
 .choose-us-style-one-item .icon {
     background: var(--bg-gradient);
     display: inline-flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     padding: 14px;
     height: 60px;
     width: 60px;
     max-width: 60px;
     border-radius: 50%;
     margin-bottom: 30px;
}
 .choose-us-style-one-item h4 {
     font-size: 18px;
     min-height: 50px;
 }
 .choose-us-style-one-item.active {
     background: var(--bg-gradient);
}
 .choose-us-style-one-item.active h5 {
     color: var(--white);
}
 .call-card p {
     margin-bottom: 8px;
}
 .call-card h6 {
     font-size: 20px;
}
 .active .call-card p {
     color: var(--white);
}
 .active .call-card h6 {
     color: var(--white);
}
 .choose-us-style-one-item .call-card {
     border-top: 1px solid rgba(255, 255, 255, 0.2);
     margin-top: 25px;
     padding-top: 25px;
}
 .choose-us-style-one-item.active .icon {
     background: var(--white);
}
 .choose-us-style-one-item.active .icon img {
     filter: brightness(0);
}
.choose-us-cont{
    height: 100px;
    overflow: hidden;
}



/* ============================================================== # Choose Us Style Two =================================================================== */
 .customer-card .users {
     display: flex;
     align-items: center;
     margin-left: 15px;
     justify-content: center;
}
 .customer-card i {
     display: inline-block;
     height: 50px;
     width: 50px;
     text-align: center;
     line-height: 50px;
     background: var(--color-primary);
     border-radius: 50%;
     font-weight: 400;
     margin-left: -15px;
}
 .customer-card .users img {
     height: 50px;
     width: 50px;
     border-radius: 50%;
     border: 2px solid var(--white);
     margin-left: -15px;
}
 .choose-us-style-two-items {
     display: grid;
     grid-template-columns: 2fr 270px 2fr;
     gap: 80px;
}
 .customer-card {
     text-align: center;
     background: rgb(1 3 14 / 30%);
     padding: 50px;
     border: 1px solid rgba(255, 255, 255, 0.4);
     border-radius: 10px;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 .customer-card h4 {
     font-size: 18px;
     margin-bottom: 20px;
}
 .customer-card h2 {
     color: var(--white);
     font-size: 70px;
     line-height: 1;
}
 .choose-us-style-two-area {
     background-size: cover;
     background-position: bottom center;
     overflow: hidden;
}
 .choose-us-style-two-item {
     display: flex;
     gap: 30px;
}
 .choose-us-style-two-item .icon {
     height: 75px;
     width: 75px;
     text-align: center;
     line-height: 70px;
     background: var(--color-primary);
     min-width: 75px;
     display: flex;
     align-items: center;
     justify-content: center;
     max-width: max-content;
     padding: 15px;
     border-radius: 50%;
     border: 1px solid rgba(255, 255, 255, 0.4);
}
 .choose-us-style-two-item p {
     margin: 0;
}
 .choose-us-style-two {
     display: grid;
     gap: 60px;
}
/* ============================================================== # Choose Us Style Three =================================================================== */
 .choose-us-style-three-area {
     position: relative;
     z-index: 1;
}
 @media (min-width: 1200px) {
     .choose-us-style-three-info .title {
         padding-right: 25%;
    }
}
 .choose-us-three-thumb {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 35%;
}
 .choose-us-three-thumb img {
     height: 100%;
     width: 100%;
     object-fit: cover;
     object-position: center;
}
 .choose-us-style-three-area .shape {
     position: absolute;
     right: 0;
     bottom: 0;
}
 .card-style-three {
     display: flex;
}
 .card-style-three .item {
     display: flex;
     align-items: flex-start;
     gap: 15px;
     border-right: 1px solid #e7e7e7;
     padding-right: 50px;
     margin-right: 30px;
}
 .card-style-three .item .number {
     transform: rotate(-90deg);
     font-size: 80px;
     line-height: 1;
     font-weight: 900;
     color: transparent;
     -webkit-text-stroke: 1px #cccccc;
     margin-top: 5px;
     margin-left: -15px;
}
 .choose-us-style-three-info .card-style-three {
     margin-top: 40px;
}
 .card-style-three .item p {
     margin: 0;
}
 .card-style-three .item:last-child {
     border: none;
     margin-right: 0;
     padding-right: 0;
}
 .choose-us-three-thumb .video-card {
     display: flex;
     position: absolute;
     right: -41px;
     bottom: 0;
}
 .choose-us-three-thumb .video-card a {
     display: inline-block;
     height: 150px;
     width: 150px;
     background: var(--dark);
     text-align: center;
     line-height: 150px;
}
 .choose-us-three-thumb .video-card span {
     writing-mode: vertical-lr;
     background: var(--color-primary);
     color: var(--white);
     text-transform: uppercase;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     padding: 0 6px;
}
 .choose-us-three-thumb .video-card a i {
     font-weight: 100;
     background: var(--white);
     height: 60px;
     width: 60px;
     text-align: center;
     line-height: 60px;
     border-radius: 50%;
     font-size: 25px;
     position: relative;
}
 .choose-us-three-thumb .video-card a i::before {
     position: relative;
     left: 2px;
}
 .choose-us-three-thumb .video-card a i::after {
     position: absolute;
     left: -15%;
     top: -15%;
     height: 130%;
     width: 130%;
     border: 1px solid rgba(255, 255, 255, 0.2);
     content: "";
     border-radius: 50%;
}
/* ============================================================== # Feature Style One =================================================================== */
 .feature-style-one-item .item {
     background: var(--white);
     padding: 67px 50px;
     padding-bottom: 40px;
     box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
     height: 100%;
     overflow: hidden;
     position: relative;
     background-size: contain !important;
     background-position: right top !important;
     transition: all 0.35s ease-in-out;
     background-repeat: no-repeat !important;
}
 .feature-style-one-item .item .icon img {
     height: 70px;
     margin-bottom: 50px;
}
 .feature-style-one-item .item span {
     font-size: 60px;
     line-height: 1;
     font-weight: 900;
     color: transparent;
     -webkit-text-stroke: 1px #e5e7f1;
     background: var(--white);
     padding-left: 20px;
     transition: all 0.35s ease-in-out;
     line-height: 1;
}
 .features-style-one-items {
     position: relative;
     z-index: 1;
     top: -60px;
     margin-bottom: -60px;
}
 .feature-style-one-item.active .item {
     background: var(--color-primary);
}
 .color-secondary .feature-style-one-item.active .item {
     background: var(--color-secondary);
}
 .feature-style-one-item .item img, .feature-style-one-item .item h4, .feature-style-one-item .item p {
     transition: all 0.35s ease-in-out;
}
 .color-secondary .feature-style-one-item.active .item .icon img {
     filter: brightness(0) invert(1);
}
 .feature-style-one-item.active .item h4 {
     color: var(--white);
}
 .feature-style-one-item.active .item p {
     color: var(--white-secondary);
}
 .feature-style-one-item.active .item span {
     -webkit-text-stroke: 1px #7286cd;
     background: var(--color-primary);
}
 .feature-style-one-item .item .number {
     text-align: right;
     position: relative;
     z-index: 1;
}
 .feature-style-one-item .item .number::after {
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     border-top: 1px solid #e7e7e7;
     height: 2px;
     width: 100%;
     content: "";
     z-index: -1;
     transition: all 0.35s ease-in-out;
}
 .color-secondary .feature-style-one-item.active .item span {
     background: var(--color-secondary);
}
 .feature-style-one-item.active .item .number::after {
     border-color: rgba(255, 255, 255, 0.3);
}
/* ============================================================== # Choose Us Style Four =================================================================== */
 .choose-us-style-four-area {
     position: relative;
     background-size: 25%;
     background-repeat: no-repeat;
     background-position: right top;
     z-index: 1;
}
 .choose-us-style-four-area .thumb {
     position: absolute;
     width: 35%;
     top: 0;
     height: 100%;
     z-index: -1;
}
 .choose-us-style-four-area .thumb img {
     height: 100%;
     width: 100%;
     object-fit: cover;
     object-position: center;
}
 .choose-us-progress {
     display: flex;
     text-align: center;
     gap: 30px;
     align-items: flex-end;
     height: 100%;
}
 .choose-us-progress .circle-progress-two {
     background: var(--color-secondary);
     padding: 40px;
     border-radius: 10px;
}
 .choose-us-progress .circle-progress-two h4 {
     margin: 0;
     color: var(--white);
     font-size: 20px;
     margin-top: 10px;
}
 .choose-us-progress .circle-progress-two .circle-two {
     position: relative;
}
 .choose-us-progress .circle-progress-two .circle-two strong {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     color: var(--white);
     font-size: 22px;
     margin-top: -3px;
}
 .choose-us-style-four-info .progress-box {
     margin-top: 35px;
}
 .choose-us-style-four-info .progress-box .progress {
     overflow: inherit;
     background: #dae2fd;
     height: 10px;
     border-radius: 10px;
}
 .choose-us-style-four-info .progress-box .progress-bar {
     overflow: inherit;
     position: relative;
     background: var(--color-primary);
     border-radius: 10px;
}
 .color-secondary .choose-us-style-four-info .progress-box .progress-bar {
     background: var(--color-secondary);
}
 .choose-us-style-four-info .progress-box .progress-bar span {
     position: absolute;
     right: 0;
     top: -39px;
     background: var(--dark);
     padding: 0 6px;
     font-weight: 700;
     font-size: 15px;
     display: inline-block;
}
 .choose-us-style-four-info .progress-box .progress-bar span::after {
     position: absolute;
     left: 0;
     bottom: -6px;
     content: "";
     height: 6px;
     width: 6px;
     background: var(--dark);
     clip-path: polygon(0 0, 0% 100%, 100% 0);
}
 .choose-us-style-four-info ul.list-style-three li {
     font-weight: 700;
     color: var(--color-heading);
}
 .choose-us-progress .circle-progress-two:nth-child(2) {
     background: var(--color-primary);
}
/* ============================================================== # Visa Category =================================================================== */
 .shape-top-right {
     position: absolute;
     right: 0;
     top: -100px;
     max-width: 8%;
}
 .visa-cat-style-one .thumb {
     position: relative;
     z-index: 178;
     height: 250px;
    overflow: hidden;
}
 .visa-cat-style-one .thumb .shape {
     position: absolute;
     left: 0;
     bottom: -1px;
     width: 100%;
}
 .visa-cat-style-one {
     background: var(--white);
     overflow: hidden;
     border-radius: 15px;
}
 .visa-cat-style-one .icon {
     position: absolute;
     left: 50%;
     bottom: 15px;
     transform: translateX(-50%);
     background: var(--dark);
     height: 85px;
     width: 85px;
     min-width: 85px;
     text-align: center;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     max-width: max-content;
     border-radius: 50%;
     border: 2px solid var(--white);
     transition: all 0.35s ease-in-out;
}
 .swiper-slide-active .visa-cat-style-one .icon, .visa-cat-style-one:hover .icon {
     background: var(--color-primary);
}
 .visa-cat-style-one .button a {
     background: var(--dark);
     color: var(--white);
     width: 100%;
     display: block;
     padding: 15px;
     position: relative;
     z-index: 1;
     overflow: hidden;
}
 .visa-cat-style-one .info {
     padding: 15px;
     padding-top: 5px;
}
.visa-cat-style-one .info h4{
    min-height: 60px;
}

 .visa-cat-style-one .info p {
     margin: 0;
     height: 100px;
     line-height: 25px;
     overflow: hidden;
}
 .visa-cat-style-one .thumb{
     width: 100%;
     height: 250px;
     overflow: hidden;
}
 .visa-cat-style-one .thumb img{
     width: 100%;
     height: 250px;
     object-fit: cover;
     overflow: hidden;
}
 .visa-cat-style-one .thumb .shape img{
     width: 100%;
     height: auto;
}
 .visa-cat-style-one:hover .thumb img{
     transform: scale(1.2);
     transition: .5s ease-in-out;
}
 .visa-cat-style-one .icon img {
     height: 50px;
     width: 50px;
     object-fit: contain;
}
 .visa-cat-style-one .button a svg {
     height: 15px;
     margin-right: 5px;
}
 .visa-cat-style-one .button a img {
     position: absolute;
     left: 0;
     bottom: -10px;
     z-index: -1;
     transition: all 0.35s ease-in-out;
     opacity: 0;
     visibility: hidden;
     height: 100%;
     width: 100%;
}
 .visa-cat-style-one:hover .button a img, .swiper-slide-active .visa-cat-style-one .button a img {
     bottom: 0;
     opacity: 1;
     visibility: visible;
}
 .visa-cat-style-one .button a i {
     display: inline-block;
     height: 28px;
     width: 28px;
     text-align: center;
     line-height: 27px;
     border: 1px solid rgba(255, 255, 255, 0.6);
     font-weight: 400;
     border-radius: 50%;
     margin-right: 5px;
}
/* ============================================================== # Visa Category Two =================================================================== */
 .visa-category-two-area {
     background-size: cover;
     background-repeat: no-repeat;
     overflow: hidden;
}
 .visa-cat-style-two {
     background: var(--white);
     box-shadow: 0px 3px 10px -2px rgb(109 117 143 / 10%);
     overflow: hidden;
     border-radius: 20px;
}
 .visa-cat-style-two .info {
     padding: 50px;
}
 .visa-cat-style-two .icon {
     position: relative;
     display: inline-block;
     z-index: 1;
}
 .visa-category-two-items {
     margin: -15px;
}
 .visa-category-two-items .swiper-slide {
     padding: 15px;
     padding-bottom: 0;
}
 .visa-cat-style-two .icon img {
     height: 70px;
     margin-bottom: 30px;
}
 .visa-cat-style-two .icon::after {
     position: absolute;
     right: -5px;
     top: 30%;
     content: "";
     height: 30px;
     width: 30px;
     background: var(--bg-gradient);
     z-index: -1;
     border-radius: 50%;
     opacity: 0.15;
}
 a.circle-icon-btn {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     text-transform: uppercase;
     font-size: 15px;
}
 a.circle-icon-btn .button-icon {
     background: var(--dark);
     height: 35px;
     width: 35px;
     text-align: center;
     display: inline-flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     max-width: max-content;
     min-width: 35px;
     transition: all 0.25s ease-in-out;
}
 a.circle-icon-btn:hover .button-icon {
     background: var(--color-primary);
     transform: rotate(45deg);
}
 .color-secondary a.circle-icon-btn:hover .button-icon {
     background: var(--color-secondary);
}
 .visa-cat-style-two:hover a.circle-icon-btn .button-icon {
     transform: rotate(45deg);
     background: var(--color-primary);
}
 .swiper-slide-active .visa-cat-style-two a.circle-icon-btn .button-icon {
     background: var(--color-primary);
}
 a.circle-icon-btn .button-icon img {
     height: 15px;
     position: relative;
     top: 1px;
     margin: 0;
}
/* ============================================================== # Visa Category Three =================================================================== */
 .default-padding.half-gray-bg {
     position: relative;
}
 .default-padding.half-gray-bg::after {
     position: absolute;
     left: 0;
     top: 0;
     content: "";
     bottom: 460px;
     width: 100%;
     background: var(--bg-gray);
     z-index: -1;
}
 .visa-category-three-area {
     position: relative;
     overflow: hidden;
}
 .visa-category-three-area .shape {
     position: absolute;
     left: 50%;
     top: 0;
     transform: translateX(-50%);
     width: 90%;
}
 .visa-cat-style-three .info {
     background: var(--white);
     box-shadow: 0px 3px 15px -2px rgb(109 117 143 / 20%);
     padding: 50px;
}
 .visa-category-three-items {
     margin: -15px;
}
 .visa-category-three-items .swiper-slide {
     padding: 15px;
}
 .visa-cat-style-three {
     border-radius: 10px;
}
 .visa-cat-style-three .info .top {
     display: flex;
     align-items: center;
     gap: 16px;
     margin-bottom: 20px;
}
 .visa-cat-style-three .info .top h4 {
     margin: 0;
}
 .visa-cat-style-three .info .top img {
     height: 75px;
}
 .visa-cat-style-three:hover a.circle-icon-btn .button-icon {
     transform: rotate(45deg);
     background: var(--color-primary);
}
 .visa-cat-style-three:hover a.circle-icon-btn {
     color: var(--color-primary);
}
/* ============================================================== # Visa Category Four =================================================================== */
 .visa-cat-style-four .info {
     padding: 30px;
}
 .visa-category-four-items {
     background: var(--bg-gray);
     position: relative;
     width: 108%;
     margin-left: -4%;
     padding: 60px;
     border-radius: 10px;
}
 .visa-cat-style-four {
     background: var(--white);
     position: relative;
     overflow: hidden;
     border-radius: 10px;
}
 .visa-cat-style-four .info span {
     display: inline-block;
     text-transform: uppercase;
     padding: 0 10px;
     padding-top: 3px;
     border: 1px solid #f2ced1;
     border-radius: 5px;
     font-size: 15px;
     font-weight: 600;
     margin-bottom: 20px;
     color: var(--color-primary);
}
 .color-secondary .visa-cat-style-four .info span {
     border-color: #d9dff4;
     color: var(--color-secondary);
}
 .visa-cat-style-four .info p {
     margin: 0;
}
 .visa-cat-style-four .overlay {
     background: var(--color-primary);
     padding: 30px;
     color: var(--white-secondary);
     transition: all 0.35s ease-in-out;
     position: absolute;
     top: 100px;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     opacity: 0;
     visibility: hidden;
     background-size: cover;
     background-position: center;
     border-radius: 10px;
}
 .color-secondary .visa-cat-style-four .overlay {
     background: var(--color-secondary);
}
 .visa-cat-style-four .overlay a {
     color: var(--white);
}
 .visa-cat-style-four .overlay p {
     color: var(--white);
}
 .visa-cat-style-four .overlay img {
     height: 80px;
     margin-bottom: 30px;
}
 .visa-cat-style-four:hover .overlay, .active .visa-cat-style-four .overlay {
     opacity: 1;
     visibility: visible;
     top: 0;
}
 .visa-category-four-area {
     position: relative;
     z-index: 1;
     top: -120px;
     margin-bottom: -120px;
}
 .visa-cat-style-four a.circle-icon-btn .button-icon {
     background: var(--white);
}
 .visa-cat-style-four a.circle-icon-btn .button-icon img {
     filter: brightness(0);
}
/* Navs */
 .visa-category-four-navs > div {
     height: 60px;
     width: 60px;
     background: var(--color-primary);
     text-align: center;
     line-height: 40px;
     border-radius: 50%;
     position: absolute;
     border: 5px solid var(--white);
}
 .visa-category-four-navs > div.visa-category-four-prev {
     left: -31px;
     top: 50%;
     transform: translateY(-50%);
}
 .visa-category-four-navs > div.visa-category-four-next {
     right: -30px;
     top: 50%;
     transform: translateY(-50%);
}
 .color-secondary .visa-category-four-navs > div {
     background: var(--color-secondary);
}
/* ============================================================== # Visa Category Five =================================================================== */
 .visa-cat-style-five-item {
     display: flex;
     align-items: center;
     position: relative;
     justify-content: space-between;
     padding: 20px 0;
     border-bottom: 1px solid #dddddd;
     transition: all 0.35s ease-in-out;
}
 .visa-cat-five-overlay-info {
     position: absolute;
     background: var(--white);
     display: inline-block;
     max-width: 400px;
     padding: 50px;
     left: 50%;
     top: 80px;
     transform: translateX(-50%);
     box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
     opacity: 0;
     visibility: hidden;
     transition: all 0.35s ease-in-out;
     z-index: 1;
}
 .visa-cat-style-five-item:hover .visa-cat-five-overlay-info, .visa-cat-style-five-item.active .visa-cat-five-overlay-info {
     opacity: 1;
     visibility: visible;
     top: -30px;
     border-color: transparent;
}
 .visa-cat-style-five-item:first-child:hover .visa-cat-five-overlay-info, .visa-cat-style-five-item:first-child.active .visa-cat-five-overlay-info {
     top: -30px;
}
 .visa-cat-style-five-item:last-child .visa-cat-five-overlay-info {
     top: auto;
     bottom: 80px;
}
 .visa-cat-style-five-item:last-child:hover .visa-cat-five-overlay-info, .visa-cat-style-five-item:last-child.active .visa-cat-five-overlay-info {
     bottom: -50px;
}
 .visa-cat-style-five-item:nth-last-child(2) .visa-cat-five-overlay-info {
     top: auto;
     bottom: 80px;
}
 .visa-cat-style-five-item:nth-last-child(2):hover .visa-cat-five-overlay-info, .visa-cat-style-five-item:nth-last-child(2).active .visa-cat-five-overlay-info {
     bottom: -50px;
}
 .visa-cat-style-five-item .flag img {
     height: 80px;
}
 .visa-cat-style-five-item .country h4 {
     margin-bottom: 8px;
}
 .visa-cat-style-five-item:last-child {
     border: none;
}
 .visa-cat-style-five-item::after {
     position: absolute;
     left: -200%;
     top: 0;
     content: "";
     height: 0;
     width: 600%;
     background: var(--color-primary);
     z-index: -1;
     transition: all 0.35s ease-in-out;
     opacity: 0;
     visibility: visible;
}
 .visa-category-five-area {
     overflow: hidden;
     position: relative;
     z-index: 1;
}
 .visa-category-five-area::after {
     position: absolute;
     left: 0;
     top: 0;
     content: "";
     height: 300px;
     width: 300px;
     background: var(--color-primary);
     z-index: -1;
     border-radius: 50%;
     filter: blur(150px);
     opacity: 0.5;
}
 .color-secondary .visa-category-five-area::after {
     background: var(--color-secondary);
}
 .color-secondary .visa-cat-style-five-item::after {
     background: var(--color-secondary);
}
 .visa-cat-style-five-item:hover::after, .visa-cat-style-five-item.active::after {
     height: 100%;
     visibility: visible;
     opacity: 1;
}
 .visa-cat-style-five-item:hover .country h4, .visa-cat-style-five-item:hover .country span, .visa-cat-style-five-item:hover .country a, .visa-cat-style-five-item.active .country h4, .visa-cat-style-five-item.active .country a, .visa-cat-style-five-item.active .country span {
     color: var(--white);
}
/* ============================================================== # Visa Category Style Six =================================================================== */
 .visa-cat-style-six-item {
     background: var(--bg-gray);
     padding: 50px;
     border-radius: 10px;
     position: relative;
     overflow: hidden;
     background-size: cover;
     background-position: center;
     border: 1px solid #e7e7e7;
}
 .visa-cat-style-six-item .top {
     display: flex;
     align-items: center;
     gap: 15px;
     margin-bottom: 25px;
}
 .visa-cat-style-six-item .top img {
     height: 60px;
     min-width: 60px;
}
 .visa-cat-style-six-item .top h4 {
     margin-bottom: 5px;
}
 .visa-cat-style-six-item .flag {
     position: relative;
     z-index: 1;
     padding: 5px;
}
 .visa-cat-style-six-item .flag::after {
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
     width: 300%;
     background: var(--white);
     z-index: -1;
     content: "";
     border-radius: 0 50px 50px 0;
}
/* ============================================================== # Visa Country Offer =================================================================== */
 .visa-offer-country-items > li {
     overflow: hidden;
}
 .visa-offer-country-items {
     overflow: hidden;
     margin: 0 auto;
     padding: 0;
     list-style: none;
     display: flex;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
     position: relative;
     gap: 30px;
}
 .visa-offer-country-items > li {
     cursor: grab;
     position: relative;
     z-index: 1;
     overflow: hidden;
     margin: 0;
     padding: 60px 37px;
     list-style: none;
     width: 30%;
     height: inherit;
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
     -webkit-transition: all 250ms ease-in-out;
     -moz-transition: all 250ms ease-in-out;
     transition: all 250ms ease-in-out;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     border: 1px solid #dddddd;
     border-radius: 20px;
     min-height: 550px;
     background: var(--white);
}
 .bg-dark .visa-offer-country-items > li {
     background: var(--dark-secondary);
}
 .visa-offer-country-items li.out::after {
     opacity: 0;
}
 .visa-offer-country-items li .visa-offer-country-item.big-section {
     width: 100%;
}
 .visa-offer-country-items li.out {
     width: 100%;
     background: var(--white);
}
 .bg-dark .visa-offer-country-items li.out {
     background: var(--dark);
}
 .accrdion-portfolio-area .visa-offer-country-item {
     display: inline-block;
     height: auto;
     min-height: auto;
     padding: 30px;
     border-radius: 20px;
     position: relative;
     z-index: 1;
}
 .visa-offer-country-item {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 100%;
     position: relative;
}
 .visa-offer-country-item .icon img {
     height: 80px;
}
 .visa-offer-country-item .country {
     display: flex;
     flex-direction: column;
     gap: 30px;
     align-items: center;
     justify-content: center;
}
 .visa-offer-country-item .country h5 {
     margin-bottom: 3px;
     font-size: 20px;
     writing-mode: vertical-lr;
}
 .visa-offer-country-item .country .content {
     display: flex;
     flex-direction: row-reverse;
}
 .visa-offer-country-item .country span {
     writing-mode: vertical-lr;
}
 .out .visa-offer-country-item .country h5 {
     writing-mode: inherit;
}
 .out .visa-offer-country-item .country span {
     writing-mode: inherit;
}
 .out .visa-offer-country-item .country .content {
     display: block;
}
 .out .visa-offer-country-item .country {
     justify-content: flex-start;
     flex-direction: row;
     align-items: center;
}
 ul.list-style-one {
     margin: 0;
     padding: 0;
     list-style: none;
}
 ul.list-style-one {
     margin: 0;
     padding: 0;
     list-style: none;
}
 ul.list-style-one li {
     position: relative;
     padding-left: 25px;
     margin-top: 5px;
}
 ul.list-style-one li::after {
     position: absolute;
     left: 0;
     top: 7px;
     content: "\f00c";
     font-family: "Font Awesome 5 Pro";
     height: 16px;
     width: 16px;
     background: var(--color-primary);
     text-align: center;
     line-height: 16px;
     border-radius: 50%;
     font-size: 10px;
     color: var(--white);
}
 .color-secondary ul.list-style-one li::after {
     background: var(--color-secondary);
}
 .visa-offer-country-item .bottom {
     margin-top: -250px;
}
 .visa-offer-country-item ul.list-style-one {
     position: relative;
     transition: all 0.15s ease-in-out;
     visibility: hidden;
     opacity: 0;
     transform: translateY(-50px);
}
 .out .visa-offer-country-item ul.list-style-one {
     visibility: visible;
     opacity: 1;
     transition-delay: 0.2s;
     transform: translateY(0);
}
 .visa-offer-country-item .btn-style-one {
     transform: translateX(50px);
     opacity: 0;
     visibility: hidden;
}
 .out .visa-offer-country-item .btn-style-one {
     transform: translateX(0);
     visibility: visible;
     opacity: 1;
     transition-delay: 0.3s;
}
 .bg-dark .visa-offer-country-items > li {
     border: 1px solid rgba(255, 255, 255, 0.1);
}
 .out .visa-offer-country-item .btn-style-one:hover {
     transition-delay: inherit !important;
}
/* ============================================================== # Contry Coverage Two =================================================================== */
 .country-coverage-two-item {
     position: relative;
     z-index: 1;
     padding: 60px 30px;
     border: 1px solid rgba(255, 255, 255, 0.5);
     background: rgba(255, 255, 255, 0.5);
     backdrop-filter: blur(50px);
     height: 100%;
     border-radius: 7px;
}
 .country-coverage-two-item img {
     height: 80px;
     margin-bottom: 30px;
}
 .country-coverage-two-item h5 {
     font-size: 22px;
     margin-bottom: 5px;
}
 .country-coverage-two-item span {
     display: block;
     margin-bottom: 20px;
}
 .country-coverage-two-item a.btn-style-one {
     display: block;
     text-align: center;
     padding: 12px 40px;
}
/* ============================================================== # Visa Country Three =================================================================== */
 .visa-country-three-navs .nav-tabs .nav-item {
     margin: 0;
     border: none;
     display: block;
     margin-top: 30px;
}
 .country-three-content-list .item {
     display: flex;
     gap: 20px;
}
 .country-three-content-list .item img {
     height: 55px;
}
 .country-three-content-list .item span {
     font-size: 16px;
     font-weight: 400;
}
 .country-three-content-list .item h5 {
     margin-bottom: 4px;
}
 ul.list-style-four {
     margin: 0;
     padding: 0;
     list-style: none;
}
 ul.list-style-four li::after {
     position: absolute;
     left: 0;
     top: 50%;
     content: "";
     background-image: url('/wp-content/themes/dhanaimmigration/assets/css/../img/icon/check-icon.png');
     z-index: -1;
     height: 16px;
     width: 16px;
     background-size: contain;
     background-repeat: no-repeat;
     transform: translateY(-50%);
}
 ul.list-style-four li {
     position: relative;
     z-index: 1;
     padding-left: 27px;
     margin-top: 7px;
     font-size: 16px;
     font-weight: 500;
}
 .text-light ul.list-style-four li {
     color: var(--white-secondary);
}
 .country-three-content-list li ul.list-style-four {
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-column-gap: 30px;
     grid-row-gap: 5px;
}
 .country-three-contents .thumb-style-two img {
     height: 100%;
     width: 100%;
     object-fit: cover;
     object-position: center;
     border-radius: 7px;
}
 .country-three-contents .thumb-style-two::after {
     position: absolute;
     right: 20%;
     top: -2px;
     height: 48%;
     width: 120px;
     background: var(--dark);
     content: "";
     transform: skewX(-30deg);
     mix-blend-mode: multiply;
     opacity: 0.6;
}
 .country-three-contents .thumb-style-two::before {
     position: absolute;
     right: 20%;
     bottom: -2px;
     height: 48%;
     width: 120px;
     background: var(--color-primary);
     content: "";
     transform: skewX(30deg);
     mix-blend-mode: multiply;
}
 .visa-country-three-area {
     position: relative;
     z-index: 1;
}
 .visa-country-three-area .shape {
     position: absolute;
     width: 15%;
     top: 80px;
}
 .visa-country-three-area::after {
     position: absolute;
     left: 0;
     top: 0;
     content: "";
     height: 300px;
     width: 300px;
     background: var(--color-primary);
     z-index: -1;
     border-radius: 50%;
     filter: blur(120px);
     opacity: 0.5;
}
 .visa-country-three-area::before {
     position: absolute;
     right: 0;
     bottom: 0;
     content: "";
     height: 350px;
     width: 350px;
     background: var(--color-primary);
     z-index: -1;
     border-radius: 50%;
     filter: blur(120px);
     opacity: 0.5;
}
 .country-three-tab-content-box {
     position: relative;
     height: 100%;
}
 .country-three-contents {
     position: absolute;
     width: 100%;
     left: 0;
     object-fit: contain;
     object-position: center;
     transition: all 0.35s ease-in-out;
     opacity: 0;
     visibility: hidden;
     height: 100%;
}
 .country-three-contents .thumb-style-two {
     height: 100%;
     overflow: hidden;
     position: relative;
     z-index: 1;
     transition: all 0.35s ease-in-out;
     transform: scale(0.8);
}
 .active.country-three-contents .thumb-style-two {
     transform: scale(1);
}
 .country-three-contents.active {
     opacity: 1;
     visibility: visible;
}
 .country-three-content-list .item {
     text-align: left;
     background: var(--white);
     border: none;
     padding: 15px 30px;
     width: 100%;
     margin: 0;
     border-radius: 10px;
     overflow: hidden;
     margin-top: 30px;
     height: 85px;
     transition: height 300ms;
     cursor: pointer;
}
 .bg-dark .country-three-content-list .item {
     background: rgba(255, 255, 255, 0.07);
}
 .country-three-content-list .item.active {
     height: auto;
     padding: 30px;
}
 .country-three-content-list .item .content {
     margin-top: 20px;
     margin-left: 75px;
     border-top: 1px solid #e7e7e7;
     padding-top: 20px;
     transition: height .3s linear;
}
 .bg-dark .country-three-content-list .item .content {
     border-top: 1px solid rgba(255, 255, 255, 0.2);
}
 .country-three-content-list .item p {
     margin-bottom: 20px;
}
 .country-three-content-list .item:first-child {
     margin-top: 0;
}
 .country-three-content-list .item .country {
     display: flex;
     align-items: center;
     gap: 20px;
}
 .country-three-content-list .item ul.list-style-four {
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-column-gap: 30px;
     grid-row-gap: 5px;
}
/* ============================================================== # Faq Style =================================================================== */
 .faq-style-one-area {
     overflow: hidden;
}
 .faq-style-one-thumb {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     position: relative;
}
 .faq-style-one-thumb img {
     margin-bottom: -120px;
}
 .accordion-item.accordion-style-one {
     background: rgba(255, 255, 2655, 0.7);
     margin-top: 15px;
     border: none;
     border-radius: 20px;
}
.accordion-item.accordion-style-one h5{
    width: 90%;
    color: #fff!important;
}
.accordion-item.accordion-style-one h2{
    margin-bottom: 0px!important;
    padding-bottom: 0px!important;
    text-align: left;
  }
 .accordion-item.accordion-style-one button.accordion-button {
     background-color: #5387e3;
     border: none;
     box-shadow: none;
     padding: 20px 30px;
     font-size: 18px;
     padding-right: 60px;
	 border-radius: 20px;
     color: var(--color-heading);
}
 .accordion-item.accordion-style-one button.accordion-button::after {
     display: none;
}
 .accordion-item.accordion-style-one button.accordion-button::before {
     position: absolute;
     right: 10px;
     top: 50%;
     content: "\f078";
     font-family: "Font Awesome 5 Free";
     transform: translateY(-50%);
     font-weight: bold;
}
 .fa-angle-right::before {
     content: "\f061";
}
 .accordion-item.accordion-style-one .accordion-body {
     padding: 10px;
     background-color: #5387e3;
}
 .accordion-item.accordion-style-one .accordion-body ul.list-style-one {
     margin-top: 20px;
}
 .accordion-item.accordion-style-one button.accordion-button:not(.collapsed) {
     background: var(--bg-gradient);
     color: var(--white);
     border-radius: 10px 10px 0 0;
}
/* .accordion-item.accordion-style-one button.accordion-button:not(.collapsed)::before {
     content: "\f068";
}*/
 .accordion-item.accordion-style-one p {
     margin-bottom: 0;
     color: #fff;
}
 .faq-style-one-items .accordion {
     margin-top: 35px;
}
/* ============================================================== # Process Style Two =================================================================== */
 .accordion-style-two .accordion-button {
     background: transparent;
     border: none;
     box-shadow: none;
     color: var(--color-heading);
     font-size: 20px;
     padding: 20px 0;
     padding-right: 50px;
}
 .accordion-item.accordion-style-two {
     border: none;
     border-top: 1px solid #e7e7e7;
     border-radius: 0;
}
 .accordion-item.accordion-style-two:first-child {
     border: none;
}
 .accordion-item.accordion-style-two .accordion-body {
     padding: 0;
     border-top: 1px solid #e7e7e7;
     padding-top: 25px;
}
 .accordion-item.accordion-style-two button.accordion-button::after {
     display: none;
}
 .accordion-item.accordion-style-two button.accordion-button::before {
     position: absolute;
     right: 0;
     top: 50%;
     content: "\f067";
     font-family: "Font Awesome 5 Pro";
     transform: translateY(-50%);
     font-weight: 400;
}
 .accordion-item.accordion-style-two button.accordion-button:not(.collapsed)::before {
     content: "\f068";
}
/* ============================================================== # Process Style One =================================================================== */
 .process-style-one-items {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 80px;
     position: relative;
     overflow: hidden;
}
 .process-style-one-item .icon {
     background: var(--dark);
     height: 200px;
     width: 200px;
     text-align: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     margin: auto;
     transition: all 0.35s ease-in-out;
     padding: 60px;
     clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
}
 .process-style-one-item .info span {
     display: inline-block;
     height: 45px;
     width: 45px;
     background: var(--dark);
     line-height: 45px;
     color: var(--white);
     border-radius: 50%;
     margin-bottom: 30px;
     transition: all 0.35s ease-in-out;
}
 .process-style-one-item .info {
     margin-top: 30px;
     position: relative;
     z-index: 1;
}
 .process-style-one-item .info .shape {
     position: absolute;
     left: 65%;
     width: 90%;
     top: 6px;
     z-index: -1;
}
 .process-style-one-item:last-child .shape {
     display: none;
}
 .process-style-one-item .info p {
     margin: 0;
}
 .process-style-one-item.active .icon {
     background: var(--color-primary);
}
 .process-style-one-item.active .info span {
     background: var(--color-primary);
}
 .bg-dark .process-style-one-item .icon {
     background: #1a3e76;
}
 .bg-dark .process-style-one-item.active .icon {
     background: var(--color-primary);
}
 .bg-dark .process-style-one-item .info span {
     background: #1a3e76;
}
 .bg-dark .process-style-one-item.active .info span {
     background: var(--color-primary);
}
/* ============================================================== # Process Stle Two =================================================================== */
 .process-style-two-items {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 80px;
     position: relative;
     z-index: 1;
}
 .process-style-two-items .shape {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     z-index: -1;
}
 .process-style-two-items .shape img {
     max-height: 110px;
     width: 100%;
}
 .process-style-two-item .icon {
     display: inline-block;
     background: var(--color-primary);
     height: 110px;
     line-height: 110px;
     width: 100px;
     min-width: 100px;
     position: relative;
     z-index: 1;
     margin-bottom: 50px;
}
 .color-secondary .process-style-two-item .icon {
     background: var(--color-secondary);
}
 .process-style-two-item .icon img {
     height: 60px;
}
 .process-style-two-item .icon::after {
     position: absolute;
     left: 0;
     bottom: -24px;
     content: "";
     height: 25px;
     width: 100px;
     background: var(--color-primary);
     z-index: -1;
     clip-path: polygon(100% 0, 0 0, 50% 25px);
}
 .color-secondary .process-style-two-item .icon::after {
     background: var(--color-secondary);
}
.process-style-two-item .info h4{
	font-size: 2dvw;
}
 .process-style-two-item p {
     margin: 0;
}
 .process-style-two-item .info {
     padding: 0 10px;
	 min-height: 330px;
}
 .process-style-two-item:nth-child(2) .icon {
     background: var(--dark);
}
 .process-style-two-item:nth-child(2) .icon::after {
     background: var(--dark);
}
/* ============================================================== # Course Style =================================================================== */
 @media (min-width: 1200px) {
     .course-style-one-items .container {
         max-width: 100%;
         padding: 0;
         width: 100%;
    }
}
 .course-style-one-area {
     overflow: hidden;
}
 .course-style-one-item {
     position: relative;
     overflow: hidden;
     border-radius: 30px;
}
 .course-style-one-item .overlay-title {
     position: absolute;
     left: 50px;
     bottom: 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 20px;
     background: var(--dark);
     padding: 15px 30px;
     border-radius: 30px 30px 0 0;
     transition: all 0.25s ease-in-out;
     right: 50px;
}
 .course-style-one-item .overlay-title::before {
     position: absolute;
     left: -20px;
     bottom: 0px;
     content: "";
     height: 40px;
     width: 20px;
     border-bottom-right-radius: 20px;
     box-shadow: 0 20px 0 0 var(--dark);
}
 .course-style-one-item .overlay-title::after {
     position: absolute;
     right: -20px;
     bottom: 0;
     content: "";
     height: 40px;
     width: 20px;
     border-bottom-left-radius: 20px;
     box-shadow: 0 20px 0 0 var(--dark);
}
 .course-style-one-item:hover .overlay-title, .swiper-slide-active .course-style-one-item .overlay-title {
     bottom: -100px;
     opacity: 0;
     visibility: hidden;
}
 .course-style-one-item .overlay {
     position: absolute;
     left: 0;
     bottom: -80px;
     opacity: 0;
     background: var(--color-primary);
     transition: all 0.35s ease-in-out;
     padding: 40px;
     border-radius: 30px;
}
 .course-style-one-item .overlay-title h4 {
     margin: 0;
     font-size: 20px;
}
 .course-style-one-item .overlay-title a {
     color: var(--white);
}
 .course-style-one-item .overlay-title img {
     height: 50px;
}
 .course-style-one-item .overlay-title .icon {
     border-left: 1px solid rgba(255, 255, 255, 0.3);
     padding-left: 20px;
}
 .swiper-slide-active .course-style-one-item .overlay, .course-style-one-item:hover .overlay {
     opacity: 1;
     visibility: visible;
     bottom: 0;
}
 .course-style-one-item .overlay img {
     max-height: 64px;
     margin-bottom: 25px;
}
 .course-style-one-item .overlay a {
     color: var(--white);
}
 .course-style-one-item .overlay p {
     margin: 0;
     color: var(--white);
     opacity: 0.9;
}
 .course-style-one-items {
     position: relative;
}
 .course-style-one-nav {
     position: absolute;
     height: 100%;
     width: 100%;
}
 .course-style-one-nav > div {
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     background: var(--color-primary);
     z-index: 2;
     color: var(--white);
     height: 50px;
     width: 50px;
     text-align: center;
     line-height: 50px;
     font-size: 26px;
     border-radius: 50%;
     transition: all 0.35s ease-in-out;
     opacity: 0;
     visibility: hidden;
}
 .course-style-one-nav > div i {
     font-weight: 100;
}
 .course-style-one-nav > div.course-carousel-next {
     left: auto;
     right: 0;
}
 .course-style-one-items:hover .course-style-one-nav > div.course-carousel-next {
     right: 30px;
     opacity: 1;
     visibility: visible;
}
 .course-style-one-items:hover .course-style-one-nav > div.course-carousel-prev {
     left: 30px;
     opacity: 1;
     visibility: visible;
}
/* ============================================================== # Course Style Two =================================================================== */
 .course-style-two-items {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
}
 .course-style-two-item {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 30px;
}
 .course-banner {
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     background-size: cover;
     background-position: center;
     padding: 50px;
}
 .course-banner h5 {
     margin: 0;
}
 .course-banner .percent {
     height: 120px;
     width: 120px;
     text-align: center;
     line-height: 120px;
     border: 2px solid rgba(255, 255, 255, 0.5);
     border-radius: 50%;
     margin-bottom: 25px;
     background: var(--color-primary);
     font-size: 30px;
     font-weight: 700;
}
 .color-secondary .course-banner .percent {
     background: var(--color-secondary);
}
 .course-style-two-item a {
     display: block;
     text-align: center;
     background: var(--white);
     padding: 40px 15px;
     position: relative;
     z-index: 1;
}
 .course-style-two-item a img {
     height: 50px;
     margin-bottom: 20px;
}
 .course-style-two-item a h6 {
     margin: 0;
     transition: all 0.35s ease-in-out;
}
 .course-style-two-item a::after {
     position: absolute;
     left: 50%;
     top: 50%;
     content: "";
     height: 60%;
     width: 60%;
     background: var(--color-primary);
     z-index: -1;
     transform: translate(-50%, -50%);
     transition: all 0.35s ease-in-out;
     opacity: 0;
     visibility: hidden;
}
 .color-secondary .course-style-two-item a::after {
     background: var(--color-secondary);
}
 .course-style-two-item a:hover::after {
     opacity: 1;
     visibility: visible;
     height: 100%;
     width: 100%;
}
 .course-style-two-item a:hover h6 {
     color: var(--white);
}
 .course-style-two-item a:hover img {
     filter: brightness(0) invert(1);
}
/* ============================================================== # Training Style =================================================================== */
 .training-style-one-area {
     background-size: 10%;
     background-repeat: no-repeat;
     background-position: left top;
     overflow: hidden;
}
 .training-style-one-item {
     position: relative;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     z-index: 1;
}
 .training-style-one-item ul.list-style-three li {
     color: var(--color-heading);
}
 .training-style-one-item img {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 60%;
     object-fit: cover;
     object-position: center;
     height: 100%;
     z-index: -1;
}
 @media only screen and (min-width: 1400px) {
     .training-style-one-item img {
         height: 210%;
    }
}
 .training-style-one-item .info {
     background: linear-gradient(180deg, #f9e4e4 40%, #fffbfa 60%);
     padding: 50px;
     position: relative;
     z-index: 1;
}
 .training-style-one-item .info .shape img {
     height: 100%;
     width: 100%;
     left: 0;
     bottom: 0;
     object-fit: cover;
     object-position: center;
}
 .training-style-one-contents {
     position: relative;
}
 .training-style-one-item .info h3 a {
     color: var(--color-heading);
}
 .training-style-one-item .info p {
     color: var(--color-heading);
}
 .training-style-one-item .info ul {
     color: var(--color-heading);
     margin-bottom: 25px;
}
 .training-style-one-navs .nav-tabs {
     margin: 0;
     padding: 0;
     list-style: none;
     display: flex;
     flex-direction: column;
     gap: 20px;
     border: none;
}
 .training-style-one-navs .nav-tabs li.nav-item .nav-link {
     width: 100%;
     display: block;
     background: rgba(255, 255, 255, 0.06);
     border: none;
     border-radius: 5px;
     padding: 18px 25px;
     transition: all 0.35s ease-in-out;
}
 .training-style-one-navs .nav-tabs li.nav-item .nav-link strong {
     margin: 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
     font-size: 18px;
     color: var(--white);
}
 .training-style-one-navs .nav-tabs::before, .training-style-one-navs .nav-tabs::after {
     display: none;
}
 .training-style-one-navs .nav-tabs li.nav-item .nav-link i {
     font-weight: 300;
     transform: rotate(-45deg);
     font-size: 16px;
     transition: all 0.35s ease-in-out;
     height: 40px;
     width: 40px;
     text-align: center;
     line-height: 38px;
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: 50%;
}
 .training-style-one-navs .nav-tabs li.nav-item .nav-link.active i {
     transform: rotate(0);
}
 .training-style-one-navs .nav-tabs li.nav-item .nav-link.active {
     background: var(--bg-gradient);
     border: none;
}
 ul.list-style-three {
     margin: 0;
     padding: 0;
     list-style: none;
}
 ul.list-style-three li::after {
     position: absolute;
     left: 0;
     top: 50%;
     content: "";
     background-image: url('/wp-content/themes/dhanaimmigration/assets/css/../img/icon/arrow-check.html');
     z-index: -1;
     height: 16px;
     width: 16px;
     background-size: contain;
     background-repeat: no-repeat;
     transform: translateY(-50%);
}
 ul.list-style-three li {
     position: relative;
     z-index: 1;
     padding-left: 25px;
     margin-top: 7px;
     font-size: 17px;
}
 .training-style-one-item .info .btn-style-one::after {
     background: var(--dark);
}
 .training-style-one-item .info .btn-style-one:hover {
     color: var(--white);
}
 .training-style-one-item .info .btn-style-one:hover::before, .training-style-one-item .info .btn-style-one:hover span {
     background: var(--white);
}
/* ============================================================== # Team Style =================================================================== */
 .team-style-one-area {
     overflow: hidden;
}
 .team-style-one-item .thumb {
     position: relative;
     margin-bottom: 30px;
}
 .team-style-one-item .info h4 {
     margin-bottom: 5px;
}
 .team-style-one-item .thumb img:nth-child(2) {
     position: absolute;
     left: 0;
     bottom: 0;
     mix-blend-mode: multiply;
     max-width: 40%;
     transition: all 0.35s ease-in-out;
}
 .team-style-one-item:hover .thumb img:nth-child(2) {
     max-width: 50%;
}
 .team-style-one-item .social-info {
     position: absolute;
     right: 0;
     bottom: -45px;
     display: flex;
     flex-direction: column;
     align-items: flex-end;
}
 .social-overlay .icon {
     position: relative;
     z-index: 1;
}
 .social-overlay .icon::before {
     position: absolute;
     left: -28px;
     bottom: 22px;
     content: "";
     height: 40px;
     width: 22px;
     border-bottom-right-radius: 20px;
}
 .social-overlay .icon::after {
     position: absolute;
     right: -17px;
     bottom: 22px;
     content: "";
     height: 27px;
     width: 8px;
     border-bottom-left-radius: 10px;
}
 .social-overlay {
     display: flex;
}
 .social-overlay ul {
     display: flex;
     gap: 4px;
     margin-right: 4px;
}
 .social-overlay .icon i {
     display: inline-block;
     height: 45px;
     width: 45px;
     line-height: 45px;
     text-align: center;
     background: var(--color-primary);
     color: var(--white);
     cursor: pointer;
     font-weight: 400;
}
 .color-secondary .social-overlay .icon i {
     background: var(--color-secondary);
}
 .social-overlay ul li {
     display: inline-block;
     text-align: center;
}
 .social-overlay ul li a {
     display: inline-block;
}
 .social-overlay ul li a i {
     display: inline-block;
     height: 45px;
     width: 45px;
     line-height: 45px;
     background: var(--color-primary);
     color: var(--white);
     opacity: 0;
     visibility: hidden;
     transform: translateX(40px);
     transition: all 0.35s ease-in-out;
}
 .team-style-one-item .social-info > a {
     display: inline-block;
     height: 45px;
     width: 45px;
     text-align: center;
     background: var(--dark);
     line-height: 45px;
     color: var(--white);
}
 .social-overlay ul li:first-child a i {
     transition-delay: 0.60ms;
}
 .social-overlay ul li:nth-child(2) a i {
     transition-delay: 0.45ms;
}
 .social-overlay ul li:nth-child(3) a i {
     transition-delay: 0.30ms;
}
 .social-overlay ul li:nth-child(4) a i {
     transition-delay: 0.15ms;
}
 .team-style-one-item:hover .thumb .social-overlay ul li a i {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
}
 .social-overlay ul li a i.fa-facebook-f {
     background: #3B5998;
}
 .social-overlay ul li a i.fa-dribbble {
     background: #ea4c89;
}
 .social-overlay ul li a i.fa-linkedin-in {
     background: #0077B5;
}
/* ============================================================== # Team Style Two =================================================================== */
 .team-style-two-item .thumb {
     background: var(--dark);
     position: relative;
     overflow: hidden;
     padding: 40px;
     padding-bottom: 0;
}
 .team-style-two-item .thumb img:nth-child(2) {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     opacity: 0.7;
}
 .team-style-two-item .thumb img:first-child {
     position: relative;
     z-index: 1;
}
 .team-style-two-item .social-overlay ul li a i {
     transform: translateY(40px);
}
 .team-style-two-item:hover .thumb .social-overlay ul li a i {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
}
 .team-style-two-item .social-overlay ul {
     flex-direction: column;
}
 .team-style-two-item .social-overlay ul li {
     display: block;
}
 .team-style-two-item .social-overlay {
     flex-direction: column;
     display: inline-flex;
     gap: 4px;
     position: absolute;
     right: 55px;
     bottom: 0;
     z-index: 2;
}
 .team-style-two-item .info {
     padding: 0 30px;
}
 .team-style-two-item .info .content {
     background: var(--white);
     padding: 30px;
     box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
     border-top: 5px solid var(--color-primary);
     position: relative;
     top: -30px;
     z-index: 1;
     margin-bottom: -30px;
}
 .color-secondary .team-style-two-item .info .content {
     border-top: 5px solid var(--color-secondary);
}
 .team-style-two-item .info .content h4 {
     margin-bottom: 5px;
}



.bg-white.d-flex.align-items-center.justify-content-center {
  width: 80px;
  height: 80px;
}




/* ============================================================== # Team Single =================================================================== */
 .team-single-area .team-content-top .right-info {
     padding-left: 35px;
     padding-right: 50px;
}
 .team-single-area .team-content-top .right-info h2 {
     margin-bottom: 20px;
}
 .team-single-area .team-content-top .right-info span {
     display: block;
     text-transform: uppercase;
     color: var(--color-primary);
     font-weight: 700;
     margin-bottom: 25px;
}
 .team-single-area .right-info ul {
     margin-top: 25px;
     border-top: 1px solid #e7e7e7;
     padding-top: 17px;
}
 .team-single-area .right-info ul li {
     margin-top: 10px;
     color: var(--color-heading);
     font-size: 20px;
}
 .team-single-area .right-info ul li a {
     font-weight: 600;
}
 .team-single-area .right-info ul li a:hover {
     color: var(--color-primary);
}
 .team-single-area .right-info .social {
     display: flex;
     margin-top: 25px;
     font-weight: 800;
     align-items: center;
}
 .team-single-area .right-info .social h4 {
     font-weight: 800;
     margin-bottom: 0;
     margin-right: 25px;
}
 .team-single-area .right-info .social ul {
     margin: 0;
     padding: 0;
     border: none;
}
 .team-single-area .right-info .social .share-link {
     position: relative;
     z-index: 1;
     margin-left: 15px;
     padding-right: 20px;
}
 .team-single-area .right-info .social .share-link>i {
     display: inline-block;
     height: 45px;
     background: var(--white);
     box-shadow: 0 0 10px #cccccc;
     line-height: 45px;
     width: 45px;
     text-align: center;
     border-radius: 50%;
     cursor: pointer;
     color: var(--color-primary);
}
 .team-single-area .right-info .social ul {
     display: flex;
     list-style-type: none;
     grid-gap: 10px;
     padding: 0;
     margin: 0;
     position: absolute;
     left: 0;
     top: 0;
     z-index: 0;
     opacity: 0;
     pointer-events: none;
     transition: all 0.3s ease-in-out 0s;
}
 .team-single-area .right-info .social .share-link:hover ul {
     left: 58px;
     opacity: 1;
     pointer-events: auto;
}
 .team-single-area .right-info .social ul li {
     display: inline-block;
     margin: 0;
}
 .team-single-area .right-info .social ul li a {
     display: inline-block;
     height: 45px;
     width: 45px;
     line-height: 47px;
     background: #f1f1f1;
     text-align: center;
     border-radius: 50%;
}
 .team-single-area .bottom-info h2 {
     margin-bottom: 25px;
}
 .team-single-area .bottom-info p:last-child {
     margin-bottom: 0;
}
 .team-single-area .bottom-info .skill-items {
     padding-left: 35px;
}
 .skill-items .progress-box {
     margin-bottom: 35px;
}
 .team-single-area .team-content-top img {
     border-radius: 10px;
}
 .skill-items .progress-box:last-child {
     margin-bottom: 0;
}
 .skill-items .progress-box h5 {
     text-transform: capitalize;
     margin-bottom: 5px;
     text-align: left;
     position: relative;
     z-index: 1;
     font-size: 18px;
}
 .skill-items .progress-box h5 span {
     position: absolute;
     font-size: 50px;
     line-height: 1;
     top: -21px;
     left: 0;
     z-index: -1;
     opacity: 0.05;
}
 .skill-items .skill-items {
     margin-top: 40px;
}
 .skill-items .progress-box .progress {
     background: transparent;
     border-bottom: none;
     box-shadow: inherit;
     border-radius: inherit;
     overflow: inherit;
}
 .skill-items .progress-box .progress .progress-bar {
     height: 10px;
     border-radius: 30px;
     background: var(--color-primary);
     top: 12px;
     position: relative;
     overflow: inherit;
}
 .skill-items .progress-box .progress .progress-bar span {
     position: absolute;
     right: 0;
     top: -40px;
     display: block;
     font-size: 14px;
     color: var(--white);
     background: var(--dark);
     line-height: 1;
     padding: 5px;
     font-weight: 700;
     border-radius: 4px;
     z-index: 1;
}
 .skill-items .progress-box .progress .progress-bar span::after {
     position: absolute;
     left: 5px;
     bottom: -7px;
     content: "";
     height: 8px;
     width: 12px;
     background: var(--dark);
     clip-path: polygon(0 0, 0 100%, 100% 0);
}
 .team-single-list {
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-column-gap: 30px;
}
 .team-list-item h4 {
     margin-bottom: 30px;
     font-size: 28px;
}
 .team-list-item h5 {
     font-weight: 800;
     margin-bottom: 8px;
}
 .team-list-item span {
     text-transform: none;
     margin-bottom: 5px;
     color: var(--color-heading);
     display: block;
}
 .team-list-item li {
     margin-top: 30px;
}
 .team-list-item li:first-child {
     margin-top: 0;
}
 .team-single-list ul {
     border: none;
     margin-top: 0;
     padding: 0;
}
 .skill-items h3 {
     margin-bottom: 30px;
}
 .team-list-item ul {
     border-left: 1px solid;
     padding-left: 25px;
}
 .team-list-item ul li {
     position: relative;
     z-index: 1;
}
 .team-list-item ul li::after {
     position: absolute;
     left: -33px;
     top: 3px;
     content: "";
     height: 15px;
     width: 15px;
     border: 2px solid var(--color-primary);
     border-radius: 50%;
     background: var(--bg-gray);
}
/* ============================================================== # Testimonial Style One =================================================================== */
 .testimonial-style-one-items {
     position: relative;
     z-index: 1;
}
 .testimonial-one-shape img {
     position: absolute;
     height: 100px;
     width: 100px;
     border-radius: 50%;
}
 .testimonial-one-shape img:first-child {
     left: 20%;
     top: 30%;
}
 .testimonial-one-shape img:nth-child(2) {
     right: 20%;
     top: 30%;
}
 .testimonial-one-shape img:nth-child(3) {
     bottom: 0;
     left: 0;
}
 .testimonial-one-shape img:nth-child(4) {
     right: 0;
     bottom: 0;
}
 .testimonial-style-one-item .tm-provider {
     height: 200px;
     width: 200px;
     border-radius: 50%;
     border-top: 10px solid var(--color-primary);
     border-left: 10px solid var(--dark);
     border-right: 10px solid var(--dark);
     border-bottom: 10px solid var(--color-primary);
     display: inline-block;
     overflow: hidden;
}
 .color-secondary .testimonial-style-one-item .tm-provider {
     border-top: 10px solid var(--color-secondary);
     border-left: 10px solid #c8d2d5;
     border-right: 10px solid #c8d2d5;
     border-bottom: 10px solid var(--color-secondary);
}
 .testimonial-style-one-item .tm-provider img {
     border: 3px solid var(--white);
     border-radius: 50%;
}
 .testimonial-style-one-item .reviews i {
     display: inline-block;
     height: 25px;
     width: 25px;
     line-height: 25px;
     background: var(--color-primary);
     color: var(--white);
     font-size: 14px;
     border-radius: 3px;
}
 .color-secondary .testimonial-style-one-item .reviews i {
     background: var(--color-secondary);
}
 .testimonial-style-one-item .reviews {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 2px;
     margin-bottom: 30px;
     margin-top: 80px;
}
 .testimonial-style-one-item h3 {
     font-size: 30px;
}
 .testimonial-style-one-item p {
     font-size: 24px;
}
 .testimonial-style-one-item h4 {
     margin-bottom: 10px;
}
 @media (min-width: 1200px) {
     .testimonial-style-one-item p {
         padding: 0 5%;
    }
}
/* ============================================================== # Testimonial Style Two =================================================================== */
 .testimonial-style-two-area {
     position: relative;
     z-index: 1;
     overflow: hidden;
}
 .shape-top-center img {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     object-fit: contain;
     object-position: center top;
     z-index: -1;
}
 .shape-bottom-center img {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     z-index: -1;
}
 .testimonial-two-left-info h2 {
     font-size: 100px;
     letter-spacing: -6px;
     font-weight: 600;
     line-height: 1;
     margin-bottom: 15px;
}
 .testimonial-two-left-info h2 span {
     font-size: 30px;
     letter-spacing: -1px;
}
 .provider-cards {
     display: flex;
     align-items: center;
     margin-left: 15px;
}
 .provider-cards img {
     height: 50px;
     width: 50px;
     border-radius: 50%;
     border: 2px solid;
     margin-left: -15px;
}
 .provider-cards h4 {
     height: 50px;
     width: 50px;
     text-align: center;
     line-height: 46px;
     background: var(--color-primary);
     border-radius: 50%;
     margin: 0;
     font-size: 16px;
     border: 2px solid;
     color: var(--white);
     margin-left: -15px;
}
 .testimoial-style-two-items {
     background: rgba(255, 255, 255, 0.06);
}
 .testimonial-style-two-item {
     display: grid;
     gap: 40px;
     padding: 50px;
     grid-template-columns: 1fr 1.3fr;
}
 .testimonial-style-two-item img {
     border-radius: 7px;
}
 .testimonial-two-left-info {
     background: var(--color-primary);
     display: flex;
     padding: 50px;
     flex-direction: column;
     justify-content: center;
     background-size: 60%;
     background-repeat: no-repeat;
     background-position: right top;
}
 .testimonial-two-navs {
     display: flex;
     align-items: center;
     margin-top: 30px;
     border-top: 1px solid rgba(255, 255, 255, 0.3);
     padding-top: 30px;
     gap: 10px;
     justify-content: space-between;
}
 .testimonial-two-navs > div {
     height: 50px;
     width: 50px;
     text-align: center;
     line-height: 42px;
     background: var(--white);
     border-radius: 50%;
}
 .testimonial-two-navs > div.testimonial-style-two-next {
     background: var(--dark);
}
 .testimonial-two-navs > div.testimonial-style-two-prev svg path {
     stroke: var(--color-heading);
}
 .testimonial-style-two-item .ratings {
     display: block;
     margin-bottom: 20px;
     color: #ffae00;
}
 .testimonial-style-two-item .provider-details h4 {
     margin-bottom: 5px;
}
 .testimonial-style-two-item p {
     font-size: 20px;
}
/* ============================================================== # Testimonial Style Three =================================================================== */
 .testimonial-style-three-item {
     background: var(--white);
     padding: 40px;
     position: relative;
     border-radius: 10px;
     min-height: 300px;
}
.testimonial-style-three-item p{
     height: 200px;
     overflow: auto;
}
 .testimonial-three-thumb {
     height: 100%;
}

 .testimonial-three-thumb img {
     height: 100%;
     width: 100%;
     object-fit: cover;
     object-position: center;
     border-radius: 10px;
}
 .testimoial-style-three-items {
     padding: 50px 0;
}
 .testimonial-style-three-item .provider-details {
     display: flex;
     align-items: center;
     gap: 15px;
}
 .testimonial-style-three-item .provider-details img {
     height: 60px;
     width: 60px;
     min-width: 60px;
     border-radius: 50%;
}
 .testimonial-style-three-item .provider-details h4 {
     margin-bottom: 5px;
     font-size: 20px;
}
 .testimonial-style-three-carousel {
     margin-left: -50%;
}
 .testimonial-style-three-item .quote img {
     position: absolute;
     right: 40px;
     height: 60px;
}
 .testimonial-style-three-item .top i {
     color: #ffb800;
}
 .testimonial-style-three-item .top {
     margin-bottom: 20px;
}
 .testimonial-style-three-item .top h4 {
     font-size: 20px;
     margin-bottom: 10px;
}
/* ============================================================== # Testimoinial =================================================================== */
 .testimonial-style-four-item {
     display: grid;
     align-items: center;
     grid-template-columns: 1fr 2fr;
}
 .testimonial-style-four-item .thumb {
     border-right: 1px solid #e7e7e7;
     margin-right: 50px;
     padding-right: 50px;
     position: relative;
     z-index: 1;
}
 .testimonial-style-four-item .thumb .icon {
     display: inline-block;
     background: var(--color-primary);
     height: 60px;
     width: 60px;
     text-align: center;
     line-height: 55px;
     border-radius: 50%;
     border: 3px solid var(--white);
     position: absolute;
     top: 20%;
     left: 17%;
}
 .testimonial-style-four-item .thumb .icon img {
     height: 20px;
}
 .color-secondary .testimonial-style-four-item .thumb .icon {
     background: var(--color-secondary);
}
 .testimonial-style-four-item .ratings {
     display: block;
     position: relative;
     top: 15px;
}
 .testimonial-style-four-item .ratings i {
     color: #ffa500;
}
 .testimonial-style-four-item p {
     font-size: 27px;
     margin-top: 50px;
}
 .testimonial-style-four-item h4 {
     margin-bottom: 5px;
}
 .testimoial-style-four-items {
     position: relative;
     z-index: 1;
}
 .testimonial-four-swiper-nav {
     position: absolute;
     right: 0;
     top: 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
     min-width: 150px;
     font-size: 30px;
     border: 1px solid #e7e7e7;
     padding: 10px 20px;
     border-radius: 50px;
     z-index: 1;
}
 .testimonial-four-swiper-nav .testimonial-four-pagination {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     width: auto;
     height: 25px;
     font-size: 23px;
     font-weight: 800;
}
 .testimonial-four-swiper-nav div {
     line-height: 1;
}
 .testimonial-four-swiper-nav i {
     font-weight: 300;
}
/* ============================================================== # Call to action =================================================================== */
 .call-to-action-area {
     position: relative;
     z-index: 1;
     overflow: hidden;
     padding-top: 45px;
}
 .call-to-action-area::after {
     position: absolute;
     left: 0;
     bottom: 0;
     content: "";
     height: 120px;
     width: 100%;
     background: var(--bg-gray);
     z-index: -1;
}
 .call-to-action-style-one .thumb {
     position: relative;
     z-index: 1;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     align-items: center;
     height: 100%;
}
 .call-to-action-style-one .thumb .shape img {
     position: absolute;
}
 .call-to-action-style-one .thumb .shape img:first-child {
     left: -100px;
     bottom: 20%;
     height: 150px;
}
 .call-to-action-style-one .thumb .shape img:nth-child(2) {
     bottom: 0;
     z-index: -1;
     left: 0;
     width: 100%;
}
 .call-to-action-style-one .thumb .shape img:nth-child(3) {
     top: 30%;
     right: 25%;
     z-index: -1;
}
 .call-to-action-style-one .thumb .shape img:nth-child(4) {
     top: 0;
     left: 0;
     z-index: -1;
}
 .call-to-action-style-one {
     position: relative;
     z-index: 1;
}
 .call-to-action-style-one .shape img {
     position: absolute;
     right: 0;
     bottom: 0;
     z-index: -1;
     max-width: 60%;
}
 .call-action-info {
     padding: 30px;
     display: flex;
     flex-direction: column;
     max-width: max-content;
     justify-content: center;
     height: 100%;
}
.call-action-info h4{
    color: #fff;
}
.call-action-info h4{
    color: #fff;
}
 .call-action-info .sub-title {
     max-width: max-content;
}
}
 .call-action-info .btn-style-one {
     max-width: max-content;
}
 .call-to-action-style-one .thumb > img {
     padding: 0 30px;
     margin-top: -50px;
}
/* ============================================================== # Service =================================================================== */
 .services-style-one {
     padding: 60px 30px;
     background: var(--white);
     backdrop-filter: blur(50px);
     border-radius: 10px;
}
 .bg-dark .services-style-one {
     background: rgba(255, 255, 255, 0.05);
}
 .services-style-one h4 {
     font-size: 20px;
}
 .bg-dark .services-style-one h4 a {
     color: var(--white);
}
 .services-style-one p {
     margin: 0;
}
 .services-style-one img {
     height: 50px;
     margin-bottom: 80px;
}
 a.icon-circle {
     display: inline-block;
     height: 55px;
     width: 55px;
     background: var(--color-secondary);
     text-align: center;
     line-height: 52px;
     border-radius: 50%;
     border: 1px solid rgba(255, 255, 255, 0.2);
     margin-top: 5px;
}
 .service-more-info {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 50px;
     padding-right: 0;
}
 .service-more-info a {
     text-transform: uppercase;
     padding-bottom: 8px;
     display: flex;
     border-bottom: 1px solid;
     margin-top: 50px;
     align-items: center;
     justify-content: space-between;
}
 .bg-dark .service-more-info a {
     color: var(--white);
}
 .service-more-info a svg {
     margin-left: 5px;
     height: 20px;
     width: 16px;
     transition: all 0.35s ease-in-out;
}
 .service-more-info a:hover svg path {
     stroke: var(--color-primary);
}
 .bg-dark .service-more-info a:hover svg path {
     stroke: var(--white);
}
 .service-more-info .counter {
     display: inline-flex;
     align-items: center;
     font-size: 100px;
     line-height: 1;
     font-weight: 700;
     margin-bottom: 15px;
     background: var(--bg-gradient);
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
}
 .color-secondary .service-more-info .counter {
     background: var(--bg-gradient-secondary);
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
}
 .service-more-info .medium {
     font-size: 22px;
     display: block;
}
/* ============================================================== # Services Details =================================================================== */
 .services-details-area .thumb img {
     margin-bottom: 40px;
}
 .services-details-area img {
     border-radius: 10px;
}
 .services-details-area h1, .services-details-area h2, .services-details-area h3, .services-details-area h4, .services-details-area h5, .services-details-area h6 {
     font-weight: 800;
}
 .services-details-area h3 {
     margin-bottom: 0px;
     margin-top: 3%;
}
 .quick-contact-widget {
     background-size: 70%;
     position: relative;
     background-repeat: no-repeat;
     z-index: 1;
     padding: 60px 37px;
     background-position: right top;
     overflow: hidden;
     border-radius: 8px;
}
 .location-items ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .location-items ul li {
     margin-top: 15px;
     font-size: 20px;
}
 .location-items ul li i {
     margin-right: 10px;
     height: 40px;
     width: 40px;
     line-height: 40px;
     background: var(--color-primary);
     text-align: center;
     border-radius: 50%;
     font-size: 16px;
}
 .location-items ul li a {
     font-weight: 600;
}
 .quick-contact-widget .content {
     position: relative;
     z-index: 1;
}
 .quick-contact-widget h2 {
     font-weight: 600;
     margin-bottom: 10px;
     margin-top: 25px;
}
 .quick-contact-widget h4 a {
     font-weight: 400;
     border-bottom: 2px solid;
}
 .quick-contact-widget::after {
     position: absolute;
     left: 0;
     top: 0;
     content: "";
     height: 100%;
     width: 100%;
     background: var(--dark);
     z-index: -1;
     opacity: 0.3;
     border-radius: 7px;
}
 .quick-contact-widget .btn-sm {
     font-size: 16px;
}
 .services-sidebar .single-widget {
     margin-top: 50px;
}
 .services-sidebar .single-widget .widget-title {
     display: block;
     font-weight: 800;
     margin-bottom: 30px;
     margin-top: -5px;
     position: relative;
     z-index: 1;
     display: inline-block;
     padding-bottom: 15px;
}
 .services-sidebar .single-widget .widget-title::after {
     position: absolute;
     left: 10px;
     bottom: 0;
     content: "";
     height: 2px;
     width: 50px;
     border-bottom: 2px solid var(--color-primary);
}
 .services-sidebar .single-widget .widget-title::before {
     position: absolute;
     left: 0;
     bottom: 0;
     content: "";
     height: 2px;
     width: 5px;
     background: var(--color-primary);
}
 .services-sidebar .single-widget h4.widget-title {
     font-size: 24px;
}
 .services-sidebar .single-widget:first-child {
     margin-top: 0;
}
.services-list-widget{
    position: sticky;
    top: 100px;
}
 .widget-brochure ul {
     padding-left: 0;
     list-style: none;
}
 .widget-brochure ul li a {
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-top: 15px;
     background: #ffffff;
     padding: 20px 25px;
     border-radius: 5px;
     color: var(--color-heading);
}
 .widget-brochure ul li:nth-child(2) a {
     background: var(--dark);
     color: var(--white);
}
 .widget-brochure ul li a:hover {
     color: var(--color-primary);
}
 .widget-brochure ul li:first-child a {
     margin-top: 0;
}
 .widget-brochure ul li:first-child a, .widget-brochure ul li a:hover {
     background: var(--color-primary);
     border-color: transparent;
     color: var(--white);
}
 .widget-brochure ul li i {
     font-size: 35px;
     margin-right: 16px;
     display: inline-block;
     text-align: center;
     border-radius: 50%;
     -webkit-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
}
 .widget-brochure ul li:hover i, .widget-brochure ul li:first-child i {
     color: var(--white);
}
 @media only screen and (max-width: 767px) {
     .services-more .row {
         margin-top: -20px;
    }
}
 .services-more .item {
     overflow: hidden;
     margin-top: 15px;
     position: relative;
     border-radius: 10px;
}
 .services-more .item i::before {
     line-height: inherit;
}
 @media only screen and (max-width: 767px) {
     .services-more .item {
         margin-top: 30px;
         padding: 50px 30px;
         border: 1px solid #dddddd;
    }
}
 .services-more .item i {
     display: inline-block;
     font-size: 40px;
     margin-bottom: 30px;
     background: var(--color-primary);
     color: var(--white);
     height: 70px;
     width: 70px;
     text-align: center;
     line-height: 70px;
     border-radius: 50%;
}
 .services-more .item a {
     color: var(--color-heading);
}
 .services-more .item a:hover {
     color: var(--color-primary);
}
 .services-more .item p {
     margin: 0;
}
 .services-details-items .faq-style-one button.accordion-button::after {
     top: 15px;
}
.services-details-items li{
	list-style: square;
	margin-left: 30px;
}
.blog-item-box li{
	list-style: square;
	margin-left: 30px;
}
.blog-item-box h1,h2,h3,h4{
	margin-bottom: 10px;
	margin-top: 2%;
}


 .service-single-thumb {
     position: relative;
     z-index: 1;
}
 .service-single-thumb img {
     margin-bottom: 40px;
}
 .services-list-widget {
     padding: 20px;
     background: var(--bg-gray);
     border-radius: 7px;
}
 .services-list-widget a {
     display: block;
     padding: 15px 20px;
     font-weight: 700;
     position: relative;
     padding-right: 50px;
     font-size: 17px;
     background: var(--white);
     border-radius: 8px;
}
 .services-list-widget .current-item a {
     color: var(--white);
     background: var(--color-primary);
}
 .services-list-widget li {
     margin-top: 10px;
}
 .services-list-widget li:first-child {
     border: none;
     margin-top: 0;
}
 .services-list-widget a i {
     float: right;
     font-weight: 400;
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
}
 .services-sidebar .single-widget.text-light .widget-title::after {
     border-color: var(--white);
}
 .services-list-widget a::after {
     position: absolute;
     right: 20px;
     top: 17px;
     content: "\f105";
     font-family: "Font Awesome 5 Free";
     font-weight: bold;
     transition: all 0.35s ease-in-out;
     opacity: 0;
     transform: rotate(-45deg);
     font-size: 16px;
     height: 32px;
     width: 32px;
     text-align: center;
     line-height: 30px;
     border: 1px solid rgba(255, 255, 255, 0.4);
     color: var(--white);
     border-radius: 50%;
}
 .services-list-widget .current-item a::after {
     opacity: 1;
}
 .service-more-items {
     display: grid;
     grid-template-columns: 1fr 1fr;
     margin-top: 40px;
}
 .service-more-item img {
     height: 70px;
     margin-bottom: 25px;
}
 .service-more-item {
     border-right: 1px solid #e7e7e7;
     padding-right: 50px;
     margin-right: 50px;
}
 .service-more-item p {
     margin: 0;
}
 .service-more-item:last-child {
     margin-right: 0;
     padding-right: 0;
     border: none;
}
 .services-sidebar .bg-dark.single-widget .widget-title::before {
     background-color: var(--white);
}
 .single-widget.course-info-widget {
     padding: 45px;
     border-radius: 7px;
     overflow: hidden;
     position: relative;
     z-index: 1;
     border: 1px solid #e7e7e7;
     background-color: var(--bg-gray);
}
 .single-widget.course-info-widget::after {
     position: absolute;
     right: -50px;
     bottom: -50px;
     content: "";
     height: 100px;
     width: 100px;
     background: var(--color-primary);
     z-index: -1;
     filter: blur(150px);
     border-radius: 50%;
}
 ul.course-info-list {
     margin: 0;
     padding: 0;
     list-style: none;
}
 ul.course-info-list li strong {
     min-width: 120px;
     display: inline-block;
     color: var(--color-heading);
     font-weight: 600;
}
 ul.course-info-list li {
     margin-top: 15px;
     font-size: 18px;
     color: var(--color-heading);
     font-weight: 600;
     display: flex;
}
 ul.course-info-list li:first-child {
     margin-top: 0;
}
 ul.course-info-list li i {
     display: inline-block;
     height: 35px;
     width: 35px;
     text-align: center;
     line-height: 35px;
     background: var(--color-primary);
     border-radius: 50%;
     margin-right: 8px;
     font-weight: 600;
     color: var(--white);
     font-size: 16px;
}
 .country-list-widget ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .country-list-widget ul li a {
     display: flex;
     align-items: center;
     gap: 15px;
     border: 1px solid #e7e7e7;
     padding: 10px;
     overflow: hidden;
     border-radius: 10px;
     margin-top: 15px;
     font-size: 20px;
}
 .country-list-widget ul li a .icon img {
     height: 50px;
     width: 50px;
     border-radius: 50%;
     border: 2px solid var(--white);
}
 .country-list-widget ul li:first-child a {
     margin-top: 0;
}
 .country-list-widget ul li a .icon {
     position: relative;
     z-index: 1;
     padding: 5px;
}
 .country-list-widget ul li a .icon::after {
     position: absolute;
     right: 0;
     top: 0;
     content: "";
     height: 100%;
     width: 200px;
     background: var(--bg-gray);
     z-index: -1;
     border-radius: 0 50px 50px 0;
}
 .country-list-widget ul li.current-item a {
     background: var(--color-primary);
     color: var(--white);
}
 .country-list-widget ul li.current-item a .icon::after {
     background: var(--white);
}
 .appl-visa-widget {
     padding: 50px;
     border-radius: 8px;
}
 .appl-visa-widget h2 {
     font-size: 55px;
}
 .appl-visa-widget .btn-style-one::after {
     background: var(--dark);
}
 .appl-visa-widget .btn-style-one:hover {
     color: var(--white);
}
/* ============================================================== # Fun fact Style =================================================================== */
 .funfact-style-one-item .counter {
     display: flex;
     align-items: center;
     text-transform: uppercase;
     font-size: 80px;
     line-height: 1;
     font-weight: 700;
     margin-bottom: 35px;
     color: var(--color-heading);
}
 .text-light .funfact-style-one-item .counter {
     color: var(--white);
}
 .funfact-style-one-item .medium {
     font-size: 26px;
     color: var(--color-heading);
     font-weight: 700;
     line-height: 1.3;
     position: relative;
     display: inline-block;
     padding-left: 20px;
     margin-left: 8px;
}
 .text-light .funfact-style-one-item .medium {
     color: var(--white);
}
 .funfact-style-one-item .medium::after {
     position: absolute;
     left: 0;
     top: 5px;
     bottom: 5px;
     content: "";
     width: 4px;
     background: var(--color-primary);
     border-radius: 30px;
}
 .text-light .funfact-style-one-item .medium::after {
     background: var(--white);
}
/* ============================================================== # Appoinment Style =================================================================== */
 .appoinment-style-one-info form {
     background: linear-gradient(180deg, #e4eaff 0%, #f9faff 60%);
     padding: 60px;
     position: relative;
     margin-bottom: -60px;
     border-radius: 8px;
     border: 1px solid #e7e7e7;
}
 .appoinment-style-one-info {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
}
 .appoinment-style-one-info form label {
     color: var(--color-heading);
     font-weight: 700;
}
 .appoinment-style-one-info form input {
     border: 1px solid #e7e7e7;
     padding-left: 15px;
     border-radius: 5px;
}
 .appoinment-style-one-info form .nice-select {
     border-color: #e7e7e7;
     border-radius: 5px;
}
 .appoinment-style-one-info form .nice-select::after {
     height: 10px;
     width: 10px;
     border-bottom: 2px solid var(--color-heading);
     border-right: 2px solid var(--color-heading);
     right: 15px;
}
 @media only screen and (min-width: 1400px) {
     .appoinment-style-one-thumb {
         padding: 40px;
         padding-bottom: 0;
    }
}
/* Appoinment Page */
 .appoinment-page .appoinment-style-one-info form {
     margin: 0;
}
 .appoinment-style-two-thumb {
     text-align: center;
     position: relative;
     z-index: 1;
     margin-bottom: 30px;
}
 .appoinment-style-two-thumb .thumb-inner {
     margin: auto;
     border-radius: 0 0 480px 485px;
     overflow: hidden;
     text-align: center;
}
 .appoinment-style-two-thumb::after {
     position: absolute;
     left: 50%;
     bottom: 0;
     content: "";
     height: 550px;
     width: 550px;
     background: linear-gradient(90deg, var(--color-primary) 0%, var(--dark) 100%);
     z-index: -1;
     transform: translateX(-50%);
     border-radius: 50%;
}
 .appoinment-style-two-thumb img {
     width: 90%;
}
 .appoinment-style-two-thumb .fun-fact {
     height: 200px;
     width: 200px;
     text-align: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     background: var(--bg-gray);
     border-radius: 50%;
     position: absolute;
     right: 0;
     bottom: 0;
     padding: 30px;
     border: 3px solid var(--white);
}
 .appoinment-style-two-thumb .fun-fact .counter {
     font-size: 55px;
     line-height: 1;
     font-weight: 800;
     color: var(--color-primary);
     margin-bottom: 10px;
}
 .appoinment-style-two-thumb .fun-fact h4 {
     font-size: 18px;
     margin: 0;
}
/* ============================================================== # Contact Style One Area =================================================================== */
 .contact-style-one-items .fixed-text {
     background: linear-gradient(90deg, #DF0A0A 0%, #930707 100%);
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
     font-weight: 600;
     display: inline-block;
     background-size: contain;
     font-size: 140px;
     font-weight: 700;
     line-height: 120px;
     margin-bottom: 60px;
}
 .location-details {
     display: inline-block;
     background: var(--white);
     padding: 30px;
     box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
     width: 300px;
     transition: all 0.35s ease-in-out;
     position: absolute;
     bottom: -120px;
     left: 50%;
     opacity: 0;
     visibility: hidden;
     z-index: 9;
     border-radius: 5px;
     transform: translateX(-50%);
}
 .location-details p {
     margin: 0;
     font-size: 15px;
}
 .location-item img {
     width: 50px;
}
 .location-item {
     display: inline-block;
     cursor: pointer;
}
 .location-item:first-child {
     position: absolute;
     left: 15%;
     top: 0;
}
 .global-location-items {
     position: relative;
}
 .location-item:hover .location-details, .location-item.active .location-details {
     opacity: 1;
     visibility: visible;
     bottom: -145px;
}
 .location-item:nth-child(2) {
     position: absolute;
     left: 25%;
     bottom: 15%;
}
 .location-item:nth-child(3) {
     position: absolute;
     top: 30%;
     right: 35%;
}
 .location-item:nth-child(4) {
     position: absolute;
     top: 5%;
     right: 5%;
}
 .location-item:nth-child(5) {
     position: absolute;
     bottom: 35%;
     right: 44%;
}
 .location-item:nth-child(6) {
     position: absolute;
     top: 45%;
     right: 22%;
}
 .location-details h5 {
     margin-bottom: 10px;
}
 .contact-style-one-tabs .nav-tabs {
     margin: 0;
     padding: 0;
     border: none;
     margin-bottom: 50px;
     text-align: center;
}
 .contact-style-one-tabs .nav-tabs::before, .contact-style-one-tabs .nav-tabs::after {
     display: none;
}
 .contact-style-one-tabs .nav-tabs button {
     display: inline-block;
     margin: 0;
     color: var(--color-heading);
     border: none;
     border-radius: 5px;
     padding: 13px 30px;
     position: relative;
     z-index: 1;
     text-transform: uppercase;
     font-weight: 700;
}
 .contact-style-one-tabs .nav-tabs button.active {
     color: var(--color-primary);
}
 .contact-style-one-tabs .nav-tabs button::after {
     position: absolute;
     right: 0;
     top: 50%;
     content: "";
     height: 20px;
     width: 2px;
     border-right: 2px solid #cccccc;
     transform: translateY(-50%);
}
 .contact-style-one-tabs .nav-tabs button:last-child::after {
     display: none;
}
 .contact-style-one {
     padding: 80px 50px;
     background: var(--white);
     box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
}
 .contact-style-one textarea {
     height: 150px;
}
 .contact-style-one form input, .contact-style-one form textarea {
     background: transparent;
     border: none;
     border-bottom: 1px solid #cccccc;
     border-radius: 0;
     padding-left: 0;
     box-shadow: none !important;
}
 .contact-style-one.info {
     padding: 120px 90px;
}
 .contact-style-one.info h2 {
     font-weight: 700;
}
 .contact-style-one.info ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .contact-style-one.info ul li a {
     font-weight: 400;
}
 .contact-style-one.info ul li i {
     color: var(--color-primary);
     min-width: 30px;
}
 .contact-style-one.info ul li {
     border-top: 1px solid #dddddd;
     padding-top: 15px;
     margin-top: 15px;
}
 .contact-style-one p {
     margin-bottom: 15px;
}
 .maps-area iframe {
     margin-bottom: -10px;
     width: 100%;
     height: 600px;
}
/* ============================================================== # Blog Style =================================================================== */
 a.btn-regular {
     text-transform: uppercase;
     display: inline-block;
     border: 1px solid #e7e7e7;
     padding: 10px 20px;
}
 a.btn-regular svg {
     height: 15px;
     position: relative;
     top: -3px;
     margin-left: 3px;
}
 a.btn-regular svg path {
     transition: all 0.35s ease-in-out;
}
 a.btn-regular:hover svg path {
     stroke: var(--color-primary);
}
 .color-secondary a.btn-regular:hover svg path {
     stroke: var(--color-secondary);
}
 .home-blog-style-one .info {
     padding: 0 30px;
     position: relative;
     top: -50px;
     margin-bottom: -50px;
}
 .home-blog-style-one .info .inner {
     display: flex;
     gap: 15px;
}
 .home-blog-style-one .info .inner .content {
     padding: 45px 40px;
     background: var(--white);
}
 ul.blog-meta {
     margin: 0;
     padding: 0;
     list-style: none;
     display: flex;
     align-items: center;
     column-gap: 20px;
     flex-wrap: wrap;
     row-gap: 10px;
}
 ul.blog-meta i {
     font-weight: 100;
     margin-right: 3px;
}
 .home-blog-style-one .blog-meta {
     margin-bottom: 15px;
}
 .home-blog-style-one .info .inner .date {
     background: var(--dark);
     color: var(--white);
     text-align: center;
     text-transform: uppercase;
}
 .home-blog-style-one .info .inner .date strong {
     display: block;
     line-height: 1;
     font-size: 40px;
     background: var(--color-primary);
     padding: 15px 20px;
}
 .color-secondary .home-blog-style-one .info .inner .date strong {
     background: var(--color-secondary);
}
 .home-blog-style-one .info .inner .meta a {
     background: var(--dark);
     color: var(--white);
     font-size: 14px;
     padding: 4px 15px;
     text-transform: uppercase;
     font-weight: 500;
}
/* Blog Grid Item */
 .blog-grid-item {
     display: flex;
     gap: 30px;
     margin-top: 30px;
     border-top: 1px solid #e7e7e7;
     padding-top: 30px;
}
 .blog-grid-item .thumb img {
     width: 100px;
     min-width: 100px;
     border-radius: 5px;
}
 .blog-grid-item:first-child {
     margin-top: 0;
     padding-top: 0;
     border: none;
}
 .blog-grid-item h4 {
     margin: 0;
     font-size: 24px;
}
 .blog-grid-item .blog-meta {
     margin-bottom: 15px;
}
 .blog-grid-item .blog-meta li a {
     font-weight: 500;
     color: var(--color-paragraph);
}
 .blog-grid-item .blog-meta li a:hover {
     color: var(--color-primary);
}
 .blog-grid-item .blog-meta li i {
     color: var(--color-primary);
}
 .color-secondary .blog-grid-item .blog-meta li i {
     color: var(--color-secondary);
}
 .blog-style-two {
     display: grid;
     grid-template-columns: 1fr 1.2fr;
     align-items: center;
}
 .blog-style-two .info {
     background: var(--white);
     padding: 60px;
     box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
     margin-left: -70px;
     border-radius: 10px;
}
 .blog-style-two .thumb img {
     border-radius: 10px;
}
 .blog-style-two ul.blog-meta {
     margin-bottom: 15px;
}
 .blog-style-two ul.blog-meta li i {
     color: var(--color-primary);
}
 .color-secondary .blog-style-two ul.blog-meta li i {
     color: var(--color-secondary);
}
 .blog-style-two ul.blog-meta li a {
     font-weight: 500;
     color: var(--color-paragraph);
}
 .blog-style-two ul.blog-meta li a:hover {
     color: var(--color-primary);
}
 .blog-style-two .circle-icon-btn {
     margin-top: 10px;
}
 .blog-style-two h3 {
     line-height: 1.4;
}
/* Blog Three */
 .home-blog-style-three .thumb {
     position: relative;
     margin-bottom: 20px;
}
 .home-blog-style-three .thumb .meta ul {
     display: flex;
     align-items: center;
     gap: 25px;
     margin: 0;
     padding: 0;
     list-style: none;
     position: absolute;
     left: 0;
     bottom: -3px;
     background: var(--white);
     padding: 12px 20px;
     border-top-right-radius: 8px;
     padding-left: 0;
     padding-bottom: 0;
}
 .bg-gray .home-blog-style-three .thumb .meta ul {
     background: var(--bg-gray);
}
 .home-blog-style-three .thumb .meta ul::after {
     position: absolute;
     right: -20px;
     bottom: 3px;
     content: "";
     height: 33px;
     width: 20px;
     border-bottom-left-radius: 17px;
     box-shadow: 0 20px 0 0 var(--white);
}
 .bg-gray .home-blog-style-three .thumb .meta ul::after {
     box-shadow: 0 20px 0 0 var(--bg-gray);
}
 .home-blog-style-three .thumb .meta ul::before {
     position: absolute;
     left: -1px;
     top: -26px;
     content: "";
     height: 26px;
     width: 20px;
     border-bottom-left-radius: 12px;
     box-shadow: 0 20px 0 0 var(--white);
}
 .bg-gray .home-blog-style-three .thumb .meta ul::before {
     box-shadow: 0 20px 0 0 var(--bg-gray);
}
 .home-blog-style-three .thumb .meta ul li {
     position: relative;
     font-weight: 600;
     color: var(--color-heading);
}
 .home-blog-style-three .thumb .meta ul li::after {
     position: absolute;
     right: -15px;
     top: 50%;
     transform: translateY(-50%);
     content: "";
     height: 5px;
     width: 5px;
     background: var(--color-paragraph);
     border-radius: 50%;
}
 .home-blog-style-three .thumb .meta ul li:last-child::after {
     display: none;
}
 .home-blog-style-three .thumb .meta ul li a {
     font-weight: 600;
}
 .home-blog-style-three .thumb .meta ul li a:hover {
     color: var(--color-primary);
}
 .home-blog-style-three .thumb .meta ul li i {
     font-weight: 100;
     color: var(--color-heading);
     margin-right: 3px;
}
 .home-blog-style-three .thumb img {
     border-radius: 10px 10px 10px 0;
}
 .home-blog-style-three .info h4 {
     font-size: 18px;
     height: 90px;
    overflow: hidden;
}
 .home-blog-style-three .info a.circle-icon-btn {
     margin-top: 10px;
}
/* ============================================================== # Footer Style =================================================================== */
/* Footer Style One */
 .user-card .thumb {
     display: flex;
     margin-left: 20px;
     min-width: 90px;
}
 .user-card .thumb img {
     height: 50px;
     width: 50px;
     border: 2px solid var(--white);
     border-radius: 50%;
     margin-left: -20px;
}
 .user-card .thumb span {
     display: inline-block;
     border: 2px solid;
     height: 50px;
     width: 50px;
     text-align: center;
     background: var(--color-primary);
     border-radius: 50%;
     line-height: 45px;
     font-weight: 700;
     font-size: 18px;
     margin-left: -20px;
     min-width: 50px;
}
 .color-secondary .user-card .thumb span {
     background: var(--color-secondary);
}
 .user-card {
     display: flex;
     align-items: center;
     gap: 30px;
}
 .user-card h4 {
     margin: 0;
     font-size: 18px;
     line-height: 1.4;
}
 ul.address-list {
     margin: 0;
     padding: 0;
     list-style: none;
     display: flex;
     align-items: center;
     gap: 50px;
}
 .footer-top-area ul.address-list {
     gap: 100px;
     cursor: pointer;
}
 ul.address-list li p {
     margin: 0;
}
 ul.address-list li p:hover{
     color: #e13833;
     transition: all 0.3s ease-in-out;
}
 ul.address-list li {
     display: flex;
     gap: 20px;
}
 .address-list li:hover a{
     color: #e13833;
     transition: all 0.3s ease-in-out;
}
 .address-list li:hover p{
     color: #e13833;
     transition: all 0.3s ease-in-out;
}
 ul.address-list li i {
     display: inline-block;
     height: 50px;
     width: 50px;
     text-align: center;
     line-height: 48px;
     background: #0a316c;
     border-radius: 50%;
     min-width: 50px;
     border: 1px dashed rgba(255, 255, 255, 0.4);
     font-weight: 100;
}
 ul.address-list li h4 {
     font-weight: 700;
     margin-bottom: 5px;
     font-size: 20px;
}
 ul.address-list li a {
     font-weight: 500;
     display: contents;
}
 .footer-top-area .user-card {
     border-right: 1px solid rgba(255, 255, 255, 0.28);
     padding: 50px 0;
}
 footer .shape img:first-child {
     position: absolute;
     z-index: 2;
     bottom: 50px;
     right: 0px;
     max-width: 10%;
}
 footer .shape img:nth-child(2) {
     position: absolute;
     right: 5%;
     top: -30px;
     max-width: 12%;
     z-index: -1;
}
 footer {
     position: relative;
     z-index: 1;
}
 footer .footer-item {
     margin-top: 0px;
}
 footer .f-items {
     padding-top: 70px;
     padding-bottom: 0px;
}
 .footer-style-one {
     overflow: hidden;
}
 .footer-style-one .f-item.about {
     position: relative;
     z-index: 1;
     padding-right: 50px;
}
 .footer-style-one .footer-bottom {
     border-top: 1px solid rgba(255, 255, 255, 0.2);
     padding: 20px 0;
}
 .footer-style-one .footer-bottom p {
     margin: 0;
	 text-align: center;
}
 footer .widget-title {
     margin-bottom: 30px;
	 color: #fff!important;
}
 .footer-style-one .footer-logo img {
     margin-bottom: 30px;
     width: 150px;
}
 footer .f-item.link li {
     margin-top: 0px;
}
 footer .f-item.link li a {
     font-weight: 400;
}
 footer.bg-dark .f-item.link li a {
     color: var(--white-secondary);
}
 footer.bg-dark .f-item.link li a:hover {
     color: var(--white);
}
 ul.footer-social-regular {
     display: flex;
     align-items: center;
     padding: 0;
     list-style: none;
     margin-bottom: 0;
     gap: 12px;
}
 ul.footer-social-regular li {
     display: inline-block;
}
 ul.footer-social-regular li a {
     display: inline-flex;
     height: 40px;
     width: 40px;
     text-align: center;
     line-height: 40px;
     justify-content: center;
     flex-direction: column;
     align-items: center;
     border-radius: 50%;
     background: var(--white);
     border: 1px solid #cccccc;
}
 .bg-dark ul.footer-social-regular li a {
     background: #22467b;
     border: none;
}
 ul.footer-social-regular li a img {
     height: 16px;
     width: auto;
     max-width: max-content;
     filter: brightness(0);
     transition: all 0.35s ease-in-out;
}
 .bg-dark ul.footer-social-regular li a img {
     filter: brightness(1);
}
 ul.footer-social-regular li a:hover img {
     filter: brightness(1);
}
 ul.footer-social-regular li a:hover {
     background: var(--color-primary);
     color: var(--white);
     border: 1px solid transparent;
}
 .bg-dark ul.footer-social-regular li a:hover {
     border: none;
}
 form.newsletter-style-one input {
     background: var(--white);
     color: var(--color-heading);
     border-radius: 40px;
     padding-left: 20px;
     text-align: left;
}
 form.newsletter-style-one button {
     width: 100%;
     border-radius: 40px;
     height: 50px;
     border: none;
     background: var(--color-primary);
     color: var(--white);
     margin-top: 10px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 5px;
}
 .color-secondary form.newsletter-style-one button {
     background: var(--color-secondary);
}
 form.newsletter-style-one button svg {
     height: 15px;
}
 @media (min-width: 1024px) {
     .footer-style-one .f-item.link {
         padding-left: 5px;
    }
     .footer-style-one .f-item.about::after {
         position: absolute;
         right: 0;
         top: -120px;
         height: 300%;
         content: "";
         width: 400%;
         background: #0a316c;
         z-index: -1;
         border-right: 1px solid rgba(255, 255, 255, 0.2);
    }
}
/* Footer Style Two */
 .footer-style-two .footer-bottom {
     border-top: 1px solid rgba(255, 255, 255, 0.2);
     padding: 20px 0;
     position: relative;
     z-index: 1;
}
 .footer-style-two .footer-bottom p {
     margin: 0;
}
 .footer-top-style-two {
     position: relative;
     z-index: 2;
}
 .footer-top-style-two .footer-logo img {
     margin-bottom: 0;
}
 .footer-top-style-two::after {
     position: absolute;
     left: 0;
     top: 0;
     content: "";
     height: 100%;
     width: 500%;
     background: var(--color-primary);
     z-index: -1;
}
 .footer-top-style-two .footer-logo {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     background: var(--color-style-two);
}
 footer.footer-style-two {
     background-size: contain !important;
     background-position: center !important;
}
 .footer-style-two .shape img:nth-child(2) {
     position: absolute;
     right: 3%;
     bottom: 0;
     z-index: -1;
     max-width: 100%;
     top: auto;
}
 .footer-style-two .f-item.about {
     padding-right: 50px;
     position: relative;
     z-index: 1;
}
 @media (min-width: 1024px) {
     .footer-style-two .f-item.about::after {
         position: absolute;
         right: 0;
         top: -300px;
         content: "";
         height: 400%;
         width: 500%;
         background: var(--dark-secondary);
         z-index: -1;
    }
}
 .footer-style-two .shape img:first-child {
     position: absolute;
     left: 0;
     top: -20%;
     max-width: 18%;
}
 .footer-style-two .f-item {
     position: relative;
     z-index: 2;
}
 .footer-top-style-two .newsletter {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 30px;
     padding: 40px 0;
}
 .footer-top-style-two .newsletter h4 {
     margin: 0;
}
 .footer-top-style-two .newsletter form {
     position: relative;
     background: var(--white);
     border-radius: 40px;
}
 .footer-top-style-two .newsletter form input {
     background: transparent;
     border: none;
     box-shadow: inherit;
     padding-left: 20px;
     min-height: 55px;
     min-width: 350px;
     border-radius: 40px;
}
 .footer-top-style-two .newsletter form button {
     position: absolute;
     right: 5px;
     top: 5px;
     background: var(--dark);
     border: none;
     border-radius: 50%;
     height: 45px;
     width: 45px;
}
 ul.contact-list-two {
     margin-bottom: 0;
     padding: 0;
     list-style: none;
}
 ul.contact-list-two li {
     display: flex;
     align-items: center;
     gap: 15px;
     margin-top: 15px;
}
 ul.contact-list-two li h5 {
     margin: 0;
     color: var(--white-secondary);
}
 ul.contact-list-two li i {
     display: inline-block;
     background: rgba(255, 255, 255, 0.06);
     height: 40px;
     width: 40px;
     text-align: center;
     line-height: 40px;
     border-radius: 50%;
     border: 1px solid rgba(255, 255, 255, 0.2);
}
 ul.contact-list-two li a {
     font-weight: 500;
     color: var(--white-secondary);
}
 ul.contact-list-two li a:hover {
     color: var(--white);
}
 ul.contact-list-two li h5 {
     font-weight: 500;
     font-size: 16px;
}








/*** Contact Start ***/
.contact {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.boxbg {
    background-color: var(--dark) !important;
    align-items: center;
    width: 500px;
    display: flex;
    padding: 10px;
    border-radius: 20px;
}
.boxbg:hover{
    background-color: var(--color-primary)!important;
    transition: .5s;
}
.contact h4{
  color: #fff!important;
  font-weight: bold !important;
}
.boxbg p{color: var(--dark)!important;}

.contact .d-block p{color: #fff!important;}

.btn.btn-lg-square.btn-light.rounded-circle.mx-2 {
  background-color: var(--dark)!important;
  color: #fff!important;
}
.btn.btn-lg-square.btn-light.rounded-circle.mx-2:hover{
  background: var(--color-primary)!important;
  color: #fff!important;
}
.contact .contact-form .btn.btn-light {
    box-shadow: inset 0 0 0 0 var(--bs-primary);
     color: #fff!important;
	background: var(--bg-gradient) !important;
}
.contact h2{
    font-weight: bold;
    color: var(--color-primary) !important
}
.boxbg i{
    color:var(--color-primary)!important;
}
.contact .contact-form .btn.btn-light:hover {
    box-shadow: inset 600px 0 0 0 var(--bs-primary) !important;
    color: var(--bs-white) !important;
}

.contact .contact-form .form-floating input,
.contact .contact-form .form-floating textarea,
.contact .contact-form .form-floating label {
    color: #000;
}


.contact-form .form-floating textarea{
    height: 100px;
}

/* Testimonial Section Title Start */
.contact .section-title {
    max-width: 90%;
    text-align: center;
    margin: 0 auto;
}

.contact .section-title .sub-style {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    color: var(--bs-primary);
}

.contact .section-title .sub-style::before {
    content: "";
    width: 100px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-top: 8px;
    margin-left: -100px;
    border: 1px solid var(--bs-white) !important;
}
.contact .section-title .sub-style::after {
    content: "";
    width: 50px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-bottom: 5px;
    margin-left: -50px;
    border: 1px solid var(--bs-white) !important;
}

.contact .section-title .sub-title {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    color: var(--color-primary)!important;
}
.contact .section-title .sub-title::before {
    content: "";
    width: 100px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-top: 8px;
    margin-right: -100px;
    border: 1px solid var(--bs-white) !important;
}
.contact .section-title .sub-title::after {
    content: "";
    width: 50px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-bottom: 8px;
    margin-right: -50px;
    border: 1px solid var(--bs-white) !important;
}



/*** Contact End ***/










/* Footer Style Three */
 .footer-style-three {
     background-repeat: no-repeat !important;
     background-position: bottom center !important;
}
 .footer-grid-items {
     padding-top: 70px;
     grid-template-columns: 1fr 2fr 1fr;
     display: grid;
     gap: 50px;
     padding-bottom: 110px;
}
 .footer-grid-items .footer-item.links {
     display: grid;
     grid-template-columns: 1fr 1fr;
     position: relative;
     gap: 30px;
}
 @media (min-width: 1024px) {
     .footer-grid-items .footer-item.links {
         padding: 0 60px;
    }
     .footer-grid-items .footer-item.links::after {
         position: absolute;
         left: 0;
         top: -200px;
         content: "";
         height: 300%;
         background: var(--dark-secondary);
         width: 100%;
         z-index: -1;
    }
}
 .footer-style-three .footer-bottom {
     border-top: 1px solid rgba(255, 255, 255, 0.2);
     padding: 20px 0;
}
 .footer-style-three .footer-bottom p {
     margin: 0;
}
 footer.footer-style-three .shape img:first-child {
     bottom: auto;
     top: 0;
     max-width: inherit;
     z-index: -1;
}
 .footer-style-three ul.contact-list-two li i {
     border: none;
     background: var(--color-primary);
}
 footer.footer-style-three .shape img:nth-child(2) {
     right: auto;
     left: 50%;
     transform: translateX(-50%);
     top: auto;
     bottom: 0;
     z-index: 1;
}
 .footer-style-three .newsletter form {
     position: relative;
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: 40px;
}
 .footer-style-three .newsletter form input {
     background: transparent!important;
     border: none;
     box-shadow: none;
     padding-left: 20px;
     border-radius: 40px;
     color: var(--white);
}
.f-item.newsletter{
    background: transparent!important;
}

 .footer-style-three .newsletter form input::-webkit-input-placeholder {
    /* Chrome */
     color: var(--white-secondary);
}
 .footer-style-three .newsletter form input:-ms-input-placeholder {
    /* IE 10+ */
     color: var(--white-secondary);
}
 .footer-style-three .newsletter form input::-moz-placeholder {
    /* Firefox 19+ */
     color: var(--white-secondary);
     ;
     opacity: 1;
}
 .footer-style-three .newsletter form input:-moz-placeholder {
    /* Firefox 4 - 18 */
     color: var(--white-secondary);
     ;
     opacity: 1;
}
 .footer-style-three .newsletter form button {
     position: absolute;
     right: 5px;
     top: 5px;
     border: none;
     background: var(--color-primary);
     height: 40px;
     width: 40px;
     text-align: center;
     border-radius: 50%;
}




.social_iconbox i{
    font-size: 25px;
    padding: 10px;
}




/* Footer Style Four */
 .footer-logo img {
     margin-bottom: 30px;
}
 footer .f-item.recent-project-gallery ul {
     margin: 0;
     padding: 0;
     list-style: none;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 15px;
}
 footer .f-item.recent-project-gallery ul li a {
     overflow: hidden;
     position: relative;
     z-index: 1;
     display: block;
}
 footer .f-item.recent-project-gallery ul li a i {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     color: var(--white);
     transition: all 0.35s ease-in-out;
     margin-top: 20px;
     opacity: 0;
     visibility: hidden;
     z-index: 1;
}
 footer .f-item.recent-project-gallery ul li a:hover i {
     opacity: 1;
     visibility: visible;
     margin: 0;
     transition-delay: 0.1s;
}
 footer .f-item.recent-project-gallery ul li a::after {
     position: absolute;
     left: 0;
     top: 0;
     content: "";
     height: 100%;
     width: 100%;
     background: var(--dark);
     opacity: 0;
     transform: scale(0);
     visibility: hidden;
     transition: all 0.35s ease-in-out;
}
 footer .f-item.recent-project-gallery ul li a:hover::after {
     opacity: 0.6;
     visibility: visible;
     transform: scale(1);
}
 @media (min-width: 1024px) {
     .footer-style-four .f-item.about {
         position: relative;
         z-index: 1;
         padding-right: 50px;
         margin-right: 20px;
    }
     .footer-style-four .f-item.about::after {
         position: absolute;
         right: 0;
         top: -300px;
         content: "";
         height: 500%;
         width: 500%;
         background: var(--white);
         z-index: -1;
         opacity: 0.6;
    }
}
 .footer-style-four .footer-bottom {
     padding: 25px 0;
}
 .footer-style-four .footer-bottom p {
     margin: 0;
}
 .footer-newsletter-card {
     position: relative;
     z-index: 1;
     background: var(--white);
     box-shadow: 0px 10px 30px -10px rgb(109 117 143 / 33%);
     padding: 50px;
     border-radius: 10px;
}
 .footer-newsletter-card h2 {
     margin: 0;
}
 .footer-newsletter-card form {
     display: flex;
     align-items: center;
     gap: 10px;
}
 .footer-newsletter-card form input {
     border: none;
     box-shadow: none;
     background: #f1f1f1;
     padding: 20px;
     border-radius: 7px;
}
 .footer-newsletter-card form button {
     display: flex;
     align-items: center;
     background: var(--color-primary);
     border: none;
     color: var(--white);
     border-radius: 8px;
     height: 60px;
     width: 230px;
     text-align: center;
     justify-content: center;
     text-transform: uppercase;
     gap: 5px;
     min-width: 160px;
     transition: all 0.35s ease-in-out;
}
 .color-secondary .footer-newsletter-card form button {
     background: var(--color-secondary);
}
 .footer-newsletter-card form button svg {
     height: 15px;
     position: relative;
     top: 2px;
}
 .footer-newsletter-card form button:hover {
     background: var(--dark);
}
/* ============================================================== # 404 page =================================================================== */
 .error-page-area {
     position: relative;
     z-index: 1;
}
 .error-page-area .shape-left {
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     height: 100%;
     width: 20%;
     background-position: left !important;
     background-repeat: no-repeat !important;
     z-index: -1;
     opacity: 0.3;
     background-size: contain !important;
}
 .error-page-area .shape-right {
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     height: 100%;
     width: 20%;
     background-position: right !important;
     background-repeat: no-repeat !important;
     z-index: -1;
     opacity: 0.3;
     background-size: contain !important;
}
 .error-box h1 {
     font-size: 150px;
     line-height: 110px;
     font-weight: 700;
     margin-bottom: 40px;
     text-shadow: 3px 3px #c0c0c0;
}
 .error-box h2 {
     font-weight: 700;
     margin-bottom: 20px;
}
 .error-box p {
     padding: 0 10%;
}
/* ============================================================== # Responsive =================================================================== */
 @media screen and (max-width: 1399px) {
     .banner-style-four-area .shape {
         display: none;
    }
     .banner-style-one-info .shape {
         display: none;
    }
     .course-style-one-nav {
         display: none;
    }
     footer .shape {
         display: none;
    }
}
 @media only screen and (min-width: 1200px) and (max-width: 1399px) {
     .title {
         font-size: 45px !important;
    }
    /* About */
     .shape-left-center {
         display: none;
    }
     .shape-right-bottom {
         display: none;
    }
     .about-style-two-thumb {
         padding: 0;
         padding-left: 20px;
    }
     .experience-style-two {
         left: -30px;
    }
     .about-style-two-thumb img:nth-child(2) {
         display: none;
    }
    /* About Three */
     .about-three-thumb {
         margin-left: 60px;
    }
     .about-three-thumb .success-rate {
         left: -30px;
    }
     .about-style-three-items::after {
         left: -40px;
    }
     .about-style-three-info ul.list-card .top {
         display: block;
    }
     .about-style-three-info ul.list-card .top img {
         margin-bottom: 25px;
    }
    /* About Four */
     .card-style-four-items {
         margin: 0;
    }
     .card-style-four-items .card-style-four .icon h4 {
         font-size: 18px;
    }
     .card-style-four-items .card-style-four .icon img {
         height: 50px;
    }
     .card-style-four {
         padding: 28px;
    }
    /* Choose Us Three */
     .choose-us-style-three-info {
         padding-left: 50px;
    }
    /* Appoinemnt */
     .appoinment-style-two-thumb::after {
         height: 500px;
         width: 500px;
    }
}
 @media only screen and (min-width: 992px) and (max-width: 1399px) {
    /* Banner One */
     .banner-style-one-info h2 {
         font-size: 4dvw;
    }
    /* Banner Two */
     .banner-style-two-info h2 {
         font-size: 55px;
    }
}
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* Default */
     .title {
         font-size: 42px !important;
    }
     .banner-style-one-info ul li {
         font-size: 13px;
         padding-left: 22px;
    }
     .banner-style-one-info .shape {
         display: none;
    }
    /* Banner Two */
     .banner-style-two-info h2 {
         font-size: 42px;
    }
     .banner-style-two-thumb .thumb {
         margin: 0;
    }
     .banner-style-two-thumb .thumb::after {
         height: 380px;
         width: 380px;
    }
    /* About */
     ul.card-style-one {
         flex-wrap: wrap;
         gap: 15px;
    }
    /* About Two */
     .shape-left-center {
         display: none;
    }
     .about-style-two-thumb img:nth-child(2) {
         display: none;
    }
     .about-style-two-thumb {
         padding: 0;
    }
     .experience-style-two {
         left: -30px;
    }
     .shape-right-bottom {
         display: none;
    }
    /* About Three */
     .about-three-thumb {
         margin-left: 60px;
    }
     .about-three-thumb .success-rate {
         left: -30px;
    }
     .about-style-three-items::after {
         left: -30px;
    }
     .about-style-three-info ul.list-card .top {
         display: block;
    }
     .about-style-three-info ul.list-card .top img {
         margin-bottom: 25px;
    }
    /* About Four */
     .card-style-four-items {
         margin-left: -100%;
    }
    /* About Five */
     .about-style-five-info .circle-progress-three {
         display: none;
    }
    /* About Six */
     .about-style-six-thumb {
         margin-left: -45px;
         margin-top: 80px;
    }
    /* Process */
     .process-style-two-item .info {
         padding: 0;
    }
    /* Why Choose Us */
     .choose-us-style-one-frame .thumb {
         position: inherit;
         width: 100%;
         margin-bottom: 50px;
         display: none;
    }
     .choose-us-style-one-item {
         height: auto;
         margin-top: 30px;
    }
     .choose-us-style-one-items {
         padding-right: 0;
         overflow: inherit;
    }
     .choose-us-style-one-frame.default-padding {
         overflow: inherit;
    }
    /* Choose Us Two */
     .choose-us-style-two-item {
         display: block;
    }
     .choose-us-style-two-item .icon {
         margin-bottom: 30px;
    }
     .choose-us-style-two-items {
         gap: 40px;
    }
     .choose-us-style-two {
         gap: 30px;
    }
     .customer-card {
         padding: 25px;
    }
     .choose-us-style-two-item p {
         font-size: 15px;
    }
     .choose-us-style-two-item h4 {
         font-size: 20px;
    }
    /* Choose Us Three */
     .choose-us-three-thumb {
         position: inherit;
         width: 100%;
         margin-bottom: 60px;
         height: auto;
         display: none;
    }
     .choose-us-three-thumb .video-card {
         right: 50px;
         bottom: 0;
    }
    /* Choose Us Four */
     .choose-us-style-four-area .thumb {
         width: 42%;
    }
    /* Visa Country */
     .visa-offer-country-item .icon img {
         height: 55px;
    }
    /* Visa Category */
     .visa-category-four-items {
         margin: 0;
         width: 100%;
    }
    /* Country Trhee */
     .country-three-content-list .item .content {
         margin-left: 0;
    }
     .country-three-content-list .item ul.list-style-four {
         grid-column-gap: 20px;
    }
     ul.list-style-four li {
         font-size: 15px;
         padding-left: 24px;
    }
    /* Faq */
     .faq-style-one-thumb {
         display: none;
    }
    /* Testimonial */
     .testimonial-one-shape img {
         height: 60px;
         width: 60px;
    }
    /* Call to action */
     .call-to-action-style-one .thumb .shape img:first-child {
         left: -50px;
         height: 100px;
    }
    /* Training */
     .training-style-one-item {
         grid-template-columns: 1fr;
    }
     .training-style-one-item > img {
         display: none;
    }
    /* Appoinment */
     .appoinment-style-one-thumb {
         height: 100%;
         display: flex;
         flex-direction: column;
         justify-content: flex-end;
    }
     .appoinment-style-two-thumb {
         display: none;
    }
    /* Blog */
     .home-blog-style-one .info .inner {
         display: block;
    }
     .home-blog-style-one .info {
         padding: 0;
         top: 0;
         margin: 0;
    }
     .home-blog-style-one .info .inner .meta {
         display: inline-block;
         position: absolute;
         bottom: 100%;
         left: 30px;
         margin-bottom: -28px;
    }
     .home-blog-style-one .info .inner .content {
         padding: 30px;
         padding-top: 55px;
    }
    /* Blog */
     .blog-style-two {
         display: none;
    }
     .blog-grid-item {
         align-items: center;
         margin: 0;
         border: none;
         padding: 0;
         gap: 20px;
    }
     .blog-grid-items {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 50px;
    }
    /* Footer */
     footer .shape img:nth-child(2) {
         right: 30px;
         top: -50px;
    }
    /* Footer Three */
     .footer-grid-items {
         gap: 30px;
    }
     .footer-grid-items .footer-item.links {
         padding: 0 30px;
         gap: 30px;
    }
}
 @media (min-width: 1024px) {
     .top-bar-area .row.align-center {
         align-items: center;
    }
}
/* Screen Mobile To Tablet */
 @media screen and (max-width: 991px) {
    /* Topbar Area */
     .top-bar-area .text-end {
         text-align: center !important;
         margin-top: 10px;
    }
     .top-bar-area .text-end .d-flex {
         justify-content: center;
    }
     .top-bar-area .address-info {
         text-align: center;
    }
     .top-bar-area ul.item-flex {
         justify-content: center;
    }
     .top-bar-area {
         padding: 15px 0;
    }
     .banner-style-two-info p {
         padding: 0;
    }
     .visa-category-four-navs {
         display: none;
    }
    /* Visa Process */
     .visa-offer-country-items {
         display: block;
    }
     .visa-offer-country-item {
         height: auto;
    }
     .visa-offer-country-item ul.list-style-one {
         transform: none;
         visibility: visible;
         opacity: 1;
    }
     .visa-offer-country-item .bottom {
         margin: 0;
    }
     .visa-offer-country-items > li {
         min-height: auto;
         width: 100%;
         margin-top: 30px;
    }
     .visa-offer-country-item .country {
         margin-bottom: 30px;
         flex-direction: row;
         justify-content: flex-start;
    }
     .visa-offer-country-item .country h5, .visa-offer-country-item .country span {
         writing-mode: inherit;
    }
     .visa-offer-country-item .country .content {
         display: block;
    }
     .visa-offer-country-item .btn-style-one {
         transform: none;
         visibility: visible;
         opacity: 1;
    }
     .visa-offer-country-items > li:first-child {
         margin-top: 0;
    }
    /* Blog */
     .home-blog-style-one .info .inner {
         display: block;
    }
     .home-blog-style-one .info {
         padding: 0;
         top: 0;
         margin: 0;
    }
     .home-blog-style-one .info .inner .meta {
         display: inline-block;
         position: absolute;
         bottom: 100%;
         left: 30px;
         margin-bottom: -28px;
    }
     .home-blog-style-one .info .inner .content {
         padding: 30px;
         padding-top: 55px;
    }
     .home-blog-style-three .info h4 {
         font-size: 18px;
    }
     .home-blog-style-three .thumb .meta ul li {
         font-size: 15px;
    }
}
/* Tablet Layout: 768px.*/
 @media only screen and (min-width: 768px) and (max-width: 991px) {
    /* Deafult */
     .title {
         font-size: 42px !important;
    }
    .banner-style-one-info h2 {
  font-size: 35px;
}
.split-text {
  overflow: auto;
  position: relative;
}
    /* Banner One */
     .banner-style-one-info {
         padding-top: 0px;
    }
     .banner-style-one-thumb img:nth-child(2) {
         left: auto;
         right: 0;
    }
    /* Banner Two */
     .banner-style-two-area {
         text-align: center;
         padding: 120px 0;
    }
     .banner-style-two-thumb .thumb {
         margin-right: 0;
         margin-top: 60px;
    }
    /* Banner Three */
     .banner-style-three .content h2 {
         font-size: 70px;
    }
    /* Banner Four */
     .banner-style-four-area {
         padding: 120px 0;
    }
     .banner-style-four-area .content h2 {
         font-size: 60px;
    }
     .banner-style-four-area .content {
         padding: 0;
    }
    /* Banner Five */
     .banner-style-five-area {
         padding: 120px 0;
    }
     .banner-style-five-area .content h2 {
         font-size: 65px;
    }
    /* Banner Six */
     .banner-style-six .content h2 {
         font-size: 60px;
    }
    /* About */
     .thumb-style-one {
         margin-bottom: 60px;
    }
    /* About Two */
     .shape-left-center {
         display: none;
    }
     .about-style-two-thumb {
         padding-left: 0;
         margin-bottom: 50px;
         padding-bottom: 50px;
    }
     .experience-style-two {
         top: auto;
         bottom: 0;
         left: 0;
         display: none;
    }
     .shape-right-bottom {
         display: none;
         display: none;
    }
     .about-style-two-area {
         padding-bottom: 120px;
    }
    /* About Three */
     .about-style-three-items::after {
         left: 0;
         display: none;
    }
     .experience-style-one {
         display: none;
    }
     .about-three-thumb {
         height: auto;
         margin: 0;
         padding: 0;
         margin-top: 40px;
    }
     .about-three-thumb .success-rate {
         left: 0;
         display: none;
    }
     .about-style-three-items {
         padding: 0;
    }
    /* About Four */
     .about-style-four-thumb img:nth-child(3) {
         left: 0;
    }
     .about-style-four-thumb {
         margin-bottom: 50px;
    }
     .card-style-four-items {
         margin: 0;
    }
    /* About Five */
     .about-style-five-thumb img {
         margin-bottom: 50px;
         border-radius: 0;
    }
     .about-style-five-thumb .fun-fact {
         display: none;
    }
     .about-style-five-area .shape {
         max-width: 50%;
    }
    /* About Six */
     .about-style-six-thumb {
         margin-top: 50px;
    }
     .about-style-six-thumb .right-info {
         position: relative;
         height: 100%;
    }
     .about-style-six-thumb .right-info .call-card-two {
         display: none;
    }
     .about-style-six-thumb .right-info img {
         height: 100%;
    }
    /* Feature */
     .features-style-one-items {
         margin: 0;
         margin-top: 90px;
         top: 0;
    }
     .feature-style-one-item .item {
         height: auto;
         margin-top: 30px;
    }
    /* Why Choose Us */
     .choose-us-style-one-frame .thumb {
         position: inherit;
         width: 100%;
         margin-bottom: 50px;
    }
     .choose-us-style-one-items {
         padding-right: 0;
    }
     .choose-us-style-one-frame {
         overflow: inherit;
         margin-top: -30px;
    }
     .choose-us-style-one-item {
         margin-top: 30px;
         height: auto;
    }
    /* Choose Us Two */
     .choose-us-style-two-items {
         grid-template-columns: 1fr;
         gap: 40px;
    }
     .choose-us-style-two {
         gap: 30px;
    }
     .choose-us-style-two-area {
         background-image: none !important;
         padding-bottom: 120px;
         background-color: var(--dark-secondary) !important;
    }
     .choose-us-style-two-item {
         display: block;
         text-align: center;
         align-items: center;
    }
     .choose-us-style-two-item .icon {
         justify-content: center;
         align-items: center;
         margin: auto auto 30px;
    }
     .choose-us-style-two-item p {
         padding: 0 15%;
    }
    /* Team Single */
     .team-single-area .team-content-top .right-info {
         padding: 0 15px;
    }
     .team-content-top .thumb {
         margin-bottom: 50px;
    }
     .team-single-list {
         margin-bottom: 30px;
    }
    /* Choose Us Three */
     .choose-us-three-thumb {
         position: inherit;
         width: 100%;
         margin-bottom: 50px;
         display: none;
    }
     .choose-us-three-thumb img {
         height: auto;
    }
     .choose-us-three-thumb .video-card {
         right: 0;
    }
     .card-style-three .item .number {
         font-size: 60px;
    }
     .card-style-three .item {
         padding-right: 30px;
    }
    /* Choose Us Four */
     .choose-us-style-four-area .thumb {
         width: 100%;
         position: inherit;
         margin-top: -120px;
         margin-bottom: 60px;
         display: none;
    }
     .choose-us-progress {
         margin-bottom: 50px;
         height: auto;
    }
    /* Process */
     .process-style-two-items {
         gap: 45px;
         display: block;
    }
    .site-heading .title {
  margin-bottom: 0;
  text-align: center;
}
     .process-style-two-item .info {
         padding: 0;
    }
     .process-style-two-item p {
         font-size: 15px;
    }
    /* Visa Country */
     .visa-offer-country-items {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 30px;
    }
     .visa-offer-country-items li {
         margin: 0;
    }
    /* Country Three */
     .country-three-tab-content-box {
         height: auto;
         margin-top: 50px;
    }
     .country-three-contents {
         position: inherit;
         height: auto;
         display: none;
    }
     .country-three-contents .thumb-style-two {
         height: auto;
    }
     .country-three-contents.active {
         display: block;
    }
     .country-three-contents .thumb-style-two img {
         height: auto;
    }
    /* Fun Fact */
     .funfact-style-one-item {
         margin-top: 50px;
    }
     .fun-fact-style-one-items {
         margin-top: -50px;
    }
    /* Training One */
     .training-style-one-item {
         display: block;
         margin-top: 50px;
    }
     .training-style-one-item > img {
         display: none;
    }
    /* Process One */
     .process-style-one-items {
         grid-template-columns: 1fr 1fr;
         gap: 30px;
         overflow: inherit;
    }
     .process-style-one-item .info .shape {
         display: none;
    }
     .process-style-one-item {
         box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
         padding: 45px 30px;
         border-radius: 10px;
    }
     .process-style-one-item .info {
         margin-top: -30px;
    }
     .process-style-one-item .info span {
         border: 2px solid var(--white);
         line-height: 40px;
    }
    /* Course Style one */
     .course-style-one-item .overlay {
         bottom: 0;
         visibility: visible;
         opacity: 1;
         position: inherit;
         border-radius: 0;
         background: var(--dark);
    }
     .course-style-one-item {
         border-radius: 10px;
    }
     .course-style-one-item .overlay-title {
         display: none;
    }
    /* Course Two */
     .course-style-two-items {
         grid-template-columns: 1fr;
    }
    /* Visa Category */
     .visa-category-four-area {
         margin: 0;
         margin-top: 120px;
         top: 0;
    }
     .visa-category-four-items {
         width: 100%;
         margin: 0;
         padding: 30px;
    }
     .visa-cat-five-overlay-info {
         max-width: 320px;
         padding: 40px;
    }
     .visa-cat-style-five-item:first-child {
         border-top: 1px solid #e7e7e7;
    }
     .visa-cat-style-five-item:last-child {
         border-bottom: 1px solid #e7e7e7;
    }
    /* Faq */
     .faq-style-one-thumb {
         height: auto;
         margin-top: 50px;
         text-align: center;
         justify-content: center;
         align-items: center;
    }
     .faq-style-one-thumb img {
         max-width: 60%;
    }
    /* Testimonial */
     .testimonial-one-shape {
         display: none;
    }
     .testimonial-style-one-item .reviews {
         margin-top: 30px;
    }
    /* Testimonial Two */
     .testimonial-two-left-info {
         text-align: center;
    }
     .testimonial-two-left-info .provider-cards {
         justify-content: center;
    }
     .testimonial-style-two-item {
         padding: 65px 50px;
    }
    /* Testimonial Three */
     .testimonial-style-three-carousel {
         margin: 0;
    }
     .testimoial-style-three-items {
         padding-bottom: 0;
    }
    /* Testimonila Four */
     .testimonial-style-four-item {
         grid-template-columns: 1fr 1.3fr;
    }
     .testimonial-style-four-item p {
         font-size: 18px;
         margin-top: 25px;
    }
     .testimonial-four-swiper-nav {
         position: inherit;
         margin-top: 50px;
    }
    /* Call to action */
     .call-to-action-style-one .thumb .shape img:first-child {
         display: none;
    }
     .call-action-info {
         height: auto;
         padding: 60px;
    }
    /* Appoinment */
     .appoinment-style-one-info form {
         margin-bottom: 120px;
    }
     .appoinment-style-one-thumb {
         display: none;
    }
     .appoinment-style-two-thumb {
         margin-top: 80px;
         margin-bottom: 0;
         display: none;
    }
     .appoinment-style-two-thumb::after {
         height: 550px;
         width: 550px;
    }
     .appoinment-style-two-thumb img {
         width: 60%;
    }

	

/*=========================
   Start Contact Us CSS
===========================*/
 .inner {
	box-shadow: 0px 0px 10px #00000024;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 5%;
}


  h2 {
	position: relative;
	font-size: 32px;
	color: #16c2d6;
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize;
	margin-bottom: 12px;
	padding-bottom: 20px;
	text-align: left;
}


 .form {
	margin-top: 30px;
}

 .form .form-group {
	margin-bottom: 22px;
}

 .form .form-group input {
	width: 100%;
	height: 50px;
	border: 1px solid #eee;
	text-transform: capitalize;
	padding: 0px 18px;
	color: #555;
	font-size: 14px;
	font-weight: 400;
	border-radius: 4px;
}

 .form .form-group textarea {
	width: 100%;
	height: 100px;
	border: 1px solid #eee;
	text-transform: capitalize;
	padding: 18px;
	color: #555;
	font-size: 14px;
	font-weight: 400;
	border-radius: 4px;
}

 .form .form-group.login-btn {
	margin: 0;
}

 .form button {
	border: none;
}

 .form .btn {
	display: inline-block;
	margin-right: 10px;
	color: #fff;
	line-height: 20px;
	width: 100%;
	padding: 15px 10px;
	background: #16c2d6;
}

 .form .btn:hover {
	background: #89DEE1;
	color: #fff;
}

  .checkbox {
	text-align: left;
	margin: 0;
	margin-top: 20px;
	display: inline-block;

}

  .checkbox label {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	position: relative;
	padding-left: 20px;
}

  .checkbox label:hover {
	cursor: pointer;
}

  .checkbox label input {
	display: none;
}

  .checkbox label::before {
	position: absolute;
	content: "";
	left: 0;
	top: 5px;
	width: 15px;
	height: 15px;
	border: 1px solid #16c2d6;
	border-radius: 100%;
}

  .checkbox label::after {
	position: relative;
	content: "";
	width: 7px;
	height: 7px;
	left: -16px;
	top: -15px;
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: block;
	font-size: 9px;
	background: #16c2d6;
	border-radius: 100%;
}

  .checkbox label.checked::after {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

 .contact-info {
	margin-top: 7%;
	margin-bottom: 7%;
}

 .single-info {
	background: #16c2d6;
	padding: 40px 30px;
	height: 150px;
	border-radius: 10px;
	position: relative;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

 .single-info:before {
	position: absolute;
	z-index: -1;
	content: '';
	bottom: -10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 80%;
	height: 90%;
	background: #16c2d6;
	opacity: 0;
	filter: blur(10px);
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

 .single-info:hover:before {
	opacity: 0.8;
}

 .single-info:hover {
	transform: translateY(-5px);
}

 .single-info i {
	font-size: 35px;
	color: #fff;
	position: absolute;
	margin-top: 5px;
	left: 30px;
}

ul.time-sidual {
	line-height: 20px;
}

 .single-info .content {
	margin-left: 45px;
}

 .single-info .content p {
	color: #fff;
	line-height: 22px;
	padding-top: 10px;
	font-size: 17px;
	font-weight: bold;
}

 .single-info .content h3 {
	color: #fff;
	font-size: 22px;
	font-weight: bold;
}

 .single-info .content a {
	color: #fff;
	margin-top: 5px;
}

/* Google Map */
 #myMap {
	height: 100%;
	width: 100%;
}

/*=========================
   End Contact Us CSS
===========================*/



    /* Blog */
     .blog-grid-item .thumb img {
         width: 100%;
    }
     .blog-grid-item {
         display: grid;
         grid-template-columns: 1fr 2fr;
         align-items: center;
    }
     .blog-style-two {
         display: none;
    }
    /* Footer */
     .footer-bottom {
         text-align: center;
    }
     .footer-style-one .f-item.about {
         padding-right: 30px;
    }
     footer .shape {
         display: none;
    }
     .footer-top-area .user-card {
         border: navajowhite;
         display: none;
    }
     .footer-top-area ul.address-list {
         padding: 50px 0;
    }
    /* Footer Two */
     .footer-top-style-two::after {
         width: 100%;
    }
     .footer-top-style-two .footer-logo {
         padding: 30px;
    }
     .footer-top-style-two .newsletter {
         display: grid;
         gap: 20px;
         align-items: center;
         justify-content: center;
         text-align: center;
    }
     .footer-top-style-two {
         display: none;
    }
    /* Footer Three */
     .footer-grid-items {
         grid-template-columns: 1fr;
         gap: 0;
    }
     .footer-style-three .newsletter form {
         max-width: 500px;
    }
    /* Footer Four */
     .footer-newsletter-card h4 {
         display: none;
    }
     .footer-newsletter-card h2 {
         margin-bottom: 30px;
    }

/* Mobile Layout: 320px. */
 @media only screen and (max-width: 767px) {
    /* Topbar */
     .top-bar-area {
         display: none;
    }
    /* Banner Style One */
     .banner-style-one-info h2 {
         font-size: 36px;
    }
     .breadcrumb-area {
    padding: 50px 0 !important;
  }
  .navbar .attr-right .attr-nav .btn-style-one {
  display: block;
  background: var(--bg-gradient) !important;
  padding: 8px 35px;
  text-transform: uppercase;
  font-size: 13px;
}
     .banner-style-one-area .content {
         padding-top: 80px;
    }
     .banner-style-one-info ul {
         grid-template-columns: 1fr;
    }
     .banner-style-one-area .shape {
         display: none;
    }
     .banner-style-one-thumb {
         height: auto;
         padding: 40px;
         padding-bottom: 0;
    }
    /* Banner Two */
     .banner-style-two-info h2 {
         font-size: 36px;
    }
     .banner-style-two-area {
         padding: 80px 0;
    }
     .banner-style-two-thumb .thumb::after {
         height: 260px;
         width: 260px;
    }
     .banner-style-two-thumb .thumb {
         margin-right: 0;
         margin-top: 50px;
         text-align: center;
    }
     .banner-style-two-thumb .thumb img {
         right: 0;
    }
     .banner-style-two-thumb {
         display: none;
    }
    /* Banner Three */
     .banner-style-three .content h2 {
         font-size: 42px;
    }
     .banner-style-three .content p {
         font-size: 16px;
    }
    /* Banner Four */
     .banner-style-four-area .content h2 {
         font-size: 36px;
    }
     .banner-style-four-area {
         padding: 80px 0;
    }
     .banner-style-four-area .content {
         padding-bottom: 0;
    }
     .banner-style-four-area .shape {
         display: none;
    }
     .banner-style-four-area .content h4 {
         font-size: 20px;
    }
    /* Banner Five */
     .banner-style-five-area {
         padding: 80px 0;
    }
     .banner-style-five-area .content h2 {
         font-size: 36px;
    }
     .banner-style-five-area .content p {
         font-size: 16px;
         padding: 0;
    }
    /* Banner Six */
     .banner-style-six .content h2 {
         font-size: 28px;
    }
     .banner-style-six .content h4 {
         font-size: 18px;
    }
     .banner-area .banner-next-nav, .banner-area .banner-next-prev {
         display: none;
    }
    /* About One */
     ul.card-style-one {
         display: grid;
         gap: 25px;
    }
     .thumb-style-one {
         padding: 0;
         margin-bottom: 40px;
    }
     .thumb-style-one img:nth-child(2) {
         display: none;
    }
     .thumb-style-one .experience {
         position: relative;
         margin-top: 30px;
         max-width: 100%;
         display: none;
    }
    /* About */
     .about-style-two-thumb {
         padding: 0;
         margin-bottom: 50px;
    }
     .experience-style-two {
         position: relative;
         width: 100%;
         max-width: 100%;
         top: 0;
         margin-top: 30px;
    }
     .about-style-two-thumb img:nth-child(2) {
         display: none;
    }
     .shape-left-center {
         display: none;
    }
     .shape-right-bottom {
         display: none;
    }
     .about-style-two-info ul.card-style-two {
         margin-top: 0;
         padding-top: 0;
    }
    /* About Three */
     .experience-style-one {
         display: none;
    }
     .experience-style-one h4 {
         top: 0;
    }
     .about-style-three-items::after {
         display: none;
    }
     ul.list-card {
         grid-template-columns: 1fr;
    }
     .about-three-thumb {
         margin-top: 30px;
         height: auto;
         margin-bottom: 0;
         padding-bottom: 0;
    }
     .about-three-thumb .success-rate {
         left: 0;
         position: inherit;
         width: 100%;
         margin-top: 30px;
    }
     .about-style-three-items {
         padding-bottom: 0;
    }
    /* About Four */
     .about-style-four-thumb img:nth-child(3) {
         left: 0;
         bottom: 20px;
    }
     .about-style-four-thumb {
         margin-bottom: 40px;
         padding: 0;
    }
     .about-style-four-thumb .experience h4 {
         writing-mode: inherit;
    }
     .about-style-four-thumb .experience {
         flex-direction: row;
         position: inherit;
         margin: 0;
         margin-top: 30px;
         display: none;
    }
     .about-style-four-thumb img {
         border-radius: 6px;
    }
     .about-style-four-thumb img:nth-child(2) {
         display: none;
    }
     .about-style-four-thumb img:nth-child(3) {
         display: none;
    }
     .card-style-four-items {
         margin: 0;
         display: block;
         border: none;
    }
     .card-style-four {
         border-right: none;
         border-bottom: 1px solid #f5d3d3;
    }
    /* About Five */
     .about-style-five-info .d-flex {
         display: grid !important;
    }
     .author-quotes .author-right {
         display: none;
    }
     .author-quotes .author-left {
         margin: 0;
         padding: 0;
         border: none;
    }
     .about-style-five-thumb {
         margin-bottom: 50px;
    }
     .about-style-five-thumb img {
         border-radius: 0;
    }
     .about-style-five-thumb .fun-fact {
         display: none;
    }
    /* About Six */
     .about-style-six-thumb {
         grid-template-columns: 1fr;
         margin-top: 40px;
    }
     .about-style-six-info ul.list-style-four {
         display: block;
    }
     .about-style-six-thumb .right-info img {
         display: none;
    }
     .right-info .call-card-two {
         margin: 0;
    }
     .about-style-six-info .d-flex {
         display: grid !important;
    }
    /* Feature */
     .features-style-one-items {
         top: 0;
         margin: 0;
         margin-top: 30px;
    }
     .feature-style-one-item .item {
         height: auto;
         margin-top: 30px;
    }
    /* Choose Us One */
     .choose-us-style-one-item {
         margin-top: 30px;
         height: auto;
    }
     .choose-us-style-one-items {
         padding: 0;
         margin-top: -30px;
    }
     .choose-us-style-one-frame .thumb {
         width: 100%;
         left: 0;
         right: 0;
         width: 100%;
         position: relative;
         margin-bottom: 40px;
    }
     .choose-us-style-one-frame {
         overflow: inherit;
    }
    /* Choose Us Two */
     .choose-us-style-two-items {
         grid-template-columns: 1fr;
         gap: 50px;
    }
     .choose-us-style-two {
         gap: 30px;
    }
     .choose-us-style-two-area {
         background-image: none !important;
         padding-bottom: 60px;
         background-color: var(--dark-secondary) !important;
    }
    /* Choose Us Three */
     .choose-us-three-thumb img {
         height: auto;
         width: 100%;
    }
     .choose-us-three-thumb {
         position: inherit;
         width: 100%;
         padding-left: 15px;
         padding-right: 15px;
         margin-bottom: 40px;
    }
     .choose-us-three-thumb .video-card {
         right: 15px;
    }
     .card-style-three .item .number {
         font-size: 50px;
         margin-left: -10px;
    }
     .card-style-three .item {
         border: none;
         margin: 0;
         padding: 0;
         gap: 25px;
    }
     .card-style-three {
         border-top: 1px solid #e7e7e7;
         padding-top: 30px;
         margin-top: 30px;
         display: grid;
         gap: 30px;
    }
    /* Choose Us Four */
     .choose-us-progress {
         display: grid;
         gap: 30px;
         margin-bottom: 50px;
         height: auto;
    }
     .choose-us-style-four-area .thumb {
         position: relative;
         width: 100%;
         margin-bottom: 40px;
         display: none;
    }
    /* Service */
     .service-more-info {
         height: auto;
         padding: 0;
         display: block;
         text-align: center;
    }
     .service-more-info a {
         display: inline-flex;
         border: 1px solid #e7e7e7;
         padding: 13px 26px;
         border-radius: 5px;
         margin-top: 28px;
    }
     .bg-dark .service-more-info a {
         border: 1px solid rgba(255, 255, 255, 0.3);
    }
    /* Visa Category */
     .visa-category-four-items {
         margin: 0;
         width: 100%;
         padding: 0;
         background: transparent;
    }
     .visa-category-four-area {
         top: 0;
         margin: 0;
         margin-top: 60px;
    }
     .visa-cat-style-four {
         background: var(--bg-gray);
    }
    /* Training */
     .training-style-one-item img {
         display: none;
    }
     .training-style-one-item {
         display: block;
         margin-top: 35px;
    }
     .training-style-one-area {
         padding-bottom: 60px;
    }
    /* Process */
     .process-style-one-items {
         grid-template-columns: 1fr;
         gap: 30px;
    }
     .process-style-one-item .info .shape {
         display: none;
    }
     .process-style-one-item .info {
         margin-top: -15px;
    }
     .process-style-one-item .info span {
         border: 2px solid var(--white);
         line-height: 40px;
    }
    /* Process Two */
     .process-style-two-items {
         grid-template-columns: 1fr;
         gap: 40px;
    }
     .process-style-two-items .shape {
         display: none;
    }
    /* Country Three */
     .visa-country-three-area .shape {
         display: none;
    }
     .country-three-content-list .item .content {
         padding-left: 0;
         margin-left: 0;
    }
     .country-three-content-list .item ul.list-style-four {
         grid-template-columns: 1fr;
    }
     .country-three-tab-content-box {
         height: auto;
         margin-top: 30px;
    }
     .country-three-contents {
         position: inherit;
         height: auto;
         display: none;
    }
     .country-three-contents .thumb-style-two {
         height: auto;
    }
     .country-three-contents.active {
         display: block;
    }
    /* Country */
     .visa-cat-five-overlay-info {
         display: none;
    }
     .visa-cat-style-five-item:first-child {
         border-top: 1px solid #e7e7e7;
    }
     .visa-cat-style-five-item:last-child {
         border-bottom: 1px solid #e7e7e7;
    }
    /* Faq */
     .faq-style-one-thumb {
         height: auto;
         margin-top: 50px;
    }
    /* Coaching */
     .course-style-one-item .overlay {
         transform: none;
         visibility: visible;
         opacity: 1;
         bottom: 0;
         position: inherit;
         border-radius: 0;
    }
     .course-style-one-item {
         border-radius: 10px;
    }
    /* Coaching Two */
     .course-style-two-items {
         grid-template-columns: 1fr;
    }
     .course-banner {
         height: auto;
         padding: 50px 30px;
    }
    /* Fun Fact */
     .funfact-style-one-item .counter {
         margin-bottom: 15px;
         justify-content: center;
    }
     .funfact-style-one-item {
         margin-top: 30px;
         text-align: center;
    }
     .fun-fact-style-one-items {
         margin-top: -30px;
    }
     .funfact-style-one-item .fun-fact {
         background: rgba(255, 255, 255, 0.4);
         border: 1px solid #e7e7e7;
         border-radius: 10px;
         padding: 30px;
    }
     .text-light .funfact-style-one-item .fun-fact {
         background: transparent;
         border: 1px solid rgba(255, 255, 255, .4);
    }
     .funfact-style-one-item .medium {
         margin: 0;
         padding: 0;
    }
     .funfact-style-one-item .medium::after {
         display: none;
    }
     .bg-theme-secondary .funfact-style-one-item .fun-fact {
         background: transparent;
         border-color: rgba(255, 255, 255, 0.4);
    }
    /* Team Single */
     .team-single-area .team-content-top .right-info {
         padding: 0 15px;
    }
     .team-content-top .thumb {
         margin-bottom: 50px;
    }
     .team-single-list {
         margin-bottom: 30px;
         grid-template-columns: 1fr;
         gap: 30px;
    }
     .team-single-area .right-info .social .share-link {
         display: none;
    }
     .team-bottom-info .choose-us-progress {
         margin: 0;
         margin-top: 30px;
    }
    /* Testimonial */
     .testimonial-one-shape {
         display: none;
    }
     .testimonial-style-one-item .reviews {
         margin-top: 30px;
    }
     .testimonial-style-one-item p {
         font-size: 17px;
    }
    /* Testimonial */
     .testimonial-style-two-area {
         padding-left: 12px;
         padding-right: 12px;
    }
     .testimonial-style-two-item {
         display: block;
         padding: 45px 30px;
    }
     .testimonial-style-two-item .thumb img {
         width: 100%;
         margin-bottom: 40px;
    }
     .testimonial-two-left-info {
         margin-bottom: 30px;
    }
    /* Testimonial Three */
     .testimonial-style-three-carousel {
         margin: 0;
    }
     .testimoial-style-three-items {
         padding-bottom: 0;
    }
    /* Testimonial Four */
     .testimonial-style-four-item {
         display: block;
    }
     .testimonial-style-four-item .thumb {
         margin-right: 0;
         padding-right: 0;
         border: none;
         margin-bottom: 30px;
    }
     .testimonial-style-four-item p {
         margin-top: 25px;
         font-size: 20px;
    }
     .testimonial-four-swiper-nav {
         position: inherit;
         margin-top: 50px;
    }
    /* Call to action */
     .call-to-action-style-one .thumb .shape img:first-child {
         display: none;
    }
     .call-to-action-style-one .thumb .shape img:first-child {
         display: none;
    }
     .call-action-info {
         height: auto;
         display: block;
         padding: 35px;
    }
    /* Appoinment */
     .appoinment-style-one-info {
         height: auto;
         display: block;
    }
     .appoinment-style-one-info form {
         margin: 0;
         margin-bottom: 70px;
    }
     .appoinment-style-one-thumb {
         display: none;
    }
     .appoinment-style-two-thumb {
         margin-top: 50px;
         margin-bottom: 0;
         display: none;
    }
     .appoinment-style-two-thumb::after {
         height: 320px;
         width: 320px;
    }
     .appoinment-style-two-thumb .fun-fact {
         display: none;
    }
    /* Blog */
     .home-blog-style-one {
         margin-top: 30px;
    }
     .col-lg-6:first-child .home-blog-style-one {
         margin-top: 0;
    }
    /* Blog Grid */
     .blog-grid-item {
         display: block;
    }
     .blog-grid-item .thumb img {
         width: 100%;
         margin-bottom: 30px;
    }
     .blog-style-two {
         display: block;
    }
     .blog-grid-items {
         margin-bottom: 30px;
    }
     .blog-style-two .info {
         margin: 0;
         border-radius: 0;
         padding: 30px;
    }
     .blog-style-two .thumb img {
         border-radius: 0;
    }
    /* Contact Style One */
     .contact-style-one-items .fixed-text {
         font-size: 10vw;
         line-height: 1;
         margin-bottom: 40px;
    }
     .contact-style-one.info {
         padding: 50px 30px;
         margin-bottom: 70px;
    }
     .contact-style-one-tabs .nav-tabs button::after {
         display: none;
    }
     .contact-style-one-tabs .nav-tabs button {
         border: 1px solid #e7e7e7;
         margin: 0 5px;
         margin-bottom: 15px;
    }
     .contact-style-one-tabs .nav-tabs button.active {
         border-color: transparent;
         background: var(--color-primary);
         color: var(--white);
    }
     .contact-one-tab-info {
         margin-bottom: 60px;
    }
     .location-details {
         transform: none;
         left: -30px;
         right: 0;
         max-width: 280px;
    }
     .location-item:nth-child(2) .location-details {
         left: -60px;
    }
     .location-item:nth-child(3) .location-details {
         left: -130px;
    }
     .location-item:nth-child(4) .location-details {
         right: -20px;
         left: auto;
    }
     .location-item.active .location-details {
         opacity: 0;
         visibility: hidden;
    }
     .location-item:hover .location-details {
         opacity: 1;
         visibility: visible;
    }
    /* Footer */
     .footer-top-area ul.address-list {
         display: grid;
         gap: 30px;
    }
     .footer-top-area {
         padding-bottom: 50px;
    }
     footer .shape {
         display: none;
    }
     .footer-top-area .user-card {
         border: none;
         border-bottom: 1px solid rgba(255, 255, 255, 0.28);
         margin-bottom: 30px;
         padding: 30px 0;
    }
     footer .f-items {
         padding-top: 0;
         padding-bottom: 60px;
    }
     .footer-style-one .f-item.about {
         padding-right: 0;
    }
     .footer-bottom {
         text-align: center;
    }
    /* Footer Two */
     .footer-top-style-two .footer-logo {
         height: auto;
         align-items: center;
         justify-content: center;
         padding: 30px 0;
    }
     .footer-top-style-two::after {
         width: 100%;
    }
     .footer-top-style-two .newsletter {
         display: grid;
         text-align: center;
         padding: 30px;
         justify-content: center;
    }
     .footer-top-style-two .newsletter form input {
         min-width: inherit;
    }
     .footer-top-style-two {
         margin-left: -15px;
         margin-right: -15px;
    }
    /* Footer Three */
     .footer-grid-items {
         grid-template-columns: 1fr;
         gap: 0;
         padding-bottom: 60px;
         padding-top: 10px;
    }
     .footer-grid-items .footer-item.links {
         grid-template-columns: 1fr;
         gap: 50px;
    }
    /* Footer Four */
     .footer-newsletter-card {
         padding: 30px;
    }
     .footer-newsletter-card h2 {
         margin-bottom: 30px;
    }
     .footer-newsletter-card {
         text-align: center;
    }
     .footer-newsletter-card form {
         display: grid;
         gap: 15px;
    }
     .footer-newsletter-card form input {
         text-align: center;
    }
     .footer-newsletter-card form button {
         width: 100%;
    }
     .footer-newsletter-card h4 {
         display: none;
    }
.banner-style-one-info h2 {
  font-size: 6dvw;
}
 .top-bar-area .address-info {
    text-align: center;
    line-height: 20px;
  }






}

 @media only screen and (max-width: 480px) {
     .course-style-two-item {
         grid-template-columns: 1fr;
    }
     .appl-visa-widget h2 {
         font-size: 40px;
    }
     .services-list-widget {
         padding: 30px;
    }
     .single-widget.course-info-widget {
         padding: 30px;
    }
     .appoinment-style-one-info form {
         padding: 30px;
    }
     .footer-newsletter-card {
         padding: 30px;
    }
     .sidebar .sidebar-item {
         padding: 30px;
    }
        .services-details-items h2 {
  font-size: 5dvw!important;
}
}
/* ============================================================== # Preloader CSS =================================================================== */
 #preloader {
     position: fixed;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background-color: var(--white);
     z-index: 999;
}
 .visaco-loader-wrap {
     height: 100vh;
     display: flex;
     align-items: center;
     justify-content: center;
     position: fixed;
     width: 100%;
}
 .visaco-loader-inner {
     position: fixed;
     width: 100%;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     height: 100vh;
}
 .visaco-loader {
     margin-left: 92px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
     .visaco-loader {
         transform: scale(0.8);
         margin-left: 66px;
    }
.choose-us-style-one-frame .thumb img {
  height: 500px;
}
.call-to-action-style-one .thumb > img {
  height: 500px;
}



}





 .visaco-loader-item {
     position: absolute;
     width: 6px;
     height: 80px;
     margin-top: -45px;
     border-radius: 0px;
     background-color: var(--color-primary);
     animation: visaco-loader-aim 0.8s infinite;
     animation-direction: alternate-reverse;
}
 .color-secondary .visaco-loader-item {
     background-color: var(--color-secondary);
}
 .visaco-loader .visaco-loader-item:nth-child(1) {
     margin-left: 0px;
}
 .visaco-loader .visaco-loader-item:nth-child(2) {
     margin-left: -14px;
     animation-delay: 0.1s;
}
 .visaco-loader .visaco-loader-item:nth-child(3) {
     margin-left: -28px;
     animation-delay: 0.2s;
}
 .visaco-loader .visaco-loader-item:nth-child(4) {
     margin-left: -42px;
     animation-delay: 0.3s;
}
 .visaco-loader .visaco-loader-item:nth-child(5) {
     margin-left: -56px;
     animation-delay: 0.4s;
}
 .visaco-loader .visaco-loader-item:nth-child(6) {
     margin-left: -70px;
     animation-delay: 0.5s;
}
 .visaco-loader .visaco-loader-item:nth-child(7) {
     margin-left: -84px;
     animation-delay: 0.6s;
}
 .visaco-loader .visaco-loader-item:nth-child(8) {
     margin-left: -98px;
     animation-delay: 0.7s;
}
 @keyframes visaco-loader-aim {
     0% {
         height: 2px;
         margin-top: 0;
         transform: rotate(0deg);
    }
     100% {
         height: 80px;
         transform: rotate(0deg);
    }
}

 }




@media only screen and (max-width: 991px) {
.testimonial-three-thumb img {
  height: 500px;
  object-fit: cover;
}
.choose-us-style-one-frame .thumb img {
  height: 500px;
  object-fit: cover;
}
footer .widget-title {
  margin-bottom: 10px;
  color: #fff !important;
  padding-top: 5%;
}
.footer-style-one .footer-logo img {
  margin-bottom: 0px;
  width: 150px;
}
.footer-style-one .f-item.about {
  padding-right: 0px;
}
.choose-us-style-one-frame .thumb {
  position: relative;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  z-index: -1;
}
.navbar .attr-right .attr-nav .btn-style-one {
  display: block;
  background: var(--bg-gradient) !important;
  padding: 5px 40px;
  text-transform: uppercase;
  font-size: 12px;
}
.testimonial-style-three-carousel {
  margin-left: 0%;
}
.process-style-two-items {
  display: block;
}


}



@media only screen and (max-width: 767px) {
.choose-us-style-one-items {
  padding-right: 0px;
}
.process-style-two-items {
  display: block!important;
}
.process-style-two-item {
  margin-top: 50px;
}
.boxbg {
  background-color: var(--dark) !important;
  align-items: center;
  width: 100%;
}
.contact a{
  width: 100%;  
}

}



@media only screen and (max-width: 575px) {
.banner-style-one-info ul{
    display: none!important;
}
.faq-style-one-thumb img {
  margin-bottom: -50px;
  height: 400px;
  object-fit: contain;
}
.bg-white.d-flex.align-items-center.justify-content-center {
  width: 50px;
  height: 80px;
}
.btn-style-one {
  display: inline-block;
  background: var(--color-primary);
  padding: 5px 40px;
  text-transform: uppercase;
  font-size: 12px;
}
.boxbg i{
    font-size: 20px;
}
.boxbg .d-block {
  display: block !important;
  width: 100%!important;
}
.banner-style-one-info h2{
    font-size: 5dvw!important;
}
.services-details-items h2{
   font-size: 5dvw!important; 
}
.breadcrumb-area h1 {
    font-size: 4dvw!important;
  }
.breadcrumb-area {
    padding: 30px 0px!important;
  }
.breadcrumb-area .breadcrumb li {
  padding-right: 20px;
  font-size: 14px;
}
.navbar .attr-right .attr-nav li {
  margin: 20px;
  margin: auto;
}
 nav.navbar.validnavs .navbar-toggle {
    position: absolute;
    right: 0px;
    top: -10px;
  }
  nav.navbar.validnavs {
    padding: 30px 0!important;
  }

a.navbar-brand {
    position: absolute;
    left: 10%;
    transform: translate(-50%, -50%);
    top: 50%;
  }
.navbar .attr-right {
    display: flex;
    justify-content: center;
    width: 85%;
  }
 .navbar-brand > img {
    height: auto;
    max-height: 80px;
  }
   .testimonial-three-thumb img {
    height: 300px;
    object-fit: cover;
  }
.services-details-area h3{
  font-size: 4dvw;
}
.services-details-area h4{
  font-size: 3.6dvw;
}
.blog-area.single .item .blog-item-box h3{
  font-weight: 800;
  font-size: 5dvw;
}
.blog-area.single .item .blog-item-box h4{
  font-weight: 800;
  font-size: 4dvw;
}
.blog-items p{
    line-height: 25px;
}
.sidebar .title {
  padding-bottom: 5px;
  font-size: 6dvw !important;
}
	.sidebar-item.recent-post h4{
		  margin-top: 0px!important;	
	}
	
textarea.form-control {
  min-height: calc(1.5em + .75rem + 2px);
  height: 100px;
}
.banner-style-one-area {
  padding: 8% 0px;
  padding-bottom: 30%!importants;
}
.banner-style-one-info {
  padding-bottom: 10%;
}
.about-style-five-area h2{
    font-size: 5dvw;
}
.about-style-five-area .title {
    font-size: 7dvw;
    margin-top: 0;
  }
.title {
    font-size: 6dvw;
    margin-top: 1%;
  }
.more-information h2{
    font-size: 5dvw;
    text-align: center;
}
.common-threesection h2{
    font-size: 6dvw;
    text-align: center;
}
.choose-us-style-one-frame .thumb img {
    height: 300px;
    object-fit: cover;
  }
.table > :not(caption) > * > * {
  font-size: 11px;
  padding-left: 0px!important;
}
.section-preview h5 {
  font-size: 15px;
}
.top-bar-area .social {
  display: none;
}
.timesec{
    display: none;
}
.top-bar-area {
    padding: 0px 0;
    padding-top: 5px;
  }
.validnavs a {
  color: #232323;
  font-weight: 800;
  font-size: 13px!important;
}
  nav.navbar.validnavs .navbar-nav > li > a {
    padding: 7px 0px!important;
  }
.nav-link{
    padding: 5px 0px!important;
}
.swiper-button-next {
  top: 70%;
}
.swiper-button-prev {
  top: 70%;
}
.accordion-item.accordion-style-one h5 {
  width: 95%;
  color: #fff !important;
  font-size: 15px;
  margin-bottom: 0px!important;	
}
.accordion-item.accordion-style-one button.accordion-button {
  background-color: #5387e3;
  border: none;
  box-shadow: none;
  padding: 10px 10px;
}
.call-action-info {
  padding: 10px;
  display: flex;
  flex-direction: column;
  max-width: max-content;
  justify-content: center;
  height: 100%;
  margin: auto;
}
.footer-style-one .footer-logo img {
    margin-bottom: 0px;
    width: 100px;
  }
footer .f-items {
  padding-top: 5%;
  padding-bottom: 5%;
}
.sidebar .sidebar-item {
  width: 100%;
  background: var(--bg-gray);
  padding: 10px;
  border-radius: 7px;
}








}

@media only screen and (max-width:480px) {
.services-details-items h2 {
    font-size: 6dvw !important;
    margin-bottom: 10px;
  }
 .navbar .attr-right .attr-nav .btn-style-one {
    display: block;
    background: var(--bg-gradient) !important;
    padding: 5px 20px;
    text-transform: uppercase;
    font-size: 12px;
  }
.btn-style-one::before {
  position: absolute;
  left: 6px;
}
.btn-style-one span {
  position: absolute;
  right: 6px;
}
.services-details-items li {
  list-style: square;
  margin-left: 30px;
  line-height: normal;
  margin-bottom: 10px;
}
.process-style-two-item .info {
  padding: 0px;
}
.testimonial-style-three-item {
  background: var(--white);
  padding: 0px;
}
.swiper-button-next {
  margin-top: 0px;
  position: absolute;
  right: 0px;
  width: 45px;
  height: 45px;
}
.swiper-button-prev {
  position: absolute;
  left: 0px;
  width: 45px;
  height: 45px;
  margin-top: 0px;
}
.sub-title {
  text-transform: uppercase;
  color: var(--color-heading);
  font-weight: 700;
  display: inline-block;
  position: relative;
  z-index: 1;
  border: 1px solid #b3b1b1;
  padding: 7px 15px;
  font-size: 13px;
  border-radius: 4px;
}

.swiper-button-next::after, .swiper-button-prev::after {
   font-size: 25px!important;
}
.address-info li{
    font-size: 15px!important;
}
.banner-style-one-area {
    padding: 20% 0px!important;
}
 

}