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

    Template Name: Merit Redevelopment Consultants - Society Redevelopment. Managed by professionals.
    Author: Nitesh Pardeshi
    URI: www.twwwins.com
    Description: Merit Redevelopment Consultants - Society Redevelopment. Managed by professionals.
    Version: 1.0.0

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

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

	-----------------
    01. THEME CSS
	-----------------
		1.1 Theme Default
		1.2 Common Css Here

	-----------------
    02. COMPONENTS css
	-----------------
		2.1 Back to top
		2.2 Accordion Css Here
		2.3 Button Css Here
		2.4 Pagination Css Here
		2.5 Offcanvas Css Here
		2.6 Breadcrumb Css Here
		2.7 Nice Select
		2.8 Magic Cursor css start
		2.9 Preloader Css Here

	-----------------
    03. HEADER CSS
	-----------------
		3.1 Header Style 1
		3.2 Mobile Menu Css Here

	---------------------------------
	04. BLOG CSS
	---------------------------------
		4.1 Blog Css Here
		4.2 Sidebar Css Here

	---------------------------------
	05. FOOTER CSS
	---------------------------------
		5.1 Footer Css Here

	---------------------------------
	07. PAGES CSS
	---------------------------------
		7.1 Hero Css Here
		7.2 Abou Css Here
		7.3 Floting Css Here
		7.4 Contact Css Here
		7.5 Cta Css Here
		7.6 Fact Css Here
		7.7 Portfolio Css Here
		7.8 Service Css Here
		7.9 Team Css Here
		8.0 Testimonial Css Here
		8.1 Video Css Here
		8.2 Faq Css Here
		8.3 Brand Css Here
		8.4 Project Css Here
		8.5 Error Css Here
		8.6 Feature Css Here
		8.7 Misson Css Here
		8.8 Choose Css Here
		8.9 Value Css Here
		9.0 Award Css Here
		9.1 Career Css Here

**********************************************/
/*----------------------------------------*/
/*  1.1 Theme Default */
/*----------------------------------------*/

:root {
  --twwwins-theme-color: #000000;
  --twwwins-gold-color: #d2ab67;
  --twwwins-red-color: #D02023;
  --twwwins-body-color: #404038;
  --twwwins-white-color: #FFFFFFE6;
  --twwwins-gray-color: #F5F5F5;
}

:root {
  --twwwins-theme-font: "Manrope", sans-serif;
}

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

/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-family: var(--twwwins-theme-font);
  font-size: 18px;
  font-weight: 400;
  color: var(--twwwins-body-color);
  line-height: 28px;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--twwwins-theme-font);
  color: var(--twwwins-theme-color);
  margin-top: 0px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

h1 {
  font-size: 69px;
}

h2 {
  font-size: 55px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 19px;
}

h6 {
  font-size: 15px;
}

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

p {
  font-family: var(--twwwins-theme-font);
  font-size: 17px;
  font-weight: 400;
  color: var(--twwwins-body-color);
  margin-bottom: 10px;
  line-height: 28px;
}

a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

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

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

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=search],
input[type=url],
textarea {
  resize: none;
  outline: none;
  background-color: transparent;
  height: 58px;
  width: 100%;
  line-height: 56px;
  font-size: 15px;
  color: var(--twwwins-body-color);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 58px;
  font-weight: 500;
  padding: 0 30px;
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--twwwins-body-color);
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder {
  color: var(--twwwins-body-color);
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder {
  color: var(--twwwins-body-color);
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: var(--twwwins-body-color);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: var(--twwwins-black-color);
}
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=search]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

*::-moz-selection {
  background: #333;
  color: #fff;
  text-shadow: none;
}

*::selection {
  background: #333;
  color: #fff;
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--twwwins-body-color);
  opacity: 1;
  font-weight: 500;
}

*::placeholder {
  color: var(--twwwins-body-color);
  opacity: 1;
  font-weight: 500;
}

/*----------------------------------------*/
/*  1.2 Common Css Here
/*----------------------------------------*/
img {
  max-width: 100%;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.z-index-1 {
  position: relative;
  z-index: 1;
}
.z-index-2 {
  position: relative;
  z-index: 2;
}
.z-index-3 {
  position: relative;
  z-index: 3;
}
.z-index-4 {
  position: relative;
  z-index: 4;
}
.z-index-5 {
  position: relative;
  z-index: 5;
}
.z-index-6 {
  position: relative;
  z-index: 6;
}
.z-index-7 {
  position: relative;
  z-index: 7;
}
.z-index-8 {
  position: relative;
  z-index: 8;
}
.z-index-9 {
  position: relative;
  z-index: 9;
}
.z-index-10 {
  position: relative;
  z-index: 10;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.br-5 > img {
  border-radius: 5px;
}
.br-10 > img {
  border-radius: 10px;
}
.br-15 {
  border-radius: 15px;
}
.br-15 > img, .br-15 > a img {
  border-radius: 15px;
}
.br-20 {
  border-radius: 20px;
}
.br-20 > img, .br-20 > a img {
  border-radius: 20px;
}
.br-30 {
  border-radius: 20px;
}
.br-30 > img, .br-30 > a img {
  border-radius: 30px;
}

.twwwins-upper {
  text-transform: uppercase;
}

.twwwins-cap {
  text-transform: capitalize;
}

.twwwins-text-white {
  color: var(--twwwins-white-color);
}
.twwwins-text-black {
  color: var(--twwwins-theme-color);
}
.twwwins-text-orange {
  color: var(--twwwins-red-color);
}
.twwwins-text-secondary {
  color: var(--twwwins-gold-color);
}
.twwwins-text-body {
  color: var(--twwwins-body-color);
}

.twwwins-bg-white {
  background-color: var(--twwwins-white-color);
}
.twwwins-bg-black {
  background-color: var(--twwwins-theme-color);
}
.twwwins-bg-red {
  background-color: var(--twwwins-red-color);
}
.twwwins-bg-secondary {
  background-color: var(--twwwins-gold-color);
}
.twwwins-bg-gray {
  background-color: var(--twwwins-gray-color);
}

.twwwins-flex {
  display: flex;
}

.twwwins-text-center {
  text-align: center;
}

.twwwins-text-end {
  text-align: right;
}

.twwwins-flex-center {
  display: flex;
  align-items: center;
}

.twwwins-align-center {
  align-items: center;
}

.twwwins-align-end {
  align-items: end;
}

.twwwins-justify-center {
  justify-content: center;
}

.twwwins-justify-end {
  justify-content: end;
}

.twwwins-justify-between {
  justify-content: space-between;
}

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

.twwwins-slide-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.twwwins-brand-slide-element {
  width: auto;
}

.flex-auto {
  flex: 0 0 auto;
}

.twwwins-w-100 {
  width: 100%;
}

.twwwins-h-100 {
  height: 100%;
}

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

.twwwins-in-block {
  display: inline-block;
}

.lh-1 {
  line-height: 1;
}

.bg-linear {
  background: linear-gradient(180deg, #F5F5F5 69.91%, #FFFFFF 100%);
}

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

.twwwins-bg-overlay, .twwwins-bg-overlay-2 {
  position: relative;
  z-index: 1;
}
.twwwins-bg-overlay::before, .twwwins-bg-overlay-2::before {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 33.58%, #000000 100%);
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.twwwins-bg-overlay-2::before {
  background: rgba(0, 0, 0, 0.75);
}

.margin-0 {
  margin: 0;
}

.slider-width {
  width: auto !important;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .slider-width {
    width: 100% !important;
  }
}

.slider-wrap {
  align-items: center;
}

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

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

.twwwins-linear-bg, .twwwins-linear-bg-2, .twwwins-linear-bg-3, .twwwins-linear-bg-5 {
  position: relative;
  z-index: 1;
}
.twwwins-linear-bg::before, .twwwins-linear-bg-2::before, .twwwins-linear-bg-3::before, .twwwins-linear-bg-5::before {
  position: absolute;
  content: "";
  background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 74%);
  border-radius: 20px 20px 0px 0px;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.twwwins-linear-bg-2::before {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
}

.twwwins-linear-bg-3::before {
  background: linear-gradient(180deg, #FFFFFF 25%, rgba(255, 255, 255, 0) 80%);
}

.twwwins-linear-bg-5::before {
  background: linear-gradient(87.95deg, rgba(0, 0, 0, 0.6) 2.25%, rgba(0, 0, 0, 0) 98.79%);
}

.twwwins-linear-bg-4, .twwwins-linear-bg-6, .twwwins-linear-bg-7 {
  position: relative;
  z-index: 2;
}
.twwwins-linear-bg-4::after, .twwwins-linear-bg-6::after, .twwwins-linear-bg-7::after {
  position: absolute;
  content: "";
  background: linear-gradient(360deg, #d2ab67 0%, rgba(0, 0, 0, 0) 64.42%);
  border-radius: 20px 20px 0px 0px;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.twwwins-linear-bg-6::after {
  background: linear-gradient(360deg, #d2ab67 0%, rgba(0, 0, 0, 0.55) 75%);
}

.twwwins-linear-bg-7::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 2.22%, rgba(0, 0, 0, 0.8) 100%);
}

.twwwins-overlay, .twwwins-overlay-2, .twwwins-overlay-3, .twwwins-overlay-4, .twwwins-overlay-5 {
  position: relative;
  z-index: 1;
}
.twwwins-overlay::before, .twwwins-overlay-2::before, .twwwins-overlay-3::before, .twwwins-overlay-4::before, .twwwins-overlay-5::before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.45);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.twwwins-fs-15 {
  font-size: 15px;
}
.twwwins-fs-20 {
  font-size: 20px;
}
.twwwins-fs-24 {
  font-size: 24px;
}
.twwwins-fs-30 {
  font-size: 30px;
}
.twwwins-overlay-2::before {
  background: rgba(0, 0, 0, 0.65);
}

.twwwins-overlay-3::before {
  background: rgba(0, 0, 0, 0.55);
}

.twwwins-overlay-4::before {
  background: rgba(0, 0, 0, 0.15);
}

.twwwins-overlay-5::before {
  background: rgba(0, 0, 0, 0.25);
}

.twwwins-blur-bg {
  background: linear-gradient(239.18deg, rgba(255, 255, 255, 0.22) 17.93%, rgba(255, 255, 255, 0.055) 81.51%);
  backdrop-filter: blur(20px);
}

.container-wide {
  max-width: 1860px;
  margin: 0 auto;
}
@media only screen and (min-width: 1700px) and (max-width: 1800.98px), only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .container-wide {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .container-wide {
    padding: 0;
  }
}

.default-margin {
  margin: 0 30px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800.98px), only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .default-margin {
    margin: 0 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .default-margin {
    margin: 0;
  }
}

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

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

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

.white-rgba {
  color: rgba(255, 255, 255, 0.65);
}

.twwwins-badge-circle a {
  font-size: 30px;
  width: 240px;
  height: 240px;
  background: linear-gradient(239.18deg, rgba(0, 0, 0, 0.0825) 17.93%, rgba(0, 0, 0, 0.0525) 81.51%);
  backdrop-filter: blur(20px);
  color: var(--twwwins-white-color);
  border-radius: 280px;
  font-weight: 600;
  letter-spacing: -0.02em;
  text-align: center;
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-badge-circle a {
    font-size: 25px;
    width: 200px;
    height: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-badge-circle a {
    font-size: 20px;
    width: 160px;
    height: 160px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-badge-circle a {
    font-size: 18px;
    width: 120px;
    height: 120px;
  }
}
.twwwins-badge-circle a:hover {
  filter: brightness(1.5);
  color: var(--twwwins-theme-color);
}

.fixed_attachment {
  background-attachment: fixed;
}

samp {
  font-family: var(--twwwins-theme-font);
}

/*----------------------------------------*/
/*  2.2 Accordion Css Here
/*----------------------------------------*/
/*----------------------------------------*/
/*  2.3 Section Title Css Here
/*----------------------------------------*/
.twwwins-section-sub-title {
  display: inline-block;
  font-weight: 500;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 30px;
  line-height: 1;
  padding: 5px 14px;
}
@media (max-width: 574.98px) {
  .twwwins-section-sub-title {
    font-size: 15px;
    padding: 6px 10px;
  }
}
.twwwins-section-sub-title-sec {
  border-color: rgba(255, 255, 255, 0.35);
  color: var(--twwwins-gold-color);
}
.twwwins-section-sub-title-trd {
  background-color: var(--twwwins-gold-color);
  border-color: transparent;
}
.twwwins-section-sub-title-land {
  font-size: 20px;
}
.twwwins-section-sub-title.twwwins-hide-2 {
  display: inline-block !important;
}
.twwwins-section-title {
  font-size: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-section-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-section-title {
    font-size: 40px;
  }
  .twwwins-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-section-title {
    font-size: 35px;
  }
  .twwwins-section-title br {
    display: none;
  }
}
.twwwins-section-title span {
  font-family: var(--twwwins-theme-font);
  font-style: italic;
  margin-left: 10px;
  display: inline-block;
}
.twwwins-section-title-mid {
  font-size: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-section-title-mid {
    font-size: 35px;
  }
  .twwwins-section-title-mid br {
    display: none;
  }
}
@media (max-width: 574.98px) {
  .twwwins-section-title-mid {
    font-size: 33px;
  }
  .twwwins-section-title-mid br {
    display: none;
  }
}
.twwwins-section-title-mid-2 {
  font-size: 60px;
  line-height: 1.1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-section-title-mid-2 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-section-title-mid-2 {
    font-size: 40px;
  }
  .twwwins-section-title-mid-2 br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-section-title-mid-2 {
    font-size: 35px;
  }
  .twwwins-section-title-mid-2 br {
    display: none;
  }
}
.twwwins-section-title-larg {
  font-size: 100px;
  letter-spacing: -0.03em;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-section-title-larg {
    font-size: 85px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-section-title-larg {
    font-size: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-section-title-larg {
    font-size: 60px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-section-title-larg {
    font-size: 50px;
  }
}

/*----------------------------------------*/
/*  2.4 Pagination Css Here
/*----------------------------------------*/
.twwwins-pagination ul {
  display: flex;
  align-items: center;
  grid-gap: 6px;
}
.twwwins-pagination ul li {
  list-style: none;
}
.twwwins-pagination ul li a {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  font-weight: 500;
  height: 44px;
  min-width: 44px;
  padding: 13px 17px;
  line-height: 1;
  text-align: center;
}
.twwwins-pagination ul li a svg {
  margin-left: 5px;
}
.twwwins-pagination ul li a:hover, .twwwins-pagination ul li a.active {
  background-color: var(--twwwins-gold-color);
  color: var(--twwwins-theme-color);
  border-color: transparent;
}
.twwwins-pagination ul li:first-child > a svg {
  margin-left: 0;
  margin-right: 5px;
}

/*----------------------------------------*/
/*  2.5 Offcanvas Css Here
/*----------------------------------------*/
/*----------------------------------------*/
/*  2.6 Breadcrumb Css Here
/*----------------------------------------*/
.twwwins-breadcrumb {
  min-height: 550px;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-breadcrumb {
    min-height: 430px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-breadcrumb {
    min-height: 350px;
  }
}
.twwwins-breadcrumb-menu {
  position: relative;
  grid-gap: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-breadcrumb-menu {
    padding-top: 20px;
    margin-bottom: 5px;
  }
}
.twwwins-breadcrumb-menu span {
  font-size: 17px;
  font-weight: 500;
  color: var(--twwwins-body-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-breadcrumb-menu span {
    font-size: 15px;
  }
}
.twwwins-breadcrumb-menu span a:hover {
  color: var(--twwwins-gold-color);
}

@media only screen and (min-width: 1700px) and (max-width: 1800.98px) {
  .twwwins-breadcrumb-menu::before {
    width: 1600px;
    left: -163px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .twwwins-breadcrumb-menu::before {
    width: 1500px;
    left: -85px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-breadcrumb-menu::before {
    width: 100%;
    left: 0;
  }
}
.twwwins-breadcrumb-title {
  font-size: 80px;
  font-weight: 700;
  letter-spacing: -0.04em;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-breadcrumb-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-breadcrumb-title {
    font-size: 60px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-breadcrumb-title {
    font-size: 50px;
  }
}
.twwwins-breadcrumb-shape {
  left: 0;
  bottom: 0;
  mix-blend-mode: color-burn;
  z-index: -1;
  height: 100%;
}
.twwwins-breadcrumb-shape img {
  height: 100%;
}

.pulse-animation, .pulse-animation-white {
  position: relative;
  width: 100%;
  max-width: 120px;
  aspect-ratio: 1/1;
  border-radius: 50%;
}

.pulse-animation::after, .pulse-animation-white::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  animation: borderExpand 2.5s infinite;
}

.pulse-animation-white::after {
  border-color: rgba(255, 255, 255, 0.5);
}

@keyframes borderExpand {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.pulse-animation-3 {
  position: relative;
}
.pulse-animation-3::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  animation: borderExpand2 2.5s infinite;
}

@keyframes borderExpand2 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
    @media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
      transform: scale(2);
    }
  }
}
@keyframes twwwinsshake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
/*----------------------------------------*/
/*  2.7 Nice Select
/*----------------------------------------*/
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: var(--twwwins-theme-font);
  outline: none;
  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;
  color: var(--twwwins-body-color);
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 58px;
  line-height: 56px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 58px;
  padding: 0 30px;
}
.nice-select:hover {
  border-color: rgba(0, 0, 0, 0.1);
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: rgba(0, 0, 0, 0.1);
}
.nice-select::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 30px;
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--twwwins-body-color);
  border-bottom: 2px solid var(--twwwins-body-color);
  pointer-events: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  margin-top: 0;
  transform-origin: center;
  -moz-transform: translateY(-50%) rotate(45deg);
  -o-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.nice-select.open::after {
  -moz-transform: translateY(-50%) rotate(225deg);
  -o-transform: translateY(-50%) rotate(225deg);
  -ms-transform: translateY(-50%) rotate(225deg);
  -webkit-transform: translateY(-50%) rotate(225deg);
  transform: translateY(-50%) rotate(225deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled::after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small::after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  background-color: var(--twwwins-white-color);
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 5px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0px;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
  color: var(--twwwins-theme-color);
  font-weight: 500;
  width: 100%;
  padding: 10px 3px;
  height: auto;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  list-style: none;
  line-height: 35px;
  min-height: 35px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.nice-select .option.selected{
  font-weight: bold;
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
  display: none;
}
.nice-select .option:hover {
  color: var(--twwwins-red-color);
}

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

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

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

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

/*----------------------------------------*/
/*  2.8 Magic Cursor css start
/*----------------------------------------*/
body.twwwins-magic-cursor #magic-cursor {
  display: block;
}

#magic-cursor {
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  pointer-events: none;
  z-index: 99999;
  opacity: 0;
  top: 0;
  left: 0;
}

#ball {
  position: fixed;
  display: flex;
  align-items: center;
  pointer-events: none;
  border-radius: 50%;
  color: transparent;
  justify-content: center;
  mix-blend-mode: difference;
  background-color: var(--twwwins-theme-color);
}

/* Ball view 
============= */
#ball .ball-view {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  padding: 0 5px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
  transform: scale(0);
  font-family: var(--twwwins-white-font);
  color: var(--twwwins-theme-color);
}

/* Ball drag 
============= */
#ball .ball-drag {
  position: absolute;
  display: block;
  width: 100%;
  padding: 0 5px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  transition: all 0.3s;
  font-family: var(--twwwins-theme-font);
  color: var(--twwwins-theme-color);
}

#ball.with-blur {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Ball close 
============== */
#ball.ball-close-enabled {
  opacity: 1 !important;
}

#ball .ball-close {
  position: absolute;
  padding: 0 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: var(--twwwins-theme-color);
}

.twwwins-magnetic-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cursor-white-bg #ball {
  background-color: var(--twwwins-theme-color) !important;
}
.cursor-white-bg #ball .ball-view {
  color: var(--twwwins-theme-color);
}

.cursor-black-bg #ball {
  background-color: var(--twwwins-theme-color) !important;
}
.cursor-black-bg #ball .ball-view {
  color: var(--twwwins-white-color);
}

.cursor-secondary-bg #ball {
  background-color: var(--twwwins-gold-color) !important;
}
.cursor-secondary-bg #ball .ball-view {
  color: var(--twwwins-theme-color);
}

.cursor-orange-bg #ball {
  background-color: var(--twwwins-red-color) !important;
}
.cursor-orange-bg #ball .ball-view {
  color: var(--twwwins-white-color);
}

/*----------------------------------------*/
/*  2.9 Preloader Css Here
/*----------------------------------------*/
#loading {
  background-color: var(--twwwins-red-color);
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999;
  margin-top: 0px;
  top: 0px;
}

#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
}

.twwwins-loader-subtitle {
  color: var(--twwwins-white-color);
  font-family: var(--twwwins-theme-font);
  font-size: 56px;
  font-weight: 600;
  line-height: 1.5;
  max-width: 520px;
  margin: 0;
}
/*----------------------------------------*/
/*  2.3 Button Css Here
/*----------------------------------------*/
.twwwins-btn {
  display: flex;
  align-items: center;
  grid-gap: 15px;
  background-color: var(--twwwins-gold-color);
  font-weight: 600;
  color: var(--twwwins-theme-color);
  padding: 8px 8px 8px 25px;
  line-height: 1;
  border-radius: 52px;
  width: fit-content;
  height: 52px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-btn {
    padding: 6px 6px 6px 20px;
    grid-gap: 5px;
    height: 43px;
    font-size: 15px;
  }
}
.twwwins-btn-icon {
  width: 36px;
  height: 36px;
  display: inline-block;
  background-color: transparent;
  color: var(--twwwins-white-color);
  text-align: center;
  line-height: 34px;
  border-radius: 50px;
  position: relative;
}
.twwwins-btn-icon::before {
  position: absolute;
  content: "";
  background-color: var(--twwwins-theme-color);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-btn-icon svg {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  transition-delay: 0.1s;
}
.twwwins-btn-border {
  background-color: transparent;
  border: 1px solid var(--twwwins-theme-color);
}
.twwwins-btn-border-white {
  border-color: var(--twwwins-white-color);
  color: var(--twwwins-white-color);
}
.twwwins-btn-border-white .twwwins-btn-icon::before {
  background-color: var(--twwwins-white-color);
}
.twwwins-btn-border-white .twwwins-btn-icon svg {
  color: var(--twwwins-theme-color);
}
.twwwins-btn-border-white:hover {
  color: var(--twwwins-white-color);
}
.twwwins-btn-white {
  background-color: var(--twwwins-white-color);
}
.twwwins-btn-submit {
  background-color: var(--twwwins-white-color);
  line-height: 1;
  width: 100%;
  border-radius: 56px;
  padding: 19px;
  font-weight: 600;
  color: var(--twwwins-theme-color);
}
.twwwins-btn-submit:hover {
  background-color: var(--twwwins-gold-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-btn-submit {
    padding: 15px;
  }
}
.twwwins-btn-submit-2 {
  background: var(--twwwins-gold-color);
  width: auto;
  padding: 22px 66px;
}
.twwwins-btn-submit-2:hover {
  background-color: var(--twwwins-red-color);
}
.twwwins-btn-black {
  background-color: var(--twwwins-theme-color);
  color: var(--twwwins-white-color);
}
.twwwins-btn-black .twwwins-btn-icon::before {
  background-color: var(--twwwins-white-color);
}
.twwwins-btn-black .twwwins-btn-icon svg {
  color: var(--twwwins-theme-color);
}
.twwwins-btn-orange {
  background-color: var(--twwwins-red-color);
  color: var(--twwwins-white-color);
}
.twwwins-btn-orange .twwwins-btn-icon::before {
  background-color: var(--twwwins-white-color);
}
.twwwins-btn-orange .twwwins-btn-icon svg {
  color: var(--twwwins-theme-color);
}
.twwwins-btn-orange:hover {
  color: var(--twwwins-white-color);
}
.twwwins-btn-swiper {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 54px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-btn-swiper:hover {
  background-color: var(--twwwins-gold-color);
  border-color: transparent;
}
.twwwins-btn-swiper-short {
  width: 40px;
  height: 40px;
  border-color: transparent;
  background-color: var(--twwwins-white-color);
  color: var(--twwwins-theme-color);
}
.twwwins-btn-circle {
  height: 140px;
  width: 140px;
  background: var(--twwwins-theme-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 140px;
  color: var(--twwwins-white-color);
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-btn-circle {
    height: 110px;
    width: 110px;
  }
  .twwwins-btn-circle svg {
    width: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-btn-circle {
    height: 80px;
    width: 80px;
  }
  .twwwins-btn-circle svg {
    width: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-btn-circle {
    height: 60px;
    width: 60px;
  }
  .twwwins-btn-circle svg {
    width: 15px;
  }
}
.twwwins-btn-circle:hover {
  background-color: var(--twwwins-gold-color);
  color: var(--twwwins-theme-color);
}
.twwwins-btn:hover {
  padding: 8px 8px 8px 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-btn:hover {
    padding: 6px 6px 6px 20px;
  }
}
.twwwins-btn:hover .twwwins-btn-icon::before {
  width: 36px;
  height: 36px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-btn:hover .twwwins-btn-icon::before {
    width: 25px;
    height: 25px;
  }
}
.twwwins-btn:hover .twwwins-btn-icon svg {
  opacity: 1;
  visibility: visible;
  position: relative;
  z-index: 1;
  transform: translateY(0);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-btn:hover .twwwins-btn-icon svg {
    width: 8px;
    height: 8px;
  }
}

/*----------------------------------------*/
/*  4.1 Blog Css Here
/*----------------------------------------*/
.twwwinsblogpost {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 574.98px) {
  .twwwinsblogpost {
    border-color: transparent;
    background-color: var(--twwwins-white-color);
    height: 100%;
  }
}
.twwwinsblogpost__meta span {
  display: inline-block;
  font-weight: 500;
  background-color: var(--twwwins-white-color);
  border: 1px solid transparent;
  border-radius: 30px;
  line-height: 1;
  padding: 12px 19px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsblogpost__meta span {
    padding: 7px 15px;
    font-size: 14px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsblogpost__meta span {
    padding: 7px 10px;
    font-size: 14px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsblogpost__author {
    margin-bottom: 15px;
  }
}
.twwwinsblogpost__author-title {
  font-size: 18px;
  margin-bottom: 2px;
}
.twwwinsblogpost__author-title a:hover {
  color: var(--twwwins-red-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsblogpost__author-title {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsblogpost__author-thumb {
    margin-right: 10px;
  }
}
.twwwinsblogpost__author-thumb img {
  width: 60px;
  height: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsblogpost__author-thumb img {
    width: 40px;
    height: 40px;
  }
}
.twwwinsblogpost__title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--twwwins-theme-color) 0%, var(--twwwins-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.twwwinsblogpost__title a:hover {
  background-size: 100% 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinsblogpost__title {
    font-size: 25px;
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsblogpost__title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px) {
  .twwwinsblogpost__title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsblogpost__content {
    padding-top: 10px;
  }
}
.twwwinsblogpost__button {
  margin-right: 23px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsblogpost__button {
    margin-right: 0;
    margin-left: -10px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsblogpost__button {
    justify-content: start;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsblogpost__button {
    transform: translateY(-8px);
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsblogpost__thumb {
    margin-bottom: 20px;
  }
}
.twwwinsblogpost__thumb img {
  width: 100%;
  border-radius: 15px;
}
.twwwinsblogpost:hover {
  border-color: transparent;
  background-color: var(--twwwins-white-color);
  height: 100%;
}
.twwwinsblogpost:hover .twwwinsblogpost__meta span {
  border-color: rgba(0, 0, 0, 0.15);
  background-color: transparent;
}
.twwwinsblogpost:hover .twwwinsblogpost__button .twwwins-btn.twwwins-btn-border {
  background-color: var(--twwwins-gold-color);
  border-color: transparent;
}

.twwwins-blog-spacing {
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-blog-spacing {
    padding: 120px 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-blog-spacing {
    padding: 100px 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-blog-spacing {
    padding: 70px 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-blog-heading {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-blog-heading {
    margin-bottom: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-blog-heading {
    margin-bottom: 35px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-blog-area {
    border-radius: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-blog-pagination {
    padding-top: 0;
    padding-bottom: 30px;
  }
}
.twwwins-blog-pagination ul li a {
  border-radius: 44px;
}

.twwwins-postbox-item:hover .twwwins-postbox-thumb img {
  transform: scale(1.1);
}
.twwwins-postbox-spacing {
  padding-top: 150px;
  padding-bottom: 115px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-postbox-spacing {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-spacing {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
.twwwins-postbox-badge {
  width: 60px;
  height: 60px;
  background-color: var(--twwwins-gold-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  position: absolute;
  top: 30px;
  left: 30px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-badge {
    width: 50px;
    height: 50px;
    top: 20px;
    left: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-badge-title {
    font-size: 20px;
  }
}
.twwwins-postbox-badge span {
  letter-spacing: -0.02em;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-badge span {
    font-size: 15px;
  }
}
.twwwins-postbox-categories {
  position: absolute;
  right: 30px;
  bottom: 30px;
  display: flex;
  align-items: center;
  grid-gap: 6px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-categories {
    right: 20px;
    bottom: 20px;
  }
}
.twwwins-postbox-categories a {
  color: #1D2132;
  font-weight: 500;
  display: inline-block;
  background: var(--twwwins-white-color);
  line-height: 1;
  border-radius: 30px;
  padding: 6px 13px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-categories a {
    padding: 5px 10px;
    font-size: 15px;
  }
}
.twwwins-postbox-categories a:hover {
  background-color: var(--twwwins-gold-color);
}
.twwwins-postbox-title {
  font-size: 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-postbox-title {
    font-size: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-title {
    font-size: 25px;
  }
}
.twwwins-postbox-title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--twwwins-theme-color) 0%, var(--twwwins-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.twwwins-postbox-title a:hover {
  background-size: 100% 1px;
}
.twwwins-postbox-details-title {
  font-size: 36px;
  padding-right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-postbox-details-title {
    font-size: 30px;
    padding-right: 0;
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-details-title {
    font-size: 25px;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-postbox-details-title-spacing {
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-details-title-spacing {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-postbox-details-thumb {
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-details-thumb {
    margin-bottom: 13px;
  }
}
.twwwins-postbox-details-thumb p {
  font-size: 14px;
}
.twwwins-postbox-details-thumb p a {
  color: var(--twwwins-body-color);
  font-weight: 400;
}
.twwwins-postbox-details-thumb p a:hover {
  text-decoration: underline;
}
.twwwins-postbox-details-thumb-wrap {
  grid-gap: 20px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-details-thumb-wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-details-thumb img {
    height: 320px;
    object-fit: cover;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-details-thumb-inner {
    margin-bottom: 0;
  }
  .twwwins-postbox-details-thumb-inner p {
    padding-top: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-postbox-details-content p:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-details-content p:not(:last-child) {
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-postbox-details-item {
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-details-item {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-postbox-details-info {
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-details-info {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-postbox-details-main {
    padding-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-details-main {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-postbox-details-inner-deg {
    padding-top: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-details-inner-deg {
    padding-top: 15px;
  }
}
.twwwins-postbox-quote {
  grid-gap: 30px;
  padding: 40px;
  padding-bottom: 45px;
}
@media (max-width: 574.98px) {
  .twwwins-postbox-quote {
    padding: 20px;
    grid-gap: 20px;
  }
}
.twwwins-postbox-quote-content span {
  display: flex;
  align-items: center;
  grid-gap: 7px;
  color: var(--twwwins-gold-color);
}
.twwwins-postbox-quote-content span::before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 1px;
  background-color: var(--twwwins-gold-color);
  border-radius: 12px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-quote-deg {
    font-size: 20px;
    margin-bottom: 7px;
  }
}
.twwwins-postbox-comments ul li {
  list-style: none;
}
.twwwins-postbox-comments ul li ul.children {
  padding-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-postbox-comments ul li ul.children {
    padding-left: 0;
  }
}
.twwwins-postbox-comments-item {
  grid-gap: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-postbox-comments-item {
    grid-gap: 20px;
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-comments-item {
    grid-gap: 15px;
    margin-bottom: 30px;
  }
}
.twwwins-postbox-comments-author {
  flex: 0 0 auto;
}
.twwwins-postbox-comments-author img {
  object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-postbox-comments-author img {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-comments-author img {
    width: 60px;
    height: 60px;
  }
}
.twwwins-postbox-comments-author-title {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
}
.twwwins-postbox-comments-author-title span {
  font-weight: 400;
  color: var(--twwwins-body-color);
  font-size: 14px;
}
.twwwins-postbox-comments-content p {
  font-size: 15px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-comments-link {
    padding-top: 10px;
  }
}
.twwwins-postbox-comments-link a {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  display: flex;
  align-items: center;
  width: fit-content;
  line-height: 1;
  grid-gap: 6px;
  padding: 6px 17px;
  color: var(--twwwins-theme-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-comments-link a {
    padding-top: 5px 13px;
    font-size: 15px;
  }
}
.twwwins-postbox-comments-link a:hover {
  background-color: var(--twwwins-red-color);
  color: var(--twwwins-white-color);
  border-color: transparent;
}
.twwwins-postbox-comments-title {
  font-size: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-postbox-comments-title {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-comments-title {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
.twwwins-postbox-comments-input input, .twwwins-postbox-comments-input textarea {
  height: 60px;
  margin-bottom: 20px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-comments-input input, .twwwins-postbox-comments-input textarea {
    height: 54px;
  }
}
.twwwins-postbox-comments-input textarea {
  height: 120px;
  border-radius: 20px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-comments-input textarea {
    height: 100px;
  }
}
.twwwins-postbox-comments-input button {
  display: block;
  background-color: var(--twwwins-gold-color);
  width: 100%;
  font-weight: 600;
  color: var(--twwwins-theme-color);
  border-radius: 60px;
  padding: 16px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-comments-input button {
    padding: 13px;
    font-size: 15px;
  }
}
.twwwins-postbox-comments-input button svg {
  margin-left: 5px;
}
.twwwins-postbox-comments-input button:hover {
  background-color: var(--twwwins-gray-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-postbox-comments-wrap {
    padding-top: 50px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-comments-wrap {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-postbox-comments-form-wrap {
    padding-top: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-comments-form-wrap {
    padding-top: 10px;
    margin-bottom: 30px;
  }
}
.twwwins-postbox-check {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 16px;
  height: 16px;
  outline: none;
  flex: 0 0 auto;
  padding: 0;
  background: linear-gradient(313.73deg, #F7F7F7 12.5%, rgba(254, 254, 254, 0) 82.85%);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}
.twwwins-postbox-check:checked {
  position: relative;
  background: var(--twwwins-red-color);
  border-color: transparent;
  border-radius: 20px;
}
.twwwins-postbox-check:hover {
  cursor: pointer;
}
.twwwins-postbox-check-wrap {
  grid-gap: 8px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-check-wrap {
    margin-bottom: 20px;
  }
}
.twwwins-postbox-check-wrap label {
  font-size: 14px;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-postbox-wrap {
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-item {
    margin-bottom: 30px;
  }
}
.twwwins-postbox-thumb {
  overflow: hidden;
  border-radius: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-postbox-thumb {
    margin-bottom: 15px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-postbox-thumb {
    margin-bottom: 25px;
  }
}
.twwwins-postbox-thumb img {
  transition: all 0.9s ease-in-out;
}
@media (max-width: 574.98px) {
  .twwwins-postbox-thumb img {
    height: 320px;
    object-fit: cover;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-postbox-link {
    padding-top: 10px;
  }
}

.twwwinspostbox {
  overflow: hidden;
}
.twwwinspostbox__shape {
  background-color: #fff;
  border-radius: 0 0 20px 0;
  padding: 0 10px 10px 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.twwwinspostbox__shape::before {
  background-color: transparent;
  border-top-left-radius: 20px;
  bottom: -40px;
  box-shadow: 0 -18px #fff;
  content: "";
  height: 40px;
  position: absolute;
  left: 0;
  width: 20px;
}
.twwwinspostbox__shape::after {
  background-color: transparent;
  border-top-right-radius: 20px;
  bottom: 12px;
  box-shadow: 0 -18px #fff;
  content: "";
  height: 40px;
  position: absolute;
  right: -30px;
  width: 20px;
  transform-origin: center;
  transform: rotate(275deg);
}
.twwwinspostbox__title {
  font-size: 24px;
  padding-top: 25px;
}
.twwwinspostbox__title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--twwwins-theme-color) 0%, var(--twwwins-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.twwwinspostbox__title a:hover {
  background-size: 100% 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinspostbox__title {
    padding-top: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinspostbox__title {
    padding-top: 15px;
  }
}
.twwwinspostbox__meta {
  display: inline-block;
  background: var(--twwwins-gray-color);
  border-radius: 30px;
  padding: 8px 15px;
  font-weight: 500;
  line-height: 1;
  position: relative;
  z-index: 1;
}
.twwwinspostbox__thumb {
  overflow: hidden;
}
.twwwinspostbox__thumb img {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinspostbox__thumb img {
    width: 100%;
  }
}
.twwwinspostbox__btn {
  bottom: 50%;
  z-index: 9;
}
.twwwinspostbox:hover .twwwinspostbox__btn {
  bottom: 50%;
  opacity: 1;
  visibility: visible;
}
.twwwinspostbox:hover .twwwinspostbox__thumb img {
  transform: scale(1.1);
}

.twwwinspostbox2 {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwinspostbox2__meta {
  display: inline-block;
  color: var(--twwwins-theme-color);
  font-weight: 500;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 30px;
  border-radius: 30px;
  line-height: 1;
  padding: 5px 14px;
}
.twwwinspostbox2__content {
  display: flex;
  align-items: end;
  justify-content: space-between;
  grid-gap: 20px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinspostbox2__content {
    grid-gap: 10px;
  }
}
.twwwinspostbox2__title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--twwwins-theme-color) 0%, var(--twwwins-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.twwwinspostbox2__title a:hover {
  background-size: 100% 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinspostbox2__title {
    font-size: 22px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinspostbox2__title {
    font-size: 20px;
  }
  .twwwinspostbox2__title br {
    display: none;
  }
}
.twwwinspostbox2__link a {
  width: 60px;
  height: 70px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--twwwins-theme-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinspostbox2__link a {
    width: 40px;
    height: 50px;
  }
  .twwwinspostbox2__link a svg {
    width: 13px;
  }
}
.twwwinspostbox2__link a:hover {
  background-color: var(--twwwins-gold-color);
}
.twwwinspostbox2__thumb {
  overflow: hidden;
}
.twwwinspostbox2__thumb img {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.twwwinspostbox2::before {
  position: absolute;
  content: "";
  background-color: var(--twwwins-red-color);
  width: 0%;
  height: 1px;
  left: 0;
  bottom: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwinspostbox2:hover {
  border-color: transparent;
}
.twwwinspostbox2:hover::before {
  width: 100%;
}
.twwwinspostbox2:hover .twwwinspostbox2__link a {
  background-color: var(--twwwins-gold-color);
}
.twwwinspostbox2:hover .twwwinspostbox2__thumb img {
  transform: scale(1.1) rotate(-2deg);
}

/*----------------------------------------*/
/*  4.2 Sidebar Css Here
/*----------------------------------------*/
.twwwins-sidebar-search {
  position: relative;
}
.twwwins-sidebar-search input {
  height: 60px;
  padding-right: 70px;
  border-color: transparent;
  background-color: var(--twwwins-gray-color);
}
.twwwins-sidebar-search input:focus {
  background-color: transparent;
  border-color: var(--twwwins-black-color);
}
.twwwins-sidebar-search button {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
}
.twwwins-sidebar-author {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}
.twwwins-sidebar-author-avatar img {
  border-radius: 50%;
}
.twwwins-sidebar-author-status {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: var(--twwwins-gold-color);
  border-radius: 20px;
  border: 3px solid var(--twwwins-gray-color);
  position: absolute;
  right: 4px;
  top: 3px;
}
.twwwins-sidebar-author-title {
  font-size: 18px;
}
.twwwins-sidebar-author-title a:hover {
  color: var(--twwwins-gold-color);
}
.twwwins-sidebar-author-content span {
  font-size: 14px;
}
.twwwins-sidebar-author-socials {
  grid-gap: 17px;
}
.twwwins-sidebar-author-socials a {
  color: var(--twwwins-theme-color);
}
.twwwins-sidebar-author-socials a:hover {
  color: var(--twwwins-gold-color);
}
.twwwins-sidebar-author-info {
  background-color: var(--twwwins-gray-color);
  border-radius: 20px 20px 30px 30px;
  padding: 40px;
  padding-bottom: 29px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-sidebar-author-info {
    padding: 20px;
  }
}
.twwwins-sidebar-author-cta {
  padding: 35px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-sidebar-author-cta {
    padding: 20px 25px;
  }
}
.twwwins-sidebar-author-cta a {
  font-weight: 500;
  letter-spacing: -0.02em;
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.twwwins-sidebar-author-cta a:hover {
  color: var(--twwwins-gold-color);
}
.twwwins-sidebar-category ul li {
  list-style: none;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(13, 13, 13, 0.08);
  border-radius: 100px;
  padding: 17px 25px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-sidebar-category ul li {
    padding: 10px 15px;
    font-size: 15px;
  }
}
.twwwins-sidebar-category ul li:hover {
  background-color: var(--twwwins-gold-color);
  color: var(--twwwins-theme-color);
  border-color: transparent;
}
.twwwins-sidebar-category-bg {
  background-color: var(--twwwins-gray-color);
  border-radius: 20px;
  padding: 35px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-sidebar-category-bg {
    padding: 20px 25px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-sidebar-category-bg {
    padding: 20px;
  }
}
.twwwins-sidebar-category-black ul li a:hover {
  background-color: var(--twwwins-theme-color);
  color: var(--twwwins-white-color);
}
.twwwins-sidebar-cta {
  padding: 20px;
  padding-top: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-sidebar-cta {
    padding-top: 30px;
  }
}
.twwwins-sidebar-cta-link a {
  display: block;
  background: var(--twwwins-gold-color);
  font-weight: 600;
  color: var(--twwwins-theme-color);
  line-height: 1;
  border-radius: 10px;
  padding: 18px;
}
.twwwins-sidebar-cta-link a:hover {
  background-color: var(--twwwins-red-color);
  color: var(--twwwins-white-color);
}
.twwwins-sidebar-cta-shape {
  left: 0;
  top: 0;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-sidebar-cta-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-sidebar-cta-img {
    padding-top: 15px;
  }
}
.twwwins-sidebar-cta-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-sidebar-search {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-sidebar-widget {
    margin-bottom: 30px;
  }
}
.twwwins-sidebar-title {
  font-size: 24px;
}

.twwwinsrecentpost {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 12px;
}
.twwwinsrecentpost:hover .twwwinsrecentpost__thumb img {
  transform: scale(1.1);
}
.twwwinsrecentpost__title {
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 500;
}
.twwwinsrecentpost__title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--twwwins-theme-color) 0%, var(--twwwins-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.twwwinsrecentpost__title a:hover {
  background-size: 100% 1px;
}
.twwwinsrecentpost__meta {
  font-size: 14px;
  display: flex;
  align-items: center;
  line-height: 1;
  grid-gap: 5px;
}
.twwwinsrecentpost__thumb {
  overflow: hidden;
  border-radius: 10px;
}
.twwwinsrecentpost__thumb img {
  transition: all 0.9s ease-in-out;
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tagcloud {
    padding-right: 0;
  }
}
.tagcloud a {
  display: inline-block;
  font-weight: 500;
  color: var(--twwwins-theme-color);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  line-height: 1;
  padding: 7px 15px;
}
.tagcloud a:not(:last-child) {
  margin-right: 5px;
  margin-bottom: 8px;
}
.tagcloud a:hover {
  background-color: var(--twwwins-gold-color);
  border-color: transparent;
}



/*----------------------------------------*/
/*  7.1 Hero Css Here
/*----------------------------------------*/
.twwwins-hero-video {
  box-shadow: 0px 15px 30px -8px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  background: var(--twwwins-theme-color);
  width: 100%;
  height: 190px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-video {
    height: 145px;
  }
}
.twwwins-hero-video video {
  width: 100%;
  overflow: hidden;
  mask-size: contain;
  mask-repeat: no-repeat;
  background-position: center center;
  border-radius: 16px;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-video-heading {
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-video-button {
    margin-bottom: 25px;
  }
}
.twwwins-hero-video-spacing {
  padding-top: 160px;
}
.twwwins-hero-video-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.twwwins-hero-area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-bg {
    border-radius: 0;
  }
}
.twwwins-hero-bg-shape {
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
}
.twwwins-hero-bg-shape img {
  height: 100%;
}
.twwwins-hero-spacing {
  padding-top: 640px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-hero-spacing {
    padding-top: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-spacing {
    padding-top: 200px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-spacing {
    padding-top: 100px;
  }
}
.twwwins-hero-spacing-2 {
  padding-top: 235px;
  padding-bottom: 245px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-hero-spacing-2 {
    padding-bottom: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-spacing-2 {
    padding-top: 200px;
    padding-bottom: 120px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-spacing-2 {
    padding-top: 130px;
    padding-bottom: 70px;
  }
}
.twwwins-hero-spacing-3 {
  min-height: 930px;
  padding-top: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-hero-spacing-3 {
    min-height: 800px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-spacing-3 {
    min-height: 650px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-spacing-3 {
    min-height: 500px;
    padding-top: 50px;
    border-radius: 0;
  }
}
.twwwins-hero-spacing-3-short {
  min-height: 900px;
  padding-top: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-spacing-3-short {
    min-height: 760px;
    padding-top: 80px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-spacing-3-short {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-spacing-3-short {
    min-height: 600px;
  }
}
.twwwins-hero-spacing-4 {
  min-height: 1080px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 200px;
  padding-bottom: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-hero-spacing-4 {
    min-height: 970px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-hero-spacing-4 {
    min-height: 950px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-spacing-4 {
    min-height: 900px;
    padding-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-spacing-4 {
    min-height: 850px;
    padding-top: 120px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-spacing-4 {
    min-height: 730px;
  }
}
.twwwins-hero-spacing-5 {
  min-height: 960px;
  padding-top: 160px;
}
.twwwins-hero-back-text {
  background: linear-gradient(180deg, #FFFFFF 0%, #C6E4FB 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 450px;
  letter-spacing: -0.06em;
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .twwwins-hero-back-text {
    font-size: 430px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-hero-back-text {
    font-size: 350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-back-text {
    font-size: 275px;
  }
}
.twwwins-hero-back-text-position {
  position: absolute;
  top: 100px;
  left: 13.5%;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .twwwins-hero-back-text-position {
    top: 40px;
    left: 19.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-hero-back-text-position {
    top: 72px;
    left: 28.5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-hero-back-text-position {
    top: 90px;
    left: 27%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-back-text-position {
    top: 160px;
  }
}
.twwwins-hero-title {
  letter-spacing: -0.06em;
  font-size: 320px;
  line-height: 133px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-hero-title {
    font-size: 270px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-hero-title {
    font-size: 220px;
    line-height: 90px;
    padding-top: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-title {
    font-size: 230px;
    line-height: 90px;
    padding-top: 28px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-title {
    font-size: 140px;
    line-height: 60px;
    padding-top: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-title {
    font-size: 180px;
  }
}
.twwwins-hero-title span {
  font-size: 160px;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-hero-title span {
    font-size: 140px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-title span {
    font-size: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-title span {
    font-size: 70px;
  }
}
.twwwins-hero-title-mid {
  line-height: 0.9;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-hero-title-mid {
    margin-bottom: 15px;
  }
}
.twwwins-hero-deg {
  font-size: 24px;
  line-height: 1.4;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-hero-deg br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-deg {
    font-size: 22px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-deg {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.twwwins-hero-badge {
  position: absolute;
  right: 150px;
  bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-badge {
    right: 70px;
    bottom: 60px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-badge {
    right: 20px;
    bottom: 20px;
  }
}
.twwwins-hero-badge a:hover {
  background-color: var(--twwwins-white-color);
}
.twwwins-hero-banner-title {
  font-size: 160px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 140px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-hero-banner-title {
    font-size: 135px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-banner-title {
    font-size: 100px;
    line-height: 1;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-hero-banner-title {
    font-size: 75px;
    text-align: start;
    line-height: 1;
    padding-top: 20px;
    margin-bottom: 10px;
  }
}
.twwwins-hero-banner-heading {
  margin-top: -10px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-banner-main {
    padding-bottom: 50px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-banner-main {
    padding-bottom: 20px;
  }
}
.twwwins-hero-banner-area {
  padding-top: 170px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-banner-area {
    padding-top: 140px;
    padding-bottom: 40px;
  }
}
.twwwins-hero-agents-img {
  display: flex;
  align-items: center;
}
.twwwins-hero-agents-img img {
  border-radius: 30px;
  border: 3px solid var(--twwwins-gray-color);
  flex: 0 0 auto;
  margin: 0 -5px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-agents-img-larg {
    margin-right: 15px;
  }
}
.twwwins-hero-agents-img-larg span, .twwwins-hero-agents-img-larg img {
  width: 60px;
  height: 60px;
  background: var(--twwwins-red-color);
  color: var(--twwwins-white-color);
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 500;
  border: 3px solid #fff;
  margin: 0 -13px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-agents-img-larg span, .twwwins-hero-agents-img-larg img {
    width: 40px;
    height: 40px;
    margin: 0 -8px;
    font-size: 12px;
  }
}
.twwwins-hero-agents-title {
  font-size: 18px;
}
.twwwins-hero-agents-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  min-width: 570px;
  padding-top: 40px;
  padding-left: 35px;
  border-radius: 50px 0 0 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .twwwins-hero-agents-2 {
    min-width: 500px;
  }
}
/* @media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .twwwins-hero-agents-2 {
    min-width: 400px;
  } */
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-hero-agents-2 {
    min-width: 400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-hero-agents-2 {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-agents-2 {
    min-width: 380px;
    padding-top: 10px;
  }
}
@media (max-width: 574.98px) {
  .twwwins-hero-agents-2 {
    min-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-agents-2 {
    min-width: 320px;
    padding-top: 15px;
    padding-left: 15px;
  }
}
.twwwins-hero-agents-2::before {
  content: "";
  clip-path: path("M0 0 Q1,50 80,50 L 0 50 Z");
  background-color: #fff;
  width: 60px;
  height: 80px;
  position: absolute;
  left: -36px;
  transform: rotate(-91deg);
  bottom: -12px;
  transform-origin: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-hero-agents-2::before {
    transform: rotate(-83deg);
    bottom: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-agents-2::before {
    width: 38px;
    height: 48px;
    left: -37px;
    bottom: -10px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-agents-2::before {
    display: none;
  }
}
.twwwins-hero-agents-2-title {
  letter-spacing: -0.03em;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-agents-2-title {
    font-size: 24px;
  }
}
.twwwins-hero-slider-main {
  min-height: 1100px;
  padding-top: 255px;
  padding-bottom: 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-hero-slider-main {
    min-height: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-slider-main {
    min-height: 600px;
    padding-top: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-hero-slider-main {
    min-height: 570px;
    padding-top: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-slider-main {
    padding-bottom: 0;
  }
}
.twwwins-hero-slider-title {
  font-weight: 700;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-hero-slider-title {
    font-size: 45px;
  }
}
.twwwins-hero-slider-title b {
  font-weight: 400;
}
.twwwins-hero-slider-title span {
  font-weight: 100;
  font-style: italic;
}
.twwwins-hero-slider-bottom {
  grid-gap: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-hero-slider-bottom {
    grid-gap: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-slider-bottom {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-slider-bottom {
    display: inline-block;
    margin-bottom: 43px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-slider-bottom {
    margin-bottom: 10px;
  }
}
.twwwins-hero-slider-shape {
  bottom: 0;
  right: 0;
  mix-blend-mode: color-burn;
  z-index: -1;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-hero-slider-shape {
    display: none;
  }
}
.twwwins-hero-slider-btn {
  grid-gap: 30px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-slider-btn {
    display: inline-block;
    padding-top: 20px;
  }
}
.twwwins-hero-slider-btn p {
  font-size: 20px;
  letter-spacing: -0.02em;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-slider-btn p {
    padding-top: 20px;
    font-size: 18px;
  }
}
.twwwins-hero-slider-des {
  color: rgba(255, 255, 255, 0.75);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-slider-des {
    font-size: 20px;
  }
}
.twwwins-hero-slider-dvdr {
  background-color: rgba(255, 255, 255, 0.35);
  width: 150px;
  height: 1px;
  display: inline-block;
  transform: translateY(3px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-hero-slider-dvdr {
    width: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-hero-slider-dvdr {
    width: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-hero-slider-dvdr {
    display: none;
  }
}
.twwwins-hero-slider-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.35);
  opacity: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-hero-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: transparent;
  background-color: var(--twwwins-red-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-hero-slider-des {
    font-size: 20px;
  }
}
.twwwins-hero-solid-fact {
  grid-gap: 30px;
  position: absolute;
  right: 70px;
  bottom: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-solid-fact {
    bottom: 50px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-solid-fact {
    flex-wrap: wrap;
    right: auto;
    left: 0;
    grid-gap: 10px;
    bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-solid-btn {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-solid-content p {
    padding-top: 10px;
  }
}
.twwwins-hero-solid-2 {
  padding-top: 160px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-hero-solid-2 {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-solid-2 {
    padding-top: 80px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-solid-2 {
    padding-top: 80px;
  }
}
.twwwins-hero-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 15px;
  flex-wrap: wrap;
}
.twwwins-hero-shape-transparent-1 {
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.twwwins-hero-shape-transparent-2 {
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.twwwins-hero-gallery-slider {
  width: 100%;
}
.twwwins-hero-gallery-slider .swiper-wrapper {
  padding-top: 30px;
  padding-bottom: 30px;
}
.twwwins-hero-gallery-slider .swiper-wrapper .swiper-slide {
  width: 100rem;
  height: 30rem;
  display: flex;
  flex-direction: column;
  align-items: self-start;
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-hero-gallery-slider .swiper-wrapper .swiper-slide {
    height: 24rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-hero-gallery-slider .swiper-wrapper .swiper-slide {
    height: 22rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-hero-gallery-slider .swiper-wrapper .swiper-slide {
    height: 20rem;
  }
}
@media (max-width: 574.98px) {
  .twwwins-hero-gallery-slider .swiper-wrapper .swiper-slide {
    height: 15rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-hero-gallery-slider .swiper-wrapper .swiper-slide {
    height: 18rem;
  }
}
.twwwins-hero-gallery-slider-item {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -45%);
  width: 100%;
  height: 100%;
}
.twwwins-hero-gallery-slider-item img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  object-fit: cover;
}

.twwwins-hero-slider-active .twwwins-hero-slider-content .twwwins-hero-slider-title {
  transform: translateY(50px);
  opacity: 0;
  transition: 1s;
  transition-delay: 0.5s;
}
.twwwins-hero-slider-active .twwwins-hero-slider-content .twwwins-hero-slider-btn {
  transform: translateY(50px);
  opacity: 0;
  transition: 1s;
  transition-delay: 0.7s;
}
.twwwins-hero-slider-active .twwwins-hero-slider-shape {
  transform: translateX(100px);
  opacity: 0;
  transition: 1s;
  transition-delay: 0.6s;
}
.twwwins-hero-slider-active .twwwins-hero-slider-bottom {
  transform: translateY(40px);
  opacity: 0;
  transition: 1s;
  transition-delay: 0.9s;
}
.twwwins-hero-slider-active .swiper-slide-active .twwwins-hero-slider-content .twwwins-hero-slider-title {
  transform: translateY(0);
  opacity: 1;
}
.twwwins-hero-slider-active .swiper-slide-active .twwwins-hero-slider-content .twwwins-hero-slider-btn {
  transform: translateY(0);
  opacity: 1;
}
.twwwins-hero-slider-active .swiper-slide-active .twwwins-hero-slider-shape {
  transform: translateX(0);
  opacity: 1;
}
.twwwins-hero-slider-active .swiper-slide-active .twwwins-hero-slider-bottom {
  transform: translateY(0);
  opacity: 1;
}

.twwwins-hero-slider-active > .twwwins-hero-slider-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: auto;
  left: auto;
  top: 0;
  width: auto;
  position: absolute;
  z-index: 1;
  right: 100px;
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-hero-slider-active > .twwwins-hero-slider-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    right: 30px;
  }
}

/*----------------------------------------*/
/*  7.2 Abou Css Here
/*----------------------------------------*/
.twwwins-about-badge {
  width: 180px;
  height: 180px;
  border-radius: 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-badge {
    width: 150px;
    height: 150px;
  }
}
.twwwins-about-badge span {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.03em;
  display: block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-about-badge span span {
  padding-top: 7px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px) {
  .twwwins-about-badge span {
    font-size: 20px;
  }
}
.twwwins-about-badge-title {
  font-size: 36px;
  letter-spacing: -0.03em;
  margin-bottom: 0;
  padding-top: 4px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-badge-title {
    font-size: 30px;
  }
}
.twwwins-about-badge-content {
  transform: translateY(-2px);
}
.twwwins-about-badge-right {
  margin-right: -15px;
  top: 30px;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-about-badge-opacity {
  opacity: 0.8;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-badge-wrap {
    justify-content: start;
  }
}
.twwwins-about-badge-wrap:hover .twwwins-about-badge:first-child {
  background-color: var(--twwwins-gray-color);
  opacity: 0.8;
  margin-right: -230px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-about-badge-wrap:hover .twwwins-about-badge:first-child {
    margin-right: -150px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-about-badge-wrap:hover .twwwins-about-badge:first-child {
    margin-right: -80px;
  }
}
.twwwins-about-badge-wrap:hover .twwwins-about-badge:first-child .twwwins-about-badge-content span {
  color: var(--twwwins-theme-color);
}
.twwwins-about-badge-wrap:hover .twwwins-about-badge:first-child .twwwins-about-badge-content .twwwins-about-badge-title {
  color: var(--twwwins-theme-color);
}
.twwwins-about-badge-wrap:hover .twwwins-about-badge:first-child.twwwins-about-badge-right {
  z-index: -1;
}
.twwwins-about-badge-wrap:hover .twwwins-about-badge:last-child {
  background-color: var(--twwwins-red-color);
  opacity: 1;
  position: relative;
  transform: translateX(-120px);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-about-badge-wrap:hover .twwwins-about-badge:last-child {
    transform: translateX(-80px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-about-badge-wrap:hover .twwwins-about-badge:last-child {
    transform: translateX(-65px);
  }
}
.twwwins-about-badge-wrap:hover .twwwins-about-badge:last-child .twwwins-about-badge-content span {
  color: var(--twwwins-white-color);
}
.twwwins-about-badge-wrap:hover .twwwins-about-badge:last-child .twwwins-about-badge-content .twwwins-about-badge-title {
  color: var(--twwwins-white-color);
}
.twwwins-about-video {
  margin-left: -270px;
  background-color: var(--twwwins-gray-color);
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-about-video {
    margin-left: -350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-video {
    margin-left: 0;
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px) {
  .twwwins-about-video {
    flex-direction: column;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-video-main {
    padding: 30px 0;
    padding-bottom: 15px;
  }
}
.twwwins-about-video-black {
  background-color: var(--twwwins-theme-color);
}
.twwwins-about-play {
  width: 80px;
  height: 80px;
  background-color: var(--twwwins-white-color);
  box-shadow: 0px 0px 25px -10px rgba(0, 0, 0, 0.15);
  display: inline-block;
  border-radius: 80px;
  line-height: 78px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-about-play:hover {
  background-color: var(--twwwins-gold-color);
}
.twwwins-about-play-title {
  font-size: 26px;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-about-play-title {
    font-size: 20px;
    padding-top: 25px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-play-title {
    font-size: 20px;
    padding-top: 10px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-play {
    width: 60px;
    height: 60px;
    line-height: 57px;
  }
}
.twwwins-about-border-text {
  font-size: 16px;
  letter-spacing: 0;
  display: inline-block;
}
.twwwins-about-border-text::before {
  position: absolute;
  content: "";
  background-color: var(--twwwins-gold-color);
  height: 3px;
  width: 100%;
  left: 0;
  bottom: 2px;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-about-deg {
    padding-bottom: 30px;
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-deg {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-about-deg p {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-about-deg p {
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-deg p {
    margin-bottom: 10px;
  }
}
.twwwins-about-deg-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-about-deg-2 {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.twwwins-about-cta-deg {
  margin: 0;
  line-height: 26px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-cta-deg {
    margin-bottom: 15px;
  }
}
.twwwins-about-spacing {
  padding-top: 135px;
  padding-bottom: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-about-spacing {
    padding-top: 100px;
    padding-bottom: 170px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-about-spacing {
    padding-top: 100px;
    padding-bottom: 150px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-spacing {
    padding: 70px 0;
    padding-bottom: 20px;
    border-radius: 0;
  }
}
.twwwins-about-spacing-2 {
  padding: 145px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-about-spacing-2 {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-spacing-2 {
    padding: 80px 0;
    border-radius: 0;
  }
}
.twwwins-about-spacing-3 {
  padding: 145px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-about-spacing-3 {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-about-spacing-3 {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-spacing-3 {
    padding: 80px 0;
    border-radius: 0;
  }
}
.twwwins-about-content {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-about-content {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-about-content {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-content {
    padding: 0;
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-about-content-2 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-about-heading {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-heading {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-btn {
    padding-top: 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-btn-2 {
    padding-top: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-thumb {
    flex: inherit;
  }
}
.twwwins-about-shape {
  bottom: 150px;
  right: 0;
}
.twwwins-about-shape-parson {
  right: 0;
  bottom: -50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-about-shape-parson {
    max-width: 66%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-shape-parson {
    bottom: -18px;
    width: 60%;
  }
}
.twwwins-about-shape-line {
  left: 0;
  bottom: 0;
}

.twwwins-about-exprience {
  width: 220px;
  height: 220px;
  background: var(--twwwins-gray-color);
  border-radius: 20px;
  padding: 28px 30px;
  box-shadow: 0px -4px 0px #D02023;
  border: 1px solid rgba(0, 0, 0, 0.06);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px) {
  .twwwins-about-exprience {
    height: 165px;
    width: auto;
  }
}
.twwwins-about-exprience-content span {
  font-weight: 500;
  letter-spacing: -0.01em;
  display: inline-block;
  margin-bottom: 3px;
  line-height: 1.1;
}
.twwwins-about-exprience-num {
  font-size: 160px;
  color: var(--twwwins-red-color);
  font-weight: 700;
  letter-spacing: -0.08em;
  line-height: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px) {
  .twwwins-about-exprience-num {
    font-size: 80px;
    line-height: 1;
  }
}
.twwwins-about-exprience-shape {
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-about-exprience-wrap {
    margin-right: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-exprience-wrap {
    justify-content: start;
    padding-top: 20px;
  }
}
.twwwins-about-exprience-2 {
  position: absolute;
  left: 30px;
  bottom: -39px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-about-exprience-2 {
    bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), (max-width: 574.98px) {
  .twwwins-about-exprience-2 {
    bottom: 30px;
  }
}
.twwwins-about-exprience-2-title {
  font-size: 80px;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-exprience-2-title {
    font-size: 45px;
    margin-bottom: 0;
  }
}
.twwwins-about-exprience-2 span {
  font-size: 24px;
  color: var(--twwwins-theme-color);
  font-weight: 600;
  letter-spacing: -0.02em;
  display: inline-block;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-exprience-2 span {
    font-size: 20px;
  }
}
.twwwins-about-growth {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  font-weight: 500;
  color: var(--twwwins-theme-color);
  background: var(--twwwins-white-color);
  width: fit-content;
  line-height: 1;
  border-radius: 38px;
  padding: 10px 19px;
}
.twwwins-about-growth-main {
  position: absolute;
  top: 68px;
  right: -22px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-about-growth-main {
    right: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-about-growth-wrap {
    text-align: start;
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px) {
  .twwwins-about-fect {
    margin-bottom: 30px;
  }
}
.twwwins-about-fect-num {
  font-size: 160px;
  font-weight: 800;
  letter-spacing: -0.04em;
  margin-bottom: 15px;
}
.twwwins-about-fect-num.odometer {
  line-height: 129px;
  font-weight: 800;
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-about-fect-num.odometer {
    line-height: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-fect-num.odometer {
    line-height: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-about-fect-num {
    font-size: 140px;
    line-height: 110px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-about-fect-num {
    font-size: 120px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-fect-num {
    font-size: 100px;
    margin-bottom: 0;
  }
}
.twwwins-about-fect-deg {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--twwwins-theme-color);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-fect-deg {
    font-size: 20px;
  }
}
.twwwins-about-fect-wrap {
  padding-top: 115px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-about-fect-wrap {
    padding-top: 50px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-fect-wrap {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
    grid-gap: 20px;
  }
}
.twwwins-about-fect-short .twwwinsfunfect2__num {
  color: var(--twwwins-gold-color);
  justify-content: center;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-fect-short .twwwinsfunfect2__num {
    font-size: 60px;
  }
}
.twwwins-about-fect-short .twwwinsfunfect2__num-div {
  color: var(--twwwins-white-color);
}
.twwwins-about-fect-short .twwwinsfunfect2__num .odometer {
  line-height: 78px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-about-fect-short .twwwinsfunfect2__num .odometer {
    line-height: 60px;
  }
}
.twwwins-about-fect-short-deg {
  color: var(--twwwins-white-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-about-fect-short-deg {
    font-size: 19px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-about-fect-short-deg {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-about-fect-short {
    margin-bottom: 20px;
  }
}
.twwwins-about-fect-2 {
  padding-top: 100px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-fect-2 {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-about-image {
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-about-image {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-about-image img {
    height: 100%;
    object-fit: cover;
  }
}
.twwwins-about-image img:nth-child(1) {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-about-subtitle {
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-about-top {
    padding-bottom: 60px;
  }
}

.twwwins-solid-bg {
  min-height: 930px;
  width: auto;
  margin-bottom: 30px;
  background-attachment: fixed;
}
@media only screen and (min-width: 1700px) and (max-width: 1800.98px), only screen and (min-width: 1600px) and (max-width: 1700.98px), only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .twwwins-solid-bg {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-solid-bg {
    margin-bottom: 30px;
    min-height: 700px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-solid-bg {
    margin-bottom: 30px;
    min-height: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-solid-bg {
    min-height: 500px;
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-solid-bg {
    border-radius: 0;
    min-height: 350px;
  }
}
.twwwins-solid-bg-wrap {
  padding: 0 30px;
}
.twwwins-solid-bg-wrap .twwwins-solid-bg {
  margin-bottom: 0;
}
@media only screen and (min-width: 1700px) and (max-width: 1800.98px), only screen and (min-width: 1600px) and (max-width: 1700.98px), only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-solid-bg-wrap .twwwins-solid-bg {
    margin-bottom: 0;
  }
}
.twwwins-solid-bg .jarallax-container {
  border-radius: 20px;
}
.twwwins-solid-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.odometer {
  font-variant-numeric: tabular-nums;
}

/*----------------------------------------*/
/*  7.3 Floting Css Here
/*----------------------------------------*/
.twwwins-floting-card-title {
  font-size: 180px;
  letter-spacing: -0.04em;
  font-weight: 800;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-floting-card-title {
    font-size: 120px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-floting-card-title {
    font-size: 100px;
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-floting-card-title {
    font-size: 70px;
    margin-bottom: 10px;
  }
}
.twwwins-floting-card-content p {
  font-size: 30px;
  letter-spacing: -0.02em;
  line-height: 1.2;
  width: 50%;
  color: var(--twwwins-theme-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-floting-card-content p {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-floting-card-content p {
    font-size: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-floting-card-content p {
    font-size: 18px;
  }
  .twwwins-floting-card-content p br {
    display: none;
  }
}
.twwwins-floting-card-main {
  min-height: 1080px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-floting-card-main {
    min-height: 850px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-floting-card-main {
    min-height: 450px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-floting-card-main {
    min-height: 680px;
  }
}
.twwwins-floting-card-img-placeholder {
  font-size: 18px;
}
.twwwins-floting-card-img-item-1 {
  left: 0;
  bottom: 50px;
}
.twwwins-floting-card-img-item-2 {
  bottom: 240px;
  left: 27%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-floting-card-img-item-2 {
    top: 450px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-floting-card-img-item-2 {
    bottom: 40%;
    left: 42%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-floting-card-img-item-2 {
    bottom: 0;
    left: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-floting-card-img-item-2 {
    bottom: 220px;
    left: 0;
  }
}
.twwwins-floting-card-img-item-3 {
  top: 23%;
  right: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-floting-card-img-item-3 {
    top: 33%;
    right: 240px;
  }
}
.twwwins-floting-card-img-item-4 {
  top: 47%;
  right: -45px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-floting-card-img-item-4 {
    top: auto;
    right: 0;
    bottom: 0;
  }
}
.twwwins-floting-card-img-item-5 {
  right: 320px;
  bottom: 160px;
}
.twwwins-floting-card-area {
  padding-top: 215px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-floting-card-area {
    padding-top: 200px;
    padding-bottom: 0px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-floting-card-area {
    padding-top: 50px;
    padding-bottom: 70px;
  }
}

/*----------------------------------------*/
/*  7.4 Contact Css Here
/*----------------------------------------*/
.twwwins-connect-input textarea {
  height: 140px;
  border-radius: 20px;
  resize: none;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-connect-input textarea {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-connect-input p br {
    display: none;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-input p {
    margin-bottom: 10px;
  }
  .twwwins-connect-input p br {
    display: none;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-input {
    justify-content: start;
  }
}
.twwwins-connect-spacing {
  padding-top: 150px;
  padding-bottom: 300px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700.98px), only screen and (min-width: 1700px) and (max-width: 1800.98px), only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .twwwins-connect-spacing {
    margin: 0 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-connect-spacing {
    margin: 0 15px;
    padding-top: 100px;
    padding-bottom: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-connect-spacing {
    margin: 0 10px;
    padding-top: 50px;
    padding-bottom: 150px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-spacing {
    padding: 70px 0;
  }
}
.twwwins-connect-spacing-2 {
  padding: 145px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-connect-spacing-2 {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-connect-spacing-2 {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-spacing-2 {
    padding: 70px 0;
    border-radius: 0;
  }
}
.twwwins-connect-shape {
  left: 0;
  bottom: 0;
}
.twwwins-connect-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.twwwins-connect-shape-inner {
  left: 0;
  top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-connect-heading {
    margin-bottom: 45px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-heading {
    margin-bottom: 30px;
  }
}
.twwwins-connect-main {
  padding: 60px 10px;
}
@media (max-width: 574.98px) {
  .twwwins-connect-main {
    padding: 40px 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-main {
    padding: 50px 30px;
  }
}
.twwwins-connect-box {
  padding: 55px 60px;
  border-radius: 20px;
  background-color: var(--twwwins-white-color);
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-connect-box {
    padding-inline: 40px 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-connect-box {
    padding: 40px 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-box {
    padding: 30px 20px;
  }
}
.twwwins-connect-box-input input, .twwwins-connect-box-input textarea {
  border-color: transparent;
  background-color: var(--twwwins-gray-color);
  height: 64px;
  padding: 18px 30px;
  border-radius: 10px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-box-input input, .twwwins-connect-box-input textarea {
    height: 54px;
    padding: 16px 24px;
  }
}
.twwwins-connect-box-input input:focus, .twwwins-connect-box-input textarea:focus {
  background-color: transparent;
  border-color: var(--twwwins-black-color);
}
.twwwins-connect-box-input textarea {
  height: 160px;
  border-radius: 10px;
  resize: none;
  overflow-y: hidden;
}
.twwwins-connect-box-input label {
  font-weight: 500;
  margin-bottom: 5px;
}
.twwwins-connect-box-input button {
  background-color: var(--twwwins-gold-color);
}
.twwwins-connect-box-input button:hover {
  background-color: var(--twwwins-theme-color);
  color: var(--twwwins-white-color);
}
.twwwins-connect-box-input p {
  font-size: 15px;
}
.twwwins-connect-box-input .nice-select {
  background-color: var(--twwwins-gray-color);
  border-color: transparent;
  height: 64px;
  line-height: 64px;
  padding: 0 30px;
  border-radius: 10px;
}
.twwwins-connect-box-input .nice-select:focus,
.twwwins-connect-box-input .nice-select.open {
  background-color: transparent;
  border-color: var(--twwwins-black-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-box-input .nice-select {
    height: 54px;
    line-height: 54px;
    padding: 0 24px;
  }
}
.twwwins-connect-box-content a:hover {
  text-decoration: underline;
}
.twwwins-connect-box-inner {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.twwwins-connect-title {
  font-weight: 500;
  font-size: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-connect-title {
    font-size: 60px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-title {
    font-size: 40px;
  }
}
.twwwins-connect-deg {
  font-size: 30px;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-connect-deg {
    font-size: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-deg {
    font-size: 18px;
  }
}
.twwwins-connect-deg b {
  font-weight: 500;
  color: var(--twwwins-white-color);
}
.twwwins-connect-step-heading {
  padding-bottom: 73px;
  margin-bottom: 75px;
  border-bottom: 1px solid #D9D9D9;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-connect-step-heading {
    padding-bottom: 47px;
    margin-bottom: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-step-heading {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.twwwins-connect-step-wrap {
  display: flex;
  grid-gap: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-connect-step-wrap {
    grid-gap: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-connect-step-wrap {
    grid-gap: 40px;
  }
}
@media (max-width: 574.98px) {
  .twwwins-connect-step-wrap {
    grid-gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-connect-step-title {
    margin-bottom: 10px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-step-title {
    margin-bottom: 5px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-connect-step p br {
    display: none;
  }
}
.twwwins-connect-author {
  background: linear-gradient(239.18deg, rgba(255, 255, 255, 0.26) 17.93%, rgba(255, 255, 255, 0.065) 81.51%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 15px 15px 25px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(20px);
  border-radius: 20px;
  display: flex;
  align-items: center;
  grid-gap: 40px;
  max-width: 442px;
  padding: 15px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-author {
    grid-gap: 10px;
    padding: 10px;
  }
}
.twwwins-connect-author-thumb {
  flex: 0 0 auto;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-author-thumb {
    flex: inherit;
  }
}
.twwwins-connect-author-subtitle {
  font-size: 16px;
  color: var(--twwwins-white-color);
  letter-spacing: 0;
  line-height: 1.3;
}
.twwwins-connect-author-subtitle span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.65);
}
.twwwins-connect-author-subtitle span a:hover {
  text-decoration: underline;
}
.twwwins-connect-author-title {
  font-size: 18px;
  letter-spacing: 0;
  color: var(--twwwins-white-color);
}
.twwwins-connect-author-link a {
  display: inline-block;
  background-color: var(--twwwins-theme-color);
  color: var(--twwwins-white-color);
  font-weight: 500;
  line-height: 1;
  border-radius: 30px;
  padding: 8px 20px;
}
.twwwins-connect-author-link a:hover {
  background-color: var(--twwwins-gold-color);
  color: var(--twwwins-theme-color);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-connect-right {
    padding-top: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-right {
    padding-top: 30px;
  }
}
.twwwins-connect-cta-icon {
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 50px;
  height: 50px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.twwwins-connect-cta-info span {
  font-size: 14px;
}
.twwwins-connect-cta-title {
  font-size: 16px;
}
.twwwins-connect-cta-title a:hover {
  color: var(--twwwins-red-color);
}
.twwwins-connect-cta-item {
  grid-gap: 15px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-cta-item {
    grid-gap: 10px;
    margin-bottom: 15px;
  }
}
.twwwins-connect-slider-main {
  min-height: 635px;
  align-items: end;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-connect-slider-main {
    min-height: 500px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-slider-main {
    min-height: 350px;
  }
}
.twwwins-connect-slider-info {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease, transform 1s ease;
  will-change: transform, opacity;
}
.twwwins-connect-slider-info p {
  font-size: 14px;
  color: var(--twwwins-gold-color);
  font-weight: 600;
  letter-spacing: -0.02em;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-slider-info-wrap {
    padding-left: 20px;
    padding-bottom: 30px;
  }
}
.twwwins-connect-slider-mail {
  display: flex;
  align-items: center;
  grid-gap: 75px;
  padding: 14px;
  padding-right: 42px;
  padding-left: 20px;
  width: fit-content;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease, transform 1s ease;
  will-change: transform, opacity;
}
.twwwins-connect-slider-mail a {
  font-size: 14px;
  color: var(--twwwins-white-color);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
}
.twwwins-connect-slider-mail a:not(:last-child)::after {
  position: absolute;
  content: "";
  background-color: rgba(255, 255, 255, 0.3);
  width: 1px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: -19px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-slider-title {
    font-size: 25px;
  }
}
.twwwins-connect-slider-active {
  border-radius: 20px;
  overflow: hidden;
}
.twwwins-connect-slider-active .swiper-slide-active .twwwins-connect-slider-info {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.3s;
}
.twwwins-connect-slider-active .swiper-slide-active .twwwins-connect-slider-mail {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.5s;
}
.twwwins-connect-button button {
  border-color: transparent;
  background-color: var(--twwwins-white-color);
  width: 60px;
  height: 60px;
}
.twwwins-connect-button-wrap {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  position: absolute;
  bottom: 60px;
  left: 60px;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-connect-map {
    padding-top: 20px;
  }
}
.twwwins-connect-map iframe {
  max-height: 419px;
  border-radius: 20px;
  mix-blend-mode: luminosity;
  width: 100%;
}
.twwwins-connect-map-main {
  padding-top: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-connect-map-main {
    padding-top: 90px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-map-main {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-connect-map-wrap {
    margin-right: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-tabs-main {
    margin-bottom: 15px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-connect-top {
    margin-bottom: 10px;
  }
}

/*----------------------------------------*/
/*  7.5 Cta Css Here
/*----------------------------------------*/
.twwwins-cta-phone a {
  color: var(--twwwins-theme-color);
  font-weight: 600;
}
.twwwins-cta-phone a:hover samp {
  text-decoration: underline;
}
.twwwins-cta-phone-icon {
  width: 52px;
  height: 52px;
  background-color: var(--twwwins-red-color);
  color: var(--twwwins-white-color);
  text-align: center;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.twwwins-cta-phone-icon-mid {
  width: 38px;
  height: 38px;
}
.twwwins-cta-phone-icon-border {
  background-color: transparent;
  border: 1px solid #FFFFFF;
}
.twwwins-cta-phone-icon-white {
  background-color: var(--twwwins-white-color);
  color: var(--twwwins-theme-color);
}
.twwwins-cta-phone-mid a:hover {
  text-decoration: underline;
}
.twwwins-cta-spacing {
  min-height: 820px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-cta-spacing {
    min-height: 650px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-cta-spacing {
    min-height: 550px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-cta-spacing {
    min-height: 500px;
    border-radius: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-cta-spacing {
    min-height: 400px;
  }
}
.twwwins-cta-title {
  font-size: 80px;
  letter-spacing: -0.03em;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-cta-title {
    font-size: 65px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-cta-title {
    font-size: 45px;
  }
  .twwwins-cta-title img {
    max-width: 28%;
  }
}
.twwwins-cta-heading {
  display: inline-block;
  padding-bottom: 33px;
  margin-bottom: 48px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-cta-heading {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.twwwins-cta-border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}
.twwwins-cta-content {
  display: flex;
  grid-gap: 80px;
  align-items: center;
}
@media (max-width: 574.98px) {
  .twwwins-cta-content {
    display: block;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-cta-content p {
    margin-bottom: 20px;
  }
  .twwwins-cta-content p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-cta-content p {
    margin-bottom: 0;
  }
}
.twwwins-cta-shape {
  left: 0;
  top: 0;
}
.twwwins-cta-shape img {
  mix-blend-mode: color-burn;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-cta-button {
    flex: 0 0 auto;
  }
}

/*----------------------------------------*/
/*  7.6 Fact Css Here
/*----------------------------------------*/
.twwwins-fact-spacing {
  min-height: 720px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-fact-spacing {
    min-height: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-fact-spacing {
    min-height: 500px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-fact-spacing {
    min-height: auto;
    height: 100%;
    padding: 50px 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-fact-wrap {
    flex-wrap: wrap;
  }
}

.twwwinsfact {
  border: 1px solid rgba(255, 255, 255, 0.25);
  height: 360px;
  width: 360px;
  border-radius: 280px;
  text-align: center;
  margin: 0 -30px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwinsfact {
    width: 300px;
    height: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsfact {
    width: 250px;
    height: 250px;
    margin: 0 -5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsfact {
    margin: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsfact {
    width: 50%;
    height: 250px;
    margin: 0;
  }
}
@media (max-width: 574.98px) {
  .twwwinsfact {
    width: 100%;
    height: 250px;
    margin: 0;
  }
}
.twwwinsfact__title {
  font-size: 80px;
  font-weight: 800;
  color: var(--twwwins-white-color);
  letter-spacing: -0.04em;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsfact__title {
    font-size: 70px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsfact__title {
    font-size: 50px;
  }
}
.twwwinsfact__title-div {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--twwwins-gold-color);
  position: absolute;
  top: 8px;
  right: -18px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsfact__title-div {
    top: 0;
  }
}
.twwwinsfact__title-text {
  line-height: 65px;
  transform: translateY(-3px);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsfact__title-text {
    transform: translateY(-1px);
    line-height: 40px;
  }
}
.twwwinsfact__title .odometer {
  line-height: 65px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsfact__title .odometer {
    line-height: 40px;
  }
}
.twwwinsfact__content p {
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--twwwins-white-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsfact__content p {
    font-size: 15px;
  }
}
.twwwinsfact:hover {
  background: linear-gradient(239.18deg, rgba(255, 255, 255, 0.06) 17.93%, rgba(255, 255, 255, 0.0375) 81.51%);
  backdrop-filter: blur(20px);
  border-color: transparent;
}

.twwwins-funfact-main {
  min-height: 680px;
  border-radius: 20px;
  display: flex;
  align-items: end;
  justify-content: center;
  padding: 25px 17px;
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-funfact-main {
    min-height: 550px;
    margin-top: -250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-funfact-main {
    min-height: 500px;
    margin-top: -250px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-funfact-main-2 {
    margin-top: 0;
  }
}
.twwwins-funfact-up {
  margin-top: -334px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-funfact-up {
    margin-top: -250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-funfact-up {
    margin-top: -250px;
  }
}

.twwwinsfunfect {
  background: linear-gradient(239.18deg, rgba(255, 255, 255, 0.06) 17.93%, rgba(255, 255, 255, 0.015) 81.51%);
  backdrop-filter: blur(20px);
  border-radius: 10px;
  padding: 22px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinsfunfect {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsfunfect {
    margin-bottom: 30px;
    padding: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsfunfect {
    margin-bottom: 10px;
  }
}
.twwwinsfunfect__num {
  font-size: 60px;
  letter-spacing: -0.03em;
  margin: 0;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsfunfect__num {
    font-size: 45px;
  }
}
.twwwinsfunfect__num-div {
  color: var(--twwwins-gold-color);
}
.twwwinsfunfect__num .odometer {
  line-height: 53px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinsfunfect__num .odometer {
    line-height: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsfunfect__num .odometer {
    line-height: 40px;
  }
}
@media (max-width: 574.98px) {
  .twwwinsfunfect p {
    text-align: start;
  }
}

.twwwinsfunfect2 {
  padding: 31px 40px;
  min-width: 308px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
@media (max-width: 574.98px) {
  .twwwinsfunfect2 {
    min-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsfunfect2 {
    min-width: 270px;
  }
}
.twwwinsfunfect2__num {
  font-size: 80px;
  font-weight: 800;
  letter-spacing: -0.04em;
  display: flex;
  margin-bottom: 3px;
}
.twwwinsfunfect2__num-div {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--twwwins-gold-color);
  line-height: 32px;
}
.twwwinsfunfect2__num .odometer {
  line-height: 60px;
}

/*----------------------------------------*/
/*  7.7 Portfolio Css Here
/*----------------------------------------*/
.twwwinsportfolio {
  background: var(--twwwins-white-color);
  box-shadow: 0px 0px 60px -10px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  padding: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsportfolio {
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsportfolio {
    margin-bottom: 20px;
  }
}
.twwwinsportfolio__thumb {
  border-radius: 15px;
  overflow: hidden;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinsportfolio__thumb {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsportfolio__thumb {
    width: 100%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsportfolio__thumb {
    margin-bottom: 20px;
  }
}
.twwwinsportfolio__thumb img {
  height: auto;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsportfolio__thumb img {
    width: 100%;
  }
}
.twwwinsportfolio__mr {
  margin-right: 82px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinsportfolio__mr {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsportfolio__mr {
    margin-right: 0;
  }
}
.twwwinsportfolio__ml {
  margin-left: 82px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinsportfolio__ml {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsportfolio__ml {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinsportfolio__title {
    font-size: 25px;
  }
}
@media (max-width: 574.98px) {
  .twwwinsportfolio__title {
    font-size: 20px;
    margin-bottom: 2px;
  }
}
.twwwinsportfolio__title a:hover {
  color: var(--twwwins-red-color);
}
.twwwinsportfolio__year {
  font-weight: 500;
  display: inline-block;
  background-color: var(--twwwins-gray-color);
  border-radius: 42px;
  line-height: 1;
  padding: 13px 25px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  transition-delay: 0.1s;
}
@media (max-width: 574.98px) {
  .twwwinsportfolio__year {
    padding: 8px 15px;
    font-size: 15px;
  }
}
.twwwinsportfolio__button {
  top: 75%;
  left: 50%;
  transform: translate(-50%, 50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwinsportfolio__button a {
  height: 100px;
  width: 100px;
  background: var(--twwwins-red-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsportfolio__button a {
    width: 80px;
    height: 80px;
  }
  .twwwinsportfolio__button a svg {
    width: 15px;
    height: 15px;
  }
}
@media (max-width: 574.98px) {
  .twwwinsportfolio__button a {
    width: 60px;
    height: 60px;
  }
  .twwwinsportfolio__button a svg {
    width: 15px;
    height: 15px;
  }
}
.twwwinsportfolio:hover .twwwinsportfolio__thumb img {
  transform: scale(1.1);
}
.twwwinsportfolio:hover .twwwinsportfolio__thumb .twwwinsportfolio__button {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
}
.twwwinsportfolio:hover .twwwinsportfolio__year {
  background-color: var(--twwwins-gold-color);
  color: var(--twwwins-theme-color);
}
.twwwinsportfolio__transform {
  transform: translateY(280px);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinsportfolio__transform {
    transform: translateY(175px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsportfolio__transform {
    transform: translateY(0);
  }
}
.twwwinsportfolio__transform-down {
  transform: translateY(400px);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinsportfolio__transform-down {
    transform: translateY(260px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsportfolio__transform-down {
    transform: translateY(0);
  }
}
.twwwinsportfolio__transform-short {
  transform: translateY(130px);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsportfolio__transform-short {
    transform: translateY(0);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinsportfolio__content {
    margin: 0 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsportfolio__content {
    margin: 0 10px;
    margin-bottom: 0;
  }
}

.twwwins-portfolio-back-text {
  font-size: 180px;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: #000;
  position: absolute;
  top: 20%;
  z-index: -1;
  left: 7%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-portfolio-back-text {
    font-size: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-portfolio-back-text {
    font-size: 100px;
    top: 38%;
    left: 17%;
  }
}
.twwwins-portfolio-spacing {
  padding-top: 145px;
  padding-bottom: 560px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-portfolio-spacing {
    padding-top: 120px;
    padding-bottom: 380px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-portfolio-spacing {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-portfolio-spacing {
    padding: 70px 0;
    padding-bottom: 50px;
  }
}
.twwwins-portfolio-spacing-2 {
  padding-bottom: 540px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-portfolio-spacing-2 {
    padding-bottom: 380px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-portfolio-spacing-2 {
    padding-bottom: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-portfolio-spacing-2 {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-portfolio-spacing-3 {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-portfolio-spacing-3 {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-portfolio-spacing-4 {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-portfolio-spacing-4 {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-portfolio-spacing-4 {
    padding: 70px 0;
    border-radius: 0;
  }
}
.twwwins-portfolio-link {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.twwwins-portfolio-link a:hover {
  background-color: var(--twwwins-white-color);
}
.twwwins-portfolio-long {
  padding: 0 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-portfolio-long {
    padding: 0;
  }
}
.twwwins-portfolio-long-bg {
  min-height: 680px;
  border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-portfolio-long-bg {
    min-height: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-portfolio-long-bg {
    min-height: 400px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-portfolio-long-bg {
    min-height: 300px;
    margin-bottom: 10px;
  }
}
.twwwins-portfolio-long-item {
  padding: 35px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: -1px;
  background-color: #FFFFFF;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-portfolio-long-item {
    padding: 20px 0;
    margin-bottom: 20px;
  }
}
.twwwins-portfolio-long-deg p span {
  color: var(--twwwins-theme-color);
  margin-right: 35px;
}
@media (max-width: 574.98px) {
  .twwwins-portfolio-long-deg p span {
    margin-right: 5px;
  }
}
.twwwins-portfolio-long-title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--twwwins-theme-color) 0%, var(--twwwins-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.twwwins-portfolio-long-title a:hover {
  background-size: 100% 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-portfolio-long-title {
    font-size: 25px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-portfolio-long-title {
    margin-bottom: 15px;
    font-size: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-portfolio-long-heading {
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px) {
  .twwwins-portfolio-long-meta {
    display: inline-block;
  }
}
.twwwins-portfolio-long:hover .twwwins-portfolio-link {
  top: 50%;
  opacity: 1;
  visibility: visible;
}
.twwwins-portfolio-post-wrap {
  padding-top: 45px;
  border-top: 1px solid var(--twwwins-theme-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-portfolio-post-wrap {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .twwwins-portfolio-post-btn {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .twwwins-portfolio-post-btn {
    padding-top: 150px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-portfolio-post-btn {
    padding-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-portfolio-heading {
    margin-bottom: 50px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-portfolio-heading {
    margin-bottom: 40px;
  }
}

.twwwins-badge {
  width: 110px;
  height: 110px;
  background-color: var(--twwwins-gold-color);
  text-align: center;
  border-radius: 50%;
  color: var(--twwwins-theme-color);
  font-weight: 600;
  line-height: 1.2;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-badge {
    width: 90px;
    height: 90px;
    font-size: 15px;
  }
}
.twwwins-badge-white {
  background-color: var(--twwwins-white-color);
  width: 120px;
  height: 120px;
}

.twwwinsportpost {
  display: flex;
  justify-content: space-between;
  padding: 6px;
  background-color: #fff;
  border-radius: 15px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsportpost {
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
}
.twwwinsportpost__thumb {
  flex: 0 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsportpost__thumb {
    flex: auto;
  }
}
.twwwinsportpost__thumb img {
  border-radius: 15px;
  height: 100%;
  object-fit: cover;
}
.twwwinsportpost__info {
  width: 100%;
  background-color: var(--twwwins-gray-color);
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 50px;
  padding-right: 123px;
  margin-right: 6px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsportpost__info {
    padding: 30px;
    padding-right: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsportpost__info {
    padding: 30px;
    margin-right: 0;
  }
}
.twwwinsportpost__meta span {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 7px;
  margin-bottom: 15px;
}
.twwwinsportpost__link {
  position: absolute;
  bottom: 50px;
  left: 60px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwinsportpost__link a {
  font-weight: 600;
  color: var(--twwwins-white-color);
  background-color: var(--twwwins-red-color);
  display: inline-block;
  line-height: 1;
  padding: 10px 15px;
  border-radius: 100px;
}
.twwwinsportpost__title {
  font-size: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsportpost__title {
    font-size: 25px;
  }
}
.twwwinsportpost__title a:hover {
  color: var(--twwwins-red-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsportpost__title {
    font-size: 24px;
    margin-bottom: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsportpost__content {
    margin-bottom: 20px;
  }
}
.twwwinsportpost:hover .twwwinsportpost__info {
  background-color: var(--twwwins-gold-color);
}
.twwwinsportpost:hover .twwwinsportpost__link {
  opacity: 1;
  visibility: visible;
  bottom: 60px;
}

.portfolio-text {
  will-change: transform, opacity;
}

/*----------------------------------------*/
/*  7.8 Service Css Here
/*----------------------------------------*/
.twwwins-services-spacing {
  padding: 145px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-services-spacing {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-services-spacing {
    padding: 100px 0;
    padding-bottom: 80px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-spacing {
    padding: 70px 0;
  }
}
.twwwins-services-spacing-2 {
  padding-top: 145px;
  padding-bottom: 510px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-services-spacing-2 {
    padding-top: 100px;
    padding-bottom: 350px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-services-spacing-2 {
    padding-top: 70px;
    padding-bottom: 300px;
  }
}
.twwwins-services-spacing-3 {
  padding-bottom: 115px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-services-spacing-3 {
    padding: 100px 0;
    padding-bottom: 70px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-spacing-3 {
    padding-bottom: 70px;
  }
}
.twwwins-services-spacing-4 {
  padding-top: 145px;
  padding-bottom: 115px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-services-spacing-4 {
    padding-top: 120px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-services-spacing-4 {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-spacing-4 {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-area {
    border-radius: 0;
  }
}
.twwwins-services-num {
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-num {
    font-size: 20px;
  }
}
.twwwins-services-num-larg {
  font-size: 50px;
  color: var(--twwwins-theme-color);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-num-larg {
    font-size: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-num-larg {
    margin-bottom: 15px;
  }
}
.twwwins-services-title {
  letter-spacing: -0.03px;
  margin-bottom: 0;
}
@media (max-width: 574.98px) {
  .twwwins-services-title {
    font-size: 18px;
  }
}
.twwwins-services-title-larg {
  font-size: 42px;
  margin-bottom: 18px;
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--twwwins-theme-color) 0%, var(--twwwins-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.twwwins-services-title-larg:hover {
  background-size: 100% 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-services-title-larg {
    font-size: 35px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-title-larg {
    font-size: 27px;
    margin-bottom: 5px;
  }
}
.twwwins-services-title-wrap svg {
  margin-top: 20px;
  flex: 0 0 auto;
}
.twwwins-services-body {
  background-color: var(--twwwins-gold-color);
  padding: 40px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-services-body {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px) {
  .twwwins-services-body {
    padding: 20px;
  }
}
.twwwins-services-meta span {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 30px;
  line-height: 1;
  color: var(--twwwins-theme-color);
  font-weight: 500;
  padding: 5px 14px;
  margin-right: 6px;
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 574.98px) {
  .twwwins-services-meta span {
    font-size: 15px;
    padding: 4px 9px;
    margin-bottom: 5px;
  }
}
.twwwins-services-meta span:hover {
  background-color: var(--twwwins-white-color);
  border-color: transparent;
}
.twwwins-services-content {
  margin-bottom: 21px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-services-content {
    margin-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-services-content {
    margin-bottom: 42px;
  }
}
@media (max-width: 574.98px) {
  .twwwins-services-content {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-content {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-services-content p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-content p br {
    display: none;
  }
}
.twwwins-services-item:last-child .twwwins-services-button {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.twwwins-services-item:last-child .twwwins-services-button-black {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.twwwins-services-item.active .twwwins-services-button, .twwwins-services-item.active.twwwins-services-button-black {
  border-top: 0;
}
.twwwins-services-button {
  margin-bottom: -100px;
  opacity: 0;
  visibility: hidden;
  padding: 34px 40px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-button {
    margin-bottom: -71px;
    padding: 20px;
  }
}
@media (max-width: 574.98px) {
  .twwwins-services-button {
    margin-bottom: -79px;
    padding: 20px;
  }
}
.twwwins-services-button.collapsed {
  margin-bottom: 0;
  opacity: 1;
  visibility: visible;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.twwwins-services-button-black.collapsed {
  border-color: rgba(0, 0, 0, 0.1);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-btn {
    justify-content: start;
    padding-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-services-btn-2 {
    padding-top: 20px;
    padding-bottom: 40px;
  }
}
@media (max-width: 574.98px) {
  .twwwins-services-heading {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-services-heading {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-heading .row {
    justify-content: center;
  }
}
.twwwins-services-info {
  margin-left: -135px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .twwwins-services-info {
    margin-left: -70px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-services-info {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-services-info-wrap {
    margin-bottom: 33px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-services-info-wrap {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-services-info-wrap .twwwins-section-title br {
    display: none;
  }
  .twwwins-services-info-wrap p br {
    display: none;
  }
}
.twwwins-services-shape-1 {
  right: 0;
  top: 25%;
}
.twwwins-services-shape-2 {
  left: -200px;
  bottom: -20px;
}
.twwwins-services-margin {
  margin-top: 30px;
  margin-bottom: 30px;
}
.twwwins-services-details-deg {
  font-size: 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-details-deg {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
.twwwins-services-details-faq-title {
  font-size: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-services-details-faq-title {
    font-size: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-details-faq-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-services-details-wrap {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-details-wrap {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-details-img {
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-details-img {
    height: 300px;
    object-fit: cover;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-details-top {
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-details-top p:not(:last-child) {
    margin-bottom: 10px;
  }
}
.twwwins-services-support {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 22px 25px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-support {
    padding: 15px;
  }
}
.twwwins-services-support-icon {
  width: 60px;
  height: 60px;
  background-color: var(--twwwins-gray-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--twwwins-red-color);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-services-support-title {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 6px;
}
.twwwins-services-support-title-larg {
  font-size: 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-support-title-larg {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
.twwwins-services-support-content p {
  line-height: 24px;
}
.twwwins-services-support:hover {
  background-color: var(--twwwins-gray-color);
  border-color: transparent;
}
.twwwins-services-support:hover .twwwins-services-support-icon {
  background-color: var(--twwwins-red-color);
  color: var(--twwwins-white-color);
}

.twwwins-services {
  padding: 50px 59px;
  transition: 0.4s;
  box-shadow: transparent;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-services {
    min-height: 430px;
    padding: 25px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-services {
    padding: 30px 35px;
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services {
    padding: 30px;
    margin-bottom: 20px;
  }
}
.twwwins-services__btn {
  font-weight: 600;
  line-height: 1;
}
.twwwins-services__btn span, .twwwins-services__btn svg {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-services__title {
  font-size: 24px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services__title {
    font-size: 25px;
  }
}
.twwwins-services__back-text {
  letter-spacing: -0.06em;
  font-size: 140px;
  color: rgba(0, 0, 0, 0.1);
  transform: rotate(-90deg);
  position: absolute;
  line-height: 1;
  top: 174px;
  right: -151px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-services__img {
  bottom: 0;
  right: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-services__img img {
  width: 100%;
}
.twwwins-services__main > .col-lg-4:first-child .twwwins-services .twwwins-services__btn {
  color: var(--twwwins-white-color);
}
.twwwins-services__main > .col-lg-4:first-child .twwwins-services .twwwins-services__img {
  right: auto;
  left: 0;
  width: 100%;
}
.twwwins-services:hover .twwwins-services__img {
  transform: scale(1.1);
}
.twwwins-services:hover .twwwins-services__back-text {
  right: -135px;
}

.twwwins-services2 {
  padding: 10px;
  border-radius: 20px;
  background-color: var(--twwwins-gray-color);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-services2 {
    margin-bottom: 20px;
  }
}
.twwwins-services2__icon {
  color: var(--twwwins-red-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-services2__icon {
    margin-bottom: 15px;
  }
}
.twwwins-services2__main {
  padding: 0 30px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-services2__main {
    padding: 0 20px;
  }
}
.twwwins-services2__btn {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--twwwins-gray-color);
  border-radius: 60px;
}
.twwwins-services2__link {
  position: absolute;
  bottom: 0px;
  right: 0;
  right: -1px;
  height: 72px;
  width: 74px;
  display: flex;
  justify-content: flex-end;
  align-items: end;
  background: #fff;
  z-index: 2;
  border-radius: 40px 0px 0 0;
}
.twwwins-services2__link::before, .twwwins-services2__link::after {
  content: "";
  clip-path: path("M0 0 Q0,30 30,30 L 0 30 Z");
  background-color: #fff;
  width: 32px;
  height: 42px;
  position: absolute;
  left: -23px;
  transform: rotate(-90deg);
  bottom: -6px;
  transform-origin: center;
}
.twwwins-services2__link::after {
  left: auto;
  bottom: auto;
  top: -36px;
  right: -7px;
  transform: rotate(266deg);
}
.twwwins-services2__up {
  margin-top: -10px;
}
.twwwins-services2__right-wrap {
  transform: translateY(-100px);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-services2__right-wrap {
    transform: translateY(0);
  }
}
.twwwins-services2__title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--twwwins-theme-color) 0%, var(--twwwins-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.twwwins-services2__title a:hover {
  background-size: 100% 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-services2__title {
    font-size: 20px;
  }
}
.twwwins-services2__thumb {
  overflow: hidden;
  border-radius: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-services2__thumb {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-services2__thumb {
    margin-bottom: 20px;
  }
}
.twwwins-services2__thumb img {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-services2__thumb img {
    width: 100%;
    object-fit: cover;
  }
}
.twwwins-services2__content p {
  padding-right: 25px;
}
@media (max-width: 574.98px) {
  .twwwins-services2__content p {
    padding-right: 40px;
  }
}
.twwwins-services2:hover {
  background-color: var(--twwwins-gold-color);
}
.twwwins-services2:hover .twwwins-services2__btn {
  background-color: var(--twwwins-red-color);
  color: var(--twwwins-white-color);
}
.twwwins-services2:hover .twwwins-services2__thumb img {
  transform: scale(1.1);
}

.twwwinsserv {
  background-color: var(--twwwins-white-color);
  padding: 20px;
  border-radius: 10px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwinsserv__icon {
  width: 90px;
  height: 90px;
  background-color: var(--twwwins-gray-color);
  border-radius: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinsserv__icon {
    width: 45px;
    height: 45px;
  }
  .twwwinsserv__icon svg {
    width: 20px;
  }
}
@media (max-width: 574.98px) {
  .twwwinsserv__icon {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
  }
  .twwwinsserv__icon svg {
    width: 17px;
  }
}
.twwwinsserv__title {
  font-size: 26px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwinsserv__title {
    font-size: 20px;
  }
}
@media (max-width: 574.98px) {
  .twwwinsserv__title {
    margin-bottom: 15px;
  }
}
.twwwinsserv__btn {
  padding-left: 80px;
  opacity: 0;
  visibility: hidden;
  flex: 0 0 auto;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 574.98px) {
  .twwwinsserv__btn {
    padding-inline: 0;
  }
}
.twwwinsserv__btn a {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  border-radius: 30px;
  line-height: 1;
  background: var(--twwwins-white-color);
  color: var(--twwwins-theme-color);
  padding: 8px 16px;
}
.twwwinsserv__btn a:hover {
  background-color: var(--twwwins-gold-color);
}
.twwwinsserv__main {
  grid-gap: 22px;
}
@media (max-width: 574.98px) {
  .twwwinsserv__main {
    display: inline-block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsserv__main {
    display: flex;
  }
}
.twwwinsserv__shape {
  right: 0;
  top: 0;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsserv__shape {
    top: auto;
    bottom: 0;
  }
}
.twwwinsserv__shape img {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  transform: scale(1);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwinsserv__wrap {
    padding-top: 30px;
  }
}
.twwwinsserv:hover {
  background-color: var(--twwwins-theme-color);
}
.twwwinsserv:hover .twwwinsserv__icon {
  background-color: var(--twwwins-gold-color);
}
.twwwinsserv:hover .twwwinsserv__title {
  color: var(--twwwins-white-color);
}
.twwwinsserv:hover .twwwinsserv__btn {
  opacity: 1;
  visibility: visible;
}
.twwwinsserv:hover .twwwinsserv__shape img {
  transform: scale(1.1);
}
.twwwinsserv__card {
  padding: 55px 60px;
  min-height: 430px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--twwwins-white-color);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwinsserv__card {
    padding: 55px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsserv__card {
    padding: 30px 20px;
    min-height: 350px;
  }
}
.twwwinsserv__card-title a:hover {
  color: var(--twwwins-gold-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsserv__card-title {
    font-size: 20px;
  }
}
.twwwinsserv__card-link a {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50px;
  display: block;
  line-height: 1;
  background-color: transparent;
  font-weight: 600;
  color: var(--twwwins-theme-color);
  padding: 15px;
}
.twwwinsserv__card-link a:hover {
  background-color: var(--twwwins-gold-color);
  border-color: transparent;
}
.twwwinsserv__card-icon svg {
  transition: 0.3s;
}
.twwwinsserv__card:hover {
  box-shadow: 0px 15px 35px -10px rgba(0, 0, 0, 0.15);
}
.twwwinsserv__card:hover .twwwinsserv__card-link a {
  background-color: var(--twwwins-gold-color);
  border-color: transparent;
}

.twwwinswork {
  max-width: 533px;
  border-radius: 10px;
  overflow: hidden;
  flex: 0 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwinswork {
    max-width: 50%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinswork {
    max-width: 48%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinswork {
    max-width: 100%;
  }
}
.twwwinswork__num {
  font-size: 120px;
  font-weight: 800;
  color: var(--twwwins-white-color);
  letter-spacing: -0.04em;
  position: absolute;
  bottom: -45px;
  left: 40px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinswork__num {
    font-size: 75px;
    bottom: -30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinswork__num {
    font-size: 60px;
    bottom: -24px;
    left: 15px;
  }
}
.twwwinswork__thumb img {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.twwwinswork__list span {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 10px;
}
.twwwinswork__list span::before {
  display: inline-block;
  content: "";
  width: 7px;
  height: 7px;
  background-color: var(--twwwins-body-color);
  border-radius: 50%;
}
.twwwinswork__list span:last-child {
  margin-bottom: 0;
}
.twwwinswork__content {
  background-color: var(--twwwins-white-color);
  padding: 29px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinswork__content {
    padding: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinswork__content {
    padding: 15px;
  }
}
.twwwinswork__title a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwinswork__title {
    font-size: 20px;
  }
}
.twwwinswork:nth-child(2) {
  margin-left: -140px;
  transform: translateY(112px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwinswork:nth-child(2) {
    margin-left: 0;
    transform: translateY(0);
  }
}
.twwwinswork:nth-child(2) .twwwinswork__content {
  background-color: var(--twwwins-red-color);
}
.twwwinswork:nth-child(2) .twwwinswork__title {
  color: var(--twwwins-white-color);
}
.twwwinswork:nth-child(2) .twwwinswork__list span {
  color: var(--twwwins-white-color);
}
.twwwinswork:nth-child(2) .twwwinswork__list span::before {
  background-color: var(--twwwins-white-color);
}
.twwwinswork:nth-child(3) {
  margin-left: -140px;
  transform: translateY(300px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwinswork:nth-child(3) {
    margin-left: 0;
    transform: translateY(0);
  }
}
.twwwinswork:nth-child(3) .twwwinswork__content {
  background-color: var(--twwwins-gold-color);
}
.twwwinswork:hover .twwwinswork__thumb img {
  transform: scale(1.1);
}
.twwwinswork:hover .twwwinswork__num {
  bottom: -28px;
}

.twwwins-work-main {
  min-height: 1144px;
  padding-top: 150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-work-main {
    min-height: 950px;
    padding-top: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-work-main {
    min-height: 1085px;
    padding-top: 70px;
    border-radius: 0;
  }
}
.twwwins-work-wrap {
  display: flex;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-work-wrap {
    flex-wrap: wrap;
    grid-gap: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-work-wrap {
    flex-direction: column;
    grid-gap: 20px;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-work-heading {
    margin-bottom: 40px;
  }
}

.twwwinsservshow {
  position: relative;
  overflow: hidden;
  width: 308px;
  padding: 40px;
  background: var(--twwwins-gray-color);
  border-radius: 20px;
  min-height: 398px;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwinsservshow {
    min-height: 350px;
    padding: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsservshow {
    padding: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinsservshow {
    min-height: 350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsservshow {
    width: 260px;
    min-height: 300px;
  }
}
@media (max-width: 574.98px) {
  .twwwinsservshow {
    min-height: 330px;
    padding: 30px;
    margin-bottom: 20px;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsservshow {
    min-height: 330px;
  }
}
.twwwinsservshow__thumb {
  position: absolute;
  transition: 0.3s;
  right: -237px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  text-align: end;
}
@media (max-width: 574.98px) {
  .twwwinsservshow__thumb {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwinsservshow__thumb img {
    max-width: 90%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinsservshow__thumb img {
    max-width: 60%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsservshow__thumb img {
    max-width: 50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsservshow__thumb img {
    max-width: 75%;
  }
}
.twwwinsservshow__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
  padding-right: 0;
}
.twwwinsservshow__title {
  font-size: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsservshow__title {
    font-size: 18px;
  }
}
.twwwinsservshow__title a:hover {
  color: var(--twwwins-red-color);
}
.twwwinsservshow__link a {
  display: inline-block;
  background-color: transparent;
  color: var(--twwwins-theme-color);
  font-weight: 600;
  line-height: 1;
  padding: 12px 25px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsservshow__link a {
    font-size: 15px;
    padding: 10px 15px;
  }
}
.twwwinsservshow.active {
  width: 645px;
  background: var(--twwwins-gold-color);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsservshow.active {
    width: 410px;
  }
}
.twwwinsservshow.active .twwwinsservshow__thumb {
  opacity: 1;
  visibility: visible;
  right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsservshow.active .twwwinsservshow__thumb {
    right: 15px;
  }
}
.twwwinsservshow.active .twwwinsservshow__link a {
  border-color: transparent;
  background-color: var(--twwwins-theme-color);
  color: var(--twwwins-white-color);
}

.twwwins-services-showcase {
  display: flex;
  align-items: center;
  grid-gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-services-showcase {
    flex-wrap: wrap;
    grid-gap: 20px;
    padding-bottom: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-showcase {
    flex-wrap: wrap;
    grid-gap: 0;
    padding-bottom: 20px;
  }
}
.twwwins-services-showcase-bottom p {
  font-weight: 500;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  width: fit-content;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  padding: 6px;
  padding-left: 20px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-services-showcase-bottom p {
    display: inline-block;
  }
  .twwwins-services-showcase-bottom p span {
    margin-left: 5px;
  }
}
.twwwins-services-showcase-bottom p span {
  display: inline-block;
  background-color: var(--twwwins-red-color);
  color: var(--twwwins-white-color);
  line-height: 1;
  padding: 6px 10px;
  border-radius: 30px;
}

/*----------------------------------------*/
/*  7.9 Team Css Here
/*----------------------------------------*/
.twwwins-team-spacing {
  padding: 150px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-team-spacing {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-team-spacing {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-team-spacing {
    padding: 70px 0;
    border-radius: 0;
  }
}
.twwwins-team-spacing-2 {
  margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-team-spacing-3 {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}
.twwwins-team-spacing-4 {
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-team-spacing-4 {
    padding-bottom: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-team-spacing-4 {
    padding-bottom: 70px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-team-button {
    justify-content: start;
    padding-top: 20px;
  }
}
@media (max-width: 574.98px) {
  .twwwins-team-heading {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-team-active-2 {
    padding-bottom: 40px;
  }
}
.twwwins-team-info {
  padding-top: 45px;
  border-top: 1px solid rgba(255, 255, 255, 0.35);
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-team-info {
    padding-top: 20px;
  }
}
.twwwins-team-info-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-team-info-wrap {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-team-info-content {
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px) {
  .twwwins-team-cta {
    padding-top: 10px;
  }
}
.twwwins-team-cta a {
  color: var(--twwwins-white-color);
  font-weight: 600;
  display: flex;
  align-items: center;
  grid-gap: 20px;
}
.twwwins-team-cta a:hover {
  text-decoration: underline;
}
.twwwins-team-cta-icon {
  width: 52px;
  height: 52px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.twwwins-team-cta-icon svg {
  transform: translateX(-2px);
}
.twwwins-team-cta-wrap {
  grid-gap: 20px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-team-cta-wrap {
    flex-wrap: wrap;
    grid-gap: 10px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-team-author {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-team-author {
    padding-right: 0;
  }
}
.twwwins-team-author-socials {
  grid-gap: 5px;
}
.twwwins-team-author-socials a {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.twwwins-team-author-socials a:hover {
  background-color: var(--twwwins-gold-color);
  color: var(--twwwins-theme-color);
  border-color: transparent;
}
.twwwins-team-author-link a {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  line-height: 1;
  background-color: var(--twwwins-gray-color);
  padding: 10px 20px;
  border-radius: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-team-author-link a {
    padding: 10px 15px;
  }
}
.twwwins-team-author-link a svg {
  transform: translateY(-1px);
  margin-right: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-team-author-link a svg {
    margin-right: 4px;
  }
}
.twwwins-team-author-link a:not(:last-child) {
  margin-right: 6px;
}
.twwwins-team-author-link a:hover {
  background-color: var(--twwwins-gold-color);
  color: var(--twwwins-theme-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-team-author-link-wrap {
    flex-wrap: wrap;
    grid-gap: 5px;
    margin-bottom: 25px;
  }
}
.twwwins-team-author-info-item {
  padding: 7px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-team-author-info-item {
    padding: 4px 0;
  }
}
.twwwins-team-author-info-item:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.twwwins-team-author-info-item span {
  display: inline-block;
  font-weight: 500;
  color: var(--twwwins-theme-color);
}
.twwwins-team-author-info-item span a:hover {
  color: var(--twwwins-red-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-team-author-thumb {
    margin-bottom: 20px;
  }
}
.twwwins-team-author-thumb img {
  width: 100%;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-team-details-list {
    margin-bottom: 30px;
  }
}
.twwwins-team-details-list-title {
  font-size: 20px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-team-details-list-title {
    margin-bottom: 15px;
  }
}
.twwwins-team-details-list ul li {
  list-style: none;
  line-height: 1;
  font-weight: 500;
}
.twwwins-team-details-list ul li:not(:last-child) {
  margin-bottom: 14px;
}
.twwwins-team-details-list ul li::before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  background-color: var(--twwwins-theme-color);
  border-radius: 50%;
  transform: translateY(-2px);
  margin-right: 7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-team-details-deg {
    padding-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-team-details-heading {
    margin-bottom: 20px;
  }
}
.twwwins-team-active {
  min-height: 600px;
  display: flex;
  align-items: center;
  padding-right: 168px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-team-active {
    min-height: 500px;
    padding-right: 149px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-team-active {
    min-height: 410px;
    padding-right: 173px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-team-active {
    padding-right: 220px;
    min-height: 410px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-team-active {
    padding-right: 0;
    min-height: auto;
  }
}
.twwwins-team-active .swiper-slide-active {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-team-active .swiper-slide-active .twwwins-team {
  max-width: 520px;
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-team-active .swiper-slide-active .twwwins-team {
    max-width: 420px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-team-active .swiper-slide-active .twwwins-team {
    max-width: 375px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-team-active .swiper-slide-active .twwwins-team {
    width: 100%;
  }
}
.twwwins-team-active .swiper-slide-active .twwwins-team__thumb::before {
  opacity: 1;
  visibility: visible;
}
.twwwins-team-active .swiper-slide-active .twwwins-team__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.twwwins-team-active .swiper-slide-active .twwwins-team .twwwins-team__info {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}

.twwwins-team {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  max-width: 360px;
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-team {
    max-width: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-team {
    max-width: 240px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-team {
    max-width: inherit;
  }
}
.twwwins-team__title {
  font-size: 26px;
  margin-bottom: 3px;
}
@media (max-width: 574.98px) {
  .twwwins-team__title {
    font-size: 20px;
    margin-bottom: 0;
  }
}
.twwwins-team__title a:hover {
  color: var(--twwwins-gold-color);
}
.twwwins-team__content span {
  display: inline-block;
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 574.98px) {
  .twwwins-team__content span {
    font-size: 15px;
  }
}
.twwwins-team__icon {
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(15px);
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  text-align: center;
  line-height: 56px;
  color: var(--twwwins-gold-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-team__icon {
    width: 45px;
    height: 45px;
    line-height: 40px;
  }
  .twwwins-team__icon svg {
    width: 17px;
  }
}
.twwwins-team__icon:hover {
  background-color: var(--twwwins-white-color);
}
.twwwins-team__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  padding: 50px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-team__info {
    padding: 30px;
  }
}
@media (max-width: 574.98px) {
  .twwwins-team__info {
    padding: 30px;
  }
}
.twwwins-team__thumb::before {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45.02%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-team__thumb img {
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-team__circle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.twwwins-team__circle-title {
  font-size: 26px;
  margin-bottom: 5px;
}
.twwwins-team__circle-title a:hover {
  color: var(--twwwins-gold-color);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-team__circle-title {
    font-size: 20px;
  }
}
.twwwins-team__circle--content {
  width: 248px;
  height: 248px;
  background: linear-gradient(239.18deg, rgba(0, 0, 0, 0.18) 17.93%, rgba(0, 0, 0, 0.1125) 81.51%);
  backdrop-filter: blur(20px);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 48%;
  left: 50%;
  transform: translate(-50%, 50%);
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-team__circle--content {
    width: 180px;
    height: 180px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-team__circle--content {
    width: 200px;
    height: 200px;
  }
}
.twwwins-team__circle--content {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-team__circle--content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-team__circle--content-wrap span {
    font-size: 15px;
    margin-bottom: 20px;
  }
}
.twwwins-team__circle-btn {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: var(--twwwins-white-color);
  text-align: center;
  border-radius: 30px;
}
.twwwins-team__circle-btn:hover {
  background-color: var(--twwwins-gold-color);
  color: var(--twwwins-theme-color);
}
.twwwins-team__circle-btn-wrap {
  grid-gap: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-team__circle-btn-wrap {
    flex-wrap: wrap-reverse;
    justify-content: center;
  }
}
.twwwins-team__circle-thumb {
  background: #D9D9D9;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-team__circle-thumb img {
  mix-blend-mode: luminosity;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-radius: 50%;
}
.twwwins-team__circle:hover .twwwins-team__circle--content {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
}
.twwwins-team__circle:hover .twwwins-team__circle-thumb {
  background-color: transparent;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-team__circle-pagination {
    padding: 15px 0;
  }
}
.twwwins-team__circle-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background-color: var(--twwwins-white-color);
  border: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-team__circle-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--twwwins-red-color);
  border-color: transparent;
}

.twwwins-experts {
  background-color: var(--twwwins-gold-color);
  padding: 30px;
  transition: 0.7s;
  transform: rotateY(0);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-experts {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-experts {
    margin-bottom: 20px;
    padding: 20px;
  }
}
.twwwins-experts__social {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.twwwins-experts__social a {
  color: var(--twwwins-theme-color);
}
.twwwins-experts__content p {
  line-height: 26px;
}
.twwwins-experts__content-wrap {
  padding: 0 10px;
  padding-bottom: 5px;
  transition: 0.4s;
  transform: rotateY(-180deg);
}
.twwwins-experts__shape {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.twwwins-experts__shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-experts__shape-2 {
  z-index: 2;
}
.twwwins-experts__btn {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: var(--twwwins-theme-color);
  border-radius: 50%;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-experts__btn {
    width: 40px;
    height: 40px;
  }
}
.twwwins-experts__btn-2 {
  right: 40px;
  bottom: 40px;
  position: absolute;
  z-index: 1;
}
.twwwins-experts__btn::before, .twwwins-experts__btn::after {
  position: absolute;
  content: "+";
  font-weight: 400;
  color: #FFFFFF;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.twwwins-experts__thumb {
  width: 206px;
  height: 240px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-experts__thumb {
    width: 180px;
    height: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-experts__thumb {
    width: 160px;
    height: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-experts__thumb {
    width: 150px;
    height: 170px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-experts__thumb {
    width: 150px;
    height: 160px;
  }
}
.twwwins-experts__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.twwwins-experts__thumb-wrap {
  transition: 0.4s;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-experts__thumb-wrap {
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-experts__thumb-wrap {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-experts__content p br {
    display: none;
  }
}
.twwwins-experts__2 {
  min-height: 480px;
  padding: 55px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-experts__2 {
    padding: 30px;
    min-height: 350px;
  }
}
.twwwins-experts__title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--twwwins-theme-color) 0%, var(--twwwins-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.twwwins-experts__title a:hover {
  background-size: 100% 1px;
}
.twwwins-experts.active {
  transform: rotateY(180deg);
}
.twwwins-experts.active .twwwins-experts__btn::before {
  content: "";
}
.twwwins-experts.active .twwwins-experts__btn.twwwins-experts__btn-2::before {
  content: "+";
}
.twwwins-experts.active .twwwins-experts__shape {
  opacity: 0;
  visibility: hidden;
}
.twwwins-experts.active .twwwins-experts__thumb {
  opacity: 1;
  visibility: visible;
}
.twwwins-experts.active .twwwins-experts__thumb-wrap {
  transform: rotateY(-180deg);
}

.twwwins-team-active-2 .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  width: auto;
}

.twwwins-teamcard {
  overflow: hidden;
  background: transparent;
  backdrop-filter: inherit;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-teamcard {
    margin-bottom: 20px;
  }
}
.twwwins-teamcard::before, .twwwins-teamcard::after {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 20px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-teamcard__title {
  position: absolute;
  bottom: 30px;
  left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-teamcard__title {
    font-size: 20px;
  }
}
.twwwins-teamcard__link {
  position: absolute;
  top: 30px;
  right: 30px;
}
.twwwins-teamcard__link a {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--twwwins-white-color);
  border-radius: 50%;
}
.twwwins-teamcard__thumb img {
  width: 100%;
}
.twwwins-teamcard:hover::after {
  background: linear-gradient(239.18deg, rgba(255, 255, 255, 0.04) 17.93%, rgba(255, 255, 255, 0.01) 81.51%);
  backdrop-filter: blur(20px);
}
.twwwins-teamcard:hover .twwwins-teamcard__link a {
  width: 60px;
  height: 60px;
  background-color: var(--twwwins-gold-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-teamcard:hover .twwwins-teamcard__link a {
    width: 40px;
    height: 40px;
  }
}

.twwwins-details-subtitle {
  font-weight: 500;
  color: var(--twwwins-theme-color);
  display: inline-block;
  background: var(--twwwins-gold-color);
  line-height: 1;
  border-radius: 30px;
  padding: 6px 14px;
}
.twwwins-details-subtitle-orange {
  background-color: var(--twwwins-red-color);
  color: var(--twwwins-white-color);
  padding: 9px 21px;
}
.twwwins-details-subtitle-orange svg {
  margin-right: 5px;
}
.twwwins-details-title {
  font-size: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-details-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-details-title {
    font-size: 35px;
  }
}

/*----------------------------------------*/
/*  8.0 Testimonial Css Here
/*----------------------------------------*/
.twwwins-testimonail-spacing {
  padding-top: 150px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-testimonail-spacing {
    padding-top: 120px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-testimonail-spacing {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-testimonail-spacing {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
.twwwins-testimonail-spacing-2 {
  padding-top: 145px;
  padding-bottom: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-testimonail-spacing-2 {
    padding-top: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-testimonail-spacing-2 {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-testimonail-heading {
    margin-bottom: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-testimonail-heading {
    margin-bottom: 35px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-testimonail-area {
    border-radius: 0;
  }
}
.twwwins-testimonail-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-testimonail-pagination {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-testimonail-pagination {
    padding-top: 25px;
  }
}
.twwwins-testimonail-pagination span {
  color: var(--twwwins-theme-color);
  letter-spacing: -0.01em;
  display: inline-block;
  line-height: 1;
}
.twwwins-testimonail-dvdr {
  width: 200px;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin: 0 15px;
}
@media (max-width: 574.98px) {
  .twwwins-testimonail-dvdr {
    width: 100px;
  }
}
.twwwins-testimonail-progress {
  position: relative;
}
.twwwins-testimonail-progress::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: var(--progress, 0%);
  background: var(--twwwins-gold-color);
  transition: width 0.4s ease;
}
.twwwins-testimonail-button-prev, .twwwins-testimonail-button-next {
  position: absolute;
  top: 52px;
  left: 0;
}
.twwwins-testimonail-button-next {
  left: auto;
  right: 0;
}
.twwwins-testimonail-button-prev.swiper-button-disabled, .twwwins-testimonail-button-next.swiper-button-disabled {
  opacity: 0.4;
}
.twwwins-testimonail-title {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-testimonail-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-testimonail-title {
    font-size: 25px;
  }
  .twwwins-testimonail-title br {
    display: none;
  }
}

.twwwinstesti {
  background-color: var(--twwwins-white-color);
  border-radius: 20px;
  padding: 10px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinstesti {
    margin-bottom: 20px;
  }
}
.twwwinstesti__content {
  padding: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwinstesti__content {
    padding: 20px 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinstesti__content {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinstesti__content {
    padding: 30px;
    padding-bottom: 15px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinstesti__content {
    padding: 15px;
  }
}
.twwwinstesti__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwinstesti__title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinstesti__title {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinstesti__title {
    font-size: 17px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinstesti__title {
    margin-bottom: 15px;
  }
}
.twwwinstesti__address {
  display: inline-block;
  line-height: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwinstesti__address::before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 1px;
  background-color: var(--twwwins-body-color);
  transform: translateY(-6px);
  margin-right: 8px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwinstesti__thumb {
  margin-top: -140px;
  margin-bottom: 10px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinstesti__thumb {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinstesti__thumb {
    margin-top: -112px;
  }
}
@media (max-width: 574.98px) {
  .twwwinstesti__thumb {
    margin-top: -101px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinstesti__thumb {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinstesti__thumb img {
    width: 100%;
    height: 90px;
    object-fit: cover;
  }
}
.twwwinstesti__quote {
  bottom: -10px;
  right: 30px;
}
.twwwinstesti__quote svg {
  color: rgba(0, 0, 0, 0.06);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwinstesti:hover, .twwwinstesti.active {
  background-color: var(--twwwins-theme-color);
}
.twwwinstesti:hover .twwwinstesti__thumb, .twwwinstesti.active .twwwinstesti__thumb {
  margin-top: 0;
  margin-bottom: 0;
}
.twwwinstesti:hover .twwwinstesti__title, .twwwinstesti.active .twwwinstesti__title {
  color: var(--twwwins-white-color);
}
.twwwinstesti:hover .twwwinstesti__address, .twwwinstesti.active .twwwinstesti__address {
  color: var(--twwwins-white-color);
}
.twwwinstesti:hover .twwwinstesti__address::before, .twwwinstesti.active .twwwinstesti__address::before {
  background-color: var(--twwwins-white-color);
}
.twwwinstesti:hover .twwwinstesti__quote svg, .twwwinstesti.active .twwwinstesti__quote svg {
  color: rgba(255, 255, 255, 0.2);
}

.twwwins-testi-card {
  max-width: 850px;
  /* min-height: 600px; */
  background-color: var(--twwwins-red-color);
  display: flex;
  padding: 60px;
  border-radius: 20px;
  position: absolute;
  right: 0;
  bottom: -120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-testi-card {
    min-width: 100%;
    min-height: 500px;
    padding: 60px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-testi-card {
    padding: 40px 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-testi-card {
    position: unset;
    min-width: 100%;
    flex-wrap: wrap;
    padding: 40px 20px;
    border-radius: 0;
  }
}
.twwwins-testi-card-awards {
  display: flex;
  align-items: center;
  grid-gap: 25px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-testi-card-awards {
    margin-bottom: 15px;
  }
}
.twwwins-testi-card-awards img {
  flex: 0 0 auto;
}
.twwwins-testi-card-content p {
  line-height: 26px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-testi-card-content p br {
    display: none;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-testi-card-review {
    padding-top: 20px;
  }
}
.twwwins-testi-card-review img {
  display: block;
}
.twwwins-testi-card-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-testi-card-left {
    padding-right: 35px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-testi-card-left {
    padding-right: 0;
    margin-bottom: 30px;
  }
}
.twwwins-testi-card-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-testi-card-right {
    padding-left: 35px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-testi-card-right {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-testi-card-title {
    font-size: 25px;
  }
}
.twwwins-testi-fact-num {
  font-size: 140px;
  letter-spacing: -0.06em;
  line-height: 120px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-testi-fact-num {
    font-size: 100px;
    line-height: 80px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-testi-fact-num {
    font-size: 80px;
    line-height: 60px;
  }
}
.twwwins-testi-fact-num .odometer {
  line-height: 103px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-testi-fact-num .odometer {
    line-height: 80px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-testi-fact-num .odometer {
    line-height: 60px;
  }
}
.twwwins-testi-fact p {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-testi-fact p {
    font-size: 18px;
  }
}

/*----------------------------------------*/
/*  8.1 Video Css Here
/*----------------------------------------*/
.twwwins-video-title {
  font-size: 50px;
}
.twwwins-video-play {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  width: 140px;
  height: 140px;
  background-color: var(--twwwins-gray-color);
  border-radius: 50%;
  color: var(--twwwins-theme-color);
}
.twwwins-video-play:hover {
  background-color: var(--twwwins-gold-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-video-play {
    width: 100px;
    height: 100px;
    grid-gap: 5px;
  }
}
.twwwins-video-play-spacing {
  padding: 195px 0;
  padding-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-video-play-spacing {
    padding-top: 100px;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-video-play-spacing {
    padding: 70px 0;
    display: flex;
    justify-content: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-video-spacing {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-video-spacing {
    padding-bottom: 0;
    padding-top: 70px;
  }
}
.twwwins-video-shape-1 {
  top: 44%;
  left: 0;
}
.twwwins-video-shape-2 {
  top: 110px;
  left: 225px;
}
.twwwins-video-shape-3 {
  top: 0;
  right: 225px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-video-shape-3 {
    top: -60px;
    right: 73px;
  }
}
.twwwins-video-shape-4 {
  right: 0;
  bottom: 128px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-video-shape-4 {
    bottom: auto;
    top: 0;
  }
}
.twwwins-video-shape-5 {
  bottom: 0;
  right: 35%;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-video-shape-5 {
    bottom: -40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-video-shape-5 {
    bottom: -57px;
    right: 11%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-video-heading {
    text-align: center;
  }
}

/*----------------------------------------*/
/*  8.2 Faq Css Here
/*----------------------------------------*/
.twwwins-faq {
  background: #F5F5F5;
  border-radius: 20px;
  padding: 10px;
}
.twwwins-faq-item {
  border-radius: 10px;
  margin-bottom: 10px;
  background-color: var(--twwwins-white-color);
}
.twwwins-faq-item:last-child {
  margin-bottom: 0;
}
.twwwins-faq-body {
  padding: 32px 30px;
  padding-top: 0;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-faq-body {
    padding: 10px 15px;
    padding-top: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-faq-body p {
    font-size: 15px;
    line-height: 1.5;
  }
}
.twwwins-faq-arrow {
  border-color: transparent;
  height: 30px;
  width: 30px;
  flex: 0 0 auto;
  display: inline-block;
  border-radius: 30px;
  position: relative;
  background-color: var(--twwwins-red-color);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-faq-arrow::before {
  position: absolute;
  content: "";
  width: 13px;
  height: 2px;
  background-color: var(--twwwins-white-color);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-faq-button {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.02em;
  width: 100%;
  text-align: start;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-faq-button {
    font-size: 16px;
    padding: 10px 15px;
  }
}
.twwwins-faq-button.collapsed .twwwins-faq-arrow {
  border: 1px solid #000000;
  background-color: transparent;
}
.twwwins-faq-button.collapsed .twwwins-faq-arrow::before {
  content: "+";
  color: var(--twwwins-theme-color);
  width: auto;
  height: auto;
  background-color: transparent;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-faq-spacing {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-faq-spacing {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-faq-heading {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-faq-btn {
    padding-top: 25px;
  }
}

/*----------------------------------------*/
/*  8.3 Brand Css Here
/*----------------------------------------*/
.twwwins-brand {
  padding: 20px 72px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-brand {
    padding: 15px 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-brand {
    padding: 10px 35px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-brand {
    padding: 10px;
  }
}
.twwwins-brand-item {
  height: 140px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
/* .twwwins-brand-item:hover {
  background-color: var(--twwwins-gold-color);
} */
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-brand-item {
    height: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-brand-item {
    height: 90px;
  }
}
.twwwins-brand-border {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.twwwins-brand-black .twwwins-brand-item {
  color: var(--twwwins-theme-color);
}
.twwwins-brand-black .twwwins-brand-item:hover {
  background-color: var(--twwwins-theme-color);
  color: #fff;
}
.twwwins-brand-secondary .twwwins-brand-item {
  color: var(--twwwins-theme-color);
}
.twwwins-brand-text-title {
  font-weight: 800;
  font-size: 160px;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 2px #d9d9d9;
  transition: 0.5s;
  margin-bottom: 0;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-brand-text-title {
    font-size: 120px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-brand-text-title {
    font-size: 80px;
  }
}
.twwwins-brand-text-title:hover {
  -webkit-text-stroke: 2px transparent;
  opacity: 0.5;
  color: var(--twwwins-theme-color);
}
.twwwins-brand-text-wrapper {
  display: flex;
  width: max-content;
  grid-gap: 70px;
  margin-bottom: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-brand-text-wrapper {
    margin-bottom: 60px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-brand-text-wrapper {
    margin-bottom: 40px;
    grid-gap: 30px;
  }
}
.twwwins-brand-spacing {
  padding-top: 80px;
}
.twwwins-brand-spacing-2 {
  padding-top: 100px;
  padding-bottom: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-brand-spacing-2 {
    padding-bottom: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-brand-spacing-2 {
    padding: 70px 0;
  }
}
.twwwins-brand-spacing-3 {
  padding-bottom: 135px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-brand-spacing-3 {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-brand-spacing-3 {
    padding-bottom: 70px;
  }
}
.twwwins-brand-badge {
  background: #FFFFFF;
  box-shadow: 0px 20px 40px rgba(25, 25, 25, 0.1);
  border-radius: 100px;
  width: 180px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 32%;
  z-index: 2;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-brand-badge {
    height: 140px;
    width: 140px;
  }
}
.twwwins-brand-badge-shape {
  top: 16px;
  left: 15px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-brand-badge-shape {
    top: 10px;
    left: 8px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-brand-badge-shape img {
    max-width: 95%;
  }
}
.twwwins-brand-badge span {
  width: 80px;
  height: 80px;
  background: var(--twwwins-gold-color);
  display: inline-block;
  line-height: 80px;
  text-align: center;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-brand-badge span {
    height: 50px;
    width: 50px;
  }
}
.twwwins-brand-badge span img {
  transform: translateX(-2px);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-brand-badge span img {
    max-width: 25%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-brand-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-brand-text {
    padding-bottom: 20px;
  }
}

.twwwinsbrand__text {
  min-height: 180px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinsbrand__text {
    min-height: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwinsbrand__text {
    min-height: 100px;
  }
}
.twwwinsbrand__text-title {
  font-size: 180px;
  display: flex;
  align-items: center;
  grid-gap: 50px;
  transition: 0.4s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinsbrand__text-title {
    font-size: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsbrand__text-title {
    font-size: 100px;
  }
}
.twwwinsbrand__text-title:hover {
  opacity: 1;
}
.twwwinsbrand__text-item {
  font-size: 180px;
  display: flex;
  align-items: center;
  grid-gap: 50px;
}
.twwwinsbrand__text-wrap {
  display: flex;
  align-items: center;
  grid-gap: 50px;
}

/*----------------------------------------*/
/*  8.4 Project Css Here
/*----------------------------------------*/
.twwwins-project {
  border-radius: 60px;
  max-height: 930px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project {
    margin-bottom: 20px;
    border-radius: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project {
    margin-bottom: 20px;
    border-radius: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-slider-wrap {
    padding: 0 10px;
  }
}
.twwwins-project-title {
  font-size: 80px;
  letter-spacing: -0.03em;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-project-title {
    font-size: 65px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-project-title {
    font-size: 60px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project-title {
    font-size: 55px;
    margin-bottom: 10px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-title {
    font-size: 35px;
    margin-bottom: 10px;
  }
}
.twwwins-project-title-short {
  font-size: 60px;
}
.twwwins-project-title-short a:hover {
  color: var(--twwwins-gold-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-project-title-short {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project-title-short {
    font-size: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-title-short {
    font-size: 35px;
  }
}
.twwwins-project-main {
  min-height: 930px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 110px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project-main {
    min-height: 500px;
    padding: 60px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-main {
    min-height: 450px;
    padding: 30px 0;
  }
}
.twwwins-project-content p {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--twwwins-theme-color);
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-project-content p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-content p {
    font-size: 18px;
  }
}
@media (max-width: 574.98px) {
  .twwwins-project-content p br {
    display: none;
  }
}
.twwwins-project-meta span, .twwwins-project-meta a {
  line-height: 1;
  display: inline-block;
  font-weight: 500;
  color: var(--twwwins-theme-color);
  padding: 9px 15px;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 30px;
  margin-right: 5px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-meta span, .twwwins-project-meta a {
    font-size: 15px;
    padding: 5px 10px;
    margin-bottom: 5px;
  }
}
.twwwins-project-meta span:hover, .twwwins-project-meta a:hover {
  background-color: var(--twwwins-gold-color);
  border-color: transparent;
}
.twwwins-project-meta-2 {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-wrap: wrap;
}
.twwwins-project-meta-2 span {
  background-color: var(--twwwins-white-color);
  border-color: transparent;
}
.twwwins-project-meta-2 span:hover {
  background-color: var(--twwwins-gold-color);
}
.twwwins-project-back-text {
  font-weight: 800;
  font-size: 180px;
  letter-spacing: -0.04em;
  color: rgba(0, 0, 0, 0.1);
  left: 0;
  top: 50px;
  right: 0;
  text-align: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-project-back-text {
    font-size: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project-back-text {
    font-size: 100px;
    z-index: -1;
    top: -33px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-back-text {
    font-size: 50px;
    z-index: -1;
  }
}
.twwwins-project-spacing {
  padding-top: 145px;
  padding-bottom: 85px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-project-spacing {
    padding: 100px 0;
    padding-bottom: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-spacing {
    padding-top: 70px;
    padding-bottom: 35px;
    border-radius: 0;
  }
}
.twwwins-project-spacing-2 {
  padding-top: 100px;
  padding-bottom: 50px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800.98px), only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .twwwins-project-spacing-2 {
    padding-bottom: 200px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .twwwins-project-spacing-2 {
    padding-bottom: 300px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-project-spacing-2 {
    padding-bottom: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project-spacing-2 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-spacing-2 {
    padding-top: 70px;
    padding-bottom: 0;
  }
}
.twwwins-project-spacing-3 {
  padding: 145px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-project-spacing-3 {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project-spacing-3 {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-project-spacing-3 {
    padding: 70px 0;
  }
}
.twwwins-project-btn {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-btn-2 {
    padding-top: 20px;
    justify-content: start;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-project-heading {
    margin-bottom: 40px;
  }
}
.twwwins-project-wrap {
  grid-gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project-wrap {
    flex-wrap: wrap;
    grid-gap: 15px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-wrap {
    flex-wrap: wrap;
  }
}
.twwwins-project-short {
  min-height: 930px;
  padding: 75px;
  padding-right: 60px;
  padding-bottom: 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-project-short {
    min-height: 700px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-project-short {
    min-height: 550px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project-short {
    min-height: 450px;
    padding: 50px;
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-short {
    min-height: 350px;
    padding: 20px;
    margin-bottom: 10px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-short-heading {
    margin-bottom: 35px;
  }
}
.twwwins-project-tabs {
  z-index: 9;
  padding: 10px;
  border-radius: 80px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project-tabs {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-project-tabs {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-tabs {
    border-radius: 40px;
  }
}
.twwwins-project-tabs .nice-select {
  height: 60px;
  border-color: transparent;
  background: var(--twwwins-gray-color);
  padding: 0 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-project-tabs .nice-select {
    padding: 0 20px;
  }
  .twwwins-project-tabs .nice-select::after {
    right: 20px;
  }
}
.twwwins-project-tabs .nice-select.no-arrow::after {
    display: none;
}
.twwwins-project-tabs form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 13px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-tabs form {
    flex-wrap: wrap;
  }
}
.twwwins-project-details-info {
  padding-top: 180px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project-details-info {
    margin-bottom: 50px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-details-info {
    margin-bottom: 20px;
  }
}
.twwwins-project-details-info-icon {
  width: 60px;
  height: 60px;
  background-color: var(--twwwins-gold-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--twwwins-theme-color);
  border: 1px solid transparent;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-details-info-icon {
    margin-right: 10px;
  }
}
.twwwins-project-details-info-content span {
  font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-details-info-content span {
    font-size: 16px;
  }
}
.twwwins-project-details-info-title {
  font-size: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-details-info-title {
    font-size: 18px;
  }
}
.twwwins-project-details-info-box {
  padding: 60px;
  border-radius: 20px 0 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project-details-info-box {
    padding: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-details-info-box {
    padding: 20px;
    margin-left: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-details-info-item {
    padding-bottom: 10px;
  }
}
.twwwins-project-details-info-item:hover .twwwins-project-details-info-icon {
  border-color: var(--twwwins-gold-color);
  background-color: transparent;
}
.twwwins-project-details-list ul li {
  color: var(--twwwins-theme-color);
}
.twwwins-project-details-title {
  font-size: 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-details-title {
    margin-bottom: 30px;
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project-details-heading {
    margin-bottom: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-details-heading {
    margin-bottom: 35px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-about {
    margin-bottom: 10px;
  }
}
.twwwins-project-about-main {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project-about-main {
    padding-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-about-main {
    padding-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-about-wrap {
    flex-wrap: wrap;
  }
}
.twwwins-project:hover .twwwins-project-btn {
  opacity: 1;
  visibility: visible;
  top: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-feature {
    padding-top: 50px;
  }
}
.twwwins-project-feature-icon {
  width: 100px;
  height: 100px;
  border: 1px solid #ddd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-feature-icon {
    width: 70px;
    height: 70px;
  }
  .twwwins-project-feature-icon svg {
    width: 35px;
  }
}
.twwwins-project-feature-item {
  min-width: 219px;
  padding: 60px 30px;
  padding-top: 54px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-project-feature-item {
    min-width: 155px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project-feature-item {
    padding: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-feature-item {
    padding: 25px;
    min-width: inherit;
    width: 50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-feature-item {
    width: 33.33%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-feature-item {
    min-width: 170px;
  }
}
.twwwins-project-feature-item:not(:last-child) {
  border-right: 1px solid var(--twwwins-white-color);
}
.twwwins-project-feature-item span {
  font-size: 18px;
  font-weight: 600;
}
.twwwins-project-feature-item:hover .twwwins-project-feature-icon {
  background-color: var(--twwwins-red-color);
  color: var(--twwwins-theme-color);
  border-color: transparent;
}
.twwwins-project-feature-wrap:not(:last-child) {
  border-bottom: 1px solid var(--twwwins-white-color);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-feature-wrap {
    flex-wrap: wrap;
  }
}
.twwwins-project-feature-dot {
  width: 20px;
  height: 20px;
  background-color: var(--twwwins-gray-color);
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  bottom: -10px;
  right: -10px;
  z-index: 1;
}
.twwwins-project-gallery-active {
  margin: 0 -130px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-gallery-active {
    margin: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-gallery-tabs li {
    margin-bottom: 5px;
  }
}
.twwwins-project-gallery-tabs li:not(:last-child) {
  margin-right: 10px;
  margin-bottom: 15px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-gallery-tabs li:not(:last-child) {
    margin-right: 5px;
  }
}
.twwwins-project-gallery-tabs li button {
  color: #1D2132;
  font-weight: 600;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 30px;
  line-height: 1;
  padding: 5px 9px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-project-gallery-tabs li button.active {
  border-color: transparent;
  background-color: var(--twwwins-gold-color);
}
.twwwins-project-gallery-tabs.twwwins-connect-tabs li button {
  color: var(--twwwins-theme-color);
  font-weight: 400;
  letter-spacing: -0.02em;
  padding: 7px 16px;
}
.twwwins-project-gallery-tabs.twwwins-connect-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.twwwins-contact-pill {
  color: var(--twwwins-theme-color);
  font-weight: 400;
  letter-spacing: -0.02em;
  padding: 7px 16px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 30px;
  line-height: 1;
  background-color: transparent;
  cursor: default;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-contact-pill:hover {
  border-color: transparent;
  background-color: var(--twwwins-gold-color);
}
.twwwins-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.twwwins-gallery-grid-item {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.twwwins-gallery-grid-item img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
  transition: transform 0.3s;
}
.twwwins-gallery-grid-item:hover img {
  transform: scale(1.05);
}
@media (max-width: 991.98px) {
  .twwwins-gallery-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767.98px) {
  .twwwins-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  .twwwins-gallery-grid-item img {
    height: 180px;
  }
}
@media (max-width: 574.98px) {
  .twwwins-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
  }
  .twwwins-gallery-grid-item img {
    height: 150px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-gallery-tab {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-des-main {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project-location {
    padding-top: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project-location {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project-location-des {
    padding-bottom: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-project {
    margin-bottom: 40px;
  }
}
.twwwins-project__title {
  font-size: 20px;
}
.twwwins-project__title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--twwwins-theme-color) 0%, var(--twwwins-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.twwwins-project__title a:hover {
  background-size: 100% 1px;
}
.twwwins-project__content {
  background: var(--twwwins-white-color);
  border-radius: 20px;
  padding: 16px 28px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.twwwins-project__content::before {
  position: absolute;
  content: "";
  background-color: var(--twwwins-red-color);
  height: 0%;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-project__meta {
  background: linear-gradient(239.18deg, rgba(0, 0, 0, 0.06) 17.93%, rgba(0, 0, 0, 0.015) 81.51%);
  backdrop-filter: blur(20px);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: end;
  padding: 30px;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-project__meta {
    padding: 30px;
  }
}
@media (max-width: 574.98px) {
  .twwwins-project__meta {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project__meta {
    flex-direction: row;
    justify-content: center;
  }
}
.twwwins-project__meta {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-project__meta a {
  border-color: rgba(255, 255, 255, 0.35);
  color: var(--twwwins-white-color);
}
.twwwins-project__meta a:hover {
  background-color: var(--twwwins-gold-color);
  color: var(--twwwins-theme-color);
}
.twwwins-project:hover .twwwins-project__meta, .twwwins-project.active .twwwins-project__meta {
  opacity: 1;
  visibility: visible;
}
.twwwins-project:hover .twwwins-project__content::before, .twwwins-project.active .twwwins-project__content::before {
  height: 100%;
}

.twwwins-project2 {
  width: 308px;
  min-height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 27px;
  transition: all 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project2 {
    min-height: 400px;
    width: 100%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project2 {
    min-height: 350px;
    padding: 15px;
    margin-bottom: 15px;
    width: 100%;
  }
}
.twwwins-project2__title {
  font-size: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project2__title br {
    display: none;
  }
}
.twwwins-project2__title-larg {
  position: absolute;
  bottom: 40px;
  left: 40px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3;
  transition-duration: 0.5s;
  transition-delay: 0.2s;
  transform: translateY(10px);
}
.twwwins-project2__title-larg a:hover {
  color: var(--twwwins-gold-color);
}

@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-project2__title-larg {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project2__title-larg {
    font-size: 25px;
    left: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project2__title-larg {
    font-size: 20px;
  }
}
.twwwins-project2__date {
  margin-bottom: 7px;
}
.twwwins-project2__img-short {
  border-radius: 10px;
  margin-left: -17px;
  margin-top: -17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project2__img-short {
    margin: 0;
    max-width: 70%;
  }
}
.twwwins-project2__img-hover {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  height: 100%;
  object-fit: cover;
  width: 100%;
  left: 0;
  top: 0;
  transition-duration: 1s;
  transition: all 0.3s;
}
.twwwins-project2__icon a {
  width: 30px;
  height: 30px;
  background: var(--twwwins-theme-color);
  color: var(--twwwins-white-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  z-index: 1;
  position: relative;
}
.twwwins-project2.active {
  width: 645px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project2.active {
    width: 100%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project2.active {
    width: 100%;
  }
}
.twwwins-project2.active .twwwins-project2__img-hover {
  opacity: 1;
  visibility: visible;
}
.twwwins-project2.active .twwwins-project2__icon a {
  background-color: var(--twwwins-gold-color);
  color: var(--twwwins-theme-color);
}
.twwwins-project2.active .twwwins-project2__content {
  opacity: 0;
  visibility: hidden;
}
.twwwins-project2.active .twwwins-project2__title-larg {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/*----------------------------------------*/
/*  8.5 Error Css Here
/*----------------------------------------*/
.twwwins-error {
  max-width: 705px;
  padding: 60px;
  padding-top: 54px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-error {
    padding: 30px;
    padding-top: 5px;
    transform: translateY(10px);
  }
}
.twwwins-error-gap {
  margin: 30px 0;
}
.twwwins-error-main {
  min-height: 930px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-error-main {
    min-height: 800px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-error-main {
    min-height: 550px;
  }
}
.twwwins-error-title {
  font-size: 240px;
  line-height: 180px;
  letter-spacing: -0.04em;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-error-title {
    font-size: 150px;
    line-height: 1;
    margin-bottom: 0;
  }
}
.twwwins-error p {
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 24px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-error p {
    font-size: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-error-link {
    padding-top: 10px;
  }
}
.twwwins-error-link a {
  display: block;
  background: var(--twwwins-red-color);
  line-height: 1;
  color: var(--twwwins-white-color);
  font-weight: 600;
  border-radius: 60px;
  padding: 22px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-error-link a {
    padding: 15px;
    font-size: 15px;
  }
}
.twwwins-error-link a:hover {
  background-color: var(--twwwins-gold-color);
  color: var(--twwwins-theme-color);
}
.twwwins-error-shape {
    right: 0;
    bottom: -250px;
    z-index: -1;
    mix-blend-mode: overlay;
    height: 100%;
}
.twwwins-error-shape1 {
    left: -150px;
    bottom: 170px;
    z-index: -11;
    mix-blend-mode: difference;
    height: 30%;
}
.twwwins-error-shape .twwwins-error-shape1 img {
  height: 100%;
}

/*----------------------------------------*/
/*  8.6 Feature Css Here
/*----------------------------------------*/
.twwwinsfeature {
  padding: 25px;
  border-radius: 20px;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinsfeature {
    padding: 18px;
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsfeature {
    padding: 18px;
    margin-bottom: 20px;
  }
}
.twwwinsfeature__num {
  display: inline-block;
  background: var(--twwwins-theme-color);
  color: var(--twwwins-white-color);
  font-size: 18px;
  letter-spacing: -0.02em;
  font-weight: 600;
  padding: 0 11px;
  border-radius: 20px;
  height: 30px;
}
.twwwinsfeature__num-2 {
  background-color: var(--twwwins-gold-color);
  color: var(--twwwins-theme-color);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwinsfeature__title {
  margin-bottom: 13px;
  line-height: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsfeature__title {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsfeature__title {
    font-size: 18px;
  }
}
.twwwinsfeature__deg {
  opacity: 0;
  margin-bottom: -100px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinsfeature__deg {
    margin-bottom: -125px;
  }
}
@media (max-width: 574.98px) {
  .twwwinsfeature__deg {
    margin-bottom: -130px;
  }
}
.twwwinsfeature__wrap {
  display: flex;
  grid-gap: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinsfeature__wrap {
    grid-gap: 10px;
  }
}
.twwwinsfeature__content {
  transform: translateY(3px);
}
.twwwinsfeature:hover, .twwwinsfeature.active {
  background-color: var(--twwwins-gold-color);
}
.twwwinsfeature:hover.twwwinsfeature__white, .twwwinsfeature.active.twwwinsfeature__white {
  background-color: var(--twwwins-white-color);
}
.twwwinsfeature:hover .twwwinsfeature__num-2, .twwwinsfeature.active .twwwinsfeature__num-2 {
  background-color: var(--twwwins-theme-color);
  color: var(--twwwins-white-color);
}
.twwwinsfeature:hover .twwwinsfeature__title, .twwwinsfeature.active .twwwinsfeature__title {
  color: var(--twwwins-theme-color);
}
.twwwinsfeature:hover .twwwinsfeature__deg, .twwwinsfeature.active .twwwinsfeature__deg {
  opacity: 1;
  margin-bottom: 0;
}
.twwwinsfeature:hover .twwwinsfeature__content, .twwwinsfeature.active .twwwinsfeature__content {
  transform: translateY(3px);
}

.twwwins-feature-end {
  align-items: flex-end;
}
.twwwins-feature-spacing {
  padding-top: 180px;
  padding-bottom: 130px;
}
.twwwins-feature-bg::after {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, rgba(245, 245, 245, 0) 26.92%, #F5F5F5 60%);
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
}
.twwwins-feature-bg-shape {
  top: 80px;
  right: 0;
  z-index: -1;
}

/*----------------------------------------*/
/*  8.7 Misson Css Here
/*----------------------------------------*/
.twwwins-misson-spacing {
  padding-top: 350px;
  padding-bottom: 460px;
  margin-bottom: 170px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-misson-spacing {
    padding-bottom: 400px;
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-misson-spacing {
    padding-top: 260px;
    padding-bottom: 350px;
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-misson-spacing {
    padding: 200px 0;
    margin-bottom: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-misson-spacing {
    padding: 70px 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-misson-shape img {
    max-width: 85%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-misson-shape img {
    max-width: 20%;
  }
}
.twwwins-misson-shape-1 {
  top: 110px;
  left: -223px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .twwwins-misson-shape-1 {
    top: 73px;
    left: -127px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-misson-shape-1 {
    top: 70px;
    left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-misson-shape-1 {
    left: -31px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-misson-shape-1 {
    left: 0;
    top: 0;
  }
}
.twwwins-misson-shape-2 {
  top: 0;
  right: 29%;
}
.twwwins-misson-shape-3 {
  top: 41%;
  right: -230px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .twwwins-misson-shape-3 {
    top: 48%;
    right: -125px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .twwwins-misson-shape-3 {
    top: 50%;
    right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-misson-shape-3 {
    right: -31px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-misson-shape-3 {
    right: 0;
    top: 65px;
  }
}
.twwwins-misson-shape-4 {
  bottom: 0;
  right: 21%;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-misson-shape-4 {
    bottom: 55px;
    right: 34%;
  }
}
.twwwins-misson-shape-5 {
  left: 0;
  bottom: 170px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-misson-shape-5 {
    bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-misson-shape-5 {
    bottom: 20px;
  }
}
.twwwins-misson-shape-back {
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  top: 64px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-misson-shape-back {
    max-width: 70%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-misson-shape-back {
    max-width: 60%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-misson-shape-back {
    top: 25%;
    max-width: 55%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-misson-title {
    font-size: 75px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-misson-title {
    font-size: 55px;
  }
}
@media (max-width: 574.98px) {
  .twwwins-misson-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-misson-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-misson-heading {
    margin-left: 0;
  }
}

/*----------------------------------------*/
/*  8.8 Choose Css Here
/*----------------------------------------*/
.twwwins-choose-area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.twwwins-choose-bg {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.twwwins-choose-spacing {
  height: 100vh;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-choose-spacing {
    height: 65vh;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-choose-spacing {
    height: 85vh;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-choose-spacing-2 {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-choose-spacing-2 {
    padding: 70px 0;
  }
}
.twwwins-choose-spacing-3 {
  padding: 145px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-choose-spacing-3 {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-choose-spacing-3 {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-choose-spacing-3 {
    padding: 70px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-choose-area {
    border-radius: 0;
  }
}
.twwwins-choose-thumb {
  grid-gap: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-choose-thumb {
    margin-bottom: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-choose-thumb {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
  }
}
.twwwins-choose-rating {
  background-color: var(--twwwins-gold-color);
  border-radius: 20px;
  padding: 20px;
}
.twwwins-choose-rating-num {
  font-size: 50px;
  letter-spacing: -0.06em;
  line-height: 1;
}
.twwwins-choose-rating p {
  letter-spacing: -0.015em;
}
.twwwins-choose-rating-icons {
  line-height: 1;
  padding: 5px 0;
  padding-top: 13px;
}
.twwwins-choose-feature-wrap:first-child .twwwinschofeat {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-choose-heading {
    transform: translateY(-210px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-choose-heading {
    transform: translateY(0px);
    margin-top: 0px;
  }
}
.twwwins-choose-2 {
  position: relative;
}
.twwwins-choose-2::before, .twwwins-choose-2::after {
  position: absolute;
  content: "";
  background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 300px;
  bottom: 0;
  left: 0;
}
.twwwins-choose-2::after {
  top: 0;
  background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  transform: matrix(1, 0, 0, -1, 0, 0);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-choose-2-heading {
    margin-bottom: 40px;
  }
}
.twwwins-choose-2-spacing {
  min-height: 930px;
  max-width: 1600px;
  margin: 0 auto;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-choose-2-spacing {
    min-height: 750px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-choose-2-spacing {
    min-height: auto;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-choose-wrap {
    display: flex;
    flex-direction: column;
    grid-gap: 20px;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-choose-wrap {
    flex-direction: row;
    grid-gap: 10px;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-choose-wrap-spacing {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
  }
}
@media (max-width: 574.98px) {
  .twwwins-choose-button {
    justify-content: start;
    padding-top: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-choose-slide-item {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-choose-slide-item {
    padding-bottom: 0;
  }
}

.twwwins-choose {
  padding: 40px;
  padding-bottom: 25px;
  border-radius: 20px;
  max-width: 308px;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-choose {
    padding: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-choose {
    max-width: 250px;
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-choose {
    max-width: 100%;
    padding: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-choose {
    position: inherit;
    max-width: 100%;
    padding: 20px;
    padding-bottom: 5px;
    margin-bottom: 20px;
  }
}
.twwwins-choose__icon svg {
  color: var(--twwwins-theme-color);
}
.twwwins-choose__icon-white svg {
  color: var(--twwwins-white-color);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-choose__icon {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-choose__icon {
    margin-bottom: 40px;
  }
}
.twwwins-choose__blur-bg {
  background: linear-gradient(239.18deg, rgba(0, 0, 0, 0.2) 17.93%, rgba(0, 0, 0, 0.05) 81.51%);
  backdrop-filter: blur(20px);
}
.twwwins-choose__title a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-choose__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-choose__title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-choose__title {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
@media (max-width: 574.98px) {
  .twwwins-choose__title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.twwwins-choose__2 {
  max-width: 308px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-choose__2 {
    max-width: 250px;
  }
}
@media (max-width: 574.98px) {
  .twwwins-choose__2 {
    max-width: 100%;
  }
}
.twwwins-choose__2--item-1 {
  top: 26px;
  left: 0;
}
.twwwins-choose__2--item-2 {
  bottom: 0;
  left: 114px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-choose__2--item-2 {
    left: 0;
  }
}
@media (max-width: 574.98px) {
  .twwwins-choose__2--item-2 {
    left: 0;
  }
}
.twwwins-choose__2--item-3 {
  bottom: 145px;
  left: 28%;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-choose__2--item-3 {
    bottom: 38px;
    left: 30%;
  }
}
.twwwins-choose__2--item-4 {
  top: 275px;
  right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-choose__2--item-4 {
    top: 112px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-choose__2--item-4 {
    top: 340px;
  }
}
.twwwins-choose__2--item-5 {
  right: 168px;
  bottom: 180px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-choose__2--item-5 {
    right: 58px;
    bottom: 110px;
  }
}
.twwwins-choose__item-2 {
  transform: translateY(50px);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-choose__item-2 {
    transform: translateY(0);
  }
}
.twwwins-choose__item-3 {
  margin-right: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-choose__item-3 {
    margin-right: 0;
  }
}
.twwwins-choose__item-4 {
  margin-left: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-choose__item-4 {
    margin-right: 0;
  }
}

.twwwinschofeat {
  display: flex;
  grid-gap: 30px;
  padding: 25px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinschofeat {
    padding: 15px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinschofeat {
    grid-gap: 20px;
    padding: 20px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinschofeat__title {
    font-size: 20px;
  }
}

/*----------------------------------------*/
/*  8.9 Value Css Here
/*----------------------------------------*/
.twwwins-value-icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--twwwins-gold-color);
  border-radius: 100px;
  color: var(--twwwins-theme-color);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwins-value-icon-wrap p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 18px;
  font-weight: 500;
}
.twwwins-value-item {
  width: 100%;
  height: 100%;
  padding: 60px 45px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 45px;
  margin-left: -1px;
  margin-bottom: -1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-value-item {
    padding: 30px;
  }
}
@media (max-width: 574.98px) {
  .twwwins-value-item {
    padding: 20px;
  }
}
.twwwins-value-item:hover .twwwins-value-icon {
  background-color: var(--twwwins-white-color);
}
.twwwins-value-item:hover .twwwins-value-icon-wrap p {
  color: var(--twwwins-white-color);
}
.twwwins-value-title {
  font-size: 20px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-value-title {
    font-size: 18px;
  }
}
.twwwins-value-content p {
  color: rgba(255, 255, 255, 0.6);
}
.twwwins-value-left-border {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.twwwins-value-left-border > .col-xl-6:first-child .twwwins-value-item {
  padding-top: 145px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-value-left-border > .col-xl-6:first-child .twwwins-value-item {
    padding-top: 60px;
  }
}
.twwwins-value-left-border > .col-xl-6:last-child .twwwins-value-item {
  padding-bottom: 145px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-value-left-border > .col-xl-6:last-child .twwwins-value-item {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1700px) and (max-width: 1800.98px), only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .twwwins-value-spacing {
    margin: 0 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-value-spacing {
    margin: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-value-spacing {
    padding: 0 12px;
    padding-top: 70px;
    border-radius: 0;
  }
}
.twwwins-value-spacing-2 {
  padding-top: 150px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-value-spacing-2 {
    padding-top: 120px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-value-spacing-2 {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-value-spacing-2 {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
.twwwins-value-heading {
  padding-top: 150px;
  padding-left: 125px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-value-heading {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-value-heading {
    padding-top: 100px;
    padding-left: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-value-heading {
    padding-top: 0;
    padding-left: 0;
  }
}

.twwwinsvalue {
  background: var(--twwwins-white-color);
  padding: 45px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsvalue {
    padding: 30px;
  }
}
.twwwinsvalue__title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--twwwins-theme-color) 0%, var(--twwwins-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.twwwinsvalue__title a:hover {
  background-size: 100% 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwinsvalue__title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsvalue__title {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsvalue__icon {
    margin-bottom: 30px;
  }
  .twwwinsvalue__icon img {
    width: 90px;
    height: 90px;
  }
}
.twwwinsvalue:hover .twwwinsvalue__icon img {
  animation-name: twwwinsshake;
  animation-timing-function: ease-in-out;
  animation-duration: 0.4s;
  animation-iteration-count: 1;
}

/*----------------------------------------*/
/*  9.0 Award Css Here
/*----------------------------------------*/
.twwwins-awards-badge {
  width: 308px;
  height: 308px;
  border-radius: 100%;
  text-align: center;
  padding-top: 107px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-awards-badge {
    width: 250px;
    height: 250px;
    padding-top: 75px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-awards-badge {
    width: 200px;
    height: 200px;
    padding-top: 60px;
  }
}
.twwwins-awards-badge-deg {
  font-size: 18px;
  display: inline-block;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.twwwins-awards-badge-up {
  margin-top: -178px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-awards-badge-up {
    margin-top: -120px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-awards-badge-up {
    margin-top: -75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-awards-badge-wrap {
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
  }
}
.twwwins-awards-num {
  font-size: 120px;
  font-weight: 800;
  line-height: 80px;
  letter-spacing: -0.04em;
  margin-bottom: 0;
}
.twwwins-awards-num.odometer {
  display: block;
  line-height: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-awards-num.odometer {
    line-height: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-awards-num.odometer {
    line-height: 60px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-awards-num.odometer {
    line-height: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-awards-num {
    font-size: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-awards-num {
    font-size: 80px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-awards-num {
    font-size: 60px;
  }
}
.twwwins-awards-shape {
  left: 50%;
  transform: translateX(-50%);
  top: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-awards-spacing {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-awards-spacing {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-awards-spacing-2 {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-awards-spacing-2 {
    padding-top: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-awards-spacing-2 {
    padding-top: 70px;
  }
}

.twwwinsawards {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 25px 27px;
}
.twwwinsawards__title {
  width: 55%;
  font-size: 20px;
  transform: translateY(-2px);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsawards__title {
    margin-bottom: 10px;
    width: 100%;
  }
}
.twwwinsawards__arrow {
  width: 12%;
  text-align: end;
  transform: translateY(-1px);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsawards__arrow {
    text-align: start;
  }
}
.twwwinsawards__year {
  width: 18%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsawards__year {
    width: 12%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsawards__year {
    margin-bottom: 10px;
    width: 100%;
  }
}
.twwwinsawards__shape {
  top: -48px;
  right: 23%;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsawards__shape {
    right: 5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsawards__shape img {
    width: 70%;
  }
}
.twwwinsawards__content {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  justify-content: start;
  flex-wrap: wrap;
}
.twwwinsawards__content p {
  width: 15%;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinsawards__content p {
    width: 21%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsawards__content p {
    width: 100%;
    margin-bottom: 10px;
  }
}
.twwwinsawards:hover .twwwinsawards__content .twwwinsawards__year, .twwwinsawards:hover .twwwinsawards__content .twwwinsawards__title, .twwwinsawards:hover .twwwinsawards__content .twwwinsawards__arrow, .twwwinsawards:hover .twwwinsawards__content p {
  color: var(--twwwins-red-color);
}
.twwwinsawards:hover .twwwinsawards__shape {
  top: -58px;
  opacity: 1;
  visibility: visible;
}
.twwwinsawards__wrap > .twwwinsawards:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.hover-reveal-img .twwwinsawards__shape {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 9;
  overflow: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: scale(0.4);
  visibility: visible;
}

.twwwinsawpost {
  background-color: var(--twwwins-gray-color);
}
.twwwinsawpost__icon {
  width: 120px;
  height: 120px;
  background-color: var(--twwwins-white-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 19px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsawpost__icon {
    width: 90px;
    height: 90px;
    bottom: 10px;
  }
  .twwwinsawpost__icon svg {
    width: 50px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinsawpost__thumb {
    padding-bottom: 30px;
  }
}
.twwwinsawpost__title a {
  position: relative;
}
.twwwinsawpost__title a::before {
  position: absolute;
  content: "";
  background-color: var(--twwwins-theme-color);
  width: 0%;
  height: 1px;
  left: 0;
  bottom: 2px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.twwwinsawpost__title a:hover::before {
  width: 100%;
}
.twwwinsawpost:hover .twwwinsawpost__icon {
  background-color: var(--twwwins-gold-color);
}

/*----------------------------------------*/
/*  9.1 Career Css Here
/*----------------------------------------*/
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-career-heading {
    margin-bottom: 35px;
  }
}
.twwwins-career-card {
  padding: 37px 40px;
  min-height: 300px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-career-card {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-career-card {
    min-height: auto;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-career-card {
    padding: 25px;
  }
}
.twwwins-career-card-deg {
  font-size: 18px;
  line-height: 1.3;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-career-card-main {
    padding-bottom: 10px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-career-card-authors {
    margin-bottom: 10px;
  }
  .twwwins-career-card-authors img {
    max-width: 60%;
  }
}
.twwwins-career-slider {
  padding: 55px 60px;
  padding-bottom: 63px;
  position: relative;
  z-index: 1;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-career-slider {
    padding: 25px;
  }
}
.twwwins-career-slider::before {
  position: absolute;
  content: "";
  background-color: #D02023;
  mix-blend-mode: darken;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-career-slider-author {
    padding-top: 10px;
  }
}
.twwwins-career-slider-author-img img {
  border-radius: 50%;
}
.twwwins-career-slider-author-info p {
  font-size: 14px;
}
.twwwins-career-slider-nav {
  bottom: 50px;
  right: 50px;
  grid-gap: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-career-slider-wrap p br {
    display: none;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-career-slider-icons {
    margin-bottom: 15px;
  }
}
.twwwins-career-box-icon {
  width: 80px;
  height: 80px;
  background-color: var(--twwwins-gray-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-career-box-icon {
    width: 60px;
    height: 60px;
    margin-right: 10px;
  }
  .twwwins-career-box-icon svg {
    width: 25px;
  }
}
.twwwins-career-box-link {
  letter-spacing: -0.02em;
}
.twwwins-career-box-link:hover {
  color: var(--twwwins-red-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-career-box-title {
    font-size: 22px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-career-box-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-career-box-info p {
    margin-bottom: 0;
  }
}
.twwwins-career-spacing {
  padding-top: 145px;
  padding-bottom: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-career-spacing {
    padding-top: 120px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-career-spacing {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-career-spacing {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-career-spacing-2 {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-career-spacing-2 {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-career-spacing-2 {
    padding-bottom: 40px;
  }
}
.twwwins-career-apply-form input, .twwwins-career-apply-form textarea {
  height: 64px;
  border-radius: 10px;
  background: var(--twwwins-white-color);
  border-color: transparent;
  margin-bottom: 10px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-career-apply-form input, .twwwins-career-apply-form textarea {
    height: 60px;
  }
}
.twwwins-career-apply-form input:focus, .twwwins-career-apply-form textarea:focus {
  border-color: var(--twwwins-black-color);
}
.twwwins-career-apply-form input::placeholder, .twwwins-career-apply-form textarea::placeholder {
  font-weight: 400;
}
.twwwins-career-apply-form input::-moz-placeholder, .twwwins-career-apply-form textarea::-moz-placeholder {
  font-weight: 400;
}
.twwwins-career-apply-form textarea {
  height: 140px;
}
.twwwins-career-apply-form button {
  font-weight: 500;
  letter-spacing: -0.02em;
  background: var(--twwwins-theme-color);
  color: var(--twwwins-white-color);
  display: block;
  width: 100%;
  border-radius: 10px;
  padding: 18px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-career-apply-form button {
    padding: 16px;
  }
}
.twwwins-career-apply-form button svg {
  margin-left: 5px;
}
.twwwins-career-apply-box {
  padding: 40px;
  padding-top: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), (max-width: 574.98px) {
  .twwwins-career-apply-box {
    padding: 20px;
    padding-top: 12px;
  }
}
.twwwins-career-apply-shape {
  right: 0;
  bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-career-details-list {
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-career-details-list {
    margin-bottom: 20px;
  }
}
.twwwins-career-details-list-title {
  font-size: 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-career-details-list-title {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
.twwwins-career-details-list ul li {
  list-style: none;
}
.twwwins-career-details-list ul li svg {
  margin-right: 5px;
}
.twwwins-career-details-list ul li:not(:last-child) {
  margin-bottom: 5px;
}
.twwwins-career-details-list ul li span {
  font-weight: 500;
  color: var(--twwwins-theme-color);
}
.twwwins-career-details-nav a {
  font-weight: 500;
  color: var(--twwwins-theme-color);
  background-color: var(--twwwins-gray-color);
  border-radius: 44px;
  display: flex;
  align-items: center;
  grid-gap: 6px;
  width: fit-content;
  padding: 14px 21px;
  line-height: 1;
}
.twwwins-career-details-nav a:hover {
  background-color: var(--twwwins-theme-color);
  color: var(--twwwins-white-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-career-details-wrap {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwins-career-details-wrap {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .twwwins-career-details-heading {
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-career-details-heading {
    margin-bottom: 20px;
  }
}

.twwwinscarjob {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 47px 50px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinscarjob {
    padding: 20px;
  }
}
.twwwinscarjob__title {
  font-size: 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwinscarjob__title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwinscarjob__title {
    font-size: 25px;
  }
}
.twwwinscarjob__title a:hover {
  color: var(--twwwins-red-color);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinscarjob__cta {
    margin-bottom: 15px;
  }
}
.twwwinscarjob__cta span {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: var(--twwwins-theme-color);
  font-size: 17px;
  grid-gap: 10px;
}
.twwwinscarjob__cta span svg {
  color: var(--twwwins-red-color);
}
.twwwinscarjob__link a {
  display: inline-block;
  line-height: 1;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.02em;
  width: fit-content;
  color: var(--twwwins-theme-color);
  background: var(--twwwins-gray-color);
  border-radius: 30px;
  padding: 15px 24px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwinscarjob__link a {
    font-size: 15px;
    padding: 12px 18px;
  }
}
.twwwinscarjob__link a svg {
  margin-left: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .twwwinscarjob__link a svg {
    width: 6px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwinscarjob__main {
    flex-wrap: wrap;
    padding-top: 0;
  }
}
.twwwinscarjob:hover {
  background-color: var(--twwwins-gray-color);
  border-color: transparent;
}
.twwwinscarjob:hover .twwwinscarjob__link a {
  background-color: var(--twwwins-gold-color);
}

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

/* ==========================================
   Additional CSS - Nitesh
   ========================================== */


/* 7. Hide on gadgets */
/* ==========================================================
   .twwwins-hide-1
   Purpose: Show ONLY on Large Desktop Screens
   Hidden : Below 1920px
   Visible: 1920px and above
   ========================================================== */

.twwwins-hide-1 {
    display: none;
}

@media (min-width: 1920px) {
    .twwwins-hide-1 {
        display: inherit !important;
    }
}

/* ==========================================================
   .twwwins-hide-2
   Purpose: Hide ONLY on Mobile Phones
   Hidden : Below 576px
   Visible: 576px and above (Tablet, Laptop, Desktop)
   ========================================================== */

.twwwins-hide-2 {
    display: none;
}

@media (min-width: 576px) {
    .twwwins-hide-2 {
        display: inherit !important;
    }
}

/* ==========================================================
   .twwwins-hide-3
   Purpose: Show ONLY on Mobile Phones
   Visible: Below 576px
   Hidden : 576px and above (Tablet, Laptop, Desktop)
   ========================================================== */

.twwwins-hide-3 {
    display: inherit;
}

@media (min-width: 576px) {
    .twwwins-hide-3 {
        display: none !important;
    }
}

/* ==========================================================
   .twwwins-hide-4
   Purpose: Show on Mobile + Tablet (<992px
   Visible: Below 576px
   Hidden : 576px and above (Tablet, Laptop, Desktop)
   ========================================================== */

.twwwins-hide-4 {
    display: inherit;
}

@media (min-width: 992px) {
    .twwwins-hide-4 {
        display: none !important;
    }
}


/* ==========================================================
   .twwwins-hide-5
   Purpose: Show ONLY on Tablet
   Hidden : Below 576px (Mobile)
            992px and above (Laptop/Desktop)
   Visible: 576px to 991px (Tablet)
   ========================================================== */

.twwwins-hide-5 {
    display: none;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .twwwins-hide-5 {
        display: inherit !important;
    }
}

/* ==========================================================
   .twwwins-hide-6
   Purpose: Hide ONLY on Tablet
   Visible: Below 576px (Mobile)
            992px and above (Laptop/Desktop)
   Hidden : 576px to 991px (Tablet)
   ========================================================== */

.twwwins-hide-6 {
    display: inherit;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .twwwins-hide-6 {
        display: none !important;
    }
}



/* ==========================================
   Additional CSS - Nitesh
========================================== */

/* Reduce hero height to 500px on desktop */
@media (min-width: 1400px) {
    .twwwins-hero-slider-area:has(.twwwins-breadcrumb-menu) .twwwins-hero-slider-main {
        min-height: 550px;
        padding-top: 470px;
    }
}

/* ==========================================
   Services Grid - sequential mobile, masonry desktop
========================================== */
.twwwins-services2__grid {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-top: 20px;
}
@media only screen and (min-width: 992px) {
    .twwwins-services2__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: start;
        column-gap: 30px;
    }
    .twwwins-services2__grid > *:nth-child(3n+1) {
        grid-column: 1;
        transform: translateY(100px);
    }
    .twwwins-services2__grid > *:nth-child(3n+2) {
        grid-column: 2;
    }
    .twwwins-services2__grid > *:nth-child(3n) {
        grid-column: 3;
        transform: translateY(-100px);
    }
    .twwwins-services2__grid > *:nth-child(7) {
        grid-column: 2;
        transform: none;
    }
    .twwwins-services2__grid > *:nth-child(8) {
        grid-column: 3;
        transform: translateY(-100px);
    }
}

/* Contact form response messages */
.ajax-response {
    font-size: 14px;
    padding: 8px 0;
}
.ajax-response.success {
    color: #28a745;
}
.ajax-response.error {
    color: #dc3545;
}

.twwwins-testi-card-awards > img{
	position: relative;
	top: -550px;
	left: 300px;
	
	
}

.twwwins-filter-static {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  background: var(--twwwins-gray-color);
  border-color: transparent;
  border-radius: 58px;
  font-family: var(--twwwins-theme-font);
  font-size: 16px;
  font-weight: 500;
  color: var(--twwwins-body-color);
  cursor: default;
  white-space: nowrap;
  user-select: none;
}

.twwwins-project-tabs select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none;
  padding-right: 20px;
}

.twwwins-project-tabs .nice-select .option.selected {
  display: none;
}

.twwwins-project-tabs .nice-select .option {
  padding: 10px 20px;
}

.twwwins-project-tabs .nice-select .option:hover {
  color: var(--twwwins-red-color);
  font-weight: 700;
}

#filter-reset-btn {
  cursor: pointer;
}

/* Project card - services style outer shape */
.twwwins-project-card {
  padding: 10px;
  border-radius: 20px;
  background-color: var(--twwwins-gray-color);
  transition: 0.3s;
}
.twwwins-project-card:hover {
  background-color: var(--twwwins-red-color);
}
.twwwins-project-card .twwwins-project {
  margin-bottom: 0;
}
.twwwins-project-card .twwwins-project__content {
  padding: 16px 28px;
}
.twwwins-project-card__link {
  position: absolute;
  bottom: 0;
  right: -1px;
  height: 72px;
  width: 74px;
  display: flex;
  justify-content: flex-end;
  align-items: end;
  background: #fff;
  z-index: 2;
  border-radius: 40px 0 0 0;
}
.twwwins-project-card__link::before,
.twwwins-project-card__link::after {
  content: "";
  clip-path: path("M0 0 Q0,30 30,30 L 0 30 Z");
  background-color: #fff;
  width: 32px;
  height: 42px;
  position: absolute;
  left: -23px;
  transform: rotate(-90deg);
  bottom: -6px;
  transform-origin: center;
}
.twwwins-project-card__link::after {
  left: auto;
  bottom: auto;
  top: -36px;
  right: -7px;
  transform: rotate(266deg);
}
.twwwins-project-card__btn {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--twwwins-gray-color);
  border-radius: 60px;
  transition: 0.3s;
}
.twwwins-project-card:hover .twwwins-project-card__btn {
  background-color: var(--twwwins-red-color);
  color: var(--twwwins-white-color);
}
.twwwins-project-card:hover .twwwins-project-card__btn.twwwins-project-play-btn .twwwins-project-play-btn-inner {
  background: var(--twwwins-red-color);
}
.twwwins-project-card:hover .twwwins-project-card__btn.twwwins-project-play-btn .twwwins-project-play-btn-ring {
  border-color: var(--twwwins-red-color);
}
/* Card play button — inside white corner circle */
.twwwins-project-card__btn.twwwins-project-play-btn {
  position: relative;
  bottom: auto;
  left: auto;
  width: 60px;
  height: 60px;
}
.twwwins-project-card__btn.twwwins-project-play-btn .twwwins-project-play-btn-inner {
  width: 44px;
  height: 44px;
}
.twwwins-project-card__btn.twwwins-project-play-btn .twwwins-project-play-btn-ring {
  width: 44px;
  height: 44px;
  margin-top: -22px;
  margin-left: -22px;
}
.twwwins-team-area .twwwins-project-feature-item:hover .twwwins-project-feature-icon {
  color: var(--twwwins-white-color);
}

/* Card 1 hover body text */
.twwwins-project2__body-text {
  position: absolute;
  top: 105px;
  left: 40px;
  right: 40px;
  font-size: 20px;
  line-height: 1.5;
  color: var(--twwwins-white-color);
  opacity: 0;
  visibility: hidden;
  transition: 0.3;
  transition-duration: 0.5s;
  transition-delay: 0.2s;
  transform: translateY(10px);
  margin: 0;
  max-width: calc(100% - 80px);
}
.twwwins-project2.active .twwwins-project2__body-text {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.card1-first.active .twwwins-project2__title-larg {
  bottom: auto;
  top: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .twwwins-project2__body-text {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .twwwins-project2__body-text {
    font-size: 20px;
    left: 20px;
    right: 20px;
    max-width: calc(100% - 40px);
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .twwwins-project2__body-text {
    font-size: 18px;
    max-width: calc(100% - 30px);
  }
}

/* Our Scope of Services - watermark refinement */
.twwwins-scope-services .twwwins-services__back-text {
  font-size: 120px;
  font-weight: 800;
  transform: none;
  bottom: -20px;
  right: 20px;
  top: auto;
}

/* Masonry layout override for Bootstrap grid */
.twwwins-services__main {
  display: block !important;
}
.twwwins-services__main > .col-lg-6,
.twwwins-services__main > .col-md-6 {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
  box-sizing: border-box;
}
@media (max-width: 991.98px) {
  .twwwins-services__main > .col-lg-6,
  .twwwins-services__main > .col-md-6 {
    width: 100%;
  }
}

/* Homepage accordion: override .twwwins-services padding inherited from services-grid styles */
#accordionExample {
  padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  #accordionExample {
    margin-bottom: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  #accordionExample {
    margin-bottom: 0;
  }
}

/* =========================================
   Team Card Featured (Other Experts section)
   ========================================= */
.team-card-featured .team-card-link {
  display: block;
  position: relative;
}
.team-card-featured .team-card-link img {
  display: block;
  width: 100%;
  border-radius: 20px;
}
.team-card-featured-content {
  position: absolute;
  bottom: 0;
  left: 80px;
  right: 0;
  padding: 5px 20px 20px 20px;
  background: var(--twwwins-red-color);
  color: var(--twwwins-white-color);
  border-radius: 12px 12px 0 0;
  z-index: 10;
}
.team-card-featured-content h2 {
  color: var(--twwwins-white-color) !important;
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 600;
}
.team-card-featured-content h2 a {
  color: var(--twwwins-white-color);
  text-decoration: none;
}
.team-card-featured-content p {
  color: var(--twwwins-white-color);
  margin-bottom: 0;
  font-size: 18px;
}

/* Disable grab cursor and mouse drag on Other Experts swiper */
.team-other-experts-swiper {
  cursor: default;
}
.team-other-experts-swiper.grab-cursor {
  cursor: default;
}

/* Project card title — black at normal, white on hover */
.twwwins-project-card .twwwins-project__title {
  color: var(--twwwins-theme-color);
}
.twwwins-project-card .twwwins-project__title a {
  color: var(--twwwins-theme-color);
}
.twwwins-project-card:hover .twwwins-project__title {
  color: var(--twwwins-white-color);
}
.twwwins-project-card:hover .twwwins-project__title a {
  color: var(--twwwins-white-color);
}
/* First project card headline overlay on image */
.twwwins-project-card .twwwins-project__thumb .twwwins-project__title {
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 1;
}
.twwwins-project-card .twwwins-project__thumb .twwwins-project__title a {
  color: var(--twwwins-white-color);
}
/* Project card meta (Ongoing/2019/Pune) top-right */
.twwwins-project-card .twwwins-project__meta {
  align-items: flex-start;
  justify-content: flex-end;
  padding: 20px;
}

/* Project meta badges — white with outline on card hover */
.twwwins-project-card:hover .twwwins-project__meta span {
  border-color: rgba(255, 255, 255, 0.35);
  color: var(--twwwins-white-color);
}
.twwwins-project-card:hover .twwwins-project__meta span:hover {
  background-color: var(--twwwins-gold-color);
  color: var(--twwwins-theme-color);
}

/* ============================================================
   MIGRATED: Team Featured Card (from team.html inline <style>)
   ============================================================ */
.team-card-featured .team-card-link {
  display: block;
  position: relative;
}
.team-card-featured .team-card-link img {
  display: block;
  width: 100%;
  border-radius: 20px;
}
.team-card-featured-content {
  position: absolute;
  bottom: 0;
  left: 80px;
  right: 0px;
  padding: 5px 20px 20px 20px;
  background: var(--twwwins-red-color);
  color: var(--twwwins-white-color);
  border-radius: 12px 12px 0 0;
  z-index: 10;
}
.team-card-featured-content h2 {
  color: var(--twwwins-white-color) !important;
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 600;
}
.team-card-featured-content h2 a {
  color: var(--twwwins-white-color);
  text-decoration: none;
}
.team-card-featured-content p {
  color: var(--twwwins-white-color);
  margin-bottom: 0;
  font-size: 18px;
}

/* ============================================================
   MIGRATED: Services Scope Layout (from services/*.html inline <style>)
   Forces single-column layout on service detail pages
   ============================================================ */
.twwwins-scope-services .row.twwwins-services__main {
  display: flex;
  flex-direction: column;
}
.twwwins-scope-services .row.twwwins-services__main > .col-lg-6 {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}

/* ============================================================
   MIGRATED: Share Button & Share Panel (from team/*.html inline <style>)
   Slide-out social share panel on team profile pages
   ============================================================ */
.twwwins-team-author-thumb { position: relative; }
.share-btn-overlay {
  position: absolute;
  bottom: 40px;
  right: 40px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background-color: var(--twwwins-theme-color, #D02023);
  color: #fff;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  line-height: inherit;
  text-align: inherit;
  text-decoration: none;
  z-index: 10;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.share-btn-overlay svg { width: 13px; height: 15px; fill: none; stroke: #fff; }
.share-btn-overlay:hover { background-color: #b81a1c; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.3); }

/* Slide-out share panel */
.share-panel-wrapper {
  position: absolute;
  bottom: 40px;
  right: 0;
  z-index: 11;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.share-panel-wrapper.flip-panel { right: auto; left: 0; }
.share-panel {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  border-radius: 50px;
  padding: 8px 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  opacity: 0;
  transform: translateX(16px) scale(0.92);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  white-space: nowrap;
}
.share-panel-wrapper.flip-panel .share-panel {
  transform: translateX(-16px) scale(0.92);
}
.share-panel.is-open {
  opacity: 1;
  transform: translateX(0) scale(1);
  pointer-events: auto;
}
.share-panel a, .share-panel button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-decoration: none;
  flex-shrink: 0;
  transition: background 0.2s ease, box-shadow 0.2s ease;
  border: none;
  cursor: pointer;
  padding: 0;
  opacity: 0;
  transform: scale(0.3);
}
.share-panel a:hover, .share-panel button:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.share-panel.is-open a,
.share-panel.is-open button {
  animation: iconReveal 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.share-panel.is-open a:nth-child(1),
.share-panel.is-open button:nth-child(1) { animation-delay: 0ms; }
.share-panel.is-open a:nth-child(2),
.share-panel.is-open button:nth-child(2) { animation-delay: 80ms; }
.share-panel.is-open a:nth-child(3),
.share-panel.is-open button:nth-child(3) { animation-delay: 160ms; }
.share-panel.is-open a:nth-child(4),
.share-panel.is-open button:nth-child(4) { animation-delay: 240ms; }
.share-panel.is-open a:nth-child(5),
.share-panel.is-open button:nth-child(5) { animation-delay: 320ms; }
.share-panel.is-open a:nth-child(6),
.share-panel.is-open button:nth-child(6) { animation-delay: 400ms; }
@keyframes iconReveal {
  from { opacity: 0; transform: scale(0.3); }
  to { opacity: 1; transform: scale(1); }
}
.share-panel a svg, .share-panel button svg { width: 18px; height: 18px; }
.sp-facebook { background: #1877F2; color: #fff; }
.sp-twitter { background: #000; color: #fff; }
.sp-linkedin { background: #0A66C2; color: #fff; }
.sp-whatsapp { background: #25D366; color: #fff; }
.sp-sharevia { background: #6c757d; color: #fff; }
.sp-copylink { background: #1D2132; color: #fff; position: relative; }
.copy-tooltip {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) scale(0.8);
  background: #1D2132;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.copy-tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #1D2132;
}
.copy-tooltip.show { opacity: 1; transform: translateX(-50%) scale(1); }

@media (max-width: 575.98px) {
  .share-btn-overlay { bottom: 20px; right: 20px; padding: 8px 14px; font-size: 12px; }
  .share-btn-overlay svg { width: 11px; height: 13px; }
  .share-panel-wrapper { bottom: 20px; right: 0; }
  .share-panel { gap: 8px; padding: 6px 10px; }
  .share-panel a, .share-panel button { width: 34px; height: 34px; }
  .share-panel a svg, .share-panel button svg { width: 15px; height: 15px; }
}

/* ============================================================
   MIGRATED: Contact Page (from contact.html inline style="")
   ============================================================ */
.twwwins-connect-map iframe {
  border: 0;
}
.ajax-response {
  margin-bottom: 10px;
}

/* ============================================================
   MIGRATED: Services Number Badge (from services.html inline style="")
   Scoped to accordion body only — not the header row
   ============================================================ */
.twwwins-services-num {
  position: absolute;
  top: 20px;
  left: 20px;
}

/* ============================================================
   Project Play Video Button
   ============================================================ */
.twwwins-project-play-headline-wrap {
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 16px;
}
.twwwins-project-play-btn {
  position: relative;
  bottom: auto;
  left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  cursor: pointer;
  text-decoration: none;
  flex-shrink: 0;
}
.twwwins-project-headline-anim {
  opacity: 0;
  animation: headlineSlide 5s ease-in-out infinite;
}
.twwwins-project-headline-anim p {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--twwwins-white-color);
  text-shadow: 0 2px 10px rgba(0,0,0,0.5);
  margin: 0;
  white-space: nowrap;
}
@keyframes headlineSlide {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  12% {
    opacity: 1;
    transform: translateX(0);
  }
  45% {
    opacity: 1;
    transform: translateX(0);
  }
  57% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.twwwins-project-play-btn-inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  background: var(--twwwins-red-color);
  border-radius: 50%;
  transition: background 0.3s ease, transform 0.3s ease;
}
.twwwins-project-play-btn:hover .twwwins-project-play-btn-inner {
  background: var(--twwwins-theme-color);
  transform: scale(1.08);
}
.twwwins-project-play-btn-inner svg {
  margin-left: 3px;
}
.twwwins-project-play-btn-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-left: -35px;
  border-radius: 50%;
  border: 2px solid var(--twwwins-red-color);
  animation: playBtnRing 2s ease-out infinite;
  pointer-events: none;
}
.twwwins-project-play-btn-ring:nth-child(2) {
  animation-delay: 0.6s;
}
.twwwins-project-play-btn:hover .twwwins-project-play-btn-ring {
  animation-play-state: paused;
}
@keyframes playBtnRing {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}

/* ==========================================================================
   Externalized page-specific styles (moved from inline <style> blocks)
   ========================================================================== */

/* A1 - Project/Service nav area (from project & service pages) */
.twwwins-project-nav-main { flex-wrap: wrap; grid-gap: 25px 30px; }
.twwwins-project-nav-item { grid-gap: 0; }
.twwwins-project-nav-text { font-size: 16px; letter-spacing: .5px; }
.twwwins-project-nav-area .twwwins-connect-button button {
  border-color: transparent;
  background-color: var(--twwwins-red-color);
}
.twwwins-project-nav-area .twwwins-connect-button button:hover {
  background-color: var(--twwwins-gold-color);
}
.twwwins-project-nav-area .twwwins-connect-button button svg path {
  stroke: var(--twwwins-white-color);
}
.twwwins-project-nav-area .twwwins-btn-black:hover .twwwins-btn-text {
  color: var(--twwwins-white-color);
}
.twwwins-project-nav-area .twwwins-btn-dots {
  display: none;
}
@media (max-width: 767.98px) {
  .twwwins-project-nav-main {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
  }
  .twwwins-project-nav-item { flex: 1; }
  .twwwins-project-nav-item:first-child { justify-content: flex-start; }
  .twwwins-project-nav-item:last-child { justify-content: flex-end; }
  .twwwins-project-nav-area .twwwins-project-nav-text { visibility: hidden; }
  .twwwins-project-nav-area .twwwins-btn-submit-2 {
    width: 56px;
    height: 56px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .twwwins-project-nav-area .twwwins-btn-submit-2 .twwwins-btn-text { display: none; }
  .twwwins-project-nav-area .twwwins-btn-dots { display: flex; }
}

/* A3 - Mobile hide: services sidebar widgets (service pages) */
@media (max-width: 991.98px) {
  .twwwins-services-sidebar .twwwins-sidebar-widget { display: none; }
}

/* A4 - Gallery grid additive styles (rajat-rashmi / shantirakshak).
   Base grid layout lives in the .twwwins-gallery-grid rules above. */
.twwwins-project-gallery-area .twwwins-gallery-grid-item {
  display: block;
  width: 100%;
  height: 250px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.twwwins-project-gallery-area .twwwins-gallery-grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s;
}
.twwwins-project-gallery-area .twwwins-gallery-grid-item:hover img {
  transform: scale(1.05);
}
.mfp-bottom-bar,
.mfp-title,
.mfp-counter {
  display: none !important;
}
.mfp-figure {
  border-radius: 20px;
  overflow: hidden;
}
.mfp-figure:after {
  border-radius: 20px;
}
img.mfp-img {
  border-radius: 20px;
}
.mfp-close {
  background: rgba(0,0,0,0.5) !important;
  color: #fff !important;
  width: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  text-align: center !important;
  border-radius: 50% !important;
  font-size: 20px !important;
  top: 15px !important;
  right: 15px !important;
  opacity: 1 !important;
}
.mfp-close:hover {
  background: var(--twwwins-red-color, #d42b2b) !important;
}
.mfp-image-holder {
  position: relative !important;
}
.twwwins-gallery-popup-overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  pointer-events: none;
  padding: 40px;
  text-align: right;
}
.twwwins-gallery-popup-overlay h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 10px;
  text-shadow: 0 2px 10px rgba(0,0,0,0.8), 0 0 40px rgba(0,0,0,0.4);
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.twwwins-gallery-popup-overlay p {
  color: #d4a853;
  font-size: 14px;
  margin: 0;
  font-weight: 600;
  text-shadow: 0 2px 8px rgba(0,0,0,0.8), 0 0 40px rgba(0,0,0,0.4);
  letter-spacing: -0.02em;
  line-height: 1.6;
}
@media (max-width: 767.98px) {
  .twwwins-gallery-grid-item {
    cursor: default;
    pointer-events: none;
  }
}
@media (max-width: 574.98px) {
  .twwwins-gallery-grid-item {
    cursor: default;
    pointer-events: none;
  }
}

/* ============================================= */
/* Accessibility: visible keyboard focus         */
/* ============================================= */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--twwwins-theme-color);
  outline-offset: 2px;
}

/* ============================================= */
/* Accessibility: skip to content link           */
/* ============================================= */
.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: 10000;
}
.skip-link:focus-visible {
  position: fixed;
  top: 12px;
  left: 12px;
  width: auto;
  height: auto;
  overflow: visible;
  padding: 12px 20px;
  background: var(--twwwins-theme-color);
  color: var(--twwwins-white-color);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  box-shadow: 0 0 0 3px #fff;
}

/* ============================================= */
/* Accessibility: native button reset for         */
/* converted services accordion triggers         */
/* ============================================= */
.twwwins-services-button {
  display: block;
  width: 100%;
  background: transparent;
  border: 0;
  color: inherit;
  font: inherit;
  text-align: inherit;
  -webkit-appearance: none;
  appearance: none;
}