/* Global and Headings */

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
:root {
  --h1-size: 64px;
  --h2-size: 56px;
  --h3-size: 48px;
  --h4-size: 40px;
  --h5-size: 32px;
  --h6-size: 24px;
  --h1-line-height: 1.1;
  --h2-line-height: 1.2;
  --h3-line-height: 1.3;
  --h4-line-height: 1.4;
  --h5-line-height: 1.5;
  --h6-line-height: 1.6;
  --h8-line-height: 1.8;
  --white-color: #fff;
  --black-color: #000;
  --primary-color: #506df5;
  --secondary-color: #eac301;
}
html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.75;
  letter-spacing: 0.02em;
  color: var(--black-color);
  padding-top: 62px;
}
body,
button,
input,
select,
textarea {
  font-size: 100%;
  font-family: "Poppins", sans-serif;
  color: inherit;
  background: none;
  border: none;
  outline: none;
}
section {
  overflow: hidden;
}
p {
  margin-bottom: 14px;
}
picture,
img {
  display: block;
}
img {
  max-width: 100%;
  height: auto;
}
video {
  border: 0;
  outline: none !important;
  box-shadow: none;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
ul,
ol,
li {
  list-style: none;
}
button {
  cursor: pointer;
}
a {
  text-decoration: none;
  display: inline-block;
  color: var(--primary-color);
  transition: transform 0.3s ease;
}
.fluid-content-wrap,
.content-wrap {
  margin: 0 auto;
  position: relative;
}
.fluid-content-wrap {
  max-width: 1660px;
  padding: 0 3%;
}
.content-wrap {
  max-width: 1280px;
}
.p-rlte {
  position: relative;
}
.p-abslt {
  position: absolute;
}
.z-indx-1 {
  z-index: 1;
}
.z-indx-2 {
  z-index: 2;
}
.z-indx-3 {
  z-index: 3;
}
.z-indx-4 {
  z-index: 4;
}
.z-indx-5 {
  z-index: 5;
}
.z-indx-6 {
  z-index: 6;
}
.z-indx-7 {
  z-index: 7;
}
.z-indx-8 {
  z-index: 8;
}
.z-indx-9 {
  z-index: 9;
}
.txt-lft {
  text-align: left;
}
.txt-cntr {
  text-align: center;
}
.txt-rght {
  text-align: right;
}
/* Global and Headings ends*/
/* Margin */
.pl-60 {
  padding-left: 60px;
}
.pr-60 {
  padding-right: 60px;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}
.mt-auto {
  margin-top: auto;
}
.mb-auto {
  margin-bottom: auto;
}
.mlr-auto {
  margin: 0 auto;
}
.zrow-mb-1 {
  margin-bottom: 10px;
}
.zrow-mb-2 {
  margin-bottom: 20px;
}
.zrow-mb-4 {
  margin-bottom: 40px;
}
.zrow-mb-6 {
  margin-bottom: 60px;
}
.zrow-mb-8 {
  margin-bottom: 80px;
}
.zrow-mb-12 {
  margin-bottom: 120px;
}
/* Margin ends*/
/* Flex and Grids */
.zcol-wrap,
.dflx,
.zwb-midea-obj,
.trf-btn-set,
.menu,
.trf-form-row {
  display: flex;
  flex-wrap: wrap;
}
.zcol-wrap {
  margin-left: -12px;
  margin-right: -12px;
}
.zcol-wrap [class^="zcol-"],
.zcol-wrap [class*=" zcol-"] {
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;
}
.zcol-wrap.zcol-gutters [class^="zcol-"],
.zcol-wrap.zcol-gutters [class*=" zcol-"] {
  margin-bottom: 24px;
}
.zcol-wrap.zcol-no-gutters [class^="zcol-"],
.zcol-wrap.zcol-no-gutters [class*=" zcol-"] {
  margin-bottom: 0;
}
.flx-algn-cntr {
  align-items: center;
}
.flx-algn-start {
  align-items: flex-start;
}
.flx-algn-stretch {
  align-items: stretch;
}
.flx-algn-end {
  align-items: flex-end;
}
.flx-jstfy-cntr {
  justify-content: center;
}
.flx-jstfy-btween {
  justify-content: space-between;
}
.flx-jstfy-even {
  justify-content: space-evenly;
}
.flx-jstfy-arnd {
  justify-content: space-around;
}
.flx-jstfy-start {
  justify-content: flex-start;
}
.flx-jstfy-end {
  justify-content: flex-end;
}
.zcol-1 {
  flex: 0 0 8.33%;
  max-width: 8.33%;
}
.zcol-2 {
  flex: 0 0 16.67%;
  max-width: 16.67%;
}
.zcol-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.zcol-4 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}
.zcol-5 {
  flex: 0 0 41.67%;
  max-width: 41.67%;
}
.zcol-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.zcol-7 {
  flex: 0 0 58.33%;
  max-width: 58.33%;
}
.zcol-8 {
  flex: 0 0 66.67%;
  max-width: 66.67%;
}
.zcol-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.zcol-10 {
  flex: 0 0 83.33%;
  max-width: 83.33%;
}
.zcol-11 {
  flex: 0 0 91.67%;
  max-width: 91.67%;
}
.zcol-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
/* Flex and Grids ends*/
.d-blck,
.in-view-desk {
  display: block;
}
.in-view-mob {
  display: none;
}
/* Button set */
.trf-btn-set {
  gap: 14px;
}
.trf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
  padding: 16px 20px;
  min-width: 120px;
  line-height: 1; 
  border: none;
  border-radius: 10px;
  cursor: pointer;
  outline: none;
  background: none;
  transition: all 0.2s ease-in-out;
}
.trf-btn-primary {
  background: var(--primary-color);
  color: var(--white-color);
}
.trf-btn-primary:hover{
  background: #3049c1;
  border-color: #3049c1;
}
.trf-btn-secondary {
  background: #d9d9d9;
  color: var(--black-color);
}
.trf-btn-outline {
  color: #141d6f;
  border: 1px solid #141d6f;
}
.trf-btn-outline:hover{
background: #d8ddf3;
border-color: #d8ddf3;
}
/* Button set end*/
.trf-grey-bg {
  background: #f3f7fe;
}
.trf-blue-bg {
  background: var(--primary-color);
}
/* Header and menu */
header {
  position: fixed;
  z-index: 9;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
}
header.sticky {
  box-shadow: 0px 2px 9.8px 0px rgba(0, 0, 0, 0.08);
}
.mobile-menu-trigger {
  display: none;
}
.mobile-menu-trigger svg path {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform-origin: center;
}

.mobile-menu-trigger.active .line1 {
  transform: rotate(45deg) translate(4px, 5px);
}

.mobile-menu-trigger.active .line2 {
  opacity: 0;
}

.mobile-menu-trigger.active .line3 {
  transform: rotate(-45deg) translate(6px, -8px);
}

.trf-logo {
  display: inline-flex;
  align-items: center;
  padding: 14px 0;
}
.trf-logo img {
  max-width: 180px;
}
.menu li {
  margin: 0 2px;
}
.menu li a {
  color: var(--black-color);
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  transition: background 0.3s ease, color 0.3s ease;
  letter-spacing: 0rem;
  padding: 12px 20px;
  border-radius: 10px;
  line-height: 1.3;
}
.menu li.active a {
  color: var(--white-color);
  background: var(--primary-color);
}
.menu li.active a:hover{
  background: #3049c1;
}
.menu li a:hover {
  color: var(--primary-color);
}
.menu li.active a:hover {
  color: var(--white-color);
}
/* Header and menus ends */
.trf-seprator {
  padding: 110px 0;
}
/* Page banner header */
.trf-page-header {
  padding: 115px 0;
  position: relative;
}
.trf-page-header .content-wrap,
.trf-page-header .fluid-content-wrap {
  z-index: 3;
}
.trf-page-header .bg-img-holder {
  height: 100%;
  width: 38%;
  background-position: right center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  right: 0;
  position: absolute;
}
.trf-page-header:before {
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  background: linear-gradient(
    90deg,
    #506df5 0%,
    #506df5 62.86%,
    rgba(80, 109, 245, 0) 85.77%
  );
  height: 100%;
  z-index: 1;
}
.trf-page-header:before,
.trf-page-header .bg-img-holder {
  top: 0;
}
/* Page banner header ends*/

/* Title Blocks*/
.trf-title {
  margin: 0 0 60px;
  position: relative;
}
.trf-title.no-margin {
  margin: 0;
}
.trf-title.txt-white * {
  color: var(--white-color);
}
.trf-title h1,
.trf-title h2 {
  color: var(--black-color);
}
.trf-title h1 {
  line-height: var(--h1-line-height);
  margin: 0 0 24px;
  font-size: var(--h1-size);
  letter-spacing: -0.02em;
  font-weight: 700;
}
.trf-title h1 span {
  font-weight: 700;
  color: var(--primary-color);
}
.trf-title h2 {
  font-size: var(--h3-size);
  font-weight: 600;
  line-height: var(--h2-line-height);
  margin: 0 0 16px;
  letter-spacing: -0.01em;
}
.trf-page-header .trf-title h1 {
  font-weight: 600;
  margin-bottom: 12px;
}
.trf-content-blck h2 {
  color: var(--black-color);
  font-size: var(--h4-size);
  font-weight: 600;
  margin: 0 0 16px;
  letter-spacing: -0.01em;
  line-height: var(--h2-line-height);
}
/* Title Blocks end*/
/* Banner */
.trf-banner.trf-seprator {
  padding-top: 90px;
  position: relative;
}
.trf-banner .trf-title {
  padding-right: 60px;
}
.trf-banner .trf-title h1 {
  font-weight: 500;
}
.trf-banner .trf-title p {
  max-width: 430px;
  font-size: 22px;
}
.trf-shap1 {
  top: -10%;
  left: -4%;
  max-width: 106px;
  width: 20%;
  animation: bounce 2.5s infinite ease-in-out;
}
.trf-shap2 {
  bottom: 0%;
  left: 3%;
  max-width: 94px;
  width: 10%;
  animation: bounce 2.5s infinite ease-in-out;
}
/* Banner ends*/
/* Process card */
.trf-process {
  padding-bottom: 70px;
}
.trf-process .zcol-wrap.zcol-gutters [class^="zcol-"],
.trf-process .zcol-wrap.zcol-gutters [class*=" zcol-"] {
  margin-bottom: 40px;
}
.trf-process-card {
  padding: 50px;
  position: relative;
  border-radius: 50px 130px 50px 50px;
  width: 100%;
  height: 100%;
}
.trf-bg1 {
  background: #e2f8dc;
}
.trf-colr1 {
  color: #90d97c;
}
.trf-colr2 {
  color: #ba97d4;
}
.trf-colr3 {
  color: #e0bc9d;
}
.trf-colr4 {
  color: #93ccc8;
}
.trf-colr5 {
  color: #e19e9e;
}
.trf-bg2 {
  background: #ecdcf8;
}
.trf-bg3 {
  background: #f8e9dc;
}
.trf-bg4 {
  background: #dcf8f6;
}
.trf-bg5 {
  background: #f8dcdc;
}
.trf-count {
  text-align: center;
  text-shadow: -8px 7px 1.4px rgba(0, 0, 0, 0.1);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  font-size: 100px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  position: absolute;
  right: 4%;
  top: 0;
}
.trf-process-card h3 {
  color: var(--black-color);
  font-size: var(--h4-size);
  font-weight: 600;
  line-height: var(--h3-line-height);
  margin: 0 0 20px;
  letter-spacing: -0.01em;
}
/* Process card end */
/* Advantages card */
.trf-advantage-card {
  border-radius: 50px;
  background: #fff;
  padding: 50px;
  width: 100%;
  height: 100%;
}
.trf-advantage-card img {
  margin: 0 auto 20px;
  max-width: 100px;
}
.trf-advantage-card,
.trf-advantage-card p {
  color: var(--black-color);
  text-align: center;
}
.trf-advantage-card p {
  max-width: 300px;
  margin: 0 auto;
}
/* Advantages card end*/
/* Text card */
.trf-experts {
  padding-bottom: 50px;
}
.trf-text-card {
  color: var(--white-color);
  margin-bottom: 60px;
  padding-right: 40px;
}
.trf-text-card img {
  max-width: 100px;
  margin: 0 0 24px;
}
.trf-text-card h3 {
  font-size: var(--h5-size);
  font-weight: 600;
  letter-spacing: 0rem;
  line-height: var(--h3-line-height);
  margin: 0 0 12px;
}
/* Text card ends */
/* Testimonial card */
.trf-client-img {
  max-width: 320px;
  margin-right: 40px;
}
.trf-client-details {
  margin-top: 40px;
}
.trf-client-msg {
  flex: 1;
  border-radius: 20px;
  background: #f4f8fd;
  padding: 60px;
  position: relative;
}
.trf-client-msg:after {
  content: "";
  width: 90px;
  height: 80px;
  background: url('../images/quote.png') no-repeat center / contain;
  position: absolute;
  bottom: 10%;
  right: 7%;
}
.trf-client-msg,
.trf-client-msg p {
  color: var(--black-color);
  font-size: 20px;
}
.trf-client-details .name,
.trf-client-details .desgn {
  display: block;
}
.trf-client-details .name {
  color: var(--black-color);
  font-size: 24px;
  font-weight: 500;
  margin: 0;
  line-height: 1.4;
}
.trf-client-msg .readmore,
.trf-client-details .desgn {
  color: var(--primary-color);
  font-size: 16px;
}
.trf-client-msg .readmore {
  cursor: pointer;
  display: inline-block;
}
.teampopup-desc {
  display: none;
}
.trf-testimonial-slider .trf-client-msg .viewlesscontent {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
/* Testimonial card ends*/
/* Aboust us */
.trf-psudo-bg {
  position: relative;
}
.trf-psudo-bg:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: #f4f4f4;
  width: 30%;
  height: 100%;
  z-index: -1;
}
/* Aboust us end */
/* Our team */
.trf-team-card {
  background: #fff;
  box-shadow: 0px 4px 11.5px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  padding: 30px;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.trf-team-card,
.trf-team-card img {
  border-radius: 12px;
}
.trf-team-card img {
  margin: 0 auto 20px;
}
.trf-team-card figcaption {
  color: var(--black-color);
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
  margin: 0 0 6px;
}
.trf-team-card .trf-team-designation {
  font-size: 15px;
  line-height: 1.4;
}
.trf-team-card.active,
.trf-team-card:hover {
  background: var(--primary-color);
}
.trf-team-card.active *,
.trf-team-card:hover * {
  color: var(--white-color);
}

.trf-teams-slider {
  padding-left: 40px;
}
.trf-teams-slider .slick-track,
.trf-job-slider .slick-track {
  display: flex;
  align-items: stretch;
}
.trf-job-slider .slick-slide,
.trf-teams-slider .slick-slide {
  margin: 14px;
  flex: 1;
  height: auto;
}

.trf-teams-slider .trf-team-card {
  padding: 24px;
  width: 100%;
  height: 100%;
}
.trf-teams-slider .trf-team-card figcaption {
  font-size: 18px;
}
.trf-teams-slider .trf-team-card .trf-team-designation {
  font-size: 14px;
}
/* Our team ends */
/* vision cards */
.trf-vision-card {
  border-radius: 50px;
  background: #506df5;
  padding: 60px 40px;
  text-align: center;
  width: 100%;
  height: 100%;
}
.trf-vision-card h3 {
  font-size: var(--h5-size);
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 15px;
}
.trf-vision-card h3,
.trf-vision-card p {
  color: var(--white-color);
}
.trf-vision-card figure {
  background: var(--white-color);
  border-radius: 100%;
  width: 80px;
  padding: 12px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
}
/* vision cards end */
/* job cards */
.trf-jobs-card {
  border-radius: 25px;
  background: #f4f8fd;
  padding: 30px 25px;
  transition: background 0.3s ease;
  position: relative;
  width: 100%;
  height: 100%;
}
.trf-jobs-card .trf-job-lnk {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  width: 80px;
  height: 80px;
  background: url("../images/jobs/trf-job-lnk.svg") center no-repeat;
  background-size: 80px auto;
  overflow: hidden;
  text-indent: -999px;
  font-size: 0;
  right: 22px;
  top: 30px;
  transform: scale(0.8) rotate(0deg);
  transition: transform 0.3s ease;
}
.trf-jobs-card:hover .trf-job-lnk {
  background: url("../images/jobs/trf-job-lnk-active.svg") center no-repeat;
  background-size: 80px auto;
  transform: scale(0.8) rotate(45deg);
}
.trf-jobs-card .trf-job-lnk img {
  display: none;
  width: 100%;
}
.trf-jobs-card img:not(.trf-job-lnk img) {
  max-width: 175px;
  margin: 0 0 20px;
}
.trf-jobs-card h4,
.trf-jobs-card p {
  color: var(--black-color);
}
.trf-jobs-card h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: var(--h4-line-height);
  margin: 0 0 10px;
  letter-spacing: 0rem;
}
.trf-jobs-card p {
  font-size: 16px;
}

.trf-job-slider .slick-current .trf-jobs-card,
.trf-jobs-card:hover {
  background: var(--primary-color);
}
.trf-job-slider .slick-current .trf-jobs-card *,
.trf-jobs-card:hover * {
  color: var(--white-color);
}
.trf-job-slider .slick-current .trf-job-lnk,
.trf-jobs-card:hover .trf-job-lnk {
  background: url("../images/jobs/trf-job-lnk-active.svg") center no-repeat;
  background-size: 80px auto;
}
/* job card ends */
/* Gallery */
.trf-gallery {
  background: var(--primary-color);
}
.trf-gallery-slider .slick-slide {
  margin: 20px;
}
/* Gallery ends */

/* list */
.trf-list {
  margin-top: 40px;
}
.trf-list li {
  position: relative;
  margin-bottom: 12px;
  padding-left: 40px;
  font-size: 18px;
}
.trf-list li:before {
  position: absolute;
  width: 22px;
  height: 18px;
  content: "";
  left: 0;
  top: 0.4rem;
  background: url("../images/trf-list-icon.svg") no-repeat center center / 20px;
}
/* list end*/
/* services */
.trf-services .trf-content-blck h3 {
  color: var(--primary-color);
  font-size: var(--h5-size);
  font-weight: 600;
  line-height: var(--h3-line-height);
  margin: 0 0 12px;
}
/* service ends */
.trf-form-sec {
  padding-bottom: 210px;
  position: relative;
  overflow: hidden;
}
.trf-form-sec:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 180px;
  background: url("../images/trf-shape1.png") no-repeat;
  left: 0;
  bottom: 0;
  background-size: cover;
  transform: rotate(0deg);
}
.address-card {
  border-radius: 10px;
  border: 1px solid #506df5;
  background: #506df5;
  padding: 40px;
  font-style: normal;
  margin-bottom: 30px;
}
.trf-row-card {
  margin: 0 0 30px;
}
.trf-row-card:last-child {
  margin-bottom: 0;
}
.trf-row-card * {
  color: var(--white-color);
}
.trf-row-card img {
  max-width: 70px;
}
.trf-email-info {
  flex: 1;
  padding-left: 30px;
  line-height: 1.3;
  display: flex;
  flex-direction: column;
  word-break: break-word;
}
.trf-row-card strong {
  display: block;
  word-break: break-word;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  margin-bottom: 10px;
}
.trf-row-card a {
  display: inline-block;
}
.trf-row-card p {
  line-height: 1.6;
}
/* Form */
.trf-form-wrap {
  border-radius: 10px;
  background: #fff;
  padding: 80px;
}
select,
button,
input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.trf-form-row {
  justify-content: space-between;
  position: relative;
  margin: 0 0 30px;
}
.trf-form-row input[type="text"],
.trf-form-row input[type="password"],
.trf-form-row input[type="email"],
.trf-form-row input[type="text"],
.trf-form-row select {
  height: calc(2.25rem + 2px);
}
.trf-form-row input[type="text"],
.trf-form-row input[type="password"],
.trf-form-row input[type="email"],
.trf-form-row input[type="text"],
.trf-form-row textarea,
.trf-form-row select {
  display: block;
  padding: 1.75rem 1.55rem;
  width: 100%;
  border: none;
  outline: 0;
  border-radius: 12px;
  background: #f4f8fd;
  color: var(--black-color);
  font-size: 16px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  line-height: 1.5;
}
.trf-form-row textarea {
  resize: none;
}
/* Form end */
/* Footer */
footer .trf-seprator {
  padding-top: 60px;
}
footer h6 {
  margin: 0 0 40px;
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-transform: capitalize;
}
.trf-copyrights {
  background: var(--black-color);
  padding: 20px;
}
.trf-copyrights p,
.trf-copyrights a {
  color: var(--white-color);
  font-size: 14px;
}
.trf-copyrights a:hover {
  color: var(--primary-color);
}
.trf-copyrights p {
  margin: 0;
}
.trf-copyrights span {
  display: inline-block;
  margin: 0 6px;
}
footer address {
  font-style: normal;
  color: var(--black-color);
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 30px;
}
footer address p {
  margin-bottom: 6px;
}
.trf-footer-logo {
  display: inline-block;
  margin: 0 0 30px;
}
.trf-footer-links {
}
.trf-footer-links li {
  margin: 0 0 6px;
}
.trf-footer-links li a {
  color: var(--black-color);
  font-size: 16px;
}
.trf-footer-links li a:hover {
  color: var(--primary-color);
}
.trf-footer-lst {
  justify-content: space-evenly;
}
.trf-footer-lst li {
  flex: 0 0 33%;
  max-width: 33%;
  padding: 6px;
}
.trf-footer-lst li a {
  display: block;
}
/* Footer ends */
/* Job description card */
.job-description-card {
  border-radius: 25px;
  background: #f4f8fd;
  padding: 40px;
  color: var(--black-color);
}
.trf-job-content {
  padding-left: 20px;
}
.trf-job-content p {
  margin-bottom: 5px;
}
.trf-job-content p span {
  font-size: 20px;
  display: inline-flex;
  font-weight: 600;
  min-width: 230px;
}
.trf-tagline {
  margin-top: 24px;  /* Add space above the tagline */
  font-size: 1.1rem;
  color: var(--black-color);
  opacity: 0.9;
  text-align: left;
}
.job-description-card h2,
.job-description-card h3,
.job-description-card h4 {
  font-weight: 700;
}
.job-description-card h2 {
  font-size: var(--h5-size);
  margin: 0 0 24px;
  line-height: var(--h2-line-height);
}
.job-description-card h3 {
  font-size: var(--h6-size);
  line-height: var(--h3-line-height);
  margin: 30px 0 16px;
}
.job-description-card h4 {
  font-size: var(--h6-size);
  line-height: var(--h4-line-height);
  margin: 10px 0 12px;
}
.job-description-card ul,
.job-description-card ul li {
  list-style-type: disc;
}
.job-description-card ul {
  margin: 0 0 40px;
  padding-left: 20px;
}
.job-description-card ul li {
  margin: 0 0 6px;
}
/* Popup/Modal Styles */
[data-popup-group] img {
  cursor: pointer;
  display: inline-block;
}
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.popup-overlay.inline-flex,
.team-popup.inline-flex {
  display: inline-flex !important;
}

.popup-content {
  position: relative;
  width: 80%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.popup-content img {
  width: 100%;
  border-radius: 10px;
}

.popup-btns {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
}

.popup-btns button {
  background: rgba(0, 0, 0, 0.6);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  font-size: 18px;
}

.close-popup {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  border-radius: 50%;
  cursor: pointer;
  line-height: 1;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* //////// */
/* Overlay background */
.fixed-scroll {
  overflow: hidden;
}
#team-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* Popup content box */
#team-popup .popup-content {
  background: #fff;
  padding: 30px 20px;
  border-radius: 8px;
  max-width: 1200px;
  width: 90%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  position: relative;
  text-align: center;
}

/* Close button */
#team-popup .close-popup {
  position: absolute;
  top: 10px;
  right: 12px;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: var(--white-color);
  background: var(--primary-color);
  z-index: 9;
}
.team-popup .trf-client-details,
.team-popup .viewlesscontent {
  text-align: left;
}
.team-popup .viewlesscontent {
  max-height: 360px;
  padding-right: 50px;
  overflow: auto;
}
.team-popup .trf-client-img {
  max-width: 260px;
}
.team-popup .trf-client-msg,
.team-popup .trf-client-msg p {
  font-size: 17px;
}
.team-popup .trf-client-msg p {
  margin-bottom: 20px;
}
.team-popup .trf-client-msg {
  padding: 30px;
}
.team-popup .trf-client-details .name {
  font-size: 20px;
}
.team-popup .trf-client-details .desgn {
  font-size: 14px;
}
.team-popup .trf-client-msg:after {
  width: 70px;
  height: 60px;
  bottom: 4%;
}
/* Popup/Modal Styles ends*/
.slider-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 20px;
}
.slider-controls button {
  border: none;
  cursor: pointer;
  background: transparent;
  width: 52px;
  height: 52px;
}
.slider-controls button svg {
  width: 100%;
  height: 100%;
}

.slider-controls button:hover .hvrblue {
  fill: var(--primary-color);
  stroke: var(--white-color);
}
.slider-controls button:hover .hvrblack {
  stroke: var(--white-color);
  fill: var(--white-color);
}
/* Pagination */
.trf-pagination ul {
  justify-content: flex-start;
  align-items: center;
}
.trf-pagination ul li {
  margin-right: 10px;
  padding-right: 20px;
  position: relative;
}
.trf-pagination ul li:last-child {
  margin: 0;
  padding: 0;
}
.trf-pagination ul li a,
.trf-pagination ul li span {
  font-size: 14px;
  display: inline-block;
}
.trf-pagination ul li a:after {
  position: absolute;
  content: "//";
  right: 0;
}
/* Pagination end */

/* Animations Styles */
@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
/* Animations Styles end */

/* Mediaquery*/
@media (max-width: 1440px) {
  .content-wrap {
    width: 1140px;
  }
  .trf-seprator {
    padding: 90px 0 90px;
  }
  .trf-banner {
    padding: 70px 0 90px;
  }
  .trf-banner .trf-title h1,
  .trf-page-header h1 {
    font-size: var(--h2-size);
  }
  .trf-banner .trf-title p {
    font-size: 20px;
  }
  .trf-title h2,
  .trf-content-blck h2 {
    font-size: var(--h4-size);
  }
  .trf-title p,
  .trf-client-msg,
  .trf-client-msg p,
  .trf-client-details .name,
  .trf-content-blck p,
  .trf-content-blck {
    font-size: 18px;
  }
  .trf-process-card h3 {
    font-size: var(--h4-size);
  }
  .trf-client-msg {
    padding: 40px;
  }
  .zrow-mb-12 {
    margin-bottom: 90px;
  }
  .trf-page-header {
    padding: 70px 0;
    position: relative;
  }
  .address-card {
    padding: 30px;
  }
  .trf-row-card img {
    width: 18%;
  }
  .trf-row-card strong {
    font-size: 18px;
  }
  .trf-email-info {
    padding-left: 20px;
    font-size: 16px;
  }
  .trf-form-sec:before {
    display: none;
  }
  .trf-form-wrap {
    padding: 40px;
  }
  .trf-shap2 {
    max-width: 60px;
  }
}

@media (max-width: 1199px) {
  .content-wrap {
    width: 960px;
  }
  .trf-seprator {
    padding: 70px 0 70px;
  }
  .trf-logo img,
  .trf-footer-logo {
    max-width: 140px;
  }
  /* .menu li {
    margin: 0 10px;
  } */
  .menu li a {
    padding: 8px 10px;
    border-radius: 6px;
  }
  .trf-btn {
    padding: 12px 14px;
  }
  .trf-banner.trf-seprator {
    padding: 70px 0 70px;
  }
  .trf-banner .trf-title h1,
  .trf-page-header .trf-title h1 {
    font-size: var(--h3-size);
  }
  .trf-banner .trf-title p {
    font-size: 18px;
  }
  .trf-title p,
  .trf-text-card p,
  .trf-client-msg,
  .trf-client-msg p,
  .trf-client-details .name,
  .trf-content-blck p,
  .trf-content-blck,
  .trf-advantage-card p,
  .trf-advantage-card,
  .trf-process-card,
  .trf-list li,
  .trf-vision-card p {
    font-size: 16px;
  }
  .team-popup .trf-client-msg,
  .team-popup .trf-client-msg p {
    font-size: 14px;
  }
  .team-popup .trf-client-details .name {
    font-size: 18px;
  }
  .trf-advantage-card,
  .trf-process-card {
    padding: 30px;
  }
  .trf-advantage-card img,
  .trf-text-card img {
    max-width: 60px;
  }
  .trf-process-card h3 {
    font-size: var(--h5-size);
  }
  .trf-count {
    text-align: center;
    text-shadow: -4px 3px 1.4px rgba(0, 0, 0, 0.1);
    font-size: 80px;
  }
  .trf-text-card h3 {
    font-size: var(--h6-size);
  }
  .trf-row-card {
    flex-direction: column;
  }
  .trf-email-info {
    padding: 0;
    margin-top: 10px;
  }
  .trf-teams-slider {
    padding: 0;
  }
  /* services */
  .pl-60 {
    padding-left: 0;
  }
  .pr-60 {
    padding-right: 0;
  }
  .trf-content-blck {
    margin-bottom: 40px;
  }
  /* services ends*/
  .trf-shap2 {
    display: none;
  }
  .trf-gallery-slider .slick-slide {
    margin: 14px;
  }
  .trf-job-slider .slick-slide,
  .trf-teams-slider .slick-slide {
    margin: 10px;
  }
  .trf-teams-slider .trf-team-card {
    padding: 16px;
  }
  .trf-content-blck {
    max-width: 530px;
  }
  .team-popup .trf-client-img {
    max-width: 200px;
  }
}

@media (max-width: 991px) {
  .content-wrap {
    width: 720px;
  }
  .zcol-md-1 {
    flex: 0 0 8.33%;
    max-width: 8.33%;
  }
  .zcol-md-2 {
    flex: 0 0 16.67%;
    max-width: 16.67%;
  }
  .zcol-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .zcol-md-4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .zcol-md-5 {
    flex: 0 0 41.67%;
    max-width: 41.67%;
  }
  .zcol-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .zcol-md-7 {
    flex: 0 0 58.33%;
    max-width: 58.33%;
  }
  .zcol-md-8 {
    flex: 0 0 66.67%;
    max-width: 66.67%;
  }
  .zcol-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .zcol-md-10 {
    flex: 0 0 83.33%;
    max-width: 83.33%;
  }
  .zcol-md-11 {
    flex: 0 0 91.67%;
    max-width: 91.67%;
  }
  .zcol-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flx-md-column-rvrse {
    flex-direction: column-reverse;
  }
  /* Mobile menu */
  header {
    box-shadow: 0px 2px 9.8px 0px rgba(0, 0, 0, 0.08);
    height: 62px;
  }

  header .trf-logo img {
    max-width: 130px;
  }
  .menu li.active a,
  .menu li a:hover {
    color: var(--primary-color);
    background: transparent;
  }
  .mobile-menu-trigger {
    background: none;
    border: 0;
    outline: 0;
    cursor: pointer;
    display: inline-flex;
  }
  .mobile-menu-trigger svg {
    width: 30px;
  }
  .mobile-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 16px;
    position: relative;
    z-index: 11;
  }
  .trf-mainmenu {
    flex-direction: column;
    padding-bottom: 30px;
    margin: 0;
    position: absolute;
    left: 0;
    width: 100%;
    background: #f4f8fd;
    top: 100%;
  }

  .trf-mainmenu .menu {
    flex-direction: column;
    margin: 0;
    text-align: center;
  }
  .menu li {
    margin: 0;
    border-bottom: 1px solid #e1ebf7;
  }
  .menu li:last-child {
    border: none;
  }
  .menu li a {
    padding: 10px 0;
    display: block;
  }
  .trf-mainmenu {
    transform: translateY(-20px);
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    padding-top: 10px;
  }

  .trf-mainmenu.active {
    transform: translateY(0);
    opacity: 1;
    max-height: 700px;
    visibility: visible;
  }

  /* Mobile menu ends*/
  /* .d-blck {
    display: inline;
  } */
  .trf-banner .trf-title h1,
  .trf-page-header .trf-title h1 {
    font-size: var(--h4-size);
  }
  .trf-banner .trf-bnnr-img {
    max-width: 300px;
    margin: 0 auto;
  }
  .trf-shap1 {
    display: none;
  }
  .trf-banner .trf-title {
    padding-right: 10px;
  }
  .trf-banner .trf-title p {
    max-width: 300px;
  }
  .trf-title h2,
  .trf-content-blck h2 {
    font-size: var(--h5-size);
  }
  .trf-advantage-card {
    padding: 20px;
    border-radius: 30px;
  }
  .trf-process-card h3,
  .trf-services .trf-content-blck h3 {
    font-size: var(--h6-size);
  }
  .trf-testimonial-slider .trf-client-img {
    max-width: 180px;
    margin-right: 20px;
  }
  .trf-teams-slider .trf-team-card figcaption {
    font-size: 16px;
  }
  .slider-controls button {
    width: 40px;
    height: 40px;
  }
  .trf-client-msg:after {
    width: 60px;
    height: 50px;
  }
  .trf-client-msg {
    padding: 30px;
  }
  .trf-form-wrap {
    padding: 30px 20px;
  }
  .address-card {
    padding: 20px;
  }
  .trf-form-row {
    margin: 0 0 20px;
  }
  .trf-form-row .trf-mb-row {
    margin-bottom: 20px;
  }
  .trf-testimonial-slider blockquote {
    flex-direction: column;
    align-items: center;
  }
  .trf-row-card img {
    width: 12%;
  }
  .trf-testimonial-slider .trf-client-img {
    max-width: 160px;
    margin: 0 auto 20px;
  }
  .trf-copyrights p,
  .trf-copyrights a {
    font-size: 13px;
  }
  .team-popup .viewlesscontent {
    max-height: 200px;
  }
  .team-popup .trf-client-img {
    margin-right: 20px;
  }
  .trf-btn {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .content-wrap {
    width: 450px;
  }
  .zcol-1,
  .zcol-2,
  .zcol-3,
  .zcol-4,
  .zcol-5,
  .zcol-6,
  .zcol-7,
  .zcol-8,
  .zcol-9,
  .zcol-10,
  .zcol-11,
  .zcol-12 {
    position: relative;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
  .in-view-desk {
    display: none;
  }
  .in-view-mob {
    display: block;
  }
  .trf-title {
    margin: 0 0 30px;
  }
  .flx-row-rvrse {
    flex-direction: row-reverse;
  }
  .flx-column-rvrse {
    flex-direction: column-reverse;
  }
  .trf-banner.trf-seprator {
    padding: 50px 0 70px;
  }
  .trf-banner .trf-title,
  .trf-banner .trf-title p {
    text-align: center;
  }
  .trf-banner .trf-title {
    padding-right: 0;
    margin-bottom: 40px;
  }
  .trf-banner .trf-title p {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  .trf-btn-set {
    justify-content: center;
    margin: 0 0 50px;
  }
  .trf-form-wrap .trf-btn-set {
    justify-content: flex-end;
  }
  .trf-banner .trf-title h1,
  .trf-page-header .trf-title h1 {
    font-size: var(--h5-size);
  }
  .trf-banner .trf-title p {
    font-size: 16px;
  }
  .trf-title h2,
  .trf-content-blck h2 {
    font-size: var(--h5-size);
  }
  .trf-page-header .bg-img-holder {
    width: 75%;
  }
  .trf-advantage-card {
    margin-bottom: 20px;
    height: auto;
  }
  .trf-text-card {
    padding: 0;
  }
  .trf-vision-card h3 {
    font-size: var(--h6-size);
  }
  .trf-advantage-card img,
  .trf-text-card img {
    max-width: 50px;
  }
  .trf-form-wrap {
    margin-bottom: 40px;
  }
  .trf-page-header {
    text-align: center;
  }
  .trf-content-blck {
    margin-top: 30px;
  }
  .trf-vision-card {
    height: auto;
    margin-bottom: 30px;
    padding: 20px;
  }
  .trf-job-slider .slick-current .trf-job-lnk,
  .trf-jobs-card .trf-job-lnk {
    width: 50px;
    height: 50px;
  }
  .trf-job-slider .slick-current .trf-job-lnk,
  .trf-jobs-card .trf-job-lnk {
    background-size: 50px;
  }
  .trf-jobs-card img:not(.trf-job-lnk img) {
    max-width: 120px;
    margin: 0 0 20px;
  }
  .trf-psudo-bg:after {
    display: none;
  }
  .trf-vision-card figure {
    width: 50px;
    height: 50px;
  }
  .trf-gallery-list figure img {
    display: block;
    margin: 0 auto;
  }
  footer h6 {
    margin: 20px 0 20px;
  }

  .pl-60 {
    padding-left: 0;
  }
  .pr-60 {
    padding-right: 0;
  }
  .trf-pagination ul {
    justify-content: center;
  }
  .team-popup .trf-client-img {
    max-width: 60px;
    margin: 0 0 20px;
  }
  .team-popup .trf-client-msg {
    padding: 20px;
  }
  .team-popup .viewlesscontent {
    padding-right: 20px;
  }
  .team-popup blockquote {
    flex-direction: column;
    align-items: center;
    padding: 0;
  }
  .team-popup .trf-client-details .name {
    font-size: 16px;
  }
  .team-popup .trf-client-details .desgn {
    font-size: 12px;
  }
  .team-popup .trf-client-msg:after {
    width: 30px;
    height: 50px;
  }
  #team-popup .popup-content {
    padding: 10px;
  }
}
@media (max-width: 480px) {
  .content-wrap {
    width: 90%;
  }
}