/*
Theme Name:   CloudDesk Child
Theme URI:    https://clouddesk.ai/
Description:  CloudDesk local clone — child theme of Twenty Twenty
Author:       CloudDesk
Author URI:   https://clouddesk.ai/
Template:     twentytwenty
Version:      2.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  clouddesk-child
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap');

:root {
    --cd-blue:         #289DF3;
    --cd-blue-dark:    #1a8cdf;
    --cd-blue-light:   #4fb0f7;
    --cd-navy:         #123456;
    --cd-dark:         #10102D;
    --cd-text:         #2C3E50;
    --cd-text-light:   #718093;
    --cd-orange:       #FC5F36;
    --cd-white:        #FFFFFF;
    --cd-off-white:    #F3F8FF;
    --cd-bg-gray:      #F1F1F1;
    --cd-border:       #e0e8f0;
    --cd-font-heading: 'Inter',  -apple-system, BlinkMacSystemFont, sans-serif;
    --cd-font-body:    'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
    --cd-h1:   45px;
    --cd-h2:   38px;
    --cd-h3:   28px;
    --cd-h4:   22px;
    --cd-h5:   18px;
    --cd-h6:   13px;
    --cd-body: 16px;
    --cd-shadow-card:  0 2px 16px rgba(18,52,86,0.10);
    --cd-shadow-md:    0 4px 24px rgba(0,0,0,0.10);
    --cd-shadow-lg:    0 8px 40px rgba(0,0,0,0.14);
    --cd-radius-sm:    4px;
    --cd-radius-md:    8px;
    --cd-radius-lg:    12px;
    --cd-radius-full:  9999px;
    --cd-transition:      all 0.3s cubic-bezier(.4,0,.2,1);
    --cd-transition-fast: all 0.15s ease;
    --cd-container:    1300px;
}

/* ── Parent theme reset ── */
#site-header,.header-footer-group,.site-footer{display:none!important}
body.wp-theme-twentytwenty{background:#fff!important}
.entry-header,.post-thumbnail{display:none!important}
.entry-content,.singular .entry-content,.page .entry-content{max-width:none!important;padding:0!important}
.singular-content-wrap,.content-area,#content{max-width:none!important;padding:0!important;margin:0!important}

/* ── Base ── */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--cd-font-body);font-size:var(--cd-body);font-weight:400;line-height:1.7;color:var(--cd-text);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-family:var(--cd-font-heading);font-weight:700;line-height:1.2;color:var(--cd-navy);margin-top:0}
h1{font-size:var(--cd-h1)}h2{font-size:var(--cd-h2)}h3{font-size:var(--cd-h3)}h4{font-size:var(--cd-h4)}h5{font-size:var(--cd-h5)}h6{font-size:var(--cd-h6);letter-spacing:1.5px;text-transform:uppercase}
p{font-family:var(--cd-font-body); /*color:var(--cd-text-light);line-height:1.75;*/margin:0;}
a{color:var(--cd-blue);text-decoration:none;transition:color .2s}
a:hover{color:var(--cd-blue-dark)}
img{max-width:100%;height:auto;display:block}
.text-center{text-align: center;}
.shadow {box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;}
.shadow-img img{box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;}

.fbox img{transition: all .3s;}
.fbox:hover img{padding: 4px;}

@media screen and (max-width: 1024px) {
.tablet-center{text-align: center !important;}
.tablet-justify{justify-content: center !important;}
}


/* Custom New Button  */
.caCustomBtn {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 11px 51px 11px 5px;
    position: relative;
    border-radius: 8px;
    min-width: 172px;
    text-align: center;
    display: inline-block;
}
.caCustomBtn.green {
	background-color: #70C92F;
	transition: background-color 0.3s ease;
}
.caCustomBtn.blue {	
	background-color: #F99615 ;
	transition: background-color 0.3s ease;
}
.caCustomBtn.green:hover,.caCustomBtn.green:focus { 
	background-color: #0ca34d !important;
	color: #fff;
    text-decoration: none !important;
}
.caCustomBtn.blue:hover, .caCustomBtn.blue:focus { 
	background-color: #fc5f36 !important;
	color: #fff;
    text-decoration: none !important;
}
.caCustomBtn.xs {
	font-size: 15px;
	padding: 8px 46px 8px 5px;
	min-width: 150px;
}

.caCustomBtn i {
    color: #fff;
    position: absolute;
    top: 14px;
    right: 17px;
    z-index: 3;
    font-size: 22px;
}
.caCustomBtn::after {
    content: "";
    width: 46px;
    height: 100%;
    border-radius: 0 8px 8px 0;
    background: rgb(0 0 0 / 40%);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.btn-row{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}
.caCustomBtn.blue {
	margin-left: 0 !important;
}

@media screen and (min-width: 1025px) {
	.justify-content-custom-start{justify-content: flex-start!important;}
}



/* ── Container ── */
.cd-container{max-width:var(--cd-container);margin:0 auto;padding:0 24px}

/* ════════════════════════════════════════════════════════
   HEADER
   ════════════════════════════════════════════════════════ */
.cd-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e8f0f7;box-shadow:0 2px 12px rgba(18,52,86,0.06);transition:box-shadow .3s}
.admin-bar .cd-header{top:32px}
@media(max-width:782px){.admin-bar .cd-header{top:46px}}
.cd-header.scrolled{box-shadow:0 4px 24px rgba(18,52,86,0.12)}
.cd-header-inner{max-width:var(--cd-container);margin:0 auto;padding:0 15px;height:78px;display:flex;align-items:center;gap:10px}
.cd-logo{flex-shrink:0;display:flex;align-items:center}
.cd-logo img{height:40px;width:auto}
.cd-nav-wrapper{flex:1;display:flex;justify-content:center}
.cd-nav{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}
.cd-nav>li{position:relative}
.cd-nav>li>a{display:flex;align-items:center;gap:5px;padding:8px 13px;font-family:var(--cd-font-heading);font-size:14px;font-weight:600;letter-spacing:.3px;color:#71717a;text-decoration:none;border-radius:6px;white-space:nowrap;transition:color .2s,background .2s}
.cd-nav>li>a:hover{color:var(--cd-blue);background:rgba(40,157,243,.06)}
.cd-nav>li.active>a{color:var(--cd-blue);background:transparent}
.cd-nav>li.has-dropdown>a::after{content:'';display:inline-block;width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s;flex-shrink:0}
.cd-nav>li.has-dropdown:hover>a::after{transform:rotate(-135deg) translateY(-2px)}
.cd-dropdown{display:none;list-style:none;margin:0;position:absolute;top:100%;left:0;min-width:200px;background:#fff;border-radius:10px;box-shadow:0 8px 40px rgba(18,52,86,.14),0 0 0 1px rgba(18,52,86,.06);padding:8px 8px 8px;padding-top:14px;z-index:1001;animation:cdDrop .18s ease forwards}
.inds.has-dropdown .cd-dropdown{min-width:266px;}
.cd-dropdown li{list-style:none;margin:2px 0;padding:0}
@keyframes cdDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.cd-nav>li:hover>.cd-dropdown{display:block}
.cd-dropdown a{display:block;padding:9px 14px;font-family:var(--cd-font-body);font-size:14px;font-weight:400;color:var(--cd-text);text-decoration:none;border-radius:6px;transition:background .15s,color .15s}
.cd-dropdown a:hover{background:#0e3254;color:#fff}
.cd-dropdown a.active{background:#2C3E50;color:#fff;font-weight:600}
.cd-header-cta{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}
.cd-mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;flex-shrink:0}
.cd-mobile-menu-btn span{display:block;width:22px;height:2px;background:var(--cd-navy);border-radius:2px;transition:var(--cd-transition)}

@media screen and (max-width: 1100px) {
	.cd-nav>li>a{padding:8px 8px;}
}


/* ════════════════════════════════════════════════════════
   BUTTONS — Exact live site #289DF3 pill buttons
   ════════════════════════════════════════════════════════ */
.cd-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 26px;font-family:var(--cd-font-heading);font-size:14px;font-weight:600;line-height:1;letter-spacing:.2px;border-radius:var(--cd-radius-full);border:2px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:var(--cd-transition)}
.cd-btn-primary{background:var(--cd-blue);color:#fff;border-color:var(--cd-blue)}
.cd-btn-primary:hover{background:var(--cd-blue-dark);border-color:var(--cd-blue-dark);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px rgba(40,157,243,.35);text-decoration:none}
.cd-btn-outline{background:transparent;color:var(--cd-blue);border-color:var(--cd-blue)}
.cd-btn-outline:hover{background:var(--cd-blue);color:#fff;transform:translateY(-1px);text-decoration:none}
.cd-btn-white{background:#fff;color:var(--cd-blue);border-color:#fff}
.cd-btn-white:hover{background:var(--cd-off-white);transform:translateY(-1px)}
.cd-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.cd-btn-ghost:hover{background:rgba(255,255,255,.15);border-color:#fff;color:#fff}
.cd-btn-orange{background:var(--cd-orange);color:#fff;border-color:var(--cd-orange)}
.cd-btn-orange:hover{background:#e54f28;transform:translateY(-1px);box-shadow:0 6px 20px rgba(252,95,54,.35)}
.cd-btn-lg{padding:14px 34px;font-size:15px}
.cd-btn-sm{padding:8px 18px;font-size:13px}
.cd-btn-xs{padding:6px 14px;font-size:12px}

/* ════════════════════════════════════════════════════════
   ELEMENTOR OVERRIDES — Force Inter/Roboto + exact colors
   ════════════════════════════════════════════════════════ */
/*
.elementor-widget-heading .elementor-heading-title{font-family:var(--cd-font-heading)!important}
.elementor-widget-text-editor,.elementor-widget-text-editor p{font-family:var(--cd-font-body)!important;color:var(--cd-text-light);line-height:1.75}
.elementor-widget-html{font-family:var(--cd-font-body)}
.elementor-widget-html h1,.elementor-widget-html h2,.elementor-widget-html h3{font-family:var(--cd-font-heading);color:var(--cd-navy)}
.elementor-widget-html p{font-family:var(--cd-font-body);color:var(--cd-text-light)}
.elementor-section>.elementor-container{max-width:1300px;margin:0 auto;padding:0 24px;width:100%}
.elementor-section.elementor-section-full_width{padding-left:0!important;padding-right:0!important}
.elementor-section.elementor-section-full_width>.elementor-container{max-width:none!important;padding:0}
.elementor-page .entry-title,.elementor-template-full-width .entry-title,h1.entry-title{display:none!important}
.elementor-widget-button .elementor-button{font-family:var(--cd-font-heading)!important;font-weight:600!important;border-radius:var(--cd-radius-full)!important;transition:var(--cd-transition)!important}
*/
/* Image-box cards */
/*
.elementor-widget-image-box .elementor-image-box-wrapper{background:#fff;border-radius:12px;padding:28px 24px;box-shadow:var(--cd-shadow-card);border:1px solid rgba(18,52,86,.07);height:100%;transition:var(--cd-transition)}
.elementor-widget-image-box:hover .elementor-image-box-wrapper{transform:translateY(-4px);box-shadow:0 12px 40px rgba(18,52,86,.14)}
.elementor-widget-image-box .elementor-image-box-img{margin-bottom:16px}
.elementor-widget-image-box .elementor-image-box-img img{max-height:64px;width:auto;margin:0 auto}
.elementor-widget-image-box .elementor-image-box-title{font-family:var(--cd-font-heading)!important;font-size:16px!important;font-weight:700!important;color:var(--cd-navy)!important;margin-bottom:8px;line-height:1.4}
.elementor-widget-image-box .elementor-image-box-description{font-family:var(--cd-font-body)!important;font-size:14px!important;color:var(--cd-text-light)!important;line-height:1.7!important}
*/
/* ════════════════════════════════════════════════════════
   FOOTER — two-section redesign
   Top : white background, 4 link columns
   Bottom: light blue, centred logo + address + social icons
   ════════════════════════════════════════════════════════ */

/* ── Shared footer wrapper ── */
.cd-footer { font-family: var(--cd-font-body); }

/* ── TOP SECTION ── */
.cd-footer-top {
    background: #fff;
    padding: 52px 0 70px;
    border-bottom: 1px solid #e8f0f7;
}
.cd-footer-top-inner {
    max-width: 1150px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between !important;
    align-items: flex-start;
    row-gap: 32px;
}

/* Each column: quarter-width minus gap on desktop */
.cd-footer-col {
    /*flex: 0 0 calc(25% - 18px);*/
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Column heading */
.cd-footer-col-title {
    font-family: var(--cd-font-heading);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #289DF3;
    margin: 0 0 18px;
    padding-bottom: 0;
    white-space: nowrap;
}

/* Link list */
.cd-footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.cd-footer-links a {
    font-size: 14px;
    color: #2c3e50;
    text-decoration: none;
    transition: color .15s;
    line-height: 1.5;
    display: block;
    overflow-wrap: break-word;
    word-break: break-word;
}
.cd-footer-links a:hover {color: #eba633; text-decoration: none; }

/* Responsive breakpoints */
@media (max-width: 880px) {
    .cd-footer-col {
        flex: 0 0 calc(50% - 16px);
    }
    .cd-footer-top-inner { row-gap: 28px; }
}
@media (max-width: 480px) {
    .cd-footer-col {
        flex: 0 0 100%;
        text-align: center;
    }
    .cd-footer-col-title { white-space: normal; }
    .cd-footer-top-inner { row-gap:40px; }
}

/* ── BOTTOM SECTION ── */
.cd-footer-bottom {
    background: #d0eaf8;
    padding: 36px 24px 32px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.cd-footer-logo-link { display: inline-block; margin-bottom: 4px; line-height: 0; }
.cd-footer-logo      { height: 40px; width: auto; display: inline-block; }

.cd-footer-address {
    font-size: 14px;
    color: #444;
    margin: 0;
    line-height: 1.5;
}
.cd-footer-copy {
    font-size: 14px;
    color: #444;
    margin: 0;
    line-height: 1.5;
}
.cd-footer-copy a {
    color: #444;
    text-decoration: none;
    font-weight: 600;
}
.cd-footer-copy a:hover { color: var(--cd-blue); }

/* Social icons row */
.cd-footer-social {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin-top: 6px;
    flex-wrap: wrap;
}
.cd-footer-social a {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-size: 22px;
    text-decoration: none;
    border-radius: 50%;
    transition: color .2s, background .2s;
}
.cd-footer-social a:hover {
    color: var(--cd-blue);
    background: rgba(40,157,243,.10);
}

@media (max-width: 640px) {
    .cd-footer-top { padding: 32px 0 50px; }
    .cd-footer-top-inner { padding: 0 16px; }
    .cd-footer-bottom { padding: 28px 16px 24px; }
}

/* ════════════════════════════════════════════════════════
   CARDS
   ════════════════════════════════════════════════════════ */
.cd-card{background:#fff;border-radius:12px;padding:28px 24px;box-shadow:var(--cd-shadow-card);border:1px solid rgba(18,52,86,.07);transition:var(--cd-transition);height:100%}
.cd-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(18,52,86,.14)}
.cd-card-title{font-family:var(--cd-font-heading);font-size:17px;font-weight:700;color:var(--cd-navy);margin-bottom:8px;line-height:1.4}
.cd-card-text{font-family:var(--cd-font-body);font-size:14px;color:var(--cd-text-light);line-height:1.7;margin:0}

/* Section header patterns */
.cd-section-eyebrow{display:inline-block;font-family:var(--cd-font-heading);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--cd-blue);margin-bottom:10px}
.cd-section-title{font-family:var(--cd-font-heading);font-size:clamp(24px,3vw,38px);font-weight:700;line-height:1.2;color:var(--cd-navy);margin-bottom:14px}
.cd-section-desc{font-family:var(--cd-font-body);font-size:16px;color:var(--cd-text-light);line-height:1.75;max-width:600px;margin:0 auto}

/* ════════════════════════════════════════════════════════
   BLOG POST CARDS
   ════════════════════════════════════════════════════════ */
.cd-post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.cd-post-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--cd-shadow-card);border:1px solid rgba(18,52,86,.06);display:flex;flex-direction:column;transition:var(--cd-transition)}
.cd-post-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(18,52,86,.14)}
.cd-post-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.cd-post-body{padding:20px 22px 22px;flex:1;display:flex;flex-direction:column}
.cd-post-category{font-family:var(--cd-font-heading);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--cd-blue);margin-bottom:8px;display:block;text-decoration:none}
.cd-post-title{font-family:var(--cd-font-heading);font-size:16px;font-weight:700;color:var(--cd-navy);line-height:1.4;margin-bottom:10px;text-decoration:none;display:block}
.cd-post-title:hover{color:var(--cd-blue)}
.cd-post-excerpt{font-family:var(--cd-font-body);font-size:13.5px;color:var(--cd-text-light);line-height:1.7;flex:1;margin-bottom:16px}
.cd-post-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--cd-text-light);padding-top:12px;border-top:1px solid var(--cd-border);margin-top:auto}
.single .cd-post-content{font-family:var(--cd-font-body);font-size:16px;line-height:1.8;color:var(--cd-text)}
.single .cd-post-content h2,.single .cd-post-content h3{font-family:var(--cd-font-heading);color:var(--cd-navy);margin-top:2rem}

/* Homepage blog section */
#cd-home-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;font-family:var(--cd-font-body)}
#cd-home-blog>div{background:var(--cd-off-white);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:var(--cd-transition)}
#cd-home-blog>div:hover{transform:translateY(-4px);box-shadow:var(--cd-shadow-md)}
@media(max-width:768px){#cd-home-blog{grid-template-columns:1fr}}


/*FAQ Card*/
.faq-card{display:block; position: relative;border-radius: 6px !important; overflow: hidden;}
.faq-card img{height: 445px !important;object-fit: cover;transition: all .8s;border-radius: 6px !important;}
.faq-card .see-all{position: absolute;left:15px;bottom:23px; color:#fff;font-size: 16px;background:#F99615;padding: 8px 20px;border-radius: 10px;font-weight: 500; border-bottom: 1px solid #F99615; min-width:122px; text-align:center;}
.faq-card:hover img{transform: scale(1.05);}
.faq-card h2{position: absolute; top: 30px;left: 15px; line-height: .7;font-size: 40px; color: #fff !important; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.faq-card h2 span{font-size:30px; color:#fff;}

@media screen and (max-width: 1024px) {
.faq-card img {height: 388px!important;}
}

@media screen and (max-width: 768px) {
.faq-card img {height: 385px!important;}
}

@media screen and (max-width:576px) {
.faq-card{max-width:332px; margin:auto;}	
}

@media screen and (max-width: 481px) {
.faq-item .card{font-size:14px;}	
.faq-card h2{text-align:center; right:15px}	
.faq-card .see-all{left:50%; margin-left:-45px;}	
}



/* ════════════════════════════════════════════════════════
   FORMS — CF7 matching live site
   ════════════════════════════════════════════════════════ */
.wpcf7 form{font-family:var(--cd-font-body)}
.wpcf7-form .wpcf7-text,.wpcf7-form .wpcf7-email,.wpcf7-form .wpcf7-textarea,.wpcf7-form .wpcf7-tel,.wpcf7-form .wpcf7-select{width:100%;padding:12px 15px;font-family:var(--cd-font-body);font-size:14px;color:var(--cd-text);background:#fff;border:1.5px solid #d0dce8;border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s}
.wpcf7-form .wpcf7-text:focus,.wpcf7-form .wpcf7-email:focus,.wpcf7-form .wpcf7-textarea:focus{border-color:var(--cd-blue);box-shadow:0 0 0 4px rgba(40,157,243,.12)}
.wpcf7-form .wpcf7-submit{background:var(--cd-blue);color:#fff;font-family:var(--cd-font-heading);font-weight:600;font-size:14px;padding:13px 34px;border:none;border-radius:var(--cd-radius-full);cursor:pointer;transition:var(--cd-transition);letter-spacing:.2px}
.wpcf7-form .wpcf7-submit:hover{background:var(--cd-blue-dark);transform:translateY(-1px);box-shadow:0 6px 20px rgba(40,157,243,.35)}

/* ════════════════════════════════════════════════════════
   VIDEO MODAL
   ════════════════════════════════════════════════════════ */
.cd-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}
.cd-modal-inner{position:relative;width:100%;max-width:900px;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 80px rgba(0,0,0,.5)}
.cd-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;background:rgba(255,255,255,.15);border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s}
.cd-modal-close:hover{background:rgba(255,255,255,.3)}
.cd-modal-video-wrap{position:relative;padding-top:56.25%}
.cd-modal-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none}
body.cd-modal-open,body.cd-nav-open{overflow:hidden}

/* ════════════════════════════════════════════════════════
   SCROLL REVEAL
   ════════════════════════════════════════════════════════ */
.cd-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.cd-reveal.visible{opacity:1;transform:translateY(0)}
.cd-reveal-delay-1{transition-delay:.1s}
.cd-reveal-delay-2{transition-delay:.2s}
.cd-reveal-delay-3{transition-delay:.3s}

/* ════════════════════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════════════════════ */
@media(max-width:1024px){
    .cd-header-inner{height:68px}
}
@media(max-width:768px){
    :root{--cd-h1:30px;--cd-h2:25px;--cd-h3:21px}
    .cd-header-inner{height:62px;padding:0 16px;gap:8px}

    /* ── Push search icon + hamburger to the RIGHT ── */
    .cd-search-btn{margin-left:auto}

    /* ── Full-viewport flyout — SMOOTH open/close via visibility+opacity+transform ──
       position:fixed removes nav-wrapper from flex flow so logo stays left.
       visibility delay lets the close animation finish before hiding.          */
    .cd-nav-wrapper{
        display:block;                          /* always rendered (transition needs this) */
        position:fixed;
        top:62px;left:0;right:0;bottom:0;     /* starts from below the header */
        background:#fff;
        overflow-y:auto;
        overflow-x:hidden;
        padding-bottom:48px;
        z-index:999;
        flex-direction:column;
        /* closed state */
        visibility:hidden;
        opacity:0;
        transform:translateY(-12px);
        transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s;
    }
    /* open state — animate in */
    .cd-nav-wrapper.open{
        visibility:visible;
        opacity:1;
        transform:translateY(0);
        transition:opacity .3s ease,transform .3s ease,visibility 0s linear 0s;
    }

    /* ── Nav list ── */
    .cd-nav{flex-direction:column;width:100%;gap:0; align-items:normal;}

    /* ── Top-level items — text LEFT, arrow RIGHT ── */
    .cd-nav>li>a{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:0;
        padding:15px 20px;
        font-size:15px;
        font-weight:600;
        width:100%;
        border-bottom:1px solid #f0f4f8;
        border-radius:0;
        text-align:left;
        color:var(--cd-navy);
    }
    .cd-nav>li>a:hover,.cd-nav>li.active>a{background:#f8fafd}

    /* ── Dropdown arrow — visible, ALWAYS on the far right ── */
    .cd-nav>li.has-dropdown>a::after{
        display:inline-block;
        content:'';
        width:8px;height:8px;
        border-right:2px solid var(--cd-blue);
        border-bottom:2px solid var(--cd-blue);
        transform:rotate(45deg) translate(-2px);
        transition:transform .28s ease;
        flex-shrink:0;
        margin-left:auto;   /* pushes arrow to far right regardless of text length */
    }
    .cd-nav>li.has-dropdown.open>a::after{
        transform:rotate(-135deg) translate(-2px);
    }

    /* ── Dropdown sub-menu — smooth height expand/collapse ── */
    .cd-dropdown{
        position:static;
        display:block;                   /* keep in DOM so max-height transition works */
        max-height:0;
        overflow:hidden;
        background:#f8fafd;
        box-shadow:none;
        border:none;
        border-radius:0;
        list-style:none;
        margin:0;
        padding:0;
        animation:none;
        transition:max-height .35s ease;
    }
    .cd-nav>li.has-dropdown.open>.cd-dropdown{
        max-height:600px;
    }
    .cd-dropdown a{
        padding:12px 20px 12px 36px;
        font-size:14px;
        border-bottom:1px solid #edf1f7;
        border-radius:0;
        color:var(--cd-text);
    }
    .cd-dropdown a:hover{background:#0e3254;color:#fff}
    .cd-dropdown a.active{background:#2C3E50;color:#fff}
    .cd-dropdown li:last-child a{border-bottom:none}

    /* ── Hamburger → X animation ── */
    .cd-mobile-menu-btn{display:flex}
    .cd-mobile-menu-btn span{transition:transform .25s ease,opacity .2s ease}
    .cd-mobile-menu-btn.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .cd-mobile-menu-btn.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}
    .cd-mobile-menu-btn.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

    /* ── Hide desktop CTA on mobile ── */
    .cd-header-cta{display:none}


}
@media(min-width:769px){.cd-mobile-menu-btn{display:none}}

/* Scrollbar */
::-webkit-scrollbar{width:7px}
::-webkit-scrollbar-track{background:#f0f4f8}
::-webkit-scrollbar-thumb{background:#c0cfe0;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--cd-blue)}

/* ════════════════════════════════════════════════════════
   SEARCH BUTTON (header icon – visible desktop + mobile)
   ════════════════════════════════════════════════════════ */
.cd-search-btn {
    width: 38px;
    height: 38px;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--cd-navy);
    transition: var(--cd-transition-fast);
    flex-shrink: 0;
    padding: 0;
}
.cd-search-btn:hover {
    background: rgba(40,157,243,0.09);
    color: var(--cd-blue);
}
.cd-search-btn:focus-visible {
    outline: 2px solid var(--cd-blue);
    outline-offset: 2px;
}
.cd-search-btn svg { display: block; }

/* ════════════════════════════════════════════════════════
   SEARCH MODAL OVERLAY
   ════════════════════════════════════════════════════════ */
.cd-search-modal {
    position: fixed;
    inset: 0;
    z-index: 9990;
    background: rgba(10, 18, 48, 0.82);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 100px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}
.cd-search-modal.is-open {
    opacity: 1;
    visibility: visible;
}
/* slide-in animation for the inner box */
.cd-search-modal-inner {
    width: 100%;
    max-width: 660px;
    padding: 0 20px;
    position: relative;
    transform: translateY(-16px);
    transition: transform 0.28s cubic-bezier(.4,0,.2,1);
}
.cd-search-modal.is-open .cd-search-modal-inner {
    transform: translateY(0);
}

/* Close (×) button */
.cd-search-modal-close {
    position: absolute;
    top: -52px;
    right: 20px;
    width: 38px;
    height: 38px;
    background: rgba(255,255,255,0.14);
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
    padding: 0;
}
.cd-search-modal-close:hover { background: rgba(255,255,255,0.28); }
.cd-search-modal-close:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* Search form pill */
.cd-search-form {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0 24px 64px rgba(0,0,0,0.28);
    overflow: hidden;
}
.cd-search-form input[type="search"] {
    flex: 1;
    padding: 14px 24px;
    font-family: var(--cd-font-body);
    font-size: 17px;
    border: none;
    outline: none;
    background: transparent;
    color: var(--cd-text);
    /* remove native search cancel button */
    -webkit-appearance: none;
}
.cd-search-form input[type="search"]::placeholder { color: #b0b8cc; }
.cd-search-form input[type="search"]::-webkit-search-cancel-button { display: none; }
.cd-search-submit {
    flex-shrink: 0;
    padding: 0 22px;
    height: 58px;
    background: var(--cd-blue);
    border: none;
    border-radius: 0 50px 50px 0;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}
.cd-search-submit:hover { background: var(--cd-blue-dark); }
.cd-search-submit svg { display: block; }

/* Keyboard hint line */
.cd-search-hint {
    margin: 14px 0 0;
    text-align: center;
    font-family: var(--cd-font-body);
    font-size: 13px;
    color: rgba(255,255,255,0.55);
}
.cd-search-hint kbd {
    display: inline-block;
    padding: 2px 7px;
    background: rgba(255,255,255,0.14);
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 5px;
    font-family: var(--cd-font-body);
    font-size: 12px;
    color: rgba(255,255,255,0.8);
    line-height: 1.6;
}
/* Prevent body scroll while search is open */
body.cd-search-open { overflow: hidden; }

/* ═════════════════════════════════════════════════════════════
   caCustomBtn — matches reference clouddesk.ai button design
   ═════════════════════════════════════════════════════════════ */

.caCustomBtn {
    font-size: 16px;
    font-weight: 500;
    color: #fff !important;
    padding: 11px 51px 11px 16px;
    position: relative;
    border-radius: 8px;
    min-width: 172px;
    text-align: center;
    display: inline-block;
    text-decoration: none !important;
    line-height: 1.4;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Green — Contact Us */
.caCustomBtn.green {
    background-color: #70C92F;
}
.caCustomBtn.green:hover,
.caCustomBtn.green:focus {
    background-color: #0ca34d !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* Blue/Orange — Watch Demo */
.caCustomBtn.blue {
    background-color: #F99615;
    margin-left: 0 !important;
}
.caCustomBtn.blue:hover,
.caCustomBtn.blue:focus {
    background-color: #fc5f36 !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* Small variant */
.caCustomBtn.xs {
    font-size: 15px;
    padding: 8px 46px 8px 16px;
    min-width: 150px;
}

/* Icon — absolutely positioned over the dark panel */
.caCustomBtn i {
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    z-index: 3;
    font-size: 18px;
    line-height: 1;
}

/* Dark panel on the right edge */
.caCustomBtn::after {
    content: "";
    width: 40px;
    height: 100%;
    border-radius: 0 8px 8px 0;
    background: rgba(0, 0, 0, 0.30);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

/* Button row wrapper */
.btn-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    align-items: center;
}

@media screen and (min-width: 1025px) {
    .justify-content-custom-start { justify-content: flex-start !important; }
}

/* Mobile */
.mobile-inline .caCustomBtn {
    min-width: 170px;
    font-size: 16px;
    padding: 12px 50px 10px 25px;
}

/* Menu-bar variant */
.menu-btn.caCustomBtn {
    min-width: auto !important;
    padding: 8px 50px 8px 20px !important;
    font-size: 15px !important;
}
.menu-btn.caCustomBtn i   { top: 50% !important; transform: translateY(-50%) !important; right: 9px !important; }
.menu-btn.caCustomBtn::after { width: 32px !important; }

/* ml-2 helper (Bootstrap-free, matches typical 8 px spacing) */
.ml-2 { margin-left: 8px !important; }

/* ─── end caCustomBtn ──────────────────────────────────────── */

/* ═════════════════════════════════════════════════════════════
   Fancybox 3 — video popup overrides
   ═════════════════════════════════════════════════════════════ */

/* Darken the overlay */
.fancybox-bg { background: #0a0a1a; }
.fancybox-is-open .fancybox-bg { opacity: .92; }

/* Give the video container a subtle shadow */
.fancybox-content {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.6);
}

/* Close button */
.fancybox-button--close {
    background: rgba(255,255,255,.12) !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    top: 10px !important;
    right: 10px !important;
}
.fancybox-button--close:hover { background: rgba(255,255,255,.25) !important; }

/* Toolbar buttons */
.fancybox-toolbar { top: 10px; right: 10px; }
.fancybox-button { color: #fff; }
.fancybox-button:hover { color: #fff; background: rgba(255,255,255,.15); }

/* ── Typewriter Effect ─────────────────────────────────────── */
.typeeffect {
    display: inline;
}

.cd-typed-text {
    display: inline;
    /* Inherits colour, font-size and font-weight from parent */
}

/* The Typed.js blinking cursor */
.typed-cursor {
    display: inline-block;
    opacity: 1;
    font-weight: 300;
    color: inherit;
    animation: cd-cursor-blink 0.7s infinite;
}

@keyframes cd-cursor-blink {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0; }
}

/* Stop the cursor from blinking when typing is complete (typed-cursor--blink) */
.typed-cursor.typed-cursor--blink {
    animation: cd-cursor-blink 0.7s infinite;
}

/* ===================================================================
   BLOG / ARCHIVE / SINGLE POST STYLES
   =================================================================== */

/* ── Blog page header (index.php / is_home) ─────────────── */
.cd-blog-page-header {
    text-align: center;
    padding: 0px 0 50px 0;
    position: relative;
}
.cd-blog-page-eyebrow {
    display: inline-block;
    font-family: var(--cd-font-heading);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--cd-blue);
    background: rgba(40,157,243,.08);
    padding: 4px 14px;
    border-radius: 20px;
    margin-bottom: 14px;
}
.cd-blog-page-title {
    font-family: var(--cd-font-heading);
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: var(--cd-navy);
    margin: 0 0 14px;
    line-height: 1.2;
}
.cd-blog-page-title::after {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background: var(--cd-blue);
    border-radius: 2px;
    margin: 12px auto 0;
}
.cd-blog-page-subtitle {
    font-family: var(--cd-font-body);
    font-size: 1rem;
    color: var(--cd-text-light);
    max-width: 520px;
    margin: 10px auto 0;
    line-height: 1.6;
}
.cd-no-posts { text-align: center; color: var(--cd-text-light); padding: 40px 0; }

/* ── Archive wrapper ─────────────────────────────────────── */
/* Page content container — same max-width as header but WITHOUT flex/height */
.cd-page-container {
    width: 100%;
    max-width: var(--cd-container);
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}
@media (max-width: 640px) { .cd-page-container { padding-left: 16px; padding-right: 16px; } }

.cd-archive-wrap { padding: 56px 0; background: var(--cd-off-white); min-height: 60vh; }
.cd-archive-header { margin-bottom: 36px; }
.cd-archive-header .page-title,
.cd-archive-header h1 {
    font-family: var(--cd-font-heading);
    font-size: clamp(1.4rem, 3vw, 2rem);
    font-weight: 700;
    color: var(--cd-navy);
    margin: 0 0 8px;
    text-transform: capitalize;
}

/* 3-column archive grid */
.cd-archive-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    align-items: stretch;
}
@media (max-width: 960px) { .cd-archive-grid { grid-template-columns: repeat(2, 1fr); gap: 22px; } }
@media (max-width: 560px) { .cd-archive-grid { grid-template-columns: 1fr; gap: 18px; } }

/* ── Blog Card ───────────────────────────────────────────── */
.cd-blog-card {
    background: #fff;
    border-radius: var(--cd-radius-lg);
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(18,52,86,.08);
    display: flex;
    flex-direction: column;
    transition: transform .25s ease, box-shadow .25s ease;
    height: 100%;
    border: 1px solid rgba(18,52,86,.06);
}
.cd-blog-card:hover {
    /*transform: translateY(-5px);*/
    box-shadow: 0 12px 32px rgba(18,52,86,.16);
}

/* Thumbnail */
.cd-blog-card__thumb { flex-shrink: 0; overflow: hidden; }
.cd-blog-card__thumb a { display: block; }
.cd-blog-card__thumb img,
.cd-blog-card__thumb a img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    transition: transform .38s ease;
}
.cd-blog-card:hover .cd-blog-card__thumb img { transform: scale(1.03); }

/* Body — grows to push footer down */
.cd-blog-card__body {
    padding: 20px 22px 14px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Title */
.cd-blog-card__title {
    font-family: var(--cd-font-heading);
    font-size: 1rem;
    font-weight: 700;
    color: var(--cd-dark);
    line-height: 1.55;
    margin: 0;
}
.cd-blog-card__title a { color: inherit; text-decoration: none; }
.cd-blog-card__title a:hover { color: var(--cd-blue); }

/* Meta: Author | Date | Category */
.cd-blog-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    font-size: .78rem;
    color: var(--cd-text-light);
    margin-top: auto;
    padding-top: 4px;
}
.cd-meta-author { font-weight: 600; color: var(--cd-text); }
.cd-meta-sep { color: var(--cd-border); user-select: none; }
.cd-meta-cat a { color: var(--cd-blue); text-decoration: none; font-weight: 500; }
.cd-meta-cat a:hover { text-decoration: underline; }

/* Footer with Read More button — always at bottom */
.cd-blog-card__footer { padding: 0 22px 22px; }
.cd-blog-card__readmore {
    display: block;
    text-align: center;
    background: var(--cd-blue);
    color: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: .88rem;
    font-weight: 600;
    text-decoration: none;
    border: 2px solid var(--cd-blue);
    transition: background .2s ease, color .2s ease;
    letter-spacing: .01rem;
}
.cd-blog-card__readmore:hover {
    background: transparent;
    color: var(--cd-blue);
    text-decoration: none;
}

/* Shortcode wrapper — same max-width as page containers */
.cd-wps-wrap { width: 100%; }

/* ═════════════════════════════════════════════════════════════
   BLOG PAGINATION  (category / archive / [wp_show_posts])
   ═════════════════════════════════════════════════════════════ */

.cd-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 48px 0 20px;
}

/* ── Base style for every page-number element ── */
.cd-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 14px;
    border-radius: 10px;
    font-family: var(--cd-font-heading);
    font-size: .88rem;
    font-weight: 600;
    text-decoration: none;
    color: var(--cd-text);
    background: #fff;
    border: 2px solid var(--cd-border);
    transition: background .22s ease, color .22s ease,
                border-color .22s ease, transform .18s ease,
                box-shadow .22s ease;
    cursor: pointer;
    line-height: 1;
}

/* ── Clickable numbers: hover + focus ── */
.cd-pagination a.page-numbers:hover {
    background: var(--cd-blue);
    color: #fff;
    border-color: var(--cd-blue);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(40,157,243,.28);
    text-decoration: none;
}

.cd-pagination a.page-numbers:focus-visible {
    outline: 3px solid var(--cd-blue);
    outline-offset: 3px;
    border-radius: 10px;
}

/* ── Active / current page ── */
.cd-pagination .page-numbers.current,
.cd-pagination span.current {
    background: var(--cd-blue);
    color: #fff;
    border-color: var(--cd-blue);
    box-shadow: 0 4px 14px rgba(40,157,243,.32);
    cursor: default;
    transform: none;
}

/* ── Ellipsis dots ── */
.cd-pagination .page-numbers.dots,
.cd-pagination span.dots {
    background: transparent;
    border-color: transparent;
    color: var(--cd-text-light);
    min-width: auto;
    padding: 0 4px;
    font-size: 1.05rem;
    letter-spacing: .1rem;
    cursor: default;
    transform: none !important;
    box-shadow: none !important;
}

/* ── Prev / Next buttons — styled as solid nav buttons ── */
.cd-pagination a.prev,
.cd-pagination a.next,
.cd-pagination .prev.page-numbers,
.cd-pagination .next.page-numbers {
    background: var(--cd-navy);
    color: #fff;
    border-color: var(--cd-navy);
    padding: 0 20px;
    min-width: auto;
    gap: 6px;
    letter-spacing: .01rem;
    border-radius: 10px;
}

.cd-pagination a.prev:hover,
.cd-pagination a.next:hover,
.cd-pagination .prev.page-numbers:hover,
.cd-pagination .next.page-numbers:hover {
    background: var(--cd-blue);
    border-color: var(--cd-blue);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(40,157,243,.28);
}

/* Extra gap between prev/next and the page numbers */
.cd-pagination .prev.page-numbers { margin-right: 4px; }
.cd-pagination .next.page-numbers { margin-left:  4px; }

/* ── Responsive ── */
@media (max-width: 600px) {
    .cd-pagination { gap: 6px; padding: 36px 0 14px; }
    .cd-pagination .page-numbers { min-width: 38px; height: 38px; font-size: .82rem; padding: 0 10px; border-radius: 8px; }
    .cd-pagination .prev.page-numbers,
    .cd-pagination .next.page-numbers { padding: 0 14px; }
}

/* ── Single Post Layout ─────────────────────────────────── */
.cd-single-wrap { padding: 40px 0 64px; background: #F8FAFF; }
.cd-single-layout { display: grid; grid-template-columns: 1fr 360px; gap: 36px; align-items: start; }
@media (max-width: 960px) { .cd-single-layout { grid-template-columns: 1fr; } }

/* White card with shadow for the post content column */
.cd-single-content {
    background: #fff;
    padding: 30px 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0,0,0,.10);
}

/* ── Entry Header — matches reference site exactly ────────── */
.cd-entry-header { text-align: center; margin-bottom: 20px; }

/* Title: orange, 30 px, medium weight — matches reference */
.cd-entry-title {
    font-family: var(--cd-font-heading);
    font-size: 30px;
    font-weight: 500;
    color: #fd8922;
    line-height: 1.4;
    margin: 0 0 14px;
}

/* Excerpt: grey background block */
.cd-entry-excerpt {
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.6;
    color: #282a5a;
    background: #f4f4f4;
    padding: 30px;
    border-radius: 6px;
    border-left: none;
    margin-bottom: 16px;
}

.post_content_special_block_top p {
    line-height: 1.6;
    font-weight: 400;
    font-size: 19px;
    margin-top: 0 !important;
    background: #f4f4f4;
    padding: 30px 30px;
    color: #282a5a;
    border-radius: 6px;
    margin: 0;
    margin-bottom: 25px;
}

/* Meta: date / category / views — grey, links pink-red */
.cd-entry-meta { color: #999; margin-bottom: 10px; }
.cd-entry-meta a { color: #FE676E; text-decoration: underline; }
.cd-entry-meta a:hover { color: #04a6f4; text-decoration: underline; }

/* Author row */
.cd-author-row { display: flex; justify-content: center; align-items: center; gap: 8px; margin-bottom: 20px; }
.cd-author-row__avatar img { width: 36px; height: 36px; border-radius: 50px; display: block; }
.cd-author-row__name a { color: #007bff;text-decoration: none; font-weight: 600; font-size: 18px; }
.cd-author-row__name a:hover { color: #04a6f4; }

/* ── Featured Image ────────────────────────────────────── */
.cd-featured-img { margin-bottom: 28px; border-radius: var(--cd-radius-md); overflow: hidden; }
.cd-featured-img img { width: 100%; height: auto; display: block; }
@media (max-width: 480px) { .cd-featured-img img { width: 100% !important; height: auto !important; } }

/* ── Entry Content ─────────────────────────────────────── */
.cd-entry-content { font-family: var(--cd-font-body); font-size: 18px; line-height: 1.6; color: var(--cd-text); }
.cd-entry-content h2,.cd-entry-content h3,.cd-entry-content h4 { color: var(--cd-dark); margin-top: 1.6rem !important; margin-bottom: 1rem; font-weight: 600; }

.cd-entry-content h1{font-size: 40px;}
.cd-entry-content h2{font-size: 30px;}
.cd-entry-content h3{font-size: 28px;}
.cd-entry-content h4{font-size: 26px;}
.cd-entry-content h5{font-size: 24px;}
.cd-entry-content h6{font-size: 20px;}          


.cd-entry-content p { margin-bottom: 1.1rem; }
.cd-entry-content a { color: var(--cd-blue); word-break: break-word; }
.cd-entry-content a:hover { text-decoration: underline; }
.cd-entry-content img { max-width: 100%; height: auto; border-radius: 6px; }
.cd-entry-content ul,.cd-entry-content ol { padding-left: 1.4rem; margin-bottom: 1.1rem; }
.cd-entry-content li { margin-bottom: .4rem; }

@media (max-width: 767px) {
  
.cd-entry-content h1{font-size: 24px;}
.cd-entry-content h2, .cd-entry-title{font-size: 22px;}
.cd-entry-content h3, .cd-tldr__inner h3{font-size: 21px !important;}
.cd-entry-content h4{font-size: 20px;}
.cd-entry-content h5{font-size: 18px;}
.cd-entry-content h6{font-size: 16px;}  
.post_content_special_block_top p{padding: 15px; font-size: 17px;}   
.cd-entry-content p, .cd-entry-content ul li, .cd-entry-content ol li{font-size: 17px;}
}

@media (max-width: 480px) { .cd-entry-content ol li a { word-break: break-all; } }

/* ── Video Embed ───────────────────────────────────────── */
.cd-video-embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 8px; margin-bottom: 10px; }
.cd-video-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.cd-video-caption { font-size: 1rem; font-weight: 500; text-align: center; padding-bottom: 12px; }

/* ── TL;DR Box ─────────────────────────────────────────── */
.cd-tldr { background: url(https://clouddesk.ai/wp-content/themes/twentytwentyone-child/images/border_diagonal.png) repeat 0 top; padding: 10px; border-radius: 8px; margin-bottom: 28px; }
.cd-tldr__inner { background: #fff; padding: 16px 20px; border-radius: 6px; }
.cd-tldr__inner h3 { font-family: var(--cd-font-heading); margin: 0 0 12px; padding-bottom: 12px; font-size: 2.2rem; line-height: 1rem; }
.cd-tldr__inner ul { padding: 0 0 0 20px; }
.cd-tldr__inner ul li { font-size: 1rem; padding-bottom: 10px; }
.cd-tldr__inner ul li:last-child { padding-bottom: 0; }
.cd-tldr__inner p { font-size: 1rem; margin-bottom: 0; }

/* ── Horizontal In-content Ads ─────────────────────────── */
.cd-h-ad { display: flex; align-items: center; gap: 16px; background: #f4ead9; padding: 12px 14px; border-radius: 16px; margin: 24px 0; }
.cd-h-ad--recruiter { background: linear-gradient(180deg,#EBF3EB 0%,#DCFEDD 100%); }
.cd-h-ad--hrpad     { background: linear-gradient(180deg,#9acbd02d 0%,#f2efe7a6 100%); }
.cd-h-ad--timeclock { background: linear-gradient(180deg,#FFE3E1 0%,#FFF5E4 100%); }
.cd-h-ad--revops-scale { background: #f4ead9; }
.cd-h-ad--revops-scale .cd-h-ad__body h2 { text-decoration: underline; text-underline-offset: 4px; }
.cd-h-ad__img { flex-shrink: 0; max-width: 200px; }
.cd-h-ad__img img { width: 100%; height: auto; display: block; }
.cd-h-ad__body { flex: 1; min-width: 0; }
.cd-h-ad__body h2 { font-family: var(--cd-font-heading); color: #042f85 !important; font-size: 1.3rem !important; font-weight: 700 !important; margin: 0 0 8px; line-height: 1.4; }
.cd-h-ad__body p { font-size: 1rem; margin-bottom: 12px; color: #000; }
.cd-h-ad__link { color: #ff8500 !important; text-decoration: none; font-size: 1rem; font-weight: 500; }
.cd-h-ad__link:hover { color: #042f85; text-decoration: underline; }
.cd-h-ad__sep { color: #ff8500; margin: 0 8px; }
@media (max-width: 600px) { .cd-h-ad { flex-direction: column; text-align: center; } .cd-h-ad__img { max-width: 100%; } .cd-h-ad__link { font-size: .8rem; } }

/* ── Bottom Content Ads ─────────────────────────────────── */
.cd-content-ad { border-radius: var(--cd-radius-md); overflow: hidden; margin: 28px 0; box-shadow: var(--cd-shadow-card); }
.cd-content-ad__head { background: #e9f1f4; border-top: 5px solid var(--cd-blue); padding: 14px 20px 0; }
.cd-content-ad__head.alt { border-top-color: #04a6f4; }
.cd-content-ad__head h6 { margin: 0 0 6px; }
.cd-content-ad__head h5 { font-family: var(--cd-font-heading); font-size: 1rem; color: var(--cd-dark); margin: 0 0 14px; }
.cd-content-ad__body { display: flex; align-items: center; gap: 16px; background: #e9f1f4; padding: 0 20px 16px; }
.cd-content-ad__body-img { flex: 0 0 auto; max-width: 200px; }
.cd-content-ad__body-img img { width: 100%; height: auto; }
.cd-content-ad__body-text p { font-size: .92rem; margin-bottom: 8px; }
.cd-content-ad__body-text ul { padding: 0; list-style: none; font-size: .92rem; line-height: 2.2; margin: 0; }
.cd-content-ad__footer { background: var(--cd-blue); color: #fff; padding: 10px 20px; font-size: .88rem; }
.cd-content-ad__footer.alt { background: #04a6f4; }
.cd-content-ad__footer a { color: #fff; font-weight: 600; }
@media (max-width: 640px) { .cd-content-ad__body { flex-direction: column; } .cd-content-ad__body-img { max-width: 100%; width: 100%; } }

/* ── Author Bio ─────────────────────────────────────────── */
.cd-author-bio { display: flex; gap: 16px; background: #fff; box-shadow: var(--cd-shadow-card); border-radius: var(--cd-radius-md); padding: 16px 20px; margin: 24px 0; }
.cd-author-bio__avatar { flex-shrink: 0; margin-top: 4px; }
.cd-author-bio__avatar img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; box-shadow: 0 3px 8px rgba(0,0,0,.24); }
.cd-author-bio__name { font-family: var(--cd-font-heading); font-size: 1.1rem; font-weight: 700; color: #ff9900; margin: 0 0 8px; }
.cd-author-bio__text { font-size: .95rem; font-weight: 500; line-height: 1.65; color: var(--cd-text); margin: 0; }
@media (max-width: 540px) { .cd-author-bio { flex-direction: column; align-items: center; text-align: center; } }

/* ── Tags ──────────────────────────────────────────────── */
.cd-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 20px 0; }
.cd-tags__label { font-size: .82rem; font-weight: 600; color: var(--cd-text-light); }
.cd-tags a { background: var(--cd-off-white); border: 1px solid var(--cd-blue); color: var(--cd-blue); padding: 4px 12px; border-radius: 20px; font-size: .78rem; text-decoration: none; transition: all .15s; }
.cd-tags a:hover { background: var(--cd-blue); color: #fff; }

/* ── Comment Toggle ────────────────────────────────────── */
.cd-comment-actions { margin: 20px 0; }
.cd-btn-comment { background: none; border: 2px solid var(--cd-blue); color: var(--cd-blue); padding: 9px 24px; border-radius: 6px; cursor: pointer; font-size: .95rem; font-weight: 600; transition: all .2s; }
.cd-btn-comment:hover { background: var(--cd-blue); color: #fff; }
#cd-comment-wrapper { display: none; margin-top: 20px; }

/* ── Similar / Related Posts ────────────────────────────── */
.cd-related { padding-top: 48px; border-top: 2px solid var(--cd-border); margin-top: 40px; }
.cd-related__title { font-family: var(--cd-font-heading); font-size: 1.5rem; font-weight: 700; color: var(--cd-dark); text-align: center; margin: 0 0 28px; }
.cd-related-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
@media (max-width: 860px) { .cd-related-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 540px) { .cd-related-grid { grid-template-columns: 1fr; } }
.cd-related-card { border-radius: var(--cd-radius-md); overflow: hidden; box-shadow: var(--cd-shadow-card); background: #fff; display: flex; flex-direction: column; }
.cd-related-card img { width: 100%; height: 160px; object-fit: cover; display: block; }
.cd-related-card__body { background: #EFF8FF; padding: 16px; flex: 1; }
.cd-related-card__title { font-size: .93rem; font-weight: 600; color: #272742; line-height: 1.4; margin: 0; }
.cd-related-card__footer { background: #272742; padding: 10px 14px; text-align: right; transition: background .2s; }
.cd-related-card__footer:hover { background: #FD8922; }
.cd-related-card__footer a { color: #fff; font-size: .82rem; font-weight: 700; text-decoration: none; display: block; }

/* ── Sticky Sidebar ─────────────────────────────────────── */
.cd-single-sidebar { position: sticky; top: 100px; }
.cd-sidebar-wrap { display: flex; flex-direction: column; gap: 0; }

/* CloudDesk Sidebar Info Block */
.cd-sidebar-clouddesk { text-align: center; padding: 16px 14px 14px; background: #fff; }
.cd-sidebar-clouddesk__heading { font-family: var(--cd-font-heading); font-size:18px; font-weight: 600; color: var(--cd-navy); margin-bottom: 10px; }
.cd-sidebar-features { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; margin-bottom: 20px; }
.cd-sidebar-feature { text-align: center; }
.cd-sidebar-feature i { color: var(--cd-blue); font-size: 1.1rem; display: block; margin-bottom: 3px; }
.cd-sidebar-feature .cd-star { color: var(--cd-blue); font-size:45px; display: block; margin-bottom: 3px; line-height: 1; }
.cd-sidebar-feature h4 { font-size: 14px; margin: 0; color: var(--cd-text); font-weight: 600; }
.cd-sidebar-cta { display: flex; }
.cd-sidebar-cta a { flex: 1; text-align: center; padding: 10px 6px; font-weight: 700; text-decoration: none; transition: all .2s; }
.cd-sidebar-cta__learn { background-color: #70C92F; color: #fff; border-radius: 6px 0 0 6px; }
.cd-sidebar-cta__learn:hover { background: #F99615; color: #fff; }
.cd-sidebar-cta__trial { background: var(--cd-blue); color: #fff; border-radius: 0 6px 6px 0; }
.cd-sidebar-cta__trial:hover { background: var(--cd-navy); color: #fff; }

/* Sidebar Recent Posts */
.cd-sidebar-recent { padding: 16px 16px 20px; background: #fff;  display: none;}
.cd-sidebar-recent h3 { font-family: var(--cd-font-heading); font-size: 1rem; font-weight: 700; margin: 0 0 10px; padding-bottom: 10px; border-bottom: 2px solid var(--cd-off-white); color: var(--cd-navy); }
.cd-recent-list { list-style: none; padding: 0; margin: 0; }
.cd-recent-list li { padding: 8px 0; border-bottom: 1px solid #eee; }
.cd-recent-list li:last-child { border-bottom: 0; }
.cd-recent-list a { font-size: .87rem; font-weight: 500; color: var(--cd-text); text-decoration: none; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.cd-recent-list a:hover { color: var(--cd-blue); }
.cd-recent-list .cd-recent-date { font-size: .74rem; color: var(--cd-text-light); margin-top: 2px; }

/* ─── Sidebar Product Ads ─── */
.cd-postads { overflow: hidden; width: 100%; }
.cd-postads__badge-bar { display: inline-block; background: #04a6f4; color: #fff; font-size: .82rem; padding: 4px 14px; border-radius: 5px; margin: 10px 0 6px; font-weight: 500; }
.cd-postads__badge-bar img{display: inline-block;}
.cd-postads__top { background: #e9f1f4; padding: 12px 14px; text-align: center; }
.cd-postads__top h2 { font-family: var(--cd-font-heading); font-size: 1.5rem; color: #1313a8; font-weight: 700; margin: 0 0 6px; line-height: 1.3; }
.cd-postads__top h2 small { font-weight: 600; }
.cd-postads__img img { width: 100%; height: auto; display: block; }
.cd-postads__bottom { background: #e9f1f4; padding: 12px 14px; text-align: center; }
.cd-postads__green-badge { display: inline-block; background: #39b54a; color: #fff;padding: 5px 14px; border-radius: 20px; margin: 4px 0 8px; font-weight: 500; }
.cd-postads__list { list-style: none; padding: 0; column-count: 2; gap: 0; margin: 8px auto; display: inline-block; text-align: left; }
.cd-postads__list li {font-weight: 400; color: #262635; padding: 3px 0;display: flex;align-items: center;}
.cd-postads__list li img { vertical-align: middle; margin-right: 4px; width: auto;height: 14px;}
.cd-postads__list--single { column-count: 1; }
.cd-postads__list--single li span {font-weight: 500; }
.cd-postads__list--media li { display: flex; align-items: center; padding: 5px 0; }
.cd-postads__list--media li span {font-weight: 500; }
.cd-postads__list--media li img { width: 19px; margin-right: 8px; flex-shrink: 0; }
.cd-postads__link { color: #04a6f4 !important; text-decoration: underline !important; font-size: .95rem; font-weight: 500; margin: 8px 0 6px; display: inline-block; }
.cd-postads__link:hover { color: #ff8500 !important; }
hr.cd-hr { border-color: #ccc; margin: 10px 0; }

/* AI RevOps sidebar */
.cd-postads--revops { background: #f4ead9; }
.cd-postads--revops .cd-postads__top { background: #f2dbbb; }
.cd-postads--revops .cd-postads__badge-bar { background: transparent; color: #ef4136; font-size: 1.05rem; font-weight: 700; padding: 2px 6px; }
.cd-postads--revops .cd-postads__top h2 { color: #042f85; font-size: 1.2rem; }
.cd-postads--revops .cd-postads__bottom { background: #f4ead9; padding-top: 6px; }
.cd-postads--revops .cd-postads__subhead { font-family: var(--cd-font-heading); font-size: 1rem; font-weight: 600; color: #262635; text-align: center; margin: 18px 0 0; }
.cd-postads--revops .cd-postads__link-list { list-style: none; padding: 0; margin: 8px auto; max-width: 230px; }
.cd-postads--revops .cd-postads__link-list li { background: #fff; border-radius: 8px; padding: 8px 10px; margin: 5px 0; font-size: .85rem; font-weight: 400; }
.cd-postads--revops .cd-postads__link-list li a { color: #1a73e8; text-decoration: none; display: flex; align-items: center; gap: 8px; }
.cd-postads--revops .cd-postads__link-list li a:hover { color: #ff8500; }
.cd-postads--revops .cd-postads__link-list li img { max-height: 20px; width: auto; }
.cd-postads--revops .cd-postads__cta-banner { display: block; background: #ff8500; color: #fff; font-size: .9rem; padding: 10px 14px; text-align: center; text-decoration: none !important; border-radius: 6px; margin: 10px 0 6px; font-size: .9rem; }
.cd-postads--revops .cd-postads__cta-banner:hover { background: #042f85; }

/* hrPad sidebar */
.cd-postads--hrpad .cd-postads__top { background: #ffefe8; }
.cd-postads--hrpad .cd-postads__top h2 { color: #04a6f4; font-size: 1.15rem; margin-bottom: 8px; }
.cd-postads--hrpad .cd-postads__img { background: #DFEFD5; padding: 0 10px 12px; }
.cd-postads--hrpad .cd-postads__img p { font-size: .92rem; margin: 12px 0 0; }
.cd-postads--hrpad .cd-postads__bottom { background: #e2f6ff; }

/* AI TimeClock sidebar */
.cd-postads--timeclock .cd-postads__green-badge { display: block; padding: 5px 6px; text-align: center; width: 100%; }

/* Enterprise AI / LLM sidebar */
.cd-postads--enterprise .cd-postads__img-banner img { border-radius: var(--cd-radius-md) var(--cd-radius-md) 0 0; }
.cd-postads--enterprise .cd-postads__heading-bar { background: #f7941d; color: #fff; text-align: center; padding: 14px; font-family: var(--cd-font-heading); font-size: 1.1rem; font-weight: 600; line-height: 1.3; margin: 0; }
.cd-postads--enterprise .cd-postads__bottom { background: #e9f1f4; }
.cd-postads--enterprise .cd-postads__list--single { column-count: 1; margin: 5px auto; }

/* AI Chatbot sidebar */
.cd-postads--chatbot .cd-postads__top,
.cd-postads--chatbot .cd-postads__bottom { background: #f4f4f4; }
.cd-postads--chatbot .cd-postads__top h2 { font-weight: 600; color: #000e50; font-size: 1.2rem; }

/* ─── AI RevOps Native Ad (in-content large block) ──────── */
.cd-native-revops { background: #f4ead9; padding: 32px 14px; margin: 28px 0; border-radius: var(--cd-radius-md); }
.cd-native-revops > h2 { font-family: var(--cd-font-heading); text-align: center; margin: 0 0 22px; font-size: 1.5rem; }
.cd-native-featured { background-size: cover; background-position: center; padding: 22px 36px; margin: 0 6px 10px; border-radius: 24px; }
@media (max-width: 640px) { .cd-native-featured { padding: 22px 14px; text-align: center; } }
.cd-native-featured h3 { color: #ff8500; font-size: 26px; max-width:320px; font-weight: 600; margin-bottom: 16px; }
.cd-native-featured a { color: #1a73e8; border: 1px solid #1a73e8; padding: 9px 22px; display: inline-block; border-radius: 22px; font-size: .9rem; background: rgba(4,166,244,.1); }
.cd-native-featured a:hover { background: #1a73e8; color: #fff; text-decoration: none; }
.cd-agent-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 10px; }
@media (max-width: 720px) { .cd-agent-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 440px) { .cd-agent-grid { grid-template-columns: 1fr; } }
.cd-agent-card { background: #fff; border-radius: 14px; padding: 12px; display: flex; gap: 10px; align-items: flex-start; }
.cd-agent-card:hover { background: #FFFCF9; }
.cd-agent-card img { max-height: 46px; width: auto; flex-shrink: 0; }
.cd-agent-card__body h5 { color: #ff8500; font-size: .95rem; font-weight: 600; margin: 0 0 3px; }
.cd-agent-card__body p { font-size: .8rem; color: #000; margin: 0 0 2px; line-height: 1.4; font-weight: 500; }
.cd-agent-card__body a { font-size: .78rem; font-weight: 500; color: #1a73e8; text-decoration: underline; }
.cd-agent-card__body a:hover { color: #ff8500; }
.cd-works-with { list-style: none; padding: 0; margin: 24px 0 0; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; align-items: center; }
.cd-works-with li { display: inline-flex; align-items: center; color: #274242; font-weight: 600; font-size: .9rem; }
.cd-works-with li img { max-width: 76px; max-height: 26px; width: auto; object-fit: contain; }

@media (max-width: 574px) { 
    .cd-native-featured > div { grid-template-columns: 1fr !important; } 
    .cd-native-featured > div > div > img { display: inline-block !important; }
    .cd-native-featured h3{font-size: 22px;}
}

/* ═════════════════════════════════════════════════════════════
   Latest Posts Cards  [latest__posts_cards]
   Bootstrap-free, fully responsive, matches original card design
   ═════════════════════════════════════════════════════════════ */

/* Grid wrapper — adapts columns to post_number */
.cd-lpc-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
}
.cd-lpc-cols-1 { grid-template-columns: 1fr; }
.cd-lpc-cols-2 { grid-template-columns: repeat(2, 1fr); }
.cd-lpc-cols-3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 960px) {
    .cd-lpc-cols-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 580px) {
    .cd-lpc-cols-2,
    .cd-lpc-cols-3 { grid-template-columns: 1fr; }
}
.cd-lpc-empty { text-align: center; color: var(--cd-text-light); padding: 20px 0; }

/* Card */
.cd-lpc-card {
    display: flex;
    flex-direction: column;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}
.cd-lpc-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,.10);
}

/* Thumbnail link */
.cd-lpc-card__thumb {
    display: block;
    flex-shrink: 0;
    overflow: hidden;
    line-height: 0;
}
.cd-lpc-card__thumb img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}
.cd-lpc-card:hover .cd-lpc-card__thumb img {
    transform: scale(1.05);
}

/* Single cover link — stretches over the entire card */
.cd-lpc-card__link {
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
    /* visually transparent; only interactive */
}

/* Body */
.cd-lpc-card__body {
    flex: 1;
    background-color: #f4f8fc;
    padding: 20px;
    min-height: 186px;
    display: flex;
    align-items: flex-start;
}
.cd-lpc-card__title {
    font-family: var(--cd-font-heading);
    font-size: 1rem;
    font-weight: 500;
    color: #1d2a3b;
    line-height: 1.5;
    margin: 0;
}
.cd-lpc-card__title a {
    color: inherit;
    text-decoration: none;
}
.cd-lpc-card__title a:hover {
    color: var(--cd-blue);
    text-decoration: none;
}

/* Footer */
.cd-lpc-card__footer {
    flex-shrink: 0;
    background-color: #437fff;
    text-align: center;
    padding: 12px 20px;
    border-top: none;
    color: #fff;
}
.cd-lpc-card:hover .cd-lpc-card__footer span {
    text-decoration: underline;
 }
.cd-lpc-card__footer a {
    color: #fff;
    text-decoration: none;
    font-family: var(--cd-font-heading);
    font-weight: 600;
    font-size: .9rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.cd-lpc-card__footer a:hover {
    text-decoration: underline;
    color: #fff;
}


/* ═════════════════════════════════════════════════════════════
   Industry Templates Design
   ═════════════════════════════════════════════════════════════ */
.use-facility-alt { -webkit-box-shadow: 0 5px 25px rgb(0 0 0 / 10%); box-shadow: 0 5px 25px rgb(0 0 0 / 10%); background: #fff; }
.use-facility { padding: 45px 30px 25px 30px; position: relative; }
.use-facility h3, .use-facility h3 a { color: #272742; font-size: 26px; font-weight: 400; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; }

@media (max-width: 767px) {
.use-facility h3, .use-facility h3 a {font-size: 20px;}
.live-screen-sec .mfeatures img{width: 50px !important; height: 50px !important;}
}


/* ═════════════════════════════════════════════════════════════
   Pricing Page Design
   ═════════════════════════════════════════════════════════════ */
input#cloudDeskContact_Btn {
    background: #fa9917;
    padding: 10px 50px;
    color: #fff;
    border-radius: 50px;
    transition: all .3s;
    border: 2px solid #fa9917;
    font-size: 20px;
    text-transform: uppercase;
}
.custom_cf7_wrapper textarea#description {
    max-height: 120px;
}

/* custom_cf7_wrapper */
.custom_cf7_wrapper { }
.custom_cf7_wrapper span.wpcf7-not-valid-tip { position: absolute; bottom: -14px; right: 2px; font-size: 12px; background: #ff0000; color: #fff; padding: 0 10px; }
.custom_cf7_wrapper span.wpcf7-form-control-wrap.Country select { width: 100%; margin-left: 2px; }
.custom_cf7_wrapper textarea#description { max-height: 120px; }
.custom_cf7_wrapper input, .custom_cf7_wrapper select, .custom_cf7_wrapper textarea { border: 1px solid #ddd; width:100%; }
.custom_cf7_wrapper input[type="submit"]{width:auto;}
.custom_cf7_wrapper input:focus, .custom_cf7_wrapper select:focus, .custom_cf7_wrapper textarea:focus { outline: none !important; }
input#cloudDeskContact_Btn { background: #fa9917; padding: 10px 60px; color: #fff; border-radius: 50px; transition: all .3s; border: 2px solid #fa9917;}
input#cloudDeskContact_Btn:focus { outline: 0; }
input#cloudDeskContact_Btn:hover { background: #fff; color: #fa9917; border-width: 2px; }
.custom_cf7_wrapper p{margin-bottom: 0;}


/* ---------- cf7 phone number county flag ----------- */
#international_phone{width:100%;}
#international_phone_valid_msg {position: absolute;top: 50%;transform: translateY(-50%);color: #dc3232;right: 18px;font-size: 14px;font-weight: 400;}
#international_phone_valid_msg.valid {color: #70C92F;}

/* ---------- Contact page ----------- */
.custom-social-icons { margin-top: 10px; }
.custom-social-icons a {font-size: 26px; display: inline-block; margin: 0 10px; transition: all .3s; color: #289DF3;}
.custom-social-icons a:hover { color: #ff9d35 !important; }

/* ---------- Compare pages ----------- */
.table-striped tbody tr:nth-of-type(odd) { background-color: rgb(244 248 255) !important; }
.custom-compare-table {}
.custom-compare-table i.fa-check-square { color: #3DDC84; font-size: 28px; }
.custom-compare-table i.fa-window-close { color: #ff5757; font-size: 28px; }
.custom-compare-table thead th { border-bottom: none !important; }
.custom-compare-table .custom-logo { width: 64px; height: 64px; object-fit: contain; margin: auto; }
.custom-compare-table td { vertical-align: middle !important; }
.custom-sub-text { color: #969696; }
#compare-tables th:first-child { width: 375px; }
#compare-tables th:nth-child(4), #compare-tables td:nth-child(4) { width: 250px !important; background: #f4f8ff; box-shadow: 0 5px 10px #ddd; }
#compare-tables th:nth-child(4) { margin-top: -37px; position: absolute; padding: 30px 0; box-shadow: 0 -2px 8px #ddd; width: 249px !important; }
#compare-tables .custom-compare-logo { width: 64px; height: 64px; padding: 10px; }
/* .custom-home-accrodions .elementor-accordion-item:nth-child(odd) .elementor-tab-title { background: #f3f8ff; } */
.custom-home-accrodions a.elementor-accordion-title:focus { background: none !important; text-decoration: none !important; }
/* START Feature Pages */
.custom-point-fset1 div.custom-point-fset1-img-wrap { min-width: 90px !important; }
.custom-point-fset1 h3 { font-size: 22px; color: #123456 !important; font-weight: 600; font-family: 'Inter', sans-serif; margin-bottom: 0; }
.custom-point-fset1 img { width: 80px; height: 80px; }
.custom-bullets.custom-fset-bullet ul li span.elementor-icon-list-icon { min-height: auto; }

@media screen and (max-width: 767px) {
.custom-point-fset1 div.custom-point-fset1-img-wrap { min-width:70px !important; }	
.custom-point-fset1 img { width: 60px; height: 60px; }	
}


/* single post ad */
.entry-content .ad-area1 div div { min-width: auto !important; }
.right-area h6, .right-area h5 { margin: 5px 0 !important; }
.ad-area-desc ul { margin: 0; padding: 0; padding-left: 30px; font-size: 13px; line-height: 2; font-weight: 500; color: #837c7c; }
.ad-area1 { border-radius: 8px; overflow: hidden; padding: 20px 10px; box-shadow: 5px 5px 10px #ddd; border-top: 5px solid #015A84; max-width: 100%; margin: 30px auto; background: #f4f5f7; }
.ad-area1 .left-area { width: 42%; float: left; text-align: center; padding: 15px; }
.ad-area1 .right-area { width: 58%; float: left; }
.ad-area1 .right-area img { width: auto; min-width: auto; }
.ad-area1 .right-area h2, .ad-area1 .right-area h6 { margin-bottom: 0; text-align: center; padding-bottom: 0; margin-top: inherit; font-size: 1.80rem !important; color: #FE676E !important; font-weight: 700; }
.ad-area1 .right-area h3, .ad-area1 .right-area h5 { font-weight: 600; text-align: center; margin-top: inherit; font-size: 15px !important; text-transform: capitalize; padding-top: 2px; padding-bottom: 2px; line-height: 1.35rem; margin-bottom: 0; }
.ad-area1 .ad-area-desc { padding: 7px 0 12px 0; }
.ad-area1 .right-area p { font-weight: 500; text-align: center; font-size: 12px; padding-bottom: 0; margin: 0; line-height: 1.5; }
.ad-area1 .ad-area1-learn { display: table; margin: 0 auto; background: #FE676E; color: #fff !important; padding: 6px 20px; border-radius: 50px; min-width: unset; }
.left-area img { width: 100%; max-width: unset; min-width: unset; }
.ad-area1 h6 img{margin-left: auto; margin-right: auto;}
.custom-ad-wrapper { margin: 0; }

.custom-ad-wrapper .ad-area1 { padding: 0; padding-top: 20px; }
.custom-ad-wrapper .custom-box { padding: 0 10px; }

.custom-ad-wrapper h6, .custom-ad-wrapper h5 { text-align: center; }
.custom-ad-wrapper .ad-area-desc ul { padding: 0; font-size: 20px; list-style: none; line-height: 2.25; }
.custom-ad-wrapper .ad-area-desc ul li:before { content: '\27A4'; margin-right: 10px; color: #fe676e; }
.custom-ad-wrapper .ad-footer, .custom-ad-wrapper .custom-advert-footer { background: #ff9d35; padding: 15px; text-align: center; color: #fff; font-weight: 400; font-size: 15px; }
.custom-ad-wrapper .ad-footer a, .custom-ad-wrapper .custom-advert-footer a { display: inline-block; font-weight: 600; color: #fff; font-size: 16px; text-decoration: underline; transition: all .3s; }
.custom-ad-wrapper .ad-footer a:hover, .custom-ad-wrapper .custom-advert-footer a:hover { color: #0e3254; }

/* single post comment form show hide button */
.cd-btn-comment { background: #28303d; border: none; width: 100%; border: 0;; border-radius: 50px; color: #fff; line-height: 3rem; font-size: 15px; padding: 0; text-transform: capitalize; transition: all .3s; -webkit-transition: all .3s; }
.cd-btn-comment:focus {outline: 0px;}
.cd-btn-comment:hover { background: #088ccc;}
#commentform .comment-form-cookies-consent label{display: inline-block !important;}
#commentform label{display: block;}
#commentform textarea, #commentform .comment-form-author input, #commentform .comment-form-email input, #commentform .comment-form-url input{display: block; width: 100%; max-width: 450px;}