.eael-entry-title a::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 30px;
    background-image: url("/wp-content/uploads/2026/05/Arrow-8.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
/*.faq-accordion .eael-accordion-tab-title span {
    padding-left: 5px;
}*/
.custom-blog-grid a.read-more-btn {
    align-items: center;
    gap: 12px;
    text-decoration: none;
    border-bottom: 1px solid rgba(19, 41, 126, 1);
    display: inline-flex;
    font-weight: 500;
}
.custom-blog-grid a.read-more-btn svg {
    width: 18px;
    height: 18px;
}
/*=============== single case study page css start here =============*/
.recent-case-study a.read-more img {
    width: 14px;
    height: 14px;
}
.main-blog-section .blog-content h2 {
    margin: 0px;
    color: rgba(19, 41, 126, 1);
    padding: 20px 0px;
}
.main-blog-section .blog-content p {
    color: #000;
    margin: 0px;
    padding: 10px 0px;
}
.main-blog-section .blog-content p img {
    padding: 40px 0px;
}
.main-blog-section .blog-share-navigation {
    border: none !important;
    border: none;
    padding: 0px;
}
.main-blog-section {
    display: flex;
    gap: 50px;
    max-width: 1600px;
    padding: 70px 50px;
    margin: 0 auto;
}
.main-blog-section .blogs-content-left {
    width: 70%;
}
.main-blog-section .blogs-right-content {
    width: 30%;
    background-color: rgba(243, 244, 246, 1);
    border-radius: 20px;
    padding: 37px 20px;
    height: 100%;
    position: sticky;
    top: 50px;
}
.main-blog-section .blog-content {
    padding: 0px;
}
.main-blog-section .blogs-right-content h4 {
    font-family: Marcellus;
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    margin: 0px;
}
.recent-case-study {
    display: flex;
    gap: 30px;
    margin-top: 34px;
    align-items: center;
}
.recent-case-study img {
    width: 130px;
    height: 110px;
    border-radius: 20px;
    border: none;
}
.recent-case-study p {
    margin: 0px;
    font-family: Marcellus;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
}
.recent-case-study a.read-more {
    padding-top: 10px !important;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    font-family: Jost;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    color: rgba(0, 0, 0, 1);
    border-bottom: 1px solid;
}
.recent-case-study a.read-more:hover, .recent-case-study a.read-more:hover span svg path {
    color: rgba(19, 41, 126, 1);
    fill: rgba(19, 41, 126, 1);
}
.main-blog-section .blogs-right-content .follow-us {
    margin-top: 44px;
    display: flex;
    align-items: center;
    gap: 19px;
}
.main-blog-section .blogs-right-content .follow-us p {
    margin: 0px;
    font-family: Marcellus;
    font-weight: 400;
    font-size: 22px;
    line-height: 100%;
}
/*=============== single case study page css end here =============*/


/*case study*/

.custom-case-study-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-bottom:50px;
}

.custom-case-study-card{
    overflow:hidden;
    transition:.3s ease;
}

.custom-case-study-card:hover{
    transform:translateY(-5px);
}

.custom-case-study-image img {
    width: 100%;
    height: 468px;
    object-fit: cover;
    display: block;
    border-radius: 20px;
}
.custom-case-study-content {
    background: rgba(246, 246, 246, 0.87);
    margin: -60px 31px 30px;
    padding: 20px 20px 31px;
    border-radius: 20px;
    text-align: center;
    position: relative;
    backdrop-filter: blur(44px);
}

.custom-case-study-content h3 {
    font-size: 22px;
    margin-bottom: 14px;
    color: #000;
    line-height: 26px;
    margin-top: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.custom-case-study-content p {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0px;
}

.custom-read-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 24px;
    background: #2f55ff;
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    width: 178px;
    height: 50px;
    justify-content: space-between;
    transition: 0.5s;
    border: 1px solid #2f55ff;
    padding: 0px 5px 0px 40px;
    text-align: center;
}
.custom-read-more-btn:hover {
    background-color: transparent;
    color: #2f55ff;
}
.custom-case-study-image a.custom-a {
    display: block;
    height: 468px;
}
.custom-read-more-btn:hover span {
    border-color: #2f55ff;
}
.custom-read-more-btn span {
    width: 40px;
    height: 40px;
    background: #fff;
    color: #2f55ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border: 1px solid #fff;
}
.custom-case-study-pagination{
    text-align:center;
    margin-top:40px;
}
.custom-case-study-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(27, 79, 248, 1);
    border-radius: 50%;
    margin: 0 5px;
    text-decoration: none;
    color: #2f55ff;
    color: #000;
    font-weight: 700;
    font-size: 16px;
}
.custom-case-study-pagination .current {
    background: rgba(19, 41, 126, 1);
    color: #fff;
    border: 1px solid rgba(19, 41, 126, 1);
}
.floating-whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}
.custom-image-slider h4.natural {
    text-align: center;
    font-family: Marcellus;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: rgba(27, 79, 248, 1);
    margin-bottom: 35px;
}
 
.floating-whatsapp img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
.newsletter label.es-field-label {
    font-size: 0px;
}
.newsletter form {
    position: relative !important;
    display: flex;
}
.newsletter form .es-field-wrap.es-submit-container {
    width: 40px !important;
    height: 40px;
    max-width: 40px !important;
    display: inline-flex !important;
    border-radius: 100% !important;
    margin-left: -45px;
    margin-top: 10px;
}
.newsletter form .es-field-wrap.es-submit-container input.es-subscribe-btn.es-custom-button {
    width: 40px !important;
    max-width: 40px !important;
    font-size: 0px !important;
    min-width: 40px !important;
    border-radius: 100% !important;
    height: 40px !important;
    background-color: rgba(0, 52, 255, 1) !important;
    opacity: 100% !important;
    position: relative !important;
    margin: 0px !important;
}
.newsletter form .es-field-wrap.ig-es-form-field {
    width: 80%;
}
body .newsletter form .es-field-wrap.es-submit-container {
    position: relative;
    margin-top: 16px !important;
}
body .newsletter form .es-field-wrap.es-submit-container::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 2px;
    background-image: url('http://rinoplastika.bestwebdevs.com/wp-content/uploads/2026/05/Vector-6.png');
    width: 100% !important;
    height: 100% !important;
    background-repeat: no-repeat;
    background-position: center center !important;
    background-size: 15px;
    pointer-events: none;
    z-index: 1;
}
body .newsletter form.es_subscription_form.es_subscription_form[data-form-id="1"].wysiwyg-form .ig-es-form-input {
    padding: 12px 50px 15px 15px !important;
}
.cap-slider .slide-card h3 a {
    display: flex;
    align-items: center;
    gap: 33px;
}
.cap-slider .slide-card h3 {
    margin-top: 10px !IMPORTANT;
}
@media (max-width:1200px){
    .main-blog-section .blogs-content-left {
    width: 60%;
}
.main-blog-section .blogs-right-content {
    width: 40%;
}
}
@media (max-width:1024px){
    .custom-case-study-grid {
    grid-template-columns: repeat(2,1fr);
}
}

@media(max-width:991px){
    .main-blog-section .blogs-right-content {
    width: 50%;
}

    .custom-case-study-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .main-blog-section {
       gap: 20px;
    padding: 50px 20px;
}
.main-blog-section .blogs-content-left {
    width: 50%;
}
.main-blog-section .blogs-right-content .follow-us {
    gap: 10px;
}
.social-icons a, .social-icons a img {
    width: 30px;
    height: 30px;
}
}

@media(max-width:767px){
    div#es_form_f1-n1 {
    padding: 0px !important;
    margin: 0px !important;
}
    .social-icons a, .social-icons a img {
    width: 24px;
    height: 24px;
}
    .main-blog-section .blogs-right-content .follow-us p {
    font-size: 18px;
}
    .main-blog-section .blogs-right-content .follow-us {
    margin-top: 20px;
}
    .recent-case-study img {
    width: 90px;
    height: 80px;
}
    .recent-case-study {
    gap: 15px;
    margin-top: 20px;
}
    .main-blog-section .blogs-right-content h4 {
    font-size: 25px;
}
   .main-blog-section .blogs-right-content {
    padding: 20px 20px;
    height: unset;
    position: unset;
    top: unset;
}
    .main-blog-section .blog-content p img {
    padding: 10px 0px;
}
    .main-blog-section .blog-content h2 {
    padding: 11px 0px;
}
    .main-blog-section .blogs-right-content {
    width: 100%;
}
    .main-blog-section .blogs-content-left {
    width: 100%;
}
    .main-blog-section {
    padding: 30px 20px;
    flex-direction: column;
}
    .custom-case-study-pagination .page-numbers {
    width: 40px;
    height: 40px;
}
    .custom-case-study-content {
    margin: -50px 10px -1px;
    padding: 15px 15px 20px;
}
    .custom-case-study-image a.custom-a {
    height: 340px;
}
.custom-case-study-image img {
    height: 340px;
}
    .custom-case-study-grid{
        grid-template-columns:1fr;
    }
}


/**end**/

 .post-banner {
            background: #13297E;
            display: flex;
            align-items: center;
        }

        .post-banner>* {
            display: flex;
            width: 50%;
        }

        .post-banner .banner-content {
            color: #ffffff;
            padding: 30px;
        }

        .banner-content-inner {
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 100%;
            max-width: 785px;
            margin-left: auto;
        }

        .banner-content-inner p {
            font-size: 18px;
            font-weight: 400;
            line-height: 1.625;
            margin: 0 0 20px;
        }

        .post-banner .banner-image img {
            max-width: 100%;
            width: 100%;
            height: 100%;
        }
.custom-blog-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:40px;
}

.blog-card{
    background:#f7f7f7;
    border-radius:12px;
    overflow:hidden;
    transition:0.3s;
}

.blog-card:hover{
    transform:translateY(-5px);
}

.blog-image{
    position:relative;
}

.blog-image img{
    width:100%;
    height:240px;
    object-fit:cover;
    display:block;
}

.blog-date{
    position:absolute;
    left:15px;
    bottom:15px;
    background:#fff;
    padding:6px 10px;
    font-size:12px;
    border-radius:4px;
    font-weight:600;
}

.blog-content{
    padding:20px;
}

.blog-title{
    font-size:20px;
    line-height:1.4;
    margin-bottom:12px;
}

.blog-title a{
    text-decoration:none;
    color:#111;
}

.blog-excerpt{
    font-size:14px;
    color:#666;
    line-height:1.7;
    margin-bottom:20px;
}

.read-more-btn{
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    color:#1d4ed8;
    letter-spacing:1px;
}

.custom-pagination{
    text-align:center;
    margin-top:50px;
}

.custom-pagination .page-numbers{
    display:inline-block;
    margin:0 5px;
    width:38px;
    height:38px;
    line-height:38px;
    border:1px solid #ddd;
    border-radius:50%;
    text-decoration:none;
    color:#111;
}

.custom-pagination .current{
    background:#1d4ed8;
    color:#fff;
    border-color:#1d4ed8;
}
.contact-features{
	.elementor-icon-box-description{
		a{
			color:var( --e-global-color-text );
			
			&:hover{
				color:var( --e-global-color-primary );
			}
		}
	}
}
.contact-form-block{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-bottom:20px;
	
	@media(max-width:768px){
		grid-template-columns: 1fr;
	}
	
	p{
		margin:0px;
	}
	.form-col{
		input, textarea{
		border-radius:6px;
		border-color:#29121245;
		padding:0.7rem 1rem;
				
		&::placeholder{
				color:var( --e-global-color-text );		
			}
		}	
		&:nth-child(5){
			grid-column:span 2;
			
			@media(max-width:768px){
				grid-column:span 1;
			}
		}
	}	
}
.contact-submit-btn{
		position:relative;
		width: 135px;
		background:var( --e-global-color-secondary );
		border-radius:100px;
		display:flex;
		align-items:center;
		padding-block: 8px;
		transition:.3s;
		cursor:pointer;

		&::after {
		  content: "";
		  position: absolute;
		  width: 40px;
		  height: 40px;
		  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Crect width='40' height='40' rx='20' fill='white'/%3E%3Cpath d='M28.8052 19.5433C28.805 19.5431 28.8049 19.5429 28.8046 19.5427L25.3348 16.1879C25.0748 15.9365 24.6544 15.9375 24.3956 16.1901C24.1369 16.4426 24.1379 16.8511 24.3978 17.1025L26.7275 19.3548H12.6641C12.2973 19.3548 12 19.6437 12 20C12 20.3563 12.2973 20.6452 12.6641 20.6452H26.7275L24.3979 22.8976C24.1379 23.1489 24.1369 23.5574 24.3957 23.8099C24.6544 24.0626 25.0749 24.0634 25.3348 23.8121L28.8047 20.4573C28.8049 20.4571 28.805 20.4569 28.8053 20.4567C29.0653 20.2045 29.0645 19.7947 28.8052 19.5433Z' fill='%231B4FF8'/%3E%3C/svg%3E");
		  background-size: contain;
		  background-repeat: no-repeat;
		  right: 5px;
		  top: 5px;
		}
		.submit-button{
			border:none;
			background:transparent !important;
			transition:.3s;
		}
		p{
			margin:0px;
			
			.wpcf7-spinner{
				position:absolute;
				right: -60px;
            	top: 15px;
			}
		}
	&:hover{
		background-color:#fff;
		.submit-button{
			color: var( --e-global-color-secondary );
		}		
	}
}


@media(max-width:991px){

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

}

@media(max-width:767px){

    .custom-blog-grid{
        grid-template-columns:1fr;
    }
    .post-banner {
                flex-direction: column;
            }

            .post-banner>* {
                width: 100%;
            }

            .post-banner .banner-content {
                padding: 0;
            }

            .banner-content-inner {
                padding: 30px 15px 20px;
            }

}