/*!
 * Theme Name: 		   OceanWP
 * Text Domain: 	   oceanwp
 * Version:            4.1.6
 * Tested up to:       7.0
 * Requires at least:  5.6
 * Requires PHP:       7.4
 * Author:             OceanWP
 * Author URI:         https://oceanwp.org/about-oceanwp/
 * Theme URI:          https://oceanwp.org/
 * Description:        OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
 * Tags:               two-columns, right-sidebar, footer-widgets, blog, news, custom-background, custom-menu, post-formats, rtl-language-support, sticky-post, editor-style, threaded-comments, translation-ready, buddypress, custom-colors, featured-images, full-width-template, theme-options, e-commerce, block-styles, wide-blocks, accessibility-ready
 *
 * License: GNU General Public License v2.0 or later
 * License URI: https://www.gnu.org/licenses/gpl-2.0.html
 *
 * All files, unless otherwise stated, are released under the GNU General Public
 * License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

 * This theme, like WordPress, is licensed under the GPL.
 * Use it to make something cool, have fun, and share what you've learned
 * with others.
 *
 * DO NOT ADD YOUR CSS TO THIS FILE - IT WILL BE LOST
 * To add your own CSS, use a child theme: https://github.com/oceanwp/oceanwp-child-theme
 *
 * CSS file is in "assets/css"
 */






/* GEO vs SEO Table */
.wpb_text_column table {
    width: 100%;
    border-collapse: collapse;
    margin: 30px 0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    background: #fff;
}

.wpb_text_column table th,
.wpb_text_column table td {
    padding: 15px 20px;
    border: 1px solid #e5e7eb;
    text-align: left;
    vertical-align: middle;
}

.wpb_text_column table tr:first-child td {
    background: #6d28d9;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.wpb_text_column table tr:nth-child(even) {
    background: #f8fafc;
}

.wpb_text_column table tr:hover {
    background: #f3f4f6;
    transition: all 0.3s ease;
}

.wpb_text_column table p {
    margin: 0;
}

/* Mobile Responsive */
@media (max-width: 767px) {
    .wpb_text_column table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .wpb_text_column table td,
    .wpb_text_column table th {
        padding: 12px;
    }
}


h3{
	font-size: 100px;
}


.single-post table tr td {
    border: 1px solid #000;
		width: 50%;
	    text-align: center;
}
.single-post table {
    width: 60%;
    margin-bottom: 2.618em;
}



















/* new */


/* header */



.ymeo-header{
    width:100%;
    background:#ffffff;
    padding:24px 0;
    border-bottom:1px solid #ececec;
    position:sticky;
    top:0;
    z-index:999;
}

.ymeo-containers{
    max-width:1400px;
    margin:auto;
    padding:0 40px;

    display:flex;
    align-items:center;
    justify-content:space-between;
}

.ymeo-logos img{
    max-height:55px;
    width:auto;
}

.ymeo-menu{
    display:flex;
    align-items:center;
    gap:50px;

    margin:0;
    padding:0;
    list-style:none;
}

.ymeo-menu li a{
    text-decoration:none;
    color:#111827;
    font-size:17px;
    font-weight:600;
    transition:.3s;
}

.ymeo-menu li a:hover{
    color:#5b4df5;
}

.ymeo-btns{
    display:inline-flex;
    align-items:center;
    justify-content:center;

        padding: 13px 27px 13px 27px;

    border-radius:100px;

  background-image: linear-gradient(45deg, #4F80FF 0%, #00C6E2 100%);
box-shadow: 0 15px 35px -10px rgba(67, 127.00000000000014, 235.99999999999997, .5);
        background-color: #fff0;
    color:#fff;
    text-decoration:none;

    font-size:15px;
    font-weight:500;
    
}

@media(max-width:991px){

    .ymeo-container{
        flex-wrap:wrap;
        gap:20px;
    }

    .ymeo-menu{
        gap:25px;
    }

}

@media(max-width:767px){

    .ymeo-container{
        padding:0 10px !important;
    }

    .ymeo-menu{
        display:none;
    }
    

}

/* MENU */

.ymeo-menu{
    display:flex;
    align-items:center;
    gap:45px;

    margin:0;
    padding:0;
    list-style:none;
}

.ymeo-menu li{
    position:relative;
    list-style:none;
}

.ymeo-menu > li > a{
    display:flex;
    align-items:center;
    gap:8px;

    text-decoration:none;
    color:#111827;

       font-size: 15px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;

    padding:15px 0;

    transition:.3s;
}

/* HOVER */

.ymeo-menu li:hover > a{
    color:#5b4df5;
}

/* ARROW */

.ymeo-menu .menu-item-has-children > a::after{

    content:"▼";

    font-size:10px;

    transition:.3s ease;
}

.ymeo-menu .menu-item-has-children:hover > a::after{
    transform:rotate(180deg);
}

/* SUBMENU */

.ymeo-menu .sub-menu{

    position:absolute;
    top:100%;
    left:0;

    min-width:260px;

    background:#fff;

    padding:18px 0;

    margin:0;

    border-radius:18px;

    box-shadow:
    0 15px 40px rgba(0,0,0,.08);

    list-style:none;

    opacity:0;
    visibility:hidden;

    transform:translateY(15px);

    transition:.35s ease;

    z-index:999;
}

/* SHOW ON HOVER */

.ymeo-menu li:hover > .sub-menu{

    opacity:1;
    visibility:visible;

    transform:translateY(0);
}

/* SUBMENU ITEMS */

.ymeo-menu .sub-menu li{
    width:100%;
}

.ymeo-menu .sub-menu li a{

    display:block;

    padding:12px 25px;

    color:#111827;

    font-size:15px;
    font-weight:500;

    text-decoration:none;

    transition:.3s;
}

/* SUBMENU HOVER */

.ymeo-menu .sub-menu li a:hover{

    background:#f5f7ff;

    color:#5b4df5;

    padding-left:32px;
}

/* MOBILE */

@media(max-width:991px){

    .ymeo-menu{
        gap:25px;
    }

}

@media(max-width:767px){

    .ymeo-menu{
        display:none;
    }
    .ymeo-containers {
    padding: 0px 20px;
}
    .ymeo-btns{
        padding: 6px 25px;
        font-size: 14px;
        font-weight: 500;
    }

}






.btn{
    color:#fff;
   background:linear-gradient(
        135deg,
        #7c3aed,
        #06b6d4
    );
}

/* footer */

.ymeo-footer{
    width:100%;
    background:#f5f4f1;
    padding:50px 0 0px;
}

.ymeo-footer .ymeo-container{
    max-width:1400px;
    margin:0 auto;
    padding:0 25px;
}

/* TOP AREA */

.ymeo-footer-top{
    display:grid;
    grid-template-columns:1.7fr 1fr 1fr 1fr;
    gap:80px;
    padding-bottom:50px;
    border-bottom:1px solid #ddd8cf;
}

/* LOGO */

.ymeo-logo{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:35px;
}

.ymeo-icon{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#5b4df5;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    font-size:18px;
    font-weight:700;
}

.ymeo-logo span{
    font-size:22px;
    font-weight:700;
    color:#08142b;
}

/* ABOUT */

.ymeo-footer-about p{
    max-width:420px;
    font-size:18px;
    line-height:1.8;
    color:#3c4860;
    margin:0;
	padding-left: 12px;
}

/* MENUS */

.ymeo-footer-menu h3{
    margin:0 0 8px;
    font-size:20px;
    font-weight:700;
    color:#08142b;
}

.ymeo-footer-menu ul{
    list-style:none;
    padding:0;
    margin:0;
}

.ymeo-footer-menu ul li{
    margin-bottom:2px;
}

.ymeo-footer-menu ul li:last-child{
    margin-bottom:0;
}

.ymeo-footer-menu ul li a{
    text-decoration:none;
    color:#3c4860;
    font-size:15px;
    transition:.3s;
}

.ymeo-footer-menu ul li a:hover{
    color:#5b4df5;
}

/* BOTTOM */

.ymeo-footer-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:0px;
        height: 42px;
}

.ymeo-copy{
    color:#3c4860;
    font-size:18px;
}

.ymeo-social{
    display:flex;
    align-items:center;
    gap:35px;
    height: 100% !important;
}

.ymeo-social a{
    text-decoration:none;
    color:#3c4860;
    font-size:18px;
    transition:.3s;
}

.ymeo-social a:hover{
    color:#5b4df5;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .ymeo-footer-top{
        grid-template-columns:1fr 1fr;
        gap:50px;
/* 		padding: 0px 15px; */
    }

}

@media(max-width:767px){

    .ymeo-footer{
        padding: 60px 15px;
    }

	.ymeo-footer-about p {
    padding-left: 0px !important;
}
	
    .ymeo-footer .ymeo-container{
        padding:0 20px;
    }

    .ymeo-footer-top{
        grid-template-columns:1fr;
        gap:15px;
	

    }

    .ymeo-footer-bottom{
        flex-direction:column;
        gap:8px;
        text-align:center;
    }

    .ymeo-social{
        justify-content:center;
    }

}

.ymeo-social ul#menu-social-menu {
    display: flex;
    gap: 31px;
}
header.page-header.hide-tablet-mobile {
    display: none;
}












.logo-marquee{
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 20px 0;
}

.logo-track{
    display: flex;
    align-items: center;
    gap: 60px;

    width: max-content;

    animation: marquee 20s linear infinite;
}

.logo-track img{
    width: 140px;
    height: auto;
    object-fit: contain;
}

@keyframes marquee{

    0%{
        transform: translateX(0);
    }

    100%{
        transform: translateX(-50%);
    }

}
@media(max-width:767px){
.logo-track img{
    width: 80px;
    height: auto;
    object-fit: contain;
}

section.ymeo-brand-section {
    padding: 30px 11px;
}
.ymeo-container {
    padding: 0px;
}

.ymeo-heading-wrap h2{
    font-size: 36px !important;
    text-align: left;
}
span.ymeo-badge {
    text-align: left;
    padding: 5px;
}

.ymeo-heading-wrap p {
    font-size: 16px !important;
    font-weight: 400;
    line-height: 29px;
    text-align: left;
}

.ymeo-heading-wrap {
        margin: 0 auto 25px !important;
}

.ymeo-logos-grid {
        position: relative;
        height: 320px !important;
        margin: 0px auto 20px;
    }

    .ymeo-logo-card1, .ymeo-logo-card2, .ymeo-logo-card3, .ymeo-logo-card4, .ymeo-logo-card5 {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 50px !important;
        height: 50px !important;
        margin: 0 !important;
        border-radius: 10px !important;
    }
    .ymeo-logos-grid > .ymeo-logos-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
        height: 140px;
    }


}








selector .swiper-wrapper{
    transition-timing-function: linear !important;
}

selector .swiper{
    overflow: hidden;
}
















/* bottom brand section */
.ymeo-brand-section{
    position:relative;
    overflow:hidden;
    padding:120px 0;
    background:#fdfcf8;
}

.ymeo-brand-bg{
    position:absolute;
    inset:0;

      background: #fff;
      border: 1px solid #6366F114;
      box-shadow: 0px 20px 60px #0F172A0D;
      border-radius: 18px;
    opacity:1;
}

.ymeo-container{
    position:relative;
    z-index:2;
    max-width:1400px;
    margin:0 auto;
    padding:0 30px;
}

/* HEADING */

.ymeo-heading-wrap{
    max-width:950px;
    margin:0 auto 90px;
    text-align:center;
}

.ymeo-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:10px 22px;
    border:1px solid rgba(255,255,255,0.15);

    background:rgba(255,255,255,0.08);
    backdrop-filter:blur(10px);

    border-radius:100px;

    text-align: center;
    font-family: "Inter", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    color: #1667D5;

    margin-bottom:15px;
}

.ymeo-heading-wrap h2{
    color:#000;
        font-family: "Space Grotesk", Sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 48px;
    margin:0 0 28px;
}

.ymeo-heading-wrap p{
    color:#000;
    font-size:20px;
    line-height:1.8;
    max-width:900px;
    margin:auto;
}

/* LOGOS */

.ymeo-logos-grid{
    position:relative;
    height:520px;
    margin:90px auto;
}

/* CARD */

.ymeo-logo-card1,
.ymeo-logo-card2,
.ymeo-logo-card3,
.ymeo-logo-card4,
.ymeo-logo-card5{

    position:absolute;

    width:220px;
    height:220px;

    background:rgba(255,255,255,0.08);

    border:1px solid rgba(255,255,255,0.1);

    backdrop-filter:blur(18px);

    border-radius:30px;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;

   animation:
pulseLight 6s ease-in-out infinite,
glowBlink 2.8s ease-in-out infinite;
}

/* DIFFERENT POSITIONS */

.ymeo-logo-card1:nth-child(1){
    top:0;
    left:12%;
    animation-delay:0s;
}

.ymeo-logo-card2:nth-child(2){
    top:40px;
    right:14%;
    animation-delay:1s;
}

.ymeo-logo-card3:nth-child(3){
    top:220px;
    left:32%;
    animation-delay:2s;
}

.ymeo-logo-card4:nth-child(4){
    bottom:0;
    left:5%;
    animation-delay:1.5s;
}

.ymeo-logo-card5:nth-child(5){
    bottom:20px;
    right:20%;
    animation-delay:2.5s;
}

/* IMAGE */

.ymeo-logo-card img{
    max-width:120px;
    max-height:120px;
    object-fit:contain;
    z-index:2;
    position:relative;
}

/* FLOAT EFFECT */

@keyframes pulseLight{

    0%{
        opacity:.2;
        transform:scale(.9);
    }

    50%{
        opacity:.7;
        transform:scale(1.05);
    }

    100%{
        opacity:.2;
        transform:scale(.9);
    }

}

/* BLINK / GLOW EFFECT */

/* PULSE + BLINK EFFECT */

@keyframes glowBlink{

    0%{
        transform:scale(1);
        opacity:.7;

        box-shadow:
        0 0 0 rgba(255,255,255,0);
    }

    25%{

        box-shadow:
        0 0 20px rgba(255,255,255,.15);

    }

    50%{
        transform:scale(1.06);
        opacity:1;

        box-shadow:
        0 0 35px rgba(255,255,255,.35),
        0 0 60px rgba(255,255,255,.2);

    }

    75%{

        box-shadow:
        0 0 20px rgba(255,255,255,.15);

    }

    100%{
        transform:scale(1);
        opacity:.7;

        box-shadow:
        0 0 0 rgba(255,255,255,0);
    }

}

/* HOVER */

.ymeo-logo-card:hover{
    transform:translateY(-12px) scale(1.04);
}

/* RESPONSIVE */

@media(max-width:991px){

    .ymeo-logos-grid{
        height:auto;
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:25px;
    }

    .ymeo-logo-card{
        position:relative !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;
        width:100%;
        height:180px;
    }

}

@media(max-width:576px){

    .ymeo-logos-grid{
        grid-template-columns:1fr;
    }

}
/* CTA */

.ymeo-btn-wrap{
    text-align:center;
}

.ymeo-btn{
    display:inline-flex;
    align-items:center;
    gap:14px;

    padding:12px 20px;

    border-radius:100px;

    background:linear-gradient(45deg, #4F80FF 0%, #00C6E2 100%);

    color:#fff;
    text-decoration:none;
    box-shadow: 0 15px 35px -10px rgba(67, 127.00000000000014, 235.99999999999997, .5);
    font-size:15px;
    font-weight:500;

    box-shadow:
    0 10px 40px rgba(124,58,237,.35);

    transition:.4s ease;
}

.ymeo-btn:hover{
    transform:translateY(-4px) scale(1.02);
    color: #fff;
}

.ymeo-btn span{
    font-size:22px;
}

.ymeo-card {
    border: 1px solid #00000000;
    border-radius: 18px;
    box-shadow: 0px 0px 10px #00000012;
    padding: 0px;
}

.ymeo-card img {
    border-radius: 18px 18px 0px 0px !important;
}

.ymeo-card .blog-cont {
    padding: 18px;
}











/* RESPONSIVE */

@media(max-width:1200px){

    .ymeo-logos-grid{
        grid-template-columns:repeat(3,1fr);
    }

}

/* Tablet */
@media (max-width: 1024px) {

    .ymeo-container {
        padding: 60px 30px;
    }

    .ymeo-heading-wrap {
        max-width: 100%;
        text-align: center;
    }

    .ymeo-heading-wrap h2 {
        font-size: 40px;
        line-height: 1.2;
    }

    .ymeo-heading-wrap p {
        font-size: 16px;
    }

    .ymeo-logos-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        margin-top: 40px;
    }

    .ymeo-logo-card1,
    .ymeo-logo-card2,
    .ymeo-logo-card3,
    .ymeo-logo-card4,
    .ymeo-logo-card5 {
        width: calc(33.33% - 20px);
        min-width: 180px;
        position: static !important;
        transform: none !important;
    }

    .ymeo-logo-card1 img,
    .ymeo-logo-card2 img,
    .ymeo-logo-card3 img,
    .ymeo-logo-card4 img,
    .ymeo-logo-card5 img {
        width: 100%;
        height: auto;
        display: block;
    }

    .ymeo-btn-wrap {
        text-align: center;
        margin-top: 0px;
    }
}

@media (max-width: 767px){

    .ymeo-logos-grid > .ymeo-logos-grid{
        display:grid !important;
        grid-template-columns:repeat(2, 1fr) !important;
        gap:20px !important;
        height:auto !important;
        justify-items:center;
    }

    .ymeo-logo-card1,
    .ymeo-logo-card2,
    .ymeo-logo-card3,
    .ymeo-logo-card4,
    .ymeo-logo-card5{
        position:relative !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;

        width:90px !important;
        height:90px !important;
        margin:0 !important;
    }
    .ymeo-logos-grid {
    position: relative;
    height: 520px;
    margin: 0px auto 20px;
}
}
@media(max-width:480px){

    .ymeo-logos-grid{
        grid-template-columns:1fr;
    }

    .ymeo-heading-wrap h2{
        font-size:38px;
    }

}


.ymeo-btn font{
	    font-family: 'Inter', sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

body{
    font-family: 'Inter', sans-serif;
}

body,
h1, h2, h3, h4, h5, h6,
p,
span,
a,
li,
button,
input,
textarea,
select {
    font-family: 'Inter', sans-serif !important;
}



.ymeo-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.ymeo-card img{
width:100%;
height:250px;
object-fit:cover;
display:block;
}

.ymeo-tabs{
display:flex;
gap:10px;
justify-content:center;
flex-wrap:wrap;
margin-bottom:40px;
}

.ymeo-tabs button{
	border-radius: 5px;
	padding: 4px 18px;
}

.ymeo-tabs button.active{
background:linear-gradient(45deg, #4F80FF 0%, #00C6E2 100%);
color:#fff;
	border-radius: 5px;
}

.load-more-wrap{
text-align:center;
margin-top:40px;
}

@media(max-width:767px){
.ymeo-grid{
grid-template-columns:1fr;
}
}

#ymeo-load-more{
background:linear-gradient(45deg, #4F80FF 0%, #00C6E2 100%);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    border: none;
    border-width: 1px 1px 1px 1px;
	box-shadow: 0 15px 35px -10px rgba(67, 127.00000000000014, 235.99999999999997, .5);
    border-color: #2625FF;
    border-radius: 24px 24px 24px 24px;
    padding: 13px 27px 13px 27px;
	color: #fff;
}

.ymeo-footer-logo img{
	    width: 100%;
    max-width: 204px;
}

.ymeo-social{
    display:flex;
    align-items:center;
    gap:15px;
}

.ymeo-social .social-icon{
    width:35px;
    height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    text-decoration:none;
    font-size:20px;
    color:#fff;
    transition:all .3s ease;
}

.ymeo-social .linkedin{
    background:#0A66C2;
}

.ymeo-social .instagram{
    background:linear-gradient(
        45deg,
        #f09433,
        #e6683c,
        #dc2743,
        #cc2366,
        #bc1888
    );
}

.ymeo-social .twitter{
    background:#000;
}

.ymeo-social .social-icon:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.ymeo-menu .menu-item-has-children > a::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 12px;
    margin-left: 8px;
}

a.ymeo-btns:hover {
    color: #fff;
}