:root {
--accent: #307bc4 !important;
--primary: #274760 !important;
--secondary: #7d91a0 !important;
--primary-font: Figtree, sans-serif;
--secondary-font: Poppins, sans-serif;
}

.cs_auth_card .cs_card_card_out .cs_heading_color, .cs_auth_card .cs_card_card_out .cs_card_text_btn{display:none}

@media (min-width: 768px) {
    .cookie-consent {
        max-width: 250px !important;
    }
    .cookie-card {
        align-items: center;
        flex-direction: column  !important;;
        justify-content: space-between  !important;;
        padding: 18px 16px  !important;;
    }
}

.cookie-consent {right: inherit !important;}
.cs_author_card{display:none}
.cs_copyright {
    color: hsl(0deg 0% 100%);
}
.cs_accent_bg {
    background-color: #3f5e76;
}
.cs_social_links a {
    color: #004d91;
    font-size: 13px;
    height: 26px;
    width: 26px;
}
.cs_social_links a {
    background-color: hsl(0deg 0% 100%);
    }
.cs_slider_prev,
.cs_slider_next {
  position: absolute;
      background-color: transparent !important;
  top: 56%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
}
.cs_slider_prev {left: -53px;}
.cs_slider_next { right: -52px;}

.cs_slider_navigation.cs_style_1 .cs_slider_next:hover, .cs_slider_navigation.cs_style_1 .cs_slider_prev:hover {
    background-color: transparent;
    color: var(--accent);
}

.cs_hero.cs_style_2 .cs_hero_title, .cs_hero.cs_style_2 .cs_hero_subtitle, .cs_hero.cs_style_2.cs_type_1 .cs_hero_btn
 { color: var(--primary);}
.cs_hero.cs_style_2.cs_type_1{
     background: url(/storage/media/main-banner-.svg);
}
.cs_hero_funfact_col h3 {
  display: inline-block;
  animation: flipIn 1s ease-in-out forwards;
  transform-origin: center;
}

@keyframes flipIn {
  0% {
    transform: rotateX(90deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}

/* Apply only on screens 992px and above (Bootstrap standard for desktops/laptops) */

@media (min-width: 992px) {

.cs_funfact.cs_style_1 {
    width: 15%;
}



.cs_testimonial.cs_style_2 .cs_testimonial_meta{
    border-radius: 25px;
    display: flex;
    padding: 0px 80px 25px 144px;
    font-size: 20px;
    gap: 25px 40px;
    background-color: var(--white);
}
.cs_about.cs_style_1.cs_type_2 {
    padding-left: 145px;
}
.cs_about.cs_style_2 .cs_section_heading.cs_style_1 p{ max-width: inherit;font-size: 18px;}
.cs_hero.cs_style_2.cs_type_1 .cs_hero_img{padding-top:2%}
    .cs_nav_list .menu-item a {font-weight: 500 !important;}
    .cs_site_branding img{width:225px}
    .cs_footer_item .cs_text_widget img{width:300px}
    .cs_testimonial.cs_style_2 .cs_testimonial_avatar {
        border-radius: unset !important;
        height: 80px !important;
        width: 258px !important;
    }
    .cs_testimonial.cs_style_2 .cs_testimonial_text {
        margin-bottom: 0px;
        padding: 80px 80px 80px 144px;
        font-size: 20px;
        height:500px
    }
    .cs_hero.cs_style_2 .cs_hero_title {
        font-size: 72px;
    }
    .cs_department_list .cs_department_list_item img{height: 108px;}
    .cs_fs_72 {font-size: 52px;}
    .cs_style_7 .cs_iconbox_icon img {width:90px}
    .cs_footer.cs_style_2 .cs_text_widget img+p {
        margin-top: 20px;
    }
    
    .cs_fs_40 {font-size: 38px;}
    .cs_post.cs_style_2 .cs_post_thumb {
        width: inherit;
        border-right: 1px solid #dfdfdf73;
    }
    .cs_blog_details_content_section img.cs_radius_20{width:600px !important}
    .cs_banner.cs_style_2 { padding: 150px 9% 150px 50%;}
    .cs_banner.cs_style_5 .cs_banner_img{
        padding-left: inherit;
        padding-right: inherit;
        right: 0;
        width: 60%;
        padding-top: 50px;
    }
    .cs_banner.cs_style_9 .cs_banner_img img{height: 831px;}
    .cs_about.cs_style_2 .cs_about_img { padding-left: 40px;}
    .cs_banner.cs_style_3, .cs_banner.cs_style_5 {min-height: inherit;}
}
.cs_site_header.cs_style1.cs_white_color .cs_toolbox,.cs_site_header.cs_style1.cs_white_color .cs_menu_toggle{
    color: white;
}
.hide-section {display:none}
.cs_main_header_right .cs_toolbox .cs_dropdown_wrap,
.cs_main_header_right .cs_toolbox .cs_header_user_btn {display:none !important}
.cs_blog_details_tags{display:none}
.cs_blog_details_content_section .row h2#response,
.cs_blog_details_content_section p.cs_m0,
.cs_blog_details_content_section form{display:none}
.cs_sidebar_item:last-child {display: none;}
.cs_bg_filed {background-position: inherit;}

@media (max-width: 380px) {
    .cs_site_branding img {
        max-width: 200px;
    }
}

@media (max-width: 575px) {
    .cs_fs_72 {
        font-size: 42px;
    }
    .cs_departments .cs_department_list .cs_department_list_item img{width: 110px;}
    .cs_testimonial.cs_style_2 .cs_testimonial_text p { font-size: 19px; }
    .cs_testimonial.cs_style_2 .cs_quote_icon { top: 7px;}
    .cs_testimonial.cs_style_2 .cs_testimonial_text {
        padding: 50px 25px 50px 30px;
        margin-bottom:0px;
    }
    .cs_testimonial.cs_style_2 .cs_testimonial_avatar {
        border-radius: inherit;
        height: inherit;
        width: 150px;
    }
    .cs_testimonial.cs_style_2 .cs_testimonial_meta {
        gap: 20px;
        padding: 0px 25px 15px 30px;
        border-radius: 25px;
        background-color: var(--white);
    }
}
@media (max-width: 768px) {
.cs_slider_navigation.cs_style_1 .cs_slider_next, .cs_slider_navigation.cs_style_1 .cs_slider_prev{ background-color: transparent; display:none}
.cs_slider_navigation.cs_style_1 .cs_slider_next { right: -30px; } .cs_slider_navigation.cs_style_1 .cs_slider_prev { left: -32px;}
}










/* FLIP + SLIDE CHILD-LEVEL (drop-in) */
section[id].anim-hidden,
div[id].anim-hidden,
.anim-child-hidden{ opacity:0!important; transform-style:preserve-3d; backface-visibility:hidden; will-change:transform,opacity; }

/* Keyframes */
@keyframes flipInFromLeft{0%{transform:perspective(1000px) translateX(-40px) rotateY(30deg) scale(.98);opacity:0}60%{transform:perspective(1000px) translateX(8px) rotateY(-6deg) scale(1.01);opacity:1}100%{transform:none;opacity:1}}
@keyframes flipInFromRight{0%{transform:perspective(1000px) translateX(40px) rotateY(-30deg) scale(.98);opacity:0}60%{transform:perspective(1000px) translateX(-8px) rotateY(6deg) scale(1.01);opacity:1}100%{transform:none;opacity:1}}
@keyframes flipInFromTop{0%{transform:perspective(1000px) translateY(-36px) rotateX(18deg) scale(.99);opacity:0}60%{transform:perspective(1000px) translateY(8px) rotateX(-6deg) scale(1.01);opacity:1}100%{transform:none;opacity:1}}
@keyframes flipInFromBottom{0%{transform:perspective(1000px) translateY(36px) rotateX(-18deg) scale(.99);opacity:0}60%{transform:perspective(1000px) translateY(-8px) rotateX(6deg) scale(1.01);opacity:1}100%{transform:none;opacity:1}}

/* apply animations to child-level classes */
.anim-child-left.anim-visible  { animation: flipInFromLeft 720ms cubic-bezier(.22,.85,.36,1) both; }
.anim-child-right.anim-visible { animation: flipInFromRight 720ms cubic-bezier(.22,.85,.36,1) both; }
.anim-child-top.anim-visible   { animation: flipInFromTop 720ms cubic-bezier(.22,.85,.36,1) both; }
.anim-child-bottom.anim-visible{ animation: flipInFromBottom 720ms cubic-bezier(.22,.85,.36,1) both; }

/* simple fade for tiny text-only blocks */
.anim-child-simple.anim-visible { transition:transform 420ms ease, opacity 420ms ease; transform:none; opacity:1; }

@media (max-width:767px){ .anim-child-left.anim-visible, .anim-child-right.anim-visible, .anim-child-top.anim-visible, .anim-child-bottom.anim-visible { animation-duration:520ms; } }
@media (prefers-reduced-motion: reduce){
  .anim-child-left.anim-visible, .anim-child-right.anim-visible, .anim-child-top.anim-visible, .anim-child-bottom.anim-visible, .anim-child-simple.anim-visible {
    animation:none!important; transition:none!important; transform:none!important; opacity:1!important;
  }
}