/*about*/
#about-box {
    position:relative;
}

#about-box:before {
    content: "";
    position: absolute;
    background: #fff !important;
    top: 0;
    left: 0;
    width: 30% !important;
    height: 75px;
    z-index: 99;
}

.sppb-addon-single-image-container img {
    object-fit:cover
}

.value-section .value-inner {
    padding: 0 150px !important;
}

.value-inner  .sppb-icon .sppb-icon-container > i  {
    font-size:56px !important
}

.value-inner .sppb-addon-content {
    background:#ffffff00 !important;
    transition: all 0.3s ease-in-out;
    padding: 15px 0px;
    cursor:pointer;
}

.value-inner .sppb-addon-content:hover {
     background:hsl(0deg 0% 100% / 40%) !important;
     transform:translateY(-10px);
     box-shadow: 0px 10px 5px rgb(255 208 0 / 25%);    
}



.carousel-section .sppb-carousel-extended-item img {
    object-fit:cover;
}


.carousel-section .sppb-media-content .sppb-addon-text {
    padding-right:35%
}

.carousel-section .sppb-addon-text p {
    margin:0 0 40px 0;
}

.sppb-carousel-extended-item:before {
   content: "";
    position: absolute;
    width: 100%;
    height: 100%; 
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 40%) 100%);
    z-index: 1; 
}

.carousel-inner .sppb-carousel-extended-description {
  padding:0 50px;
  line-height:1.2;
  font-size: 18px
}

.acccordion-section .sppb-row-container{
    background: hsl(0deg 0% 100% / 50%);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    padding:30px
}

.acccordion-section .sppb-media-content {
    padding:0 150px;
    margin-bottom: 40px
}

.acccordion-section .sppb-panel-modern {
    background:linear-gradient(90deg,#F8EBA1, #ffb200);
    border-radius:50px;
    padding:25px 40px;
    width:700px;
    margin-top:30px;
    transition: all 0.3s ease-in-out;
    background-size: 150% 200%;
}

.acccordion-section .sppb-panel-modern>.sppb-panel-heading {
    padding:0;
    background:none;
    color:#000
}

.acccordion-section .sppb-panel-modern .sppb-panel-title {
    font-size:20px;
    font-weight: 700;
}

.acccordion-section .sppb-panel-modern:hover {
   background-position: 100% 50%;
   transform:scale(1.02);
}

.acccordion-section  .sppb-panel-title {
    display:flex;
    align-items:center;
}

.acccordion-section .sppb-panel-heading span.sppb-panel-title {
    font-size:18px;
    font-weight:700
}

.acccordion-section .icon,
.acccordion-section .fas {
   font-size:35px;
   padding:5px 10px
}

.sppb-panel-custom .sppb-panel-body {
  border-top-color: hsl(0deg 0% 0% / 50%) !important;
}

@media (max-width:1200px)  {
.acccordion-section .sppb-panel-modern {
    background:linear-gradient(90deg,#F8EBA1, #ffb200);
    border-radius:50px;
    padding:25px 40px;
    width:550px;
    margin-top:30px;
    transition: all 0.3s ease-in-out;
    background-size: 150% 200%;
}

.value-section .value-inner {
    padding: 0 !important
}
}


@media (max-width:991px) {
.acccordion-section .sppb-media-content {
    padding:0 10px;
    margin-bottom: 40px
}
}

@media (max-width:767px) {

#about-box:before {
    background: #ffffff00 !important;
}
  
.p-right .sppb-media-content {
    padding-left:15px
}

.carousel-section .sppb-media-content .sppb-addon-text {
    padding-right:0
}

.acccordion-section .sppb-panel-modern {
    width:100%;
    padding:20px 30px;
    
}
    
.acccordion-section .sppb-panel-heading span.sppb-panel-title {
    font-size:14px;
    font-weight:700;
    padding-right: 25px;
}

.carousel-inner .sppb-carousel-extended-description {
  padding:0 50px;
  line-height:1.2;
  font-size: 14px
}
}


/*services*/
.services-00 .services-00-box {
     margin-left:0px;
     z-index:99;
     width:700px
}

.services-content-00 img{
  width:90%
}

.services-00 .services-00-box .sppb-addon-content,
.services-01 .services-01-box .sppb-addon-content {
background:hsl(0deg 0% 100% /50%);
padding:30px !important;
backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);
}


.services-01 .services-01-box{
     z-index:99;
     margin-left:-80px;
     width:700px
}

@media (max-width:1200px) {
.services-00 .services-00-box {
     margin-left:0;
     z-index:99;
     width:800px
}

.services-01 .services-01-box{
     margin-left:-350px;
     z-index:99;
     width:800px
}   
}

@media (max-width:991px) {
.services-00 .services-00-box {
     margin-left:0;
     z-index:99;
     width:450px;
}

.services-01 .services-01-box{
     margin-left:-150px;
     z-index:99;
     width:450px
}   
}

@media (max-width:767px) {
.services-00 .services-00-box {
     margin-left:0;
     z-index:99;
     width:auto;
}

.services-01 .services-01-box{
     margin-left:0px;
     z-index:99;
     width:auto
}   

.services-00,
.services-01   {
     margin-bottom:200px !important
}
     
}


@media (max-width:991px) {

#section-id-1a2bed73-02f3-4a21-b289-5b11ea04a256 {
    margin-top:0px !important
} 
  
  #section-id-202643af-7db6-4dfb-8171-6e460f761df3 {
    margin-bottom:0 !important
  }
}




/*faq*/
.sppb-panel-modern {
    background:linear-gradient(90deg,#F8EBA1, #ffb200);
    border-radius:50px;
    padding:10px;
    width:100%;
    margin-top:15px;
    transition: all 0.3s ease-in-out;
    background-size: 150% 200%;
}

.sppb-panel-modern>.sppb-panel-heading {
    padding-right:20px;
    background:none;
    color:#000
}

.sppb-panel-modern span.sppb-panel-title {
    font-size:18px;
    font-weight:700;
}

.sppb-panel-modern:hover {
   background-position: 100% 50%;
   transform:scale(1.02);
}

.faq-content .sppb-addon-content h3 {
    margin:0 40px
}

.faq-content  .sppb-addon-content p {
    font-size:16px !important 
}

@media (max-width:767px) {
  
.no-br .sppb-addon-text br {
    display:none
}

.sppb-panel-modern span.sppb-panel-title {
    font-size:14px;
}
    
.faq-content  .sppb-addon-content p {
    font-size:14px !important;
}

.sppb-panel-modern:hover {
   background-position: 100% 50%;
}

   .faq-content .sppb-addon-single-image-container img {
       width:100% !important;
   }
    
}


/*contact*/
.bfQuickMode .bfElemWrap .form-inline input[type="text"], 
.bfQuickMode .bfElemWrap .form-inline input[type="number"], 
.bfQuickMode .bfElemWrap .form-inline textarea, 
.bfQuickMode .bfElemWrap .form-inline select {
   max-width: 100% !important; 
   border-radius:30px;
   background:hsl(0deg 0% 100% / 50%);
   border: 0;
   padding:15px 20px;
}

.form-group label {
    margin:10px 20px;
    font-weight:500
}

.bfQuickMode .bfElemWrap .form-inline input:hover,
.bfQuickMode .bfElemWrap .form-inline textarea:hover {
  background: hsl(0deg 0% 100% / 100%);
  transition: background 0.3s ease-in
 
}

.bfQuickMode .bfElemWrap .form-inline input:focus,
.bfQuickMode .bfElemWrap .form-inline textarea:focus {
  background: hsl(0deg 0% 100% / 100%);
  transition: background 0.3s ease-in
}


button#bfSubmitButton {
   background: linear-gradient(180deg, #F8EBA1, #ffb200);
   color: #000 !important;
   border-radius: 50px;
   padding: 20px 30px !important;
   font-weight: 600;
   transition: all 0.3s ease-in-out;
   margin-top: 20px;
   cursor:pointer !important;
}

button#bfSubmitButton:hover, button#bfSubmitButton:focus {
   animation: pulseOutline 1s infinite alternate ease-in-out;
   border:none;
   background: linear-gradient(180deg, #F8EBA1, #ffb200);
}
}

.contact-description {
    padding-right:50px
}

.contact-description .sppb-media-content a {
    color:hsl(0deg 0% 0% / 50%)
}

@media (max-width:767px) {
  .contact-description {
    padding-right:0
}
}