/*
 Theme Name:   Astra Child
 Theme URI:    https://wpastra.com/
 Description:  Child theme for the Astra theme
 Author:       Your Name
 Author URI:   https://yourwebsite.com
 Template:     astra
 Version:      1.0.0
*/

/*------------------General-------------------------*/
html{
    overflow-x:hidden;
}
.site-primary-header-wrap{  
 		background: #fff;
    margin: 22px;
    border-radius: 100px;
    height: 80px;
}
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link{
	color:#005F73;
}
.ab-position{
	transform:translate(-50%, -50%);
}
p{
	margin-bottom:0px !important;
}
.ast-builder-menu-1 .menu-item > .menu-link:hover{
	color:#0281BD99;
}
.ast-sticky-active .ast-primary-header-bar{
	background:none !important;
	box-shadow:none !important;
}
.ast-sticky-active .site-primary-header-wrap {
	opacity:1 !important;
	border:1px solid #0281bd33;
	background:#fff !important;
}
.ast-sticky-active .ast-mobile-header-wrap .ast-primary-header-bar{
	    background: #fff !important;
    margin: 10px;
} 
.ast-primary-header-bar .ast-builder-grid-row{
	grid-column-gap:0px !important;
}
.ast-builder-menu-1 .sub-menu .menu-item:hover > .menu-link{
    color:#0281BD99 !important;
}
.sub-menu{border:none !important;background:none !important;}
.sub-menu .menu-item, #ast-desktop-header .ast-account-nav-menu #ast-hf-account-menu .menu-item {
	background: #97D3EF;
	border-radius:10px;
}
.sub-menu .menu-link{
	padding:10px 0 !important;
	text-align:center;
}
.sub-menu .menu-item:nth-child(even), #ast-desktop-header .ast-account-nav-menu #ast-hf-account-menu .menu-item:nth-child(even){
	background: #FFF;
	border-radius:10px;
}
a.ast-custom-button-link::hover {
    opacity: 0.7 !important;
}
.ast-builder-menu-1 .current-menu-ancestor > .menu-link{
    color:#005f73 !important;
}

/*-----------------------Home Page---------------------------*/

.vertical-text{
    transform: rotate(270deg);
    margin-right:-10px;
}
.flip-slide .elementor-flip-box__front, .flip-slide .elementor-flip-box__back{
    border-radius: 8px;
}
.mySwiper .swiper-slide img{
      border-radius: 8px;
    }
.mySwiper .swiper-slide-next img{
    height: 350px !important;
}
.mySwiper .swiper-slide-next .elementor-flip-box{
    height:350px !important;
}
.subject .elementor-image-box-content{
    border-top-left-radius: 90px;
    border-top-right-radius: 90px;
    margin-left: -35px;
    background:rgba(2, 129, 189, 0.7);
    padding:10px 0;
    z-index: 1;
}
.subject .elementor-image-box-content h3{
    margin-bottom: 0px;
}
.subject .elementor-image-box-img{
    z-index: 2;
}
.testimonials .elementor-swiper-button-prev{
    left:-30% !important;
    top:65% !important;
}
.testimonials .elementor-swiper-button-next{
    left:-20%;
    top:65% !important;
}
.testimonials .elementor-swiper-button-next svg, .testimonials .elementor-swiper-button-prev svg{
    background:rgba(2, 129, 189, 0.8);
    padding:10px;
    border-radius: 50px;
}
.blog-slider .elementor-swiper-button-prev{
    margin-left:-20px !important;
}
.blog-slider .elementor-swiper-button-next{
    margin-right:-20px !important;
}
.blog-slider h3{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

@media(max-width:768px){
    .ov-hidden{
        overflow-x:hidden !important;
    }
    .flip-img img{
    transform: scaleX(-1);}
    .subject .elementor-image-box-wrapper{
        display:flex;
    }
    .blog-slider .elementor-swiper-button-prev{
        margin-left:0px !important;
    }
    .blog-slider .elementor-swiper-button-next{
        margin-right:0px !important;
    }
}
.footer-form input[type="text"], .footer-form input[type="number"], .footer-form input[type="email"], .footer-form input[type="url"], .footer-form input[type="password"], .footer-form input[type="search"], .footer-form input[type=reset], .footer-form input[type=tel], .footer-form input[type=date], select{
    height:52px !important;
    background: rgba(255,255,255,0.8);
    border-radius: 10px
}
.footer-form textarea{
    height: 125px;
    background: rgba(255,255,255,0.8);
    border-radius: 10px;
}
.footer-form input[type="submit"]{
    background:#fff;
    border-radius: 10px;
    font-family: Preahvihear;
font-weight: 400;
font-style: Regular;
font-size: 20px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase
}

.footer-form-row{
    display:flex;flex-wrap:wrap;justify-content:space-between; margin-bottom:60px !important;
}

@media(max-width:768px){
    .footer-form input[type="submit"]{
        font-size:16px;
        padding:10px 15px;
    }
    .footer-form input[type="submit"]:hover{
        background:#fff;
    }
    .footer-form .footer-form-row{
        margin-bottom:0;
    }
    .footer-form input[type="text"], .footer-form input[type="number"], .footer-form input[type="email"], .footer-form input[type="url"], .footer-form input[type="password"], .footer-form input[type="search"], .footer-form input[type=reset], .footer-form input[type=tel], .footer-form input[type=date], .footer-form select{
        height:38px !important;
    }
    .footer-form textarea{
        margin-bottom:0;
    }
}

/*-------------------Registration Page--------------------*/

.um input[type=text], input[type=password]{
    background-color: #0281BD66 !important;
    border-radius: 10px !important;
    border: 0 !important;
    height: 56.6px !important;
}
.um .um-form input[type=text], .um .um-form input[type=password]{
    border:0 !important;
    height: 56.6px !important;
}
.elementor-element-1c20841 .um .um-form input[type=text], .elementor-element-1c20841 .um .um-form input[type=password]{
    border:0 !important;
}
.um-field-label{
    margin-bottom:20px !important;
}
.um-field .um-field-label label{
color:#0A5351;
    font-size: 22px !important;
    font-weight: 700;
    margin-bottom: 20px;
}
.um-field-area .um-field-checkbox-option{
    color:#0A5351 !important;
    font-size:22px;
    font-weight: 700;
}
.um-field{
    margin-bottom:15px;
}
#um_field_1262_consent .um-field-half, #um_field_1262_agree .um-field-half{
    width:100%;
}
.um-col-alt input[type=submit]{
    background: #0281BD !important;
    font-family: Preahvihear !important;
font-weight: 400 !important;
font-style: Regular;
font-size: 28px !important;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase !important;
border-radius: 10px !important;
}
.um-col-alt input[type=submit]:hover{
    opacity: 0.6 !important;
    color:#fff;
}
.toggle-password{
    position: absolute;
    right: 10px;
    cursor: pointer;
    font-size: 1.2em;
    user-select: none;
    z-index: 10;
    bottom: 12px;
    color: #fff;
}
input[name="confirm_user_password-1262"]::placeholder {
    color: transparent !important;
}
.um-field-checkbox {
    position: relative;
}

/* Remove any custom icons or styling */
.um-field-checkbox span.um-icon {
    display: none !important;
}


.um-field-checkbox input[type="checkbox"] {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    position: static !important;
    opacity: 1 !important;
    width: 45px !important;
    height: 45px !important;
    margin-right: 5px;
    background: #0281BD66;
}
.um-field-checkbox-state{
    display: none !important;
}
.um-field-checkbox:not(.um-field), .um-field-radio:not(.um-field){
    display: flex !important;
    align-items:center;
    margin-bottom: 25px !important;
}

.elementor-element-b48b8b7 .um .um-form input[type=text], .elementor-element-b48b8b7 .um .um-form input[type=password]{
    border:0 !important;
}

.um-col-alt{
    margin-top:200px !important;
}
.um-col-alt-b{
    bottom: 40%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
}
.um-col-alt-b .um-link-alt{
    color: #0A5351 !important;
    font-family: Poppins;
font-weight: 600;
font-style: SemiBold;
font-size: 30px;
line-height: 100%;
letter-spacing: 0%;

}
.um-field-label{
    margin-bottom:20px !important;
}
.um-field .um-field-label label{
    color:#0A5351;
    font-size: 22px !important;
    font-weight: 700;
    margin-bottom: 20px;
}
.um-field-area .um-field-checkbox-option{
    color:#0A5351 !important;
    font-size:22px;
    font-weight: 700;
}
.um-field{
    margin-bottom:15px;
}
#um_field_1262_other{
    position:absolute;
    right:0;
    bottom:59.5%;
    width:33%;
}
@media(max-width:768px){
.um-col-alt-b .um-link-alt{
    font-size:18px;
}
.um-field .um-field-label label{
    font-size:18px !important;
}
.um-field-area .um-field-checkbox-option{
    font-size:18px;
}
.um-field-checkbox:not(.um-field), .um-field-radio:not(.um-field){
    display:block !important;
}
#um_field_1262_other{
    position:relative;
    width:100%;
}
}

/*------------------------Ocean Calendar---------------------------*/
.cal-container{
	position: relative;
      width: 800px;
      height: 800px;
}
.bg-layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
    }

    .month-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.2;
      transition: opacity 0.3s;
      pointer-events: none;
    }

    .month-bg.active {
      opacity: 1;
      z-index: 1;
    }

    .icons-layer {
      position: absolute;
      top: 39.5%;
      left: 49%;
      width: 200px;
      height: 200px;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      overflow: hidden;
      z-index: 2;
    }

    .month-btn {
      position: absolute;
      width: 50%;
      height: 50%;
      top: 50%;
      left: 50%;
      transform-origin: 0% 0%;
      clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .month-btn span {
      /*transform: rotate(-90deg);*/
      transform-origin: center;
      font-size: 9px;
      font-weight: bold;
      color: black;
      white-space: nowrap;
      position: relative;top: -29px;left: 0px;transform: rotate(14deg);
    }

    /* Alternating Colors */
    .month-btn:nth-child(1) { background-color: #FFF7D4; transform: rotate(-120deg); visibility:hidden; }
    .month-btn:nth-child(2) { background-color: #65C8D0; transform: rotate(-90deg); }
    .month-btn:nth-child(3) { background-color: #FFF7D4; transform: rotate(-60deg); }
    .month-btn:nth-child(4) { background-color: #65C8D0; transform: rotate(-30deg); }
    .month-btn:nth-child(5) { background-color: #FFF7D4; transform: rotate(0deg); }
    .month-btn:nth-child(6) { background-color: #65C8D0; transform: rotate(30deg); }
    .month-btn:nth-child(7) { background-color: #FFF7D4; transform: rotate(60deg); }
    .month-btn:nth-child(8) { background-color: #65C8D0; transform: rotate(90deg); }
    .month-btn:nth-child(9) { background-color: #FFF7D4; transform: rotate(120deg); }
    .month-btn:nth-child(10){ background-color: #65C8D0; transform: rotate(150deg); }
    .month-btn:nth-child(11){ background-color: #FFF7D4; transform: rotate(180deg); }
    .month-btn:nth-child(12){ background-color: #65C8D0; transform: rotate(210deg); }

    .month-btn:hover {
      filter: brightness(1.2);
      cursor: pointer;
    }

    .month-btn.active {
      outline: 3px solid #ff9800;
      /*z-index: 3;*/
    }

    .center-dot {
      position: absolute;
      width: 12px;
      height: 12px;
      background: white;
      border-radius: 50%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 10;
    }
    
    #ast-desktop-header .ast-grid-right-center-section {
        display:none;
    }
    body.logged-in #ast-desktop-header .ast-grid-right-center-section {
        display:inline-flex !important;justify-content:end;align-items:center;
    }
    #ast-desktop-header a.ast-header-account-link.ast-account-action-menu.ast-header-account-type-avatar::after{
        content: '\2304' !important;font-family: 'dashicons';font-size: 28px;
    }
    #ast-desktop-header .ast-grid-right-center-section .ast-account-nav-menu #ast-hf-account-menu{
        width:150px !important;left:0 important;
    }
    .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar{
        padding:0;
        background:#ffff;
        margin: 10px 5px;
        height:60px;
    }
    .ast-mobile-svg path{
        fill:#0281BD;
    }
    @media(max-width:768px){
        .ast-header-break-point .site-header .main-header-bar-wrap .site-branding{
            padding:0;
        }
        header .custom-logo-link img{
            width:150px;
        }
    }
    
    
/*--------------Seaside Classroom------------------------------*/    

.oc-tabs .e-n-tabs-heading{
    border: solid;
    border-width: 15px 15px 0 15px;
    border-radius: 10px 10px 0 0;
    border-color: #EAD9AA;
    height: 60px;
}
.oc-tabs .e-n-tabs button{
    top:-50px;
}
.oc-tabs .e-n-tab-title[aria-selected="true"]{
    padding:15px 20px;
    border-radius: 10px
}
@media(max-width:768px){
    .oc-tabs .e-n-tabs-heading{
        height:auto !important;
    }
    .oc-tabs .e-n-tabs button{
        top:0;
    }
}
/*.oc-new-tabs .e-n-tabs-content{
    height: 600px
}*/

    
    
    /*Registration form Css*/
    .registration-form-cstm .um-field-checkbox input[type="checkbox"]::after{content:'';width:43px;height:43px;background: #0281BD66;position: absolute;border:1px solid #0281BD66 !important;border-radius:10px;}
    .registration-form-cstm .um-field-checkbox.active input[type="checkbox"]::after{z-index:-1 !important;}
    .registration-form-cstm .um-field-checkbox input[type="checkbox"]{accent-color:#0281bd !important;appearnce:none;-webkit-appearance:none !important;border:1px solid transparent !important;border-radius:10px;}
    .registration-form-cstm .um-field-checkbox.active input[type="checkbox"]{-webkit-appearance:auto !important;}
    
    @media only screen and (max-width:921px){.ast-search-menu-icon{padding: 20px 15px 0px;} .mobile-cstm-account .ast-header-account-link{padding: 0px 15px 20px;} .ast-search-menu-icon .search-form{background:#005f73;border-radius:25px;} .ast-header-account-wrap{display:block !important;} .ast-search-menu-icon .search-form .ast-icon svg{fill:#ffffff !important;} .ast-header-account-wrap .ast-header-account-type-avatar .avatar{width:50px;} .mobile-cstm-account a.ast-header-account-link::after{content: '\2304' !important;font-family: 'dashicons';font-size: 28px;} .mobile-cstm-account .ast-account-nav-menu{left:0px;} .mobile-cstm-account .ast-account-nav-menu .ast-hf-account-menu-list li{border-color:#eaeaea;border-bottom-width:1px;border-style:solid;} .mobile-cstm-account #ast-hf-account-menu-list{width:100% !important;} .mobile-cstm-account #ast-hf-account-menu-list li{border-bottom:1px solid #eaeaea;padding:8px 0px;} .mobile-cstm-account #ast-hf-account-menu-list li .menu-link{width:100% !important;} #ast-hf-mobile-menu .sub-menu li a .icon-arrow{display:none;} .mobile-btns-wrapper .cstm-rgt-btn, .mobile-btns-wrapper .cstm-login-btn{display:inline-block;margin-right:15px;}
    .mobile-btns-wrapper{padding:20px 0px 20px 10px;}
    .cstm-rgt-btn .ast-custom-button, .cstm-login-btn .ast-custom-button{background: #0281bd;border-radius:10px !important;color:#ffffff;font-family:'Preahvihear',sans-serif;font-weight:400;}}
    
    /*ocean-opinion-form-table css*/
    .ocean-opinion-map-form label{font-family: Lato;font-size: 20px;line-height: 100%;letter-spacing: 0%;color: #1A4366;font-style:normal;}
    .ocean-opinion-map-form > p{margin-bottom:20px !important;}
    .ocean-opinion-form-table, .ocean-opinion-form-table tr td{border:0;}
    .label-values p, .ocean-opinion-form-table .heading-row .label-values .wpcf7-checkbox{display:flex;justify-content:space-between;align-items:center;}
    .ocean-opinion-form-table .heading-row .label-heading{width:33%;padding-left:0px;}
    .ocean-opinion-form-table .heading-row .label-values{width:66%;}
    .ocean-opinion-form-table .heading-row .label-values .wpcf7-list-item{margin:0 !important;}
    .ocean-opinion-map-form select.state_selection{background: rgba(182, 240, 255, 1);width:40%;height:40px !important;}
    .ocean-opinion-map-form select.state_selection option{text-align:center;}
    
    
    .ocean-opinion-map-form input[type="checkbox"]::after{content:'';width:21px;height:21px;background: #0281BD66;position: absolute;border:1px solid #0281BD66 !important;border-radius:5px;margin-left:-10px;}
    .ocean-opinion-map-form input[type="checkbox"]:checked::after{z-index:-1 !important;}
    .ocean-opinion-map-form span.wpcf7-list-item.first{margin-left:0px !important;}
    .ocean-opinion-map-form .wpcf7-checkbox input[type="checkbox"]{accent-color:#0281bd !important;appearnce:none;-webkit-appearance:none !important;border:1px solid transparent !important;border-radius:10px;}
    .ocean-opinion-map-form input[type="checkbox"]:checked {-webkit-appearance:auto !important;}
    
    .ocean-opinion-map-form .ocean-opinion-form-table .label-values .five-value-label .wpcf7-list-item:nth-child(2) input{padding-left:20px;}

.q-and-a-each-col select.wpcf7-form-control, .q-and-a-each-col select.wpcf7-form-control option{background: rgba(2, 129, 189, 1);color:#ffffff !important;border-radius:10px;}
    
    @media only screen and (max-width:768px){.ocean-opinion-map-form .table-responsive{width:100%;overflow-x:scroll;} .ocean-opinion-map-form .ocean-opinion-form-table .label-heading p{width:200px;} .ocean-opinion-map-form .ocean-opinion-form-table .label-values p label{padding:15px;}}
    
    
/*------------------------Principle Page---------------------------------*/

.subjects-tab .e-n-tab-title-text img{
    width:100px;
}
.subjects-tab .e-n-tab-title[aria-selected=false] img{
	opacity:0.6;
}
.subjects-tab .e-n-tab-title[aria-selected=false]{
    padding:0 !important;
    background-color:transparent !important;
    top:35px;
}
.subjects-tab .e-n-tab-title[aria-selected=true]{
    z-index: 2;
    top: 35px;
    border: 5px solid #0281BD;
    border-radius: 50%;
}
.subjects-tab  .e-n-tabs-heading{
    justify-content:space-between !important;
}
.subjects-tab .e-n-tabs-content{
    background: #FEDC87;
    padding: 40px 0;
    border-radius: 5px;
    z-index:1;
}
.sub-tab .e-n-tabs-content{
    border:5px solid #0281BD;
}
.sub-tab .e-n-tab-title[aria-selected=true]{
    border:5px solid #FECE59;
}
.sub-tab .elementor-image-box-content{
    border-radius: 50px;
    margin-left: -35px;
    background: rgba(2, 129, 189, 0.7);
    padding: 5px 0;
    z-index:-1;
}
.sub-tab .elementor-image-box-content h3{
    margin:0;
}
#e-n-tab-title-823102981[aria-selected=true]{
    z-index:9 !important;
}
#e-n-tab-title-499063611[aria-selected=true], #e-n-tab-title-528280901[aria-selected=true], #e-n-tab-title-2666158031[aria-selected=true], #e-n-tab-title-175784851[aria-selected=true], #e-n-tab-title-914126831[aria-selected=true], #e-n-tab-title-481997511[aria-selected=true], #e-n-tab-title-374534391[aria-selected=true], #e-n-tab-title-823102981[aria-selected=true]{
	top: 55px !important;
	padding: 15px 20px !important;
}
#e-n-tab-title-499063611, #e-n-tab-title-528280901, #e-n-tab-title-2666158031, #e-n-tab-title-175784851, #e-n-tab-title-914126831, #e-n-tab-title-481997511, #e-n-tab-title-374534391, #e-n-tab-title-823102981{
    height: max-content !important;
    top: 75px !important;
    background: #0281bd !important;
    padding: 13px 20px !important;
    border-radius: 10px 10px 0 0 !important;
    color:#fff !important;
    z-index:0 !important;
}
.subjects-tab .elementor-swiper-button.elementor-swiper-button-next, .subjects-tab .elementor-swiper-button.elementor-swiper-button-prev{
    z-index:-1 !important;
}
.img-position{
	transform:translate(-50%, -50%);
}

/*------------------------Chapter Page---------------------------------*/

.teach-tab .e-n-tabs{
    margin-top:-18.5%;
}
.teach-tab .e-n-tab-title-text img{
    width:100px;
}
.teach-tab .e-n-tab-title[aria-selected=false]{
    padding:0 !important;
    background-color:transparent !important;
}
.teach-tab .e-n-tab-title[aria-selected=false] img{
    opacity:0.5;
}
.teach-tab .e-n-tab-title[aria-selected=true]{
    z-index: 2;
    border: 3px solid #0281BD;
    border-radius: 50%;
}
.teach-tab .e-n-tab-title[aria-selected=true] img{
    opacity:1;   
}
.teach-tab  .e-n-tabs-heading{
    justify-content:space-evenly !important;
}
.teach-tab .e-n-tabs-content{
    padding: 40px 0;
    border-radius: 5px;
    z-index:1;
    margin-top:30px;
}
.teach-tab .elementor-swiper-button.elementor-swiper-button-next, .teach-tab .elementor-swiper-button.elementor-swiper-button-prev{
    z-index:-1 !important;
}
@media(max-width:768px){
.teach-tab .elementor-image-box-wrapper{
	display:flex;
	align-items:center;
}
}
.teach-tab .anchor-list li, .dd-taba .anchor-list li{
	list-style-type:none;
	text-indent: -1.8em;
    padding-bottom:20px;
    padding-left:1.5em;
}
.teach-tab .anchor-list li::before, .dd-tabs .anchor-list li::before{
	content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url("https://1ocean.zooreach.org/magicoftheocean/wp-content/uploads/2025/08/anchor.webp");
    background-size: contain; 
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
.teach-tab .notification-list li, .dd-tabs .notification-list li{
	list-style-type:none;
	text-indent: -1.8em;
    padding-bottom:20px;
    padding-left:1.5em;
}
.teach-tab .notification-list li::before, .dd-tabs .notification-list li::before{
	content: "";
    display: inline-block; 
    width: 25px;
    height: 25px;
    background-image: url("https://1ocean.zooreach.org/magicoftheocean/wp-content/uploads/2025/08/notification.webp");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
.teach-tab .wheel-list li, .dd-tabs .wheel-list li{
	list-style-type:none;
	text-indent: -1.8em;
    padding-bottom:20px;
    padding-left:1.5em;
}
.teach-tab .wheel-list li::before, .dd-tabs .wheel-list li::before{
	content: "";
    display: inline-block; 
    width: 25px;
    height: 25px;
    background-image: url("https://1ocean.zooreach.org/magicoftheocean/wp-content/uploads/2025/08/whell-icon.webp");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
.article-list li{
	list-style-type:none;
	text-indent: -1.8em;
    padding-bottom:20px;
    padding-left:1.5em;
}
.article-list li::before{
	content: "";
    display: inline-block; 
    width: 25px;
    height: 25px;
    background-image: url("https://1ocean.zooreach.org/magicoftheocean/wp-content/uploads/2025/09/Arrow-4.webp");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
.teach-tab .lifecycle-list li, .dd-tabs .lifecycle-list li{
	list-style-type:none;
	text-indent: -1.8em;
    padding-bottom:20px;
    padding-left:1.5em;
}
.teach-tab .lifecycle-list li::before, .dd-tabs .lifecycle-list li::before{
	content: "";
    display: inline-block; 
    width: 25px;
    height: 25px;
    background-image: url("https://1ocean.zooreach.org/magicoftheocean/wp-content/uploads/2025/08/seawater-icon.webp");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
.n-tabs-dropdown{
    width: max-content;
    margin: auto;
    background: #0281BD;
    color: #fff;
    padding: 10px 25px;
    text-transform: uppercase;
}
.dd-tabs .e-n-tabs{
	margin-top:0;
}
.dd-tabs .n-tabs-dropdown{
    margin-top:-4%;
}
.dd-tabs .e-n-tabs-content{
    margin-top:0;
}

@media(max-width:767px){
    .teach-tab .e-n-tabs{
        margin-top:-35% !important;
    }
    .teach-tab .e-n-tabs-content{
        margin-top:40px;
    }
	.subjects-tab .e-n-tab-title[aria-selected=false]{
		top:10px !important;
	}
	#e-n-tab-title-499063611[aria-selected=true], #e-n-tab-title-528280901[aria-selected=true], #e-n-tab-title-2666158031[aria-selected=true], #e-n-tab-title-175784851[aria-selected=true], #e-n-tab-title-914126831[aria-selected=true], #e-n-tab-title-481997511[aria-selected=true], #e-n-tab-title-374534391[aria-selected=true], #e-n-tab-title-823102981[aria-selected=true]{
		top:5px !important;
	}
	#e-n-tab-title-499063611, #e-n-tab-title-528280901, #e-n-tab-title-2666158031, #e-n-tab-title-175784851, #e-n-tab-title-914126831, #e-n-tab-title-481997511, #e-n-tab-title-374534391, #e-n-tab-title-823102981{
		padding:5px 10px !important;
	}
	.subjects-tab .e-n-tab-title-text{
		font-size:0.7rem !important;
	}
	.subjects-tab .e-n-tabs{
		gap:0 !important;
	}
	.subjects-tab .e-n-tab-title[aria-selected=true]{
		top:0px !important;
	}
	#e-n-tab-title-499063611, #e-n-tab-title-528280901, #e-n-tab-title-2666158031, #e-n-tab-title-175784851, #e-n-tab-title-914126831, #e-n-tab-title-481997511, #e-n-tab-title-374534391, #e-n-tab-title-823102981{
		top:20px !important;
	}
	.subjects-tab .e-n-tab-title-text img{
		width:35px !important;
	}
	.header-video .elementor-video{
		height:600px !important;
	}
	.dd-tabs .n-tabs-dropdown{
		margin-top:40px;
		margin-bottom:20px;
	}
	.sub-tab .elementor-image-box-wrapper{
	    display:flex;
	    align-items:center;
	}
}
 @media only screen and (min-width: 768px) and (max-width: 991px)  {
	.teach-tab .e-n-tabs{
		margin-top:-30%;
	}
	.dd-tabs .n-tabs-dropdown{
		margin-top:0;
	}
	.teach-tab .e-n-tabs-content{
		margin-top:40px;
	}
	.subjects-tab .e-n-tab-title-text img{
		width:70px;
	}
	#e-n-tab-title-499063611[aria-selected=true], #e-n-tab-title-528280901[aria-selected=true], #e-n-tab-title-2666158031[aria-selected=true], #e-n-tab-title-175784851[aria-selected=true], #e-n-tab-title-914126831[aria-selected=true], #e-n-tab-title-481997511[aria-selected=true], #e-n-tab-title-374534391[aria-selected=true], #e-n-tab-title-823102981[aria-selected=true]{
		top:40px;	
	}
	.subjects-tab .e-n-tab-title[aria-selected=false]{
		top:30px;
	}
	#e-n-tab-title-499063611, #e-n-tab-title-528280901, #e-n-tab-title-2666158031, #e-n-tab-title-175784851, #e-n-tab-title-914126831, #e-n-tab-title-481997511, #e-n-tab-title-374534391, #e-n-tab-title-823102981{
		top:50px !important;
	}
	 .dd-tabs .e-n-tabs {
		margin-top:0 !important;
	}
}
@media(min-width:1500px){
	.teach-tab .e-n-tabs{
		margin-top:-16% !important;
	}
	.dd-tabs .e-n-tabs {
		margin-top:0 !important;
	}
}
.objective-img{
    display:flex;
    align-items:end;
}
.assessment-img{
    display:flex;
    align-items:end;
    justify-content:center;
	flex-wrap:wrap;
}
.articles .e-n-tabs-heading{
	margin-right:-20px;
}
.articles .e-n-tab-title[aria-selected=true]{
	z-index:9;
}
/*css*/
.ocean-opinion-map-form .ocean-opinion-form-table .wpcf7-list-item-label{
	display: none !important;
}