@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bebas+Neue&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');
/* font-family:"FontAwesome";
font-family: "Plus Jakarta Sans", sans-serif;*/

:root {
    --white: #ffffff;
    --black: #3d3d3d;
    --green: #037024;
    --red: #a00041;
    --sky: #27aae1;
    --yellow: #FFB200;
    --light_green: #6afb96;
    --light_red: #ff66a4;
    --light_sky: #e9f6fc;
    --dark_sky: #0c435a;
    --effect: ease-in-out 350ms;
    --heading: "Gloock", serif;
    --heading2: "Cal Sans", sans-serif;
    /*--heading: "Funnel Display", sans-serif;*/
    --para: "Sora", sans-serif;
    --fontAwesome:"Font Awesome 6 Solid";
    --fontAwesome_solid:"Font Awesome 6 Solid";
    --fontAwesome_brand:"Font Awesome 6 Brand";
    --fontAwesome_compatibility:"Font Awesome 6 Compatibility";
}


/*@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){
    header{ padding-bottom: 0; }
    header .logo .main_logo{ max-width: 150px; }
    header .header_social{ display: none!important; }
    header .header_social a:not(:last-child) { margin-right: 10px; }
    .banner > .container{ padding-top: 120px; }
    header .row .col > div{ justify-content: center; display: flex;  }
    h3, .event .single_event .se_content h4.se_name span{ font-size: 26px; }
    .cr_review .single_review .sr_quote{ font-size: 16px; line-height: 20px; }
    .cr_review  .single_review .sr_name *{ font-size: 20px!important; }
    .cr_review .single_review .sr_type{ color: var(--black); margin-bottom: 8px; }
    .cr_review .single_review .sr_type *{ font-weight: 500!important; }
    .cr_review .single_review .sr_company{ margin-bottom: 20px; }
    .faq .faq_acco .accordion .accordion-item:not(:last-child){ margin-bottom: 12px !important; }
    header .mail, header .mail *, header .call, header .call *, header .navbar-nav li a{ font-size: 14px; }
    section{ margin-bottom: 60px; }
    .event .nav li button{ border-radius: 99px!important; }
    #wpcf7-f89-o2{ display: flex; }
    #wpcf7-f89-o2, .copy_pp{ justify-content: center !important; }
    .event .nav li:first-child button{ margin-bottom: 8px; }
    .event{ padding: 60px 0px; }
    header{ padding-top: 10px; }
    header .logo{ margin: 10px 0px; }
    nav button.navbar-toggler{ background-color: var(--white); position: absolute; bottom: 50px; left: 4%; border-radius: 50%; height: 50px; width: 50px;}
    .banner .clipped_banner{ width: 100%; height: 100%; }
    .banner_image{ margin-top: 40px; }
    /*.banner .banner_bg svg{ display: none; }*/
    .banner .banner_bg{ position: relative; }
    .banner:after{ content:''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--dark_sky); opacity: 100%; z-index: -1; }
    .banner:before{transform: scale(0.8); left: calc(-55% - -10px);}
    .banner .banner_content h1{ font-size: 40px; line-height: 50px; padding-bottom: 0!important; }
    .about_content, .banner_content{ text-align: center !important; padding-bottom: 30px; }
    .services{ position: relative; }
    .services .single_serv_box .ss_details_box .ssb_name{ font-size: 18px; }
    .services .single_serv_box:hover .ss_details_box .ssb_desc{ display: none; }
    .event .nav li:last-child button{ display: none; }
    .services:before{ transform: scale(0.3); left: -50%; }
    .about_image .image_wrapper{ transform: scale(0.8); }
    .new_gallery .ng_header h3:before { left: -9rem;}
    .bts_video_slider .owl-stage-outer{ overflow:hidden; }
    .about_image .image_wrapper:before{ padding-top: 100%; }
    .about_content{ padding-left: 0; }
    .about:before{ right: -100%; bottom: 6%; transform: scale(0.4); }
    .about_content h3, .services_details .sd_name_btn h3{ margin-bottom: 20px; }
    .sd_name_btn a.btn{ padding: 10px 14px; border-radius: 30px 30px 0px 30px; }
    .services_details .sd_name_btn{ align-items: flex-start!important; }
    .services_details .btn{ display: none; }
    .single_event_slider .single_event .se_content{ margin-bottom: 20px; }
    .bts_video_slider .owl-nav{ top: -40%; right: 10px; /*display: none;*/ }
    .cr_review .cr_review_slider .owl-nav{ display: none; }
    .bts_video_slider .owl-nav button, .cr_review .cr_review_slider .owl-nav button { height: 30px; width: 30px; border-radius: 50% !important; background-color: var(--light_sky) !important; position: relative; display: inline-block; border: .5px solid var(--sky) !important; }
    .faq_image, .cr_form_full, .foot_social, footer .foot_widget h4{ margin-bottom: 20px; }
    .faq_image{ transform: scale(0.80); }
    footer, footer *, footer .foot_widget .logo{ text-align: center; }
    .foot_contact li{ justify-content: center; }
    footer .foot_widget .foot_menu ul li:not(:last-child), footer .foot_widget .foot_contact ul li:not(:last-child){ margin-bottom: 10px; }
    .foot_widget:not(:last-child){ margin-bottom: 50px!important; }
    .owl-carousel.banner_image_fader{ margin-top: -30px; }
    .offcanvas{ width: 70%!important; height: 100vh!important; background-color: rgba(254, 254, 254, 0.2); backdrop-filter: blur(14px); }
    .offcanvas .offcanvas-body ul li a{ color: var(--white)!important; font-size: 20px!important; line-height: 30px!important; font-family: var(--heading)!important; }
    .offcanvas-header *{ color: var(--white) !important; }
    .offcanvas .offcanvas-body ul li:not(:last-child){ margin-bottom: 0px!important; }
    .event .single_event .se_content h4.se_name:before{ height: 33px; }
    .services .single_serv_box{ border-radius: 80px 80px 80px 0px; }
    .services .single_serv_box .ssb_name{ font-size: 18px; left: 10px; right: 100%; }
    footer .foot_widget .foot_subs .subs p{ display: inline-flex; width: auto; justify-content: space-between; }
    footer .foot_widget .foot_subs .subs p span,footer .foot_widget .foot_subs .subs p input{ width: auto; }
    /*footer .foot_widget .foot_subs .subs p br{ display: none; }*/
    .bts_video_slider .owl-stage .owl-item .video_wrapper, .bts_video_slider .owl-stage .owl-item .video_wrapper iframe{ height: 160px !important; }
    .faq .faq_acco .accordion .accordion-body{ padding-top: 0; }
    .faq .faq_acco .accordion .accordion-item h2.accordion-header button.accordion-button{ font-size: 14px; font-weight: 500; }
    .faq .faq_acco .accordion .accordion-body *, .faq .faq_acco .accordion .accordion-body{ font-size: 14px; font-weight: 400; }
    .faq .faq_acco .accordion .accordion-item h2.accordion-header button.accordion-button{ padding: 12px 20px; }
    .event .single_event_slider .owl-nav{ position: absolute; left: 70%; top: -18%; }
    .event .event_image_slider .owl-nav{ top: 36%; transform: translateY(-50%); left: 0px; }
    .foot_widget .foot_menu ul li{ display: inline-block; width: 49%; }
    footer{ padding: 50px 0px; }
    .event .event_image_slider .owl-item{ transition: all ease-in-out 350ms; }
    /*.event .event_image_slider .owl-item:not(.active){ transform: scale(0.80); }*/
    .event .event_image_slider .owl-stage-outer .owl-stage{ margin-left: -180px; }
}

@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) {}