/* 
Theme Name: Johns By John
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Johns By John
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: Johns By John
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

@font-face {
    font-family: "oswald-medium";
    src: url(./fonts/Oswald-Medium.ttf);
}
@font-face {
    font-family: "poppins-regular";
    src: url(./fonts/Poppins-Regular.ttf);
}
p{
    margin-bottom: 0;
}
.ti-fade-container{
    display:none !important;
}
.ggl-rvw .ti-widget.ti-goog .ti-review-item>.ti-inner {
    background-color:#717B5B !important;

}
.ti-widget.ti-goog .ti-widget-container {
    color: #fff !important;}
.ti-widget.ti-goog .ti-widget-container .ti-name {
    color: #fff !important;
    }
.ti-widget.ti-goog .ti-review-item>.ti-inner{
    background-color:#717B5B !important;
} 
.ggl-rvw .ti-widget.ti-goog .ti-widget-container .ti-date {
    color: #ACACAC !important;}
.ggl-rvw .ti-widget.ti-goog .ti-controls .ti-next:before,.ggl-rvw .ti-widget.ti-goog .ti-controls .ti-prev:before {
        border-color: #fff;
    }
.ggl-rvw .ti-widget.ti-goog .ti-controls .ti-next, .ggl-rvw .ti-widget.ti-goog .ti-controls .ti-prev {
    background-color:transparent !important;
    outline: none !important;}
.ggl-rvw .ti-widget.ti-goog .ti-controls .ti-next {
    right: -27px;
}
.ggl-rvw .ti-widget.ti-goog .ti-controls .ti-prev {
    left: -27px;
}
.ggl-rvw .ti-platform-icon img{
    display: none;
}
.ggl-rvw .ti-widget.ti-goog .ti-review-content {
    font-size: 16px !important;
    line-height: 23px !important;
}
.ggl-rvw .ti-read-more-active{
    color: #fff !important;
}
.bannerbtn a {
  position: relative;
}

.bannerbtn a::after {
  content: '';
  position: absolute;
  top:0px;
  right: 0;
  width: 41px;
  height: 44px;
  background-image: url('./images/arw.svg');
  background-repeat: no-repeat;
  background-size: contain;
}
.headerbtn a::after {
  content: '';
  position: absolute;
  top:1px;
  right: 0;
  width: 42px;
  height: 44px;
  background-image: url('./images/greenbtn.svg');
  background-repeat: no-repeat;
  background-size: contain;
}
.btndarkgreen a::after{
  content: '';
  position: absolute;
  top:2px;
  right: 0;
  width: 42px;
  height: 44px;
  background-image: url('./images/greendark.svg');
  background-repeat: no-repeat;
  background-size: contain;
}
.gform_button.button {
 font-family: "oswald-medium" !important;
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0px;
  text-transform: uppercase !important;
  content: '';
  background-image: url('./images/darkg.svg');
  background-repeat: no-repeat;
  background-size: 44px;
  background-position: right center;
  background-color: transparent !important;
  border: 1.5px solid #5F6B47 !important;
  color: #5F6B47 !important;
  height: 44px !important;
  width: 139px !important;
}
.gform_button.button:hover {
     border: 1.5px solid #fff !important;
}
.gfield input,.gfield select {
    border: none !important;
    background-color: #B3B595 !important;
    Height: 45px !important;
    margin-bottom: 0 !important;
    Border-radius: 8px !important;
}
.gfield textarea{
    border: none !important;
    background-color: #B3B595 !important;
     Border-radius: 8px !important;
}
.gfield_label.gform-field-label{
    display: none !important;
}
.gform-theme--framework .field_sublabel_below .gform-field-label--type-sub {
    display: none !important;
}
.gform_title{
    display: none !important;
}
.gform-theme--foundation .gfield textarea.medium {
    min-block-size: 115px !important;
}
.gform-theme--foundation .gform_fields {
    row-gap: 27px !important
}
.gfield input::placeholder ,.gfield textarea::placeholder ,.gfield select::placeholder, .gfield select {
 color: #fff !important;
font-family: "poppins-regular" !important;
font-size: 14px;
line-height: 21px;
letter-spacing: -0.03em;
}
/* Focus */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="file"]:focus,
textarea:focus,
select:focus {
  outline: none !important;
  box-shadow:none !important;
}
.gform-footer.gform_footer{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

input,textarea{
    box-shadow:none !important;
    color: #fff !important;

}
.faqs-accordion .e-n-accordion-item-title-header::before {
    content: "";
    background-image: url('http://wp.chkdemo.com/johns/wp-content/uploads/2025/10/Vector-4.svg');
    background-size: contain;
    background-repeat: no-repeat;
    flex: 0 0 25px;
    height: 16px;
}
.learnbtn .elementor-button-icon svg{
    height:24px ;
    width:24px ;
}
.learnbtn .elementor-button-content-wrapper{
    display: flex;
    align-items: center;
}
.about-choose{
    position: relative !important;
}
.about-fixed{
    position: sticky !important;
    top: 190px !important;
    height: 500px !important;
}
.bold{
    font-weight: 700;
    color:#fff;
}
.greenbold{
    font-weight: 700;
    color:#5F6B47;
}
.elementor-nav-menu li .sub-arrow svg {
    fill: #6987A3 !important;
}
.ggl-rvw .ti-widget.ti-goog .ti-verified-by-row[data-style="1"]>.ti-inner{
    display: none !important;
}
.e-n-accordion-item-title-header{
	width:100%;
}
.elementor-widget-video .elementor-wrapper iframe, .elementor-widget-video .elementor-wrapper video {
    background-color: #fff !important;}
/**************iPhone Landscape***************/

@media screen and ( max-width: 767px ){
     .about-fixed{
    position:initial!important;
    height:auto !important;
    } 
}
@media screen and ( min-width: 575px ){
  
}