/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
a {text-decoration: none !important;}
a:focus {outline: none !important;}
.middle-section {padding: 60px 0;}
.nav-toggle{margin:0;padding:0 0 0 8px;}
.blog-nav ul li {list-style: none;display: inline-block;margin-bottom: 10px;}
.blog-nav {margin-bottom: 30px;}
.nav-toggle li a {background: #f7f7f7;color: #000;padding: 5px 20px;border-radius: 5px;font-size: 16px;font-weight: 500;}
.nav-toggle li a.active {background: var(--ed-primary-color);}
.blog-item {padding: 0 15px !important;margin-bottom: 30px;}
.blog-item-box {background: #f7f7f7;height:100%;position:relative;}
.blog-item-box .blog-content {padding: 20px;}
.blog-thumb img {width: 100%;min-height: 240px;max-height: 240px;object-fit: cover; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.blog-item-box h2{font-size: 22px;font-weight: 600;margin:24px 0 40px 0;}
.blog-item-box .blog-content a {color: #000;border-bottom: 2px solid transparent;}
.blog-item-box .blog-content a:hover {border-color: var(--ed-primary-color);}
.blog-item-box .blog-content ul{margin:0;position: absolute;width: 100%;bottom: 0;left: 0;padding: 0 20px 15px;}
.blog-item-box .blog-content ul li:last-child {font-weight: 400;}
.blog-item-box .blog-content p{margin-bottom:30px;}
.blog-item-box .blog-content ul li {list-style: none;display:inline-block;font-size: 16px;}
.blog-thumb a {overflow:hidden;display: block;}
.blog-thumb a:hover img {scale: 1.1;}
ul.page-numbers {text-align: center;}
ul.page-numbers li a {padding: 0 15px;min-width: inherit;}
ul.page-numbers li span.page-numbers.current {background: var(--ed-primary-color);color:#000000;}
.blog-item-box .blog-cat a {background: var(--ed-primary-color);padding: 6px 18px 5px;color: #000000;border-radius: 15px;}
.blog-item-box .blog-cat a:hover{background:#000;color:#fff;}
.search-formbar {padding: 0 6px 0 20px;position:relative;}
.search-formbar button {background: none !important;position: absolute;right: 0;border: none !important;}
.search-formbar button i {color: #000;font-size: 16px;}
.page-title-part {padding: 50px 15px;background: #f7f7f7;}
.page-title-part h1 {font-size: 30px;}
.botinfo * {font-weight: 500;}
.search-formbar {margin-bottom: 10px;}


.blog-singe-banner .container {border-top: 2px solid;border-bottom: 2px solid;padding: 60px 0;}
.blog-single-main-info h1 {font-size: 44px;font-weight: 700;margin-bottom:20px;}
.blog-single-feaimg img {width: 100%;border-radius: 10px;}
.blog-single-main-info .blog-cat {margin-bottom: 14px;}
.blog-single-main-info .blog-cat a {background: #F5CF44;color: #000;font-weight: 500;padding: 6px 18px;font-size: 16px;border-radius: 20px;}
.blog-single-main-info .blog-cat a:hover {background: #000;color: #fff;}
.blog-singe-banner {padding-bottom: 60px;}
.auth-info {font-size: 18px;color: #747474;}
.auth-info a, .auth-info .date{font-weight: 500;color: #000;}
.auth-info a:hover{color:#F5CF44;}

.single-meta { display: flex;align-items: center;justify-content: space-between;width: 100%;flex-flow: column nowrap;flex-direction: column-reverse;gap: 20px;}
.single-meta .smeta-in {width: 100%;display: flex;align-items: center;flex-flow: row nowrap;justify-content: flex-start;gap: 12px;}
.single-meta .smeta-sec {display: flex;flex-flow: column-reverse nowrap;text-align: left;gap: .1em;font-size: 16px;}
.single-meta .p-meta {position: relative;display: block;}
.single-meta .meta-inner {display: flex;align-items: center;flex-flow: row wrap;gap: 0.1em 0.7em;}
.single-meta .meta-author, .single-meta .meta-bold, .single-meta .meta-bookmark {color: var(--meta-b-fcolor, var(--body-fcolor));}
.single-meta .meta-el {display: inline-flex;align-items: center;flex-flow: row wrap;width: var(--meta-width, auto);gap: max(2px, .35em);}
.single-meta .smeta-extra {width: 100%;display: flex;align-items: center;flex-flow: row nowrap;flex-shrink: 0;}
.single-meta .t-shared-sec {display: flex;align-items: center;}
.single-meta .meta-label {display: inline-flex;align-items: center;gap: max(2px, .35em);}
.single-meta .single-time-read{font-size: 16px;line-height: normal;padding-left: 15px;border-left: 1px solid #ddd;margin-left: 15px;}
.single-meta .meta-author a {font-weight: 600;text-transform: uppercase;color: #000;border-bottom: 2px solid;}
.single-meta .meta-author a:hover{border-color:#F5CF44;}
.single-meta .share-action {font-size: 20px;}
.single-meta .sticky-share-list .share-action, .single-meta .t-shared-sec .share-action {font-size: max(1.05rem, 15px);line-height: 32px;display: inline-flex;justify-content: center;min-width: 28px;font-size: 18px;color: #000;}
.single-meta a.native-share-trigger {background-color: transparent;}
.single-meta .share-action {-webkit-transition: all .25s cubic-bezier(0.32, 0.74, 0.57, 1);transition: all .25s cubic-bezier(0.32, 0.74, 0.57, 1);}

.blog-single-content-main {padding: 0 15px;}
.blog-single-content h2 {font-size: 30px;margin-bottom: 30px;}
.blog-single-content h3 {font-size: 26px;margin-bottom: 28px;}
.blog-single-content h4 {font-size: 22px;margin-bottom: 28px;}
.blog-single-content h2 strong, .blog-single-content h3 strong, .blog-single-content h4  strong{font-weight:600 !important;}
.blog-single-content p, .blog-single-content ul li, .blog-single-content ol li{font-size:18px !important;margin-bottom:18px;}
.blog-single-content ul, .blog-single-content ol{margin-bottom:30px;}
.blog-single-content ul li, .blog-single-content ol li{margin-bottom:10px;}
.blog-single-content a{color:#000000;border-bottom: 2px solid;}
.blog-single-content a:hover{color:#000000;border-color:#F5CF44;}
.blog-single-content h2 + ul, .blog-single-content h3 + ul, .blog-single-content h2 + ol, .blog-single-content h3 + ol{margin-top: 15px;}

.blog-toc-box{padding-right:40px !important;}
.blog-toc {background: #F7F7F7;padding: 20px 0;border-radius: 8px;max-height: 60vh;overflow-y: auto;scrollbar-width: thin;position: sticky;top: 70px;}
.blog-toc h3{padding:0 20px;margin-bottom:20px;}
.blog-toc ul{padding:0;margin:0}
.blog-toc ul li {list-style: none;}
.blog-toc ul li a {font-size: 16px;color: #000;padding: 8px 20px;display: inline-block;border-left:3px solid transparent;width:100%;}
.blog-toc ul li a.ak-active {background: #F5CF44;border-color:#000;font-weight: 600;}
.blog-single-content tr td {font-size: 16px;}

.efoot-bar.tag-bar {display: inline-block;margin-top: 20px;padding-top: 20px;border-top: 3px solid;position: relative;border-bottom: 3px solid;margin-bottom: 20px;padding-bottom: 20px;}
.efoot-bar.tag-bar ul {list-style: none;margin: 0;padding-left: 90px;}
.efoot-bar.tag-bar ul li {display: inline-block;margin: 0;}
.efoot-bar.tag-bar ul li a {color: #000;font-size: 16px;text-transform: capitalize;border-color: transparent;}
.efoot-bar.tag-bar ul li a:hover{border-color:#F5CF44;}
.efoot-bar.tag-bar ul li a:after {content: ",";padding-right: 10px;}
.efoot-bar.tag-bar ul li:last-child a:after{display:none;}
.efoot-bar.tag-bar .is-meta {position: absolute;top: 24px;}

.blog-side-form {padding-left: 40px !important;}
.career-guidance-box{background: #F7F7F7;padding: 30px 24px;border-radius: 8px;position: sticky;top: 70px;}
.cg-form-inner h3{margin-bottom:20px;}
.career-guidance-form {position: relative;z-index: 10;display: flex;flex-direction: column;gap: 2rem;}
.popupInput, .popupSelect {width: 100%;padding: 12px !important;border: 1px solid #ddd !important;border-radius: 6px !important;font-size: 14px !important;transition: border-color 0.3s, box-shadow 0.3s !important;background: 0 0 !important;}
.error-message {color: red;font-size: 12px;display: none;}
.popupPhoneInput {display: flex;}
.popupCountryCode {display: flex;align-items: center;padding: 8px 12px;border: 1px solid #ddd;border-radius: 6px 0 0 6px;background-color: #f5f5f5;font-size: 14px;}
.popupCountryCode img {margin-right: 4px;}
.popupPhoneInput .popupInput {flex: 1;border-radius: 0 6px 6px 0 !important;}
.cg-form-inner .popupSubmitButton:disabled {cursor: not-allowed;opacity: 0.6;transform: none;box-shadow: none;}
.cg-form-inner .popupSubmitButton, .newsletter-form button{display: inline-flex;align-items: center;justify-content: center;font-weight: 600;font-size: 15px;padding: 16px;border-radius: 0.5rem;background: #f3bd00;	color: #1c1c1e;border: none;cursor: pointer;transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 4px 15px rgb(243 189 0 / 0.3);position: relative;gap: 0.5rem;width: 100%;font-family: "Poppins", sans-serif;}
.cg-form-inner .popupSubmitButton:hover, .cg-form-inner .popupSubmitButton:focus, .newsletter-form button:hover, .newsletter-form button:focus {background: #ffd54f;box-shadow: 0 4px 16px 0 #f3bd00;color: #000;border-color: #ffd54f !important;}
span.error-message.errorOtp {text-align: center;width: 100%font-weight: 600;}
.modal button.btn-close {position: absolute;right: 10px;}
.newsletter-form-part h3 {font-size:24px;}
.newsletter-form {gap:2rem;display: flex;flex-wrap: wrap;}
.newsletter-form-part p {font-size: 16px;margin-bottom:30px;}
.newsletter-form-part .response {padding-top: 16px;}

.programPopupOtpSection {display: none;margin-top: 20px;}
.popupOtpText {font-size: 14px;color: #666;margin-bottom: 16px;text-align: center;}
.popupOtpDigits {display: flex;justify-content: center;gap: 12px;margin: 24px 0;}
.popupOtpDigit {width: 55px;height: 55px;border: 1px solid #ddd;border-radius: 8px;font-size: 24px;font-weight: 700;transition: border-color 0.3s, box-shadow 0.3s;text-align: center;}
.popupResendOtp {margin-top: 8px;text-align: center;margin-bottom: 4px;}
.popupTimer {font-size: 14px;color: #666;font-weight:600;}
.popupResendButton {display: none;background: 0 0;border: none;color: #000000;cursor: pointer;font-size: 16px;text-decoration: underline;}


.thank-you-msg{display:none;text-align:center;}
.success-icon {width: 60px;height: 60px;background: linear-gradient(135deg, #f3bd00, #e6a800);border-radius: 50%;margin: 0 auto 20px;display: flex;align-items: center;	justify-content: center;animation: successPulse 2s ease-out;box-shadow: 0 10px 30px rgba(243, 189, 0, 0.3), 0 4px 16px rgba(243, 189, 0, 0.2);position: relative;}
.success-icon .checkmark {fill: white;animation: drawCheck 1s ease-in-out 0.5s both;}
.success-icon::after {content: "";position: absolute;width: 80px;height: 80px;border: 2px solid rgba(243, 189, 0, 0.3);border-radius: 50%;animation: ripple 2s linear infinite;}
.thank-you-msg h3 {font-size: 30px;font-weight: 700;margin-bottom: 10px;color: #f3bd00;}

.fixed-footer {position: sticky;bottom: 0;left: 0;width: 100%;background: #f3bd00;color: rgb(0, 0, 0);padding: 10px 15px;border-top: 1px solid rgb(255 255 255 / 0.1);box-shadow: 0 -5px 25px rgb(0 0 0 / 0.3);z-index: 1000;display: flex;align-items: center;justify-content: center;gap: 20px;font-size: 12px;font-weight: 600;}
.fixed-footer .banner-content {display: flex;align-items: center;gap: 20px;flex-wrap: wrap;justify-content: center;font-size: 14px;}
.fixed-footer .help-text {display: flex;align-items: center;gap: 8px;}
.fixed-footer .divider {color: rgba(0, 0, 0, 0.6);font-size: 16px;}
.fixed-footer .callback-button {background-color: black;color: rgb(255, 255, 255);display: flex;justify-content: center;align-items: center;gap: 5px;font-size: 14px;width: fit-content;	padding: 0.5rem 1rem; font-weight: 600;border-radius: 0.5rem;border: none;cursor: pointer;transition: 0.3s;text-align: center;text-decoration: none;}

.cg-form-modal.show,  .newsletter-form-modal.show{background: #011b18b2;backdrop-filter: blur(4px);opacity: 1;}
.cg-form-modal .modal-dialog, .newsletter-form-modal .modal-dialog {max-width: 650px;}
.cg-form-modal .modal-content, .newsletter-form-modal .modal-content{padding: 20px;}


.related-posts{border-top: 1px solid #ddd;padding-top: 40px;margin-top: 60px;}
.related-posts h2.sec-title{font-size:36px;}
.single-meta .smeta-extra a {border-bottom: none;}

.theme-heading .text::before{color:#f3bd00;}
.comment-author .comment-meta .comment-reply-link {color: #f3bd00;}
.comment-form .form-submit * {background: #f3bd00 !important;color:#000000 !important;border-radius: 5px;border-color:#f3bd00 !important;}
.comment-form .form-submit:hover * {background: #ffd54f;box-shadow: 0 4px 16px 0 #f3bd00;color: #000;}

@keyframes drawCheck {
	0% {
		stroke-dasharray: 0 50;
		stroke-dashoffset: 0;
	}
	100% {
		stroke-dasharray: 50 0;
		stroke-dashoffset: 0;
	}
}
@keyframes ripple {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(1.2);
		opacity: 0;
	}
}

@media (max-width:1500px){
	.blog-thumb img {min-height: 220px;max-height: 220px;}

}



@media (max-width:1199px){
	.page-title-part h1 {font-size: 28px;}
	.blog-thumb img {min-height: 180px;max-height: 180px;}

	.blog-single-main-info h1 {font-size: 40px;}
}

@media (max-width:991px){
	.blog-item {width: 50% !important;}

	.blog-toc-box {padding-right: calc(var(--bs-gutter-x) * .5) !important; margin-bottom: 20px; width: 35% !important;}
	.blog-side-form {display: none;}
	.blog-single-content {width: 65% !important;}
	
	.blog-single-main-info h1 {font-size: 34px;}
	.blog-single-content h2 {font-size: 24px;}
	.blog-single-content h3 {font-size: 22px;}
	.blog-single-content h4 {font-size: 20px;}
	ul.mobile-submenu.nav-toggle {text-align: left;}
}

@media (max-width:767px){
	.page-title-part h1 {font-size: 24px;}
	.ed-header {padding: 0 !important;}
	.blog-nav {flex-direction: column-reverse;}
	.search-formbar {padding: 0;width: 100%;margin-bottom: 30px;}
	.nav-toggle {text-align: center;}
	.blog-nav ul li {margin: 0 0 10px 0;}
	
	.blog-single-main-info h1 {font-size: 28px;}
	.blog-single-content h2 {font-size: 22px;margin-top: 30px;}
	.blog-single-content h3 {font-size: 20px;margin-top: 30px;}
	.blog-single-content h4 {font-size: 18px;}
	.blog-single-content p, .blog-single-content ul li, .blog-single-content ol li{font-size:16px !important;margin-bottom:14px;}
	
	.middle-section {padding: 40px 0;}
	.blog-singe-banner .container {border-top: none;padding: 0 15px 30px;max-width: 100%;}
	.auth-info {margin-bottom: 20px;font-size: 16px;}
	.blog-singe-banner {padding-bottom: 30px;}
	.blog-toc-box {margin-bottom: 20px;width: 100% !important;}
	.blog-single-content {width: 100% !important;}
	.blog-toc {max-height: inherit;}
	
	#nav-toggle-show {display: none;}
	.blog-item-box h2 {font-size: 18px;line-height: 22px;font-weight: 500;margin-bottom: 70px;}
	
	.efoot-bar.tag-bar .is-meta {position: relative;top: 0;display: block;width: 100%;padding-bottom: 10px;}
	.efoot-bar.tag-bar ul {padding-left: 0;}

	.fixed-footer .help-text-extra, .fixed-footer .divider{display: none;}
	figure.wp-block-image, figure.wp-block-image img {width: 100% !important;}

}
@media (max-width:570px){
	.blog-item {width: 100% !important;}
	
	.blog-item-box .blog-content ul {flex-direction: column;}

}