/* =Import Required styles

========================================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,400&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Poppins:wght@100&display=swap');
/* @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css'); */


/* =Box Sizing 

========================================================================================*/

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }

@font-face {
    font-family: 'digital-icon';
    src:  url('/wp-content/themes/digital-citizens/fonts/digital-icon/digital-icon.eot?5ewhg8');
    src:  url('/wp-content/themes/digital-citizens/fonts/digital-icon/digital-icon.eot?5ewhg8#iefix') format('embedded-opentype'),
      url('/wp-content/themes/digital-citizens/fonts/digital-icon/digital-icon.ttf?5ewhg8') format('truetype'),
      url('/wp-content/themes/digital-citizens/fonts/digital-icon/digital-icon.woff?5ewhg8') format('woff'),
      url('/wp-content/themes/digital-citizens/fonts/digital-icon/digital-icon.svg?5ewhg8#digital-icon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  

@font-face {
    font-family: 'Merriweather';
    src: url('/wp-content/themes/digital-citizens/fonts/Merriweather-Black.woff2') format('woff2'),
        url('/wp-content/themes/digital-citizens/fonts/Merriweather-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/wp-content/themes/digital-citizens/fonts/Merriweather-Bold.woff2') format('woff2'),
        url('/wp-content/themes/digital-citizens/fonts/Merriweather-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/wp-content/themes/digital-citizens/fonts/Merriweather-BlackItalic.woff2') format('woff2'),
        url('/wp-content/themes/digital-citizens/fonts/Merriweather-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/wp-content/themes/digital-citizens/fonts/Merriweather-Light.woff2') format('woff2'),
        url('/wp-content/themes/digital-citizens/fonts/Merriweather-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/wp-content/themes/digital-citizens/fonts/Merriweather-BoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/digital-citizens/fonts/Merriweather-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/wp-content/themes/digital-citizens/fonts/Merriweather-Italic.woff2') format('woff2'),
        url('/wp-content/themes/digital-citizens/fonts/Merriweather-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/wp-content/themes/digital-citizens/fonts/Merriweather-Regular.woff2') format('woff2'),
        url('/wp-content/themes/digital-citizens/fonts/Merriweather-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/wp-content/themes/digital-citizens/fonts/Merriweather-LightItalic.woff2') format('woff2'),
        url('/wp-content/themes/digital-citizens/fonts/Merriweather-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/wp-content/themes/digital-citizens/fonts/Merriweather-Black.woff2') format('woff2'),
        url('/wp-content/themes/digital-citizens/fonts/Merriweather-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/wp-content/themes/digital-citizens/fonts/Merriweather-BoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/digital-citizens/fonts/Merriweather-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/wp-content/themes/digital-citizens/fonts/Merriweather-Regular.woff2') format('woff2'),
        url('/wp-content/themes/digital-citizens/fonts/Merriweather-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/wp-content/themes/digital-citizens/fonts/Merriweather-Light.woff2') format('woff2'),
        url('/wp-content/themes/digital-citizens/fonts/Merriweather-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/wp-content/themes/digital-citizens/fonts/Merriweather-Bold.woff2') format('woff2'),
        url('/wp-content/themes/digital-citizens/fonts/Merriweather-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/wp-content/themes/digital-citizens/fonts/Merriweather-Italic.woff2') format('woff2'),
        url('/wp-content/themes/digital-citizens/fonts/Merriweather-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/wp-content/themes/digital-citizens/fonts/Merriweather-BlackItalic.woff2') format('woff2'),
        url('/wp-content/themes/digital-citizens/fonts/Merriweather-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/wp-content/themes/digital-citizens/fonts/Merriweather-LightItalic.woff2') format('woff2'),
        url('/wp-content/themes/digital-citizens/fonts/Merriweather-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}




/* =Deafult Tag & General Classes

========================================================================================*/

html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; }

body {font-family: 'Merriweather'; color:#000; margin: 0 !important; padding: 0; }

img { vertical-align:top; border:0; }

a, input[type="button"], input[type="submit"], button, table th, table td { -moz-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }

.allanim, #mainmenu li a:after, .category-pic a h6 span  { -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }

a { color:#000000; text-decoration:none;}

a:hover { text-decoration:none  ; }

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {

	a:active{ background-color:transparent;}

}

strong { font-weight:bold; }

small, .small { font-size: 85%; }

sub, sup { font-size:80% }

figure{margin: 0;}

p { margin:0 0 20px 0;    line-height: 1.9;  }



h1,h2, h3, h4, h5, h6 { line-height:1.3; margin:0 0 10px; font-weight:600;  }

h1,h2 { font-size:44px;  }

h3 { font-size:38px; }

h4 { font-size:30px; }

h5 { font-size:24px; }

h6 { font-size:16px; }



ul li { line-height:24px; }

/* :root {
    --theme-color: #1ab69d; 
    --secondary-color:#232323;
    --color-white: #ffffff;
    --color-heading: #181818;
    --color-body:#636363;
    --star-color:#f8b81f;
    --digital-icon:'digital-icon';
} */

:root {
    --theme-color: #FFB606; 
    --secondary-color:#232323;
    --color-white: #ffffff;
    --color-heading: #181818;
    /* --color-body: #808080; */
    --color-body:#868686;
    --star-color:#f8b81f;
    --digital-icon:'digital-icon';
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
    max-width: none !important;
}

.wrap { max-width:1480px; width:100%; margin:0 auto; padding-left:20px; padding-right:20px;}
.spacing {padding: 60px 0;}
.space{padding:  0 0 60px;}

/* New-Header Start CSS */

#masthead{padding: 0 0 20px;position: absolute;top: 0;left: 0;right: 0;z-index: 5;}
.user_page{background:#000}
.user_page + #user-registration{margin-top:10%;}
/* New-Header End CSS */

/* Header Start CSS */
.top-nav-data{display: flex;align-items: center;justify-content:space-between;font-family: "Open Sans"}
.top-bar ul.top-nav-right-content li.login a:before{content: '\e904';font-family: var(--digital-icon);display: inline-flex;justify-content: center;align-items: center;font-size: 22px;font-weight: 600;margin-right: 10px;color: var(--color-white);vertical-align: middle;}
.top-bar ul.top-nav-right-content li.Register a:before{content: '\e90c';font-family: var(--digital-icon);display: inline-flex;justify-content: center;align-items: center;font-size: 22px;font-weight: 600;margin-right: 10px;color: var(--color-white);vertical-align: middle;}
.top-bar{color: var(--color-white);padding: 10px 0;background: 0 0;border-bottom: 1px solid rgba(255,255,255,.2);}
.top-bar .contact p{margin: 0;}
.top-bar ul.top-nav-right-content{padding: 0;margin:0;display: flex;}
.top-bar ul.top-nav-right-content li{list-style: none;padding: 0 10px;}
.top-bar ul.top-nav-right-content li a{color: var(--color-white);}

.navigation-menu .main-navigation{width: unset;}
.navigation-menu{display: flex;align-items: center;justify-content: space-between;font-family: "Open Sans";padding-top: 30px;flex-wrap: wrap;}
.navigation-menu .main-navigation ul > li{padding:0px 0;}
.navigation-menu .main-navigation ul{align-items: center;gap:25px}
.navigation-menu .main-navigation ul li > a{position: relative;display: inline-block;width: 100%;vertical-align: middle;height: 100%;color:var(--color-white);font-size: 16px;line-height: 23px;font-weight: 600;box-sizing: border-box;position: relative;}
.menu.nav-menu>li.category.menu-item-has-children>a::before {content: '\e902';font-family: var(--digital-icon);display: inline-flex;justify-content: center;align-items: center;font-size: 22px;font-weight: 600;margin-right: 10px;color: var(--theme-color);vertical-align: middle;}
.menu.nav-menu>li.category.menu-item-has-children>a::after{content: '';border-left: 1px solid;    height: 25px;display: inline-block;vertical-align: middle;}
.menu.nav-menu>li.menu-item-has-children>a::after{content: '\e903';font-family: var(--digital-icon);display: inline-flex;justify-content: center;align-items: center;font-size: 12px;font-weight: 600;margin-left: 10px;color: var(--theme-color);}
.navigation-menu  .main-navigation ul li ul.sub-menu li{padding: 10px 0;    width: 100%;text-align: left;}
.navigation-menu  .main-navigation ul li > ul.sub-menu{    background-color: #fff;text-align: center;border-top: 4px solid var(--theme-color);box-shadow: 0 5px 15px -5px rgba(0,0,0,.05);z-index: 10;-webkit-transition: top .15s ease-out;-moz-transition: top .15s ease-out;transition: top .15s ease-out;padding: 10px;width: 250px;    position: absolute;top: 100%;display: block;}
.navigation-menu  .main-navigation ul li ul.sub-menu li.menu-item-has-children > a::after{content: '\e908';font-family: var(--digital-icon); position: absolute;right: 0;font-size: 14px;}
.navigation-menu .main-navigation ul li > ul.sub-menu li a{color: var(--color-heading);}
/* .navigation-menu .main-navigation ul li ul.sub-menu li > ul.sub-menu{position: absolute;left: 240px;top: 0;display: block;opacity: 0;
} */
/* .navigation-menu .main-navigation ul li ul.sub-menu li.drop-down > ul.sub-menu{opacity: 1;position: relative;left: 0;}
.navigation-menu .main-navigation ul li ul.sub-menu li.drop-down:focus > ul.sub-menu{opacity: 1;} */
.navigation-menu .main-navigation ul li ul.sub-menu li.drop-down {position: relative;display: inline-block;}
.navigation-menu .main-navigation ul li ul.sub-menu li.drop-down > ul.sub-menu{  position: absolute;
    top: 100%;
    border: 1px solid #ccc;
    padding: 0;
    margin: 2px 0 0 0;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
    background-color: #ffffff;
    list-style-type: none;}
    .navigation-menu .main-navigation ul li ul.sub-menu li.drop-down > ul.sub-menu {
        display: none;
      } 
      .navigation-menu .main-navigation ul li ul.sub-menu li.drop-down.focus > ul.sub-menu{display: block;}

      
/* Header End CSS */

.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item .form-row{text-align:left;}
.ur-frontend-form .ur-button-container .ur-submit-button,.ur-frontend-form input[type=submit]{margin: 0 auto;background: var(--theme-color);font-weight:500;}
.ur-frontend-form .form-row ul{padding: 0;font-family: "Open Sans"}
.ur-frontend-form .form-row ul li label{font-size: 14px;}
.ur-frontend-form .ur-form-row .ur-form-grid label{font-size: 16px;}
  
  .popup, .popup1 {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: none;
z-index: 5;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);

    transition: all ease 500ms;
  }
  .popup .popup__content, .popup1 .popup__content {
    width: 80%;
    overflow: auto;
    padding: 50px;
    background: var(--color-white);
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    height: 80vh;
    overflow-y: scroll;
  }
  .popup1 .popup__content{height: auto;}
  .popup .popup__content .close, .popup1 .popup__content .close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    display: block;
  }
  .popup .popup__content .close span, .popup1 .popup__content .close span {
    cursor: pointer;
    position: fixed;
    width: 20px;
    height: 3px;
    background: var(--theme-color);
  }
  .popup .popup__content .close span:nth-child(1), .popup1 .popup__content .close span:nth-child(1) {
    transform: rotate(45deg);
  }
  .popup .popup__content .close span:nth-child(2), .popup1 .popup__content .close span:nth-child(2) {
    transform: rotate(135deg);
  }
  .popup-bg h2{color: var(--color-white);}
  .popup-bg{ background: url('/wp-content/themes/digital-citizens/images/form-bg.png')no-repeat;width: 100%;    height:200px;
    display: flex;
    align-items: center;
    justify-content: center;background-size: cover;}
  



/* Home page Start CSS */
.hero-banner{position: relative;}
.hero-banner img{width: 100%;}
.slider-data-box{color: var(--color-white);}
.dg-button a{background:var(--theme-color);padding: 15px 25px;color: var(--color-heading);display: inline-block;}
.dg-button a:hover{background: linear-gradient(-90deg, #31b978 0%, #1ab69d 100%);}
.slider-data-box h1{font-size: 60px;}
.small-title{padding-bottom:15px;}
.slider-data-box p{max-width: 830px;margin: 0 auto;padding-bottom: 25px;font-family: "Open Sans";}
.hero-banner{position: relative;}
.hero-section .slide-content {max-width: 1480px !important;margin: 0 auto !important;padding-bottom: 0 !important;width: 100% !important;padding-left: 20px !important;padding-right: 20px !important;padding-top: 100px !important;z-index: 1;}
.hero-section .wp-block-button__link{padding: 15px 25px !important;border: 0 !important;}
.hero-section .slide-content .wp-block-button a:hover,.ur-button-container  button:hover{background:var(--color-heading) !important;color: var(--color-white) !important;}

 .features-section{display: flex;position: relative;}   
 .features-section .wp-block-columns{align-items: center !important;z-index: 1;    position: absolute;
left: 0; right: 0; bottom: 70px;}
.features-section .wp-block-columns .wp-block-column{margin: 0;padding: 30px;background: rgba(0, 0, 0, 0.7);}
.features-section .wp-block-columns .wp-block-column:hover{background: rgba(0, 0, 0, 1);cursor: pointer;}
.features-section .wp-block-columns .wp-block-column p{margin: 0;line-height: 1.3;font-size: 20px !important;font-family: "Open Sans";}
.features-section .wp-block-columns .wp-block-column strong{font-weight:400;}
.features-section .wp-block-media-text__content{padding: 0 0 0 20%;}



.digital-zphs .left-col img{margin-bottom: 25px;}
.digital-zphs h2,.event-section h2{font-size: 35px;padding-bottom: 25px;}
.event-section h2{text-align: center;}
.digital-zphs  p{ font-family: "Open Sans";margin: 0;color: var(--color-body);font-weight: 500;}
.digital-zphs .wp-block-columns .wp-block-column{margin: 0;}
.digital-zphs .wp-block-columns{margin: 0;}

.wp-block-columns .wp-block-column {margin: 0;cursor: pointer;}
.schools-detail-section .wp-block-column{position: relative;}
.schools-detail-section img{width: 100%;height: 380px;object-fit: cover;border-radius: 4px;}
.schools-detail-section .wp-block-image,.schools-detail-section{position: relative;}
.schools-detail-section .wp-block-image:after{background: rgba(32,51,89,.5);background: -webkit-linear-gradient(top,transparent,rgba(32,51,89,.8));background: -o-linear-gradient(top,transparent,rgba(0, 0, 0, 0.8));background: -moz-linear-gradient(top,transparent,rgba(0, 0, 0, 0.8));background: linear-gradient(to bottom,transparent,rgba(0, 0, 0, 0.8));position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;display: block;transition: all .8s ease;}
.schools-detail-section h5{display: block;color: var(--color-white);font-weight: 500;position: absolute;bottom: 10%;left: 0;right: 0;text-align: center;z-index: 1;transition: all .8s ease;font-size: 18px;}
.schools-detail-section:hover h5{bottom:5%;}
.schools-detail-section .wp-block-column .services-text{position: relative;margin: 0 10px;}
.schools-detail-section .wp-block-column:hover .services-inner-text{opacity: 1;visibility: visible;transform: translate(-50%,-50%)rotateY(0);}
.schools-detail-section .wp-block-column .services-inner-text{    position: absolute;transform: translate(-50%,-50%)rotateY(90deg);left: 50%;top: -183px;width: 100%;background: var(--secondary-color);padding: 30px;opacity: 0;visibility: hidden;transition: all .8s ease;color: var(--color-white);}

.second-title{padding-bottom:10px;}
.second-title h2{margin: 0;}
.second-title img{margin-bottom:25px;}

/* .event-section marquee,.event-section .news-container{background:#dceff4;padding: 30px;} */
.event-section .news-container ul{margin: 0;background:#dceff4;padding: 30px !important;right: 0;left:0;}
.event-section .news-container ul li{list-style: none;    background: aliceblue;
    padding:25px !important;
    margin: 20px 0 !important;}
.event-section .news-container .newsscroller_title{padding-bottom: 20px; text-decoration: none;font-size: 28px;}

.white-box {overflow: hidden;box-shadow: var(--shadow-1);padding: 30px;border-radius: var(--radius);background: var(--color-white);position: relative;border-radius: 20px;}
.schools-detail-section{position: relative;}
.schools-detail-section h3{padding-top: 45px;}
.schools-detail-section .wp-block-button a.wp-block-button__link{padding: 10px;border-radius: 50px !important;}
.schools-detail-section .wp-block-button{ width: 50px;}
.schools-detail-section .wp-block-button a{position: absolute;cursor: pointer;display: flex;z-index: 1;bottom: -25px;}
.schools-detail-section .wp-block-button img{width: 50px;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(322deg) brightness(105%) contrast(105%);}
.schools-detail-section .wp-block-button a.wp-block-button__link:hover{box-shadow: 0px 25px 20px 0px rgba(35, 204, 136, 0.3);border: 0; background: linear-gradient(-90deg, #31b978 0%, #1ab69d 100%);}

.stories-section .wp-block-embed iframe{width: 100%;    height: 520px;}
.stories-section .left-col .wp-block-embed iframe{min-height: 585px;}
.stories-section .right-col .wp-block-embed iframe{height:260px;}
.stories-section .wp-block-columns .wp-block-column{margin: 0;}
.stories-section .wp-block-embed,.stories-section .right-col {position: relative;}
.stories-section .wp-block-embed figcaption,.stories-section .right-col .wp-block-heading {position: absolute;bottom: 6px;right: 0px;color: aliceblue;    background:RGB(26,182,157,0.9);
    padding: 10px;font-family: "Open Sans";font-size: 16px;margin: 0;}
    .slide-content h2 {
     margin-bottom:30px;
    }

.testimoniais-row .testimoniais-col{padding: 0 20px;}
.testimoniais-box{box-shadow:0px 10px 50px 0px rgba(26,46,85,0.1);background-color: var(--color-white);border-radius: 10px;padding: 60px 30px 50px;position: relative;z-index: 1;overflow: hidden;margin: 35px 5px;}
.testimoniais-section .thumbnail img{border-radius: 50%;width:70px !important;height:70px;}
.testimonial-content p{padding-top:15px;}
.testimoniais-box:after {content: url(/wp-content/themes/digital-citizens/images/shape-1.png);position: absolute;top: -5px;right: -5px;z-index: -1;
}
.testimoniais-row .testimoniais-box p{font-family: "Open Sans";margin: 20px 0 10px;}
.testimoniais-row .testimoniais-box h5{font-size: 18px;}
.rating-icon{margin-bottom:10px;}
.rating-icon .icon-23::before{content: '\e909';font-family: var(--digital-icon);display: inline-flex;justify-content: center;align-items: center;font-size: 16px;font-weight: 600;margin-right: 5px;color: var(--star-color);vertical-align: middle;}
.rating-icon i{font-style: normal;}

.video-content{position: relative;}
.video-content iframe{width: 100%;height: 550px;}
.video-content .wp-block-columns{padding: 0; justify-content: flex-end;margin: 0;}
.video-content .wp-block-columns .wp-block-column:last-child{margin: 0;}
.video-content .wp-block-columns .wp-block-column:first-child{flex-basis: 100%;max-width: 628px;}
.video-content .wp-block-columns::before{content: '';background: url('/wp-content/themes/digital-citizens/images/cta-girl-bg.png')no-repeat;
 width: 429px;height: 483px;display: inline-block;position: absolute;left: 0;bottom: 0;}
.video-content .wp-block-columns .wp-block-column.left-col p{font-size: 22px; font-family: "Open Sans"; line-height: 1.5; text-align: center}

.upk-paradox img{height:800px;margin: 0 auto;object-fit: cover;}
.upk-paradox-content{position: relative;}
.upk-paradox .overlay{ height:800px;   right: 0;left: 0;margin: 0 auto;top: 0;background-color: transparent;background-image: linear-gradient(310deg, rgb(0 0 0 / 0%) 0%, #0000009e 100%);opacity: 1;position: absolute;}
.upk-paradox-content h3{padding: 30px;color: var(--color-white);}
.upk-paradox .owl-nav button.owl-prev:before{content: '\e907'; font-family: var(--digital-icon);display: inline-flex;justify-content: center}
.upk-paradox .owl-nav button.owl-next:before{content: '\e908'; font-family: var(--digital-icon);display: inline-flex;justify-content: center}
.upk-paradox .owl-nav button span{font-size: 0;}
.upk-paradox .owl-nav{position: absolute;right:20px;top:20px;display: flex;gap:10px;}
.upk-paradox .owl-nav button{background:rgba(255, 255, 255, 0.9)  !important;color: var(--color-heading) !important;width: 50px;height: 50px;align-items: center;border: 1px solid var(--theme-color) !important;}

.map-section iframe{width:100%;}
.powered-by{background:var(--theme-color);text-align: center;padding: 20px 0;color: var(--color-white);font-size: 18px;font-family: "Open Sans";font-weight: 600; }
/* Home page End CSS */


/* about us page start CSS */
.about-founder img{width: 100%;}
.about-us-banner{display: flex;align-items: center;justify-content: center;}
.about-founder p,.about-page p{font-family: "Open Sans";}
.about-founder .wp-block-columns .wp-block-column,.about-page .wp-block-columns .wp-block-column {margin: 0;}
.our-mission .wp-block-column img{ min-height: 350px;object-fit: cover;}
.our-mission .wp-block-columns .has-white-background-color{border-radius:15px;}

.village-history img{min-height:350px;object-fit: cover;}
.village-history .wp-block-column.left-col{border-radius: 10px;}

.poineers-village {display: flex;align-items: center;}
/* .village-history .wp-block-column.right-col{padding-top:50px;} */
.teacher-name-deg P{font-size: 18px;}
.our-team-row .our-team-col .user-pic img{width: 280px;border-radius: 100%;height: 280px;margin: 0 auto;padding: 10px;position: relative;}
.our-team-row .our-team-col .user-pic figure:after{    background: var(--color-heading);display: inline-block;position: absolute;content: "";left: 0;top: 10px;RIGHT: 0;width: 260PX;height: 260PX;border-radius: 100%;opacity: 0;MARGIN: 0 AUTO;transition: all 0.3s cubic-bezier(.645,.045,.355,1);}
.our-team-row .our-team-col:hover .user-pic figure::after {opacity: .4;}
.our-team-row  .our-team-col:hover   .user-pic::after{    transform: rotate(90deg);}
.our-team-row   .user-pic::after{position: absolute;content: "";left: 0;top: 0;right: 0;background-image: url(../images/instructor-border-shape.png);background-repeat: no-repeat;background-size: cover;background-position: center center;width:290px;height: 290px;transition: 0.5s all;margin: 0 auto;}
.our-team-row{grid-template-columns: repeat(4,1fr);display: grid;gap: 30px;}
.our-team-row .our-team-col {padding:0 10px;}
.team-bottom{padding: 60px 25px 15px;text-align: center;}
.teacher-name-deg h3{font-size: 22px;color: var(--theme-color);}
.team-deg{color:#636363;}
.social-links{position: relative;}
.social-links ul.team-info-icons{position: absolute;bottom: 290px;transition: 0.35s;right: 0px;left: 0;margin: 0 auto;display: flex;gap:10px;justify-content: center;padding: 0;}
.social-links ul li{list-style: none;}
.our-team-col .social-links{opacity: 0;transition: opacity 0.35s, transform 0.35s;bottom: -20px;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.social-links ul li a{font-size: 18px;background:var(--theme-color);transition: 0.35s;border-radius: 100px;color: var(--color-white);height: 40px;width: 40px;line-height: 40px;margin-top: 10px;font-family: var(--digital-icon);display: inline-flex;justify-content: center}
.social-links ul li a.facebook:before{content: "\e905";}
.social-links ul li a.twitter:before{content: "\e90a";}
.social-links ul li a.youtube:before{content: "\e90e";}
.social-links ul li a.instagram:before{content: "\e900";}
.our-team-col:hover .social-links{opacity: 1;	transform: translate3d(0,0,0);bottom: -36px;}
.our-team .owl-nav{position: absolute;top: -100px;right: 20px;gap: 10px;display: flex;}
.our-team .owl-nav button {width: 50px;height: 50px;border: 1px solid var(--theme-color) !important;line-height: 0;position: relative;border-radius: 5px;background: var(--color-white) !important;}
.our-team .owl-carousel .owl-nav button.owl-next,.our-team .owl-carousel .owl-nav button.owl-prev   { font-size: 0;font-family: var(--digital-icon);color: var(--color-black);display: inline-block;line-height: 1;}
.our-team .owl-carousel .owl-nav button.owl-next span::before{content: '\e908';font-size: 14px;}
.our-team .owl-carousel .owl-nav button.owl-prev span::before{content: '\e907';font-size: 14px;}
/* about us End CSS */

.channel-section .wp-block-columns{height:100%;align-items: center !important;margin: 0;}
.channel-section h2{margin-bottom: 45px;}
.channel-section p{    padding-top: 40px;
    max-width: 760px;
    margin: 0 auto;}

  /* ROJO POGI PLAY BUTTON */
  .video-section .wp-block-columns .wp-block-column{position: relative;}
  .video-section .wp-block-columns{height: 100%;}
  .video-play-button {position: absolute;z-index: 10;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);box-sizing: content-box;display: block;width: 32px;height: 44px;/* background: #fa183d; */border-radius: 50%;padding: 18px 20px 18px 28px;
  }
  
  .video-play-button:before {content: "";position: absolute;z-index: 0;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 80px;height: 80px;background: var(--theme-color);border-radius: 50%;animation: pulse-border 1500ms ease-out infinite;
  }
  
  .video-play-button:after {content: "";position: absolute;z-index: 1;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 80px;height: 80px;background: var(--theme-color);border-radius: 50%;transition: all 200ms;
  }
  
  .video-play-button:hover:after {background-color: var(--color-heading);
  }
  .video-play-button:before {content: "";color: var(--theme-color);position: absolute;z-index: 0;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 80px;height: 80px;background: var(--theme-color);border-radius: 50%;animation: pulse-border 1500ms ease-out infinite;
  }
  
  .video-play-button img {position: relative;z-index: 3;max-width: 100%;width: auto;height: auto;
  }
  
  .video-play-button span {display: block;position: relative;z-index: 3;width: 0;height: 0;border-left: 32px solid #fff;border-top: 22px solid transparent;border-bottom: 22px solid transparent;
  }
  
  @keyframes pulse-border {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      opacity: 0;
    }
  }
  
  .video-overlay {
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: all ease 500ms;
  }
  
  .video-overlay.open {
    position: fixed;
    z-index: 1000;
    opacity: 1;
  }
  
  .video-overlay-close,.close-button {position: absolute;z-index: 1000;top: 55px;right: 20px;font-size: 36px;line-height: 1;font-weight: 400;color: var(--theme-color);text-decoration: none;cursor: pointer;transition: all 200ms;background: var(--color-heading);padding: 7px 13px;border-radius: 70px;width: 50px;height: 50px;
  }
  .close-button:hover{color: var(--color-white);transform: scale(0.9);}
  .close-button{width:40px;height: 40px;    padding: 0px 8px;top:10px;right: 10px;
  }
  .video-overlay-close:hover {color: var(--color-white);transform: scale(1.5);
  }
  
  .video-overlay iframe {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 90% !important;height: 800px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
  }
  
  /* ENTRANCE ANIMATION OF THE PLAY BUTTON */
  
  .video-play-button {
    -webkit-animation: scale-up-center 1s cubic-bezier(0.68, -0.55, 0.265, 1.55)
      both;
    animation: scale-up-center 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) both;
  }
  
  /* ENTRANCE ANIMATION OF THE PLAY BUTTON */
  
  /* ROJO POGI PLAY BUTTON */

  .news-letter-row{    display: flex;
    justify-content: space-between;
    align-items: center;}
    .news-letter-row .news-letter-col input[type='email']{    width: 100%;height: 55px;font-size: 16px;font-weight: 400;padding-left: 20px;padding-right: 150px;margin-bottom: 0;border: 1px solid #ebebeb;border-radius: 4px;background: var(--color-white);}
    .news-letter-input{display: flex;}
    .news-letter-input button{background: var(--color-heading);color: var(--color-white);cursor: pointer;}
    

/* footer start CSS */
.footer-bg{ padding: 80px 0 0;
    background: #000;}
    .footer-row{display: flex;align-items: center;gap:50px;font-family: "Open Sans";}
    .footer-row .map{padding-top:25px;}
    .footer-row .footer-menu h2{font-size: 30px;
        margin-bottom: 40px;color: var(--color-white);}
    .footer-menu{width: 100%;}
    .footer-menu ul li a{color: var(--color-white);}
    .footer-menu ul li a:hover{color: var(--theme-color);}
    .footer-menu .main-navigation ul {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 20px;
    }
    .copyright{    color: var(--color-white);
        padding: 20px 20px;
        background: 0 0;
        border-top: 1px solid rgba(255,255,255,.2);
        text-align: center;
        margin-top: 50px;}
/* footer End CSS */    


@media (max-width: 1240px){
    .navigation-menu{justify-content: center;}
}
@media (max-width: 1023px){
.features-area .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis: 45% !important;}
.about-page img{width: 100%;}
.about-page .wp-block-columns .wp-block-column, .about-page .wp-block-columns .wp-block-column{flex-basis:100% !important;}
.about-page .wp-block-columns{flex-wrap:wrap !important;}
.menu.nav-menu>li.category.menu-item-has-children>a::after{display: none;}
/* .main-navigation ul#primary-menu{position: absolute;top: 140px;z-index: 1;left: 0;right: 0;background: var(--color-white);} */
.navigation-menu .main-navigation ul > li{padding: 20px;}
.navigation-menu .main-navigation ul > li+li{border-top: 1px solid var(--color-border);}
.main-navigation .menu-toggle {display: block;background: transparent;height: 30px;width: 30px;border: 0;font-size: 0;position: absolute;z-index: 999999;right: 40px;top: 74px;}
.main-navigation .menu-toggle:before, .main-navigation .menu-toggle div {background-color: var(--theme-color);border-radius: 3px;content: '';display: block;height: 2px;margin: 7px 0 0;transition: all .3s ease-in-out;position: relative;}
.main-navigation .menu-toggle:before, .main-navigation .menu-toggle div {background-color:var(--theme-color);border-radius: 3px;content: '';display: block;height: 2px;margin: 7px 0 0;transition: all .3s ease-in-out;position: relative;}
.navigation-menu{padding-top:20px;justify-content: space-between;}
.navigation-menu .main-navigation ul li > a{color: var(--color-heading);}
.main-navigation .menu-toggle:after {content: '';background-color: var(--theme-color);border-radius: 3px;content: '';display: block;height: 2px;margin: 7px 0 0;transition: all .3s ease-in-out;position: relative; }.event-section .news-container .newsscroller_title{padding-bottom: 20px; text-decoration: none;font-size: 18px;}
.main-navigation.toggled .menu-toggle div {
    display: none;
}
.menu.nav-menu>li.menu-item-has-children>a::after{position: absolute;right: 0;}
/* .main-navigation.toggled .menu-toggle::after {
    transform: rotate(-45deg);
} */
.menu-menu-1-container{    overflow-y: auto;background-color: #fff;position: fixed;z-index: 4;top: 140px;right: -100%;padding: 20px;margin: 0;height: 60%;width: 100%;transform: translateX(102%);transition: transform .35s ease;box-shadow: rgba(0,0,0,.07) 0 5px 35px;border-radius: 20px;
}
.main-navigation.toggled .menu-toggle:before {
    transform: rotate(45deg);
    top: 9px;
}
.main-navigation.toggled .menu-toggle:after {
    transform: rotate(-230deg);
}
.main-navigation.toggled .menu-menu-1-container{    right: 0;
    left: 0;
    overflow: auto;
    transform: translateX(0rem);
    max-width: 745px;
    margin: 0 auto;}
.navigation-menu .main-navigation ul li.focus > ul.sub-menu{    position: relative;
    top: 0;
    visibility: unset;
width: 100%;left: 0;    margin: 20px 0;}
.menu.nav-menu>li.focus.menu-item-has-children>a::after{transform: rotate(-180deg);}
.navigation-menu .main-navigation ul li.focus  ul.sub-menu li > ul.sub-menu{    position: relative;
top: 0;
visibility: unset;
left: 0;}
.navigation-menu .main-navigation ul li.focus  ul.sub-menu li > ul.sub-menu{opacity: 1;}
.navigation-menu .main-navigation ul li ul.sub-menu li.menu-item-has-children.focus > a::after{transform: rotate(90deg);}

.features-section .wp-block-columns{margin: 0;flex-wrap: wrap !important;padding-top: 50px;position: unset;}
.features-section .wp-block-columns .wp-block-column{flex-basis:40% !important;}
.digital-zphs figure,.event-section figure{text-align: center;}

.schools-detail-section figure{margin: 0 !important;width: 100%;text-align: center;}

.channel-section{background-image: none !important;}
.channel-section .wp-block-columns{gap: 0;flex-wrap: wrap !important;}
.channel-section .wp-block-columns .wp-block-column{flex-basis: 100% !important;}
.slide-content{justify-content: center !important;}
.slide-content p{line-height: 1.2;}
.slide-content {align-items: center !important;}
.slide-content h2{font-size: 40px !important;}
.footer-row{gap: 25px;}
.footer-menu .main-navigation ul{    grid-template-columns: repeat(3,1fr);gap: 10px;}
.popup .popup__content{height: 80vh;padding: 50px 20px;}
}

        



  
@media (max-width: 767px){
    .hero-section .slide-content{padding:300px 20px 200px !important;}
    .main-navigation .menu-toggle{top: 52%;}
    .slide-content h2 {
        font-size: 33px !important;
        text-align: center;
    }
    .video-section {height:330px !important;}
    .features-section .wp-block-columns .wp-block-column {
        flex-basis: 100% !important;
    }
    .features-section .wp-block-media-text__media img{width: 70px;
        margin: 0 auto 20px;
        display: flex;}
        .testimoniais-row .testimoniais-col{padding: 0;}
        .features-section .wp-block-media-text__content{padding: 0;text-align: center;}

    .footer-row{display: block;}
    .footer-menu .main-navigation ul{grid-template-columns: repeat(2,1fr);padding-top:30px;}
    .footer-menu .map{padding-bottom: 20px;}
    .news-letter-row{display: block;}
    .top-bar .contact p{display: none;}
}