@charset "utf-8";



:root {
  --tsfs-scale: 0.7;
  --tsfs-scaleSm: 0.7;
  --tslh-scale: 0.75;
  --tslogo-scaleH: 0.73;
  --tslogo-scaleF: 0.75;

  --tswd-logoh: calc(95px * var(--tslogo-scaleH));
  --tswd-mnutoggler: calc(60px * var(--tslogo-scaleH));
  --tswd-logof: calc(247px * var(--tslogo-scaleF));

  --tsfs-90: calc(90px * var(--tsfs-scale)); /*..*/
  --tsfs-84: calc(84px * var(--tsfs-scale)); /*..*/
  --tsfs-80: calc(80px * var(--tsfs-scale)); /*..*/
  --tsfs-70: calc(70px * var(--tsfs-scale)); /*..*/
  --tsfs-64: calc(64px * var(--tsfs-scale)); /*..*/
  --tsfs-50: calc(50px * var(--tsfs-scaleSm)); /*..*/
  --tsfs-40: calc(40px * var(--tsfs-scaleSm)); /*..*/
  --tsfs-38: calc(38px * var(--tsfs-scaleSm)); /*..*/
  --tsfs-36: calc(36px * var(--tsfs-scaleSm)); /*..*/
  --tsfs-31: calc(31px * var(--tsfs-scaleSm)); /*..*/
  --tsfs-30: calc(30px * var(--tsfs-scaleSm)); /*..*/
  --tsfs-28: calc(28px * var(--tsfs-scaleSm)); /*..*/
  --tsfs-26: calc(26px * var(--tsfs-scaleSm)); /*..*/
  --tsfs-24: calc(24px * var(--tsfs-scaleSm)); /*..*/
  --tsfs-23: calc(23px * var(--tsfs-scaleSm)); /*..*/
  --tsfs-22: calc(22px * var(--tsfs-scaleSm)); /*..*/
  --tsfs-20: calc(20px * var(--tsfs-scaleSm)); /*..*/
  --tsfs-18: calc(20px * var(--tsfs-scaleSm)); /*..*/
  --tsfs-17: calc(19px * var(--tsfs-scaleSm)); /*..*/
  --tsfs-16: calc(18px * var(--tsfs-scaleSm)); /*..*/
  --tsfs-15: calc(17px * var(--tsfs-scaleSm)); /*..*/
  --tsfs-14: calc(16px * var(--tsfs-scaleSm)); /*..*/

    /* bg clrs */
  --tscl-bg1: #C29C7F;
  --tscl-bg2: #162C25;
  --tscl-bg3: #F6F6F6;
  --tscl-bg4: #11221D;
  --tscl-bg5: rgba(31, 61, 52, 0.2);
  --tscl-bg6: #11221D;

   /* texts clrs */
  --tscl-text1: #C70134;
  --tscl-text2: #3A3A3A;
  --tscl-text3: #040404;
  --tscl-text4: #000000;
  --tscl-text5: #44527D;
  --tscl-text6: #FFFFFF;
  --tscl-text7: #FFF8F9;


  --tscl-pgng: var(--tscl-F);
  /*--tsbg-pgng: var(--tscl-2d3120);
  --tsbg-pgng-h: var(--tscl-2d3120);*/
  --tscl-pgng-h: var(--tscl-F);
  --tscl-srchbtn: var(--tscl-0);
  --tsbg-srchbtn: var(--tscl-bg1);

}
html {

  font-size: 13px ;
  scroll-behavior: smooth !important;
  min-height: 100% !important;
  overflow-x: hidden;
}
body
{
  min-height: 100vh !important;
}

.tsc-logo-h {
  width: var(--tswd-logoh);
}
.tsc-mnu-toggler-h {
  width: var(--tswd-mnutoggler);
}
.tsc-logo-f {
  width: var(--tswd-logof);
}
.tsc-rtl {
  direction: rtl !important;
}
.tsc-ltr {
  direction: ltr !important;
}
.parallax-mirror {
  direction: ltr !important;
}
.Top-Header {
  height: 100vh;
  overflow: hidden;

}
.ts-mnu-toggler {
  width: var(--tsfs-64);
}

a, a:hover, a:visited, a:active, a:link
{
  text-decoration: none;

}


.tsrtl .stts-counter-value {
  unicode-bidi: embed;
}





/* ********************* responsive fonts ***********************  */


.tsfs-90 {
  font-size: var(--tsfs-90) !important;
}
.tsfs-84 {
  font-size: var(--tsfs-84) !important;
}
.tsfs-70 {
  font-size: var(--tsfs-70);
}
.tsfs-64 {
  font-size: var(--tsfs-64);
}
.tsfs-50 {
  font-size: var(--tsfs-50);
}
.tsfs-40 {
  font-size: var(--tsfs-40) !important;
}
.tsfs-38 {
  font-size: var(--tsfs-38) !important;
}
.tsfs-36 {
  font-size: var(--tsfs-36) !important;
}
.tsfs-31 {
  font-size: var(--tsfs-31) !important;
}
.tsfs-30 {
  font-size: var(--tsfs-30) !important;
}
.tsfs-28 {
  font-size: var(--tsfs-28);
}
.tsfs-26 {
  font-size: var(--tsfs-26);
}
.tsfs-24 {
  font-size: var(--tsfs-24) !important;
}

.tsfs-23 {
  font-size: var(--tsfs-23) !important;
}

.tsfs-22 {
  font-size: var(--tsfs-22) !important;
}
.tsfs-20 {
  font-size: var(--tsfs-20) !important;
}




/* *********************** color classes ********************************* */

.tscl-text1{
  color: var(--tscl-bg1) !important;
}
.tscl-text2{
  color: var(--tscl-bg2) !important;
}
.tscl-text3{
  color: var(--tscl-bg3) !important;
}
.tscl-text4{
  color: var(--tscl-text4) !important;
}
.tscl-text5{
  color: var(--tscl-text5) !important;
}
.tscl-text6{
  color: var(--tscl-text6) !important;
}
.tscl-text7{
  color: var(--tscl-text7) !important;
}


/********************** background classes **********************/
.tsbg-bg1{
  background-color: var(--tscl-text5) !important;
}
.tsbg-bg2{
  background-color: var(--tscl-bg2) !important;
}
.tsbg-bg3{
  background-color: var(--tscl-bg3) !important;
}
.tsbg-bg4{
  background-color: var(--tscl-bg4) !important;
}
.tsbg-bg5{
  background-color: var(--tscl-text5) !important;
}
.tsbg-bg6{
  background-color: var( --tscl-bg5) !important;
}
.tsbg-bg7{
  background-color: var( --tscl-bg6) !important;
}
.tsbg-bg8{
  background-color: var(--tscl-text7) !important;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.4em !important;
}
p{
  line-height: 1.5em !important;
}
/* ***********************Responsive width ******************************* */

.w-fit {
  width: fit-content !important;
}


/* *********************************** css transitions and style global classes ********************************* */


/* General Classes */
.tsc-cursorpointer {
  cursor: pointer !important;
}

.tsc-tr1s {
  transition: 1s ease-in-out !important;
}

.tsc-tr06s {
  transition: 0.5s ease-in-out !important;
}

/* Transformations */
.tsc-tr-top:hover {
  transform: translateY(-6px) !important;
}
.tsc-tr-end:hover {
  transform: translateX(-6px) !important;
}

.tsc-tr-down:hover {
  transform: translateY(6px) !important;
}

.tsc-scale:hover {
  transform: scale(1.04) !important;
}

/* Height and Border */
.tsc-smh {
  height: 1px !important;
}

.tsc-b1 {
  border: 1.5px solid #000000;
}

/* Z-Index */
.z-1 {
  z-index: 20 !important;
}

.z-2 {
  z-index: 40 !important;
}

/* Line Clamp and Text Alignment */
.tsc-lc2 {
  -webkit-line-clamp: 2 !important;
}

.tsc-tj {
  text-align: justify;
}

/* Input Styles */
input::placeholder {
  font-size: var(--tsfs-16);
  font-family: TSFntExtraLight;
  color: var(--tscl-4f4f4f);
}



input:hover,
input:focus {
  outline: none;
}

/* Transformations and Positioning */
.tsc-ty-50 {
  transform: translateY(-40px);
}

.tsc-pos-c {
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}

/* Left and Right Positioning */

/* Aspect Ratio and Borders */


.tsc-bdr1 {
  border: 1px solid black;
}

/* Scalable with Shadow */
.tsc-scl-shdw {
  transition: 0.4s ease-in-out;
  transform: scale(1);
  -webkit-box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.1);
}

.tsc-scl-shdw:hover {
  transform: scale(1.04);
  -webkit-box-shadow: 0px 6px 12px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 12px 6px rgba(0, 0, 0, 0.2);
}

.tracking-in-expand {
  -webkit-animation: tracking-in-expand 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
          animation: tracking-in-expand 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}