/* ===================================================================================

* Theme Name: Barsi Child
* Theme URI: https://themexriver.com/wp/barsi
* Author: ThemeXriver
* Author URI: https://themeforest.net/user/themexriver
* Description: Architecture & Interior WordPress Theme
* Version: 1.0.0
* Template: barsi
* Text Domain: barsi-child
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready
* Tested up to: 6.6
* Requires PHP: 7.4

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of barsi updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */
 
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* Apply the font to the whole website */
body, h1, h2, h3, h4, h5, h6, span, a, p {
    font-family: "Albert Sans", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 400 !important; /* Regular text */
    font-style: normal !important;
}

/* Make headings bold */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700 !important;
}
 
.bs-header-4-logo, .bs-header-4-main{background:white !important}
.bs-pr-btn-2{border-radius:20px !important}
.bs-pr-btn-2 .box-1{ border-top-left-radius: 20px !important; width:51% !important;   height:51% !important; border:none  !important}
.bs-pr-btn-2 .box-2{ border-top-right-radius: 20px !important; width:51% !important;   height:51% !important; } 
.bs-pr-btn-2 .box-3{ border-bottom-right-radius: 20px !important; width:51% !important;   height:51% !important; }
.bs-pr-btn-2 .box-4{ border-bottom-left-radius: 20px !important; width:51% !important;   height:51% !important; } 
.bs-header-4-main .bs-main-navigation .navbar-nav li a::after{display:none !important}
.bs-hero-4-title{color:white !important; font-size:55px !important; font-weight:600 !important; padding-left:0% !important;padding-top:130px !important  }
/*p{font-size:14px !important; line-height:24px !important}*/
.bs-p-4{color:white !important;  }
.bs-hero-4-circle-btn{ background:white !important; width:140px !important; padding:0 !important; margin-left:0% !important}
.bs-hero-4-big-title{color: #CDD3D11A !important}
.bs-hero-4-slider-img-item .main-img{padding-left:80px !important; padding-right:80px !important}
.bs-hero-4-slider-thum-item, .bs-hero-4-slider-img-item-trusted{display:none !important}
.bs-hero-4-slider-img-item::after{background:none !important}
.servitem-disc 
.item-disc{color:black !important}  
.bs-subtitle-4 .text {
    font-size: 16px !important;
}
.bs-about-4-content .title{font-size:42px !important}
.bs-pr-btn-2 .text{font-size:14px !important; font-weight:400 !important}
.bs-pr-btn-2 .line-1::after, .bs-pr-btn-2 .line-1::before, .bs-pr-btn-2 .line-2::after,.bs-pr-btn-2 .line-2::before {display:none !important}
.bs-pr-btn-2{padding:5px 25px !important; margin-left:0 !important; vertical-align:middle !important}
/*.bs-pr-btn-2 .text::before{top:-2px !important}*/
.bs-services-4-item-single .title a{font-size:33px !important; font-weight:300 !important}
.bs-project-4-card-single .card-details li{color:black !important}
.elementor-19 .elementor-element.elementor-element-a39850b .tx-description{color:white !important; padding-right:20% !important}
.bs-footer-1-menu li a{color:white !important}
.bs-team-details-person-social a{background:#365453 !important; color:white !important; border:0 !important; }

.bs-team-details-person-social{box-shadow:none !important}
.bs-team-details-person-social a:hover{ color:#e2a200 !important;  }
.bs-blog-4-wrap.clien{display:none !important}
/*10/06/25 */
.bs-team-details-person-social{border-radius:0 !important; border:0 !important}
.wa-back-to-top{border-radius:50%!important}
.wa-back-to-top::after {border:0 !important}
.wa-back-to-top-text {
    font-size: 20px; /* Adjust if needed */
    position: relative;
    color: transparent; /* Hide original text */
}

.wa-back-to-top-text::before {
    content: "↑";           /* Up arrow */
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: black;           /* Set arrow color */
}
.cl.bs-about-4-content .inner-div{padding-left:0 !important}


.clientbtn .btn-wrap {
    display: flex;
    justify-content: flex-end; /* Aligns the button to the right */
	margin-top:-50px !important;
}
.clientbtn .bs-about-4-content {
    width: 200% !important;
}
.cl.bs-about-4-content .btn-wrap{display:none !important}

.bs-blog-4-item .author::after{display:none !important}
.date {
    color: gray;       /* Set text color to gray */
    position: relative;
    top: -180px; 
	padding-bottom:10px !important;
	/*margin-left:-158px  !important; *//* Move it 50px upward */
		border-bottom:1px solid #eeeeee !important;
	width:100% !important
}
.author{display:none !important}
.bs-blog-4-item .title{font-size:20px !important; margin-top:40px !important; padding-top:40px !important}

.bs-blog-4-item .item-meta{border-top:0 !important; padding-top:-30px !important}
.bs-blog-4-item .item-meta .categories::after{display:none !important}
.bs-choose-4-content::after{background-image: url("https://tomsher.co/GGTS-WP/wp-content/uploads/2025/06/Rectangle-81-1.webp");  background-size: cover !important;
    background-position: center !important;}

.bs-video-4-area.wa-img-cover img{    background-size: cover !important;
    background-position: center !important;}
.bs-about-4-right .illus-2{bottom:0 !important}
.bs-offcanvas-btn-3{background: none !important}
.bs-offcanvas-btn-3 span{background:black !important}
.wa-offcanvas-top-logo{max-width:250px !important}

/*inner pages */
.elementor-5952 .elementor-element.elementor-element-7405079 .elementor-image-box-img img, .elementor-5952 .elementor-element.elementor-element-2895506 .elementor-image-box-img img, .elementor-5952 .elementor-element.elementor-element-10d645c .elementor-image-box-img img, .elementor-5952 .elementor-element.elementor-element-b0fd8ba .elementor-image-box-img img {padding-bottom:30px !important}
 button,
input,
optgroup,
select,
textarea {
  background: none;
   border: none;
  border-bottom: 1px solid white;
  color: white;
  outline: none;
	margin-bottom:20px !important;
}

/* For placeholder text */
input::placeholder,
textarea::placeholder {
  color: white;
  opacity: 1; /* Ensure full opacity for white color */
}

/* Remove any focus outlines (optional for clean look) */
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none;
}
 .careerform input,
.careerform textarea,
.careerform select,
.careerform button,
.careerform optgroup,
.careerform file {
  background: none;
  border: none;
  border-bottom: 1px solid black;
  color: black;
  outline: none;
  margin-bottom: 20px !important;
}

.careerform input::placeholder,
.careerform textarea::placeholder {
  color: black;
  opacity: 1;
}

.careerform button:focus,
.careerform input:focus,
.careerform file:focus,
.careerform select:focus,
.careerform textarea:focus {
  outline: none;
}






@media only screen and (max-width: 1198px) {
		.bs-main-navigation .navbar-nav{gap:12px !important; }
}


@media only screen and (min-width: 1199px) {
	.bs-choose-4-area {
    height: 800px !important;   /* adjust as needed */
    background-size: cover;
    background-position: center;
}
.bs-services-4-area {
    /*max-height:850px;*/
    overflow-y: auto;
    background-size: cover;
    background-position: center;
}
/*.bs-services-4-item-single .default-content{ max-height: 72vh !important;}*/
/*.bs-video-4-area{max-height:72vh !important}*/
 	.bs-main-navigation .navbar-nav{gap:20px !important; }
	#main-nav > #menu-item-5183 {display: none !important; }
	 .offcanvas_toggle{display:none !important}
	.bs-header-4-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0; /* Add left and right padding */
}

.bs-main-navigation {
    flex-grow: 1;
    display: flex;
    justify-content: center; /* center the menu */
}

.menu-main-menu-container {
    display: flex;
    justify-content: right;
}

#main-nav {
    display: flex;
    gap: 30px; /* optional spacing between menu items */
}
}  
 
@media only screen and (min-width: 601px) {
	.wa-offcanvas-close{margin-left:40% !important;}
}

@media only screen and (max-width: 600px) {
	 button,
input,
optgroup,
select,file,
textarea { 	width:96% !important;align-content}
	
.elementor-4223 .elementor-element.elementor-element-9244209 .tx-logo img{max-width: 144% !important;
    z-index: 999999 !important; margin-left:20px !important}
 	.wa-offcanvas-close{margin-left:30% !important; width: 30px !important;  z-index: 9999999 !important;
    height: 30px !important;
 }
	.offcanvas_toggle{margin-left:20px !important}
	.bs-hero-4-title{font-size:33px !important; padding-left:0 !important}
}
.wa-offcanvas-top{width:70% !important;gap:0 !important}
.bs-hero-4-big-title{font-size:160px !important; padding-top:80px !important}
.has-blog-details{display:none !important}
[type=submit]{border:1px solid #ffffff !important; padding:6px 20px !important; border-radius:20px !important}
[type=submit]:hover{color:black; background:white}
::selection {
  background-color: #3065D0;

  color: white;

  text-shadow: none;

}
::selection {
  background-color: #3065D0;

  color: white;

  text-shadow: none;

}
::selection {
  background-color: #3065D0;

  color: white;

  text-shadow: none;

}
.careerform input::placeholder, .careerform textarea::placeholder {
  color: black;

  opacity: 1;

}
.careerform [type=submit]{border:1px solid #000000 !important; padding:6px 20px !important; border-radius:20px !important}
.careerform [type=submit]:hover{background:black !important; color:white !important}
.wpcf7 input[type="file"]{border:0 !important;}

 .bs-blog-4-item .item-btn{display:none !important}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7-response-output {width:90% !important; color:white}
.careerform .wpcf7 form.invalid .wpcf7-response-output, .careerform .wpcf7-response-output {width:90% !important; color:black}
.bs-p-4.bs-hero-4-disc.wa-split-y {
  font-size: 18px !important;
}


/* 14/06/25 */
 /* Sticky Header Styles */

.elementor-4223{
	position:fixed !important;  background-color:white !important; z-index:99999 !important;  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 60px !important;
  background-color: #fff !important;
  z-index: 1000 !important;  
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;  
}
.wa-offcanvas-area:is(.active){ z-index:999999 !important;}
.current-menu-item a {color:orange !important}

.bs-blog-4-item .item-meta .categories a {
    pointer-events: none !important;       /* Disable clicking */
    cursor: default !important;           /* Show default cursor */
    text-decoration: none !important;       /* Remove underline */
    color: inherit !important;             /* Match parent text color */
}
.date{margin-top:10px !important; margin-bottom:10px !important}
.bs-video-1-content-list{background-color:none !important; background:none !important}
.bs-video-1-content .title{bottom:15px !important; left:15px !important}
.wa-img-cover img{border-radius:20px !important}

/*SH-19-06-2025*/
.bs-hero-4-content {
    max-width: 100%;
}
.bs-hero-4-content .inner-div {
    width: 55%;
}
.bs-about-4-feature-single .item-icon {
    background: transparent;
}
.bs-about-4-feature-single .item-icon::before {
    content:none;
}

.bs-about-4-feature-single .item-icon::after {
content:none;
}

    .bs-services-4-wrap {

        max-height: 800px;
    }
    
    .bs-services-4-item-single .default-content {

   max-height: 800px;

}

.bs-services-4-item-single:nth-child(2) .default-content {
    background-color: rgba(255, 255, 255, 0.8);
}

.bs-services-4-item-single:nth-child(3) .default-content {
    background-color: rgba(255, 255, 255, 0.6);
}
.bs-services-4-item-single:nth-child(4) .default-content {
    background-color: rgba(255, 255, 255, 0.4);
}
.bs-services-4-item-single:nth-child(5) .default-content {
    background-color: rgba(255, 255, 255, 0.2);
}
.bs-services-4-item-single {
    background: transparent;
}
.bs-services-4-item-single.wa-bg-default.active{
  background-color: #fff;   
}

.bs-services-4-item-single .title-2 {
    color: #000000;
}
    #main-nav {
     
        width: 60vw;
        justify-content: space-between;

    }
    
    .dropdown-menu .menu-item a{
        color: #000000!important;
        font-size: 15px!important;
        
    }
    
    .careerform input, .careerform textarea, .careerform select, .careerform button, .careerform optgroup, .careerform file {
    border-bottom: 1px solid #b2b2b2;
    padding: 15px 0;
}

.bs-footer-1-menu li a i{
    color: #fff;
}
input, optgroup, select, textarea {
    width: 100%!important;
    padding: 15px 0!important;
}
.wpcf7-form-control-wrap {
    width: 100%;
}

.wpcf7  label {

    width: 100%;
}




@media (max-width: 768px) { 
    
    .bs-hero-4-title{ font-size:25px !important;padding-top:50px !important  }
    .bs-hero-4-content {
    padding: 15px;
}

.bs-hero-4-content .inner-div {
    width: 100%;
}
    }

 a.wa-magnetic-btn {
  pointer-events: none;           /* Disables clicking */
  cursor: default !important;     /* Removes pointer cursor */
  text-decoration: none !important; /* Removes underline */
  color: inherit !important;      /* Keeps text color unchanged */
}

  .bs-h-4.item-title a {
  pointer-events: none;       /* disables clicking */
  color: inherit;             /* keeps the text color same as surrounding */
  text-decoration: none;      /* removes underline */
  cursor: default;            /* changes cursor to default arrow */
}
.bs-about-4-project .title:hover{color:black !important}
h4.bs-h-1.bs-video-4-text-item.wa-split-text{font-size:155px !important}
.bs-project-4-content .title{font-size:155px !important}
.bs-project-4-card-single{top:150px !important}

.elementor-4248 .elementor-element.elementor-element-ee388dd > .elementor-widget-container{background-color: #266A2E00 !important;}

.cl_cls img{width:100% !important; padding:10px !important; height:auto !important; margin:0 !important}