html { scroll-behavior: smooth; }





:root {

  --primary-color: #2B292A;

  --black: black;

  --white: white;

  --pinkColor: #E082AF; 

  --greenColor: #8CD3C1;

  --blueColor: #8490C2;

  --leagueSpartan: "League Spartan", sans-serif;

  --quakerfree: 'quakerfree';

  --fontawesome: "Font Awesome 6 Pro";

}





@font-face {

    font-family: 'quakerfree';

    src: url('../fonts/quakerfree.eot');

    src: url('../fonts/quakerfree.eot') format('embedded-opentype'),

         url('../fonts/quakerfree.woff2') format('woff2'),

         url('../fonts/quakerfree.woff') format('woff'),

         url('../fonts/quakerfree.ttf') format('truetype'),

         url('../fonts/quakerfree.svg#quakerfree') format('svg');

}





body

{

  margin:0px auto;

  background: var(--primary-color);

  line-height:normal;

  font-family: var(--leagueSpartan);

  font-size: 20px;

  color: var(--primary-color);

  line-height: 1.5;

}



header, section, footer

{

  float:left;

  width:100%;

}





h1, h2, h3, h4, h5, h6,p,a,button,input

{

  padding:0px;

  margin:0px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal; 

}



p { line-height: 1.5; }

input { border:0; border-radius: 0;}



ul, ol

{

  list-style:none;

  margin:0px;

  padding:0px;

  text-transform:none;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

}



a:focus, button:focus

{ 

  outline:none;

}



a,

button, 

input[type="submit"],

input[type="button"] { 

  transition:all 0.4s ease-in-out 0s; 

  -moz-transition:all 0.4s ease-in-out 0s; 

  -ms-transition:all 0.4s ease-in-out 0s; 

  -o-transition:all 0.4s ease-in-out 0s; 

  -webkit-transition:all 0.4s ease-in-out 0s;

  font-weight: 400; 

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

}



select::-ms-expand {

    display: none;

}

select{

    -webkit-appearance: none;

    appearance: none;

}



img { max-width:100%; height: auto; }



input::-webkit-input-placeholder { color: var(--white); opacity:1;}

input::-moz-placeholder { color: var(--white); opacity:1; }

input::-moz-placeholder { color: var(--white); opacity:1; }

input::-ms-input-placeholder { color: var(--white); opacity:1; }



textarea::-webkit-input-placeholder { color: var(--white); opacity:1; }

textarea::-moz-placeholder { color: var(--white); opacity:1; }

textarea::-moz-placeholder { color: var(--white); opacity:1; }

textarea::-ms-input-placeholder { color: var(--white); opacity:1; }



select::-webkit-input-placeholder { color: var(--white); opacity:1;}

select::-moz-placeholder { color: var(--white); opacity:1; }

select::-moz-placeholder { color: var(--white); opacity:1;}}

select::-ms-input-placeholder { color: var(--white); opacity:1; }



textarea:focus, 

input:focus, 

select:focus { outline: 0;}







.btn_primary { width: auto; height: 82px; background-color: var(--pinkColor); align-items: center; justify-content: center; transition: all .3s;  border: 0; display: inline-flex; color: var(--white); cursor: pointer; border-radius: 0; padding: 10px 60px; font-size: 24px; font-weight: 600; text-decoration: none; text-transform: uppercase;}

.btn_primary:hover { background:var(--greenColor); color:var(--white); text-decoration: none; }

.btn_primary_radius { border-radius:25px; }

.btn_primary_black:hover { background:var(--black); color: var(--white);}

.btn_primary_auto { width:auto; }



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

.color-green { color:var(--greenColor); }

.color-pink { color:var(--pinkColor); }

.color-blue { color:var(--blueColor); }





.header { padding:30px 0 23px; z-index: 9; background:var(--white); transition:all 0.4s ease-in-out 0s; 

-webkit-transition:all 0.4s ease-in-out 0s; }

.fixed_header { background-color: rgba(0, 0, 0, 0.35); }

.logo { width:160px; transition:all 0.4s ease-in-out 0s; 

-webkit-transition:all 0.4s ease-in-out 0s;}





.header-right { display:flex; flex-wrap:wrap; align-items:center; gap:30px; }

.navigation {}

.navigation ul { display:flex; flex-wrap:wrap; gap: 60px; transition:all 0.4s ease-in-out 0s; 

-webkit-transition:all 0.4s ease-in-out 0s;}

.navigation ul li { position:relative; }

.navigation ul li a { font-size: 22px; color:var(--primary-color);  text-transform: uppercase; font-weight: 600; text-decoration: none; padding: 0 15px 7px; position: relative;}

.navigation ul li a:before { content:""; position:absolute; bottom:0; left:0; right:0; margin: 0 auto; width:0; height:4px; background:var(--greenColor); transition:all 0.4s ease-in-out 0s;  -webkit-transition:all 0.4s ease-in-out 0s; }

.fixed_header .navigation ul li a { color:var(--white); }

.navigation ul li:hover a,

.navigation ul li.current-menu-item a { color:var(--greenColor); }

.navigation ul li:hover a:before,

.navigation ul li.current-menu-item a:before { width:calc(100% - 30px); }



.caretbox { position:absolute; top:4px; right:0px; font-size:14px; z-index:1; font-weight: 700;

  -moz-transition:all 0s ease-in-out 0s; 

  -ms-transition:all 0s ease-in-out 0s; 

  -o-transition:all 0s ease-in-out 0s; 

  -webkit-transition:all 0s ease-in-out 0s;

}

.caretbox i { color:var(--greenColor); }



.navigation ul li ul.sub-menu { width:200px; background:var(--white); position: absolute; top: 27px; left: 0; gap: 0; display: block; z-index:2; opacity: 0; visibility: hidden; }

.navigation ul li ul.sub-menu li { border-bottom: 1px solid var(--greenColor); }

.navigation ul li ul.sub-menu li:last-child { border-bottom:0 }

.navigation ul li ul.sub-menu li .caretbox { color:var(--primary-color); top:13px; right:4px; transform: rotate(-90deg);}

.navigation ul li ul.sub-menu li:hover .caretbox { color:var(--primary-color); }



/*.navigation ul li ul.sub-menu li:last-child { border-bottom:0; }*/

.navigation ul li ul.sub-menu li a { font-size: 12px; color: var(--primary-color); padding: 13px 17px 10px; letter-spacing: 0; display: block; }

.navigation ul li ul.sub-menu li:hover a { background-color:var(--greenColor); color: var(--white);}

.navigation ul li:hover ul.sub-menu li a:before { display:none; } 



.navigation ul li ul.sub-menu li ul.sub-menu { left:200px; top:0; opacity: 0; visibility: hidden;}

.navigation ul li ul.sub-menu li ul.sub-menu li {}

.navigation ul li ul.sub-menu li ul.sub-menu li a { color:var(--primary-color); }

.navigation ul li ul.sub-menu li ul.sub-menu li:hover a { background-color:var(--primary-color); }



.navigation ul li:hover ul.sub-menu,

.navigation ul li ul.sub-menu li:hover ul.sub-menu { opacity:1; visibility:visible; }



.header_up.fixed_header { padding:20px 0; background: var(--primary-color); }

.header_up .logo { width:100px; }

.header_up .navigation ul { display:flex; flex-wrap:wrap; gap: 40px;}





.loginUser { display:flex; flex-wrap:wrap; align-items: center; color: var(--primary-color); gap: 10px; cursor: pointer;}
.loginUser a { position: relative; display:flex; flex-wrap:wrap; align-items: center; color: var(--primary-color);  text-transform: uppercase; gap: 10px; text-decoration:none;}
.loginUser i { background:var(--greenColor); width:30px; height:30px; border-radius:30px; font-size:14px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: var(--white);}
.loginUser small { font-size:13px; }


.loginUser a.cartuser small { position:absolute; bottom: -7px; right: -4px; background:var(--white); width:15px; height:15px; font-size:10px; border-radius:20px; text-align: center; line-height: 16px; box-shadow: 0px 0 4px 1px rgba(0,0,0,0.4); color: var(--primary-color);}



.fixed_header .loginUser { color: var(--white); }
.fixed_header .loginUser a { color:var(--white); }





.heroBnr { height: 100vh; position: relative;}

/*.heroBnr:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(52, 50, 50, 0.52); }*/

.heroBnr .heroVideo { height: 100%; width: 100%; object-fit: cover; object-position: center;  }



.hmeUpcmng_workshp { padding: 109px 0; background: url(../images/hme_layer.png) no-repeat top center /cover;}

.hmeUpcmng_workshpHdng { margin-bottom:50px; }

.hmeUpcmng_workshpHdng h2 { font-size:110px; text-transform: uppercase; font-weight: 600;  z-index: 4; width: 100%;}

.hmeUpcmng_workshpHdng__green { top:2px; left: 2px; z-index: 3;}

.hmeUpcmng_workshpHdng__pink { top: 4px; left: 4px; z-index:2; }

.hmeUpcmng_workshpHdng__blue { top: 6px; left: 6px; z-index:1; }



.gallery_sect { padding:89px 0 113px; background-position: top center; background-size: cover; background-repeat: no-repeat;}

.gallery_sect:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(90.4deg, #8490C2 0.44%, rgba(255, 255, 255, 0) 99.75%); transform: rotate(-180deg);}



.gallery_sect h2 { font-size:75px; font-weight:600; text-align:center; text-transform: capitalize; margin-bottom: 86px; }

.gallery_sect h2:last-child { margin-bottom:0; }

.gallery_sect h2 span { position:relative; display:inline-block; z-index: 1; }

.gallery_sect h2 span:before { content:""; position:absolute; bottom:22px; right: 0; width:calc(100% - 34px); height:16px; background:var(--pinkColor); z-index:-1; }





.swiper-wrapper { margin-bottom:85px; }

.swiper-wrapper:last-child { margin-bottom:0; }

.gallery_Slidr .swiper-slide { max-width:446px; height: auto; }

.galleryBx { box-shadow: 8px 8px 14.9px 0px rgba(0, 0, 0, 0.4); height: 100%; background-color: var(--black); }
.galleryImg { height:100%; }
.galleryImg img { height:100%; object-fit: cover; object-position: center;}

.galleryBx .galleryLightBox { z-index:99; }



.galleryDes { background: linear-gradient(180deg, rgba(132, 144, 194, 0) 21.97%, #6F7BAE 87.85%); 

  padding: 0 36px 43px; opacity: 0; visibility: hidden; transition:all 0.4s ease-in-out 0s;  -webkit-transition:all 0.4s ease-in-out 0s; }

.galleryDesRow h3 { font-size: 36px; color:var(--white); font-weight: 600; text-transform: capitalize; margin-bottom: 12px;}

.galleryDesRow p { color:var(--white); max-width:300px; }



.galleryBx:hover .galleryDes { opacity:1; visibility:visible; }



.custom_arrows { gap:20px; padding: 10px 30px;}



.swiper-button-prev,

.swiper-button-next { color:var(--white); font-size: 25px; height: 62px; width: 62px; border-radius: 50px; border: 3px solid var(--white); transition:all 0.4s ease-in-out 0s;  -webkit-transition:all 0.4s ease-in-out 0s; }



.swiper-button-prev:hover,

.swiper-button-next:hover { background:var(--pinkColor); }





.swiper-button-prev:after,

.swiper-button-next:after { display:none; }





.footer { border-top:3px solid var(--greenColor); }

.footerTop { padding: 96px 0; background: var(--blueColor); text-align: center;}

.footerTop h2 { color: var(--white); font-size:75px; font-weight:600; text-align:center; text-transform: capitalize; margin-bottom: 73px; }

.footerTop h2:last-child { margin-bottom:0; }

.footerTop h2 span { position:relative; display:inline-block; z-index: 1; }

.footerTop h2 span:before { content:""; position:absolute; bottom:22px; right: 0; width:calc(100% - 34px); height:16px; background:var(--pinkColor); z-index:-1; }



.footerTop ul { gap:30px; }

.footerTop ul li {}

.footerTop ul li a { display:block; width:85px; }

.footerTop ul li a:hover { opacity:0.7; }



.allRgtsDiv {  padding: 22px 0 20px; background: var(--primary-color);}

.allRgtsDiv p { font-size:18px; color:var(--white); }
.allRgtsDiv a { color:var(--white); text-decoration:underline; }
.allRgtsDiv a:hover { color:var(--greenColor); }





/* Workshop Page */



.workshopPg { padding:100px 0; overflow: hidden; position: relative;}



.WorkShpLayer { top:0; left:0; }

.WorkShpLayer img { width:100%; object-position: top; object-fit: cover;}

.workshopPg .container { position:relative; z-index:2; }



.WorkshopHdng { padding:28px 0; }

.WorkshopHdng h1 { font-size: 75px; color:var(--white); font-weight: 600; margin-bottom: 50px; text-transform: capitalize;}

.WorkshopHdng h1:last-child { margin-bottom:0; }

.WorkshopHdng p { font-size:20px; color:var(--white); max-width:1423px; margin:0 auto ; }

.WorkshopHdng:last-child { margin-bottom:0 !important; }



.ChooseLocation { padding:0 0 35px; }

.ChooseLocation h2 { font-size:26px; color:var(--white); font-weight:500; text-transform:capitalize; margin-bottom:23px; }

.ChooseLocation h2:last-child { margin-bottom:0; }

/* Wrapper Style */

.select-style {

  position: relative;

  display: inline-block;

  width: 342px; /* Adjust width as needed */

  height: 75px;

}



/* Select Element Style */

.select-style select {

  width: 100%;

  height: 75px;

  font-size: 24px;

  border: 3px solid var(--white);

  border-radius: 0;

  background: var(--primary-color); /* Background color */

  color: var(--white); /* Text color */

  appearance: none; /* Remove default arrow */

  -webkit-appearance: none; /* Remove for Safari */

  -moz-appearance: none; /* Remove for Firefox */

  padding: 15px 50px 10px;

  text-align: center;

}



/* Custom Arrow Icon */

.select-style::after {

  content: '\f107'; /* Down arrow */

  position: absolute;

  font-family: var(--fontawesome);

  top: 50%;

  right: 20px;

  transform: translateY(-50%);

  color: var(--white);

  font-size: 24px;

  font-weight: 700;

  pointer-events: none;

}



.select-style::before {

  content: '';

  background: url(../images/loc_icon.png) no-repeat top center /contain;

  width: 30px;

  height: 30px;

  position: absolute;

  font-family: var(--fontawesome);

  top: 50%;

  left: 20px;

  transform: translateY(-50%);

  pointer-events: none;

}



/* Hover and Focus Effects */

.select-style select:focus {

  box-shadow: 0 0 0; /* Glow effect */

  outline: none; /* Remove default outline */

}



.select-style select:hover {

  background: var(--greenColor); /* Slightly darker background on hover */

}





.AllWorkShopList { padding:35px 0 0; }

.AllWorkShopList h2 { font-size:75px; color:var(--white); font-weight:600; text-transform:capitalize; margin-bottom:85px; }

.AllWorkShopList h2:last-child { margin-bottom:0; }





.AllWorkShopBx { gap:60px; display: flex; flex-wrap: wrap; margin-bottom: 70px; padding-bottom: 70px; border-bottom: 1px solid rgba(255, 255, 255, 0.5);}

.AllWorkShopBx.is-hidden { display: none !important; /* Ensure hidden items are not visible */ }

.AllWorkShopBx:last-child {  margin-bottom:0; padding-bottom:0; border:0; }



.AllWorkShopImg { width:100%; max-width:560px; padding:30px 0 0 30px; position: relative; z-index: 1; }

.AllWorkShopImg:before { content:""; position:absolute; top:0; left:0; width:calc(100% - 30px); height:calc(100% - 30px); background:var(--blueColor); z-index: -1; }

.AllWorkShopImg a { overflow:hidden; display:block; }

.AllWorkShopImg a img { transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; width: 100%; height: auto;}

.AllWorkShopImg a:hover img { transform:scale(1.05);   filter: grayscale(35%); }



.AllWorkShopDes { flex:1; gap: 30px;}

.AllWorkShopDes h3 { font-size: 50px; color:var(--white); font-weight: 600; margin-bottom: 20px;}

.AllWorkShopDes h3:last-child { margin-bottom:0; }

.AllWorkShopDes h3 a { font-weight:600; display:inline-block; color: var(--white); text-decoration: none;}

.AllWorkShopDes h3 a:hover { color:var(--greenColor); }

.AllWorkShopDes p { color:var(--white); font-weight:400; font-size:20px; margin-bottom:15px; }
.AllWorkShopDes ul,
.AllWorkShopDes ol { display:flex; flex-wrap:wrap; flex-direction: column; width:100%; gap:10px; list-style:disc; padding-left:15px; margin-bottom: 15px;}
.AllWorkShopDes ul li,
.AllWorkShopDes ol li { font-size:20px; color:var(--white); }



.WorkshopLoc { font-size:20px; color:var(--white); font-weight:600; display:flex; flex-wrap:wrap; align-items:center; margin-bottom: 15px;}
.WorkshopLoc:last-child { margin-bottom:0; }

.WorkshopLoc img { width:20px; margin-right:10px; }



.AllWorkShopDesBtm { gap:60px; }



.AllWorkShopDesBtm h4 { font-size:45px; color:var(--white); font-weight:600; text-transform:uppercase; }

.AllWorkShopDesBtm h4 span { position:relative; display:inline-block; z-index: 1; }

.AllWorkShopDesBtm h4 span:before { content:""; position:absolute; bottom:7px; right: 0; width:calc(100% - 13px); height:6px; background:var(--greenColor); z-index: -1; }





.servicesBoxesGrid .row { margin:0 -50px; grid-row-gap:100px; }



.servicesBoxesCol { padding: 0 50px;}



.servicesBoxes a { z-index:2; }

.servicesBoxes h2 { position: absolute; top: 0; left: 0; width: 100%; font-size:75px; color:var(--white); padding: 65px 50px 0 60px; font-family: var(--quakerfree); transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s;}

.servicesBoxes h2 span { position:relative; display:inline-block; z-index: 1; }

.servicesBoxes h2 span:before { content:""; position:absolute; bottom:22px; right: 0; width:calc(100% - 13px); height:14px; background:var(--blueColor); z-index: -1; }



.servicesBoxes a:hover ~ h2 { text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }



.servicesBoxesCol:nth-child(2) .servicesBoxes h2 span:before { background:var(--pinkColor); }

.servicesBoxesCol:last-child .servicesBoxes h2 span:before { background:var(--greenColor); }





/* About */



.AbtImg { padding:24px 0 0 24px;  z-index: 1; }

.AbtImg:before { content:""; position:absolute; top:0; left:0; width:calc(100% - 24px); height: calc(100% - 24px);  background: var(--blueColor); z-index: -1; }

.AbtImg img { width:100%; height: auto;}



.AbtDes { max-width:775px; }

.AbtDes h2 { font-size:75px; color:var(--white); font-weight:600; margin-bottom: 50px; text-transform: capitalize;}

.AbtDes h2:last-child { margin-bottom:0; }

.AbtDes p { font-size:20px; color:var(--white); margin-bottom: 15px;}
.AbtDes ul,
.AbtDes ol { display:flex; flex-wrap:wrap; flex-direction: column; width:100%; gap:10px; list-style:disc; padding-left:15px; margin-bottom: 15px;}
.AbtDes ul li,
.AbtDes ol li { font-size:20px; color:var(--white); }







.ContactDtl { max-width:675px; }

.ContactDtl h2 { color:var(--white); font-size:75px; font-weight:600; text-transform:capitalize; margin-bottom: 55px;}

.ContactDtl h2:last-child { margin-bottom:0; }

.ContactDtl p { font-size:20px; color:var(--white); max-width:588px; margin-bottom: 120px;}

.ContactDtl p:last-child { margin-bottom:0; }



.ContactBox { gap:30px; padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5);}

.ContactBoxIcon { width:70px; height:70px; background:var(--blueColor); border-radius:50%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }



.ContactBoxDes { flex:1; }

.ContactBoxDes h3 { font-size: 28px; font-weight: 600; color:var(--white); text-transform: capitalize; margin-bottom: 18px;}

.ContactBoxDes h3:last-child { margin-bottom:0; }

.ContactBoxDes p { font-size:24px; color:var(--white); margin:0; }

.ContactBoxDes p a { color:var(--white); text-decoration:underline; }

.ContactBoxDes p a:hover { color:var(--pinkColor); }





.ContactForm { padding:100px 85px; background:var(--greenColor); }

.ContactForm h2 { font-size: 55px; color: var(--white); font-weight: 600; text-transform: capitalize; text-align:center; margin-bottom: 40px;}

.ContactForm ul { display:flex; flex-wrap:wrap; flex-direction:column; gap:50px; }

.ContactForm ul li {}

.ContactForm ul li input[type="text"],

.ContactForm ul li input[type="email"],

.ContactForm ul li input[type="tel"],

.ContactForm ul li input[type="date"],

.ContactForm ul li input[type="password"],

.ContactForm ul li textarea { font-size: 28px; color: var(--white); height: 60px; border: 0; border-bottom: 2px solid var(--white); background:var(--greenColor); width:100%; }

.select-style-two {

  position: relative;

  display: inline-block;

  width: 100%; /* Adjust width as needed */

  height: 60px;

}



/* Select Element Style */

.select-style-two select {

  width: 100%;

  height: 60px;

  font-size: 28px;
  border: 0;
  border-bottom: 2px solid var(--white);

  border-radius: 0;

  background: transparent; /* Background color */

  color: var(--white); /* Text color */

  appearance: none; /* Remove default arrow */

  -webkit-appearance: none; /* Remove for Safari */

  -moz-appearance: none; /* Remove for Firefox */

  padding: 15px 50px 10px 0px;

  text-align: left;

}



/* Custom Arrow Icon */

.select-style-two::after {

  content: '\f107'; /* Down arrow */

  position: absolute;

  font-family: var(--fontawesome);

  top: 50%;

  right: 6px;

  transform: translateY(-50%);

  color: var(--white);

  font-size: 24px;

  font-weight: 700;

  pointer-events: none;

}



/*.select-style-two::before {

  content: '';

  background: url(../images/loc_icon.png) no-repeat top center /contain;

  width: 30px;

  height: 30px;

  position: absolute;

  font-family: var(--fontawesome);

  top: 50%;

  left: 20px;

  transform: translateY(-50%);

  pointer-events: none;

}*/



/* Hover and Focus Effects */

.select-style-two select:focus {

  box-shadow: 0 0 0; /* Glow effect */

  outline: none; /* Remove default outline */

}



.select-style-two select:hover {

  background: var(--greenColor); /* Slightly darker background on hover */

}


.ContactForm ul li textarea { height:150px; resize: none;}

.ContactForm ul li p { font-size:20px; color:var(--white); }

.ContactForm ul li input[type="submit"] { width: 100%; height: 82px; background-color: var(--pinkColor); align-items: center; justify-content: center; transition: all .3s;  border: 0; display: inline-flex; font-size: 24px; color: var(--white); cursor: pointer; border-radius: 0; padding: 10px 60px; font-weight: 600; text-decoration: none; text-transform: uppercase;}

.ContactForm ul li input[type="submit"]:hover { background:var(--blueColor); color:var(--white); text-decoration: none; }



/* Service Detail */



.Srvce_detlWrap { max-width:1400px; margin:0 auto; }



.Srvce_detlWrap .AbtImg {  }

.Srvce_detlWrap .AbtImg:after { content:""; position:absolute; top:24px; right:0; width:calc(100% - 24px); height: calc(100% - 24px);  background: rgba(23, 23, 23, 0.5); }

.Srvce_detlWrap .AbtDes { padding-left:42px; max-width:100%; }



.playService { z-index:2; }

.videoService { width:150px; height:150px; top: 50%; left: calc(50% + 24px); border: 10px solid var(--white); border-radius:50%; display:flex; flex-wrap: wrap; align-items:center; justify-content:center; color:var(--white); font-size: 55px; text-indent: 5px; transform: translate(-50%,-50%); transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; z-index: 1}



.playService:hover ~ .videoService { border-color:var(--blueColor); color:var(--blueColor); }





.testimonials_sect { padding:250px 0; position:relative; }

.testimonials_sect:before { content:""; position:absolute; top:0; right:0; width:40vw; height:100%; background:url(../images/testimonial_bg.jpg) no-repeat top center /cover; }





.testimonialLft { width: calc(36% + 30px); display: flex; flex-wrap: wrap; justify-content: flex-end; padding-left: 30px; position: relative; z-index: 2;}



.testimonialLftRow { max-width:543px; float: right;}

.testimonialLftRow h2 { color: var(--white); font-size:75px; font-weight:600; text-transform: capitalize; margin-bottom: 50px; position: relative;}

.testimonialLft h2:last-child { margin-bottom:0; }

.testimonialLft h2 span { position:relative; display:inline-block; z-index: 1; }

.testimonialLft h2 span:before { content:""; position:absolute; bottom:22px; right: 0; width:calc(100% - 34px); height:16px; background:var(--blueColor); z-index:-1; }

.testimonialLft p { color:var(--white); font-size:20px; margin-bottom: 30px; }

.testimonialLft p:last-child { margin-bottom:0; }



.testimonailRgt { padding:0 0 0 69px; display: flex; flex: 1; flex-wrap: wrap; justify-content: flex-start; }



.testimonail_Slidr .swiper-slide { max-width:584px; }

.testimonailBox { padding:50px; background:var(--white); }

.testimonailBox p { font-size:20px; margin-bottom:60px; }

.testimonailBox p:last-child { margin-bottom:0; }

.testimonailBox h3 { font-size:22px; font-weight: 600; color:var(--primary-color); text-transform:capitalize; }

.testimonailBox small { font-size:22px; color:var(--pinkColor); text-transform:capitalize; display:block; }



/* Woo-commerece */
.entry-content { margin-bottom:30px; }
.entry-content:last-child { margin-bottom:0; }
.defaultPage { padding: 50px 0; }
.MainContainer .defaultPage article { padding:0; }

.defaultPage h1 { font-size: 60px; color:var(--white); font-weight: 600; margin-bottom: 50px; text-transform: capitalize;}

.defaultPage h1:last-child { margin-bottom:0; }

.defaultPage p { font-size:20px; color:var(--white); }
.defaultPage p a { color:var(--white); }
.defaultPage p a:hover { color:var(--greenColor); }

.woocommerce-page .defaultPage table { border-bottom: 1px solid rgba(255,255,255,1);  }
.woocommerce-page .defaultPage table thead {  }
.woocommerce-page .defaultPage table thead tr {  }
.woocommerce-page .defaultPage table thead tr th { color:var(--white); font-weight:600; font-size: 20px;}
.woocommerce-page .is-large.wc-block-cart .wc-block-cart-items td {  /*border-top: 1px solid rgba(255,255,255,1);*/ border: 1px solid #fff;
 }
.woocommerce-page .defaultPage table tbody tr td span { color:var(--white); }

.woocommerce-page .is-large.wc-block-cart .wc-block-cart__totals-title { font-size:20px; font-weight: 600; color: var(--white);}
.woocommerce-page .wc-block-components-totals-wrapper,
.woocommerce-page .wp-block-woocommerce-cart-order-summary-totals-block { border-top: 1px solid rgba(255,255,255,1); }

.woocommerce-page .wc-block-components-panel__button { color:var(--white); }
.woocommerce-page .wc-block-components-panel__button > .wc-block-components-panel__button-icon { fill:var(--white); }
.woocommerce-page .wc-block-components-totals-item__label,
.woocommerce-page .wc-block-components-formatted-money-amount,
.woocommerce-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.woocommerce-page .wc-block-components-formatted-money-amount { color:var(--white); }


.woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name, 
.woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name { color:var(--white); }
.woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name:hover,
.woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name:hover { color:var(--pinkColor); }

.woocommerce-page .wc-block-cart .wc-block-cart__submit-container .wc-block-cart__submit-button { width: 100%; height: 70px; background-color: var(--pinkColor); align-items: center; justify-content: center; transition: all .3s;  border: 0; display: inline-flex; color: var(--white); cursor: pointer; border-radius: 0; padding: 10px 30px; font-size: 22px; font-weight: 600; text-decoration: none; text-transform: uppercase;}
.woocommerce-page .wc-block-cart .wc-block-cart__submit-container .wc-block-cart__submit-button:hover { background:var(--greenColor); color:var(--white); text-decoration: none; }

.woocommerce-page .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button { background-color: var(--pinkColor); align-items: center; justify-content: center; transition: all .3s;  border: 0; display: inline-flex; color: var(--white); cursor: pointer; border-radius: 0; font-size: 20px; font-weight: 600; text-decoration: none; text-transform: uppercase; }

.woocommerce-page .edit-link .post-edit-link { background-color: var(--pinkColor); align-items: center; justify-content: center; transition: all .3s;  border: 0; display: inline-flex; color: var(--white); cursor: pointer; border-radius: 0; font-size: 20px; font-weight: 600; text-decoration: none; text-transform: uppercase; padding: 10px 30px; }
.woocommerce-page .edit-link .post-edit-link:hover { background-color: var(--greenColor); }


.woocommerce-page .wc-block-components-title.wc-block-components-title,
.woocommerce-page .wc-block-components-address-form__address_2-toggle,
.woocommerce-page .wc-block-components-title.wc-block-components-title,
.woocommerce-page .wc-block-components-checkbox label { color:var(--white); text-transform:capitalize; }


.woocommerce-page .wc-block-checkout__terms.wc-block-checkout__terms--with-separator { border-top: 1px solid rgba(255,255,255,1); color: var(--white);}
.woocommerce-page .wc-block-checkout__terms.wc-block-checkout__terms--with-separator span a { color:var(--white); }
.woocommerce-page .wc-block-checkout__terms.wc-block-checkout__terms--with-separator span a:hover { color:var(--greenColor); }

.woocommerce-page .wc-block-components-checkout-return-to-cart-button { color:var(--white); }
.woocommerce-page .wc-block-components-checkout-return-to-cart-button:hover { color:var(--greenColor); }

.woocommerce-page .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button { background-color: var(--pinkColor); align-items: center; justify-content: center; transition: all .3s;  border: 0; display: inline-flex; color: var(--white); cursor: pointer; border-radius: 0; font-size: 20px; font-weight: 600; text-decoration: none; text-transform: uppercase; }
.woocommerce-page .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover { background-color: var(--greenColor); }


.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block { border: 1px solid rgba(255,255,255,1); }
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-totals-block  { border-top: 1px solid rgba(255,255,255,1);  }

/*.woocommerce-checkout .wc-block-components-checkout-step__heading { margin-bottom:0; }*/
.woocommerce-checkout .wc-block-components-checkout-step__heading h2 { text-transform:uppercase !important; }
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title { border-bottom:1px solid var(--white); }
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title p { text-transform:uppercase; font-size: 1.25em; }



li.woocommerce-MyAccount-navigation-link {
    border-bottom: 1px solid var(--primary-color);
}
li.woocommerce-MyAccount-navigation-link:last-child { border-bottom:0; }

li.woocommerce-MyAccount-navigation-link a {
    text-decoration: none;
    background: var(--white);
    padding: 20px;
    color: var(--primary-color);
    display: block;
    text-transform: uppercase;
}
li.woocommerce-MyAccount-navigation-link a:hover,
li.woocommerce-MyAccount-navigation-link.is-active a {
  background: var(--pinkColor);
  color: var(--white);
}
.single_add_to_cart_button{
  background-color: #000 !important;
  color:#fff;
  height: 45px;
}
.quantity .qty {
    border: 1px solid;
    height: 45px;
}


.woocommerce table.shop_table { border-collapse: collapse; }
.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th { /*border-top: 1px solid #fff;*/ border: 1px solid #fff;
 color: var(--white);}

.woocommerce table.shop_table tbody th a, 
.woocommerce table.shop_table tfoot td a, 
.woocommerce table.shop_table tfoot th a { color:var(--white); }

.woocommerce table.shop_table tbody th a:hover, 
.woocommerce table.shop_table tfoot td a:hover, 
.woocommerce table.shop_table tfoot th a:hover { color:var(--greenColor); }

.woocommerce table.my_account_orders td, 
.woocommerce table.my_account_orders th { padding:15px 10px;  }
.woocommerce table.shop_table td { /*border-top: 1px solid #fff;*/ border: 1px solid #fff;
  color: var(--white);}
.woocommerce table.shop_table td.product-name a { color:var(--white); }
.woocommerce table.shop_table td.product-name a:hover { color:var(--greenColor); }


.woocommerce table.my_account_orders .button {  }


.woocommerce table.my_account_orders .button,
.woocommerce table.shop_table td a.button,
.woocommerce-MyAccount-content a.button  { background-color: var(--pinkColor); align-items: center; justify-content: center; transition: all .3s;  border: 0; display: inline-flex; color: var(--white); cursor: pointer; border-radius: 0; font-size: 20px; font-weight: 600; text-decoration: none; text-transform: uppercase; }

.woocommerce table.my_account_orders .button:hover,
.woocommerce table.shop_table td a.button:hover,
.woocommerce-MyAccount-content a.button:hover { background-color: var(--greenColor); color:var(--white); }


.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message { background-color:var(--white); }

.woocommerce-MyAccount-content p { margin-bottom:20px; }

.woocommerce-Address header {}
.woocommerce-Address header h2 { font-size: 20px; color:var(--white); display: inline-block; text-transform:capitalize; }
.woocommerce-Address header a.edit { background-color: var(--pinkColor); transition: all .3s;  border: 0; display: inline-flex; color: var(--white); cursor: pointer; border-radius: 0; font-size: 16px; font-weight: 600; text-decoration: none; text-transform: uppercase; padding:10px; }
.woocommerce-Address header a.edit:hover { background-color: var(--greenColor); }

.woocommerce-Address address { color:var(--white); }

.woocommerce form .form-row label,
.woocommerce form fieldset legend { font-size: 18px; text-transform:capitalize; color:var(--white); font-weight:500; }
.woocommerce form fieldset legend { font-size:22px; }

.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea { font-size: 20px; color: var(--primary-color); height: 45px; border: 0; border-bottom: 1px solid var(--black); background:var(--white); width:100%; padding:0 15px; }
.woocommerce form .form-row textarea { height:120px; resize: none; padding: 15px;}

.select2-container .select2-selection--single { height:45px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height:40px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height:40px; }

.woocommerce form button[type="submit"].button { min-width: 150px; height: 45px; background-color: var(--pinkColor) !important; align-items: center; justify-content: center; transition: all .3s;  border: 0; display: inline-flex; font-size: 20px; color: var(--white); cursor: pointer; border-radius: 0; padding: 10px 20px; font-weight: 600; text-decoration: none; text-transform: uppercase;}

.woocommerce form button[type="submit"].button:hover { background:var(--blueColor) !important; color:var(--white); text-decoration: none; }


/*.woocommerce .woocommerce-order-details table.shop_table tfoot th { color:var(--white); }*/

.woocommerce-customer-details h2,
.woocommerce-notices-wrapper h2 { color:var(--white); margin-bottom: 20px;}
.woocommerce .woocommerce-customer-details address { color:var(--white); border: 1px solid var(--white); padding: 15px;}


#add_payment_method #payment div.payment_box, 
.woocommerce-cart #payment div.payment_box, 
.woocommerce-checkout #payment div.payment_box { background:var(--greenColor); }

#add_payment_method #payment div.payment_box::before, 
.woocommerce-cart #payment div.payment_box::before, 
.woocommerce-checkout #payment div.payment_box::before { border: 1em solid var(--greenColor);
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent; }


.woocommerce-Payment ul li label { color:var(--white); }
.woocommerce-checkout .wc-block-components-address-card__edit { background-color: var(--pinkColor); align-items: center; justify-content: center; transition: all .3s; border: 0; display: inline-flex; color: var(--white); cursor: pointer; border-radius: 0; font-size: 14px; font-weight: 600; text-decoration: none; text-transform: uppercase; padding: 5px 15px; text-decoration: none;}
.woocommerce-checkout .wc-block-components-address-card__edit:hover { background-color: var(--greenColor); text-decoration: none;}

.wc-block-components-address-card,
.wc-block-components-radio-control--highlight-checked, 
.wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option { background-color:var(--white); }

.woocommerce-checkout .wc-block-components-payment-methods__save-card-info label { color:var(--black); }


.woocommerce-order p { margin-bottom:15px; }
.woocommerce ul.order_details li { color:var(--white); }


.woocommerce-cart .woocommerce-empty-cart-block h2.wc-block-cart__empty-cart__title { color:var(--white); text-transform: uppercase;}
.woocommerce-cart h2  { color:var(--white); text-transform: uppercase; margin-bottom:40px; }

.woocommerce-cart .wc-block-grid__product .wc-block-grid__product-link { text-decoration:none; }
.woocommerce-cart .wc-block-grid__product .wc-block-grid__product-title,
.woocommerce ul.products li.product a.woocommerce-loop-product__link { color:var(--white); font-size:20px; text-decoration:none; }
.woocommerce-cart .wc-block-grid__product .wc-block-grid__product-link:hover .wc-block-grid__product-title,,
.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover { color:var(--greenColor); }
.woocommerce-cart .wc-block-grid__product-price.price { color:var(--white); font-size:18px; }

.woocommerce-cart .wc-block-grid__product-add-to-cart .wp-block-button__link,
.woocommerce ul.products li.product .button { width: auto; height: auto; background-color: var(--pinkColor); align-items: center; justify-content: center; transition: all .3s;  border: 0; display: inline-flex; color: var(--white); cursor: pointer; border-radius: 0; padding: 10px 20px; font-size: 16px !important; font-weight: 600; text-decoration: none; text-transform: uppercase;}
.woocommerce-cart .wc-block-grid__product-add-to-cart .wp-block-button__link:hover,
.woocommerce ul.products li.product .button:hover { background:var(--greenColor); color:var(--white); text-decoration: none; }


.wc-block-components-quantity-selector {  }
.woocommerce-page .wc-block-components-quantity-selector::after { border:1px solid var(--white); }
.woocommerce-page .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { color:var(--white); }
.woocommerce-page .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { color:var(--white); }



.woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { color:var(--white); }
.woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover { color:var(--greenColor); }


.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product { text-align:center; }
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size:20px; font-weight:600; }
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price { color:var(--white); }


.MainContainer article { padding:60px 0; float: left; width: 100%;}
.MainContainer article h1 { color:var(--white); font-weight:600; margin-bottom:30px; }
.MainContainer article h1:last-child { margin-bottom:0; }

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price { color:var(--white); }

.woocommerce-product-details__short-description { float:left; width:100%; margin-bottom: 30px; }
.woocommerce-product-details__short-description:last-child { margin-bottom:0; }
.woocommerce-product-details__short-description p { color:var(--white); }

.woocommerce div.product div.summary .product_meta { color:var(--white); }
.woocommerce div.product div.summary .product_meta a { color:var(--white); }


.woocommerce div.product .woocommerce-tabs ul.tabs { padding:0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight:600; }

.woocommerce-Tabs-panel h2 { color:var(--white); font-weight:600; margin-bottom:20px; }
.woocommerce-Tabs-panel p { color:var(--white); }



.woocommerce-Tabs-panel--description p,
.woocommerce-Tabs-panel--description p a,
.woocommerce-Tabs-panel--description ul li,
.woocommerce-Tabs-panel--description ol li,
.woocommerce-Tabs-panel--description h1,
.woocommerce-Tabs-panel--description h2,
.woocommerce-Tabs-panel--description h3,
.woocommerce-Tabs-panel--description h4,
.woocommerce-Tabs-panel--description h5,
.woocommerce-Tabs-panel--description h6 { color:var(--white); }