/*@copyright:ITFox Technologies	
* @created date: May 2026
* @location	 :Haldwani
* @#Developer: Pooja Joshi
*/
/* common css start */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  --primary-gradient: linear-gradient(65deg, #000839 40%, #e55f27 60%);
  --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --primary-base: #000839;
  --primary-color: #0a58ca;
  --primary-light : #01A9B4;
  --secondary-color: #f18816;
  --secondary-base: #e55f27;
  --gray-color: #212529;
  --xs-font: 0.875rem;
  --sm-font: 1rem;
  --md-font: 1.2rem;
  --lg-font: 1.5rem;
  --xl-font: 2rem;
  --xxl-font: 3.5rem;
  --heading-font: "Poppins", sans-serif;
  --body-font: "Montserrat", sans-serif;
}

.fw-extrabold { font-weight: 800; }
body{ font-family: var( --body-font)!important; font-size: var(--xs-font);}
section{ overflow: hidden; }
a{color:inherit; text-decoration: none;}
h1,h2,h3,h4,h5,h6{ font-family: var(--heading-font); font-weight: 700; }

/* typography */
.text-xxs{font-size: 0.765rem;}
.text-xs{font-size: var(--xs-font);}
.text-sm{font-size: var(--sm-font);}
.text-md{font-size: var(--md-font);}
.text-lg{font-size: var(--lg-font);}
.text-xl{font-size: var(--xl-font);}
.text-xxl{font-size: var(--xxl-font);}
.testimonial-heading{ font-size: 50px;}
.text-shadow{text-shadow: 2px 2px 4px #000000}
/* background color start */
.bg-base-color{background-color: var(--primary-base);}
.bg-primary-color{background-color: var(--primary-color);}
.bg-primary-light{background-color: var(--primary-light);}
.bg-secondary-color{background-color: var(--secondary-color);}
.bg-gradient-base { background: linear-gradient(316deg, var(--secondary-base) 45%, var(--primary-base) 40%); }
.bg-gradient-color { background: linear-gradient(330deg, var(--primary-base) 38%, var(--secondary-base) 30%);}
.bg-primary-gradient-color{ background: linear-gradient( 325deg,var(--primary-color) 30%, var(--primary-base) 50%);}
.bg-secondary-gradient-color{ background: linear-gradient( 325deg,var(--secondary-color) 30%, var(--secondary-base) 50%);}
.bg-light-gradient-color{ 
    background-image: url('../img/gradient-2.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
}
/* background color end */
.navbar-toggler .bi::before, .navbar-toggler [class*=" bi-"]::before{ font-weight: 600 !important; font-size: 2rem;}
/* color start */
.text-base-color{color: var(--primary-base);}
.text-primary-color{ color: var(--primary-color); }
.text-primary-light{ color: var(--primary-light); }
.text-secondary-color{color: var(--secondary-color);}
/* color end */
/* border start */
.border-primary-color{ border-color:  var(--primary-base) !important;}
.border-secondary-color{ border-color:  var(--secondary-base) !important;}
/* button start */
.secondary-button{
    background: var(--primary-base); 
    border: 2px solid var(--primary-base);
    color: white;
    transition: 0.5s;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}
.secondary-button:hover, .secondary-button:active{
    background: var(--primary-base);
    color: white;
    transform: translateY(-5px);
}
.primary-button{
    background: var(--secondary-base); 
    border: 2px solid var(--secondary-base);
    color: white;
    transition: 0.5s;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}
.primary-button:hover, .primary-button:active{
    background: var(--secondary-base);
    color: white;
    transform: translateY(-5px);
}
/* .primary-outline-button{
  background: transparent; 
  border: 2px solid var(--secondary-base);
  color: white;
  transition: 0.5s;
  z-index: 1;
  transition: all 0.5s ease-in-out;
}
.primary-outline-button:hover, .primary-outline-button:active{
    background: var(--secondary-base);
    color: white;
    transform: translateY(-5px);
} */
.btn-primary{ 
    background: var(--secondary-color); 
    border: none;
    color: white;
    transition: 0.5s;
    z-index: 1;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
}
.btn-primary:hover{ background: var(--secondary-base); }
/* common css end */

/* css start */
/* navbar css start */
.navbar .nav-link{  position: relative; transition: all 0.5s ease-in-out; padding-bottom: 1px;}
.navbar .nav-link.active, .navbar .nav-link:hover{ color: var(--secondary-color);}
.navbar .nav-link::after{ 
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--secondary-color), var(--secondary-color));
    transition: width 0.3s ease;
}
.navbar .nav-link:hover::after, .navbar .nav-link.active::after{ width: 100%; }

.nav-item.dropdown .dropdown-menu{ animation: downOut 500ms ease-in-out forwards; transform-origin: center center;}
.nav-item.dropdown:hover .dropdown-menu{ 
  display: block !important; 
  top: 100%; 
  background-color: white;
  width: 15rem;
}
.nav-item.dropdown:hover .dropdown-menu li .dropdown-item:hover{ 
  padding-left: 25px;
  transition: all .3s ease-in-out;
}
.home .nav-link{ color: white}
@-moz-keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}
@-webkit-keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}
@-o-keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}
@keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}
/* navbar css end */

/* home page css start */
.hero {
  height: 100vh;
  background-image: url('../img/service-banner/home-page.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-bottom-left-radius: 35px;
  border-bottom-right-radius: 35px;
}
.hero span {
  color: transparent;
  font-weight: 800;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: white;
}
/* service section start */
.service-box {
  background: #f8faff;
  padding: 12px;
  text-align: center;
  cursor: default;
  transition: background-color 0.3s ease;
  position: relative;
}
.service-box:hover{ z-index: 1; color:white;}
.service-box::after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  z-index: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: var(--primary-base);
  transform: scale(0);
}
.service-box:hover::after { transform: scale(1); }
.service-box .service-image{ width: 6rem; height: 6rem; }
.service-box:hover .service-image{ background-color: #ffffffac; }
/* service section end */
/* testimonial css start */
.testimonial-carousel .carousel-indicators li {
  width: 10px;
  height: 10px;
  list-style-type: none;
  background-color: #0008399d;
}
.testimonial-carousel .carousel-indicators li.active { background-color: var(--primary-base); }
.testimonial-box {
  display: block;
  position: relative;
  padding: 18px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.03);
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .08);
}
/* testimonial css end */
/* about start */
/* .about-image{ height: 25rem;} */
.about-right-image{
  /* background-color: #021A70; */
  background-color: var(--primary-base);
  background-image: url('../img/section-image.png');
}
/* inner page banner css start */

.inner-hero {
  position: relative;
  z-index: 1;
  padding-top: 5rem; 
  padding-bottom: 1.5rem;
  height: 100vh;
  background-size: cover;
  background-position: center;
}
.inner-hero.about-image,.inner-hero.contact-image, .inner-hero.team-image,.inner-hero.portfolio-image, .inner-hero.career-image, .inner-hero.policy-image{ height: 70vh; }
.inner-hero.about-image { background-image: url(../img/service-banner/about-us.png); }
.inner-hero.contact-image { background-image: url(../img/service-banner/contact-us.png); }
.inner-hero.team-image { background-image: url(../img/service-banner/our-team.png); }
.inner-hero.career-image { background-image: url(../img/service-banner/career.png); }
.inner-hero.portfolio-image { background-image: url(../img/service-banner/portfolio.png); }
.inner-hero.policy-image { background-image: url(../img/service-banner/policy.png); }
/* services */
.inner-hero.digital-image { background-image: url(../img/service-banner/digital-marketing-image.png); }
.inner-hero.mobile-app-image { background-image: url(../img/service-banner/mobile-app.png); }
.inner-hero.web-designing-image { background-image: url(../img/service-banner/web-designing.png); }
.inner-hero.web-development-image { background-image: url(../img/service-banner/web-development.png); }
.inner-hero.graphic-designing-image { background-image: url(../img/service-banner/graphic-designing.png); }
.inner-hero.api-development-image { background-image: url(../img/service-banner/api-dev.png); }

.breadcrumb-item+.breadcrumb-item::before { color: white;}

/* inner page banner css end */


/* footer css start */
footer{
  background-image: url(../img/footer-image.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.social ul li.facebook, .social ul li.instagram, .social ul li.whatsapp, .social ul li.linkedin {
  background: #263e59;
  width: calc(100% / 5) !important;
  border-right: 1px solid #001f34;
  transition: all 0.3s ease-in;
  z-index: 11;
}
.social ul li.facebook:before, .social ul li.instagram:before, .social ul li.whatsapp:before, .social ul li.linkedin:before {
  bottom: 0;
  content: "";
  height: 30%;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: all 0.3s linear;
  width: 100%;
  z-index: -1;
}
.social ul li.facebook:before { background-color: #4267B3; }
.social ul li.instagram:before { background: #DD2A7B; }
.social ul li.whatsapp:before { background: #25D366; }
.social ul li.linkedin:before { background: #0077B5; }

.social ul li.instagram:hover:before, .social ul li.facebook:hover:before, .social ul li.linkedin:hover:before, .social ul li.whatsapp:hover:before {
  height: 100%; opacity: 1;
}

/* about page css start */
.about-page-image{ width: 6rem; height: 6rem;}
/* contact form css start */
.contact-form {
  position: relative;
  z-index: 1;
  background-color: var(--primary-base);
}
.contact-form::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('../img/cal-do-action.jpg');
  background-size: cover;
  background-position: top;
  opacity: 0.15;
  z-index: -1;
}
/* work process css start */
.thumb-img {
  text-align: center;
  width: 15rem;
  height: 15rem;
  border: 4px solid transparent;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  position: relative;
  box-shadow: 0 0 9px 0 rgba(24,35,51,.09);
}
.thumb-img img {
  border-radius: 50%;
  border: 10px solid #fff;
}
.thumb-number {
  position: absolute;
  left: -26px;
  top: 50.5%;
  margin: auto;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.thumb-number span {
  background: var(--primary-base);
  display: inline-block;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  border-radius: 50%;
  font-size: 1.5rem;
  position: relative;
  z-index: 1;
}
.thumb-box:hover .thumb-number {
  top: 40%;
}
.thumb-box:hover .thumb-img {
  border-color: var(--primary-base);
}
.thumb-number span::before {
  position: absolute;
  left: -5px;
  top: -5px;
  width: 60px;
  height: 60px;
  background: var(--primary-base);
  opacity: 0.6;
  content: "";
  margin: auto;
  border-radius: 100%;
  z-index: -1;
}
.thumb-number span::after {
  position: absolute;
  left: -15px;
  top: -15px;
  width: 80px;
  height: 80px;
  background: var(--primary-base);
  opacity: 0.4;
  content: "";
  margin: auto;
  border-radius: 100%;
  z-index: -1;
}
/* work process css end */

/* call to action css start */
.goal-section {
  background: linear-gradient(rgba(17, 26, 58, 0.895), rgba(17, 26, 58, 0.877)), transparent url(../img/cal-do-action.jpg) center center / cover no-repeat scroll;
  padding: 50px 0;
}
/* call to action css end */
/* services css start */
.service-image-box { width: 100%; height: 14rem; }
.services-ul{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start;}
.services-ul li{  width: 48%; }
/* services css end */

/* FAQ start */
.accordion-header { border-left: 5px solid var(--secondary-color); background: #e9e9e9; }
.accordion-body {  border-left: 5px solid gray; background: #fff; }
#faq .accordion-button:focus, .accordion-header:focus, .accordion-body:focus { border-color: #ddd; box-shadow: none; outline: none; }
#faq .accordion-button.collapsed { border-bottom-width: 1px;}
.accordion-button:not(.collapsed) { color: #333; background-color: #edeeee21; }
.accordion-button:not(.collapsed)::after, .accordion-button::after, .accordion-button.collapsed .after, .accordion-button .before { display: none; }
.accordion-button.collapsed .before, .accordion-button .after { position: absolute; right: 8px; display: block; }
/* FAQ end */

/* our team start */
.team-img-holder{ height: 12rem;}
/* our team end */
/* portfolio css start */
.img-size { height: 11rem; }
.tab-items {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  color: var(--primary-base);
  font-weight: 500;
  font-size: 0.95rem;
  transition: var(--transition-smooth);
}
.tab-items:hover { background: #f1f5f9; color: var(--primary-base); border-color: #cbd5e1; }
.tab-items.active {
  background: var(--primary-base) !important;
  color: #ffffff !important;
  border-color: transparent;
  box-shadow: 0 5px 10px rgba(79, 70, 229, 0.15);
}
.portfolio-card {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
  transition: var(--transition-smooth);
}
.portfolio-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);
}
.bg-holder { height: 265px !important;  background: #c4c4c4; }
.portfolio-card .bg-holder img{ transition: .5s all ease-in-out;}
.portfolio-card:hover .bg-holder img { transform: scale(1.1); }
.logos-card{ border: 1.5px dashed gray; }
.logos-card .bg-holder { height: 180px !important; background: #f9f9f9; }
.mobile-bg-holder { background-color: #c4c4c4; max-height: 10rem !important; width: 15rem !important;}
/* portfolio css end */
/* blogs pages css start */

/* .news-one{
	position:relative;
	padding-bottom:90px;
} 
.news-block_one{
	position: relative;
	z-index: 2;
	margin-bottom: 30px;
} */
.blog_img_holder{ height: 18rem;}
.blog_img_holder_details{ max-height: 24rem; }
.blog_img_holder img:first-child, .blog_img_holder_details img:first-child{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	-webkit-transform: translatex(50%) scalex(2);
    transform: translatex(50%) scalex(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.news-block_one-inner:hover .blog_img_holder img:first-child, .blog_details_card:hover .blog_img_holder_details img:first-child{
	-webkit-transform: translatex(0) scalex(1);
	transform: translatex(0) scalex(1);
	opacity: 1;
	-webkit-filter: blur(0);
	filter: blur(0);
}

.news-block_one-inner:hover .blog_img_holder img:nth-child(2), .blog_details_card:hover .blog_img_holder_details img:nth-child(2){
	-webkit-transform: translatex(-50%) scalex(2);
	transform: translatex(-50%) scalex(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.blog_img_holder img, .blog_img_holder_details img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.news-block_one-content{
	position: relative;
	padding-top:25px;
}

.blog_date{
	position: absolute;
	left: 60px;
	top: 0px;
	z-index:9;
	display:inline-block;
}

.blog_date_one{
	position:relative;
	z-index:10;
	letter-spacing: 2px;
  background-image: linear-gradient(90deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
	outline: 5px solid white;
	outline-offset: 0px;
}

.blog_date_one span{
	position: relative;
	font-size:14px;
}

.blog_date:before{
	position: absolute;
  content: '';
  left: -31px;
  top: 0px;
  width: 58px;
  z-index: 1;
  height: 38px;
  background: url(https://expert-themes.com/html/ithub/ithub/assets/images/icons/shape-3.png);
  background-position: right top;
}

.blog_date:after{
	position:absolute;
	content:'';
	right: -31px;
    top: 0px;
	width:58px;
	height:38px;
	z-index:1;
	background:url(https://expert-themes.com/html/ithub/ithub/assets/images/icons/shape-4.png);
}
.blog-content::before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(https://expert-themes.com/html/ithub/ithub/assets/images/icons/news-one_arrows.png);
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
}
.blog-link-arrow{ top: -30%; right: 0px;}
.blog-link-arrow span{
	width:54px;
	height:54px;
	opacity:0;
	line-height:50px;
	transform:rotate(90deg);
  outline: 5px solid white;
	outline-offset: 0px;
	background-color: rgba(0, 13, 255, 1);
    background-image: linear-gradient(0deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.news-block_one-inner:hover .blog-link-arrow span{
	transform:rotate(0deg);
	opacity:1;
}

.news-block_one-title{
	position: relative;
	text-transform: capitalize;
}

.news-block_one-title a{
	position: relative;
	color: var(--black-color);
}

.news-block_one-title a:hover{
	color: var(--main-color);
}

.news-block_one-text{
	position: relative;
	line-height: 28px;
	font-size: var(--font-16);
	margin-top: var(--margin-top-15);
}

.news-block_one-more{
	position: relative;
	font-weight: 700;
	letter-spacing: 1px;
	display: inline-block;
	color: var(--color-three);
	text-transform: capitalize;
	margin-top: var(--margin-top-15);
	padding-right: var(--padding-right-25);
}
/* details */
/* Blog Detail */

.blog-detail{
	position:relative;
	z-index:1;
}

.blog-detail{
	position:relative;
}

.news-detail_content{
	position:relative;
}

.blog-detail_image{
	position:relative;
	overflow:hidden;
	border-radius:30px;
}

.blog-detail_image img:first-child{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	-webkit-transform: translatex(50%) scalex(2);
    transform: translatex(50%) scalex(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.blog-detail:hover .blog-detail_image img:first-child{
	-webkit-transform: translatex(0) scalex(1);
	transform: translatex(0) scalex(1);
	opacity: 1;
	-webkit-filter: blur(0);
	filter: blur(0);
}

.blog-detail:hover .blog-detail_image img:nth-child(2){
	-webkit-transform: translatex(-50%) scalex(2);
	transform: translatex(-50%) scalex(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.blog-detail_image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.blog-detail_content{
	position: relative;
	padding:30px 30px;
	margin-bottom:30px;
}

.blog-detail_content:before{
	position: absolute;
	content:'';
	left:0px;
	top:-50px;
	right:0px;
	bottom:0px;
	border-radius:0px 0px 15px 15px;
	border:2px solid #00000033;
	border-top:none;
}

.blog-detail_date_outer{
	position: absolute;
	right: 60px;
	top: 0px;
	z-index:9;
	display:inline-block;
}

.blog-detail_date{
	position:relative;
	z-index:10;
	font-size: 32px;
	font-weight: 700;
	padding: 15px 22px 9px;
	border-radius:50px;
	letter-spacing: 2px;
	color: var(--white-color);
	text-transform: capitalize;
	font-family: "Outfit", serif;
	background-color: rgba(0, 13, 255, 1);
    background-image: linear-gradient(90deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
	outline: 5px solid var(--white-color);
	outline-offset: 0px;
}

.blog-detail_date span{
	position: relative;
	font-size:14px;
}

.blog-detail_date_outer:before{
	position: absolute;
    content: '';
    left: -37px;
    top: 0px;
    width: 60px;
    z-index: 1;
    height: 38px;
    background: url(https://expert-themes.com/html/ithub/ithub/assets/images/icons/shape-3.png);
    background-position: right top;
}

.blog-detail_date_outer:after{
	position:absolute;
	content:'';
	right: -37px;
    top: 0px;
	width:60px;
	height:38px;
	z-index:1;
	background:url(https://expert-themes.com/html/ithub/ithub/assets/images/icons/shape-4.png);
}

.blog-detail_meta{
	position: relative;
}

.blog-detail_meta li{
	position: relative;
	display: inline-block;
	color: #666666;
	font-size:18px;
	padding-left: 30px;
	margin-right: 15px;
}

.blog-detail_meta li .icon{
	position: absolute;
	left: 0px;
	top: 2px;
	line-height: 1em;
	color: var(--main-color);
}

.blog-detail_meta li:last-child{
	margin-right: 0px;
	padding-right: 0px;
}

.blog-detail_title{
	position: relative;
	margin-top:10px;
	text-transform: capitalize;
}

.blog-detail_title a{
	position: relative;
	color: var(--black-color);
}

.blog-detail_title a:hover{
	color: var(--main-color);
}

.blog-detail_text{
	position: relative;
	line-height: 30px;
	font-size: 16px;
	margin-top: 10px;
	color:#666666;
}

.blog-detail blockquote{
	position:relative;
	padding:34px 30px;
	border-radius:20px;
	margin-top:30px;
	margin-bottom:30px;
	background-color:#E6E9F1;
}

.blog-detail blockquote .blockquote-inner{
	position:relative;
	padding-left:95px;
	font-size:20px;
	line-height:30px;
	padding-top:5px;
	color:var(--black-color);
	font-family: "Outfit", serif;
}

.blog-detail blockquote:before{
	position:absolute;
	content:'';
	left:-6px;
	top:-6px;
	bottom:40px;
	width:60%;
	z-index:-1;
	border-radius:20px;
	background-color:var(--color-two);
}

.blog-detail blockquote .quote{
	position:absolute;
	left:0px;
	top:0px;
	width:68px;
	height:68px;
	line-height:68px;
	border-radius:10px;
	text-align:center;
	display:inline-block;
	background-color: rgba(0, 13, 255, 1);
    background-image: linear-gradient(90deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%);
}

.blog-detail blockquote i{
	position:relative;
	display:block;
	text-align:right;
	font-size:16px;
	font-weight:700;
	color:var(--main-color);
}

.blog-detail_gallery{
	position:relative;
	margin-top:30px;
}

.blog-detail_image-two{
	position:relative;
	overflow:hidden;
	border-radius:20px;
	margin-bottom:25px;
}

.blog-detail_image-two img{
	position:relative;
	width:100%;
	display:block;
}

.post-share-options{
	position:relative;
	margin-top:40px;
}

.post-share-options strong{
	position:relative;
	font-size:24px;
	margin-right:20px;
	color:var(--black-color);
	font-family: "Outfit", serif;
}

.post-share-options a:hover{
	color: white;
	border-color: var(--primary-base);
	background-color: var(--primary-base);
}

.blogs_social_links a{	color:var(--primary-base); }
.blogs_social_links a:hover{	color:var(--secondary-base);}

.blog-author-post{
	position: relative;
	margin-top: 30px;
}

.blog-author-post_inner{
	position: relative;
	padding-left: 300px;
}

.blog-detail_author-image{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 266px;
	overflow: hidden;
	border-radius:5px;
}

.blog-author-post h5{
	font-weight: 700;
	color: var(--black-color);
}

.blog-author-post .text{
	position: relative;
    line-height: 30px;
    font-size: 16px;
    margin-top: 10px;
    color: #666666;
}

.blog-author-post_socials{
	position:relative;
	margin-top:15px;
}

.blog-author-post_socials li{
	position:relative;
	margin-right:5px;
	display:inline-block;
}

.blog-author-post_socials li a{
	position:relative;
	font-size:16px;
	font-weight:600;
	color:var(--color-two);
}

.blog-author-post_socials li a:hover{
	color:var(--main-color);
}
.post-image{ width: 10rem; height: 8rem;}
.comment-form input.form-control{ height: 2.8rem; }
.comment-form textarea.form-control{ height: auto }
.related_blog_img{ height: 10rem;}
/* blogs pages css end */
.goal-section p.text-center{ text-align: justify !important;}
.services .border-custom{ border-left: 3px solid #f1a293;}
.about .about-right-image{ width: 53%;}
.about .rounded-start-3{width: 47%;}
.justify { text-align: justify; }

/* media query start */
@media (max-width:767px){
    .rounded-start-5, .rounded-end-5{ border-radius: 1rem !important; }
    .text-xxl {  font-size: var(--xl-font); }
  .text-xl { font-size: var(--lg-font);}
  .nav-link.text-white{ color: var(--primary-base) !important; }
  /* services pages css */
  .service-image-box { height: 8rem; border-radius: var(--bs-border-radius-xl) !important; }
  .inner-hero { height: 67vh; padding-top: 8rem; background-position: right; }
  .hero{ background-position: left;}
  .hero span { -webkit-text-stroke-width: 1px; letter-spacing: 3px; }
  .goal-section .w-75{ width:100% !important;}
  .goal-section p.text-center{ text-align: justify !important;}
  .services .border-custom{ border-top: 3px solid #f1a293; border-left: 0; padding-top: 8px;}
  .about .rounded-start-3{ border-radius: 1rem !important; margin-bottom: 1rem; width: 100% !important;}
  .about .about-right-image.rounded-end-5 {border-radius: 0 0 1rem 1rem !important; padding: 1.5rem !important; width:100%; margin-top: -17%;}
}