/*
Theme Name: Miniworld kindergarten
Theme URI: https://www.logicalthemes.com/products/miniworld-free-kindergarten-wordpress-theme/
Author: LogicalThemes
Author URI: https://www.logicalthemes.com
Description: Miniworld Kindergarten WordPress theme has been crafted for playschools, nurseries; even crèches can use it. Whether you’re starting a play school, opening a crèche or nursery, you will be able to display and highlight all your services effectively.  Its playful and colorful display set up and strategically arranged layout offers ample scope playschool or kindergarten owner to display their services and relevant information. Miniworld Kindergarten WordPress Theme is a pre-designed light weight template which is fast to load. Visitors will be able to view it as soon as they click on the link. You are not going to require any coding experience, technical or programing skills to either download and install this website or manage it. When you download Miniworld Kindergarten WordPress Theme, you are given access to dashboard. This is a user interface which has all the instructions explained providing step by step guidance. The template is customizable and kindergarten or pre-nursery school owner will be able to give a personal touch to it to make it more relatable. User will be able to change colors to match it with preferred or brand colors. Whether user wants to change background color, images; or edit, add, update, or delete content or want to link the icons with social media pages; everything can be learnt and applied to get the desired output with click of button. Instruction to carry out any of these changes is provided on the dashboard. You simply have to follow them and get things done. It is a responsive theme that will adjust its design and layout based on the viewer’s screen dimension without compromising on the user experience. For those who own a playschool or are planning to start a kindergarten or a crèche, Miniworld Kindergarten WordPress Theme not only makes your venture look professional and impressive, it also comes with convenience of easy management.    
Requires at least: 5.3
Tested up to: 6.9
Requires PHP: 7.2
Version: 0.1.3
License: GNU General Public License v3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: miniworld-kindergarten
Tags: wide-blocks, flexible-header, left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, threaded-comments, rtl-language-support, blog, portfolio, e-commerce

Miniworld kindergarten WordPress Theme has been created by LogicalThemes(logicalthemes.com), 2022.
Miniworld kindergarten WordPress Theme is released under the terms of GNU GPL
*/
*, body, img, p, .bypostauthor, .wp-caption-text, .wp-caption, .sticky, .gallery-caption{
  margin:0;
  padding:0;
}
*{
  outline:none;
}
body{ 
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  font-size: 15px;
  color: #999;
/*  font-family: 'Montserrat', sans-serif;*/
  font-family: 'Poppins',sans-serif;
  overflow-x: hidden;
}
img{ 
  border:none;
  max-width:100%;
  height:auto;
}
section img{
  max-width:100%;
}
a:hover {
  text-decoration: none !important;
}
h1,h2,h3,h4,h5,h6{ 
  margin:0;
  color: #091b2f;
  font-weight: bold;
}
p{ 
  font-size: 15px;
  line-height: 1.8;
}
a{ 
  text-decoration:none;
  color: #091b2f;
}
a:hover{ 
  text-decoration:none;
  color: #091b2f;
}
a:focus, input:focus, textarea:focus, button:focus,.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus{
  outline: 2px solid #fa84da;
  border-bottom: 1px solid #fa84da;
}
.mid-header .sign-link a:focus, .mid-header span.cart_no a:focus, span.entry-date a:focus, #sidebar input[type="submit"]:focus {
  outline-color: #000;
  border-color: #000;
}
.footersec input[type="submit"]:focus, .copyright a:focus {
  outline-color: #fff;
  border-color: #fff;
}
#footer-section h1,#footer-section h2,#footer-section h3,
	#footer-section h4,#footer-section h5,#footer-section h6 {
    color: #fff;
  }

table, select, span.woocommerce-input-wrapper{
  width:100%;
}
ul,ol{ 
  margin:0 0 0 15px;
  padding:0;
}
input[type='submit']{
  background-color: #091b2f;
  padding: 1%;
  border: 0;
  color: #000;
  margin: 2% 0;
}
.clear{ 
  clear:both;
}
input[type='submit']:hover{
  cursor: pointer;
}
input[type="text"],input[type="email"],input[type="phno"],textarea{
  border:1px solid #bcbcbc;
  width:100%;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}
textarea{
  height:111px;
}
.clearfix{clear: both;}
.center{ 
  text-align:center;
  margin-bottom:40px;
}
.wrapper{
  margin:3% auto;
}
.wp-caption{ 
  font-size:13px;
  max-width:100%;
}
.read-moresec a {
  background: #091b2f;
  font-size: 16px;
  color: #fff;
  border-radius: 30px;
}
/*wide block*/
.entry-content .alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.entry-content .alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
} 
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.entry-content a,.comment p a,#sidebar .widget_text p a{
  text-decoration: underline;
}
.footersec .widget_text p a {
  color: #fff;
  text-decoration: underline;
}
.alignleft,img.alignleft {
  display: inline;
  float: left;
  margin-right: 45px;
  margin-top: 4px;
  margin-bottom: 20px;
  padding: 0;
}
.alignright,img.alignright { 
  display: inline;
  float: right;
  margin-left:45px;
  margin-top:4px;
  margin-bottom:20px;
  padding:0;
}
.aligncenter,img.aligncenter { 
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
}
.comment-list .comment-content ul { 
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.main-container ol{
  list-style-position:outside;
  margin-left:20px;
}
.main-container ol li{
  margin:5px 0;
}
h2.section-title {
  font-size:30px;
  font-weight:700;
  padding:0 0 45px 0;
  text-align:center;
  display:table;
  margin-bottom:50px;
}
.padding-0{padding: 0;}
.marrgin-0{margin: 0;} 
/*----------Sticky Header------*/
.fixed-menubox {
  position: fixed;
  top: 0px; 
  left:0;
  width: 100%;
  box-shadow: 2px 2px 10px 0px #000;
  z-index: 999999;
  background: #fff;
  padding: 10px;
}
.page-template-home-custom .fixed-menubox{
  background: #fff;
}

.menu-section.text-lg-center {
  padding: 25px 0;
}

/* ---------Inner Page Header --------- */

.page-template-home-custom .inner-head {
  display: none;
}

.header-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.inner-head {
  padding: 5% 0;
  position: relative;
  background: linear-gradient(175deg, black 65%, transparent 25%);
  height: 515px;
}
.inner-head:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(174deg, #091b2f 68%, transparent 25%);
  z-index: -1;
}
.inner-head img.head-img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.6;
  clip-path: polygon(0 0, 100% 0, 100% 55%, 0 85%);
}
.inner-head h1 {
  color: #fff;
  font-size: 28px;
  display: inline-block;
  padding: 15px 100px 15px 30px;
  border-radius: 40px;
  background: #091b2f;
}
.lt-breadcrumbs {
  color: #091b2f;
  font-size: 25px;
  font-weight: 600;
  padding: 7px 20px 10px;
  background: #fff;
  border-radius: 30px;
  display: inline-block;
  line-height: 1;
  margin-left: -80px;
  position: relative;
  top: -3px;
}
.lt-breadcrumbs a, .lt-breadcrumbs span {
  color: #091b2f;
  font-size: 18px;
  display: inline-block;
}
.header-image {
  position: relative;
  z-index: 1;
}
.header-image {
  position: relative;
  -webkit-transform: perspective(600) rotateY(-30deg);
  transform: perspective(600) rotateY(-30deg);
}
.header-image:after {
  content: '';
  width: 100%;
  height: 101%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 100% 100%;
  z-index: 999;
}
.header-image img {
  width: 100%;
  border-radius: 90px;
  height: 350px;
  object-fit: cover;
  position: relative;
  top: 4px;
}
#header .socialicons{text-align: right;}

#header .socialicons a {
  position: relative;
    margin: 0 0 0 12px;
}
#header .socialicons a i{
    font-size: 18px;
    color: #000;
    transition: all 0.5s ease 0s;
}
#header .socialicons a:hover i{
  color : #091b2f ;
  transition: all 0.5s ease 0s;
}

/*header Button*/

#header {
  /* padding: 30px 0; */
  background: #fff;
}

/*#header .bottom-head {
    padding: 0px 0em 0px 10px;
    background: #222;
    top: 22px;
    z-index: 9;
    position: relative;
}*/
#primary-site-navigation {
    padding: 0px 0 0 0;
    text-align: center;
}

/*.bottom-head a { 
  color: #000;
}*/

/* ============================================================
   HERO BACKGROUND (clouds, stars, shapes)
============================================================ */
.hero {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    background: transparent;
}

.gradient-bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom right, #fef9c2 0%, #fce7f3 50%, #dbeafe 100%);
    z-index: 0;
    overflow: hidden;
    min-height: 100vh;
}

/* Clouds */
.cloud {
    position: absolute;
    fill: white;
    opacity: 0.7;
    z-index: 2;
    animation: cloudMove 20s linear infinite, cloudFloat 6s ease-in-out infinite alternate, floatRightDiagonal 12s linear infinite;
}
.cloud-1 { top: 40px; left: 40px; width: 100px; height: 120px; }
.cloud-2 { top: 128px; right: 80px; width: 300px; height: 150px; animation-delay: 2s; }
.cloud-3 { bottom: 160px; left: 25%; width: 250px; height: 130px; animation-delay: 1s; opacity: 0.6; }

/* Cloud animations */
@keyframes cloudMove {
    0% { transform: translateX(-50px); }
    50% { transform: translateX(50px); }
    100% { transform: translateX(-50px); }
}

@keyframes cloudFloat {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}



@keyframes floatRightDiagonal {
    /* start center */
    0%     { transform: translate(0px, 0px); }

    /* move up-right */
    25%    { transform: translate(20px, -20px); }
    50%    { transform: translate(40px, -40px); }

    /* move back down-left */
    75%    { transform: translate(20px, -20px); }
    100%   { transform: translate(0px, 0px); }
}


/* Stars */
.star {
    position: absolute;
    width: 24px;
    height: 24px;
    opacity: 0.7;
    animation: starTwinkle 3s ease-in-out infinite alternate;
    z-index: 2;
    transform: rotate(45deg); /* starting rotation */
    animation: smoothRotate 6s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
}
.star-1 {
    top: 64%;
    left: 31%;
    width: 30px;
    height: 30px;
    fill: #fbbf24;
    animation-delay: 3s;
       transform: translateY(-8.78px) scale(1.0878) rotate(312.288deg);
  animation: starFall 4s ease-in-out infinite;
}

.star-2 {
    top: 8%;
    left: 75%;
    width: 30px;
    height: 30px;
    fill: #fbbf24;
    animation-delay: 3s;
       transform: translateY(-8.78px) scale(1.0878) rotate(312.288deg);
  animation: starFall 3s ease-in-out infinite;
}

.star-3 {
    top: 31%;
    left: 77%;
    width: 30px;
    height: 30px;
    fill: #fbbf24;
    animation-delay: 3s;
       transform: translateY(-8.78px) scale(1.0878) rotate(312.288deg);
  animation: starFall 5s ease-in-out infinite;
}

.star-4 {
    top: 30%;
    left: 69%;
    width: 30px;
    height: 30px;
    fill: #fbbf24;
    animation-delay: 3s;
       transform: translateY(-8.78px) scale(1.0878) rotate(312.288deg);
  animation: starFall 2s ease-in-out infinite;
}

.star-5 {
    top: 4%;
    left: 56%;
    width: 30px;
    height: 30px;
    fill: #fbbf24;
    animation-delay: 3s;
       transform: translateY(-8.78px) scale(1.0878) rotate(312.288deg);
  animation: starFall 6s ease-in-out infinite;
}

.star-6 {
    top: 74%;
    left: 31%;
    width: 30px;
    height: 30px;
    fill: #fbbf24;
    animation-delay: 3s;
       transform: translateY(-8.78px) scale(1.0878) rotate(312.288deg);
  animation: starFall 4s ease-in-out infinite;
}

.star-7 {
    top: 34%;
    left: 55%;
    width: 30px;
    height: 30px;
    fill: #fbbf24;
    animation-delay: 3s;
       transform: translateY(-8.78px) scale(1.0878) rotate(312.288deg);
  animation: starFall 3s ease-in-out infinite;
}

.star-8 {
    top: 54%;
    left: 70%;
    width: 30px;
    height: 30px;
    fill: #fbbf24;
    animation-delay: 3s;
       transform: translateY(-8.78px) scale(1.0878) rotate(312.288deg);
  animation: starFall 5s ease-in-out infinite;
}


@keyframes starFall {
  0% { transform: translateY(0) rotate(0deg); opacity: 1; }
  50% { transform: translateY(50px) rotate(180deg); opacity: 0.8; }
  70% { transform: translateY(30px) rotate(270deg); opacity: 0.9; }
  100% { transform: translateY(0) rotate(360deg); opacity: 1; }
}

/* Smooth rotation animation */
@keyframes smoothRotate {
    0% {
        transform: rotate(45deg); /* start at 45° */
    }
    90% {
        transform: rotate(405deg); /* 360° from start */
    }
    100% {
        transform: rotate(405deg); /* pause at end for 1 sec */
    }
}

@keyframes starTwinkle {
    0%, 100% { opacity: 0.7; }
    50% { opacity: 1; }
}

/* Shapes */
.shape {
    position: absolute;
    opacity: 0.4;
    border-radius: 50%;
    animation: shapeRotate 20s linear infinite;
    z-index: 1;
}
.shape-1 { width: 80px; height: 80px; top: 34%; right: 40px; background: linear-gradient(to bottom right, #EC4899, #EF4444);animation: bounceRepeat 2s ease-in-out infinite; }
.shape-2 { width: 96px; height: 96px; bottom: 25%; left: 80px; background: linear-gradient(to bottom right, #3B82F6, #06B6D4); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); animation: shapeRotate 5s linear infinite reverse}
.shape-3 { width: 64px; height: 64px; top: 50%; left: 34%; background: linear-gradient(to bottom right, #10B981, #059669); border-radius: 1rem; animation: floatRightDiagonalRotate 8s linear infinite;}

@keyframes bounceRepeat {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-30px); /* bounce height */
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes shapeRotate {
    0%   { transform: translateY(0) rotate(0deg); }
    25%  { transform: translateY(-30px) rotate(90deg); }
    50%  { transform: translateY(0) rotate(180deg); }
    75%  { transform: translateY(30px) rotate(270deg); }
    100% { transform: translateY(0) rotate(360deg); }
}



@keyframes floatRightDiagonalRotate {
    0%     { transform: translate(0px, 0px) rotate(0deg); }
    10%    { transform: translate(4px, -4px) rotate(36deg); }
    20%    { transform: translate(8px, -8px) rotate(72deg); }
    30%    { transform: translate(12px, -10px) rotate(108deg); }
    40%    { transform: translate(8px, -8px) rotate(144deg); }
    50%    { transform: translate(0px, 0px) rotate(180deg); }  /* center */
    60%    { transform: translate(-8px, 8px) rotate(216deg); }
    70%    { transform: translate(-12px, 10px) rotate(252deg); }
    80%    { transform: translate(-8px, 8px) rotate(288deg); }
    90%    { transform: translate(-4px, 4px) rotate(324deg); }
    100%   { transform: translate(0px, 0px) rotate(360deg); }
}


/* --------- Header --------- */
#header {
    /* padding: 30px 0; */
    /* background: #091b2f; */
    position: relative;
    background: #fff;
}
.pd-0{ padding: 0 !important;}
.mr-0{margin: 0 !important;}
#header .logobx-out{
  text-align: center;
  background: #DB3923;
  clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);
  padding: 1em 0;
}

.home header.banner {
    position: relative;
}
.page-template-home-custom #header {
    position: relative;
    z-index: 999;
    width: 100%;
    background: #fff;
    padding: 7px 0;
}
.header-box{   padding: 0px 0px;}
#menu-sidebar {  display: inline;}
.primary-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;  
  color:#fff;
}
.primary-navigation li{
  position: relative;
  display: inline-block;
}
/**/
/* .primary-navigation li a::before {
    content: "";
    inset: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.5s ease-in-out;
    border-radius: 2px;
    background: #9810fa;
    width: 100%;
    height: 1.6px !important;
    left: 0;
    bottom: 0;
    z-index: -1;
    margin: 1px auto;
    transform-origin: right;
} */
.primary-navigation li.current_page_item a::before , 
.primary-navigation >li>a:active,
.primary-navigation li a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
    bottom: 0;
    /*height: 100%;*/
}
/**/
.primary-navigation .current_page_item a{color:#9810fa;}
.primary-navigation a {
    display: block;
    color: #364153;
    font-size: 16px;
    padding: 6px 2px 6px;
    font-weight: 400;
    text-transform: capitalize;
}
.primary-navigation ul ul{
  display: none;
  position: absolute;
  min-width: 215px;
  z-index: 9999;
  padding: 3px 14px;
  background: #fff;
  border-radius: 5px;
  border: 2px solid #dab2ff;

/*  border:1px solid ;*/
}
.primary-navigation ul ul ul{
  left: 100%;
  top: 0;
}
.primary-navigation ul ul a{
  /* color: #364153;
  background: #fff; */
  /* padding: 10px 10px 10px 20px; */
}
/* .primary-navigation ul ul a:hover{
  background: #585858;
  color: #fff;
} */
/* 
.primary-navigation li:hover ul.sub-menu {
    padding-block: 16px;
    padding-inline: 8px;
    background-color: #fff;
    border: 4px solid #dab2ff;
    border-radius: 24px;
    min-width: 220px;
    margin-top: 8px;
    left: 0;
    top: 100%;
    position: absolute;
} */

.primary-navigation ul ul li{
  float: none;
  display:flex; 
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
  border-bottom: 1px solid #fff;
  position:relative; 
  line-height:normal; 
  margin: 6px 2px 0;
  transition: all 0.5s;
}
.primary-navigation ul ul li:last-child{
  border-bottom: 0;
}
.primary-navigation ul li:hover > ul{
  display: block;
}
.primary-navigation a:hover{
  color: #9810fa;
  transition: all 0.5s ease 0s;
}
/* 
.primary-navigation li a {
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease, box-shadow 0.3s ease;
    color: #364153;
} */

/* Hover effect: lift + zoom + color + subtle bounce */
/* .primary-navigation li a:hover {
    transform: translateY(-5px) scale(1.08); 
    animation: popZoom 0.2s forwards;
    color: #9810fa; 
} */

/* Optional: stagger effect for each menu item */
/* .primary-navigation li:nth-child(1) a { transition-delay: 0s; }
.primary-navigation li:nth-child(2) a { transition-delay: 0.05s; }
.primary-navigation li:nth-child(3) a { transition-delay: 0.1s; }
.primary-navigation li:nth-child(4) a { transition-delay: 0.15s; } */

/* Keyframes for pop + zoom */
@keyframes popZoom {
    0% {
        transform: translateY(0) scale(1);
        box-shadow: none;
    }
    50% {
        transform: translateY(-5px) scale(1.08); /* lift + zoom */
    }
    100% {
        transform: translateY(-5px) scale(1); /* settle slightly down */
    }
    /* 100% {
        transform: translateY(0) scale(1); 
    } */
}

.top-wave, .bottom-wave {
  width: 100%;
  height: 20px;
  position: relative;
}

.top-wave, .bottom-wave {
  width: 100%;
  height: 20px;
  overflow: visible;
  background: linear-gradient(to right,oklch(.718 .202 349.761),oklch(.714 .203 305.504),oklch(.707 .165 254.624));
  line-height: 0;
}
.h-full {
    height: 100%;
}
.w-full {
    width: 100%;
}

.top-wave {
    height:12px;
}

.bottom-wave{
    height: 16px;
}


/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows .sf-with-ul:after{
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  position: absolute;
  right: -12px;
  /* color: #091b2f; */
  top: 8px;
}
.sf-arrows ul .sf-with-ul:after{
  right: 6px;
  top: 12px;
}
.toggle-menu, a.closebtn, #sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li:before{
  display: none;
}
.top-header {
  padding: 15px 0;
}
.top-header p, .top-header a {
  color: #4c4d4e;
  font-weight: 500;
}
.top-header p i {
  color: #fa84da;
}

.primary-navigation ul li{ 
  display:inline-block;
  margin:0 10px;
  position:relative;
  text-align: left;
}

.logo h1, .logo p.site-title {
    font-size: 30px;
    font-family: "Comic Sans MS", cursive;
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-weight: 400;
    line-height: 1.3;
    display: inline-block;
    transform-origin: center bottom;
    animation: liftBreak 2s ease-in-out infinite;
}

@keyframes liftBreak {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-3px); /* smooth lift */
  }
  40% {
    transform: translateY(-3px); /* pause at top briefly */
  }
  60% {
    transform: translateY(-1.5px); /* first breaking step down */
  }
  80% {
    transform: translateY(0); /* second breaking step - hit ground */
  }
  100% {
    transform: translateY(0); /* stay at ground */
  }
}

.logo h1 a, .logo p.site-title a{
  background: linear-gradient(to right, #f6339a, #ad46ff, #2b7fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.logo p{
  color: #365143;
  font-size: 13px;
}
.page-template-home-custom #header {
  border: 0;
}
#header {
  border-bottom: 1px solid #fff;
}

/*header with*/
#header .logobx_m{width: 20%; padding: 0 1px;}
#header .m-mnu{
  width: 60%;
    padding: 0 1px;
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: flex-end;
    }
#header .m-btn {
    width: 20%;
    padding: 0 1px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*1st btn*/
#header .m-btn .bttn1 {
    overflow: hidden;
    position: relative;
    /* display: inline-block; */
    color: #fff;
    background: none;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 10px;
    margin: 0 4px;
    border: none;
    border-radius: 50px;
    transition: all 0.3s;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    word-break: break-all;
    text-align: center;
    z-index: 1;
    display: none;
}

#header .m-btn .bttn1:hover {
  color: #000;
  background: #fff;
  transition: all 0.3s;
}

/*2nd btn*/
#header .m-btn .bttn2 {
  position: relative;
  display: inline-block;
  background: linear-gradient(to right, #ec4899, #a855f7, #3b82f6);
  color: white;
  padding: 14px 32px;
  border-radius: 50px;
  border: none;
  font-size: 16px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;

  /* CSS variables for hover tilt + zoom */
  --tilt: 0deg;
  --zoom: 1;

  animation: buttonBounce 1.2s ease-in-out infinite;
  transform: translateY(0) rotate(var(--tilt)) scale(var(--zoom));
  transition: transform 0.3s ease;
}

/* ----------------------- */
/*   CONTINUOUS BOUNCING   */
/* ----------------------- */
@keyframes buttonBounce {
  0%, 100% { transform: translateY(0) rotate(var(--tilt)) scale(var(--zoom)); }
  50% { transform: translateY(-6px) rotate(var(--tilt)) scale(var(--zoom)); }
}

#header .m-btn .bttn2:hover {
  /* pause the continuous bounce on hover and apply tilt + zoom */
  animation-play-state: paused;
  --tilt: 5deg;
  --zoom: 1.1;
  transform: translateY(-6px) rotate(var(--tilt)) scale(var(--zoom));
}

.logobx {
    text-align: left;
}
/*header form */
#header .search_bar{ 
  position: relative;
  background-color: #724A03;
  border-radius: 50px;
  line-height: 0.9;
  margin-top: 10px;
}
/*#header .search_bar fieldset {margin: 0px 0px;padding-top: 0px;}
#header input.search-field {
    background: #724A03;
    border-radius: 50px;
    position: relative;
    padding:8px 10px;
}
#header input.search-field  {
    box-shadow: none;
    font-weight: 400;
    font-size: 14px;
    width: 85%;
    padding: 12px 18px 12px 34px;
    margin: 0;
    overflow: hidden;
    border-radius: 50px;
    background: #091b2f;
    color: #fff;
    float: right;
    border-left: 4px solid #fff !important;
    border: none;
    text-align: center;
}
#header input.search-field:focus {outline: none; }
#header .s-frm input[type="submit"] {
    color: #000;
    width: 33px;
    height: 33px;
    text-align: center;
    padding: 0;
    position: absolute;
    top: 7px;
    left: 6px;
    bottom: 6px;
    background: none;
    margin: 0;
    user-select: none;
    text-indent: -999px !important;
    box-shadow: none;
    border-radius: 50px;
    border: 0px solid #ccc;
    opacity: 1;
    transition: all 0.5s;
}
#header .s-frm:hover input[type="submit"]{opacity: 1; transition: all 0.5s;}
#header .search_bar:after {
    content: "\f002";
    font-family: 'Fontawesome';
    position: absolute;
    top: 14px;
    font-size: 18px;
    left: 13px;
    text-align: center;
    color: #fff;
    background-repeat: no-repeat;
    width: 0;
    clear: both;
    border-radius: 24px;
    opacity: 1;
}*/
/* #header .s-frm:hover input[type="submit"]{background-color:#fff} */
/*#header .search_bar:hover:after{display: none;}
#header input[type="submit"]:hover,
#header input[type="submit"]:focus {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}*/
/*#header .search_dropdown:hover,
#header .search_dropdown.active { cursor: pointer; } 
#header .search_dropdown ul {
    display: none;
    position: absolute;
    top: 105%;
    left: -1px;
    font-size: 14px;
    width: 225px;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 7px 0;
}
    
#header .search_dropdown li {
  list-style-type: none;
  margin: 0;
  padding: 5px 18px;
  color: $highlight_color;
  line-height: 1.2em;
  position: relative;
}
      
#header .search_dropdown:hover {}
#header .search_dropdown .selected {color: #fff;}
#header .search_dropdown .huge { max-width: 860px; }
#header .search_dropdown  input[type=text] {  font-size: 20px;}*/
/* --------- SLIDER--------- */

#slider{ 
  position:relative; 
  overflow: hidden;
  height:auto; 
  background: transparent;
  padding: 12em 0 1em 0;
}

#slider .sliderbg-img{position: relative;width: 50%; margin:30px 0 0 0;   position: relative;
  animation: seesawframe 3s ease-in-out infinite alternate; height: fit-content;}
  @keyframes seesawframe { 0% { transform: rotate(-4deg); } 100% { transform: rotate(2deg); } }
#slider .frame-bg img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 2.5rem;
    position: relative;
    z-index: 5;
}
/* #slider .s-oly {
    position: absolute;
    left: -6px;
    right: 13px;
    top: 28px;
    bottom: 130px;
    border: 4px solid #fff;
    border-radius: 40px 40px;
    z-index: 1;
} */
#slider svg {
    /* position: relative;
    width: 100%;
    height: 300px;
    margin-top: -13em; */
}


.frame-layer {
    position: absolute;
    inset: -20px;
    border-radius: 40px;
    z-index: -2;
}

.frame-bg {
    position: relative;
    background-color: #fff;
    padding: 12px;
    border-radius: 3rem;
    box-shadow: 0 25px 50px -12px #00000040;
}

.frame-1   { background: linear-gradient(to right, #fb64b6, #c27aff, #51a2ff); inset:-16px; transform: rotate(6deg); border-radius: 4rem; }
.frame-2 { background: linear-gradient(to right, #fdc700, #ff6467, #fb64b6); inset: -8px; transform: rotate(-3deg); border-radius: 4rem; }

#slider .sm_image img {
    position: absolute;
    right: -4px;
    top: -8px;
    width: 120px;
    height: 103px;
    animation: tada 10s linear infinite;
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@media screen and (max-width: 425px){

#slider .frame-bg img {
  height: 300px;
}
}

/*********/
#slider .slider-content {
  position: relative;
  width: 50%;
  align-content: center;
  padding: 0 22px 0 10px;
}
#slider .slider-content h2 {
    font-family: "Comic Sans MS", cursive;
    font-size: 96px;
    line-height: 1.25;
    margin-bottom: 32px;
    font-weight: inherit;
}

.hero-line { display: block; transition: color 0.5s linear; font-family: "Comic Sans MS", cursive;}

.hero-purple {
    animation: colorVioletPurpleBluePink 5s linear infinite;
}
.hero-red    { animation: colorRed 5s linear infinite; }
.hero-blue   { animation: colorBlue 5s linear infinite; }

/* Animated Colors */
@keyframes colorVioletPurpleBluePink {
    0%   { color: rgb(175, 115, 255); }  /* violet */
    16%  { color: rgb(150, 75, 215); }   /* purple */
    33%  { color: rgb(60, 85, 200); }    /* dark blue */
    50%  { color: rgb(110, 150, 255); }  /* light blue */
    66%  { color: rgb(245, 95, 160); }   /* pink */
    83%  { color: rgb(230, 55, 130); }   /* deep pink */
    100% { color: rgb(175, 115, 255); }  /* back to violet */
}

@keyframes colorRed {
    0%   { color: #fb923c; } /* soft orange */
    25%  { color: #f97316; } /* deeper orange */
    50%  { color: #ef4444; } /* medium red */
    75%  { color: #dc2626; } /* deeper red */
    100% { color: #fb923c; } /* back to orange */
}

@keyframes colorBlue {
    0%   { color: #34d399; } /* green */
    14%  { color: #4ade80; } /* light green */
    28%  { color: #2dd4bf; } /* aqua */
    42%  { color: #06b6d4; } /* cyan */
    56%  { color: #0ea5e9; } /* sky blue */
    70%  { color: #3b82f6; } /* bright blue */
    84%  { color: #1e40af; } /* dark blue */
    100% { color: #34d399; } /* back to green */
}

#slider .slider-content p {
    font-size: 24px;
    color: #364153;
    margin-bottom: 32px;
    line-height: 1.6;
}
#slider .slider-content .read-btn{ display: flex; gap: 16px; flex-wrap: wrap; }
#slider .slider-content .read-btn a:first-child{
  position: relative;
  display: flex;
  background: linear-gradient(to right, #f6339a, #ad46ff, #2b7fff);
  color: white;
  padding-block: 20px;
  padding-inline: 40px;
  border-radius: 3.40282e38px;
  font-size: 20px;
  font-weight: 400;
  z-index: 10;
  box-shadow: 0 8px 20px rgba(0,0,0,0.20);
  line-height: 1.4;
  overflow: hidden;
  gap: 8px;
  align-items: center;

  --tilt: 0deg;
  --zoom: 1;

  animation: buttonBounce 2s ease-in-out infinite;
  transform: translateY(0) rotate(var(--tilt)) scale(var(--zoom));
  transition: transform 0.3s ease, --tilt 0.6s ease, --zoom 0.6s ease;
}
#slider .slider-content .read-btn a:first-child:hover{    
  --tilt: -3deg;
  --zoom: 1.1;
}

#slider .slider-content .read-btn a:last-child {
    display: inline-block;
    background: white;
    color: #9810fa;
    border: 4px solid #dab2ff;
    line-height: 1.4;
    padding: 16px 40px;
    border-radius: 3.40282e38px;
    padding-block: 20px;
    padding-inline: 40px;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    box-shadow: 0 25px 50px -12px #00000040;
       /* CSS variables for hover tilt + zoom */
  --tilt: 0deg;
  --zoom: 1;

    transform: rotate(var(--tilt)) scale(var(--zoom));
  transition: --tilt 0.6s ease, --zoom 0.6s ease;
}

#slider .slider-content .read-btn a:last-child:hover{    
  --tilt: 3deg;
  --zoom: 1.1;
}

/* Floating icons */
.icon-heart, .icon-star, .icon-circle, .icon-lightning {
    position: absolute;
    z-index: 999;
    box-shadow: 0 25px 50px -12px #00000040;
    align-items: center;
    justify-content: center;
    display: flex; 
}

.icon-heart { 
    background: linear-gradient(to right, #fb2c36, #fb64b6); 
    border-radius: 50%;     
    display: flex; 
    top: -48px; 
    left: -48px; 
    width: 112px;
    height: 112px;
    animation: floatLeftDiagonalRotate 6.2s linear infinite;
}

@keyframes floatLeftDiagonalRotate {
    0%     { transform: translate(0px, 0px) rotate(0deg); }
    10%    { transform: translate(-4px, -4px) rotate(36deg); }
    20%    { transform: translate(-8px, -8px) rotate(72deg); }
    30%    { transform: translate(-12px, -10px) rotate(108deg); }
    40%    { transform: translate(-8px, -8px) rotate(144deg); }
    50%    { transform: translate(0px, 0px) rotate(180deg); }  /* center */
    60%    { transform: translate(8px, 8px) rotate(216deg); }
    70%    { transform: translate(12px, 10px) rotate(252deg); }
    80%    { transform: translate(8px, 8px) rotate(288deg); }
    90%    { transform: translate(4px, 4px) rotate(324deg); }
    93.75% { transform: translate(0px, 0px) rotate(360deg); } /* rotation ends */
    100%   { transform: translate(0px, 0px) rotate(360deg); } /* pause 0.2s */
}





.icon-star { background: linear-gradient(to right, #ff6900, #fdc700); 
                top: -48px; 
                right: -48px; 
                rotate: 45deg;
                width: 128px;
                height: 128px;
                 animation: decelRotate 6s cubic-bezier(0.3, 0, 0.2, 1) infinite;
}

@keyframes decelRotate {
    0%   { transform: rotate(0deg); }         /* start fast */
    90%  { transform: rotate(-360deg); }      /* gradually slows down */
    100% { transform: rotate(-360deg); }      /* pause for the last 10% */
}

.icon-circle { 
    background: linear-gradient(to bottom right, #00bc7d, #05df72); 
    border-radius: 50%; 
    bottom: -48px; 
    right: -48px; 
    width: 128px;
    height: 128px;
    transform: rotate(-8deg);
    transform-origin: bottom center;  /* scale grows upward */
    animation: equalBreath 4s ease-in-out infinite;
}

@keyframes equalBreath {
    0%   { transform: rotate(-10deg) scale(1); }      /* start */
    50%  { transform: rotate(-10deg) scale(1.2); }   /* inhale (half duration) */
    100% { transform: rotate(-10deg) scale(1); }     /* exhale (other half) */
}



.icon-lightning  { background: linear-gradient(to bottom right, #00b8db, #51a2ff); 
                border-radius: 24px;
                bottom: -48px; 
                left: -48px; 
                rotate: -12deg;
                width: 112px;
                height: 112px;
                animation: rotate 4s ease-in infinite;
                 }


.icon-heart svg, .icon-circle svg{
    color: #fff;
    fill: #fff;
    width: 56px;
    height: 56px;
}

.icon-star svg, .icon-lightning svg {
    color: #fff;
    fill: #fff;
    width: 64px;
    height: 64px;
}



#slider .rightimg img{
  position: absolute;
    right: -6%;
    top: 20%;
    width: 40px;
    height: 48px;
    z-index: unset;
}
#slider .righttop img {
    position: absolute;
    left: 20px;
    top: -28px;
    width: 28px;
    height: 50px;
    z-index: 9;
    transform: rotate(-61deg);
}

#slider .lefttop img{
  position: absolute;
  right: 16%;
  top: 22px;
  width: 38px;
  height: 60px;
  z-index: unset;
}
#slider .lefttleft img {
    position: relative;
    left: 2%;
    width: 30px;
    height: 44px;
    z-index: unset;
    transform: rotate(200deg);
}
#slider .left_lt img {
    position: absolute;
    left: -3%;
    width: 20px;
    height: 28px;
    z-index: unset;
    transform: rotate(149deg);
    bottom: 39%;
}

#slider .left_bm img {
    position: absolute;
    left: 25%;
    width: 43px;
    height: 42px;
    z-index: unset;
    bottom: 9%;
}

#slider .carousel-item-next,
#slider .carousel-item-prev,
#slider .carousel-item.active { display: block !important;}

#slider .carousel-control-next-icon i,
#slider .carousel-control-prev-icon i{
  width: 70px;
  height: 70px;
  line-height: 70px;
  background-image: none;
  font-size: 44px;
  color: #DB3923;
  border-radius: 50px;
  text-align: center;
  backdrop-filter: blur(22px);
  background: #654a4a;
  display: none;
}
#slider .carousel-control-next,
 #slider .carousel-control-prev{

  /* opacity: 0; */
  width: 7%;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
  background:transparent;
}

/* Badge */
.badge {
    padding-block: 16px;
    padding-inline: 24px;
    background-color: #fff;
    border: 4px solid #FDE047;
    border-radius: 3.40282e38px;
    gap: 12px;
    align-items: center;
    display: inline-flex;
    margin-bottom: 32px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: inherit;
    cursor: pointer;
    animation: seesaw 1.65s ease-in-out infinite alternate;
    box-shadow: 0 25px 50px -12px #00000040;
}

@keyframes seesaw { 0% { transform: rotate(-5deg); } 100% { transform: rotate(5deg); } }

.badge svg{
    color: #f6339a;
    width: 28px;
    height: 28px;
    animation: rotate 2s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.badge h4 {
    font-size: 18px;
    line-height: 1.5;
    font-weight: inherit;
}

/* SWIPER */

.swiper {
  width: 250px;
  height: 450px;
  padding: 50px 0;
}
.swiper-slide {
  position: relative;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.swiper-slide span {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  padding: 7px 18px;
  margin: 10px;
  border-radius: 20px;
  letter-spacing: 2px;
  font-size: 0.8rem;
  font-weight: 700;
  font-family: inherit;
  background: rgba(255, 255, 255, 0.095);
  box-shadow: inset 2px -2px 20px rgba(214, 214, 214, 0.2), inset -3px 3px 3px rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(74px);
}

.swiper-slide h2 {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.4;
  margin: 0 0 20px 20px;
}

.swiper-slide:nth-child(1n) {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url(https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/2929f534-3bc3-4cbd-b84c-80df863d5a38)
      no-repeat 50% 50% / cover;
}
.swiper-slide:nth-child(2n) {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/b6f5eb64-887c-43b1-aaba-d52a4c59a379")
      no-repeat 50% 50% / cover;
}
.swiper-slide:nth-child(3n) {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/e906353b-fde0-4518-9a03-16545c1161bd")
      no-repeat 50% 0% / cover;
}
.swiper-slide:nth-child(4n) {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/fc21e481-e28a-41a8-9db3-3b62c1ddc17e")
      no-repeat 50% 50% / cover;
}

.swiper-slide:nth-child(5n) {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/6b6ad966-79e1-4d3c-8f92-566d0fee8082")
      no-repeat 50% 50% / cover;
}

.swiper-slide:nth-child(6n) {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/2ad44f5d-2215-4416-9c9b-2bae3be51a67")
      no-repeat 50% 50% / cover;
}

.swiper-slide:nth-child(7n) {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/aa8fe914-741f-4bf4-ad4a-24f19d1f4178")
      no-repeat 50% 50% / cover;
}

.swiper-slide:nth-child(8n) {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/d5f10b4f-7d34-45bd-bb5f-5f1530c2ac1c")
      no-repeat 50% 0% / cover;
}

.swiper-slide:nth-child(9n) {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/7cbac263-7c55-4428-908e-31018dc1bce3")
      no-repeat 50% 50% / cover;
}

/*Banner section*/
/*================*/

#banner{position: relative;text-align: center;overflow: hidden;padding: 2em 0 3em;}
.banner-video-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
    opacity: 0.5;
}
#banner .contenbx {
    position: relative;
    padding: 10px 2px 10px;
}
#banner .contenbx h2{
    position: relative;
    font-size: 90px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    color: #fff;
}
#banner .contenbx h2 span{
  background: -webkit-linear-gradient(0deg, #00b4db 40%, #ff6b35 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#banner .contenbx h5 {
    position: relative;
    font-size: 54px;
    font-weight: 400;
    margin: 9px 0;
    padding: 0;
    color: #fff;
}
#banner .contenbx p {
    position: relative;
    font-size: 24px;
    margin: 40px auto;
    text-align: center;
    color: #ccc;
    line-height: 1.8;
    width: 64%;
}
/*sectio button*/
#banner .bttn{margin: 10px 0;}
#banner .bann2{background: none !important;border: 2px solid #00b4db;padding:8px 20px 8px 4px;}
#banner .bann2:hover{border: 2px solid transparent;}
#banner .bann1 {padding: 12px 4px 12px 16px;}
#banner .bann2,
#banner .bann1 {
    overflow: hidden;
    position: relative;
    display: inline-block;
    color: #fff;
    background: #ff6b35;
    font-size: 16px;
    font-weight: 500;
    margin: 0 8px 0 ;
    border-radius: 50px;
    transition: all 0.3s;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    word-break: break-all;
    text-align: center;
    z-index: 1;
}
#banner .bann2 i,
#banner .bann1 i{margin: 0 14px;font-size: 14px;}

#banner .bann2:hover,
#banner .bann1:hover {
  color: #fff;
  background-color: #091b2f !important;
  transition: all 0.3s;
}

/*banner counter*/
.bann-counter {
    position: relative;
    width: 60%;
    margin: 20px auto 0 ;
}
.bann-counter .conterbx{
  width: 25%;
  text-align: left;
  margin-bottom: 1em;
  position: relative;
  overflow: hidden;
}
.bann-counter .conterbx h4 {
    font-size: 34px;
    font-weight: 600;
    color: #00b4db;
}
.bann-counter .conterbx p{
  font-size: 16px;
    font-weight: 400;
    color: #ccc;
}

/*end*/

/* =====Feature Section===== */

#feature {
  position: relative;
  overflow: hidden; 
  padding-block: 80px; 
  background: linear-gradient(to bottom right, #f3e8ff 0%, #fce7f3 50%, #dbeafe 100%);
}

#feature .titlebx {
    text-align: center;
    opacity: 1;
    transform: none;
    margin-bottom: 64px;
}

#feature .fea-icon {
    display: inline-block;
    margin-bottom: 16px;
}

#feature .fea-icon svg {
    width: 96px;
    height: 96px;
    color: #f6339a;
    animation: wiggleZoom 3s ease-in-out infinite;
    transform-origin: center center;
}

@keyframes wiggleZoom {
  0% { 
    transform: rotate(0deg) scale(1); 
  }
  20% { 
    transform: rotate(-3deg) scale(1.1); 
  }
  40% { 
    transform: rotate(3deg) scale(1.2); 
  }
  60% { 
    transform: rotate(-3deg) scale(1.15); 
  }
  80% { 
    transform: rotate(3deg) scale(1.1); 
  }
  100% { 
    transform: rotate(0deg) scale(1); 
  }
} 

#feature .titlebx h2 {
    font-size: 60px;
    font-weight: inherit;
    margin-bottom: 16px;
    line-height: 1;
    font-family: "Comic Sans MS", cursive;
    animation: pulseZoom 2s ease-in-out infinite;
    transform-origin: center center;
}

@keyframes pulseZoom {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1); /* zoom in */
    }
    100% {
        transform: scale(1); /* zoom out back to original */
    }
}

#feature .titlebx h5 {
    font-size: 24px;
    color: #364153;
    line-height: 1.3;
    font-weight: 400;
}

/* .feabxinn {
  position: absolute;  
  opacity: 0.4;
  filter: blur(16px);
  background-image: linear-gradient(to bottom right, #f6339a, #fb2c36);
  inset: -8px;
  border-radius: 24px;
} */

.single-fea {
    position: relative;
    padding: 32px;
    background: #fff;
    box-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px  #0000001a;
    border: 4px dashed #dab2ff;
    border-radius: 24px;
}

#feature .icnbx {
    position: relative;
    overflow: hidden;
    display: table;
    border-radius: 50%; /* safer for full circle */
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    align-items: center;
    margin-bottom: 16px;
    margin-inline: auto;
    background-image: linear-gradient(to bottom right, #f6339a, #fb2c36);
}


#feature .icnbx svg, #feature .icnbx i {
    width: 80px;
    height: 80px;
    line-height: 54px;
    font-size: 30px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;

    /* Animation */
    animation: rotateWithPause 5s ease-in-out infinite;
    transform-origin: center center;
}

@keyframes rotateWithPause {
  0%   { transform: rotate(0deg); }
  95%  { transform: rotate(360deg); } /* rotate until near full */
  100% { transform: rotate(360deg); } /* hold for pause */
}

#feature .content h1 {
    font-family: "Comic Sans MS", cursive;
    font-size: 24px;
    line-height: 1.3;
    text-align: center;
    font-weight: inherit;
    margin-bottom: 12px;
}

#feature .content p {
    color: #364153;
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
}

.featurebx {
  position: relative;
}

.fea-bg{
  position: absolute;  
  opacity: 0.4;
  filter: blur(16px);
  background-image: linear-gradient(to bottom right, #f6339a, #fb2c36);
  inset: -8px;
  border-radius: 24px;
}

/*ouramazingprograms Section*/
/*================*/

#ouramazingprograms-section {
  position: relative;
  overflow: hidden;
  padding: 4em 0 1em 0;
  background: #fff;
}

#ouramazingprograms-section .floating-star {
    position: absolute;
    opacity: 0.1;
    width: 80px;
    height: 80px;
    animation: floatDiagonalSmall 6s linear infinite;
}

#ouramazingprograms-section .event-star-1 {
    top: 20%;
    left: 10%;
}

#ouramazingprograms-section .event-star-2 {
    top: 35%;
    left: 25%;

}

#ouramazingprograms-section .event-star-3 {
    top: 50%;
    left: 40%;;
}

#ouramazingprograms-section .event-star-4 {
    top: 65%;
    left: 55%;
}
#ouramazingprograms-section .event-star-5 {
    top: 80%;
    left: 70%;
}

#ouramazingprograms-section .event-star-6 {
    top: 95%;
    left: 85%;
}
.event-star-1 svg, 
.event-star-2 svg, 
.event-star-3 svg, 
.event-star-4 svg, 
.event-star-5 svg, 
.event-star-6 svg {
    color: #ad46ff;
    fill: #ad46ff;
    width: 100%;
    height: 100%;
}

#ouramazingprograms-section .titlebx { margin: 0 0 4em 0em; position: relative;text-align:center; }

#ouramazingprograms-section .titlebx .event-icon {
    display: inline-block;
    margin-bottom: 16px;
    animation: rotate 18s linear infinite;
}

#ouramazingprograms-section .titlebx .event-icon svg{
    color: #ad46ff;
    width: 96px;
    height: 96px;
}

#ouramazingprograms-section .titlebx h5{
    color: #364153;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 400;
    margin-bottom: 48px;
}
#ouramazingprograms-section .titlebx h4 {
    font-family: "Comic Sans MS", cursive;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 16px;
    font-weight: inherit;
    animation: colorSoftDeepRGB 3s infinite linear;
}

@keyframes colorSoftDeepRGB {
    0%   { color: rgb(245, 95, 160); }   /* pink */
    25%  { color: rgb(170, 95, 230); }   /* light purple */
    50%  { color: rgb(130, 60, 195); }   /* medium purple */
    75%  { color: rgb(80, 105, 230); }   /* medium blue */
    100% { color: rgb(245, 95, 160); }   /* back to pink */
}

#ouramazingprograms-section .titlebx h4 span{color: #00b4db;}
#ouramazingprograms-section .titlebx P{
  position: relative;
    font-size: 20px;
    margin: 20px auto;
    text-align: center;
    color: #ccc;
    line-height: 1.3;
    width: 59%;
}
#ouramazingprograms-section .serbx{padding:0 1em;margin-bottom: 4.5em;}
#ouramazingprograms-section .ouramazingprograms-box {
  margin: 0 ;
  padding: 0;
  position: relative;
  /* overflow: hidden; */
  border-radius: 16px;
  transition: all 0.5s ease 0s;
  animation: swingCard 8s ease-in-out infinite;
  rotate: 4deg;
  will-change: transform;
}

@keyframes swingCard {
  0%   { rotate: 4deg; }
  25%  { rotate: -4deg; }
  50%  { rotate: 4deg; }
  75%  { rotate: -4deg; }
  100% { rotate: 4deg; }
}

#ouramazingprograms-section .ouramazingprograms-box {
  --scale: 1;
  --hover-rotate: 0deg;

  transform: scale(var(--scale)) rotate(var(--hover-rotate));
  transition:
    transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

#ouramazingprograms-section .ouramazingprograms-box:hover{
  --scale: 1.05;
  --hover-rotate: 4deg;
}


#ouramazingprograms-section .ouramazingprograms-img {
    position: relative;
    overflow: hidden;
    height: 208px;
}
#ouramazingprograms-section .ser-oly{
    position: absolute;
    opacity: 0.4;
    background-image: linear-gradient(to top, #f6339a, #ff2056);
    inset: 0;
}
#ouramazingprograms-section .ouramazingprograms-img img{
    position: relative;
    width: 100%;
    height: 250px;
    border-radius: 16px 16px 0px 0px;
}
#ouramazingprograms-section .ouramazingprograms-content {
    padding: 24px;
    position: relative;
    background: #fff;
    text-align: center;
}
#ouramazingprograms-section .subtitl {
    position: relative;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin: -30px auto 15px auto; */
    font-size: 24px;
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    background-image: linear-gradient(to bottom right, #f6339a, #ff2056);
    margin-bottom: 16px;
    margin-inline: auto;
    animation: rotate 6s linear infinite;
}
#ouramazingprograms-section .subtitl i{
    color: #fff;
    width: 32px;
    height: 32px;
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#ouramazingprograms-section .subtitl h6{
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
#ouramazingprograms-section .ouramazingprograms-content .title {
    font-size: 24px;
    font-family: "Comic Sans MS", cursive;
    margin-bottom: 8px;
    line-height: 1.3;
    text-align: center;
    font-weight: inherit;
}
#ouramazingprograms-section .ouramazingprograms-content p {
    color: #9810fa;
    text-align: center;
    margin-bottom: 12px;
    font-weight: inherit;
}
#ouramazingprograms-section .list{ position: relative;}

#ouramazingprograms-section .list li {
    position: relative;
    font-size: 16px;
    list-style: none;
    color: #707070;
    font-weight: 400;
    word-break: break-word;
    margin: 8px 0 4px 16px;
    padding: 0px 0px 0px 0;
    transition: all 1s ease 0s;
}
#ouramazingprograms-section .list li:before {
    content: "\f111";
    font-family: 'Fontawesome';
    font-size: 8px;
    color: #00b4db;
    padding-right: 6px;
    transition: all 1s ease 0s;
    margin-left: -15px;
    position: relative;
    top: -1px;
}
#ouramazingprograms-section .bttn {
    position: relative;
    text-align: center;
    margin-top: 20px;
}
#ouramazingprograms-section .bttn a {
    display: inline-block;
    padding-block: 12px;
    border-radius: 3.40282e38px;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    transition: all 0.3s;
    transform: none;
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    padding-inline: 16px;
    background-image: linear-gradient(to right, #f6339a, #ff2056);
    width: 100%;
    text-align: center;
}
#ouramazingprograms-section .bttn a:hover{
  opacity: 0.8;
}

.ouramazingprograms-bg1 {
    position: absolute;
    inset: -12px;
    background: linear-gradient(to bottom right, #f6339a, #ff2056);
    border-radius: 3rem;
    transform: rotate(6deg);
    opacity: 0.5;
}

.ouramazingprograms-bg2 {
    position: absolute;
    inset: -8px;
    background: #fdc700;
    border-radius: 3rem;
    transform: rotate(-3deg);
    z-index: 0;
}

.ouramazingprograms-container {
    position: relative;
    border-radius: 2.5rem;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px #00000040;
    border: 4px solid #fff;
    transition: transform 0.3s;
    background: #fff;
    overflow: hidden;
}

/****************************************/

@keyframes pulsejg1 {
  0% {
      transform: scale(.3);
      opacity: 0;
  }
  50% {
      transform: scale(.5);
      opacity: 0.8;
  }
  60% {
      transform: scale(.7);
      opacity: 1;
  }
  70% {
      transform: scale(.9);
      opacity: 0.8;
  }
  80% {
      transform: scale(1.01);
      opacity: 1;
  }
  100% {
      transform: scale(1.02);
      opacity: 0;
  }
}
@keyframes pulsejg2 {
  0% {
      transform: scale(0.7);
      opacity: 0;
  }
  40% {
      transform: scale(.08);
      opacity: 0;
  }
  50% {
      transform: scale(0.9);
      opacity: 1;
  }
  60% {
      transform: scale(1);
      opacity: .9;
  }
  80% {
      transform: scale(1.1);
      opacity: 1;
  }
  100% {
      transform: scale(1.2);
      opacity: 0;
  }
}

/* Woocommerce */
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a {
  color:#000;
}
a.showcoupon,.woocommerce-message::before{
  color: #091b2f;
}
.woocommerce-message {
  border-top-color: #091b2f;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
  max-width: 100%;
}
.woocommerce span.onsale{
  background: #091b2f;
  padding: 0;
  border-radius: 0;
  color: #fff;
  font-weight: 500;
}
.products li {
  padding: 0 0 10px !important;
  text-align: center;
}
h2.woocommerce-loop-product__title,.woocommerce div.product .product_title {
  color: #000;
  font-size: 20px !important;
}
.woocommerce img, .woocommerce-page img{
  margin: 0 !important;
  border: solid 1px #dcdcdc;
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
  color: #fff;
}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.woocommerce div.product .product_title {
  background: none;
  text-align: left;
  text-transform: capitalize;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, a.added_to_cart.wc-forward{
  background: #091b2f;
  color: #fff;
  border-radius: 30px;
  font-weight: 500;
}
a.button.yith-wcqv-button, a.added_to_cart.wc-forward {
  margin-left: 5px;
  padding: 8px !important;
  font-size: 14px;
  line-height: 1;
  border-radius: 30px;
}
a.added_to_cart.wc-forward {
  margin-top: 10px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, a.added_to_cart.wc-forward:hover  {
  background: #fa84da;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 30px;
  border: solid 1px #353535;
  color: #353535;
}
.woocommerce div.product form.cart {
  margin: 15px 0;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
  padding: 15px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background: #091b2f;
  color: #000;
  border: none;
}
.col-1,.col-2 {
  max-width: 100%;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
}
.woocommerce-MyAccount-navigation ul li {
  background: #091b2f !important;
  padding: 12px;
  margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation ul li a{
  color: #fff ;
}
.posted_in {
  display: block;
}
.woocommerce-products-header {
  margin-top: 20px;
}
select.orderby{
  padding: 10px;
  margin-top:10px;
}
.woocommerce-info a, tr.woocommerce-cart-form__cart-item.cart_item a, form.woocommerce-shipping-calculator a, nav.woocommerce-MyAccount-navigation a, a.shipping-calculator-button, table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .product-name a, nav.woocommerce-MyAccount-navigation a, .woocommerce-MyAccount-content li a, a.woocommerce-privacy-policy-link, a.showcoupon {
  text-decoration: none;
}
li.woocommerce-notice.woocommerce-notice--info.woocommerce-info {
  list-style: none;
  padding: 16px 32px 16px 56px;
}
.woocommerce .woocommerce-ordering select{
  padding: 10px;
}
#sidebar p.woocommerce-mini-cart__buttons.buttons a{
  text-decoration: none;
  color: #fff;
}
#sidebar p.woocommerce-mini-cart__buttons.buttons a:hover, .footersec p.woocommerce-mini-cart__buttons.buttons a:hover{
  background: #091b2f;
}
#sidebar form.woocommerce-product-search input[type="search"], .footersec form.woocommerce-product-search input[type="search"]{
  width: 100%;
  padding: 7px 10px;
}
#sidebar form.woocommerce-product-search button, .footersec form.woocommerce-product-search button{
  background: #091b2f;
  border: none;
  color: #fff;
  padding: 8px 0;
  width: 100%;
  font-size: 16px;
  margin: 0;
  letter-spacing: 1px;
  font-weight: 600;
}
#sidebar .widget_price_filter .ui-slider-horizontal .ui-slider-range, #sidebar .widget_price_filter .ui-slider .ui-slider-handle, .footersec .widget_price_filter .ui-slider-horizontal .ui-slider-range, .footersec .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .price_slider_amount .button:hover{
  background: #091b2f;
}
.widget_shopping_cart_content p.woocommerce-mini-cart__total.total{
  padding: 5px 0;
  color: #fff;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #fff;
}
.select2-container--default .select2-selection--single{
  height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 3px;
}
#sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li{
  background: none;
}
.woocommerce .woocommerce-ordering select{
  padding: 10px;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce ul.products li.product .price{
  font-size: 15px;
}
.woocommerce form .form-row .required{
  color: #df0000;
}
.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price, .woocommerce div.product span.price, .woocommerce div.product p.price {
  color: #000;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce form.woocommerce-shipping-calculator a{
  color: #000 !important;
}
.woocommerce .woocommerce-breadcrumb{
  margin-top: 10px;
}
#sidebar .price_label, .footersec .price_label, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
  color: #fff;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-weight: 500;
  color: #000;
  font-size: 20px !important;
  font-family: 'Poppins', sans-serif;
  text-align: center;
}
.woocommerce ul.products li.product .button{
  margin-top: 0;
}
.woocommerce-info::before {
  color: #1a8129;
}
.woocommerce-privacy-policy-text p a,.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover{
  color: #000;
}
.woocommerce #comments p {
  float: left;
  width: 100%;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  font-size: 16px;
}
.woocommerce .product-title{
  font-size: 17px;
}
.woocommerce .select2-container .select2-selection--single{
  height: 40px;
  padding: 0;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  top:70%;
}
.select2-container--default .select2-selection--single, input#billing_phone {
  padding: 10px 0px;
  border-radius: 0px;
  border: 1px solid #bcbcbc;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
  width: auto;
}
.woocommerce-Address{
  max-width: 100%;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  text-align: center;
}
#sidebar .star-rating, .footersec .star-rating{
  margin: 0 !important;
}
#sidebar .product_list_widget .star-rating, .footersec .product_list_widget .star-rating{
  margin: 5px 0 10px 0 !important;
}
#sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #000;
}
.footersec .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #fff;
}
.footersec .price_label, #sidebar .price_label, .news-item.layout-two .news-text-wrap{
  font-size: 14px;
}
.woocommerce .star-rating {
    float: left;
}
.related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product{
  float:none;
  display: inline-table;
  width: 30%;
  text-align: center;
  margin-right: 15px;
}
.woocommerce .woocommerce-product-rating .star-rating {
  margin: 0.5em 20px 0 0;
  color: #ff7e00;
}
.woocommerce form.login .form-row,.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  display: block;
  float: none;
}
.woocommerce-Reviews .comment-text p.meta {
  width: 100%;
  float: left;
  padding-top: 10px;
}
#sidebar a.remove.remove_from_cart_button , .footersec a.remove.remove_from_cart_button{
  font-size: 22px !important;
}
.woocommerce #reviews #comments h2{
  font-size: 25px;
}
.related.products h2 {
  text-align: left;
  margin-bottom: 20px;
}
.comment-form-rating label {
  padding: 10px 0;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  font-size: 11px;
  padding: 7px;
}
.footersec .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 0 2em;
}
#sidebar .widget_shopping_cart_content li:hover{
  padding-left: 2em;
}
.woocommerce-Reviews .comment-form-rating label{
  padding: 10px 0;
}
.woocommerce input#password {
  padding: 10px;
}
#sidebar .woocommerce ul.product_list_widget li img, .footersec .woocommerce ul.product_list_widget li img {
  width: 50px;
}
.footersec .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 10px 2em;
}
.woocommerce ul.products li.product .star-rating{
  margin: 10px auto;
}
#sidebar li.woocommerce-mini-cart-item.mini_cart_item{
  position: relative;
  padding: 0 0 10px 30px;
  margin: 0;
}
#sidebar .woocommerce ul.product_list_widget li a{
  padding: 0
}
#sidebar .woocommerce ul.product_list_widget li:before{
  position: absolute;
  left: 0;
  top: 12px;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product{
  text-align: center;
}
#sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li a.remove{
  position: absolute;
}
#sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li{
  padding-left: 2em;
}


/* --------- Homepage --------- */
.box-image img {
  width: 100%;
}
.post-wrap h2{
font-size: 36px;
    font-weight: 600;
    /* display: block; */
    font-family: "Comic Sans MS", cursive;
    line-height: 1.1;
    margin-bottom: 16px;
    font-weight: inherit;
}
.post-wrap h2 a{
  color: #000;
}
.post-wrap .section-title a:hover{
  text-decoration:none;
}
.post-wrap {
  /* box-shadow: 0 0 15px #ddd; */
  /* border-radius: 10px 10px 0 0; */
}
.post-wrap img {
  border-radius: 10px;
}
.singlebox h1{
  color: #091b2f;
  font-size: 30px;
}
.post-content{
  padding: 32px;
}
.adminbox {
    /* background: #091b2f; */
    /* padding: 30px 20px 15px; */
    /* clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0% 100%); */
    gap: 16px;
    display: flex;
    font-size: 14px;
    line-height: 1.4;
    align-items: center;
    margin-bottom: 16px;
    color: #4a5565;
}
.adminbox span {
    display: flex;
    align-items: center;
    gap: 8px;
}
.adminbox span i{
  width: 16px;
  height: 16px;
}
.adminbox span a{
      font-family: "Comic Sans MS", cursive;
}
.post-wrap p {
    font-size: 20px;
    color: #364153;
    font-family: "Comic Sans MS", cursive;
    line-height: 1.4;
    margin-bottom: 24px;
}
.continue-read a {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    /* padding: 10px 25px; */
    /* background: #091b2f; */
    border-radius: 30px;
    display: inline-block;
    font-family: "Comic Sans MS", cursive;
    padding-block: 16px;
    padding-inline: 32px;
    background-image: linear-gradient(to right, #f6339a, #ad46ff);
    border-radius: 50px;
    gap: 8px;
    align-items: center;
    display: inline-flex;
}

.continue-read a:after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.continue-read a:hover {
  color: #fff;
}
.metabox span {
  color: #0d0d0e;
  font-size: 16px;
  margin-right: 20px;
}

div#firstbox {
    margin-bottom: 30px;
}

/* Breadcrumbs */
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background: #f1f1f1;
  color: #000;
  padding: 4px 15px;
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 5px;
}
.bradcrumbs a:hover{
  background:#f58220;
}
.bradcrumbs span{
  background:#dddddd;
  color:#000;
  padding:5px 15px;
}
/* blog post */
.nav-previous {
  float: left;
  width: 50%;
  margin: 15px 0;
}
.nav-next{
  float: left;
  width: 50%;
  text-align: right;
  margin: 15px 0;
}
span.meta-nav {
  clear: both;
  font-size: 16px;
  color: #000;
  font-weight: 600;
}
.nav-next span.meta-nav:after{
  content: "\f30b";
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  margin-left: 8px;
  position: relative;
  top: 5px;
}
.nav-previous span.meta-nav:before{
  content: "\f30a";
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  margin-right: 8px;
  position: relative;
  top: 5px;
}
.post-tags a {
  background: #091b2f;
  color: #fff;
  padding: 4px 10px;
  margin: 3px;
  border-radius: 4px;
  display: inline-block;
}
/* Comments BOX */
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}
#comments input[type="text"],#comments input[type="email"],#comments textarea {
  padding:12px 10px;
  font-size:18px;
  margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
  background: #091b2f;
  padding:10px 60px;
  text-transform:uppercase;
  font-weight:bold;
  margin-top:20px;
  color: #fff;
  border-radius: 30px;
}
#comments a.comment-reply-link{
  color:#fff;
  background: #091b2f;
  padding:5px 15px;
  font-weight: 500;
  border-radius: 30px;
}
#comments a.comment-reply-link:hover,#comments input[type="submit"].submit:hover{
  background: #fa84da;
  color: #fff;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
.main-content #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0 0 20px;
  display:inline-block;
  border:none;
}
#comments .comment-body p{
  background: #f5f5f5;
  padding: 15px;
}
.main-content #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  text-align:right;
}
.comment-respond{
  clear:both;
}
.comment-meta.commentmetadata {
  margin: 10px 0;
}
#comments .comment-body p a{
  text-decoration: underline;
}
/* Sidebar */
#sidebar h3 {
  color: #000;
  /* background: #091b2f; */
  /* padding: 20px 15px; */
  font-size: 30px;
  /* clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%); */
  font-family: "Comic Sans MS", cursive;
  line-height: 1.2;
}
#sidebar ul, #sidebar .textwidget, #sidebar .gallery, #sidebar div#calendar_wrap, #sidebar .tagcloud {
    /* padding: 15px 15px 40px; */
    color: #364153;
    font-size: 18px;
    font-family: "Comic Sans MS", cursive;
    line-height: 1.5;
}
div#sidebar p,#sidebar td#prev a {
    color: #364153;
    font-family: "Comic Sans MS", cursive;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 16px;
}
#sidebar caption {
  font-weight: bold;
  color: #696969;
  font-size: 20px;
  text-align: center;
}
#sidebar table,#sidebar th,#sidebar td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
#sidebar td {
  padding: 5px;
  color: #696969;
}
#sidebar th {
  text-align: center;
  padding: 5px;
  color: #696969;
}
#sidebar select {
  padding: 10px;
  border: none;
  background: #fff;
  color: #000;
  font-size: 17px;
  margin: 15px 15px 40px;
  width: -webkit-fill-available;
}
#sidebar form.search-form{
  display: table;
  width: 100%;
  padding: 15px 15px 40px;
}
#sidebar input[type="search"] {
  background:#fff;
  padding: 10px;
  border:none;
  font-size:15px;
  color:#696969;
  width:100%;
}
#sidebar input[type="search"]::placeholder {
  color: #000;
}
#sidebar form.search-form label{
  width:70%;
  float:left;
  margin-bottom: 0;
}
#sidebar input[type="submit"]{
    font-family: "Comic Sans MS", cursive;
    color: #fff;
    padding-block: 16px;
    padding-inline: 24px;
    background-image: linear-gradient(to right, #f6339a, #ad46ff);
    border-radius: 50px;
    width: 100%;
    appearance: button;
}
.singlebox {
  padding: 15px;
  border: 1px solid #eee;
  overflow: hidden;
  position: relative;
}
.singlebox .adminbox {
  clip-path: none;
  padding: 15px;
}

.main-content .wrapper {
  position: relative;
}

#sidebar aside {
    position: relative;
    background: #fff;
    padding: 32px;
    border: 4px solid #fccee8;
    border-radius: 24px;
}

#sidebar aside:nth-child(1) {
  border-color: #fccee8;
  background-image: linear-gradient(to bottom right, #fce7f3,#f3e8ff
);
}
#sidebar aside:nth-child(2) {
  border-color: #bedbff;
  background-color: #fff;
}
#sidebar aside:nth-child(3) {
  border-color: #ffdf20;
  background-image: linear-gradient(to bottom right, #fef9c2, #ffedd4);
}
#sidebar aside:nth-child(4) {
  border-color: #e9d4ff;
  background-color: #fff;
}

/* #sidebar aside:after {
  content: '';
  height: 3px;
  background: #091b2f;
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 20px;
} */
#sidebar ul {
  list-style:none;
  margin:0;
}
#sidebar ul li a {
    color: #364153;
    font-size: 18px;
    line-height: 1.5;
    font-family: "Comic Sans MS", cursive;
}
#sidebar ul li a:hover {
  color: #091b2f;
}
#sidebar li:last-child {
  border-bottom: none;
}
#sidebar li, #sidebar .postform {
  /* border-bottom: solid 1px #ddd; */
  margin-top: 0;
  padding: 16px;
  background-image: linear-gradient(to bottom right, #eff6ff, #faf5ff);
  border-radius: 16px;
  display: block;
  margin-bottom: 16px;
  font-family: "Comic Sans MS", cursive;
}
#sidebar li {
  transition: background-image 0.15s ease, transform 0.15s ease;
}

#sidebar li:hover {
  background-image: linear-gradient(to bottom right, #dbeafe, #f3e8ff);
  transform: scale(1.03);
}

/* #sidebar .postform{
  margin-top: 0;
  background-image: linear-gradient(to bottom right, #eff6ff, #faf5ff);
  padding: 16px;
  border-radius: 16px;
  display: block;
  margin-bottom: 16px;
  font-family: "Comic Sans MS", cursive;
} */

#sidebar li:before{
  content: '🌟';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  color: #091b2f;
}


#sidebar .tagcloud a{
  background: transparent;
  color: #707070;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background: #091b2f;
  color: #fff;
}
.widget figure.gallery-item {
  display: inline-block;
  width: 31%;
  margin-right: 12px;
}
.widget figure.gallery-item:nth-child(3n) {
  margin-right: 0;
}

input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {
    font-family: "Comic Sans MS", cursive;
    padding-block: 16px;
    padding-inline: 24px;
    border: 4px solid #e9d4ff;
    border-radius: 50px;
    width: 100%;
    margin-bottom: 16px;
}

/* Main Content Css */
.main-content h1{
  font-size:32px;
  color: #000;
  font-weight: bold;
}
/* Pagination */
.pagination {
  clear:both;
  position:relative;
  font-size:14px;  
  line-height:13px;
  float:right;  
  font-weight:bold;
  width:100%;
} 
.pagination span, .pagination a {
  display:block;
  float:left;
  margin: 2px 5px 10px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#000;
  background: #ccc;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
} 
.pagination a:hover,.pagination .current{
  background: #091b2f;
  color: #fff;
}
.main-content .pagination ul{
  margin:0;
  clear:both;
}
.main-content .pagination ul li{
  margin:0;
}
/*copyright css*/
.footersec aside.widget {
  margin-bottom: 30px;
}
.footersec form.search-form label {
  width: 100%;
  margin-bottom: 10px;
}
.footersec form.search-form input[type="search"] {
  padding: 8px;
}
.footersec input[type="submit"] {
  margin-top: 0;
  padding: 8px 10px;
  background: #091b2f;
  color: #fff;
  width: 100%;
}
.tagcloud a:hover {
  background: #091b2f;
  color: #fff;
}
.tagcloud a {
  color: #fff;
  border: solid 1px;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0px 5px;
  display: inline-block;
}
.footersec td#prev a {
  color: #fff;
}
.footersec caption {
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}
.footersec table,.footersec th,.footersec td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
.footersec td {
  padding: 10px;
  color: #fff;
}
.footersec th {
  text-align: center;
  padding: 10px;
  color: #fff;
}
.footersec select {
  padding: 8px 5px;
}
.widget li a,aside#categories-5 li a {
  color: #868686;
  font-size: 18px;
}
.footersec .widget li {
  list-style: none !important;
  margin-top: 14px;
  color: #fff;
}

/*.footersec .widget li::before {
  content: "\f0f4";
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900;
  margin-right: 16px; 
  color: #091b2f;
}*/

/*.widget_text p {
  color: #fff;
}*/

/*footer*/
/*==========*/
#footer-section {
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(to right, #f6339a 0%, #ad46ff 50%, #00b8db 100%);
    color: #fff;
    padding-block: 48px;
}
.decor-star {
    opacity: .2;
    left: 80px;
    top: 40px;
    position: absolute;
    animation: floatRotate 8s linear infinite;
}

@keyframes floatRotate {
  0% {
    transform: translateY(0) rotate(0deg);
  }

  50% {
    transform: translateY(-20px) rotate(180deg);
  }

  100% {
    transform: translateY(0) rotate(360deg);
  }
}


.decor-star svg, .decor-heart svg{
    fill: #fff;
    width: 64px;
    height: 64px;
}

.decor-heart {
    opacity: .2;
    bottom: 40px;
    right: 80px;
    position: absolute;
    animation: cloudMove 20s linear infinite, cloudFloat 6s ease-in-out infinite, floatLeftDiagonal 6.2s linear infinite;
}

@keyframes floatLeftDiagonal {
    0%     { transform: translate(0px, 0px);  }
    10%    { transform: translate(-4px, -4px); }
    20%    { transform: translate(-8px, -8px);  }
    30%    { transform: translate(-12px, -10px);  }
    40%    { transform: translate(-8px, -8px);  }
    50%    { transform: translate(0px, 0px); } 
    60%    { transform: translate(8px, 8px); }
    70%    { transform: translate(12px, 10px);  }
    80%    { transform: translate(8px, 8px); }
    90%    { transform: translate(4px, 4px); }
    100%   { transform: translate(0px, 0px); } 
}
#footer-section .textwidget{    
    position: relative;
    align-items: center;
    display: flex;
    margin-bottom: 24px;
    gap: 12px;
  }

#footer-section .textwidget h3 {
    font-family: "Comic Sans MS", cursive;
    font-size: 24px;
    line-height: 1.3;
    font-weight: inherit;
}

#footer-section .footersec {
    position: relative;
    margin-top: 0em;
}
#footer-section a, #footer-section .logo a, #footer-section .logo p {
  color: #fff;
}
#footer-section .textwidget p{    
  margin: 12px 0;
    line-height: 30px;
    font-size: 16px;
    padding: 0 10px 0 0;
  }
#footer-section .logo {
  padding: 30px !important;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
}
#footer-section .current-menu-item:before{color: #FFD200;}
#footer-section .current-menu-item a{color: #FFD200;}
#footer-section .menu-item a:hover{color: #FFD200;}

.footersec, #footer-section .logo, .copyright {
  position: relative;
  z-index: 99;
}
#footer-section .copyright p {
  font-size: 16px;
    color: #fff;
    /* width: 60%; */
    /* position: relative; */
    font-size: 18px;
    font-weight: 400;
    /* margin: 8px 0 0 0; */
    /* text-align: right; */
    opacity: 0.9;
    line-height: 1.5;
    animation: pulseZoom 2.3s ease-in-out infinite;
}

#footer-section li a, #footer-section .tagcloud a {
    color: #fff;
}
#footer-section li a {
    font-weight: 400;
    text-decoration: none;
    font-size: 16px;
}

#footer-section .menu li {
    transition: transform 0.3s ease;
}

#footer-section .widget li {
    margin-bottom: 1.2em;
    list-style: none;
    display: block;
}
#footer-section .menu li {
    display: block;
    margin-bottom: 10px !important;
    font-size: 16px;
    font-weight: 500;
}

#footer-section .single-footer-2 .menu li:before, #footer-section .single-footer-4 .menu li:before  {
    position: relative;
    content: "🌟";
    font-size: 16px;
    margin: 0 12px 0 0;
    top: -1px;
    display: inline-block;

    animation: throwReturn 2.3s linear infinite;
}

#footer-section .menu li {
    transition: transform 0.3s ease;
}

#footer-section .menu li:hover {
    transform: translateX(8px);
}

@keyframes throwReturn {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    /* Going up + rotating */
    40% {
        transform: translateY(-1px) rotate(180deg);
    }

    /* Still rotating at the top (no pause) */
    60% {
        transform: translateY(-1px) rotate(240deg);
    }

    /* Back to start with exactly 1 full rotation */
    100% {
        transform: translate(0, 0) rotate(360deg);
    }
}

#footer-section .single-footer-3 .menu li::before, #footer-section .single-footer-1 .menu li::before{
    content: "✨";
    display: inline-block;
    margin-right: 12px;

    /* keep animation isolated */
    transform-origin: center;
    will-change: transform;

    animation: pulsemove 2s ease-in-out infinite;
}

@keyframes pulsemove {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}

/*#footer-section li:before {
  content: '\f0c8';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 8px;
  color: #fff;
  font-size: 12px;
  top: -2px;
  position: relative;
  transform: rotate(45deg);
  margin-right:14px;
}*/
h3.widget-title {
  color: #000;
  font-size: 25px ;
  margin-bottom: 24px;
  font-weight: inherit;
}
#footer-section h3.widget-title {
    font-family: "Comic Sans MS", cursive;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 24px;
    font-weight: 400;
}
.footersec ul {
  margin: 0;
}
.copyright {
  text-align: center;
    padding-top: 32px;
    border-top: 1px solid #fff3;
}
.copyright span{
  color: #fff;
}
.copyright a, .copyright a:hover{
  color: #fff;
}
/* Pagination */
.pagination{
  display:table;
  clear:both;
}
.pagination ul{
  list-style:none;
  margin:20px 0;
}
.pagination ul li{
  display:inline;
  float:left;
  margin-right:5px;
}
.pagination ul li span,.pagination ul li a{
  background:#222222;
  color:#fff;
  padding:5px 10px;
  display:inline-block;
}
.pagination ul li .current,.pagination ul li a:hover{
  background:#ff8a00;
}
h1.entry-title,h1.page-title{
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 15px;
}
p.sorry-text {
  font-size: 17px;
  color: #333;
}
.sticky .post-wrap {
  margin-bottom: 4%;
  border: solid 10px #ddd;
  background: #eee;
}
article img{
  height:auto;
}
article p{
  margin:10px 0;
}
form.search-form{
  margin-bottom:0px;
}
#header .fas {
  transform: scaleX(-1);
}
i.fa.fa-search {
  float: right;
  margin-top: -8.5%;
  margin-right: 12%;
  font-size: 20px;
  color: #fff;
}
input.search-field, .post-password-form input[type=password]{
  border:1px #eee solid;
  padding:4px;
  width: 100%;
}
input.search-submit, .post-password-form input[type=submit]{
  border:none;
  color:#ffffff;
  padding:4px 10px;
  cursor:pointer;
}
aside.widget{
  margin-bottom:30px;
}
nav.post-navigation{
  padding:10px 0 20px;
  clear: both;
  font-weight: bold;
}
.webicon{
  font-size:20px;
}
.comment-list, ol.comment-list{
  list-style:none;
  margin-left:0;
  margin-top:20px;
  margin-bottom:20px;
}
.comment-list ul, ol.comment-list ol{
  list-style:none;
}
.comment-list li.comment{
  margin-top:20px;
}
.comment-list .comment-content h1,.comment-list .comment-content h2,.comment-list .comment-content h3,.comment-list .comment-content h4,.comment-list .comment-content h5,.comment-list .comment-content h6{
  margin-top:15px;
}
.blog-post-repeat{ 
  border-bottom:1px solid #cccccc;
  margin-bottom:40px;
}
/*video*/
.entry-video iframe {
  width: 100%;
}

/* Responsive Media */
/*===================*/
@media screen and (max-width: 1500px) {

}

@media screen and (max-width: 1299px){
  #header .logobx_m {width: 20%;}
  #header .m-mnu { width: 52%;}
  #header .m-btn{width: 28%;}
  #aboutus-section .abt-conbx h4{font-size: 30px;}
  #ouramazingprograms-section .titlebx P { width: 70%;}
  

}

@media screen and (max-width: 1199px){
  .primary-navigation a {font-size: 15px;}
  #banner .contenbx h2 { font-size: 60px;}
  #banner .contenbx h5 { font-size: 38px;}
  #banner .contenbx p { font-size: 20px; margin: 10px auto; line-height: 1.6; width: 78%;}
  .bann-counter{  width: 78%;}
  #ouramazingprograms-section .titlebx P { width: 100%;padding: 0;}
  #ouramazingprograms-section .serbx {  padding: 0 40px;}
}

@media screen and (min-width: 1000px) {
  .footersec td,.footersec th{
    padding: 5px;
  }
}
@media screen and (max-width: 600px){
  #footer-section .copyright p{
    animation: none;
  }
}


@media screen and (max-width: 1000px){
  .page-template-home-custom #header{position: relative;}
  /*.logobx svg{display: none;}*/
  #header .logobx_m { width: 26%; }
  #header .m-mnu {width: 38%;}
  #header .m-btn { width: 35%;}
  /*#header .bottom-head {background: none; top:0;}*/
  #header .top-head { padding: 10px 0pX ; }
  #header .m-mnu { order: 2;}
  .menubar .primary-navigation ul li a:focus,a.closebtn.responsive-menu:focus{
    outline: 1px solid #091b2f;
    border-bottom: 1px solid #091b2f;
  }
  .toggle-menu {
    display: none;
    cursor: pointer;
    text-align: right;
  }
  .toggle-menu i {
    font-size: 25px;
    color: #ff6b35;
    background: #fff;
    padding: 4px 8px;
    border-radius: 3px;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    margin: 0px 0;
  }
  .sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 2em;
    right: 0;
    background-color: #ec4899;
    overflow-x: hidden;
    visibility: hidden;
    padding-top: 60px;
    box-shadow: -3px 0px 10px 0px #000;
  }
  body.mobilemenu-open .sidebar{
    visibility: visible;
    width: 250px;
    transition: 0.5s;
  }
  .sidebar .closebtn {
    position: absolute;
    top: 10px;
    right: 0px;
    font-size: 30px;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }
  .sidebar #primary-site-navigation {   width: 100%;}
  .lt-breadcrumbs {
    margin-left: 0;
  }

  .home header.banner {top: 0em;}
  .header-box:before{display: none;}
  #header {position: relative; text-align: center;}
  #header .menu-section {  padding-top: 0;}
  .header-box{background: none;}
  
.toggle-menu {
    display: block;
    position: relative;
}
  .primary-navigation ul ul li,.primary-navigation li, .primary-navigation ul li ul,.primary-navigation ul li ul ul{
    display: block !important;
  }
  .primary-navigation ul ul {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
  }
  .menubar .primary-navigation ul li{
    border-top:1px #303030 solid; 
    display:block;
  }
  .sf-arrows .sf-with-ul:after, .sf-arrows ul .sf-with-ul:after {
    top: 10px;
    right: 12px;
  }
  .primary-navigation .current_page_item a {
    color: #fff;
  }
  .primary-navigation ul li a{
    padding: 10px;
    display:block;
    color:#364153;
    border:none;
  }
  .sf-arrows .sf-with-ul:after {
    color:#ffffff;
  }
  .primary-navigation ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .primary-navigation ul li ul li a{
    padding-left:20px !important;
  }
  .primary-navigation ul li ul li ul li a{
    padding-left:30px !important;
  }  
  .primary-navigation ul li ul, .primary-navigation ul li ul ul {
    display: block !important;
    opacity: 1 !important;
  }
  .primary-navigation ul ul{
    position: static;
    width: 100%;
    border:none;
  }
  .primary-navigation li{
    padding: 0;
  }
  #menu-sidebar {
    display: inline;
  }
  .primary-navigation ul ul a{
    color:#000;
    background: none;
  }
  .primary-navigation ul ul a:hover{
    /* background: none;
    color: #091b2f; */
  }
/*#slider{padding: 0;}*/
  /*#slider .sliderbg-img img {height: 460px;}
  #slider .slider-content { position: absolute; top: 20%;}*/
}

@media screen and (max-width: 1024px) and (min-width: 1000px){
  .entry-content .alignwide {
    margin-left: -20px;
    margin-right: -20px;
  }
  .woocommerce a.button.yith-wcqv-button, a.added_to_cart.wc-forward {
    margin-top: 8px !important;
    margin-bottom: 0;
  }

  .inner-head {
    padding: 16% 0 5%;
  }
}

@media screen and (max-width:991px){
  #header .logo {margin: 0 0 1em 1em;}
  #header .top-head { padding: 10px 0pX 4px;}
  #banner {  padding: 1em 0 1em; }
  #banner #video-controls{display: none !important;}
  #banner .contenbx h2 {font-size: 50px;}
  #banner .contenbx p{width: 100%;padding: 0px 0; font-size: 16px;}
  #banner .contenbx h5 {font-size: 30px;}
  #banner .bann2, #banner .bann1 { font-size: 14px;}
  .bann-counter {width: 100%;padding: 0; margin: 6px auto 0;}
  #aboutus-section { padding: 2em 0 1em 0;}
  #aboutus-section .abt-conbx{width: 100%;padding: 0;}
  #aboutus-section .imgbx{width: 100%;padding: 20px;}
  #ouramazingprograms-section .titlebx h4 { font-size: 34px;}
  #ouramazingprograms-section .titlebx P {  font-size: 16px;  }
  #ouramazingprograms-section .titlebx { margin: 0 0 1.5em 0em;}
  #ouramazingprograms-section .ouramazingprograms-content .title { font-size: 20px;}
  #ouramazingprograms-section .ouramazingprograms-content { padding: 16px 16px;}
}

@media screen and (max-width: 786px){

/* #header .phbtn {
    padding: 0px 3px 1px 5px;
  }*/

}
@media screen and (max-width: 768px) and (min-width: 720px){
  .entry-content .alignwide {
    margin-left: -15px;
    margin-right: -15px;
  }
  .woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{
    width: 48% !important;
  }
  .woocommerce ul.products.columns-4 {
    display: block;
  }
  .footersec td,.footersec th, #sidebar td,#sidebar th, span.meta-nav{
    padding: 0px;
  }
  #sidebar form.search-form label{
    float: none;
  }
  #sidebar input[type="submit"], #sidebar form.search-form label{
    width: 100%!important;
  }
 
  .widget figure.gallery-item {
    width: 46%;
  }
  .widget figure.gallery-item:nth-child(3n) {
    margin-right: 12px;
  }
  .widget figure.gallery-item:nth-child(2n) {
    margin-right: 0;
  }

  .menu-section {
    position: static;
    margin: 0;
  }
}

@media screen and (max-width:720px) {
  .entry-content .alignwide {
    margin-left: 5px;
    margin-right: 5px;
  }
  ol.children {
    margin: 0 !important;
  }
  ol.children img {
    width: 30px;
    border: solid 1px;
  }
  .main-content #comments ol li {
    padding: 10% 0 0 2% !important;
  }
  #sidebar td{
    padding: 6px;
  }
  span.meta-nav{
    padding: 0px;
  }
  .singlebox{
    margin: 0 10px;
  }
  .pagination{
    float:none;
  }
  .home .inner-ouramazingprograms{
    margin: 20px 0 0 0;
    min-height: auto;
  }
  .woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{
    width: 100% !important;
    float: none !important;
  }
  .page-template-home-custom #header:after, 
  .single #header:after, .page-template-default #header:after {
    display: none;
  }
  .menu-section {
    position: static;
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .page-template-home-custom #header { padding: 6px 4px;}
  #header .logobx_m { width: 30%; }
  #header .m-btn {  width: 58%;}
  #header .m-mnu {width: 12%;}
  #header .m-btn .bttn1,#header .m-btn .bttn2{font-size: 12px;}
  .toggle-menu {right: 1em;}
  #header .phbox {text-align: center;}
  #header .top-head { padding: 5px 5px 5px 5px; margin-left: -12px; }
  #banner { padding: 0.1em 0; }
  #banner .contenbx h2 {font-size: 35px;}
  #banner .contenbx h5 { font-size: 22px;}
  #banner .contenbx p {  font-size: 14px; }
  .bann-counter .conterbx{width: 50%;}
 /* #slider .sliderbg-img { width: 100%; margin: 1px 0 0 0;order:1; }
  #slider .slider-content { width: 100%; padding: 0 10px; order: 2;}*/
  /*#aboutus-section .yearofex {display: block;}*/
  /*#ouramazingprograms-section .ouramazingprograms-head p{width: 100%; font-size: 16px;}
  #ouramazingprograms-section .ouramazingprograms-head p:after{display: none;}
  #ouramazingprograms-section .ouramazingprograms-img img { height: 300px;}
  #ouramazingprograms-section .ouramazingprograms-content { padding: 12px 8px 12px 8px;}
  #ouramazingprograms-section .ouramazingprograms-content .title { font-size: 20px;}
  #ouramazingprograms-section .count { top: 16px;left: 16px; font-size: 28px;}*/
}
@media screen and (max-width: 600px) {
 
}
@media screen and (max-width: 575px){
#header .logobx_m {width: 32%;}
#header .m-mnu { width: 18%; }
#header .m-btn { width: 50%;}
#header .socialicons {margin: 0 0 6px 0; text-align: center;}
/*#slider .slider-content h2 { font-size: 30px;}
#slider .slider-content p { margin: 0px 0 6px 0; }
#slider .slider-content .read-btn a { padding: 4px 10px;}*/

/*#ouramazingprograms-section .heading-brd1::before {display: none;}
#ouramazingprograms-section .ouramazingprograms-head h4 {font-size: 26px;}
#ouramazingprograms-section .ouramazingprograms-content p {font-size: 16px;line-height: 1.5;}*/
}

@media screen and (max-width: 475px){
#aboutus-section .abt-counter .conterbx{width: 50%;}

}

@media screen and (max-width: 424px){
  #header .logobx_m {  width: 100%;}
  #header .m-mnu { width: 25%; }
  #header .m-btn { width: 75%;}
  #banner .bann2 i, #banner .bann1 i { display: none;}
  #banner .bann2, #banner .bann1{padding: 4px 12px;}
}
@media screen and (max-width: 375px) {
/*#slider .slider-content h2 {  font-size: 22px;}*/
/*#aboutus-section .box .textbx { padding: 0 5px 10px 20px;}*/
}


@import "bourbon";
@import "neat";

// variables
$facebook: #3b5998;
$google: #dd4b39;
$light-blue: #58C1EF;
$medium-blue: #28adfd;
$dark-blue: #0277BD;
$sm-screen-max: 767px;
$md-screen: 768px;
$md-screen-max: 1199px;
$lg-screen: 1200px;
$max-page-width: 1200px;
$max-screen: new-breakpoint(min-width $max-page-width);
$med-screen-up: new-breakpoint(min-width $md-screen);
$lg-screen-up: new-breakpoint(min-width $lg-screen);

html,
body {
	font-family: 'Open Sans', sans-serif;
	background-color: #f3f3f3;
}

* { box-sizing: border-box; }

h1 {
	@include margin(20px null null null);
	text-align: center;
}

.ba-card {
	@include outer-container(90%);
	@include padding(10px);
	@include margin(20px null null null);
	/*-webkit-box-shadow: 0px 7px 43px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 7px 43px -6px rgba(0,0,0,0.75);
	box-shadow: 0px 7px 43px -6px rgba(0,0,0,0.75);*/
  border: 1px solid #ddd;
  border-radius: 11px;
  padding: 10px;

	img {
		width: 100%;
		height: auto;
	}
	
	@include media($med-screen-up) {
		@include outer-container(800px);
	}
}

.advertising {
	@include outer-container(70%);
	@include margin(30px null);
	font-weight: 300;
	line-height: 1.5;
	font-size: 14px;
	text-align: center;
	color: #999;
	
	@include media($lg-screen-up) {
		@include outer-container(50%);
	}
	
	a {
		text-decoration: none;
		
		&:link,
		&:visited {
			color: #666;
		}
		
		&:hover,
		&:focus {
			border-bottom: 1px solid #666;
		}
	}
}


/* // ************************
// TWENTY TWENTY PLUGIN
// ************************ */
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 6px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 32px;
  padding: 0px 24px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 50px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 1; 
}
  .twentytwenty-before-label:before {
    content: "Before";
    background-color: #000;
    opacity: 0.7;
    border-radius: 50px;
  }

.twentytwenty-after-label {
  opacity: 1; }
  .twentytwenty-after-label:before {
    content: "After";
    background-color: #000;
    opacity: 0.7;
    border-radius: 50px;
 }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  /* .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); } */
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
	background-color: $medium-blue;
  position: absolute;
  left: 50%;
  background: #fff;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid #b7b3b3;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid #b7b3b3;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }


  @media (max-width: 992px) {
  #slider .carousel-item {
    min-height: auto;
  }

  #slider .slider-content,
  #slider .sliderbg-img {
    width: 100%;
    text-align: center;
  }

  #slider .hero-title {
    font-size: 2.2rem;
  }

  #slider .read-btn {
    justify-content: center;
  }
}

@media (max-width: 768px) {
  #slider .slider-content {
    padding: 30px 15px;
  }

  #slider .hero-title span {
    display: block;
    font-size: 4rem;
  }

  #slider .badge {
    justify-content: center;
  }

  /* Hide floating icons on mobile */
  #slider .icon-heart,
  #slider .icon-star,
  #slider .icon-circle,
  #slider .icon-lightning {
    display: none;
  }

  #slider .sliderbg-img {
    margin: 30px 0;
  }

  #slider{
    padding: 0;
  }
}

@media (max-width: 992px) {
  #feature {
    padding: 60px 0;
  }

  #feature .titlebx h2 {
    font-size: 2.3rem;
  }

  #feature .single-fea {
    padding: 30px 20px;
  }
}

@media (max-width: 768px) {
  #feature .titlebx {
    margin-bottom: 40px;
  }

  #feature .titlebx h2 {
    font-size: 2rem;
  }

  #feature .titlebx h5 {
    font-size: 1rem;
  }

  #feature .icnbx {
    width: 70px;
    height: 70px;
  }

  #feature .icnbx i,
  #feature .icnbx svg {
    font-size: 28px;
  }

  #feature .single-fea h1 {
    font-size: 1.4rem;
  }

  #feature .single-fea p {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  #feature {
    padding: 50px 0;
  }

  #feature .titlebx h2 {
    font-size: 1.8rem;
  }

  #feature .single-fea {
    padding: 25px 18px;
  }

  #feature .icnbx {
    width: 60px;
    height: 60px;
  }

  #feature .icnbx i,
  #feature .icnbx svg {
    font-size: 24px;
  }
}

/* Feature box background layer */
#feature .feabx {
  position: relative;
  margin-bottom: 40px;
}

#feature .fea-bg {
  position: absolute;
  inset: 0;
  border-radius: 20px;
  z-index: 0;
  opacity: 0.6;
}

/* Ensure content stays above bg */
#feature .feabxinn {
  position: relative;
  z-index: 1;
}

/* Box-wise colors */
#feature .feabx:nth-child(1) .fea-bg {
  background-image: linear-gradient(to bottom right, #f6339a, #fb2c36);
}

#feature .feabx:nth-child(2) .fea-bg {
  background-image: linear-gradient(to bottom right, #fff085, #ffda78);
}

#feature .feabx:nth-child(3) .fea-bg {
  background-image: linear-gradient(to bottom right, #2b7fff, #00b8db);
}

/* Hover effect */
#feature .feabx:hover .fea-bg {
  opacity: 0.2;
}

article.inner-service{
    position: relative;
    background-color: #fff;
    border: 4px solid #e9d4ff;
    border-radius: 24px;
    overflow: hidden;
}

@media (max-width: 991px) and (min-width: 768px){
  .adminbox{
    display: grid;
  }

  .continue-read a {
    padding: 10px;
  }
}