@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Symbols+Outlined');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/brands.min.css');

:root{
    /*--primary-color: #003BFF;
    --primary-color-dark: #001866;
    --primary-color-lighter: #6689FF;
    --primary-color-lightest: #E5EBFF;
    --secondary-color: #38F000;
    --secondary-color-dark: #186600;
    --secondary-color-lighter: #8AFF66;
    --secondary-color-lightest: #EBFFE5;*/
    --secondary-color: hsla(226deg, 100%, 50%, 100%);
    --secondary-color-dark: hsla(226deg, 100%, 20%, 100%);
    --secondary-color-lighter: hsla(226deg, 100%, 70%, 100%);
    --secondary-color-lightest: hsla(226deg, 100%, 95%, 100%);
    --primary-color: hsla(120deg, 71%, 46%, 100%);
    --primary-color-dark: hsla(120deg, 71%, 20%, 100%);
    --primary-color-lighter: hsla(120deg, 71%, 70%, 100%);
    --primary-color-lightest: hsla(120deg, 71%, 95%, 100%);
    --black: #333333;
    --black-light: #B3B3B3;
    --black-lighter: #C7C7C7;
    --white: #FFFFFF;
    --font: "DM Sans", sans-serif;
    --effect: all ease-in-out 150ms;
}


/*@media only screen and (max-width: 600px) {...}
@media only screen and (min-width: 600px) {...}
@media only screen and (min-width: 768px) {...}
@media only screen and (min-width: 992px) {...}
@media only screen and (min-width: 1200px) {...}*/

@media only screen and (max-width: 500px){
    h1 { font-size: 50px; line-height: 56px; }
    h3 { font-size: 28px; }
    h5 { font-size: 18px; }
    h6 { font-size: 16px; }
    section{ margin-bottom: 50px; }
    .banner .banner_image .image_wrapper:before{ padding-top: 176%; }
    .events .vtext span,
    .about .about_image_name .vtext span{ transform: rotate(0deg); font-size: 60px; line-height: 40px; margin-bottom: 20px; }
    .events .total_tabber, .subscription{ padding: 12px; }
    .events .total_tabber .nav-pills,
    .events .total_tabber .nav-pills .nav-link.active, .events .total_tabber .nav-pills .show>.nav-link{ border-radius:12px; }
    .events .owl-carousel.event_owl .owl-nav{ top: -20%; right: -16%; transform: rotate(90deg) scale(0.7); }
    .events .total_tabber .tab-content .event_content .event_details .evnt_dtime_duration{ flex-direction: column; gap: 6px; justify-content: start; align-items: flex-start;}
    .events .event_content .evnt_bttn_grp .ico_bttn{ transform: scale(0.8); }
    .services .service_boxes .single_service:hover .ss_hover{ visibility: hidden; opacity: 0; }
    .subscription .subs_form p{ text-align: left; }
}
@media only screen and (min-device-width: 601px) and (max-device-width: 767px) {}
@media only screen and (min-device-width: 769px) and (max-device-width: 991px) {}
@media only screen and (min-device-width: 992px) and (max-device-width: 1200px) {}
@media only screen and (min-device-width: 1201px) and (max-device-width: 1399px) {}