/*
Theme Name: SENSORY-TURNING
Theme URI: #
Author: Kryoni 
Author URI: 
Description: Built on a solidly designed foundation
Requires at least: 5.9
Tested up to: 6.6
Requires PHP: 5.6
Version: 1.8
License: 
License URI: 
Text Domain: SENSORY-TURNING
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, style-variations, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

html {
  margin: 0px !important;
}
h5{
    text-transform:none !important;
}

* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  font-family: "Helvetica", "Arial", sans-serif;
}
/* root */
:root {
  --bredcrumb-page-active-color: #6c757d;
  --primary-color: #198120;
  --secondary-color: #e2c98d;
  --teritory-color: #ffffff;
  --secondary-font-family: "Open Sans", sans-serif;
}
/*box-shadow remove*/
.accordion-button:focus{
  box-shadow:none !important;  
}
.form-control{
   transition:none !important; 
}
.first-heading {
  color: var(--primary-color);
  font-size: 3.5rem;
  font-family: "Helvetica", sans-serif;
  padding-right: 6rem;
}
.para-first {
  font-size: 1.05rem;
  line-height: 30px;
  font-family: var(--secondary-font-family);
}

.curved-playing {
  width: 100%;
  height: auto;
  object-fit: cover;
  position:absolute;
  top: -140px;
  right: 0px;
  z-index: -1;
}
.TOPtrinagle{
  width: 62px;
  height: auto;
  top: 60px;
  object-fit: contain;
  left:0%;
}
.BOTtrinagle {
  width: 62px;
  height: auto;
  object-fit: contain;
  top: 665px;
  right: 165px;
  transform: rotate(88deg);
}
.tendot {
  top: 730px;
  left: 20%;
  object-fit: contain;
  color: #198120;
}
.firstdivheight{
  min-height: calc(350px + 10px);
}
.btncolor {
  color: var(--teritory-color);
  background-color: var(--primary-color);
  font-size: 20px;
  padding: 0.5rem 2rem;
  border: none;
}
.btn-oppcolor {
  color: var(--primary-color);
  background-color: var(--teritory-color);
  font-size: 20px;
  padding: 0.5rem 2rem;
  border: 2px solid var(--primary-color);
}
@media screen and (max-width:480px) {
  .first-heading{
    padding-right: 0%;
    font-size: 2rem;
    width: 93%;
  }
  .btncolor{
    padding: 0.5rem 1rem;
  }
  .btn-oppcolor{
    padding: 0.5rem 1rem;
  }
  .curved-playing{
   width:auto;
   height:330px;
   position:static;
   margin-top:20px;
  }
  .TOPtrinagle{
    width: 42px;
    left:86%;
  }
  .BOTtrinagle,.tendot{
    display: none;
  }
}

@media (min-width:480px) and (max-width:768px) {
  .first-heading{
    padding-right: 8%;
    font-size: 2.4rem;
    width: 93%;
  } 
  
  .curved-playing{
    width:auto;
    height:340px;
    position:static;
     margin-top:20px;
  }
  .TOPtrinagle{
    width: 42px;
    left:86%;
  }
  .BOTtrinagle,.tendot{
    display: none;
  }
}

@media (min-width:768px) and (max-width:992px){
  .first-heading{
    padding-right: 5%;
    font-size: 2.4rem;
    width: 93%;
  } 
  .TOPtrinagle{
    width: 42px;
    left:86%;
  }
  .curved-playing{
   width:auto;
   height:340px;
   position:static;
    margin-top:20px;
  }
  .BOTtrinagle,.tendot{
    display: none;
  }
}

@media (min-width:992px) and (max-width:1200px){
  .first-heading{
    padding-right: 5%;
    font-size: 2.4rem;
    width: 93%;
  }  
  .TOPtrinagle{
    width: 42px;
    left:86%;
  }
 
  .curved-playing{
    top: -51px;
    width: 100%;
    right:0px;
    
  }
  .para-first{
    font-size: 1.05rem;
    line-height: 25px;
  }
  .tendot {
    top: 450px;
    left: 14%;
  }
  .BOTtrinagle {
    top: 450px;
    right: 5%;
  }
}

@media (min-width:1200px) and (max-width:1440px){
  .first-heading{
    padding-right: 16%;
  }
  .curved-playing{
    top: -108px;
    width: 100%;
  }
  .tendot {
    top: 620px;
    left: 14%;
  }
  .BOTtrinagle {
    top: 540px;
    right: 5%;
  }
}

.second-content {
  background: url(https://www.sensorytuning.com/wp-content/uploads/2024/10/indexhome.png) no-repeat ;
  background-size: cover;
}

.kidsplaybowl {
  width: 91%;
  height: auto;
  object-fit: contain;
  padding-bottom: 15px;
  left: -3%;
}
.secondIMG{
  padding-top: 16% !important;
  min-height: calc(350px + 20px);
}
.secondabt{
  padding-top: 25% !important;
}
.second-head {
  font-size: 3rem;
}
.secnd-abt {
  font-size: 1.13rem;
  padding-right: 1.9rem;
  line-height: 2.2rem;
  font-family: var(--secondary-font-family);
}
@media screen and (max-width:480px) {
  .second-content{
    background: var(--primary-color);
  }
  .secondIMG{
    padding-top: 1% !important;
    min-height: calc(350px + 20px);
  }
  .secondabt{
    padding-top: 6% !important;
  }
  .secnd-abt{
    padding-right: 0rem;
  }
  .second-head{
    font-size: 2rem;
  }
  .kidsplaybowl{
    width: 100%;
  }
}
@media (min-width:480px) and (max-width:768px) {
  .second-content{
    background: var(--primary-color);
  }
  .secondIMG{
    padding-top: 6% !important;
    min-height: calc(350px + 20px);
  }
  .secondabt{
    padding-top: 7% !important;
  }
  .second-head{
    font-size: 2rem;
  }
  .secnd-abt{
    padding-right: 0rem;
  }
  .kidsplaybowl{
    width: 70%;
    top: 16px;
  }
}

@media (min-width:768px) and (max-width:992px){
  .second-content {
    background: var(--primary-color);
}
  .secondIMG{
    padding-top: 6% !important;
    min-height: calc(350px + 20px);
  }
  .secondabt{
    padding-top: 11% !important;
  }
  .second-head{
    font-size: 2rem;
  }
  .secnd-abt{
    padding-right: 0rem;
  }
  .kidsplaybowl{
    width: 60%;
  }
}

@media (min-width:992px) and (max-width:1200px){
  .second-content {
    background: url(https://www.sensorytuning.com/wp-content/uploads/2024/10/indexhome.png) no-repeat center;
    background-size: cover;
}
  .secondIMG{
    padding-top: 17% !important;
  }
  .secondabt{
    padding-top: 25% !important;
  }
  .second-head{
    font-size: 2.5rem;
  }
  .secnd-abt{
    padding-right: 0rem;
  }
  .kidsplaybowl{
    width: 100%;
  }
}

@media (min-width:1200px) and (max-width:1440px){
  .second-content{
    background: url(https://www.sensorytuning.com/wp-content/uploads/2024/10/indexhome.png) no-repeat center;
    background-size: cover;
  }
  .secondIMG{
    padding-top: 17% !important;
  }
  .secondabt{
  padding-top: 25% !important;
}
  
  .second-head{
    font-size: 2rem;
  }
  .secnd-abt{
    padding-right: 0rem;
  }
  .kidsplaybowl{
    width: 90%;
  }
}

/* third section */
.third-content {
  background: url(https://www.sensorytuning.com/wp-content/uploads/2024/10/spiral-line.png) no-repeat;
  background-size: contain;
  background-position: 0% 85%;
}
.thirdHeader .text-center .fw-bold {
  color: var(--primary-color);
  font-size: 3rem;
}

.third-paragraph {
  line-height: 2rem;
  font-size: 1.1rem;
  font-family: var(--secondary-font-family);
}

.memcard,
.memberscard .row .col,
.memcard img {
  border-radius: 1rem !important;
  border-color: transparent !important;
}
.cardsbtn {
  border: none;
  padding: 0.5rem 1rem;
  background-color: var(--teritory-color);
  font-size: 1.3rem;
}
.cardsbtn:hover {
  background-color: var(--primary-color);
  color: var(--teritory-color);
  transition: 1s all;
}
.members{
  display: none;
  position: relative;
  z-index: -5;
}
.memcard:hover .members{
  transition: 1s all;
  position: absolute;
  text-align: center;
  display: inline;
  bottom:26%;
  left: 0rem;
  z-index: 5;
  background-color: #000000CC;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  opacity: 0.8;
  width: 100%;
  color: var(--teritory-color);
}
.cards-btn.text-center.py-lg-4{
    margin:10px ;
}

@media screen and (max-width:480px){
  .thirdHeader .text-center .fw-bold{
    font-size: 2rem;
  }
  .memcard:hover .members{
    bottom:19.8%;
  }
}
@media (min-width:480px) and (max-width:768px){
  .thirdHeader .text-center .fw-bold{
    font-size: 2rem;
  }
   .memcard:hover .members{
    bottom:18.4%;
  }
}
@media (min-width:768px) and (max-width:1024px){
   .memcard:hover .members{
    bottom:42.4%;
  }
}
h5.card-title {
    text-transform: none !important;
}
/* fourth-content */
.fourth-content {
  background-color: var(--secondary-color);
}
.fourth-title {
  font-size: 3rem;
}
.fourth-details {
  font-family: var(--secondary-font-family);
  line-height: 2rem;
  font-size: 1.1rem;
}

.kidCard {
  border-color: transparent !important;
  background-color: transparent !important;
  padding: 1rem !important;
}
.kidCard:hover {
  transition: all 1s;
  background-color: var(--teritory-color) !important;
  padding: 1rem !important;
}
.kidCard .kids {
  padding: 1rem !important;
}

.cirarrow{
  width: 3.1rem;
  height: 3.1rem;
  border-radius: 50%;
  background-color: var(--teritory-color);
}
.kidCard:hover .card-title{
  color: var(--primary-color) !important;
}
.kidCard:hover .cirarrow{
  background-color: var(--primary-color);
  color: var(--teritory-color);
  transition: all 1s;
}
.kidCard:hover .kidimgarrow{
  content: url(https://www.sensorytuning.com/wp-content/uploads/2024/10/whitearrow.png);
  transition: all 1s;
}
.fifth-title {
  color: var(--primary-color);
  font-size: 3rem;
}
@media screen and (max-width:480px){
  .fourth-title, .fifth-title{
    font-size: 2rem;
  }
}
@media (min-width:480px) and (max-width:768px){
  .fourth-title, .fifth-title{
    font-size: 2rem;
  }
}
/* fifth */
.card.started {
  border: 1px solid var(--primary-color) !important;
  border-radius: 1rem !important;
  height:100%;
}
.started .pack {
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  background-color: var(--primary-color);
}
.pack img {
  width: 3rem;
  height: 3rem;
  object-fit: contain;
}
.fifthcard .card-title,
.fifthcard .fifthbtn {
  font-size: 1.3rem !important;
}
.fifthcard .fifthbtn:hover {
  background-color: var(--primary-color) !important;
  color: var(--teritory-color) !important;
  border: 2px solid var(--primary-color) !important;
}
.packer .row .col {
  width: 29% !important;
}
.fifthcard .fifthbtn {
  font-size: 1.1rem !important;
  border:2px solid black !important;
}
@media screen and (max-width:480px) {
  .packer .row .col{
    width: 100% !important;
  }
}
@media (min-width:480px) and (max-width:768px){
  .packer .row .col{
    width: 100% !important;
  }
}
@media (min-width:768px) and (max-width:1200px){
  .packer .row .col{
    width: 33% !important;
  }
}

/* sixth */
.sixth-content {
  background: url(https://www.sensorytuning.com/wp-content/uploads/2025/09/Rectangle-29-scaled.webp) center no-repeat;
  background-size:cover;
}
.message {
  min-height: 8rem;
  border-radius: 1rem !important;
}
.sixth-title {
  font-size: 3.3rem !important;
}
.sixth-content p{
  display: none !important;
}

@media screen and (max-width:480px) {
  .sixth-title{
    font-size: 2rem !important;
  }
}

.quick,
.footermember,
.kidsplay {
  line-height: 3rem !important;
}
.contact-icons img {
  width: 0.4rem;
  height: auto;
  object-fit: contain;
}
.title-footer {
  color: var(--primary-color);
}
.contacts img {
  width: 2.5rem;
  height: auto;
  object-fit: contain;
}
.footerlogo {
  width: 70%;
  height: auto;
  object-fit: contain;
}
.footer{
  border-top: 1px solid black ;
}
.popup li::marker{
  color: var(--primary-color);
}
.popupbutn{
  background-color: var(--primary-color);
}
.popupclose{
  top: -77%;
  right: 7%;
  width: 4%;
}
.footertext{
    width:70%;
}
@media (max-width:480px) {
   .footerlogo,.footertext{
    width:100%;
} 
}
@media (min-width:480px) and (max-width:992px) {
  .footerlogo {
    width: 50%;
    margin-top: 0%;
  }
}
@media (min-width:992px) and (max-width:1440px){
  .footerlogo {
    width: 50%;
    margin-top: 0%;
  }
}
.breadcrumb-style-one {
  color: var(--bredcrumb-page-active-color) !important;
  font-family: "Helvetica Light", sans-serif;
  font-size: 1.2rem;
  text-decoration: none;
}

.breadcrumb-style-two {
  color: var(--primary-color) !important;
  font-family: "Helvetica Light", sans-serif;
  font-size: 1.2rem;
}
.modal-dialog {
  max-width: 1000px !important;

}
.banner-section{
	    margin: 0px !important;
	    padding: 50px 0px 100px 0px !important;
    position: relative;
}
.banner-content p{
	    position: absolute;
       top: -50%;
    left: 5%;
    text-transform: uppercase;
	font-size: 1.25rem;
	    color: #9E9E9E !important;
}
.banner-content p .current{
	color: var(--primary-color) !important;
}
.banner-content h1{
position: absolute;
    left: 10%;
    text-transform: uppercase;
    color: #fff;
    bottom: -110%;
    font-weight: 100 !important;
}
.worksheet-tab .vc_tta-tabs-container{
	    box-shadow: 0px 4px 4px 0px #00000040;
    background-color: #fff;
}
.worksheet-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a{
    background-color: #fff !important;
    border: none !important;
    border-radius: 0px;
	    color: #000 !important;
	    padding-bottom: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.worksheet-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a{
	    border-bottom: 3px solid #198120 !important;
}
.worksheet-tab.vc_tta .vc_tta-tab{
margin-right: 30px !important;
}
.worksheet-tab.vc_tta .vc_tta-tab:last-child{
	margin-right:0px !important;
}
.worksheet-div .vc_column-inner{
    padding: 5px 0px 0px 0px !important;
}
.worksheet-tab.vc_tta.vc_tta-shape-rounded .vc_tta-tabs-container {
    margin: 0px;
}
.worksheet-div{
	    margin: 1px !important;
}
.worksheet-tab .vc_tta-panels-container{
	padding:10px 50px !important;
}
.worksheet-tab .vc_tta-panels-container .vc_tta-panels{
	    background-color: #fff !important;
    border: none !important;
}
.worksheet-content p{
	display:flex;
	align-items:center;
	    gap: 10px;
}
.worksheet-content img{
    width: 20px;
}
.worksheet-content p br{
	display:none;
}
.worksheet-download-btn .vc_general.vc_btn3{
	    padding: 0px !important;
    box-shadow: none !important;
    background: none !important;
	    text-decoration: underline !important;
}
.worksheet-tab h4{
	    text-align: center;
    text-transform: uppercase;
    color: #198120;
    font-size: 22px;
    font-weight: 700;
	    margin-top: 20px;
}
.worksheet-row{
	border-bottom: 1.5px solid #00000066;
	    padding-bottom: 10px;
	    padding-top: 5px;

}
.worksheet-row .wpb_content_element{
	margin-bottom:0px !important;
}
.worksheet-row .vc_do_btn {
    margin-bottom: 0px !important;
}