body{font-family: 'Open Sans', sans-serif; background:#fafafa;}
h1 {text-align:center; color:#222; font-size:40px; font-weight: NORMAL;letter-spacing: 0.02em; line-height:120px; text-transform: uppercase; font-family: 'Roboto Slab', serif;}
h2 {text-align:left; color:#222; font-size:20px; font-weight: NORMAL;letter-spacing: 0.02em; line-height:28px; text-transform: uppercase; font-family: 'Roboto Slab', serif;}
h3, h3 a{text-align:center; color:#fbb214; font-size:19px; font-weight: bold;letter-spacing: 0.02em; line-height:30px; text-transform: uppercase; font-family: 'Roboto Slab', serif; text-decoration: none;}
h5 {text-align:left; color:#FECE1A; font-size:22px; font-weight:normal;letter-spacing: 0.02em; line-height:28px; text-transform: uppercase; font-family: 'Roboto Slab', serif; margin-left:22px;}
h5 a{text-align:center; color:#FECE1A; font-size:25px; font-weight:normal;letter-spacing: 0.02em; line-height:30px; text-transform: uppercase; font-family: 'Roboto Slab', serif; text-decoration:none;}
h4, h4 a { font-family: 'Open Sans', sans-serif;    font-size: 17px;    color: #626262;  text-decoration:none; margin:15px 0;}
h6 {color:#f7b900; font-size:27px; line-height:28px; text-align:left; text-transform:uppercase; font-weight:bold;}
.dt{display:table;width:100%}
.td-1,.td-2{display:table-cell}
#hd{margin:0 auto; width:100%; background: url(../images/hd.jpg) repeat-x;}
#head{width:1100px; margin:0 auto; height:auto;}
.logo{ float:left; margin:20px;}
.call{ float:left; margin:30px 0px 0px 20px; color:#DD127B; font-size:21px; font-weight:normal;letter-spacing: 0.02em; line-height:30px; text-transform: uppercase; font-family: 'Roboto Slab', serif; text-align:center; width:250px;}
.call a {color:#DD127B; text-decoration:none;}
#menu{ float:right; width:630px; margin-top:25px;  position: relative; font-size:13px; z-index:1;}
#flash{ margin:0 auto; width:100%; height:auto;}
#wrap{width:1100px; margin:0 auto; margin-top:28px;} 
.wrap p{ color:#626262; font-size:19px; text-align:center; margin-bottom:45px; line-height:26px; font-weight:normal;}
.wrap a{ color:#333; font-size:19px; text-align:center; margin-bottom:45px; line-height:26px; font-weight:normal; text-decoration:none;}
#wrap1{width:730px; margin:0 auto; margin-top:15px;} 
.wraptitle{ color:#f7b900; font-size:27px; line-height:28px; text-align:left; text-transform:uppercase; font-weight:bold;}
.page{width:96%; margin:0 auto; padding:20px 0px;}
.page p{font-family: 'Open Sans', sans-serif; font-size:17px; color:#626262; line-height:27px; padding:25px 0px; text-align:justify;}
.pagepicright{ float:right; margin:2px 0px 2px 10px; width:400px; height:200px;}
.wraptitle2{ color:#181A1C; font-size:27px; line-height:28px; text-align:left; text-transform:uppercase; font-weight:bold;}
.page2{ width:96%; margin:0 auto; padding:20px 0px;}
.page2 p{font-family: 'Open Sans', sans-serif; font-size:17px; color:#626262; line-height:27px; padding:35px 0px; text-align: justify; }
.pagepicright2{ float:left; margin:2px 30px 2px 0px; width:350px; height:200px; }
.box{ width:290px; float:left; margin:32px; padding:5px;}
.box p {font-family: 'Open Sans', sans-serif; font-size:13px; color:#333; line-height:20px; padding:5px 10px; text-align:center;}
.service { width:179px; height:183px; margin:0 auto;}
.read{padding:6px 10px; font-size:17px; color:#252525; font-weight:normal; border-radius:10px; text-align:center; background:#fbc520; margin:0 auto; width:108px; margin-top:15px; border:#edac2f solid 5px;}
.read a{ text-decoration:none; color:#252525;}
.buy{padding:8px 8px; font-size:15px; color:#252525; font-weight:normal; text-align:center; background:#fbc520; margin:0 auto; width:80px; float:left; border-radius:10px;}
.buy a{ text-decoration:none; color:#252525;}
.buy-1{padding:8px 8px; font-size:15px; color:#252525; font-weight:normal; text-align:center; background:#fbc520; margin:0 auto;  float:right; border-radius:10px;}
.buy-1 a {text-decoration:none; color:#252525; cursor:hover}
.buy-1 a:hover {font-weight:normal; text-align:center; color:#0c58bf;}
#portbg{width:100%; margin:0 auto; margin-top:28px; background:#eceaea; } 
#port{width:1100px; margin:0 auto; padding:28px 0px;} 
.back-h-5 { background-color:#333; margin:0 auto; margin: 0 auto; text-align: center; margin-bottom: 1.5%;}
.back-i-5 { background:rgba(0,0,0,0.7); margin:0 auto; margin: 0 auto; text-align: center; margin-bottom: 1.5%; position: relative; z-index: 100; top:-4em;}
.port1 { width:203px; height:161px; float:left; margin:32px;}
#vdbg{width:100%; margin:0 auto; margin-top:28px; background:#f7c610; } 
.media{ margin:0 auto; width:600px; height:auto;}
#footbg{width:100%; margin:0 auto; background:#656565; } 
#foot{width:1100px; margin:0 auto; padding:20px 0px; color:#f5f5f5;} 
#foot p{font-family: 'Open Sans', sans-serif; font-size:13px; color:#f5f5f5; line-height:24px; padding:5px 10px; text-decoration:none;} 
#foot p a{font-family: 'Open Sans', sans-serif; font-size:13px; color:#f5f5f5;  text-decoration:none;} 
.footer-co{width:245px;color:#fff; font-size:13px; line-height:20px; text-align:left;  margin:10px 15px; float:left;}
#smo{ margin:0 auto; width:290px; padding:10px 10px;}
.social-icon{ width:32px; height:32px; float:left; padding:8px;}
.test{ width:70%; margin:0 auto; padding:5px 0px;}
.test p{font-family: 'Open Sans', sans-serif; font-size:27px; color:#181A1C; line-height:27px; padding:45px 0px; text-align:left; }
.testpic{ float:right; margin:2px 30px; width:227px; height:89px; background-color:#CCC; border:#f3f3f3 solid 2px;}
#googleMap {width: 100%;height:420px;margin:0 auto;	color:#666;	text-align:center;}
.seo{ width:96%; margin:0 auto; font-size:14px;}
.seo  a{ text-decoration:none; font-size:14px; color:#222;}
.seo p{font-family: 'Open Sans', sans-serif; font-size:14px; color:#222; line-height:27px; text-align:left;}
.spic { margin:25px 35px; width:250px; height:140px; float:left; border:#CCC solid 2px;}
#why-us{width:1100px; margin:0 auto; padding:28px;} 
#why-us p {font-family: 'Open Sans', sans-serif; font-size:15px; color:#333; line-height:25px;}
.support { width:45%; float:left; margin:20px; text-align:left;}
.support h1 {font-family: 'Open Sans', sans-serif; font-size:23px;  line-height:25px; text-align:left;  line-height:38px; font-weight:bold;}
.support p {font-family: 'Open Sans', sans-serif; font-size:15px;  line-height:25px; text-align:left;}
.support img {float:right; margin:0px 0px 10px 10px;}

.support2 { width:45%; float:right;  margin:20px;}
.support2 h1 {font-family: 'Open Sans', sans-serif; font-size:23px; line-height:25px; text-align:left; line-height:38px; font-weight:bold;}
.support2 p {font-family: 'Open Sans', sans-serif; font-size:15px;  line-height:25px; text-align:left;}
.support2 img {float:left; margin:0px 10px 10px 0px;}
.map{ width:40%; margin:5%; float:left; }
.map p{text-align:left; padding-left:15px; padding-top:8px;}

/* testimonials*/

.column1{width: 10%; float: left; }
.column2{width: 10%; float: left; }
.column3{width: 10%; float: left; }
.column4{width: 10%; float: left; }

/* testimonials*/

.policypage{width:96%; margin:0 auto; padding:20px 0px;}
.policypage p{font-family: 'Open Sans', sans-serif; font-size:17px; color:#626262; line-height:27px; padding:15px 0px; text-align:justify;}
.co2 {width:30%; float:left; margin:15px;     font-family: 'Open Sans', sans-serif;   font-size: 12px;   color: #333; line-height:35px;}
.col{width:98%; float:left; color:#626262; font-size:17px;}
.col ol {line-height:26px; list-style:circle; margin-left:15px; }
.col ol li {text-decoration:none; color:#626262; padding:9px 0px; list-style:circle;}
.street { float:right; margin-left:25px;}
.col-md-4 { width:260px; height:auto; margin:0 0 0 8%; padding:5px; float:left; border:1px solid #ccc;}
.col-md-4 img { width:100%; height:auto;}
.hed-2 { text-align:center; line-height:25px; margin: 0 0 1% 0;}
.hed-3 { text-align:center; line-height:25px; margin: 0 0 1% 0;}
.five {margin-top:4%;}
table {width:90%; margin:0 auto; margin-top:10px; margin-bottom:10px; font-size:15px;border-collapse: collapse;}
tr:nth-of-type(odd) {background: #eee; }
th, th a {background:#b30005; color: #fff; font-weight: bold; }
th a:hover, th a.hover { 
		background: #248ec5; 
		color: #fff; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px 6px 6px 14px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}
	td, td a { 
		color: #000; 
		font-weight: normal; text-decoration:none;
	}
.certibg{float:left; width:200px; margin:20px;}
.certi{float:left;display:block; width:200px; text-align:center; box-shadow: 0 0 5px rgba(0,0,0,0.7); clear:both; margin-bottom:15px;}
.certi img {width:200px; height:200px;}
.certibg p { text-align:center; color:#000;}
@media screen and (max-width: 600px) {
table { width:90%; border: 0;}
table caption {font-size: 1.3em;}
table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  table td:last-child {
    border-bottom: 0;
  }
}
.vdport{ float:right; margin:2px 0px 2px 10px; width:200px; height:200px;}
.vdport2{ float:left; margin:2px 30px 2px 0px; width:200px; height:200px; }
.lasthead2{ color:#F0C; font-size:27px; line-height:28px; text-align:center; text-transform:uppercase; font-weight:bold;}
.vdport3{ float:left; margin:2px 30px 2px 0px; width:220px; height:250px; }
.subhead{font-weight:bold;font-size:14px;margin-bottom:5px;color:#06F;margin-top:10px:}
.wraptitle22{ color:#F0C; font-size:27px; line-height:28px; text-align:left; text-transform:uppercase; font-weight:bold;}
.stepbox{width:99%; margin:0 auto; padding:20px 0px;}
.stbox{width:250px;height:300px;background-color:#eee;float:left;margin:3px 10px;margin-top:120px;position: relative;margin-bottom:120px;}
.subhed{text-align:center; color:#fbb214; font-size:22px; font-weight: bold;letter-spacing: 0.02em; line-height:30px; text-transform: uppercase; font-family: 'Roboto Slab', serif; text-decoration: none;margin-top:15px;}
.stpchng{padding-top:30px;font-weight:bold;color:000;text-align:center;font-size:30px;}
.heddec{font-size:14px;font-weight:bold;color:#000;text-decoration:underline;margin-bottom:25px;text-align:center;}
.paradec{font-size:12px;font-weight:bold;font-align:justify;}










/*----------------------------------------*/
/*  7.22 testimonial css (From Adina template - Only relevant classes kept)
/*----------------------------------------*/
.td-testimonial-qoute {
  -webkit-animation: rotate-infinite 15s linear infinite;
  animation: rotate-infinite 15s linear infinite;
}
.td-testimonial-qoute-2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  overflow: hidden; /* This is the viewport for the scrolling text */
}

/* 
  NEW Class: This is the new wrapper for your text elements.
  The animation is now applied HERE instead of on the title classes.
  The speed has been changed from 30s to 60s.
*/
.td-text-slide-wrapper {
  display: flex;
  width: fit-content; /* Let the container size itself to its children */
  -webkit-animation: td-text-slide 60s linear infinite; /* Increased duration to 60s */
  animation: td-text-slide 60s linear infinite;
  will-change: transform;
}


.td-testimonial-slider-title {
  font-weight: 600;
  font-size: 160px;
  line-height: 1;
  color: #280848;
  font-family: var(--td-ff-manrope);
  white-space: nowrap;
  /* 
    REMOVED: Animation properties have been moved to the new wrapper class.
  */
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .td-testimonial-slider-title {
    font-size: 100px;
  }
}
.td-testimonial-slider-title-tr {
  font-weight: 600;
  font-size: 160px;
  line-height: 1;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: var(--td-theme-primary);
  -webkit-text-stroke-width: 1px;
  margin-bottom: 0;
  background: white;
  font-family: var(--td-ff-manrope);
  white-space: nowrap;
  /* 
    REMOVED: Animation properties have been moved to the new wrapper class.
  */
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .td-testimonial-slider-title-tr {
    font-size: 100px;
  }
}
.td-testimonial-2-thumb {
  margin-top: -120px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .td-testimonial-2-thumb {
    height: 100%;
  }
  .td-testimonial-2-thumb img {
    height: 100%;
    object-fit: cover;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .td-testimonial-2-thumb {
    margin-top: 0;
  }
}
.td-testimonial-2-bottom {
  position: relative;
  z-index: 2;
}
.td-testimonial-2-qoute {
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .td-testimonial-2-qoute {
    display: none;
  }
}
.td-testimonial-2-qoute-2 {
  position: absolute;
  bottom: 0;
  right: 90px;
}
.td-testimonial-2-space {
  padding-left: 300px;
  padding-top: 135px;
  padding-bottom: 107px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .td-testimonial-2-space {
    padding-left: 30px;
  }
}
.td-testimonial-2-slider-wrap {
  background: var(--td-common-white); /* Uses Adina's white for specific context */
  padding: 45px 50px 50px 50px;
  margin-right: -130px;
  z-index: 4;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .td-testimonial-2-slider-wrap {
    margin-right: 30px;
  }
}
@media (max-width: 575px) {
  .td-testimonial-2-slider-wrap {
    padding: 45px 20px 50px 20px;
  }
}
.td-testimonial-2-slider p {
  font-size: 20px;
  line-height: 2.1;
  color: var(--td-theme-primary); /* Uses Adina's theme primary color */
  margin-bottom: 45px;
  font-family: var(--td-ff-manrope); /* Ensure correct font */
}
@media (max-width: 575px) {
  .td-testimonial-2-slider p {
    font-size: 14px;
  }
}
.td-testimonial-2-avater-thumb {
  margin-right: 15px;
}
.td-testimonial-2-avater-thumb img {
  border-radius: 50%;
}
.td-testimonial-2-avater-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 0;
  color: var(--td-theme-primary); /* Uses Adina's theme primary color */
  font-family: var(--td-ff-manrope); /* Ensure correct font */
}
.td-testimonial-2-avater-designation {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: var(--td-grey-2); /* Uses Adina's grey-2 color */
  font-family: var(--td-ff-manrope); /* Ensure correct font */
}
.td-testimonial-video {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
}

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

/* 
  MODIFIED Keyframes: The animation logic is changed for the seamless loop.
  It now translates the wrapper by -50% of its total width. 
  Because the wrapper contains two identical children, this is the exact
  width of one child, resulting in a perfect loop.
*/
@-webkit-keyframes td-text-slide {
  0% { -webkit-transform: translateX(0%); }
  100% { -webkit-transform: translateX(-50%); }
}
@keyframes td-text-slide {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

/* Other Adina Template Specifics - Only keep general utility classes used in your HTML */
.td-black-bg {
  background: #280848; /* Defined separately to respect original design color for this class specifically */
}

/* Basic common styles */
a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.td-pulse-border::after, .td-pulse-border::before {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* typography css start */
/* Body already defined above, relying on primary font vars. Removing original td body here.*/

a {
  text-decoration: none;
}
/* h1-h6 already defined above, relying on primary font vars. Removing original td h here.*/

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

p {
  margin-bottom: 15px; /* Adjusting default margin to align with td values where needed for merged CSS */
  font-weight: 400;
  line-height: 1.12; /* td specific line-height */
}

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

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

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

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

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

.border-bottom {
  border-bottom: 1px solid #d3d3d3 !important;
}

/* Input/textarea styles - these affect contact forms */
input[type=text],
input[type=email],
textarea {
  outline: none;
  background-color: #fff;
  height: 56px;
  width: 100%;
  line-height: 56px;
  font-size: 14px;
  color: var(--td-theme-primary);
  padding-left: 26px;
  padding-right: 26px;
  border: 1px solid #E0E2E3;
  font-family: var(--td-ff-manrope); /* Specific Adina font here */
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #95999D;
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
textarea::-moz-placeholder { /* Firefox 19+ */
  color: #95999D;
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 4-18 */
  color: #95999D;
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* IE 10+ Edge*/
  color: #95999D;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
textarea::placeholder { /* MODERN BROWSER */
  color: #95999D;
}

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

*::-moz-selection {
  background: var(--td-theme-primary);
  color: var(--td-common-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--td-theme-primary);
  color: var(--td-common-white);
  text-shadow: none;
}

::selection {
  background: var(--td-theme-primary);
  color: var(--td-common-white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--td-grey-1);
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: var(--td-grey-1);
  font-size: 14px;
  opacity: 1;
}

/* Common Classes (from Adina, if not conflicting with existing) */
.w-img {
  width: 100%;
}

.fix {
  overflow: hidden;
}

.z-index-1 {
  z-index: 1;
}

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

.p-relative {
  position: relative;
}

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

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

/* Animations from Adina */
@-webkit-keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
/* No longer need unused preloader or mobile menu Adina styles */
/* The general .td-section-title styles are used in the testimonial section, keep them */
.td-section-title {
  font-weight: 500;
  font-size: 64px;
  line-height: 1.16;
  font-family: var(--td-ff-manrope);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .td-section-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .td-section-title {
    font-size: 50px;
  }
  .td-section-title br {
    display: none;
  }
}
@media (max-width: 575px) {
  .td-section-title {
    font-size: 40px;
  }
  .td-section-title br {
    display: none;
  }
}
.td-section-title-pre {
  color: var(--td-grey-2);
  display: inline-block;
  font-family: var(--td-ff-manrope);
}

.td-white {
  color: var(--td-common-white);
}

.td-gray {
  color: #bfccd1;
}

/* Video Play button for testimonial */
.td-video-play {
  height: 100px;
  width: 100px;
  display: inline-block;
  background: #fcf106;
  border-radius: 50%;
  text-align: center;
  line-height: 97px;
  color: var(--td-common-white);
}
.td-video-play:hover {
  color: var(--td-common-white);
}

.td-pulse-border {
  border-radius: 50%;
  z-index: 1;
  position: relative;
}
.td-pulse-border::after, .td-pulse-border::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 120%;
  height: 120%;
  border-radius: 50%;
  border: 1px solid rgba(32, 40, 45, 0.4);
  animation: borderanimate2 2s linear infinite;
  animation-delay: 0s;
  z-index: -1;
}
.td-pulse-border::before {
  animation-delay: 0.7s;
}

/* General Swiper styles needed if not already in swiper-bundle.css or if overridden */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
/* Removed any redundant Swiper related CSS, assuming swiper-bundle.min.css handles most of this correctly. */