body {
	margin: 0;
	font-family: 'Roboto', sans-serif !important;
}

/* Typography  Begin */

.h1,
h1 {
	margin: 0;
	padding: 0;
	color: #000;
	line-height: 1.2;
	font-weight: 700;
}


.h2,
.h3,
.h4,
.h5,
.h6,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	color: #000;
	line-height: 1.2;
	font-weight: 500;
}
.page-title{padding: 40px;}

@media (min-width:1200px) {

	.h1,
	h1 {
		font-size: 44px;
		font-weight: 700;
	}

	.h2,
	h2 {
		font-size: 34px;
		font-weight: 700;
	}

	.h3,
	h3 {
		font-size: 30px;
		font-weight: 700;
	}

	.h4,
	h4 {
		font-size: 23px;
		font-weight: 700;
	}

	.h5,
	h5 {
		font-size: 20px;
		font-weight: 700;
		line-height: 1.5;
	}


	.h6,
	h6 {
		font-size: 19px;
		font-weight: 700;
		line-height: 1.5;
	}

}


p {
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #424352;
	font-weight: 300;
}

.fs-16 {
	font-size: 16px;
}
.fs-20 {
	font-size: 20px;
}

.lead {
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 30px;
}

/* Typography  End */

/* padding Begin */
.ptb-100 {
	padding: 70px 0px;
}
.ptb-50 {
	padding: 50px 0px;
}

.pt-70 {
	padding-top: 70px;
}

.pt-100 {
	padding-top: 100px;
}

.pb-120 {
	padding-bottom: 120px;
}


.pb-100 {
	padding-bottom: 100px;
}

.p-30 {
	padding: 30px;
}

.mt-40 {
	margin-top: 40px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-70 {
	margin-bottom: 70px;
}


/* padding End */
/* common Css Begin */

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.blinking-text {
    
  text-align:center;
  color: #F56D21;
  font-size: 24px; /* Adjust the size if needed */
  font-weight: bold;
  animation: blink 1s infinite; /* Blink animation with a 1-second duration, running infinitely */
}


.circle-sm {
	width: 20px;
	height: 20px;
	background-color: #F56D21;
	border-radius: 50px;
}

.circle {
	font-weight: 700;
	position: relative;
	z-index: 1;

}

.circle::before {
	content: "";
	position: absolute;
	top: 10%;
	/* Adjust position relative to h2 */
	margin-left: -15px;
	/* Position circle slightly left */
	transform: translateY(-50%);
	/* Vertically center */
	width: 70px;
	/* Size of the circle */
	height: 70px;
	background-color: #3CB043;
	/* Green background */
	border-radius: 50%;
	/* Make it a circle */
	z-index: -1;
	/* Sends the circle behind the h2 text */
}


.rounded-5 {
	border-radius: 5px !important;
}

.text-success {
	color: #3CB043 !important;
}

.text-orange {
	color: #F56D21;

}

.form-control {
	padding: 10px 15px;
	border-radius: 5px;
	color: #727695;
	font-size: 14px;
	font-weight: 400;
}

.form-control:focus {
	box-shadow: none;
	border: 1px solid #dee2e6;
}

.form-select {
	padding: 10px 15px;
	border-radius: 5px;
	color: #727695;
	font-size: 12px;
	font-weight: 400
}

.form-select:focus {
	box-shadow: none;
	border: 1px solid #dee2e6;
}

/* common css End */
/* Button Begin */

.btn-orange {
	border-radius: 5px;
	padding: 10px 15px;
	background-color: #F56D21;
	border: 1px solid #F56D21;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}

.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus {
	border-radius: 5px;
	padding: 10px 15px;
	font-size: 15px;
	background-color: transparent;
	border: 1px solid #F56D21;
	color: #F56D21;
	font-size: 14px;
	font-weight: 400;
}

.btn-white {
	border-radius: 5px;
	padding: 10px 15px;
	background-color: #fff;
	border: 1px solid #fff;
	font-size: 14px;
	font-weight: 500;
	color: #000;
}

.btn-white:hover,
.btn-white:active,
.btn-white:focus {
	border-radius: 5px;
	padding: 10px 15px;
	font-size: 15px;
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
	background-color: transparent;
	border: 1px solid #F56D21;
	color: #F56D21;
}

.btn-group-sm>.btn,
.btn-sm {
	padding: 10px 15px !important;
}

/* Button End */
/* Background Begin */

.bg-orange {
	background-color: #FF6F00;
}

.bg-orange-light {
	background-color: #f56d2161;
}


.b-r-5 {
	border-radius: 5px !important;
}


/* Background End */


/* navbar Begin */
.bg-white ul li.nav-item {
	padding: 10px 10px;
	font-size: 17px !important;
	color: black;
	font-weight: 400;
}


.navbar-toggler {
	color: #000;
	border-radius: 5px;
	border: 1px solid #000;
}

.navbar-toggler:focus {
	box-shadow: none;
}

.navbar-nav {
	margin-right: 26px;
}

.nav-link {
	color: #000;
}

.nav-link:focus,
.nav-link:hover {
	color: #F56D21;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
	color: #F56D21;

}

/* navbar End */
/* Learn Vedic Math Section Begin */


.hero-section {
	/* Applying a gradient with different shades of orange */
	background: linear-gradient(90deg, #ff5b00 0%, #ff8c00 50%, #ff6905 100%) !important;
	color: white;
	padding-top: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}


.hero-section .hero-text h2 {
	font-size: 40px;
	font-weight: 800;
}

.hero-section .hero-text h3 {
	font-size: 30px;
	font-weight: 600;
}

.fs-25 {
	font-size: 25px;
	font-weight: 600;
}


/* Responsive Typography */


@media (max-width: 490px) {
	.custom-nav img {
		max-width: 200px;
	}


}

@media (max-width: 470px) {
	.bg-white ul li.nav-item {
		padding: 10px 10px;
		font-size: 15px !important;
		color: black;
		font-weight: 400;
	}


}


@media (max-width: 768px) {
	.hero-section .hero-text h2 {
		font-size: 1.8rem;
	}

	.hero-section .hero-text h3 {
		font-size: 1.2rem;
	}
}

@media (max-width: 576px) {
	.hero-section .hero-text h2 {
		font-size: 30px;
	}

	.hero-section .hero-text h3 {
		font-size: 25px;
	}
}

/* Learn Vedic Math Section End */

/* Score 100% with Vedic Maths Section Begin */
.play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	border-radius: 50%;
	color: #F56D21;
	font-size: 19px;
	padding: 14px 20px;
	z-index: 2;
	cursor: pointer;
	transition: background-color 0.3s;
}

.play-btn:hover {
	background-color: #F56D21;
	color: #fff;
}
.about-container {
	position: relative;
	width: 100%;
	/* Adjust as needed */
	margin: 0 auto;
}

.about-container img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 5px;
}

.overlay-top-left {
	position: absolute;
	top: -10px;
	left: -10px;
	width: 100px;
	/* Adjust based on design */
	height: 100px;
	background-color: #3CB043;
	/* Green color */
	border-radius: 5px;
	z-index: -1;
}

.overlay-bottom-right {
	position: absolute;
	bottom: -10px;
	right: -10px;
	width: 100px;
	/* Adjust based on design */
	height: 100px;
	background-color: #F56D21;
	/* Orange color */
	border-radius: 5px;
	z-index: -1;
}



/* Score 100% with Vedic Maths Section End */


/* Select Vedic Maths Online Courses Begin */


/* Select Vedic Maths Online Courses End */


/* Who should take this course Begin */

.service-card {
	border: 1px solid #ebe2e2;
	padding: 50px 20px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
	text-align: center;


}

.service-card .icon-box {
	text-align: center;
	background-color: #FF6F00;
	color: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	font-size: 25px;
	transition: all 0.3s ease;
}


.service-card:hover {
	background-color: #FF6F00;
	color: #fff;
}

.service-card:hover .icon-box {
	background-color: #000;
	color: #fff;
}

.service-card:hover p,
.service-card:hover h5 {
	color: #fff;
}

/* Who should take this course End */
/* carousal Begin */

.carousel-control-next,
.carousel-control-prev {
	opacity: 1;
}

.b-orange {
	border: 2px solid #FF6F00;
}

.carousel-control-prev {
	left: -7%;
}

.carousel-control-next {
	right: -7%;
}

/* Customizing the carousel arrows */
.carousel-control-prev-icon,
.carousel-control-next-icon {
	background-color: #FF6F00;
	background-size: 50%;
	width: 50px;
	height: 50px;
	padding: 10px;
	border-radius: 5px;
}


/* carousal End */
/* Faq Begin */
.accordion-button:not(.collapsed) {
	background-color: #f56d2161;
	box-shadow: none;
	color: #000;
}

.accordion-item {
	margin-bottom: 10px;
}

.accordion-button:focus {
	box-shadow: none;
}

.accordion-collapse.collapse.show .accordion-body {
	background-color: #f56d2161;
	padding: 15px;
}

.faq-bg {
	background-color: #ff6f0024;
	padding: 40px;
	border-radius: 5px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.accordion-button {
	font-size: 16px;
	font-weight: 700;
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
	border-radius: 0px;
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
	border-radius: 0px;

}

.accordion-body p {
	text-align: left;
    
}

.faq-bg .accordion-body p {
	font-size:15px;
    
}

.faq-bg .accordion-body h6 {
	font-size:16px;
	text-align:left;
    
}

.faq-bg .accordion-body ul li {
	font-size:15px;
	color:#424352;
	font-weight:300;
	text-align:left;
    
}


/* Faq End */


/* Footer Begin */
footer {
	background-color: #000;
}
.social-media{
    margin-right: 10px;
    font-size: 15px;
    padding: 7px 10px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
}
.copyright{
    border-top:1px solid #fff;
    padding:10px;
}
.copyright ul{
    display: flex;
    color: white;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.copyright ul li{
	color: #fff;
	font-size: 15px;
	font-weight: 300 !important;
}

.social-media:hover{
    margin-right: 10px;
    font-size: 15px;
    padding: 7px 10px;
    color: #F56D21;
    border: 1px solid #F56D21;
    border-radius: 50px;
}

.footer p {
	color: #fff;
	font-size: 15px;
	font-weight: 300 !important;
}

footer ul li span{
	color: #fff;
	font-size: 15px;
	font-weight: 300 !important;
}

footer ul li span:hover{
    color:#F56D21;
}

footer ul li::marker{
	color: #F56D21;
}


.love-maths {
	transform: translate(0, 50px);
	padding: 40px;
}

.horizonal-line {
	border-top: 1px solid #fff;
}

/* Footer End */
/* Media Query For All Begin */
.mobile-none{
    display:block;
}

    
    @media only screen and (max-width: 770px){
        
        .pt-30 {
            padding-top: 30px;
       }
       .s-mb{
              margin-bottom: 50px; 
       }
       .mb-70{
              margin-bottom: 50px; 
       }
        
        .sm-hidden{
            display:none !important;
        }
        
          .mb-only-sm {
            margin-bottom: 30px !important; 
        }
         .mt-40{
            margin-top: 30px !important; 
        }
        
        .ptb-100{
            padding: 70px 0px !important; 
        }
        
        .pb-120 {
           padding-bottom: 70px;
        }
        
        .mobile-none{
            display:none;
        }  
        .circle-sm{
            display:none;
        }
        .circle::before{
            margin-left:0px;
        }
        #testimonialCarousel .carousel-indicators{
        bottom: -9% !important;
    }
    .overlay-top-left{
      display:none;
    }
    .overlay-bottom-right{
     display:none;
    }
    .circle::before{
        width:40px;
        height:40px;
    }
    .carousel-control-prev{
        left:0px;
    }
    .carousel-control-next{
        right:0px;
    }
    }

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

	.bg-white ul li.nav-item {
		padding: 0px;
	}

	.love-maths {
		transform: translate(0, 0) !important;
		padding: 20px !important;
	}

	.fall-maths {
		padding: 50px 0px;
	}

	.faq-bg {
		padding: 10px;
	}
}

/* Media Query For All End */
/* About us Begin */

/* About SECTION Begin */

.about-section {
	/* Applying gradient and background image together */
	background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
		url('../images/about-bg.png') no-repeat center center/cover;
	color: white;
	padding: 50px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* About SECTION eND */

/* achievement-box Begin */

.achievement-box {
	background-color: #f56d2161;
	border-left: 5px solid #3CB043;
	padding: 35px 22px;
	color:#fff;
	border-radius: 5px;
	margin-bottom: 40px;
}

.icon-right {
	position: absolute;
	top: 0%;
	transform: translateY(-50%);
}

.checkbox {
    margin-right:10px;
    color: #F56D21;
}

.icon-right {
	right: 15px;
}

/* achievement-box End */


/* About us End */

/* Blog BEGIN */
.blog-area h3, .post_1_area h3, .blog-area h2, .blog-area h4 {
    font-size: 24px;
    text-align: left;
    line-height: 30px;
    margin-bottom: 30px;
}
.hd {
    text-align: left;
    font-size: 28px;
    margin-bottom: 10px;
    padding-top: 15px;
    font-weight: 500;
}
.comment-respond h4 {
    font-size: 15px;
    font-weight: 500;
    color: #868686;
    text-align: left;
    margin-bottom: 15px;
    margin-top: 8px;
    letter-spacing: 0.5px;
}
.blog-area h3, .post_1_area h3, .blog-area h2, .blog-area h4 {
    font-size: 24px;
    text-align: left;
    line-height: 30px;
    margin-bottom: 30px;
}
.comment-form .field {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
}

.comment-form .field {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
}
.reply-btn:hover, .reply-btn:focus {
    background: #f16334;
    color.: #fff;
} 
.post-text a{
    text-decoration: none;
    color: #666;
    font-size: 16px;
    transition: all .3s ease-in-out;
} 
.reply-btn {
    padding: 10px 25px;
    margin: 10px 0;
    background-color: #fff;
    border-color: #f16334;
    color: #f16334;
    border: 1px solid;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.blog-section {
	/* Applying gradient and background image together */
	background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
		url('../images/bg-blog.png') no-repeat center center/cover;
	color: white;
	padding: 50px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.custom-card {
	margin-bottom: 25px;
	padding: 20px 20px 10px 20px;
	border-radius: 5px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.card-footer ul li {
	font-size: 16px;
	font-weight: 300;
	color: #424352;
	margin: 0px;
	padding: 0px;
}

.active>.page-link,
.page-link.active {
	background-color: #FF6F00;
	border-color: #FF6F00;
}

.page-link:hover {
	color: #000;
}

.page-link:focus {
	box-shadow: none;
}

.page-link {
	color: #FF6F00;
}

/* Blog End */
/* Blog Details Begin */
.blog-details-section {
	/* Applying gradient and background image together */
	background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
		url('../images/bg-blog-details.png') no-repeat center center/cover;
	color: white;
	padding: 50px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Blog Details End */
/* Contact Section Begin */
.contact-section {
	/* Applying gradient and background image together */
	background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
		url('../images/bg-contact.jpg') no-repeat center center/cover;
	color: white;
	padding: 50px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Contact Section End */


.cursor-pointer {
	cursor: pointer;
}

/* what our customer said begin*/
/*#testimonialCarousel .carousel-item {*/
/*    margin-top:20px;*/
/*    padding:0px 20px;*/
/*}*/
#testimonialCarousel .testimonial p{
	color: #fff;
}
#testimonialCarousel .carousel-indicators{
	bottom: -30%;
	opacity:1;
}
#testimonialCarousel .testimonial::before, #testimonialCarousel .testimonial::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0px;
	bottom: -18px;
}
#testimonialCarousel .testimonial::before {
    width: 20px;
    height: 20px;
	background: #F56D21;
	box-shadow: inset 12px 0 13px rgba(0,0,0,0.5);
}
#testimonialCarousel .testimonial::after {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    border-left-color: #fff;
}

#testimonialCarousel .testimonial {
    background-color: #F56D21;
    color: white;
    padding: 15px;
    border-radius: 5px;
    position: relative;
    margin-bottom: 20px;
}

#testimonialCarousel .star-rating i {
    color: #ffdc12;
    margin-right: 2px;
}

#testimonialCarousel .carousel-indicators li {
    background-color: #9b9b9b;
}

#testimonialCarousel .carousel-indicators .active {
    background-color: #F56D21;
}

#testimonialCarousel .carousel-control-prev, 
#testimonialCarousel .carousel-control-next {
    display: none;
}
#testimonialCarousel .carousel-indicators [data-bs-target]{
background-color: #F56D21;
height:8px;
border-radius:5px;
}
/* what our customer said end

/* Courses Section Begin */
.row.mt-40.g-5 {
    display: flex;
    flex-wrap: wrap;
}

.course-card-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.course-card {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.course-card ul li::marker{
	color: #d47242;
}

/* Mobile View: Initially hide "Course Requirements", "What You Will Learn", and the button */
@media (max-width: 767px) {

	.row.mt-40.g-5{
		--bs-gutter-y:15px;
		--bs-gutter-x:15px;
	}
    .more-content {
        display: none; /* Hide additional content on mobile */
    }

    .more-content.expanded {
        display: block; /* Show content when expanded */
    }

    .read-more-btn {
        cursor: pointer;
        color: #d47242;
        text-decoration: underline;
        display: block; /* Show the "Read more..." button on mobile */
    }
}

/* Desktop View: Show everything by default */
@media (min-width: 768px) {
    .more-content {
        display: block; /* Show everything on desktop */
    }

    .read-more-btn {
        display: none; /* Hide the "Read more..." button on desktop */
    }
}

.desktop-btn {
    margin-top: auto; /* Push the button to the bottom */
}

/* Courses Section End */
/* Blog Begin */

.c-shadow{
    
}

.faqSearch {
    
     position: relative;
    /*max-width: 460px;*/
    margin: 20px 0 20px auto;
}
.faqSearch input[type=text] {
    width: 100%;
    padding:10px 15px;
    border-radius: 5px;
    padding-left: 20px;
    color: #000000;
    border: 1px solid #dbdbdb;
    box-shadow: 6px 8px 5px rgba(0, 0, 0, 0.47);
}
.faqSearch .searchfaq {
    position: absolute;
    background-color: #F56D21;
    right: 0;
    bottom: 0;
    border:1px solid #F56D21;
    color:#fff;
    top: 0;
    border-radius: 0 5px 5px 0;
    padding: 10px 30px;
}
.faqSearch .searchfaq i {
    margin-left: -6px;
}

.program-banner {
    padding: 100px 0
}

.program-banner h2, .program-banner h1 {
    color: #fff;
    text-shadow: 3px 1px 5px rgba(0, 0, 0, .51);
    line-height: 46px;
    text-align:center;
}

.blog_1 .blog-area {
    padding: 50px 0;
    min-height: 1000px;
    background: #fff
}

.blog_1 .blog-area .blog-padding-none {
    padding: 0
}

.blog_1 .blog-area .bolg_side-left .single-item-box {
    margin-bottom: 50px
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item {
    overflow: hidden;
    margin-top:20px;
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item:last-child {
    margin-bottom: 0
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .img-box {
    position: relative;
    overflow: hidden
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .img-box img {
    width: 100%;
    /*transition: all .4s ease-in-out*/
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .img-box .overlay {
    background: #000;
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
   /* transition: all .4s ease-in-out;*/
    visibility: hidden
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .img-box .img-caption {
    position: absolute;
    top: 0;
    left: 0
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .img-box .img-caption .date {
    background: #F56D21;
    color: #fff
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .img-box .img-caption p {
    background: #fafafa;
    text-align: center;
    margin: 0;
    height: 50px;
    width: 60px;
    line-height: 15px;
    padding: 9px
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .img-box .img-caption p span {
    display: block;
    font-size: 20px
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .img-box .img-caption p span:last-child {
    padding-top: 3px;
    font-size: 13px
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .single-text-box {
    background: #fafafa;
    padding:20px
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .single-text-box h3 {
    font-size: 20px;
    padding: 0;
    margin-bottom: 10px
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .single-text-box h3 a {
  /*  transition: all .3s ease-in-out;*/
    color: #323232;
    text-decoration: none;
    font-size: 28px
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .single-text-box h3 .blog-btn-box:hover {
    background: #F56D21
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .single-text-box ul {
    margin-bottom: 20px
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .single-text-box ul li {
    display: inline-block;
    padding-right: 25px
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .single-text-box ul li a {
    color: #666;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .single-text-box ul li a i {
    margin-right: 10px
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .single-text-box p {
    margin: 0
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .single-text-box .blog-btn-box {
    background: #eee;
    border-radius: 0;
    height: 42px;
    width: 120px;
    text-align: center;
    margin-top: 30px
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .single-text-box:hover .blog-btn-box {
    background: #F56D21;
    transition: all .3s ease-in-out
}

.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .single-text-box .blog-btn-box a {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 42px;
    text-transform: uppercase;
    text-decoration: none
}



.blog_1 .blog-area .bolg_side-left .single-item-box .single-item:hover .overlay {
    top: 0;
    opacity: .5;
    visibility: visible;
   /* transition: all .4s ease-in-out*/
}

.blog_1 .blog-area .bolg_side-left .blog-comment {
    background: #fafafa;
    padding: 30px 35px 30px 65px
}

.blog_1 .blog-area .bolg_side-left .blog-comment p {
    font-size: 17px;
    position: relative;
    margin: 0;
    padding-bottom: 25px
}

.blog_1 .blog-area .bolg_side-left .blog-comment p:before {
    position: absolute;
    font-family: FontAwesome;
    content: "\f10d";
    top: 0;
    left: -30px;
    font-size: 25px;
    opacity: .5
}

.blog_1 .blog-area .bolg_side-left .blog-comment span {
    position: relative;
    color: #F56D21;
    font-size: 17px;
    padding-left: 25px
}

.blog_1 .blog-area .bolg_side-left .blog-comment span:before {
    position: absolute;
    top: 12px;
    left: 0;
    height: 1px;
    width: 15px;
    background: #F56D21;
    content: ""
}

.blog_1 .blog-area .bolg_side-left .pagination {
    margin: 0
}

.blog_1 .blog-area .bolg_side-left .pagination li:first-child a {
    border-radius: 0;
    margin-right: 20px
}

.blog_1 .blog-area .bolg_side-left .pagination li:last-child a {
    border-radius: 0;
    margin-left: 20px
}

.blog_1 .blog-area .bolg_side-left .pagination li.active a {
    background: #F56D21;
    border: 1px solid #F56D21;
    color: #000;
}

.blog_1 .blog-area .bolg_side-left .pagination li a {
    margin: 0 5px;
    color: #000;
}

.blog_1 .blog-area .bolg_side-left .pagination li a:focus,
.blog_1 .blog-area .bolg_side-left .pagination li a:hover {
    z-index: 2;
    color: #000;
    background: #F56D21;
    border-color: #ddd
}

.blog_1 .blog-area .blog_side-right .categories-item {
    margin-bottom: 40px
}

.blog_1 .blog-area .blog_side-right .categories-item ul {
    margin: 0
}

.blog_1 .blog-area .blog_side-right .categories-item ul li {
    margin-bottom: 20px;
    margin-left: 10px
}

.blog_1 .blog-area .blog_side-right .categories-item ul li:last-child {
    margin-bottom: 0
}

.blog_1 .blog-area .blog_side-right .categories-item ul li a {
    color: #666;
    text-decoration: none
}

.blog_1 .blog-area .blog_side-right .categories-item ul li a i {
    margin-right: 25px;
    transition: all .3s ease-in-out
}

.blog_1 .blog-area .blog_side-right .categories-item ul li a span {
    margin-left: 15px;
    color: #F56D21
}

.blog_1 .blog-area .blog_side-right .categories-item ul li a:hover i {
    color: #F56D21;
    padding-left: 5px
}

.blog_1 .blog-area .blog_side-right .social-icon {
    margin-bottom: 40px
}

.blog_1 .blog-area .blog_side-right .social-icon ul {
    margin: 0
}

.blog_1 .blog-area .blog_side-right .social-icon ul li {
    display: inline-block;
    margin: 0 9px;
    margin-bottom: 10px
}

.blog_1 .blog-area .blog_side-right .social-icon ul li:last-child {
    margin-bottom: 0
}

.blog_1 .blog-area .blog_side-right .social-icon ul li a {
    background: red none repeat scroll 0 0;
    color: #fff;
    display: block;
    height: 38px;
    width: 160px;
    padding-left: 10px;
    padding-top: 9px;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase
}

.blog_1 .blog-area .blog_side-right .social-icon ul li a i {
    margin-right: 15px;
    height: 25px;
    width: 25px;
    text-align: center
}

.blog_1 .blog-area .blog_side-right .social-icon ul li .rss {
    background: #ffa801
}

.blog_1 .blog-area .blog_side-right .social-icon ul li .twitter {
    background: #1da1f2
}

.blog_1 .blog-area .blog_side-right .social-icon ul li .facebook {
    background: #3b59a1
}

.blog_1 .blog-area .blog_side-right .social-icon ul li .pinterest {
    background: #bd081c
}

.blog_1 .blog-area .blog_side-right .social-icon ul li .instagram {
    background: #f56040
}

.blog_1 .blog-area .blog_side-right .social-icon ul li .google {
    background: #dd4b39
}

.blog_1 .blog-area .blog_side-right .recent-work {
    margin-bottom: 40px
}

.blog_1 .blog-area .blog_side-right .recent-work h3 {
    text-align: left
}

.blog_1 .blog-area .blog_side-right .recent-work .row-padding-bottom img {
    width: 100px;
    float: left;
    margin: 10px
}

.blog_1 .blog-area .blog_side-right .recent-work .owl-next,
.blog_1 .blog-area .blog_side-right .recent-work .owl-prev {
    border: 1px solid #333;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    height: 33px;
    position: absolute;
    text-align: center;
    top: -55px;
    transition: all .3s ease-in-out;
    width: 33px
}

.blog_1 .blog-area .blog_side-right .recent-work .owl-next:hover,
.blog_1 .blog-area .blog_side-right .recent-work .owl-prev:hover {
    border: 1px solid #F56D21;
    transition: all .3s ease-in-out
}

.blog_1 .blog-area .blog_side-right .recent-work .owl-next:hover .fa-angle-left,
.blog_1 .blog-area .blog_side-right .recent-work .owl-next:hover .fa-angle-right,
.blog_1 .blog-area .blog_side-right .recent-work .owl-prev:hover .fa-angle-left,
.blog_1 .blog-area .blog_side-right .recent-work .owl-prev:hover .fa-angle-right {
    color: #F56D21;
    transition: all .3s ease-in-out
}

.blog_1 .blog-area .blog_side-right .recent-work .owl-prev {
    right: 38px
}

.blog_1 .blog-area .blog_side-right .recent-work .owl-prev .fa-angle-left {
    color: #000;
    font-size: 18px;
    line-height: 24px;
    transition: all .3s ease-in-out
}

.blog_1 .blog-area .blog_side-right .recent-work .owl-next {
    right: 0
}
.w-title{
    color: #111;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    position: relative;
    z-index: 1;
    padding-bottom: 12px;
}
.recent-content-item{
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.w-title:before {
    content: "";
    position: absolute;
    border: 0;
    width: 50px;
    height: 2px;
    background: #ff5421;
    z-index: 1;
    margin-left: 0;
    bottom: 0;
    left: 0;
}

.blog_1 .blog-area .blog_side-right .recent-work .owl-next .fa-angle-right {
    color: #000;
    font-size: 18px;
    line-height: 24px;
    background: #fff;
    padding: 40px 30px;
    box-shadow: 0 6px 25px rgba(0, 0, 0, .07);
    transition: all .3s ease-in-out
}

.blog_1 .blog-area .blog_side-right .recent-post-01 {
    margin-bottom: 40px;
        background: #fff;
    padding: 40px 30px;
    box-shadow: 0 6px 25px rgba(0, 0, 0, .07);
    
}

.blog_1 .blog-area .blog_side-right .recent-post-01 .recent-single {
    margin-bottom: 30px;
    overflow: hidden;
    clear: both;
}

.blog_1 .blog-area .blog_side-right .recent-post-01 .recent-single:last-child {
    margin-bottom: 0
}

.blog_1 .blog-area .blog_side-right .recent-post-01 .recent-single .recent-content-item .img-box {
    width: 30%;
    float: left
}

.blog_1 .blog-area .blog_side-right .recent-post-01 .recent-single .recent-content-item a img {
    height: 80px;
    width: 80px
}

.blog_1 .blog-area .blog_side-right .recent-post-01 .recent-single .recent-content-item .recent-text {
    width: 70%
}

.blog_1 .blog-area .blog_side-right .recent-post-01 .recent-single .recent-content-item .recent-text a {
    text-decoration: none;
    color: #666;
    font-size: 16px;
    transition: all .3s ease-in-out
}

.blog_1 .blog-area .blog_side-right .recent-post-01 .recent-single .recent-content-item .recent-text a:hover {
    color: #F56D21
}

.blog_1 .blog-area .blog_side-right .recent-post-01 .recent-single .recent-content-item .recent-text p {
    font-size: 13px;
    margin: 0;
    padding-top: 10px;
    color: #F56D21;
}

.blog_1 .blog-area .blog_side-right .recent-post-01 .recent-single .recent-content-item .recent-text p .content {
    float: left
}

.blog_1 .blog-area .blog_side-right .recent-post-01 .recent-single .recent-content-item .recent-text p .content i {
    padding-right: 6px
}

.c-shadow{
        background: #fff;
    padding: 40px 30px;
    box-shadow: 0 6px 25px rgba(0, 0, 0, .07);
}

.blog_1 .blog-area .blog_side-right .populer-tags {
    margin-bottom: 40px;
}

.blog_1 .blog-area .blog_side-right .populer-tags .tagcloud a {
    color: #666;
    font-size: 13px;
    border: none;
    border-radius: 0;
    font-weight: 600;
    border: 1px solid #F56D21;
    padding: 8px 15px;
    float: left;
    margin: 0 10px 10px 0;
    text-decoration: none;
    transition: all .3s ease-in-out
}

.blog_1 .blog-area .blog_side-right .populer-tags .tagcloud a:hover {
    background: #F56D21;
    color: #fff
}



@media only screen and (min-width:768px) and (max-width:991px) {
    .blog_1 .blog-area .blog_side-right .recent-work .row-padding-bottom img {
        margin: 5px
    }
    .blog_1 .blog-area .blog_side-right .social-icon ul {
        text-align: center
    }
    
    .blog_1 .blog-area .blog_side-right .recent-post-01 .recent-single .recent-content-item a img {
        height: 60px;
        width: 60px;
    }
    .blog-search input[type=text] {
        width: 80%;
    }
    .blog-search button {
        width: 20%;
    }
}

@media only screen and (max-width:767px) {
    .blog_1 .blog-area .bolg_side-left .single-item-box .single-item .single-text-box .blog-btn-box {
        margin: 30px auto 0
    }
    .blog_1 .blog-area .bolg_side-left .single-item-box .single-item .single-text-box {
        padding:15px 10px
    }
    .blog_1 .blog-area .blog_side-right .categories-item {
        text-align: left;
        padding-left: 15px;
        margin-top: 40px
    }
    .blog_1 .blog-area .blog_side-right .social-icon h3 {
        padding-left: 15px;
        text-align: left
    }
    .blog_1 .blog-area .blog_side-right .social-icon ul li a i {
        margin-right: 15px;
        width: 0;
        text-align: center
    }
    .blog_1 .blog-area .blog_side-right .social-icon ul li a {
        padding-left: 10px
    }
    .blog_1 .blog-area .blog_side-right .recent-work h3 {
        padding-left: 15px
    }
    .blog_1 .blog-area .blog_side-right .recent-post .recent-single .recent-text {
        text-align: left
    }
    .blog_1 .blog-area .blog_side-right .recent-post .recent-single {
        margin-bottom: 100px!important
    }
    .blog_1 .blog-area .blog_side-right .recent-post .recent-single:last-child {
        margin-bottom: 0!important
    }
    .blog_1 .blog-area .blog_side-right .quick_contact {
        margin-top: 40px
    }
}
    
@media only screen and (min-width:320px) and (max-width:480px) {
    .blog_1 .blog-area .bolg_side-left .single-item-box .single-item .img-box .img-caption .date {display: none;}
    .blog_1 .blog-area{
	    padding:50px 0;
	}
	
	
    .blog_1 .blog-area .bolg_side-left .single-item-box .single-item .single-text-box ul{
        text-align:center;
    }
    
 	
}

/* blog socail Icons Begin */
.social_icon a{
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 30px;
    padding: 0;
    border-radius: 50px;
    margin: 0;
}

.social_icon a i{
    margin-right:0 !important;
}

.social_icon a:hover{
    border: 1px solid #F58634;
    background:#F58634;
}

.social_icon a:hover i{
    color:#fff;
}
/* blog social End */
.bottomMenu {
    position: fixed;
    right: 0;
    top: 50%;
    width: auto;
    height: auto;
    z-index: 999;
    transition: all .5s;
}
#myID {
    display: block;
}
.show {
    opacity: 1;
}
.slider-btn-left {
    /* padding: 0 15px 0 0 !important; */
}
.slider-btn-left {
    margin-right: 10px;
    color: #fff;
    border: 1px solid #f58634;
    background: #f58634;
}
.slider-btn-left {
    margin-right: 10px;
    color: #fff;
    border: 1px solid #f58634;
    background: #f58634;
    text-align: inherit;
    line-height: 20px;
    border-width: 1px;
    margin: 0;
    padding: 15px 25px;
    letter-spacing: 0;
    font-weight: 600;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
}
.stdn-inqry {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: #f58634;
    padding: 8px 15px;
    border:1px solid #fff;
    border-radius: 5px;
    display: inline-block;
    margin-top: 10px;
}

.stdn-inqry:hover {
    color: #f58634;
    font-size: 16px;
    font-weight: 500;
    border:1px solid #f58634;
    background: #fff;
    padding: 8px 15px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 10px;
}
/* Blog End *

/* Go back to top Begin */

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  width:50px;
  height:50px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #f58634;
  border: 1px solid #f58634;
  color: white;
  cursor: pointer;
  padding: 10px 15px;
  border-radius: 5px;
}

#myBtn:hover {
  background-color: #fff;
  color:#f58634;
  border:1px solid #f58634;
  
}
/* Go back to bottom End */