@charset "UTF-8";



/*

  Theme Name: Hidden Scars

  Theme URI: canvaKart

  Author: https://www.canvakart.com/

  Tested up to: 6.3

  Requires PHP: 5.6

  Version: 1.0

*/





@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');









/* 
font-family: 'Poppins', sans-serif;
font-family: 'Roboto', sans-serif;
*/



body {

  font-family: 'Poppins', sans-serif;

  background: url(assets/images/bg-repeat.png) repeat 0 0;

}



.elementor-icon-list-icon .fa-check {

  position: relative;

}



.elementor-icon-list-icon .fa-check:before {

  visibility: hidden;

  border: 1px solid #000;

}



.elementor-icon-list-icon .fa-check:after {

  content: "";

  background-image: url(assets/images/arrow.png);

  background-repeat: no-repeat;

  background-position: 0 0;

  background-size: 100%;

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

}





.page-loader {

  display: block;

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  background: #fefefe;

  z-index: 100000;

  display: flex;

  align-items: center;

  justify-content: center;

}



.page-loader .loader {

	    width: 122px;
    height: 122px;

  background: url(assets/images/logo.jpg) no-repeat 0 0;

  background-size: 100%;

  padding:156px 0 0 0;

}





.progress {

  height: 10px;

  background-color: #391c38;

  animation: loading 5s linear infinite;

}



@keyframes loading {

  0% {

    width: 0;

  }

  100% {

    width: 100%;

  }

}


.bg-img-1{
  background: url(assets/images/top-bg2.png) no-repeat 0 0 #653A57; 
  margin-left: -12px;
  margin-right: -12px;
}

ul{
  padding: 0;
  list-style-type: none;
}

.list-1 ul li{
  position: relative;
  padding: 0 0 0 25px;
}

.list-1 ul li:before{
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 0;
  left: 0;
}


a {

  text-decoration: none;

}





.top-social-ico-pos {

  background-color: #0b304a;

  padding: 5px 0;

}





.top-social-ico-pos {

  clip-path: polygon(0 0, 100% 0%, 100% 100%, 7% 100%);

}



.top-menu {

  background-color: #3c0c32;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 9999;

}



.top-logo {

  position: absolute;

  top: 17px;

  left: 12px;

  border: 2px solid;

  border-color: #fff;

  border-radius: 14px;

  overflow: hidden;

}





.top-logo .custom-logo {

  max-width: 100%;

  height: 200px;

  width: auto;

  transition: all ease 0.5s;

}



.sticky-nav .top-logo .custom-logo {

  height: 80px;

}



.navbar {

  padding: 15px 0;

}



.primary-menu-container {

  display: -webkit-flex;

  display: flex;

  height: 100%;

  align-items: center;

  justify-content: end;

}



.primary-menu-container .menu-wrapper {

  display: -weblit-flex;

  display: flex;

  list-style-type: none;

  margin: 0;

  font-family: 'Poppins', sans-serif;

  padding: 0;

}



.primary-menu-container .menu-wrapper li {

  margin: 0 2px;

}



.primary-menu-container .menu-wrapper li a {

  color: #fff;

  display: block;

  font-size: 20px;

  transition: all ease 0.4s;

  padding: 0 12px;

  border-radius: 4px;

}



.primary-menu-container .menu-wrapper li.active a,

.primary-menu-container .menu-wrapper li a:hover {

  background: #fff;

  color: #3c0c32;

}









/* Mobile menu btn */

.mob-cross {

  border-radius: 2px;

  width: 35px;

  height: auto;

  margin-left: auto;

  display: none;

}



.mob-cross-btn {

  width: 35px;

  cursor: pointer;

  display: none;

  margin-left: auto;

  padding-top: 0px;

}



.mob-cross-btn span {

  display: block;

  width: 100%;

  /* box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3); */

  border-radius: 3px;

  height: 3px;

  background: #fff;

  transition: all .3s;

  position: relative;

}



.mob-cross-btn.active span {

  background: #fff;

}



.mob-cross-btn span+span {

  margin-top: 8px;

}



.mob-cross-btn.active span:nth-child(1) {

  animation: ease .7s top forwards;

}



.mob-cross-btn.not-active span:nth-child(1) {

  animation: ease .7s top-2 forwards;

}



.mob-cross-btn.active span:nth-child(2) {

  animation: ease .7s scaled forwards;

}



.mob-cross-btn.not-active span:nth-child(2) {

  animation: ease .7s scaled-2 forwards;

}



.mob-cross-btn.active span:nth-child(3) {

  animation: ease .7s bottom forwards;

}



.mob-cross-btn.not-active span:nth-child(3) {

  animation: ease .7s bottom-2 forwards;

}



@keyframes top {

  0% {

    top: 0;

    transform: rotate(0);

  }

  50% {

    top: 22px;

    transform: rotate(0);

  }

  100% {

    top: 22px;

    transform: rotate(45deg);

  }

}



@keyframes top-2 {

  0% {

    top: 22px;

    transform: rotate(45deg);

  }

  50% {

    top: 22px;

    transform: rotate(0deg);

  }

  100% {

    top: 0;

    transform: rotate(0deg);

  }

}



@keyframes bottom {

  0% {

    bottom: 0;

    transform: rotate(0);

  }

  50% {

    bottom: 22px;

    transform: rotate(0);

  }

  100% {

    bottom: 22px;

    transform: rotate(135deg);

  }

}



@keyframes bottom-2 {

  0% {

    bottom: 22px;

    transform: rotate(135deg);

  }

  50% {

    bottom: 22px;

    transform: rotate(0);

  }

  100% {

    bottom: 0;

    transform: rotate(0);

  }

}



@keyframes scaled {

  50% {

    transform: scale(0);

  }

  100% {

    transform: scale(0);

  }

}



@keyframes scaled-2 {

  0% {

    transform: scale(0);

  }

  50% {

    transform: scale(0);

  }

  100% {

    transform: scale(1);

  }

}



/* //Mobile menu btn */


.f-color-1{
  color: #fff;
}

.banner-bg{
  background: url(assets/images/header-banner-bg.jpg) no-repeat 50% 50%; 
  background-size: cover;
  position: relative;
  z-index: 0;
  padding: 0 0 72px;
}

.banner-bg h1{
  color: #fff;
  font-size: 26px;
  line-height: 40px;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
}

.banner-bg .container{
  position: relative;
  z-index: 99;
  padding-top: 250px;
  padding-bottom: 296px;
}

.banner-bg::after{
  content: "";
  background: url(assets/images/header-model-1.png) no-repeat; 
  background-position: 100% 90px;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%; 
  z-index: 9;
}

.banner-bg::before{
  content: "";
  background: url(assets/images/top-bg1.png) no-repeat 0 217px; 
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%; 
  z-index: 999;
}






.wrap-nav-socialmedia {

  display: grid;

  grid-template-columns: auto auto;

  justify-content: end;

}



.top-social-ico {

  display: flex;

  justify-content: end;

  gap: 25px;

  padding: 0 15px 0 10px;

}



.top-social-ico .svg svg {

  fill: #0b304a;

  height: 15px !important;

}



.top-social-ico .svg.whatsapp svg {

  height: 25px !important;

  fill: #fff;

}





.top-social-ico a {

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

}



.top-social-ico a.svg>span.icon {

  border: 2px solid;

  border-color: #fff;

  border-radius: 50%;

  width: 30px;

  height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 5px;

}





.top-social-ico a.svg.whatsapp>span.icon {

  background-color: #29a71a;

}



.top-bord-1 {

  border-top: 5px solid var(--e-global-color-secondary);

  padding-top: 10px;

}



.color-1 {

  color: var(--e-global-color-primary);

}



.text-large-1 {

  font-size: 46px;

}



.title-1 small {

  font-size: 0.675em;

  font-weight: normal;

}



.title-2 .elementor-heading-title::after,

.title-1 .elementor-heading-title::after {

  content: "";

  display: block;

  width: 100px;

  height: 10px;

  /* background-color: var(--e-global-color-primary ); */

  background-color: var(--e-global-color-86981bc);

  transform: skewX(-45deg);

  margin: 8px 0 0;

}



.title-2 .elementor-heading-title::after {

  margin: 8px auto 0;

}



.spl-box-1 .elementor-widget-container ul {

  float: left;

  width: 100%;

}



/* .spl-box-2 strong, */

.spl-box-1 .elementor-widget-container ul li {

  font-size: 20px;

  font-weight: normal;

}



.spl-box-1 .elementor-widget-container ul:first-child {

  float: left;

  width: 138px;

  overflow: hidden;

}



.spl-box-1 .elementor-widget-container .pos-ctrol-1 {

  position: relative;

  top: 0;

  width: calc(100% - 138px);

  display: block;

  display: flex;

  align-items: center;

  padding: 5px 0 0;

}



.spl-box-1 .elementor-widget-container .pos-ctrol-1 .icon {

  font-size: 40px;

  margin-right: 10px;

  line-height: normal;

  top: -5px;

}





.spl-box-1 .elementor-widget-container ul li .f-size-1 {

  font-size: 16px;

}



.spcl-grp-right-box a {

  color: var(--e-global-color-secondary);

}



.spl-box-1 .elementor-widget-container ul {

  padding: 0;

}



.spl-box-1 .elementor-widget-container ul li {

  font-size: 20px;

  position: relative;

  list-style-type: none;

  padding: 0 0 0 22px;

}



.spl-box-1 .elementor-widget-container ul li:before {

  content: "";

  display: block;

  width: 10px;

  height: 10px;

  background: #00a9c8;

  border-radius: 50%;

  position: absolute;

  top: 11px;

  left: 0;

}



.icon-grp {

  margin: 25px 0 0;

}



.icon-grp p a,

.icon-grp p,

.icon-grp {

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 5px;

  flex-wrap: wrap;

}



.icon-grp a br {

  display: none;

}



.icon-grp>a {

  position: relative;

  top: -8px;

}



.icon-grp>a:last-child {

  display: block;

  width: 100%;

}



.testimonial-box {

  font-family: 'Poppins', sans-serif;

  background: #fff;

  padding: 35px 56px 15px;

  position: relative;

  margin: 15px;

}



.testimonial-box::before {

  content: "";

  position: absolute;

  top: -8px;

  left: 12px;

  background: url(assets/images/quotation-icon.png) no-repeat 0 0;

  display: block;

  background-size: 100%;

  width: 36px;

  height: 36px;

}



.gallery-testimonials {

  z-index: 0;

}



.back-bg {

  z-index: -1;

  height: 100%;

}



.owl-theme.testimonial-slides .owl-nav,

.owl-theme.gallery-sliders .owl-nav {

  margin-top: 0px;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

}



.owl-theme.gallery-sliders .owl-nav {

  top: 50%;

}



.owl-carousel.testimonial-sliders .owl-nav button.owl-next,

.owl-carousel.testimonial-sliders .owl-nav button.owl-prev,

.owl-carousel.gallery-sliders .owl-nav button.owl-next,

.owl-carousel.gallery-sliders .owl-nav button.owl-prev {

  background: #00a9c8;

  color: #fff;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  font-size: 51px;

  position: relative;

  position: absolute;

  left: 0;

  top: 117px;

}



.owl-carousel.gallery-sliders .owl-nav button.owl-next,

.owl-carousel.gallery-sliders .owl-nav button.owl-prev {

  top: 50%;

}



.owl-carousel.testimonial-sliders .owl-nav button.owl-next,

.owl-carousel.gallery-sliders .owl-nav button.owl-next {

  left: auto;

  right: 0;

}



.owl-carousel.testimonial-sliders .owl-nav button.owl-next,

.owl-carousel.testimonial-sliders .owl-nav button.owl-prev {

  transform: translateY(-50%);

  top: 50%;

}



.owl-carousel.testimonial-sliders .owl-nav button span,

.owl-carousel.gallery-sliders .owl-nav button span {

  display: block;

  line-height: 0px;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  margin-top: -9px;

}



/* ========= Container =========== */

.title-type-1{
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}

.title-type-1 span {

  color: #600063;

  position: relative;

}



footer h2:after,

.bord-title-1::after,

.title-type-1.bord-title span::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -10px;

  display: block;

  width: 100%;

  height: 4px;

  background-color: #600063;

  transform: skewX(-57deg);

}

footer .top-social-ico {
  justify-content: start;
}


footer h2,

.bord-title-1 .elementor-heading-title {

  position: relative;

}



footer h2:after,

.bord-title-1::after {

  width: 200px;

  left: 50%;

  transform: translateX(-50%) skewX(-57deg);

}



footer h2:after {

  background-color: #fff;

  left: 0;

  width: 60px;

  transform: translateX(0) skewX(-57deg);

}







.contact-form form {

  max-width: 640px;

  margin: 0 auto;

}



.contact-form form label {

  font-weight: 700;

  color: #361b37;
  ;

}



.contact-form form label,

.contact-form form .form-control {

  display: block;

  width: 100%;

}



.contact-form form .form-control {

  background: #361b37;

  color: #fff;

}



.contact-form form textarea.form-control {

  height: 150px;

}



.contact-form input.wpcf7-submit {

  background: #361b37;

  border: none;

  padding: 5px 35px;

  border-radius: 6px;

  font-size: 18px;

  font-weight: 400;

  font-family: Roboto, sans-serif;

  color: #fff;

}









/* ============ Footer =============== */







footer {

  background-color: #4e1040;

  color: #fff;

  font-size: 13px;

  padding: 15px 0 0;

  font-family: 'Poppins', sans-serif;

}



.iframe-map {

  width: 100%;

  height: 240px;

}



footer .menu-main-navigation-menu-container ul {

  padding: 0;

  list-style-type: none;

}



.footer-logo img {

  height: auto !important;

}



footer .email-ico,

footer .ph-ico {

  font-size: 16px;

  font-weight: normal;

}



footer h2 {

  font-size: 20px;

  margin-bottom: 25px;



}



footer a {

  color: #fff;

}



footer ul.footer-address {

  margin: 0;

  padding: 0;

  list-style-type: none;

}



footer ul.footer-address li {

  position: relative;

  padding: 0 0 10px 25px;

}



footer ul.footer-address li::before {

  font-family: "Font Awesome 6 Free";

  font-weight: 900;

  position: absolute;

  left: 0;

  top: 0;

}



footer ul.footer-address li::before {

  content: "\f3c5";

}



footer ul.footer-address li.mail::before {

  content: "\f0e0";

}



footer ul.footer-address li.phone::before {

  content: "\f095";

}



footer .menu-main-navigation-menu-container ul li {

  padding: 10px 0;

}



.group-footer-1 ul {

  padding: 0;

  margin: 0;

  list-style-type: none;

}



.group-footer-1 ul li {

  position: relative;

  padding: 0 0 0 15px;

}



.group-footer-1 ul li:after {

  content: "";

  width: 10px;

  height: 10px;

  display: block;

  background-color: var(--e-global-color-primary);

  position: absolute;

  left: 0;

  top: 6px;

  border-radius: 50%;

}



.other-serv-col p {

  margin: 0;

}



/* Brochure */



.brochure-form-1 input.wpcf7-form-control.wpcf7-submit {

  background: #f9dd0d;

  border: none;

  padding: 5px 35px;

  border-radius: 6px;

  font-size: 18px;

  font-weight: 400;

  font-family: Roboto, sans-serif;

}



.brochure-form-1 {

  background: #00A9C8;

  padding-top: 25px;

  padding-bottom: 0;

  position: relative;

}



.brochure-form-1 .wpcf7-spinner {

  position: absolute;

  bottom: 0;

  right: 0;

}



.brochure-form-1 label {

  color: #fff;

}



.brochure-form-1 .form-control label {

  color: inherit;

}



/* Brochure */

.testimonials-slider-sec .metaslider{
  margin: 0 auto;
}

/* .wp-block-media-text.has-media-on-the-right.footer-other-services {

  max-width: 230px;

} */



.footer-other-services .wp-block-media-text__content {

  padding: 0;

}



.copy-r {

  background-color: #3d0c32;

  text-align: center;

}



.copy-r .col-12 {

  padding: 20px 0;

}



.copy-r p {

  margin: 0;

  font-size: 14px;

}





.btn-close {

  position: absolute;

  top: 0;

  right: 0;

  z-index: 99;

  background: none;

  color: #fff;

  font-size: 27px;

  opacity: 1;

}





#back-button {

  display: inline-block;

  background-color: #fff;

  width: 50px;

  height: 50px;

  text-align: center;

  border-radius: 4px;

  position: fixed;

  bottom: 30px;

  right: 30px;

  transition: background-color .3s,

    opacity .5s, visibility .5s;

  opacity: 0;

  visibility: hidden;

  z-index: 1000;

}

#back-button::after {

  content: "\f077";

  font-family: FontAwesome;

  font-weight: normal;

  font-style: normal;

  font-size: 2em;

  line-height: 50px;

  color: #4e1040;

}

#back-button:hover {

  cursor: pointer;

  background-color: #4e1040;

  color: #fff;

}



#back-button:hover:active,

#back-button:hover::after {

  color: #fff;

}



#back-button:active {

  background-color: #4e1040;

  color: #fff;

}

#back-button.show {

  opacity: 1;

  visibility: visible;

}

.testimonials-video > * {
  margin: 0 0 25px;
  padding: 0;
  width: 100%;
}

.video-h-ctrl video{
	width:100%;
	max-height:400px
}

@media (min-width:1200px) {

  .banner-bg .container {
    padding-bottom: 382px;
  }

}





#elementor-lightbox-slideshow-522e2e4 .elementor-slideshow__footer {

  display: none;

}



@media (min-width:768px) {

  .ctrl-top-1 {

    margin-top: 0px;

  }

}



@media (min-width:1200px) {

  .ctrl-top-1 {

    margin-top: -150px;

  }

}



@media (min-width:1666px) {

  .ctrl-top-1 {

    margin-top: 0px;

  }

}


@media (min-width:1399px) {
	.banner-bg .container {
		padding-bottom: 572px;
	}

}









@media (max-width:1399px) {

  .top-logo .custom-logo {

    height: 150px;

  }



  .h1-title h1 {

    margin: 0 0 0 99px;

  }



  .top-social-ico {

    gap: 10px;

  }



  .primary-menu-container .menu-wrapper li a {

    font-size: 16px;

  }



}



@media (max-width:1199px) {
  .banner-bg .container {
    padding-top: 182px;
    padding-bottom: 296px;
  }

  .banner-bg h1 {
    font-size: 22px;
    line-height: 27px;
  }

}

@media (max-width:1024px) {

  .h1-title h1 {

    margin-top: 100px;

  }



  .gallery-home #gallery-1 .gallery-item {

    width: calc(100% / 3);

    max-width: calc(100% / 3);

  }

}



@media (max-width:991px) {

  .banner-bg {
    height: 446px;
  }

  .banner-bg::after {
    right: 110px;
  }

  .banner-bg::before {
      background-position: 0 79px;
  }

  .banner-bg .container {
    padding-bottom: 184px;
    padding-top: 144px;
  }

  .banner-bg h1 {
    font-size: 22px;
    line-height: 27px;
  }

  .primary-menu-container .menu-wrapper li a {

    padding: 0 7px;

  }



  .top-logo .custom-logo {

    height: 100px;

  }


 .h1-title h1 {

    margin-top: 0px;

  }



}



@media (max-width:767px) {

  .banner-bg::before{
    display: none;
  }

  .banner-bg {
    height: 300px;
    margin-bottom: 56px;
    overflow: hidden;
  }

  .banner-bg .container {
  padding-bottom: 44px;
  padding-top: 144px;
  }

  .banner-bg::after {
    right: 0;
    background-size: 42% auto;
  }

  .banner-bg h1 {
    padding-right: 125px;
  }

  .h1-title h1 {

    margin: 0 0 0 0;

    padding-right: 250px;

  }

  .elementor-element.min-h-ctrl-1 {

    min-height: auto;

  }



  .primary-menu-container .menu-wrapper {

    width: 100%;

  }



  .primary-menu-container .menu-wrapper li {

    padding: 15px 0;

  }



  .primary-menu-container .menu-wrapper li a {

    font-size: 14px;

    padding: 15px;

  }



  .wrap-nav-socialmedia {

    direction: rtl;

    justify-content: right;

  }



  .mob-cross-btn {

    display: block;

  }



  .mob-cross-btn.active {

    width: 28px;

    position: fixed;

    right: 7px;

    top: 0;

    z-index: 9999999;

  }



  .mob-cross-btn.active {

    width: 28px;

    position: fixed;

    right: 7px;

    top: 0;

    z-index: 9999999;

  }



  .mob-cross-btn.active span+span {

    margin-top: 19px;

  }



  .primary-menu-container {

    justify-content: normal;

    align-items: baseline;

  }



  .primary-menu-container {

    position: fixed;

    z-index: 999;

    right: -500px;

    top: 0;

    background: rgba(0, 0, 0, 0.8);

    height: 100%;

    max-width: 400px;

    min-width: 280px;

    transition: ease all 0.5s;

    /* box-shadow: 7px 8px 7px 10px #000; */

  }



  .primary-menu-container.show-nav {

    right: 0px;

    padding-top: 40px;

  }



  .primary-menu-container .menu-wrapper {

    display: block;

  }





  .primary-menu-container .menu-wrapper li {

    padding: 2px 15px;

  }



  .primary-menu-container .menu-wrapper li a {

    color: #fff;
    text-align: left;

  }



}



@media (max-width:575px) {

  .banner-bg::after {
    right: 0;
    background-size: 84% auto;
    background-position: 129px 58px;
    top: 0;
  }

  .banner-bg h1 {
    padding-right: calc(100% - 329px);
    font-size: 19px;
    line-height: 23px;
  }

  .h1-title h1 {

    margin: 0;

    font-size: 23px;

    line-height: normal;

    padding: 69px 0 0 0;

  }



  .footer-other-services .wp-block-media-text__media img {

    width: auto;

  }



  .gallery-home #gallery-1 .gallery-item {

    width: calc(100% / 2);

    max-width: calc(100% / 2);

  }



}