/*
 Theme Name:   Rakar Child  
 Theme URI:    https://wordpress.themeholy.com/rakar
 Description:  This is a child theme for Rakar - WordPress Theme
 Author:       Themeholy
 Author URI:   https://themeforest.net/user/themeholy 
 Template:     rakar
 Version:      1.0
 Tags:         two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  rakar-child
*/

/*  [ Add your custom css below ] 
- - - - - - - - - - - - - - - - - - - - */     


:root {
--section-space: 60px;
--section-space-mobile: 20px;
--section-title-space: 20px;
}

.header-layout1.style-black .menu-area { --body-bg: #FF2600; }

.header-top { background-color: #FF2600; }

.sticky-wrapper.sticky { z-index: 10; }

.breadcumb-wrapper { padding: 170px 0 85px 0; }

.header-logo { padding-top: 17px; padding-bottom: 18px; }

.header-layout5 .sticky-wrapper.sticky .header-logo{ max-width: 260px; margin-bottom: 5px; }
.header-links li { font-size: 17px;  font-weight: 600; }
.header-links li:not(:last-child):after { content: ""; height: 17px; opacity: 0.70; }
.header-links li > i { color: #fff; }

.main-menu > ul > li::before {
    content: "";
    height: 17px;
    width: 1px; right: -16px; top: 0;
    background-color: #fff;
    margin: auto; opacity: .6;
    position: absolute; bottom: 0;
}

.main-menu > ul > li:last-child::before{
    content: "";
    background-color: transparent;
}

.header-layout1.style-black .main-menu a:hover { color: #fff; }
.header-layout1.style-black .header-call:hover {  color: #fff; }
.header-layout1.style-black .header-call .icon-btn { background-color: #fff; }

.header-call .icon-btn i { color: #ff2600; }
.hero-3 .hero-inner {  padding-top: 20px; }
.th-btn{ font-weight:600; }
.slider-controller { margin-top: 30px; }
.sub-title2 { margin-bottom: 16px; }
.why-feature .box-number { background-color: #ff2600; }
.box-title { line-height: 1.5rem; }
.counter-card-wrap.style2 { background-color: #ff2600; }
.footer-widget { margin-bottom: 20px; }

.sidebar-area .widget {
    background: #fff;
}
.blog .blog-single {
    background-color: #fff;
    padding: 25px 25px 40px 25px;
    border-radius: 24px;
}
.team-contact {
    background-color: #fff;
    align-items: center;
}

.service-card .box-number {
  right: 30px; top: 20px;
}



.wp-block-search .wp-block-search__input { border: 1px solid #FF2600; }

.choose-feature { gap: 16px; padding: 24px 18px; }
.choose-feature-wrap {
    gap: 20px;
    margin-bottom: 30px;
}

.choose-feature .box-title {
    max-width: initial;
}
.img-box2 {
    height: 760px;
}

.img-box6 img {
    border-radius: 40px 40px 40px 40px;
}

.img-box6 .year-box {
    left: -101px;
}

.hero-style1 {
    position: relative;
    z-index: 6;
}

.hero-1 .hero-img img {
	border-radius: 90px 90px 100% 100%;
	overflow: hidden;
}

.hero-1 .hero-img .shape1{
	display:none;
}

.slider-area {
    border-radius: 64px;
    background: #fff;
}

.hero-1 .hero-img {   bottom: 50px; }

.hero-style1 .hero-arrow { right: 46%; top: auto; bottom: 0; }
.hero-1 .hero-img { right: 4%; }
.testi-box .box-review { color: #fff; }
.footer-contact-area { padding: 10px 10px 15px; }
.footer-contact-wrap .divider { height: 50px; 	}
.footer-layout5 .footer-contact-area.style-black { background-color: rgba(0, 0, 0, 0.3); }
.footer-contact-area { padding: 20px 10px 20px; }

a.read-more { 
	display: block; text-decoration: underline; 
	margin: 10px 0 0; font-weight: 600;
}

.set-service .swiper-pagination-fraction { color: #e8ff26; }


.set-corner::after {
    content: '';
    background: url(images/shape.png);
    position: absolute;
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
}

.set-corner::before {    content: '';    background: url(images/circle.png);    
position: absolute;    width: 60px;    height: 60px;    
background-repeat: no-repeat;    top: 0;    left: auto;    right: 0;    z-index: 9;
    
}

.num-count {    position: absolute;    z-index: 10;    right: 10px;    top: 18px;    font-family: 'Exo';    font-weight: 700;    color: #fff;    font-size: 26px;}

.num-count .elementor-widget-container {    min-width: 40px;    text-align: center;}

.project-box .box-content { margin-top: -100px; }


.project-box .box-content {
    -webkit-mask-image:url(images/shape-pic.png);
}

.hero-1 .slider-arrow {
    background-color: #fff;
    color: #FF2600;
    border: 1px solid #FF2600;
}

.blog-details .blog-single .blog-content {
    background-color: #fff;
    padding: 26px;
    border-radius: 24px;
}

.set-list ul li {
    line-height: 1.5;
    padding-bottom: 5px;
}


/*
	** #Media Query ** 
*/

@media screen and (min-width: 1300px){

.hero-1 .hero-img img { height: 615px; }
.hero-style1 { margin: 240px 0 180px 0; }


}

@media screen and (max-width: 1299px){
    .hero-style1 { margin: 170px 0 150px 0; }
}

@media screen and (min-width: 1200px){
	.three-colum-service .service-card {
		min-height: 315px;
	}
	
	.project-box .box-content {
        -webkit-mask-size: 100% 102%;
        mask-size: 100% 102%;
    }
}


@media screen and (min-width: 1400px) and (max-width: 1600px){
	.three-colum-service .col-md-6 {   width: 33.3333333333%;   }
}

@media screen and (max-width: 991px){
	.video-content2 { padding: 70px 0 50px; }
}


@media screen and (max-width: 767px){
	.header-layout1 .header-top { margin-bottom: 12px; }

	.img-box6 .year-box { display:none; }
	/*p.box-text {  line-height: normal; }*/
	.hero-style1 { margin: 115px 0 50px 0; }
	.hero-1 .hero-img { right: 0%; }
	.hero-1 .hero-img img { border-radius: 60px 60px 60px 60px; }
	.serve-item .elementor-image-box-img { padding-bottom: 20px; }
	.counter-card-wrap .counter-card { padding-bottom: 25px; padding-top: 25px; margin-bottom: 20px !important; }
	.counter-card-wrap .divider { display: block; height:1px; width: 100%; }
	.counter-card-wrap.style2 { padding: 15px 12px; }
	.contact-media .box-text { text-align: left; }
	p.box-text a { word-wrap: break-word; }
	.contact-media-area { padding: 30px 20px; }
	.testi-box .box-text { font-size: 18px; font-weight: 400; }
	.breadcumb-wrapper { padding: 120px 0 65px 0; }
	.media-body .box-link a { font-size: 25px;  }
	#smooth-content .choose-pic .img-box2 { height: 360px; }
	
}

@media screen and (max-width: 575px){

.project-box .box-content {
    -webkit-mask-size: 168% 114%;
    mask-size: 168% 114%;
}

}

@media screen and (max-width: 400px){
	
	.hero-1 .hero-img { 
		bottom: 15px; padding-left: 15px; padding-right: 15px;
	}	

}