/*!
Theme Name: Ostech Child theme
Theme URI: https://ostechwp.pixydrops.com/
Template: ostech
Author: Layerdrops
Author URI: https://themeforest.net/user/Layerdrops
Description: This is a Child theme for Ostech WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ostech-child
*/

/*  Common Css Start */ 

b, strong {font-weight: 700;}
p {line-height:1.7 !important;}

@media (min-width: 1200px) {
    .container {
        max-width: 1350px;
    }
}

.team-form-one, .blog-three {padding: 100px 0;}
.feature-one{padding-top: 100px;}
.blog-one--home {padding: 100px 0px;}
a.error-404__btn {background: red;color: white;}
.about-one__funfact__item__count, .about-one__funfact__item__text, .feature-one__item:hover .feature-one__item__title, .feature-one__item:hover .feature-one__item__text, .faqs-two__item__funfact__item__text, .icon-project-management-1:before{color:white;}
.main-header__right__icon, .faq-page__accordion .active .accrodion-title__icon::after {background: #ffffff;}
.main-menu .main-menu__list > li.current > a, .main-menu .main-menu__list > li:hover > a {color: #ff2d16;}

.solufy-text-color {color: white;    transition: all 500ms 
ease;}
.solufy-text-color:hover {color: red; transition: all 500ms 
ease;}

.main-header__right__call {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 0px;
    border-right: none;
    margin-right: 30px;
}



/*  Home Css Start */ 
.why-us-home h2.sec-title__title{color: white;}
.project-three {padding: 30px 0 100px;}
.feature-one__item__content {min-height: 360px;}
.home .elementor img {max-width: 100% !important;}
.home-about-us .about-one__left {margin-left: 0;}
.about-one__right {margin: 12% 0;}
.about-one__funfact__item__icon{width: 80px;margin-top: 30px;height: 80px;}
.about-one__funfact__item {width: 225px;height: 225px;}
.about-one{padding-bottom:100px;}
.project-three__item {background: #ffffff;}

@media (min-width: 768px) {
   .home-about-us .sec-title, .home-project .sec-title{
        padding-bottom: 15px;
    }
}



/*Start Css Contact us Form */
.contact-one {padding-top: 100px;padding-bottom:100px;}
.service-page--page, .about-three {padding: 100px 0px;}
.contact-one .contact-one__list__subtitle {color: #ffffff;}
.contact-one__list__content {width: 300px;}
.sec-title p {line-height: 1.5;padding-top: 10px;}

/*About us Css */

.about-three__thumb__call .about-three__thumb__call__title a{color: white;}
.about-three__thumb__call__icon{background:white;}


/*Footer Css Start */
.main-footer__bottom__inner {padding: 15px 0px;}


/*Start Blog Css */
.blog-pagination a {color: #000;}
.blog-pagination span, .blog-pagination a:hover, .blog-card-three__date, .blog-card__two__date, .sidebar .widget .wp-block-tag-cloud a:hover, .cat-links a:hover {color: #fff;}
.blog-pagination{margin:0;}
.blog-card__two__image {width: 100%;}
.blog-card__two__meta, .blog-card__meta {display: none;}
.sidebar .widget .wp-block-search .wp-block-search__button:hover, .sidebar__single .wp-block-search .wp-block-search__button:hover{fill:white;}
.blog-card-three__title {font-size: 22px;margin-bottom: 15px;line-height: 1.3;}

/*Start Projects Css */

.projects-single-form {border-top: 5px solid var(--ostech-base, #FFAA17);background: var(--ostech-white, #fff) #fff;box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);padding: 40px;}
.projects-single-form input[type=text], .projects-single-form input[type=email], .projects-single-form textarea{padding:10px;}
.projects-single-form textarea{height:100px;}
.projects-single-form .ostech-btn {background: #ff2d16;color: white;}
.recent-projects .project-one{background:#F4F5F8;padding:100px 0;}
.project-details__box__text{line-height:1.5;}
.pc-sections .project-two--page {padding: 100px 0px 100px;}
.pc-sections .project-two__content{transform: translateX(0);}


.recent-projects .project-two.project-two--page {padding: 40px 0px 0px;}
.main-slider-one__bg {bottom: 0px !important;}

.ostech-btn:after{    height: 100% !important;}
.blog-card-three__title a {background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 100% / 0px 0px no-repeat !important;}
.category .blog-card__date{color:white;}

.main-menu .main-menu__list > li + li {margin-left: 30px;}
.footer-widget__links li + li {margin-top: 0px;}
.faqs-two {padding: 130px 0px 0px;}


@media (min-width: 300px) and (max-width: 767px) {
.about-one{padding-bottom:30px;}
.project-three {padding: 30px 0 50px;}
.feature-one {padding-top: 60px;}
.sec-title {margin-top: 0;padding-bottom: 10px;}
.about-one__right {margin: 15% 0;}
.sec-title__title{font-size: 25px;margin-bottom: 0px;}
	
	
.faqs-two {padding: 40px 0px 0px;}
.contact-two__top{left:0;}
.feature-one .sec-title__title  {margin-bottom:30px;}
.faqs-two .sec-title, .blog-one--home .sec-title__title{margin-bottom:20px;}
.contact-two__top__content .sec-title {padding-bottom: 30px;}
.blog-one--home {padding: 60px 0px;}
.service-page--page, .about-three, .team-form-one, .blog-three {padding: 60px 0px;}
.team-form-one .sec-title{padding-bottom: 30px;}
.pc-sections .project-two--page {padding: 60px 0px 60px;}
.contact-one {padding-top: 60px;padding-bottom:60px;}
.contact-one__list__item {padding: 20px 15px;}
.contact-one__list__action{font-size:18px;}
.contact-one p {line-height:1.3 !important;}
.feature-one .sec-title{padding-bottom: 30px;}
}


@media (min-width: 300px) and (max-width: 1199px) {
.nn-03 a, .nn-04 a {display: none;}
.pc-sections .project-two__content__title, .faq-page__accordion .accrodion-content p {line-height: 1.7rem;margin-bottom: 0;}	
}

/* 
@media (min-width: 992px) and (max-width: 1199px) {
.pc-sections .project-two__content__title {line-height: 1.7rem;margin-bottom: 0;}
} */


@media (min-width: 1200px) and (max-width: 1549px) {
.main-header .main-header__nav, .main-heade .main-header__nav {margin-left: 5%;}
.about-pg-section .container {max-width: 1000px;}

}

@media (min-width: 1549px) and (max-width: 3000px) {
 .main-header .main-header__nav, .main-heade .main-header__nav {
    margin-left: 15%;
  }
}




   /* Hero Video */
 .outter.hero-video {
	 width: 100%;
	 height: 100%;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
}
 @media (max-width: 767px) {
	 .outter.hero-video {
		 height: 600px;
	}
}
 .hero-video .video-container {
	 height: 800px;
	 width: 100%;
	 position: relative;
	 overflow: hidden;
}
 @media (max-width: 767px) {
	 .hero-video .video-container {
		 height: 600px;
	}
}
 .hero-video video {
	 object-fit: cover;
	 position: absolute;
	 height: 800px;
	 width: 100%;
	 top: 0;
	 left: 0;
}
 @media (max-width: 767px) {
	 .hero-video video {
		 height: 600px;
	}
}
 .hero-video .video-container:after {
	 content: '';
	 display: block;
	 height: 100%;
	 width: 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 background: rgb(8 103 59 / 18%);
	 z-index: 1;
}
 .hero-video h1 {
	 text-transform: uppercase;
	 margin: 0 0 1rem;
	 padding: 0;
	 line-height: 1;
	 color: white;
}

 @media (min-width: 768px) {
	 .hero-video h1 {
		 font-size: 52px;
	}
}
 .hero-video .desc {
	 color: white;
	 font-weight: 400;
	 font-size: 18px;
}
 .hero-video .callout {
	 position: relative;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-direction: column;
	 height: 100%;
	 text-align: center;
	 position: relative;
	 z-index: 10;
	 width: 70%;
	 margin: auto;
}
 @media (max-width: 767px) {
	 .hero-video .callout {
		 width: 90%;
	}
}
 .hero-video .button {
	 text-transform: uppercase;
	 background-color: transparent;
	 border-radius: 0px;
	 margin-top: 20px;
	 background-color: #82bb00;
	 padding: 15px 30px;
	 border-radius: 0px;
	 color: #fff;
	 text-decoration: none;
	 font-weight: bold;
}
 @media (max-width: 767px) {
	 .hero-video .button {
		 padding: 10px 20px;
	}
}
 .hero-video .button:hover {
	 cursor: pointer;
	 background-color: #6e9e01;
}
.about-one__link__btn {
  padding: 12px 35px;
	margin-top:15px;
}
.contact-one__right .form-one textarea {
    height: 100px;
}
.contact-two__content{
	 padding: 100px 0px;
}
.contact-two__form textarea{
	height:100px;
}