.bg-color{
  background: #f6f6f6ad;
}
.title {
  text-align: center;
  margin-bottom: 45px;
}

.title.left {
  text-align: left;
}

.title p {
  margin-top: 25px;
}

.sub-title {
font-size: 17px;
color: var(--primary-color);
font-weight: 800;
text-transform: uppercase;
display: block;
margin-bottom: 8px;
}

.h1-title {
  font-size: 80px; 
  color: var(--primary-color);
  font-weight: 800; 
  text-transform: capitalize;
  margin-bottom: 18px;
}

.h2-title {
  font-size: 48px; 
  font-weight: 800;
  color: var(--primary-color); 
  text-transform: capitalize;
  margin-bottom: 30px;
  position: relative;
}

.h3-title {
  font-size: 40px; 
  color: var(--primary-color);
  font-weight: 800; 
  text-transform: capitalize;
  margin-bottom: 25px;
}

.h4-title {
  font-size: 25px; 
  color: var(--primary-color);
  font-weight: 800; 
  margin-bottom: 0;
}

/*==========Homepage CSS Start==========*/
section {
  overflow: hidden;
}


/*--------------------------------------------------------------
# Banner
--------------------------------------------------------------*/
.banner-section {
position: relative;
overflow: hidden;
background-color: var(--primary-color);
padding: 100px 0;
background: rgb(2,0,36);
background: linear-gradient(105deg, rgb(128 0 128) 10%, rgb(32 157 229) 100%);
}
.banner-section__bg {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
height: 100%;
width: 83%;
position: absolute;
top: auto;
left: 0;
bottom: 20px;
clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
transform: scale(1);

}
.banner-section__bg::after {
content: "";
background-color: #222222bd;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}

.banner-section__item {
position: relative;  
} 
.banner-section__title {
font-size: 54px;
font-weight: 700;
line-height: 70px;
color: var(--white);
text-transform: uppercase;
background-color: transparent;
margin-bottom: 9px; 

}
@media (max-width: 767px) {
.banner-section__title {
  font-size: 42px;
  line-height: 50px;
}
}
.banner-section__title span { 
-webkit-text-stroke: 2px var(--primary-color);
-webkit-background-clip: text;
color: transparent;
position: relative; 

} 
.banner-section__content {
position: relative;
z-index: 2;
}
.banner-section__text {
font-size: 18px;
font-weight: 400; 
color: var(--white); 
transition: transform 1000ms ease, opacity 1000ms ease; 
} 
.banner-section__images{
position: relative;
}
.banner-section__images img {
border-radius: 40px;
}
.banner-section__images img:nth-child(2){
position: relative;
max-width: 520px;
z-index: 9;
border: 10px solid var(--white);
}
.banner-section__images__shape-one {
position: absolute;
top: -41px;
left: -47px; 
width: auto; 
border: none;
border-radius: 0;

}
@media (max-width: 1500px) {
.banner-section__images__shape-one {
  display: none;
}
}
.banner-section__images__shape-two {
position: absolute;
bottom: -126px;
right: -128px;
width: auto; 
border: none;
border-radius: 0;

}
@media (max-width: 1500px) {
.banner-section__images__shape-two {
  display: none;
}
} 

/*about-area css start here*/
.about-area{
position: relative;
z-index: 2;
overflow: hidden; 
}
/* .about-area::after {
position: absolute;
left: 0;
top: 0;
content: "";
background-color: #f5f2ef;
width: 66%;
height: 100%;
clip-path: polygon(0 0, 90% 0, 68% 100%, 0 100%);
z-index: -1;
}  */

.img-border {
margin-left: 30px;
margin-right: 40px;
position: relative;
display: inline-block;
border: 15px solid #f3f3f3;
border-radius: 100%;
overflow: hidden;
aspect-ratio: 1;
}
.img-border img{ 
border-radius: 20px;
position: relative;
z-index: 9;
width: 100%;
height: 100%;
object-fit: cover;
}
.img-border:after {
content: "";
position: absolute;
left: -30px;
height: 100%;
width: 100%;
top: -30px;
border: 10px solid var(--secondary-color);
border-radius: 20px;
}
.about-us-content {
position: relative;
}
.about-two__shape {
width: 35%;
height: 100%;
background-color: var(--primary-color);
clip-path: polygon(100% 0%, 50% 50%, 100% 100%, 0% 100%, 0 50%, 0% 0%);
position: absolute;
left: 0;
top: 0;
}
.about-two__shape__three {
position: absolute;
right: 0;
bottom: 70px;    
animation: zumpBottom 4s linear 0s infinite;
width: 140px;

}
.icon-dots-2{
position: absolute;
left: 43px;
bottom: 70px;
animation: zumpBottoms 4s linear 0s infinite;
width: 140px;
filter: invert(1);
}
.icon-dots-3{
top: 40px;
}

@keyframes zumpBottom {
0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
50% {
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
100% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
}

@keyframes zumpBottoms {
0% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
50% {
  -webkit-transform: translate3d(20px, 0, 20px);
  transform: translate3d(20px, 0, 20px);
}
100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
}
.about-area2 .about-two__shape{
left: auto;
right: 0;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.about-area2 .about-two__shape__three {
left: 0;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.about-area2 .icon-dots-2, .about-area2 .icon-dots-3{
right: 43px;
left: auto;
}
/*service section css start here*/
.services-sec {
position: relative;
background-color: #f5f2ef;  
background-position: left top;
background-repeat: no-repeat;
background-size: auto;
counter-reset: count;
}

.services-sec__bottom-bg {
background-color: #222222;
height: 468px;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
background-position: right bottom;
background-repeat: no-repeat;
background-size: auto;
}
.services-sec__card {
border-bottom-right-radius: 50px;
transition: all 500ms ease;
background-color: #fff;
position: relative;
counter-increment: count; 
height: 100%;
}
.services-sec__card:hover{
background-color: var(--secondary-color);
color: #fff;
}
.services-sec__card__image {
position: relative;
}
.services-sec__card__image img {
width: 100%;
height: 280px;
object-fit: cover;
}
.services-sec__card__count {
font-size: 50px;
font-weight: 400;
line-height: 48px;
color: #c4c2bf;
position: absolute;
top: -30px;
right: 20px; 
transition: all 300ms ease;
}
.services-sec__card:hover .services-sec__card__title a, 
.services-sec__card:hover .services-sec__card__content p{
color: #fff;
}
.services-sec__card__count::before {
content: counters(count, ".", decimal-leading-zero);
position: relative;
display: inline-block;
}
.services-sec__card__content {
padding: 30px;
position: relative;
}
.services-sec__card__title {
font-size: 22px;
font-weight: 600;
line-height: 26px;
color: #222222;
margin: 0 0 12px;
}
.services-sec__card__content p { 
color: #636363; 
transition: all 300ms ease;
}
.services-sec__card__link {
color: #333333;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
z-index: 1;
position: relative;
}

/*content sec css start here*/
.content-sec{
background-color: var(--secondary-color);
  background-image: url(../images/bg-team-home5.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.content-sec .ul-list li{
  color: #fff;
}
.content-text-box{
display: flex;
position: relative;
}
.content-text-box:not(:first-child){ 
margin-top: 20px; 
}

.content-text-box i{  
  font-size: 20px;
  color: #fff;
  margin-right: 10px;
  margin-top: 5px;
} 
.content-text-box p{
color: #fff;
}
.content-text-box p:last-child{
margin-bottom: 0;
}

/*Testimonials css start here*/
/*--------------------------------------------------------------
# Testimonial Two
--------------------------------------------------------------*/
.testimonial {
position: relative;
display: block;
background-color: var(--bg-color);

z-index: 1;
}

.testimonial__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
mix-blend-mode: soft-light;
opacity: .20;
z-index: -1;
}

.testimonial__top {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 30px;
}


.tagline-box.white .tagline-shape-1 {
border-color: var(--white);
}
.tagline-box.white .tagline-shape-1:before {
background-color: var(--white);
}
.tagline-box.white span{
color: var(--white);
background: inherit;
-webkit-text-fill-color: inherit;
}


.testimonial-single {
position: relative;
display: block;
padding:40px 31px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 1;
}

.testimonial-single:before {
content: "";
position: absolute;
top: 0px;
left: 0;
right: 0;
bottom: 0;
background-color: var(--white);
border: 1px solid #E5E5E5;
border-bottom-left-radius: 50px;
border-top-right-radius: 50px;
z-index: -1;
}

.testimonial-client-img {
position: relative;
height: 100px;
width: 100px;
border-radius: 50%;
}

.testimonial-client-img img {
width: 100%;
border-radius: 50%;
}

.testimonial-ratting {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
gap: 6px;
}

.testimonial-ratting span {
position: relative;
display: flex;
align-items: center;
color: #ffc107; 
font-size: 17px;
}
.icon-star:before {
content: "\f005";
font-family: 'FontAwesome';
}
.testimonial-single p {
margin-top: 23px;
}

.testimonial-client-info {
position: relative;
display: block;
margin-top: 18px;
}

.testimonial-single h5 {
font-size: 20px;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 25px;
color: var(--text-color);
}

.testimonial-single:hover h5 {
color: var(--primary-color);
}
.testimonial-client-info p {
margin: 0;
}
.testimonial-client-sub-title {
margin-top: 3px;
}

.testimonial-quote-icon {
position: absolute;
bottom: 39px;
right: 39px;
}

.testimonial-quote-icon img {
width: auto !important;
}

.testimonial-slider .owl-dots{
text-align: center;
margin-top: 20px;
}
.testimonial-slider button.owl-dot{
width: 13px;
height: 13px;
background: #c4c4c4;
border-radius: 50%;
opacity: 1;
margin: 0 5px !important;
display: inline-block;
transition: 0.3s;
cursor: pointer;
}
.testimonial-slider button.owl-dot.active{
background-color: var(--secondary-color);
}
.zoominout {
animation-name: zoomInOut;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;

-webkit-animation-name: zoomInOut;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;

-moz-animation-name: zoomInOut;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out;

-ms-animation-name: zoomInOut;
-ms-animation-duration: 3s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: ease-in-out;

-o-animation-name: zoomInOut;
-o-animation-duration: 3s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: ease-in-out;
}

@-webkit-keyframes zoomInOut {
0% {
  -webkit-transform: rotate(0deg) scale(0.7);
  transform: rotate(0deg) scale(0.7);
  opacity: 0;
}

50% {
  -webkit-transform: rotate(180deg) scale(1);
  transform: rotate(180deg) scale(1);
  opacity: 1;
}

100% {
  -webkit-transform: rotate(360deg) scale(0.7);
  transform: rotate(360deg) scale(0.7);
  opacity: 0;
}
}

.team-two__shape-5 {
position: absolute;
top: 0;
left: 75px;
z-index: 1;
}

/*FAQ Section Start here*/

.faq .accordion-item {
border: none;
margin: 0 0 20px;
background: transparent;
}
.faq .accordion-item:last-child{
margin-bottom: 0;
}
.faq .accordion-item .accordion-header {
margin-bottom: 0;
position: relative;
z-index: 3;
}
.faq .accordion-item .accordion-header .accordion-button {
border-radius: 5px 5px 0 0;
margin: 0;
font-size: 18px;
line-height: 26px;
font-weight: 700; 
border-radius: 5px;
color: var(--white);
text-align: left;
align-items: center;
border: none;
padding: 15px 50px 15px 15px;
transition: var(--transition);
box-shadow: unset;
pointer-events: none;
}
.faq .accordion-item .accordion-header .accordion-button.collapsed {
background-color:var(--primary-color);
}
.faq .accordion-item .accordion-header .accordion-button:not(.collapsed) {
background-color: var(--primary-color);
box-shadow: none;
}
.faq .accordion-button::after {
content: "\f063";
font-family: 'FontAwesome';
background-image: unset !important;    
transform: rotate(-180deg);
}
.faq .faq .accordion-item .accordion-header .accordion-button span {
display: inline-block;
min-width: 50px;
height: 100%;
position: absolute;
top: 0;
right: 0;
padding: 20px 20px;
text-align: center;
}
.faq .accordion-item .accordion-header .accordion-button span i.minus {
visibility: hidden;
opacity: 0;
}
.faq .accordion-button:not(.collapsed) span i.minus {
visibility: visible !important;
opacity: 1 !important;
}
.faq .accordion-button:not(.collapsed) span i.plus {
visibility: hidden;
opacity: 0;
}
.faq .accordion-collapse {
border: none;
}
.faq .accordion-item .accordion-body {
border-radius: 0 0 5px 5px;
padding-bottom: 15px;
padding: 15px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-top: none;
background-color: #fff;
}
.faq .accordion-item .accordion-body p:last-child {
margin: 0;
}

/********************Blog section css start here*********************/ 
.post-image-card {
background-color: #fff;
box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.15);
border-radius: 5px 5px 5px 5px;

height: 100%;
padding-top: 0;
overflow: hidden;
}
.post-image-card span{ 
text-align: left; 
margin-bottom: 15px;   
font-size: 12px;
text-transform: uppercase;
color: var(--primary-color);
letter-spacing: 2px;
font-weight: 500; 
display: inline-block;
}
.post-image-content a{
height: auto;
}

.post-image-card a {
position: relative; 
overflow: hidden;
display: inline-block; 
height: 250px;
width: 100%;
}
.post-image-card h2, .post-image-card h3, 
.post-image-card h4, .post-image-card h4, 
.post-image-card h2 a, .post-image-card h3 a, 
.post-image-card h4 a, .post-image-card h5 a  {
    font-size: 24px; 
color: var(--secondary-color);  
-webkit-transition: all .4s ease;
transition: all .4s ease; 
font-weight: 800;
}
.post-image-card a:hover{
color: var(--primary-color);
}
.post-image-card img{
-webkit-transition: all .4s ease;
transition: all .4s ease;
height: 100%;
object-fit: cover;
}
.post-image-content a{
height: auto;
}
.post-image-content a {
line-height: normal !important;
display: initial;
}
.post-image-card:hover img {
-webkit-transform: scale(1.05) rotate(2deg);
transform: scale(1.05) rotate(2deg);
opacity: .8;
}
.post-image-content {
padding: 20px 20px 20px 20px;
}

/*contact Us forms css start here*/

.contact-sec{
background-color: var(--secondary-color); 
position: relative; 
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: top center;
mask-position: top center;
-webkit-mask-size: cover;
mask-size: cover;
}
.home-contact-one__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
opacity: 0.08;
}
.home-contact__card {
padding: 32px;
background-color: var(--primary-color); 
border-radius: 40px;
position: relative;
margin-top: 5px;
}

.home-contact__card__content {
background-color: var(--white);
border-radius: 40px;
padding: 70px 80px;
} 
.home-contact__card__shape-two {
position: absolute;
left: -136px;
bottom: 41px;
width: auto;
}


.appointment-two__input-box {
position: relative;
display: block;
margin-bottom: 30px;
}

.appointment-two__input-box input[type="text"],
.appointment-two__input-box input[type="tel"],
.appointment-two__input-box input[type="email"], 
.appointment-two__input-box textarea { 
width: 100%;
border: 1px solid #ddd;
background-color: var(--white);;
padding: 15px;
outline: none;
font-size: 16px;
color: var(--text-color);
display: block;
font-weight: 400;
border-radius: 8px;
}
.contact-sec form {
  margin-top: 20px;
}

.contact-sec textarea{
height: auto;
}   
.appointment-two__btn-box .button1:focus{
box-shadow: unset;
}
.home-contact__card__shape-one {
width: 190px;
height: 89%;
position: absolute;
left: -190px;
top: 50%;
transform: translateY(-50%);
background-color: var(--white);
border-radius: 90px 0px 0px 90px;
}
.contact-sec  .button1:hover {
background: var(--text-color);
}
.contact-sec .screen-reader-response {
display: none;
}
.contact-sec span.wpcf7-not-valid-tip, .contact-sec .wpcf7-response-output {
color: red;
margin-top: 5px;
display:block;
}
.contact-sec .appointment-two__btn:hover {
background: #000;
}
.contact-sec input.wpcf7-form-control.wpcf7-quiz {
width: 70px;
display: block; 
padding: 6px;
margin-top: 5px;
height: 52px;
}
/* .contact-sec span.wpcf7-quiz-label {
color: #fff;
} */

/********************Blog section css end here*********************/

/********************Blog Page section css start here*********************/
.inner-header {
width: 100%;
padding: 100px 0; 
font-weight: 500;
background: center center no-repeat;
  background-image: none;
  background-size: auto;
background-size: cover;
text-align: center;
}
.inner-header h2, .inner-header h1 {
font-size: 60px;
font-weight: 700;
margin: 0 0 13px;
}


.inner-header .breadcrumb-menu {
text-align: center;
}
.inner-header .breadcrumb-menu li {
display: inline-block;
position: relative;
color: var(--black);
font-weight: 500; 
}
.inner-header .breadcrumb-menu li:first-child {
margin-left: 0;
}
.inner-header .breadcrumb-menu li:last-child {
margin-right: 0;
padding-right: 0;
}

.inner-header .breadcrumb-menu li a {
display: inline-block;
transition: 0.3s;
-webkit-transition: 0.3s;
position: relative;
color: var(--primary-color);
}
.inner-header .breadcrumb-menu li a:hover{
color: var(--secondary-color);
}
.inner-header .breadcrumb-menu li:first-child:after {
content: "\f101";
font-weight: 700;
font-family: 'Font Awesome 5 Free';
margin: 0 6px; 
font-size: 13px;
} 

/*==========404 Error Page CSS Start==========*/
.main-404-error {
  margin: 0;
}

.error-content {
  text-align: center;
  max-width: 800px;
  margin: auto;
}

.error-content .error-img {
  margin-bottom: 30px;
  max-width: 500px;
}

.error-content .h2-title {
  margin-bottom: 18px;
  color: var(--text-color);
}

.error-content p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 32px;
}

.thank-you-img {
   
  max-width: 250px;
  margin: auto;
  margin-bottom: 20px;
}
.thank-you-img svg{
  width: 150px;
  height: 150px;
  color: var(--primary-color);
}
.thank-you-img .error-img{
  margin-bottom: 0;
}
/*==========FAQ CSS End==========*/

.main-faq .faq-sec-content  .accordion-item{
  background-color: transparent;
  margin-top: 20px;
}
.main-faq .accordion-button {
  background-color: var(--secondary-color);
  color: #FFF;
  pointer-events: none;
  padding: 10px 15px;
  font-size: 19px;
}
.main-faq .faq-sec-content .accordion-header {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px; 
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: 0;
}
.main-faq .accordion-body{
  background-color: var(--white); 
  padding: 10px 15px;
}
.main-faq .faq-sec-content .accordion-header .accordion-button:not(.collapsed) {
  color: var(--primary-color); 
  box-shadow: unset; 
  background-color: var(--secondary-color);
  color: #FFF;
}
.main-faq .accordion-button::after {
  content: "\f063";
  font-family: 'FontAwesome';
  background-image: unset !important;
} 
.main-faq .accordion-button:focus{
  box-shadow: unset;
}

/*==========404 Error Page CSS End==========*/

.page-blog-detail h1{
  font-size: 40px;
font-weight: 800; 
margin: 30px 0 10px 0;      
color: var(--primary-color); 
}
.page-blog-detail .title, .page-blog-detail h2 {
font-size: 37px;
font-weight: 700; 
margin: 30px 0 10px 0;     

}
.page-blog-detail h3 {
font-size: 27px;
font-weight: 700; 
margin: 20px 0 10px 0;    

}
.page-blog-detail h4 {
font-size: 25px;
font-weight: 700; 
margin: 20px 0 10px 0;  

}
.page-blog-detail h5, .page-blog-detail h6{
font-size: 24px;
font-weight: 700; 
margin: 20px 0 10px 0;    
text-transform: capitalize;

}
.page-blog-detail .content {
margin-top: 20px;

} 
.page-blog-detail ol, .page-blog-detail ul {
padding-left: 25px;
}
.page-blog-detail li {
list-style: inherit;
margin-bottom: 10px;
color: var(--text-color);
font-size: 17px;
}
.sidebar .h4-title {
  padding-bottom: 4px;
  position: relative;
  margin-bottom: 30px;
  margin-top: 0;
}
.sidebar .h4-title:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 79px;
  height: 1px;
  background: var(--primary-color);
}
.recent-post-box {
  display: flex;
  align-items: center;
  gap: 20px;
}
.recent-post-box:not(:last-child) {
  margin-bottom: 25px;
}
.recent-post-box .img {
  width: 100px;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.recent-post-box .text p {
  margin-bottom: 10px;
  font-weight: 700;
}
.recent-post-box .date {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--primary-color);
}
.recent-post-box .date img {
  width: 20px;
}
.sidebar {
  position: sticky;
  top: 100px;
}
.page-blog-detail{
  overflow: inherit;
}



/*about Us Page css Start here*/ 

.blog-date {
color: #134cb3;
margin-top: 20px;
display: block;
font-weight: 900;
}

.inner-header h1.blog-heading {
font-size: 40px;
font-weight: 700;
margin: auto auto 13px;
max-width: 900px;
}

/*responsive css start here*/


@media (max-width: 1399px){
.blog-date {
  font-size: 13px;
}
}

@media (max-width: 1200px){
  .h1-title {
      font-size: 60px;
  } 
  .page-blog-detail h1 {
      font-size: 35px;
      }
  .page-blog-detail .title, .page-blog-detail h2 {
      font-size: 32px;
  } 
  .banner-section h1 {
    font-size: 44px;
  }
  .banner-section__title {
    font-size: 47px; 
    line-height: 60px;
  }
  }


@media (max-width: 992px){ 

.recent-posts .item-details h4 {
  font-size: 19px;
  }
.sidebar .h4-title { 
  margin-bottom: 20px;
  margin-top: 10px;
}

.inner-header h1.blog-heading{
font-size: 33px;
} 

.banner-section h1 {
font-size: 40px;
}

.item-details {
padding: 15px;
}
.meta-data{
padding: 10px 15px;
} 
.inner-header h1.blog-heading {
font-size: 37px;
}
.page-blog-detail .title, .page-blog-detail h2{
margin: 20px 0 10px 0;
}
.banner-section{
padding: 60px 0;
}
.banner-section__images{
display: none;
}
.banner-section__bg{
clip-path: none;
bottom: 0px;
width: 100%;
}
.img-border {
max-width: 500px;
margin: auto;
display: block;
}
.about-two__shape{
display: none;
}
.services-sec__card__content {
padding: 15px;
}
.home-contact__card__content{
padding: 40px 50px;
}
.post-image-card{
max-width: 450px;
margin: auto;
}
.inner-header { 
padding: 60px 0;
}
.inner-header h2, .inner-header h1 {
font-size: 50px;
}
}


@media (max-width: 767px){
  .sub-title {
      font-size: 17px;
      margin-bottom: 10px;
      line-height: normal;
  }
  .h1-title {
      font-size: 32px;
  }
  .h2-title {
      font-size: 27px;
  } 
  .error-content p{
      margin-bottom: 20px;
  }
  .thank-you-img svg {
      width: 130px;
      height: 130px;
  }
  .thank-you-img{
      margin-bottom: 10px;
  } 
  .error-content .error-img {
      margin-bottom: 20px;
  }  
  .banner-section__title {
    font-size: 40px;
    line-height: 50px;
}
.banner-section {
    padding: 40px 0;
}
.home-contact__card__content {
  padding: 20px 20px;
}
.home-contact__card {
padding: 10px;
}
.appointment-two__input-box{
margin-bottom: 15px;
}
.appointment-two__input-box input[type="text"], 
.appointment-two__input-box input[type="tel"], 
.appointment-two__input-box input[type="email"], 
.appointment-two__input-box textarea{
padding: 10px 15px;
}
.testimonial-single{
margin: 10px 0; 
padding: 20px 15px;
}
.post-image-card a{
height: 220px;
}
.inner-header h2, .inner-header h1 {
font-size: 40px;
}
.inner-header { 
padding: 40px 0;
}

.about-two__shape__three{
width: 80px;
}
}

@media (max-width: 576px){

.footer-top {
  margin-bottom: 20px;
} 

.inner-header h1.blog-heading {
  font-size: 29px;
}  
.banner-section h1 {
font-size: 31px;
} 
.item-details h4 {
font-size: 22px;
}
.inner-header h2, .inner-header h1 {
font-size: 32px;
}
.img-border {
margin-bottom: 20px;
}
}

@media (max-width: 480px){
  
.sub-title { 
  margin-bottom: 5px;
} 

.page-blog-detail h1 {
  font-size: 28px;    
  margin: 20px 0 10px 0;
}
.page-blog-detail .title, .page-blog-detail h2 {
  font-size: 28px;
  margin: 20px 0 10px 0;
}
.page-blog-detail h3 {
  font-size: 25px;
  }
.page-blog-detail h4 {
font-size: 24px;
}
.page-blog-detail h5, .page-blog-detail h6{
  font-size: 22px;
}

.banner-section__title {
font-size: 32px;
line-height: normal;
}
.img-border{
border: 9px solid #f3f3f3;
}
.testimonial__top{
margin-bottom: 0;
}
.testimonial-single p {
margin-top: 10px;
}
.home-contact__card__content {
padding: 20px 15px;
border-radius: 10px;
}
.home-contact__card {
padding: 12px;
border-radius: 10px;
}
}

@media (max-width:375px){
.page-blog-detail .title, .page-blog-detail h2 {
font-size: 26px;
} 
.page-blog-detail h3 {
font-size: 23px;
}
.space-class {
padding: 30px 0;
}
}