@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Days+One&display=swap");
:root {
  /**
  @font family declaration
  */
  --tp-ff-body: 'Archivo', sans-serif;
  --tp-ff-heading: 'Days One', sans-serif;
  --tp-ff-p: 'Archivo', sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #ffffff;
  --tp-common-black: #000;
  --tp-heading-primary: #171151;
  --tp-grey-1: #F2F5FA;
  --tp-text-body: #171151;
  --tp-text-1: #A9B7D1;
  --tp-text-2: #8A879F;
  --tp-text-3: #B7B6C4;
  --tp-theme-primary: #171151;
  --tp-theme-secondary: #450045;
  --tp-theme-blue: #0E63FF;
  --tp-theme-pink: #F72A75;
  --tp-theme-sky: #42BFFF;
  --tp-border-primary: #ECEEF3;
  --tp-border-secondary: #D1D6E0;
  --tp-icon-blue: #0E63FF;
  --tp-icon-blue-light: #E7efFF;
  --tp-icon-green: #450045;
  --tp-icon-green-light: #E7FAF6;
  --tp-icon-pink: #F72A75;
  --tp-icon-pink-light: #FEEAf1;
  --tp-icon-sky: #42BFFF;
  --tp-icon-sky-light: #ECF9FF;
  --tp-icon-red: #FF0000;
  --tp-icon-tweet: #1DA1F2;
  --tp-icon-fb: #4267B2;
  --tp-icon-skype: #00A6E4;
}

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

/*---------------------------------
	typography css start 
---------------------------------*/
  
 
<!--
ul,
li {
  list-style: none;
}

ul {
  margin: 0px;
  padding: 0px;
}-->
 
.tp-side-info-area {
  background: #171151;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 30px;
  width: 350px;
  transform: translateX(120%);
  transition: 0.3s;
  z-index: 99;
}
.tp-side-info-area.tp-sidebar-opened {
  transform: translateX(0);
}
@media (max-width: 767px) {
  .tp-side-info-area {
    width: 300px;
  }
}

.tp-sidebar-close {
  color: #fff;
  position: absolute;
  left: -35px;
  font-size: 21px;
  background: #171151;
  width: 35px;
  height: 35px;
}

.body-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999999;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
}
.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}

.layout-left-right {
  display: flex;
  flex: 0 0 auto;
}


@media only screen and (min-width: 1601px) and (max-width: 1700px), only screen and (min-width: 1500px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpherotext {
    padding-top: 150px;
    padding-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpherotext {
    padding-top: 180px;
  }
}
.tpherotext__title {
  font-weight: 400;
  font-size: 60px;
  line-height: 1.16;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tpherotext__title {
    font-size: 36px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tpherotext__title br {
    display: none;
  }
}
.tpherotext p {
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-common-white);
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .tpherotext p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .tpherotext p br {
    display: none;
  }
}

@media only screen and (min-width: 1500px) and (max-width: 1700px) {
  .tp-common-area {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-common-area {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-common-area {
    padding-left: 20px;
    padding-right: 20px;
  }
}

 
.tpsideinfo {
  background-color:#000000;
  text-align: start;
  position: fixed;
  right: 0;
  top: 0;
  width: 420px;
  height: 100%;
  box-shadow: rgba(5, 13, 54, 0.05) 5px 15px 30px 0px;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 9999999;
  padding: 30px;
  transform: translateX(100%);
  overflow-y: scroll;
}
@media (max-width: 767px) {
  .tpsideinfo {
    width: 280px;
  }
}
.tpsideinfo.tp-shop-sidebar-opened {
  transform: translateX(0);
}
.tpsideinfo__close {
  color: #fff;
  right: 30px;
  font-size: 18px;
  background: #450045;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 40px;
}
@media (max-width: 767px) {
  .tpsideinfo__close {
    width: 30px;
    height: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpsideinfo__content {
    padding-top: 35px;
    margin-bottom: 40px;
  }
}
.tpsideinfo__content p {
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-common-white);
  margin-bottom: 55px;
}
.tpsideinfo__content span {
  color: var(--tp-text-2);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 14px;
  display: block;
  margin-bottom: 8px;
}
.tpsideinfo__content a {
    display: block;
    color: var(--tp-common-white);
    margin-bottom: 5px;
    font-size: 26px;
    font-weight: 500;
    line-height: 50px;
 
}

.tpsideinfo__content a:hover {
  
  color:#cccccc;
 
}
@media (max-width: 767px) {
  .tpsideinfo__content a {
    font-size: 14px;
  }
}