html {
    overflow-x: hidden !important;
}
footer .wp-container-core-group-is-layout-2ab8c7fb.wp-block-group-is-layout-flex {
    display: none;
}
footer .wp-block-spacer {
    height: 0 !important;
}
footer .wp-block-site-tagline {
    font-size: 18px !important;
    text-transform: capitalize !important;
    color: #5F5F5F !important;
    font-weight: 300 !important;
    padding-top: 20px !important;
	letter-spacing: 0 !important;
}
footer nav ul li a span:focus,
footer nav ul li a span:focus-visible, 
footer nav ul li a:focus, 
footer nav ul li a:focus-visible {
    outline: none !important;
}
footer h2 {
    text-transform: uppercase;
    font-family: "Ysabeau Office", sans-serif !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    letter-spacing: 1.6px !important
}
footer h2 a:hover {
    text-decoration: none !important;
}
.my-carousel-card img {
    height: 400px;
}
p {
    font-weight: 400 !important;
}
.sec-1 p {
    font-weight: 300 !important;
}
.my-carousel-card .card-body p {
    font-size: 1.302vw !important;
    -webkit-line-clamp: 3 !important;
    height: 95px !important;
}
footer {
    margin: 0;
    padding: 40px 0px 80px;
}
.sec-3 p {
    font-weight: 600 !important;
}
.my-carousel-card .read-more-btn {
    padding: 8px 30px;
    border-radius: 5px;
}
.about .sec-1, .contact .sec-1 {
    padding: 15% 20% !important;
    margin-top: 80px !important;
}
.custom-contact-form button {
    font-weight: 800 !important;
    margin-bottom: 30px;
}
.about .sec-1 h2, .contact .sec-1 h2 {
    font-weight: 500 !important;
}
.sec-1 .wp-block-buttons .wp-block-button a {
    padding: 20px 53px;
}
.sec-2 {
    padding: 5% 16% 10% 16% !important;
}
.custom-written-by-box .con-box {
    width: fit-content;
    padding: 10px !important;
}
.action-btn:last-child i {
    right: 23px !important;
}
.action-btn i {
    position: absolute;
    right: 40px;
    top: 11px;
}
.action-btn {
    margin-left: 40px !important;
	  position: relative;
}
.custom-comment-section .custom-comment-form label {
    font-weight: 700 !important;
}
.custom-comment-section .custom-comment-form ::placeholder {
    color: #CFCFCF!important;
    font-weight: 400 !important;
    font-size: 0.938vw;
}
.single-my_blog_post .my-carousel-section {
    background: transparent !important;
}
.single-my_blog_post .my-carousel-section .my-carousel-btn {
    display: none;
}
.blog .sec-2::before {
    height: 1px !important;
}
.blog .swiper-wrapper {
    gap: 70px 27px;
}

/* ==========================================================
   LAPTOP
   ========================================================== */

@media (max-width: 1366px) {
.blog .sec-2 {
    padding-left: 10% !important;
    padding-right: 10% !important;
}
body.blog .my-carousel-section .swiper-slide {
    max-width: 92% !important;
}
.blog .sec-2::before {
    top: 12.5%;
}
.blog-bottom-section::before {
    left: -6vw;
    top: -5vw;
    width: 120vw;
}
.share-section::after {
    left: -6vw;
    top: 10vw;
     width: 200vw;
}
.custom-comment-section::before {
    left: -6vw;
    top: 35vw;
    width: 200vw;
}
}

@media (max-width: 1024px) {
.custom-comment-section::before {
  display:none;
}
}

/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 992px) {
body.blog .my-carousel-section .swiper-slide {
    max-width: 90% !important;
}	
.blog .sec-2::before {
		top: 11.5%;
}
.blog .my-carousel-card .card-body p {
    font-size: 19px !important;
}
.blog .my-carousel-card .card-body h3 {
    font-size: 22px;
}
.custom-contact-form {
    max-width: 100%;
    padding: 0 80px !important;
}
.custom-contact-form label span, 
.custom-contact-form label {
    font-size: 2.292vw;
}
.custom-contact-form h2 {
    font-size: 6.25vw;
}
.custom-contact-form .form-desc, .custom-contact-form .bottom-text {
    font-size: 3.133vw;
}
.custom-contact-form button {
    font-size: 1.875vw;
}
.about .sec-1 h2, .contact .sec-1 h2 {
    font-size: 5vw;
}
.about .sec-1 p, .contact .sec-1 p {
    font-size: 3vw !important;
}	
.single-my_blog_post p, .single-my_blog_post ul, .single-my_blog_post ul li {
    font-size: 2.604vw;
}
.action-btn {
    font-size: 1.458vw;
}
.share-section p {
    font-size: 2.083vw;
}
body .wp-block-template-part nav ul li, body header nav ul li a span {
    font-size: 2.083vw !important;
}
footer .wp-block-group {
    align-items: center;
}
footer .wp-block-group nav {
    margin-top: 50px;
}
.single-my_blog_post .entry-content {
    max-width: 100% !important;
    padding: 0 40px !important;
}
.single-my_blog_post .my-carousel-card .card-body h3 {
    font-size: 2.292vw;
    margin: 0 !important;
}
.single-my_blog_post .wp-block-heading {
    padding: 0 40px !important;
}
main .custom-comment-section {
    margin: 10px 40px  140px!important;
}
.custom-comment-section .custom-comment-form textarea {
    width: 100% !important;
    max-width: 95%;
}
.custom-comment-section h2 {
    font-size: 5.208vw !important;
}
.share-section {
    padding: 0 40px;
}
.single-my_blog_post .my-carousel-section .my-carousel-wrapper p {margin: 0 !important;}

.single-my_blog_post .my-carousel-section .my-carousel-wrapper p a br {
    display: none;
}
.single-my_blog_post main {
    padding-bottom: 0px;
}
.custom-comment-section .custom-comment-form button {
    font-size: 1.875vw;
}
.custom-written-by-box .con-box .taxonomy-category a, .custom-written-by-box .con-box strong {
    font-size: 2.083vw;
}

.custom-written-by-box {margin: 0 40px !important;}

  .blog .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .about-sec-1,
  .about-sec-3 {
    flex-direction: column !important;
  }

.about-sec-2 {
	grid-template-columns: 1fr 1.5fr !important;
    }

  .about-sec-1 img,
  .about-sec-2 img,
  .about-sec-3 img {
    margin: 0 auto;
    max-width: 100%;
  }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 768px) {
.custom-comment-section .custom-comment-form ::placeholder {
    font-size: 18px;
}
.sec-1 h2, .sec-2 h2 {
    font-size: 30px !important;
}
.sec-1 p, .sec-2 p {
    font-size: 20px !important;
}
.sec-1 .wp-block-buttons .wp-block-button a {
    font-size: 18px;
    padding: 20px 40px !important;
}
.my-carousel-card .card-body h3 {
    font-size: 17px;
    height: 43px;
}
.my-carousel-card .card-body p {
    font-size: 15px !important;
    height: 40px !important;
}
.my-carousel-card .read-more-btn {
    font-size: 18px;
}
.sec-3 p {
    font-size: 5vw;
}
.sec-2 {
    padding-left: 10% !important;
    padding-right: 10% !important;
}
body.blog .my-carousel-section .swiper-slide {
    height: auto !important;
    padding-bottom: 30px !important;
}
.blog .my-carousel-card .card-body p {
    height: 70px !important;
}
.blog .my-carousel-card .card-body h3 {
    height: 68px;
}
.blog .sec-2::before {
    top: 6.8%;
}
.about-sec-2, .about-sec-3 {
    padding: 10% 27% !important;
}
.about-sec-1 {
    padding-bottom: 10% !important;
}
.about .sec-1 p, .contact .sec-1 p {
    line-height: 25px;
    font-size: 2.5vw !important;
}
.about .sec-1 h2, .contact .sec-1 h2 {
    font-size: 4vw;
}
.about-sec-1 p, 
.about-sec-2 p, 
.about-sec-3 p, 
.about-sec-3 ul li {
	 	font-size: 2.5vw !important;
	  width: 100% !important;
}
.about-sec-1,
.about-sec-3{
    display:flex !important;
    gap:20px;
}
.about-sec-2 {
    display:flex !important;
    gap:20px;
    flex-direction: column-reverse !important;
}
.about-sec-1 figure, .about-sec-2 figure, .about-sec-3 figure {
    width: 100% !important;
}
.about-sec-3 p, .about-sec-3 ul {
    width: 100%;
}
.about-sec-3 .wp-block-columns {
    width: 100%;
}
.single-my_blog_post h2 {
    font-size: 4.813vw;
}
.single-my_blog_post p, .single-my_blog_post ul, .single-my_blog_post ul li {
    font-size: 3vw;
}
.custom-written-by-box .con-box .taxonomy-category a, .custom-written-by-box .con-box strong {
	font-size: 3.2vw;
}
.custom-comment-section .custom-comment-form textarea {
    max-width: 93%;
}
.action-btn i {
    top: 10px;
}
.action-btn {
    font-size: 2vw;
    margin-left: 38px !important;
}
  .sec-2 .wp-block-columns {
    flex-direction: column !important;
  }

  .blog .swiper-wrapper {
    grid-template-columns: 1fr;
  }

  .my-carousel-card img,
  .blog .my-carousel-card img {
    aspect-ratio: 4/3;
  }

  .share-section::after,
  .blog-bottom-section::before,
  .custom-comment-section::before {
    display: none;
  }

  .single-my_blog_post .my-carousel-section {
    padding: 0 16px 40px !important;
  }
}

/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width: 480px) {
.custom-contact-form .form-desc, .custom-contact-form .bottom-text {
    font-size: 17px;
}
.custom-comment-section .custom-comment-form button {
    font-size: 16px;
}
.sec-1 p, .sec-2 p {
    font-size: 16px !important;
    font-weight: 600 !important;
}
.single-my_blog_post .my-carousel-card .card-body h3 {
    font-size: 18px;
    line-height: 25px;
}
.sec-1 h2, .sec-2 h2 {
    font-size: 27px !important;
}
.blog .my-carousel-section {
    margin-top: 60px;
}
.blog .sec-2::before {
    display:none;
}
.blog .sec-2 h2 {
    font-size: 20px !important;
}
.blog .sec-2 p {
    font-size: 16px !important;
}
body .wp-block-template-part p {
    font-size: 19px;
}
.blog .my-carousel-card .read-more-btn {
    font-size: 16px;
}
.blog .my-carousel-card .card-body p {
    font-size: 16px !important;
	height: 78px !important;
}
.blog .my-carousel-card .card-body h3 {
    font-size: 18px !important;
}
	.custom-contact-form button {
		font-size: 16px !important;
		padding: 10px 25px;
	}
.custom-contact-form {
    padding: 0 40px !important;
}
.custom-contact-form label span, 
.custom-contact-form label {
		font-size: 17px;
}
.about .sec-1 p, .contact .sec-1 p {
    font-size: 17px !important;
    line-height: 20px;
    padding-right: 103px;
}
.about .sec-1, .contact .sec-1 {
    padding: 15% 24% 15% 17% !important;
}
.about-sec-1 p, 
.about-sec-2 p, 
.about-sec-3 p, 
.about-sec-3 ul li {
   font-size: 17px !important;;
}
footer h2 {
    font-size: 30px !important;
}
body .wp-block-template-part nav ul li, body header nav ul li a span, .action-btn {
		font-size: 17px !important;
}
.single-my_blog_post p, .single-my_blog_post ul, .single-my_blog_post ul li {
		font-size: 4.5vw;
}
.action-btn:last-child i {
    right: 30px !important;
}
.action-btn i {
    right: 50px !important;
}
	.my-carousel-btn {
		width: 34px;
		height: 34px;
		font-size: 22px;
	}

	.share-icons a,
	.share-icons a i {
		width: 32px;
		height: 32px;
	}

	.custom-contact-form {
		padding: 20px 14px;
	}
}
.blog .my-carousel-section .swiper-slide {
    max-width: 94% !important;
}


@media (max-width: 767px){
	.home .sec-1{
		min-height: 500px;
		background-position: center !important;
		padding-top: 100px !important;
	}
	.home .sec-1 .wp-block-buttons {
			margin-top: 40% !important;
	}
	.home .sec-3 p {font-size: 25px !important;padding: 0 70px;}
	.blog .sec-2 {
    padding-top: 60px !important;
}
	body.wp-singular.single-blog main {
    margin-top: 77px !important;
}
	.blog .my-carousel-card .card-body h3 {
    height: auto;
}
	
	
}