@import url(../css2);
 @import url(https://fonts.googleapis.com/css2?family=Commissioner:wght@100..900&family=Dosis:wght@300;400;500;600;700&family=Jost:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);

 :root {
     --it-ff-body: 'Sora', sans-serif;
     --it-ff-heading: 'Epilogue', sans-serif;
     --it-ff-poppins: 'Poppins', sans-serif;
     --it-ff-fontawesome: Font Awesome 6 Pro;
     --it-common-white: #ffffff;
     --it-common-black: #0E2A46;
     --it-common-black-2: #4D5756;
     --it-common-yellow: #F2A227;
     --it-common-yellow-2: #FC9F0B;
     --it-heading-primary: #0E2A46;
     --it-grey-1: #F2F2F2;
     --it-grey-2: #F3F5F5;
     --it-text-body: #333931;
     --blue: #343272;
     --yellow: #e5b622;
     --it-theme-2: #116E63;
     --it-theme-3: #2356F6;
     --it-theme-4: #22A3D1;
     --it-theme-5: #FF9E0E;
     --b: #2a7ebd;
     --y: #e5b622;
     --black: #231f20;
     --it-ff-body: 'Sora', sans-serif;
     --it-ff-heading: 'Epilogue', sans-serif;
     --it-ff-poppins: 'Poppins', sans-serif;
     --it-ff-fontawesome: Font Awesome 6 Pro;
     --it-common-white: #ffffff;
     --it-common-black: #0E2A46;
     --it-common-black-2: #4D5756;
     --it-common-yellow: #F2A227;
     --it-common-yellow-2: #FC9F0B;
     --it-heading-primary: #0E2A46;
     --it-grey-1: #F2F2F2;
     --it-grey-2: #F3F5F5;
     --it-text-body: #333931;
     --blue: #297cc7;
     --it-theme-2: #116E63;
     --it-theme-3: #2356F6;
     --it-theme-4: #22A3D1;
     --it-theme-5: #FF9E0E;
     --b: #2a7ebd;
     --darkblue: #003d76;
     --y: #e5b622;
     --orange: #e9792e;
 }


 .it-btn,
 .it-video-content>span {
     color: var(--it-common-white)
 }

 .it-btn,
 .it-feature-2-style .it-feature-item:hover::after,
 .it-header-2-main-menu ul li>.submenu .sub_sub_menu>li>a::before {
     background-color: var(--b)
 }

 .alumni_right ul li a,
 .it-btn,
 .main_title {
     text-transform: capitalize;
 }

 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: Helvetica;
 }

 p {
     font-weight: 400;
     font-size: 15px;
     line-height: 28px;
     font-family: Roboto;
 }

 li {
     font-family: Roboto;
 }

 space {
     padding: 30px 0px;
 }

 @media(min-width:1400px) {

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl,
     .container-xxl {
         max-width: 1350px
     }
 }

 .container-1380 {
     max-width: 1380px
 }

 body {
     font-family: Helvetica;
     font-size: 15px;
     font-weight: 400;
     color: var(--it-text-body);
     line-height: 26px;
     overflow-x: hidden;
     scroll-behavior: smooth;
     position: relative;
 }

 body,
 html {
     overflow-x: hidden;
     scroll-behavior: smooth;
     font-size: 17px !important;
 }

 a {
     text-decoration: none;
     transition: .3s
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: Helvetica;
     color: var(--black);
     margin-top: 0;
     font-weight: 700;
     line-height: 1.1;
     -webkit-transition: all .3s ease-out 0s;
     -moz-transition: all .3s ease-out 0s;
     -ms-transition: all .3s ease-out 0s;
     -o-transition: all .3s ease-out 0s;
     transition: all .3s ease-out 0s
 }

 p {
     font-weight: 400;
     font-size: 15px;
     line-height: 28px;
     font-family: Roboto;
     margin-bottom: 0.5rem;
     text-align: justify;
 }

 .button_new,
 .fix,
 .panel,
 .topic__icon {
     overflow: hidden
 }

 .accordion,
 .scroll-top,
 button:hover {
     cursor: pointer
 }

 .it-sv-details-top-thumb img,
 .m-img img,
 .postbox__content p img,
 .postbox__text img,
 img {
     max-width: 100%
 }

 .banner-area .banner-img,
 .branch_image_part img,
 .imgs1,
 .it-breadcrumb-bg,
 .it-signup-thumb img,
 .rc__post-thumb,
 .swiper-slide img {
     object-fit: cover;
     object-fit: cover
 }

 section {
     width: 100%;
     position: relative
 }

 .blog-item-box,
 .test-slider-dots .swiper-pagination-bullet {
     background-color: #fff
 }

 .it-breadcrumb-bg {
     display: flex;
     justify-content: center;
     align-items: center;
     display: flex;
     justify-content: center;
     align-items: end
 }

 .button_new a,
 .it-course-details-content .it-evn-details-title-sm,
 .it-teacher-details-right .it-progress-bar-wrap h4,
 .section-header h5,
 .uppercase {
     text-transform: uppercase
 }

 .it-category-4-title,
 .it-hero-3-title,
 .main_title {
     font-family: var(--it-ff-poppins);
     font-family: Helvetica;
 }

 .it-header-2-main-menu ul li>.submenu {
     transform-origin: top;
     -webkit-transform: perspective(300px) rotateX(-18deg);
     -moz-transform: perspective(300px) rotateX(-18deg);
     -ms-transform: perspective(300px) rotateX(-18deg);
     -o-transform: perspective(300px) rotateX(-18deg);
     transform: perspective(300px) rotateX(-18deg);
     border-top: 4px solid var(--darkblue);
     background-color: var(--it-common-black)
 }

 .coupon-accordion span:hover,
 .it-btn-border:hover,
 .it-course-price-box a:hover,
 .it-header-5-top-style .it-header-2-top-right ul li ul.it-header-2-lang-submenu li>a,
 .it-hero-2-title,
 .it-signup-text span a,
 .it-team-3-social-wrap>a:hover,
 .it-testimonial-4-style .it-testimonial-3-author-info h5,
 .it-testimonial-4-style .it-testimonial-3-author-info span,
 .it-testimonial-4-style .it-testimonial-3-content p,
 .it-testimonial-5-item-wrap .it-testimonial-3-author-info h5,
 .it-testimonial-5-item-wrap .it-testimonial-3-author-info span,
 p.lost-password a:hover {
     color: var(--it-common-black)
 }

 .it-video-content>span {
     font-family: Roboto;
     line-height: 1.9
 }

 .it-contact__bottom-box,
 .it-hero-3-client-box img,
 .it-testimonial-arrow button.slick-next {
     margin-left: 20px
 }

 .blog-item-box {
     border: 1px solid #e5e5e5
 }

 .button_new,
 .rs-footer.home9-style .footer-top .recent-post,
 .swiper-slide,
 .topic__item {
     display: flex
 }
 
 .top-header ul li a {
     color: #ffffff;
 }
 
  .top-header span {
     color: #ffffff;
 }

 @media only screen and (min-width:992px) and (max-width:1199px),
 only screen and (min-width:768px) and (max-width:991px) {
     .main_title {
         font-size: 34px
     }
 }

 @media screen and (max-width:1290px) {
     .ban_image {
         position: relative;
         bottom: -2px;
         left: 83px;
         border-right: 20px solid #fff;
         border-radius: 41px;
         width: 100%;
         max-width: 74%;
         margin: auto !important
     }
 }

 .button_new {
     position: relative;
     transition: .3s ease-in-out;
     box-shadow: 0 10px 20px rgb(0 0 0 / .2);
     padding-block: .5rem;
     padding-inline: 1.25rem;
     border-radius: 9999px;
     align-items: center;
     justify-content: center;
     color: #fff;
     gap: 10px;
     font-weight: 700;
     outline: 0;
     font-size: 15px;
     background-color: #242367
 }

 .topic__icon,
 .topic__item {
     transition: var(--transition)
 }

 .button_new::before {
     content: "";
     position: absolute;
     width: 100px;
     height: 100%;
     background-image: linear-gradient(120deg, #fff0 30%, rgb(255 255 255 / .8), #fff0 70%);
     top: 0;
     left: -100px;
     opacity: .6
 }

 .button_new:hover {
     transform: scale(1.05);
     border-color: #fff9
 }

 .button_new a {
     color: #f5c307;
     transition: .3s;
     text-decoration: none !important;
     outline: 0 !important
 }

 .button:focus,
 a,
 a:focus,
 a:hover {
     text-decoration: none
 }

 .button_new:hover::before {
     animation: 1.5s ease-out infinite shine
 }

 @keyframes shine {
     0% {
         left: -100px
     }

     100%,
     60% {
         left: 100%
     }
 }

 ul {
     list-style: none;
     margin: 0;
     padding: 0
 }

 .p-absolute,
 .rs-about.style1 .img-part .shape {
     position: absolute
 }

 .rs-about.style1 .img-part .top-center {
     top: -30px;
     left: 49%;
     z-index: -1
 }

 .animated.infinite {
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite
 }

 .rotate {
     -webkit-animation-name: rotate;
     animation-name: rotate;
     animation-duration: 15s
 }

 @keyframes rotate {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0)
     }

     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg)
     }
 }

 .overlay1 {
     box-shadow: #013c76c7 0 0 0 1000px inset;
 }

 .section-padding {
     padding: 60px 0
 }

 .section-header h5 {
     color: #297cc7;
     margin-bottom: 10px;
     font-weight: 700
 }

 /* top header area start */

 .admissions_btn {
     background: linear-gradient(to right, #013d76, #4e4db3);
 }

 .admissions_btn:hover {
     background: linear-gradient(to right, #FF9800, #297cc7);
     color: #000;
     text-shadow: 0px 0px #000;
     transition: all 0.5s ease;
     animation: 2s ease-in-out 0.5s infinite shake;
 }

 .it-header-2-main-menu {
     text-align: center;
 }

 /* top header area End */

 /* about area start */
 .about h5 {
     line-height: 1.5;
     font-size: 18px;
 }

 .abt-circleshape {
     width: 250px;
 }

 /* about area End */

 .btn-one i,
 .core_values_ul li:hover,
 .event-five__content .event-five-btn i {
     margin-left: 10px
 }

 /* swiper and mainslider area Start */

 .swiper,
 .swiper-slide img {
     height: 100%;
     width: 100%
 }

 .swiper-slide {
     text-align: center;
     font-size: 18px;
     background: #fff;
     justify-content: center;
     align-items: center
 }

 .swiper-slide img {
     display: block
 }

 .banner__content {
     max-width: 490px
 }

 .banner__content p {
     font-size: 18px;
     color: #181818
 }

 .banner-area .banner-img {
     width: 100%;
     height: 550px
 }

 .swiper-pagination-bullet {
     width: 20px !important;
     height: 20px !important;
     border-radius: 50% !important;
     transition: .6s !important;
     background-color: transparent !important;
     opacity: 1 !important;
     position: relative !important;
     border: 1px solid transparent !important
 }

 .swiper-pagination-bullet::before {
     position: absolute !important;
     content: "" !important;
     top: 5px !important;
     left: 5px !important;
     width: 8px !important;
     height: 8px !important;
     border-radius: 50% !important;
     background-color:  var(--white);
     transition: .6s !important
 }

 .swiper-pagination-bullet-active {
     border: 1px solid var(--white) !important
 }

 /* swiper area End */



 .it-hero-2-title,
 .testimonials p {
     text-align: left
 }

 .testimonials_section {
     background-color: #faf9f6
 }

 .testimonial-three__item {
     position: relative;
     border-radius: 8px;
     padding: 40px;
     padding: 20px;
     background-color: #fff;
     border: 1px solid #e5e5e5
 }

 .footer-bottom .copyright p {
     display: contents;
 }

 .testimonial-three__item .coma {
     position: absolute;
     top: 5px;
     right: 5px;
     width: 21px;
 }

 .star i {
     color: #ffa41b
 }

 .testi-info h4 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 600;
 }

 .testi-info p {
     font-size: 13px
 }

 .testimonials img {
     width: 100px;
     height: 100px;
     border-radius: 100px;
 }

 .btn-one::after {
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
     width: 0%;
     background-color: var(--orange);
     transition: .5s;
     content: "";
     z-index: -1
 }

 .btn-one:hover::after {
     position: absolute;
     right: unset;
     left: 0;
     width: 100%
 }

 .btn-one i {
     font-weight: 600
 }

 .btn-one:hover i {
     animation: .4s forwards tfLeftToRight;
     transform: translateY(-1px);
     font-weight: 600;
     transition: 1s ease
 }

 .btn-one:hover {
     box-shadow: 0 10px 24px 0 rgb(4 23 118 / .3);
     box-shadow: 0 8px 20px 0 rgb(4 23 118 / 17%)
 }

 .testimonials {
     padding-bottom: 50px !important
 }

 .testimonials .swiper-pagination {
     bottom: 0 !important
 }

 .about_page_chairmans .it-video-title {
     color: var(--black) !important;
     font-size: 60px;
     font-weight: 600;
     line-height: 1.2;
     /* margin-bottom: 20px */
 }

 .about_page_chairmans .it-video-content>span {
     color: var(--black)
 }

 .mission,
 .vision {
     min-height: 390px;
     padding: 30px 15px;
     box-shadow: 0 0 25px 0 rgb(0 0 0 / .1);
     border-radius: 10px;
     background-color: var(--it-common-white)
 }

 .vis_mis span i {
     display: inline-block;
     font-size: 60px;
     line-height: 0;
     color: #f5c307;
     transition: .3s;
     text-shadow: 1px 1px #297cc7
 }

 .vis_mis p {
     text-align: left
 }

 .mission,
 .vision {
     min-height: 410px;
     padding: 18px 20px;
     box-shadow: 0 0 25px 0 rgb(0 0 0 / .1);
     border-radius: 10px;
     background-color: var(--it-common-white);
     display: flex;
     flex-direction: column;
     filter: drop-shadow(4px 4px 10px #fff);
     box-shadow: 10px 10px 10px rgb(0 0 0 / .1) inset, 15px 25px 10px rgb(0 0 0 / .05), 15px 20px 20px rgb(0 0 0 / .05), inset -10px -10px 15px rgb(255 255 255 / .9)
 }

 .about_page_core_values img,
 .it-evn-sidebar-thumb img,
 .postbox__main-thumb img {
     width: 100%;
     border-radius: 5px
 }

 .methodologies ul li:hover {
     margin-left: 10px;
     color: #f5c307
 }

 .alumni_right ul {
     display: flex;
     justify-content: center
 }

 .alumni_right ul li {
     list-style-type: none;
     display: inline-block;
     margin: 0 19px;
     position: relative
 }

 .alumni_right ul li .submenu {
     position: absolute;
     top: 100%;
     left: 0;
     width: 260px;
     text-align: left;
     padding: 30px;
     opacity: 0;
     visibility: hidden;
     transition: .1s;
     transform-origin: top;
     -webkit-transform: perspective(300px) rotateX(-18deg);
     -moz-transform: perspective(300px) rotateX(-18deg);
     -ms-transform: perspective(300px) rotateX(-18deg);
     -o-transform: perspective(300px) rotateX(-18deg);
     transform: perspective(300px) rotateX(-18deg);
     border-top: 4px solid var(--darkblue);
     background-color: var(--it-common-black);
     box-shadow: rgb(149 157 165 / .2) 0 8px 24px;
     z-index: 9999
 }

 .banners iframe,
 .it-about-2-text-2,
 .it-career-content,
 .it-event-2-thumb,
 .it-header-2-lang,
 .it-header-2-top-style .it-header-2-top-left ul li,
 .it-sv-details-sidebar-search,
 .it-team-thumb,
 .p-relative,
 .search__result-input,
 .sidebar__search,
 .swiper-slide,
 .z-index,
 .z-index-3,
 .z-index-4,
 .z-index-5,
 .z-index-6,
 section.banners {
     position: relative
 }

 .alumni_right ul li a {
     font-size: 17px;
     font-weight: 600;
     transition: .3s;
     padding: 1px 0;
     display: inline-block;
     font-family: var(--it-ff-heading);
     color: var(--it-common-black);
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
 }

 .alumni_right ul .has-dropdown::after {
     content: "\f107";
     font-family: "font awesome 6 pro";
     display: inline-block;
     font-size: 16px;
     margin-left: 5px;
     font-weight: 400;
     transition: .3s;
     transform: translateY(1px);
     color: var(--it-common-black)
 }

 .alumni_right ul li:hover .submenu,
 .it-header-2-main-menu ul li:hover .submenu {
     opacity: 1;
     visibility: visible;
     transition-duration: .2s;
     -webkit-transform: perspective(300px) rotateX(0);
     -moz-transform: perspective(300px) rotateX(0);
     -ms-transform: perspective(300px) rotateX(0);
     -o-transform: perspective(300px) rotateX(0);
     transform: perspective(300px) rotateX(0)
 }

 .alumni_right ul li>.submenu>li,
 .it-header-2-main-menu ul li>.submenu>li {
     margin: 0 0 5px;
     display: block
 }

 .alumni_right ul li ul,
 .it-choose-icon .white_icon,
 .panel-title>a {
     display: block
 }

 .alumni_right ul li>.submenu>li>a {
     display: inline-block;
     padding: 0;
     font-weight: 700;
     color: var(--it-common-white);
     transition: .3s;
     position: relative
 }

 .alumni_right ul li>.submenu>li>a:hover,
 .subLevel_1 li .subLevel_2 li a:hover {
     padding-left: 25px;
     color: #297cc7;
 }

 section.alumni_nav {
     background-color: #343272;
     display: flex;
     justify-content: center;
     align-items: center
 }

 .alumni_left p {
     margin: 0;
     color: #fff;
     text-align: center
 }

 .alumni_right {
     background-color: #f5c307;
     padding: 8px 0
 }

 .it-header-5-style .it-header-2-bar button,
 .un_list li span {
     color: var(--it-common-white);
     background-color: var(--it-common-yellow)
 }

 .top_Colleges_indian {
     margin: 20px 0;
     width: 100%;
     border: 3px solid #343272;
     border-radius: 10px;
     padding: 5px 0;
     text-align: center;
     box-shadow: 3px 10px 6px 6px #00000012;
 }

 .alumni_top_colleges .nav {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-evenly;
     background-color: #343272
 }

 .alumni_top_colleges .tab-content,
 .space_2 {
     padding: 25px 0
 }

 .alumni_top_colleges .nav-link {
     font-size: 20px;
     font-weight: 600;
     color: #fff
 }

 .alumni_top_colleges .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active {
     color: #343272;
     background-color: var(--bs-nav-tabs-link-active-bg);
     border-color: var(--bs-nav-tabs-link-active-border-color)
 }

 .testimonials-alumni.testimonial-three__item {
     max-width: 70% !important;
     margin: auto;
     width: 100%
 }

 .alumni_testimonials .swiper-slide img {
     display: block;
     width: 100%;
     max-width: 20%;
     height: auto;
     object-fit: cover
 }

 .banners iframe {
     border: 0;
     top: -90px
 }

 .swiper-slide .layer {
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: #0000;
     z-index: 1
 }

 section.banners {
     width: 100%;
     height: 640px
 }

 .alumni_testimonials .max_60 {
     width: 100%;
     max-width: 60% !important;
     margin: auto
 }

 .accordion {
     background-color: var(--darkblue);
     color: #fff;
     padding: 18px;
     width: 100%;
     border: none;
     text-align: left;
     outline: 0;
     font-size: 15px;
     transition: .4s;
     margin: 5px 0
 }

 .affiliated_cards,
 .popup button,
 .resume {
     text-align: center
 }

 .accordion:hover,
 .active {
     background-color: var(--yellow)
 }

 .panel {
     padding: 0 18px;
     display: none;
     background-color: #fff
 }

 .opening-cont,
 .postbox__details-img-box {
     padding-bottom: 20px
 }

 .accordion span,
 .cart-page-total ul>li>span,
 .coupon2,
 .f-right,
 .top_strip_nav ul {
     float: right;
     position: relative;
 }

 .more-2,
 .popup {
     padding: 10px 0
 }

 .popup .modal-popup {
     background: #343272;
     border: none;
     color: #fff
 }

 #submit,
 .resume {
     max-width: 50%;
     border-radius: 10px
 }

 .popup .modal-popup:hover {
     box-shadow: 6px 6px 0 #e5b622
 }

 #submit {
     background: #e5b622;
     color: #fff;
     line-height: 40px;
     margin: 0 auto;
     font-size: 1.2rem
 }

 .resume {
     margin: 20px auto;
     padding: 2rem;
     border: 2px solid grey
 }

 .popup-form {
     display: flex;
     justify-content: space-around;
     flex-wrap: wrap
 }

 .file {
     padding: 0;
     line-height: 30px
 }

 .modal-content {
     width: 100%;
     background-color: #f3be17;
     /* box-shadow: 6px 6px #fff;
                            border-right: 6px solid var(--b);
                            border-bottom: 6px solid var(--b); */
     border: 4px solid #fff;
 }

 @media(max-width:991px) {
     .resume {
         max-width: 100%;
         padding: 1rem
     }

     .popup-form {
         display: block
     }

     .modal-content {
         width: 100%
     }
 }

 .it-newsletter-right input {
     background-color: var(--it-common-white);
     margin: 5px 0
 }

 section.afflicated {
     background-image: url(../images/bg-white-3.png)
 }

 .affiliated_cards {
     background-color: #fff;
     border: 1px solid #ddd;
     padding: 10px;
     border-radius: 5px;
     height: 100%
 }

 .it-btn,
 .it-btn.sm {
     height: 40px;
     line-height: 40px
 }

 @media(min-width:1400px) {

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl,
     .container-xxl {
         max-width: 1350px
     }
 }

 .container-1380 {
     max-width: 1380px
 }

 body {
     color: var(--it-text-body);
     font-family: var(--it-ff-body);
     font-size: 17px;
     font-weight: 400;
     color: #000;
     line-height: 32px
 }

 body,
 html {
     overflow-x: hidden
 }

 body.monserat {
     font-family: var(--it-ff-monserat)
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: Arial, Helvetica, sans-serif;
     margin-top: 0;
     font-weight: 700;
     line-height: 1.1;
     -webkit-transition: .3s ease-out;
     -moz-transition: .3s ease-out;
     -ms-transition: .3s ease-out;
     -o-transition: .3s ease-out;
     transition: .3s ease-out
 }

 img {
     border-radius: 4px
 }

 .it-contact__title,
 h1 {
     font-size: 40px
 }

 h2 {
     font-size: 32px
 }

 h3 {
     font-size: 28px
 }

 h4 {
     font-size: 24px
 }

 .it-evn-details-title-sm,
 h5 {
     font-size: 20px
 }

 .table-content table td.product-subtotal,
 h6 {
     font-size: 16px
 }

 input,
 textarea {
     padding: 0 20px;
     border: none;
     font-size: 14px;
     width: 100%;
     color: var(--it-common-black);
     outline: 0
 }

 .it-career-content,
 .z-index {
     z-index: 2
 }

 .z-index-3 {
     z-index: 3
 }

 .z-index-4 {
     z-index: 4
 }

 .z-index-5 {
     z-index: 5
 }

 .z-index-6 {
     z-index: 6
 }

 .btn,
 .transition-3,
 a,
 button,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 img,
 input,
 li,
 select,
 textarea {
     -webkit-transition: .3s ease-out;
     -moz-transition: .3s ease-out;
     -ms-transition: .3s ease-out;
     -o-transition: .3s ease-out;
     transition: .3s ease-out
 }

 .it-btn,
 .it-btn-border,
 .it-btn-white {
     font-weight: 600;
     transition: .4s;
     display: inline-block;
     position: relative;
     z-index: 1
 }

 .button:focus,
 a:focus {
     outline: 0
 }

 a:focus,
 a:hover {
     color: inherit
 }

 a,
 button {
     color: inherit;
     outline: 0;
     border: none;
     background: 0 0
 }

 button:focus {
     outline: 0
 }

 .capitalize,
 .it-btn,
 .it-btn-border,
 .it-btn-white,
 .it-hero-style-4 .it-hero-3-title {
     text-transform: capitalize
 }

 input {
     height: 38px;
     line-height: 38px
 }

 input::-webkit-input-placeholder {
     color: #4d5756
 }

 input:-moz-placeholder {
     color: #4d5756
 }

 input::-moz-placeholder {
     color: #4d5756
 }

 input:-ms-input-placeholder {
     color: #4d5756
 }

 textarea {
     resize: none
 }

 textarea::-webkit-input-placeholder {
     color: #4d5756
 }

 textarea:-moz-placeholder {
     color: #4d5756
 }

 textarea::-moz-placeholder {
     color: #4d5756
 }

 textarea:-ms-input-placeholder {
     color: #4d5756
 }

 input[type=color] {
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     background: 0 0;
     border: 0;
     cursor: pointer;
     height: 100%;
     width: 100%;
     padding: 0;
     border-radius: 50%
 }

 ::-moz-selection {
     background: var(--blue);
     color: var(--it-common-white);
     text-shadow: none
 }

 ::selection {
     background: var(--blue);
     color: var(--it-common-white);
     text-shadow: none
 }

 ::-moz-placeholder {
     color: var(--it-common-black);
     font-size: var(--it-fz-body);
     opacity: 1
 }

 ::placeholder {
     color: var(--it-common-black);
     font-size: var(--it-fz-body);
     opacity: 1
 }

 .it-btn,
 .it-btn-blue:hover,
 .it-btn-theme-2:hover,
 .it-btn-theme-sm:hover,
 .it-btn-yellow-sm:hover,
 .it-btn:hover,
 .meru-custom-accordion .accordion-buttons:not(.collapsed)::after {
     color: var(--it-common-white)
 }

 .clear {
     clear: both
 }

 .coupon,
 .f-left {
     float: left
 }

 .overflow-y-visible {
     overflow-x: hidden;
     overflow-y: visible
 }

 .include-bg {
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat
 }

 .gx-5 {
     --bs-gutter-x: 5px
 }

 .gx-20 {
     --bs-gutter-x: 20px
 }

 .gx-55 {
     --bs-gutter-x: 55px
 }

 .heading_part {
     padding-bottom: 25px
 }

 .it-btn {
     padding: 0 15px;
     font-size: 16px;
     border-radius: 5px;
     background-color: var(--orange);
 }

 .it-btn:hover {
     background-color: var(--b);
 }

 .it-btn span {
     color: #fff;
 }

 .it-btn.large {
     padding: 0 60px
 }

 .it-btn span svg,
 .it-btn-blue span svg,
 .it-btn-border span svg,
 .it-btn-theme-2 span svg,
 .it-btn-theme-sm span svg,
 .it-btn-white span svg,
 .it-btn-yellow span svg,
 .it-btn-yellow-sm span svg {
     margin-left: 10px;
     display: inline-block;
     transform: translateY(-1px)
 }

 .it-btn-blue:hover span svg,
 .it-btn-border:hover span svg,
 .it-btn-theme-2:hover span svg,
 .it-btn-theme-sm:hover span svg,
 .it-btn-white:hover span svg,
 .it-btn-yellow-sm:hover span svg,
 .it-btn-yellow:hover span svg,
 .it-btn:hover span svg {
     animation: .4s forwards tfLeftToRight;
     transform: translateY(-1px)
 }

 .it-btn.black-bg {
     background-color: #f1c214
 }

 .it-btn.sm {
     padding: 0 20px
 }

 .it-btn.blue-bg,
 .it-class-item.active .it-class-rate span,
 .it-class-item:hover .it-class-rate span,
 .it-contact-style-2 .it-contact-timer i,
 .it-contact-style-2 .it-contact-wrap,
 .it-course-style-2 .it-course-thumb-text span,
 .it-header-2-style .it-header-2-main-menu>nav>ul>li>.submenu li a::before,
 .it-hero-5-style .it-hero-2-play a,
 .it-team-3-style-2 .it-team-3-item:hover .it-team-3-content {
     background-color: var(--it-theme-4)
 }

 .it-btn-border {
     padding: 0 55px;
     height: 54px;
     line-height: 54px;
     border-radius: 50px;
     color: var(--it-theme-6);
     border: 1px solid var(--it-theme-6)
 }

 .it-btn-white {
     padding: 0 25px;
     height: 60px;
     line-height: 64px;
     border-radius: 5px;
     color: var(--it-common-black);
     background-color: var(--it-common-white)
 }

 .it-btn-white.sky-bg,
 .it-choose-style-2 .it-choose-icon span,
 .meru-custom-accordion -style-2 .accordion-buttons:not(.collapsed),
 .it-footer-style-5 .it-footer-social a:hover {
     background-color: var(--it-theme-4);
     color: var(--it-common-white)
 }

 .it-btn-white-sm {
     display: inline-block;
     font-weight: 700;
     font-size: 14px;
     padding: 0 20px;
     width: 140px;
     height: 40px;
     line-height: 40px;
     position: relative;
     transition: .3s;
     text-transform: uppercase;
     color: var(--it-common-white);
     background-color: var(--it-common-black);
     margin: 5px 0
 }

 .it-btn-yellow,
 .it-btn-yellow-sm {
     display: inline-block;
     font-weight: 600;
     text-transform: capitalize;
     position: relative;
     transition: .4s;
     background-color: var(--it-common-yellow)
 }

 .it-btn-white-sm:hover,
 .it-slider-bg .it-hero-2-play a {
     color: var(--it-common-black);
     background-color: var(--it-common-white)
 }

 .it-btn-yellow {
     padding: 0 25px;
     height: 60px;
     line-height: 60px;
     border-radius: 5px;
     z-index: 1;
     color: var(--it-common-black)
 }

 .it-btn-yellow.radius {
     border-radius: 50px;
     color: var(--it-common-white)
 }

 .it-btn-yellow-sm {
     padding: 0 27px;
     height: 53px;
     line-height: 53px;
     border-radius: 50px;
     z-index: 1;
     color: var(--it-common-white)
 }

 .it-btn-blue,
 .it-btn-theme-2 {
     height: 60px;
     line-height: 60px
 }

 .it-btn-blue,
 .it-btn-theme-2,
 .it-btn-theme-sm {
     display: inline-block;
     padding: 0 25px;
     position: relative;
     transition: .4s;
     border-radius: 5px;
     z-index: 1;
     color: var(--it-common-white);
     font-weight: 600;
     text-transform: capitalize
 }

 .it-btn-theme-2 {
     background-color: var(--it-theme-2)
 }

 .it-btn-blue {
     background-color: var(--it-theme-3)
 }

 .it-btn-theme-sm {
     height: 50px;
     line-height: 50px;
     background-color: var(--it-theme-2)
 }

 .preloader,
 .preloader span {
     position: absolute;
     width: 50px;
     height: 50px;
     display: inline-block
 }

 @-webkit-keyframes pulse {
     0% {
         -webkit-box-shadow: 0 0 0 0 rgb(255 255 255 / .4)
     }

     70% {
         -webkit-box-shadow: 0 0 0 45px #fff0
     }

     100% {
         -webkit-box-shadow: 0 0 0 0 #fff0
     }
 }

 @keyframes itrotate {
     0% {
         transform: rotate(0)
     }

     to {
         transform: rotate(1turn)
     }
 }

 @keyframes itswing {
     0% {
         -webkit-transform: rotate(25deg);
         -ms-transform: rotate(25deg);
         transform: rotate(25deg)
     }

     100% {
         -webkit-transform: rotate(0);
         -ms-transform: rotate(0);
         transform: rotate(0)
     }
 }

 @keyframes itleftright {
     0% {
         transform: translate(0)
     }

     to {
         transform: translate(-20px)
     }
 }

 @-moz-keyframes headerSlideDown {
     0% {
         margin-top: -150px
     }

     100% {
         margin-top: 0
     }
 }

 @-ms-keyframes headerSlideDown {
     0% {
         margin-top: -150px
     }

     100% {
         margin-top: 0
     }
 }

 @-webkit-keyframes headerSlideDown {
     0% {
         margin-top: -150px
     }

     100% {
         margin-top: 0
     }
 }

 @keyframes headerSlideDown {
     0% {
         margin-top: -150px
     }

     100% {
         margin-top: 0
     }
 }

 @keyframes pulse {
     0% {
         -moz-box-shadow: 0 0 0 0 rgb(255 255 255 / .4);
         box-shadow: 0 0 0 0 rgb(255 255 255 / .4)
     }

     70% {
         -moz-box-shadow: 0 0 0 45px #fff0;
         box-shadow: 0 0 0 45px #fff0
     }

     100% {
         -moz-box-shadow: 0 0 0 0 #fff0;
         box-shadow: 0 0 0 0 #fff0
     }
 }

 @keyframes section-animation {
     0% {
         width: 0
     }

     15% {
         width: 100%
     }

     85% {
         opacity: 1
     }

     90% {
         width: 100%;
         opacity: 0
     }

     to {
         width: 0;
         opacity: 0
     }
 }

 @keyframes about-sm {
     100% {
         transform: translateY(50px)
     }
 }

 @keyframes hero-thumb-animation {
     0% {
         transform: translateY(-20px)
     }

     100% {
         transform: translateY(0)
     }
 }

 @keyframes itleftright {
     0% {
         -webkit-transform: translateX(0);
         -moz-transform: translateX(0);
         -ms-transform: translateX(0);
         -o-transform: translateX(0);
         transform: translateX(0)
     }

     100% {
         -webkit-transform: translateX(-20px);
         -moz-transform: translateX(-20px);
         -ms-transform: translateX(-20px);
         -o-transform: translateX(-20px);
         transform: translateX(-20px)
     }
 }

 @keyframes itrotate {
     0% {
         transform: rotateY(0)
     }

     100% {
         transform: rotateY(360deg)
     }
 }

 @keyframes ittranslateY2 {
     0% {
         -webkit-transform: translateY(-30px);
         -moz-transform: translateY(-30px);
         -ms-transform: translateY(-30px);
         -o-transform: translateY(-30px);
         transform: translateY(-30px)
     }

     100% {
         -webkit-transform: translateY(20px);
         -moz-transform: translateY(20px);
         -ms-transform: translateY(20px);
         -o-transform: translateY(20px);
         transform: translateY(20px)
     }
 }

 @keyframes scroll {
     0% {
         -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
         -ms-transform: translateY(0);
         -o-transform: translateY(0);
         transform: translateY(0)
     }

     100% {
         -webkit-transform: translateY(8px);
         -moz-transform: translateY(8px);
         -ms-transform: translateY(8px);
         -o-transform: translateY(8px);
         transform: translateY(8px)
     }
 }

 @keyframes RL_smooth {

     0%,
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }

     50% {
         -webkit-transform: translateX(5px);
         transform: translateX(5px)
     }
 }

 @keyframes slide_up_down {
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }

     100% {
         -webkit-transform: translateY(-20px);
         transform: translateY(-20px)
     }
 }

 @keyframes ittranslateX2 {
     0% {
         -webkit-transform: translateX(-30px);
         -moz-transform: translateX(-30px);
         -ms-transform: translateX(-30px);
         -o-transform: translateX(-30px);
         transform: translateX(-30px)
     }

     100% {
         -webkit-transform: translatXY(20px);
         -moz-transform: translateX(20px);
         -ms-transform: translateX(20px);
         -o-transform: translateX(20px);
         transform: translateX(20px)
     }
 }

 @keyframes rotate-center {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0)
     }

     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg)
     }
 }

 @keyframes scale_up_down {
     0% {
         -webkit-transform: scale(.9);
         transform: scale(.9)
     }

     100% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }
 }

 @keyframes dash {
     to {
         stroke-dashoffset: 0;
         stroke-dasharray: 3000
     }
 }

 @keyframes itupdown {
     0% {
         -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
         -ms-transform: translateY(0);
         -o-transform: translateY(0);
         transform: translateY(0)
     }

     100% {
         -webkit-transform: translateY(-20px);
         -moz-transform: translateY(-20px);
         -ms-transform: translateY(-20px);
         -o-transform: translateY(-20px);
         transform: translateY(-20px)
     }
 }

 @keyframes itswing {
     0% {
         -webkit-transform: rotate(6deg);
         -moz-transform: rotate(6deg);
         -ms-transform: rotate(6deg);
         -o-transform: rotate(6deg);
         transform: rotate(6deg)
     }

     100% {
         -webkit-transform: rotate(-6deg);
         -moz-transform: rotate(-6deg);
         -ms-transform: rotate(-6deg);
         -o-transform: rotate(-6deg);
         transform: rotate(-6deg)
     }
 }

 @keyframes borderanimate2 {
     0% {
         transform: translate(-50%, -50%) scale(1)
     }

     60% {
         opacity: 1
     }

     100% {
         transform: translate(-50%, -50%) scale(2.5);
         opacity: 0
     }
 }

 @keyframes bounceInUp {
     0% {
         opacity: 0;
         -webkit-transform: translateY(2000px);
         -ms-transform: translateY(2000px);
         transform: translateY(2000px)
     }

     60% {
         opacity: 1;
         -webkit-transform: translateY(-30px);
         -ms-transform: translateY(-30px);
         transform: translateY(-30px)
     }

     80% {
         -webkit-transform: translateY(10px);
         -ms-transform: translateY(10px);
         transform: translateY(10px)
     }

     100% {
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0)
     }
 }

 @keyframes moving {

     0%,
     100% {
         transform: translatey(0)
     }

     50% {
         transform: translatey(-20px)
     }
 }

 @keyframes about-circle {
     0% {
         -webkit-transform: translateX(100px);
         -moz-transform: translateX(100px);
         -ms-transform: translateX(100px);
         -o-transform: translateX(100px);
         transform: translateX(100px)
     }

     100% {
         -webkit-transform: translateX(0);
         -moz-transform: translateX(0);
         -ms-transform: translateX(0);
         -o-transform: translateX(0);
         transform: translateX(0)
     }
 }

 @keyframes services-triangle {
     0% {
         -webkit-transform: rotate(0) translateX(-50px);
         -moz-transform: rotate(0) translateX(-50px);
         -ms-transform: rotate(0) translateX(-50px);
         -o-transform: rotate(0) translateX(-50px);
         transform: rotate(0) translateX(-50px)
     }

     100% {
         -webkit-transform: rotate(360deg) translateY(100px);
         -moz-transform: rotate(360deg) translateY(100px);
         -ms-transform: rotate(360deg) translateY(100px);
         -o-transform: rotate(360deg) translateY(100px);
         transform: rotate(360deg) translateY(100px)
     }
 }

 @keyframes hero-3-dot-2 {
     0% {
         transform: translateY(-50px)
     }

     100% {
         transform: translateY(0)
     }
 }

 @keyframes tfLeftToRight {
     49% {
         transform: translateX(60%)
     }

     50% {
         opacity: 0;
         transform: translateX(-60%)
     }

     51% {
         opacity: 1
     }
 }

 @keyframes rotate2 {
     from {
         transform: rotate(0)
     }

     to {
         transform: rotate(360deg)
     }
 }

 @keyframes moving {

     0%,
     100% {
         transform: translatey(0)
     }

     20% {
         transform: translateX(-50px)
     }

     50% {
         transform: translatey(-40px)
     }
 }

 @keyframes leftright {
     0% {
         transform: translatex(0)
     }

     50% {
         transform: translateX(100%)
     }

     100% {
         transform: translateX(0)
     }
 }

 @keyframes movinglight {

     0%,
     100% {
         transform: translatey(0)
     }

     20% {
         transform: translateX(-70px)
     }

     50% {
         transform: translatey(-70px)
     }
 }

 @keyframes movinglight2 {

     0%,
     100% {
         transform: translatey(0)
     }

     20% {
         transform: translateX(70px)
     }

     50% {
         transform: translatey(70px)
     }
 }

 @keyframes movingtop {

     0%,
     100% {
         transform: translatey(0)
     }

     20% {
         transform: translatey(70px)
     }

     50% {
         transform: translatey(-70px)
     }
 }

 @keyframes circle-animation {

     0%,
     100% {
         right: 0
     }

     50% {
         right: 100%
     }
 }

 @keyframes circle-animation-2 {

     0%,
     100% {
         left: 0
     }

     50% {
         left: 100%
     }
 }

 @keyframes animationglob {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0)
     }

     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg)
     }
 }

 @keyframes zoom {

     0%,
     100% {
         transform: scale(.5)
     }

     50% {
         transform: scale(1)
     }
 }

 @keyframes zoom2 {

     0%,
     100% {
         transform: scale(.9)
     }

     50% {
         transform: scale(1)
     }
 }

 @keyframes wobble-vertical {
     10% {
         transform: translateY(-10px)
     }

     50% {
         transform: skew(15deg)
     }

     80% {
         transform: rotate(10deg)
     }

     100% {
         transform: translate(0)
     }
 }

 @-webkit-keyframes section-highlight {
     0% {
         width: 0%
     }

     100% {
         width: 100%
     }
 }

 @-moz-keyframes section-highlight {
     0% {
         width: 0%
     }

     100% {
         width: 100%
     }
 }

 @-ms-keyframes section-highlight {
     0% {
         width: 0%
     }

     100% {
         width: 100%
     }
 }

 @keyframes section-highlight {
     0% {
         width: 0%
     }

     100% {
         width: 100%
     }
 }

 @keyframes widthcalc {
     0% {
         width: 20%
     }

     50% {
         width: 50%
     }

     75% {
         width: 90%
     }

     90% {
         opacity: 75%;
         opacity: 100%
     }
 }

 @keyframes bounceRight {

     0%,
     100%,
     20%,
     50%,
     80% {
         -ms-transform: translateY(0);
         transform: translateY(0)
     }

     40% {
         -ms-transform: translateY(-35px);
         transform: translateY(-35px)
     }

     60% {
         -ms-transform: translateY(-20px);
         transform: translateY(-20px)
     }
 }

 @keyframes icon-bounce {

     0%,
     100%,
     20%,
     50%,
     80% {
         -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
         -ms-transform: translateY(0);
         -o-transform: translateY(0);
         transform: translateY(0)
     }

     40% {
         -webkit-transform: translateY(-10px);
         -moz-transform: translateY(-10px);
         -ms-transform: translateY(-10px);
         -o-transform: translateY(-10px);
         transform: translateY(-10px)
     }

     60% {
         -webkit-transform: translateY(-5px);
         -moz-transform: translateY(-5px);
         -ms-transform: translateY(-5px);
         -o-transform: translateY(-5px);
         transform: translateY(-5px)
     }
 }

 @keyframes light-one {

     0%,
     100% {
         opacity: 1
     }

     25% {
         opacity: .4
     }

     50% {
         opacity: .6
     }

     75% {
         opacity: .8
     }
 }

 .dark #preloader,
 .inner-about-style .it-about-4-list-icon span,
 .it-category-item:hover,
 .it-course-style-5 .it-course-thumb-text span,
 .it-event-style-3 .it-event-2-item:hover .it-event-2-date,
 .it-price-item-wrap,
 .it-price-item-wrap.active .it-price-category span,
 .it-team-3-style-3 .it-team-3-item:hover .it-team-3-content {
     background-color: var(--orange)
 }

 #preloader {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #f7f7f7;
     z-index: 999999
 }

 .preloader {
     padding: 0;
     text-align: left;
     box-sizing: border-box;
     top: 50%;
     left: 50%;
     margin-left: -25px;
     margin-top: -25px
 }

 .preloader span {
     border-radius: 100%;
     background: var(--blue);
     -webkit-animation: 1.3s linear infinite preloader;
     animation: 1.3s linear infinite preloader
 }

 .preloader span:last-child {
     animation-delay: -.9s;
     -webkit-animation-delay: -.9s
 }

 @keyframes preloader {
     0% {
         transform: scale(0, 0);
         opacity: .5
     }

     100% {
         transform: scale(1, 1);
         opacity: 0
     }
 }

 @-webkit-keyframes preloader {
     0% {
         -webkit-transform: scale(0, 0);
         opacity: .5
     }

     100% {
         -webkit-transform: scale(1, 1);
         opacity: 0
     }
 }

 .scroll-top {
     border-radius: 50px;
     color: var(--it-common-white);
     background: var(--blue);
     transition: background-color .2s;
     border: none;
     background-color: #00000054;
     padding: 1px;
     width: 40px;
     height: 40px;
     line-height: 15px;
     position: fixed;
     bottom: -10%;
     right: 80px;
     font-size: 16px;
     z-index: 9;
     text-align: center;
     color: var(--it-common-white);
     background: var(--blue);
     box-shadow: inset 0 -8px 0 0 #00000054 !important;
     background-color: #f5c307;
     box-shadow: inset 0 -5px 0 0 #f69c60 !important;
     background-color: #f37522;
 }

 .body-overlay,
 .itoffcanvas {
     position: fixed;
     opacity: 0;
     transition: .45s ease-in-out;
     visibility: hidden
 }

 .scroll-top .far {
     font-size: 30px
 }

 .scroll-top.open {
     bottom: 30px
 }

 .white-bg {
     background: var(--it-common-white)
 }

 .theme-bg-2 {
     background: var(--it-theme-2)
 }

 .theme-bg-3 {
     background: var(--it-theme-3)
 }

 .theme-bg-4 {
     background: var(--it-theme-4)
 }

 .theme-bg-5 {
     background: var(--it-theme-5)
 }

 .black-bg {
     background: var(--it-common-black)
 }

 .grey-bg {
     background: var(--it-grey-1)
 }

 .grey-bg-2 {
     background: var(--it-grey-2)
 }

 .it-event-style-3 .it-event-2-date,
 .it-event-style-4 .it-event-2-date,
 .it-price-item-wrap.active,
 .it-price-item-wrap.active .it-btn,
 .test-slider-dots .swiper-pagination-bullet-active,
 .test-slider-dots.style-2>.swiper-pagination-bullet-active,
 .yellow-bg {
     background-color: var(--it-common-yellow)
 }

 .body-overlay {
     top: 0;
     left: 0;
     z-index: 999;
     width: 100%;
     height: 100%;
     background: rgb(24 24 24 / .8)
 }

 .it-breadcrumb-bg,
 .itoffcanvas {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center
 }

 .itoffcanvas,
 .search__popup {
     top: 0;
     background-color: var(--it-common-black)
 }

 .body-overlay.apply,
 .it-team-item:hover .it-team-thumb::after,
 .test-slider-dots .swiper-pagination-bullet-active::after {
     opacity: 1;
     visibility: visible
 }

 .body-overlay:hover {
     cursor: url(../img/cross-out.png), pointer
 }

 .itoffcanvas {
     right: -100%;
     width: 480px;
     bottom: 0;
     box-shadow: 0 16px -32px 0 rgb(0 0 0 / .8);
     z-index: 9999;
     padding: 50px;
     scrollbar-width: none;
     overflow-y: scroll
 }

 .itoffcanvas.opened {
     opacity: 1;
     visibility: visible;
     right: 0;
     -webkit-transition: .4s cubic-bezier(.785, .135, .15, .86);
     -moz-transition: .4s cubic-bezier(.785, .135, .15, .86);
     transition: .4s cubic-bezier(.785, .135, .15, .86);
     transition-duration: .6s
 }

 @media(max-width:767px) {
     .main_title {
         font-size: 27px
     }
 }

 .itoffcanvas__logo {
     margin-bottom: 60px
 }

 @media(max-width:767px),
 only screen and (min-width:768px) and (max-width:991px) {
     .itoffcanvas__logo {
         padding-top: 0
     }
 }

 .itoffcanvas__logo img {
     width: 157px;
     height: 100%
 }

 .itoffcanvas__close-btn button {
     font-size: 35px;
     color: #fff;
     position: absolute;
     right: 50px;
     top: 42px;
     transition: .4s cubic-bezier(.785, .135, .15, .86);
     font-weight: 300;
     opacity: .2;
     -webkit-transition: .4s cubic-bezier(.785, .135, .15, .86);
     -moz-transition: .4s cubic-bezier(.785, .135, .15, .86);
     transition-duration: .3s
 }

 .itoffcanvas__close-btn button:hover {
     color: #fff;
     opacity: 1
 }

 .it-hero-2-text p,
 .itoffcanvas__content {
     margin-bottom: 30px
 }

 .itoffcanvas__content p {
     font-size: 16px;
     color: #fff;
     font-weight: 400;
     line-height: 1.6;
     margin-bottom: 25px
 }

 .itoffcanvas__content span {
     color: #fff;
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 5px;
     display: inline-block
 }

 .itoffcanvas__content a {
     font-size: 30px;
     line-height: 51px;
     font-weight: 700;
     color: var(--it-common-white);
     display: inline-block
 }

 .itoffcanvas__info-icon a,
 .itoffcanvas__social .social-icon a {
     height: 50px;
     width: 50px;
     background-color: var(--blue);
     display: inline-block;
     text-align: center;
     line-height: 50px
 }

 .coupon-all,
 .itoffcanvas__social {
     margin-top: 50px
 }

 .itoffcanvas__social .social-icon a {
     font-size: 18px;
     color: var(--it-common-white);
     margin-right: 15px;
     transition: .3s;
     border-radius: 50%
 }

 .it-header-2-main-menu ul li>.submenu,
 .subLevel_1 li .subLevel_2 {
     width: 280px;
     box-shadow: rgb(149 157 165 / .2) 0 8px 24px;
     opacity: 0
 }

 .itoffcanvas__social .social-icon a:hover {
     background-color: var(--blue);
     color: var(--it-common-white)
 }

 .itoffcanvas__text {
     padding-bottom: 20px;
     margin-bottom: 20px
 }

 .itoffcanvas__text p {
     color: #ddd;
     font-size: 18px
 }

 .itoffcanvas__info {
     border-bottom: 1px solid #3b3838;
     padding-bottom: 30px;
     margin-bottom: 20px
 }

 .itoffcanvas__info .offcanva-title {
     color: var(--it-common-white);
     margin: 30px 0 40px;
     font-size: 20px;
     font-weight: 600
 }

 .itoffcanvas__info-icon a {
     color: var(--it-common-white);
     border-radius: 50px;
     font-weight: 400;
     font-size: 21px;
     margin-right: 20px
 }

 .itoffcanvas__info-address span {
     display: block;
     color: rgb(255 255 255 / .6392156863);
     font-size: 16px;
     font-weight: 400
 }

 .itoffcanvas__info-address a {
     display: block;
     color: var(--it-common-white);
     font-size: 18px;
     font-weight: 600;
     transition: .3s
 }

 .itoffcanvas__info-address a:hover {
     color: var(--blue)
 }

 .it-offcanva-bottom-shape {
     position: absolute;
     bottom: 0;
     right: 0;
     width: 100%;
     z-index: -1
 }

 .it-breadcrumb-bg {
     display: flex;
     justify-content: center;
     align-items: center;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: end;
     padding-bottom: 50px
 }

 .it-breadcrumb-bg::after,
 .miyapur_banners::after {
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     position: absolute;
     /* background-color: #0e2a46; */
     /* opacity: .7 */
 }

 .it-breadcrumb-title {
     color: var(--it-common-white);
     font-size: 60px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 5px
 }

 @media only screen and (min-width:1400px) and (max-width:1599px) {
     .it-breadcrumb-title {
         font-size: 36px
     }
 }

 @media only screen and (min-width:1200px) and (max-width:1399px) {
     .main_title {
         font-size: 32px
     }

     .it-video-shape-3 {
         top: 4px
     }

     .blog-title {
         font-size: 16px;
         line-height: 28px
     }

     .it-breadcrumb-bg {
         height: 320px
     }

     .it-breadcrumb-title {
         font-size: 36px
     }
 }

 @media only screen and (min-width:992px) and (max-width:1199px) {
     .it-breadcrumb-title {
         font-size: 38px
     }
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .itoffcanvas__close-btn button {
         font-size: 28px;
         right: 48px;
         top: 52px
     }

     .it-breadcrumb-title {
         font-size: 43px
     }
 }

 @media(max-width:767px) {
     .itoffcanvas__close-btn button {
         font-size: 28px;
         right: 39px;
         top: 38px
     }

     .itoffcanvas__content a {
         font-size: 27px
     }

     .itoffcanvas__social .social-icon a {
         margin-right: 3px
     }

     .itoffcanvas__info-address a {
         font-size: 16px
     }

     .it-breadcrumb-bg {
         height: 300px
     }

     .it-breadcrumb-title {
         font-size: 30px
     }

     .it-breadcrumb-content {
         margin-bottom: 30px
     }
 }

 .it-breadcrumb-list {
     display: inline-block;
     border-radius: 30px
 }

 .it-breadcrumb-list span {
     color: var(--b);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     text-transform: capitalize
 }

 .it-breadcrumb-list span.dvdr {
     color: var(--blue);
     font-weight: 500;
     font-size: 16px;
     padding: 0 3px
 }

 .meru-custom-accordion .accordion-items {
     margin-bottom: 20px;
     border: 1px solid #e2e1e1;
     border-radius: 5px
 }

 .meru-custom-accordion .accordion-buttons {
     font-size: 20px;
     font-weight: 600;
     padding: 21px 25px;
     font-family: var(--it-ff-heading);
     color: var(--it-common-black);
     position: relative;
     width: 100%;
     text-align: left
 }

 @media only screen and (min-width:992px) and (max-width:1199px) {
     .meru-custom-accordion .accordion-buttons {
         font-size: 17px
     }
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .meru-custom-accordion .accordion-buttons {
         font-size: 16px
     }

     .it-faq-style-5 .meru-custom-accordion .accordion-body p {
         font-size: 14px;
         padding-right: 60px
     }
 }

 @media(max-width:767px) {
     .meru-custom-accordion .accordion-buttons {
         font-size: 15px;
         padding-right: 60px
     }
 }

 .meru-custom-accordion .accordion-buttons::after {
     position: absolute;
     content: "\f068";
     font-family: "font awesome 5 pro";
     top: 50%;
     right: 30px;
     font-weight: 700;
     font-size: 16px;
     opacity: 1;
     transform: translateY(-50%);
     color: var(--it-common-black)
 }

 .meru-custom-accordion .accordion-buttons.collapsed::after {
     content: "\f067"
 }

 .meru-custom-accordion .accordion-buttons:not(.collapsed),
 .meru-custom-accordion -style-3 .accordion-buttons:not(.collapsed) {
     background-color: var(--it-theme-5);
     color: var(--it-common-white)
 }

 .meru-custom-accordion .collapsed {
     position: relative;
     z-index: 99
 }

 .meru-custom-accordion .accordion-body {
     padding: 30px 28px;
     position: relative;
     z-index: 1;
     font-size: 17px;
     font-style: normal;
     font-weight: 400;
     line-height: 32px
 }

 @media only screen and (min-width:1200px) and (max-width:1399px) {
     .meru-custom-accordion .accordion-body {
         font-size: 15px;
         padding: 30px 21px
     }
 }

 @media only screen and (min-width:992px) and (max-width:1199px) {
     .meru-custom-accordion .accordion-body {
         font-size: 14px;
         flex-wrap: wrap
     }
 }

 @media only screen and (min-width:768px) and (max-width:991px),
 (max-width:767px) {
     .it-newsletter-right button.it-btn {
         height: 45px;
         line-height: 45px;
         font-size: 12px;
         padding: 0 20px
     }

     .itoffcanvas__text {
         display: none
     }

     .meru-custom-accordion .accordion-body {
         font-size: 14px
     }
 }

 .it-about-2-icon img,
 .it-choose-style-2 .it-choose-icon,
 .it-contact__icon,
 .meru-custom-accordion -style-2 .accordion-body p {
     margin-right: 20px
 }

 .meru-custom-accordion -style-3 .accordion-body p {
     margin-right: 120px
 }

 .search__popup {
     padding-top: 70px;
     padding-bottom: 100px;
     position: fixed;
     left: 0;
     right: 0;
     width: 100%;
     height: 55%;
     z-index: 9999999;
     -webkit-transform: translateY(calc(-100% - 80px));
     -moz-transform: translateY(calc(-100% - 80px));
     -ms-transform: translateY(calc(-100% - 80px));
     -o-transform: translateY(calc(-100% - 80px));
     transform: translateY(calc(-100% - 80px));
     -webkit-transition: transform .6s ease-in-out, opacity .6s ease-in-out;
     -moz-transition: transform .6s ease-in-out, opacity .6s ease-in-out;
     transition: transform .6s ease-in-out .7s, opacity .6s ease-in-out .7s
 }

 .search__popup.search-opened {
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     transition-delay: 0s
 }

 .search__popup.search-opened .search__input {
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
     transition-delay: .3s
 }

 .search__popup.search-opened .search__input::after {
     width: 100%;
     transition-delay: .5s
 }

 .search__popup-2 {
     background-color: var(--it-common-black-13)
 }

 .search__popup-2 .search__input .search-input-field~.search-focus-border {
     background-color: var(--it-theme-8)
 }

 .search__popup-3 .search__input .search-input-field~.search-focus-border {
     background-color: var(--blue0)
 }

 .search__top {
     margin-bottom: 80px
 }

 .search__input {
     position: relative;
     height: 80px;
     transition-delay: .5s;
     opacity: 0
 }

 .search__input::after {
     position: absolute;
     content: "";
     left: 0;
     bottom: 0;
     width: 0%;
     height: 1px;
     background-color: rgb(255 255 255 / .3);
     transition-delay: .3s
 }

 .search__input input {
     width: 100%;
     height: 100%;
     background-color: #fff0;
     border: 0;
     outline: 0;
     font-size: 24px;
     color: var(--it-common-white);
     border-bottom: 1px solid #fff0;
     padding: 0 30px 0 0
 }

 .search__input input::-webkit-input-placeholder {
     color: rgb(255 255 255 / .5);
     font-size: 24px
 }

 .search__input input:-moz-placeholder {
     color: rgb(255 255 255 / .5);
     font-size: 24px
 }

 .search__input input::-moz-placeholder {
     color: rgb(255 255 255 / .5);
     font-size: 24px
 }

 .search__input input:-ms-input-placeholder {
     color: rgb(255 255 255 / .5);
     font-size: 24px
 }

 .it-category-item:hover .it-category-text a,
 .it-category-item:hover .it-category-title,
 .it-choose-style-2 .it-choose-content:hover .it-choose-text p,
 .it-choose-style-2 .it-choose-content:hover .it-choose-title,
 .it-contact-style-2 .it-contact-wrap p,
 .it-header-2-top-style .it-header-2-top-left ul li a,
 .it-header-2-top-style .it-header-2-top-social a,
 .it-header-3-style .it-header-2-icon a,
 .it-header-3-style .it-header-2-main-menu ul li.has-dropdown::after,
 .it-header-5-top-style .it-header-2-top-left ul li a,
 .it-header-5-top-style .it-header-2-top-left ul li a span,
 .it-header-5-top-style .it-header-2-top-right ul li>a,
 .it-header-5-top-style .it-header-2-top-right ul li>a>span,
 .it-header-5-top-style .it-header-2-top-right ul li>a>span svg,
 .it-header-5-top-style .it-header-2-top-social a,
 .it-hero-3-client-box span,
 .it-price-item-wrap.active .it-price-list p,
 .it-price-item-wrap.active .it-price-list ul li,
 .it-slider-bg .it-hero-2-text p,
 .it-slider-bg .it-hero-2-title,
 .search__close-btn:hover,
 .search__input button,
 .search__result-tags a:hover {
     color: var(--it-common-white)
 }

 .search__input button {
     position: absolute;
     top: 50%;
     right: 0;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     font-size: 18px
 }

 .search__input .search-input-field~.search-focus-border {
     position: absolute;
     bottom: 0;
     left: auto;
     right: 0;
     width: 0;
     height: 1px;
     background-color: var(--it-common-orange);
     -webkit-transition: .5s ease-out;
     -moz-transition: .5s ease-out;
     -ms-transition: .5s ease-out;
     -o-transition: .5s ease-out;
     transition: .5s ease-out
 }

 .search__input .search-input-field:focus~.search-focus-border {
     width: 100%;
     left: 0;
     right: auto;
     -webkit-transition: .5s ease-out;
     -moz-transition: .5s ease-out;
     -ms-transition: .5s ease-out;
     -o-transition: .5s ease-out;
     transition: .5s ease-out
 }

 .search__close-btn {
     font-size: 25px;
     color: rgb(255 255 255 / .3)
 }

 .search__result-title {
     font-size: 50px;
     letter-spacing: -.04em;
     margin-bottom: 0
 }

 @media only screen and (min-width:576px) and (max-width:767px) {
     .it-contact__text>a {
         font-size: 18px
     }

     .itoffcanvas {
         width: 400px;
         padding: 40px
     }

     .it-breadcrumb-title {
         font-size: 30px
     }

     .it-breadcrumb-content {
         margin-bottom: 0
     }

     .meru-custom-accordion .accordion-buttons {
         font-size: 17px
     }

     .meru-custom-accordion .accordion-body {
         font-size: 15px
     }

     .search__result-title {
         font-size: 40px
     }
 }

 .search__result-title span {
     color: var(--blue);
     display: inline-block
 }

 .search__result-content p {
     font-size: 16px;
     line-height: 1.62;
     color: var(--it-text-1)
 }

 .postbox__comment-input,
 .search__result-input-box {
     position: relative;
     margin-bottom: 20px
 }

 .search__result-input-box button {
     position: absolute;
     top: 0;
     right: 0;
     padding: 22px 43px
 }

 .it-choose-style-2 .it-choose-content:hover,
 .it-event-2-item:hover .it-event-2-date,
 .it-header-3-style.header-sticky,
 .it-price-item-wrap.active .it-price-item::after,
 .it-testimonial-4-style .test-slider-dots .swiper-pagination-bullet,
 .search__result-input-box button:hover {
     background-color: var(--it-common-black)
 }

 .search__result-input input {
     width: 100%;
     height: 70px;
     padding-left: 60px;
     padding-right: 177px;
     background-color: var(--it-common-white);
     border: 1px solid var(--it-common-white);
     box-shadow: -3px 0 0 var(--blue), 0 1px 2px rgb(3 4 28 / .14)
 }

 .search__result-input span {
     position: absolute;
     top: 50%;
     left: 30px;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     font-size: 18px;
     color: #a0a0b5
 }

 .it-menu-mobile ul li>a svg,
 .search__result-input span svg {
     -webkit-transform: translateY(-2px);
     -moz-transform: translateY(-2px);
     -ms-transform: translateY(-2px);
     -o-transform: translateY(-2px);
     transform: translateY(-2px)
 }
 
 .it-menu-bar i {
     font-size: 40px;
 }

 .search__result-tags a {
     display: inline-block;
     font-family: var(--it-ff-space);
     font-size: 13px;
     font-weight: 500;
     border: 1px solid #d5d5dd;
     padding: 5px 18px;
     line-height: 1;
     margin-right: 2px;
     margin-bottom: 7px
 }

 .search__result-tags a:hover {
     background-color: var(--blue);
     border-color: var(--blue)
 }

 .search__blog-item {
     padding: 50px;
     border: 1px solid #eaeaef
 }

 .search__blog-title {
     font-size: 30px;
     line-height: 1.2;
     letter-spacing: -.04em;
     margin-bottom: 13px
 }

 @media only screen and (min-width:576px) and (max-width:767px),
 (max-width:767px) {
     .search__blog-title br {
         display: none
     }
 }

 .search__blog-title a:hover {
     color: var(--blue)
 }

 .it-footer-list ul li:not(:last-child),
 .it-team-3-social-wrap>a:not(:last-child),
 .it-team-social a:not(:last-child),
 .search__blog-meta-author,
 .search__blog-tag {
     margin-bottom: 10px
 }

 .search__blog-tag a {
     display: inline-block;
     background-color: rgb(99 100 219 / .06);
     font-family: var(--it-ff-space);
     font-weight: 500;
     font-size: 15px;
     line-height: 1;
     color: var(--it-common-purple);
     padding: 4px 12px
 }

 .search__blog-tag a:hover {
     background-color: var(--it-common-purple);
     color: var(--it-common-white)
 }

 .search__blog-meta span {
     color: var(--it-text-1);
     margin-right: 15px;
     margin-bottom: 10px;
     display: inline-block
 }

 .search__blog-meta span i,
 .search__blog-meta span svg {
     margin-right: 2px
 }

 .search__blog-meta span svg {
     -webkit-transform: translateY(-1px);
     -moz-transform: translateY(-1px);
     -ms-transform: translateY(-1px);
     -o-transform: translateY(-1px);
     transform: translateY(-1px)
 }

 .search__blog-meta span svg path {
     stroke: #7a7e83
 }

 .search__blog-meta-author-thumb img {
     width: 24px;
     height: 24px;
     border-radius: 50%;
     margin-right: 10px
 }

 .search__blog-meta-author-content span {
     display: inline-block;
     font-family: var(--it-ff-inter);
     font-size: 14px;
     color: #7a7e83
 }

 .it-about-2-icon span,
 .it-about-2-text-2 span,
 .it-category-text a,
 .it-course-author>span,
 .it-course-price-box a,
 .it-course-price-box span,
 .it-course-rating span,
 .it-header-2-main-menu ul li>a {
     font-family: var(--it-ff-heading)
 }

 .search__blog-meta-author-content span a {
     color: var(--it-common-black-11);
     font-weight: 500
 }

 .inner-about-style .main_title span,
 .it-blog-style-6 .blog-title a:hover,
 .blog-title a:hover,
 .it-course-style-5 .it-course-price-box a:hover,
 .it-course-style-5 .it-course-rating i,
 .it-course-style-5 .it-course-title:hover,
 .it-course-title:hover,
 .it-event-style-3 .it-event-2-title a:hover,
 .it-evn-details-rate span i,
 .it-header-2-main-menu ul li:hover>a,
 .it-header-2-top-social a:hover,
 .it-header-inner-style .it-header-2-top-left ul li a span,
 .it-header-inner-style .it-header-2-top-social a:hover,
 .it-team-3-style-3 .it-team-3-item:hover .it-team-3-social-wrap>a:hover,
 .search__blog-meta-author-content span a:hover {
     color: var(--orange);
 }

 .search__blog-content p {
     font-size: 15px;
     line-height: 1.47;
     color: var(--it-text-1);
     margin-bottom: 20px
 }

 .search__blog-btn .it-btn-border {
     padding: 8px 29px
 }

 .it-header-2-lang>ul>li a span,
 .search__blog-btn .it-btn-border i,
 .search__blog-btn .it-btn-border svg {
     margin-left: 5px
 }

 .search__blog-btn .it-btn-border svg {
     -webkit-transform: translateY(-1px);
     -moz-transform: translateY(-1px);
     -ms-transform: translateY(-1px);
     -o-transform: translateY(-1px);
     transform: translateY(-1px)
 }

 .it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn:hover,
 .it-menu-mobile ul li.has-dropdown>a.expanded .dropdown-toggle-btn.dropdown-opened,
 .it-sv-details-sidebar-category.active,
 .it-sv-details-sidebar-category:hover,
 .search__blog-btn .it-btn-border:hover {
     background-color: var(--blue);
     border-color: var(--blue);
     background-color: var(--y);
     border-color: var(--y);
     color: var(--it-common-white)
 }

 .it-section-subtitle-2,
 .it-section-subtitle-3 {
     font-size: 14px;
     font-weight: 400;
     text-transform: uppercase
 }

 .it-section-subtitle-2 {
     color: var(--it-theme-4);
     height: 32px;
     line-height: 32px;
     padding: 0 22px;
     display: inline-block;
     margin-bottom: 25px;
     border-radius: 5px;
     background-color: rgb(0 175 239 / .2)
 }

 .it-section-subtitle-3 {
     color: #297cc7;
     margin-bottom: 20px;
     display: inline-block
 }

 .it-section-subtitle-4,
 .it-section-subtitle-5 {
     text-transform: uppercase;
     margin-bottom: 10px;
     display: inline-block;
     font-weight: 400;
     font-size: 14px
 }

 .it-section-subtitle-4 {
     color: var(--it-theme-3)
 }

 .it-section-subtitle-4 img {
     margin-right: 5px
 }

 .it-section-subtitle-5 {
     color: var(--it-theme-4);
     padding-right: 5px
 }

 .main_title,
 .main_title,
 .main_title-5 {
     text-transform: capitalize;
     margin-bottom: 0
 }

 .it-blog-style-2 .blog-meta span i,
 .it-course-style-3 .it-course-rating i,
 .it-header-3-style .it-header-2-main-menu ul li.active.has-dropdown::after,
 .it-header-3-style .it-header-2-main-menu ul li.active>a,
 .it-header-5-style .it-header-2-main-menu ul li.active.has-dropdown::after,
 .it-header-5-style .it-header-2-main-menu ul li.active>a,
 .it-hero-3-title span,
 .it-section-subtitle-5.yellow,
 .main_title span,
 .main_title-5.yellow span,
 .it-team-3-style-2 .it-team-3-item:hover .it-team-3-social-wrap>a,
 .it-team-3-style-2 .it-team-3-social-wrap>a,
 .it-team-3-style-3 .it-team-3-item:hover .it-team-3-social-wrap>a {
     color: var(--darkblue);
 }

 .it-section-subtitle-5 i {
     margin-right: 5px;
     margin-left: 5px
 }

 .main_title {
     font-size: 45px;
     font-weight: 700
 }

 @media only screen and (min-width:1400px) and (max-width:1599px) {
     .main_title {
         font-size: 42px
     }

     .main_title {
         font-size: 27px
     }
 }

 @media only screen and (min-width:1200px) and (max-width:1399px) {
     .main_title {
         font-size: 27px
     }

     .main_title {
         font-size: 27px
     }
 }

 .main_title {
     font-size: 27px;
     font-weight: 700;
     line-height: 1.1;
     color: var(--darkblue);
 }

 .it-hero-2-title,
 .it-hero-3-title,
 .main_title-5 {
     line-height: 1.2;
     font-weight: 700
 }

 .main_title-5 {
     font-size: 45px
 }

 .main_title-5 span {
     color: var(--it-theme-4)
 }

 .it-header-2-lang>ul>li,
 .it-header-2-main-menu ul li.has-dropdown::after,
 .it-header-2-main-menu ul li>a,
 .it-header-2-top-left ul li a,
 .it-header-2-top-social a,
 .it-header-3-top-right a span {
     color: var(--it-common-black);
     color: #343372;
 }

 @media only screen and (min-width:1600px) and (max-width:1800px) {
     .main_title-5 {
         font-size: 40px
     }
 }

 @media only screen and (min-width:1400px) and (max-width:1599px) {
     .main_title-5 {
         font-size: 42px
     }
 }

 @media only screen and (min-width:1200px) and (max-width:1399px) {
     .main_title-5 {
         font-size: 38px
     }
 }

 @media only screen and (min-width:992px) and (max-width:1199px),
 only screen and (min-width:768px) and (max-width:991px) {
     .main_title {
         font-size: 33px
     }

     .main_title br,
     .main_title br,
     .main_title-5 br {
         display: none
     }

     .main_title {
         font-size: 34px
     }

     .main_title-5 {
         font-size: 36px
     }

     .title-shape-2 {
         width: 125px
     }
 }

 .it-header-transparent {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     z-index: 9
 }

 .it-header-2-main-menu ul li,
 .it-header-2-top-left ul li,
 .it-header-2-top-social,
 .it-header-2-top-social a,
 .subLevel_1 li .subLevel_2 li a {
     position: relative;
     display: inline-block;
 }

 .it-header-2-top-height {
     padding: 11px 0;
     background-color: var(--darkblue);
 }

 .it-header-2-top-left ul li {
     list-style: none;
     padding-left: 30px;
     padding-left: 15px;
 }

 .it-header-2-top-left ul li:not(:last-child) {
     padding-right: 15px
 }

 .it-header-2-top-left ul li a {
     font-size: 15px;
     font-weight: 400
 }

 .it-header-2-top-left ul li a span {
     position: absolute;
     top: 0;
     left: 0;
     color: var(--blue);
     font-size: 18px;
     line-height: 1;
     display: inline-block;
     transform: translateY(7px)
 }

 .it-header-2-top-social::after {
     position: absolute;
     content: "";
     top: 50%;
     left: -23px;
     height: 25px;
     width: 1px;
     background-color: #0a0909;
     opacity: .2;
     transform: translateY(-50%)
 }

 .it-header-2-top-social a {
     font-size: 15px;
     transition: .3s;
     margin: 0 7px
 }

 .it-header-2-bar button,
 .it-header-2-main-menu ul li>.submenu>li>a,
 .it-header-3-style .it-header-2-main-menu ul>li>a,
 .subLevel_1 li .subLevel_2 li a {
     color: var(--it-common-white);
     background: #023e76;
 }

 .it-header-2-main-menu ul li:last-child,
 .it-header-2-top-social a:last-child {
     margin-right: 0
 }

 .it-header-2-top-right ul li {
     list-style: none;
     display: inline-block
 }

 .it-about-4-thumb-double,
 .it-copyright-right a:not(:last-child),
 .it-header-2-top-right ul li:not(:last-child),
 .it-hero-2-btn-box>.it-btn {
     margin-right: 30px
 }

 .it-header-2-plr {
     padding: 0 15px;
     border-radius: 0px;
     background-color: var(--it-common-white);
     box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0;
     z-index: 99;
     position: relative;
 }

 /* .it-header-2-main-menu ul {
                                padding-left: 50px
                            } */

 .it-header-2-main-menu ul li {
     list-style-type: none;
     margin: 0 10px
 }

 .it-header-2-main-menu ul li>a {
     font-size: 17px;
     font-weight: 600;
     transition: .3s;
     padding: 21px 0;
     display: inline-block;
     text-transform: capitalize;
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
 }

 .it-header-2-main-menu ul li.has-dropdown::after {
     content: "\f107";
     content: "\f107";
     font-family: "font awesome 6 pro";
     display: inline-block;
     font-size: 16px;
     margin-left: 0;
     font-weight: 400;
     transition: .3s;
     transform: translateY(1px)
 }

 .subLevel_1 li:hover .subLevel_2 {
     opacity: 1;
     visibility: visible;
     transform: translateX(0)
 }

 .it-header-2-main-menu ul li>.submenu>li>a:hover::before,
 .subLevel_1 li .subLevel_2 li a:hover::before {
     width: 20px;
     visibility: visible;
     opacity: 1
 }

 .subLevel_1 li .subLevel_2 li a::before {
     position: absolute;
     top: 11px;
     left: 0;
     content: "";
     height: 2px;
     width: 0;
     background-color: var(--b);
     display: inline-block;
     transition: .3s ease-out;
     opacity: 0;
     visibility: hidden
 }

 .subLevel_1 li .subLevel_2 li a {
     padding: 0;
     font-weight: 500;
     transition: .5s;
     font-size: 14px;
     line-height: normal
 }

 .subLevel_1 li .subLevel_2 {
     transition: .5s;
     visibility: 0;
     transform: translateX(100px);
     background: var(--y);
     color: #fff;
     z-index: 99;
     position: absolute;
     top: 0;
     left: 40%;
     left: 62% !important;
     text-align: left;
     padding: 10px 30px;
     border-top: 3px solid #fff
 }

 .it-header-2-main-menu ul li>.submenu {
     position: absolute;
     top: 100%;
     left: 0;
     text-align: left;
     padding: 10px 30px;
     visibility: hidden;
     z-index: 9999;
     transition: .3s;
     background-color: var(--darkblue);
 }

 .it-header-2-lang>ul>li>ul.it-header-2-lang-submenu>li:last-child,
 .it-header-2-main-menu ul li>.submenu>li:last-child,
 .it-price-list ul li:last-child {
     margin-bottom: 0
 }

 .it-header-2-main-menu ul li>.submenu>li>a {
     display: inline-block;
     padding: 0;
     font-weight: 500;
     transition: .3s;
     position: relative;
     font-size: 14px;
     line-height: normal
 }

 .it-header-2-main-menu ul li>.submenu>li>a::before {
     content: "";
     position: absolute;
     top: 13px;
     left: 0;
     content: "";
     height: 2px;
     width: 0;
     background-color: #ff9d00;
     display: inline-block;
     transition: .3s ease-out;
     opacity: 0;
     visibility: hidden
 }

 .it-header-2-main-menu ul li>.submenu>li>a:hover {
     padding-left: 25px;
     background-color: var(--darkblue);
 }

 .it-header-2-main-menu ul li>.submenu .sub_sub_menu>li>a:hover {
     padding-left: 25px;
     color: var(--b)
 }

 .it-header-2-main-menu ul li:hover.has-dropdown::after {
     transform: rotate(-180deg);
     color: var(--blue)
 }

 .it-header-2-icon a {
     font-size: 18px;
     font-weight: 700
 }

 .it-header-2-button {
     margin-left: 40px
 }

 .it-category-icon span,
 .it-hero-2-play a {
     height: 60px;
     position: relative;
     text-align: center
 }

 .it-header-2-lang.open ul li a span svg {
     transform: rotate(-180deg)
 }

 .it-header-2-lang.open .it-header-2-lang-submenu {
     opacity: 1;
     visibility: visible;
     top: 104%
 }

 .it-header-2-lang>ul>li {
     font-weight: 400;
     font-size: 15px;
     display: inline-block;
     width: 115px;
     height: 36px;
     text-align: center
 }

 .it-header-2-lang>ul>li a span svg {
     display: inline-block;
     transition: .3s
 }

 .it-header-2-lang>ul>li>ul.it-header-2-lang-submenu {
     position: absolute;
     top: 130%;
     left: 0;
     z-index: 9;
     transition: .3s ease-out;
     opacity: 0;
     visibility: hidden;
     background-color: var(--it-common-white);
     padding: 12px 22px;
     box-shadow: 0 30px 70px 6px rgb(11 6 70 / .08);
     width: 100%
 }

 .it-header-2-lang>ul>li>ul.it-header-2-lang-submenu>li {
     list-style-type: none;
     padding-bottom: 5px
 }

 .it-header-2-lang>ul>li>ul.it-header-2-lang-submenu>li a {
     border-radius: 0;
     transition: .3s
 }

 .it-header-2-lang>ul>li>ul.it-header-2-lang-submenu>li a:hover {
     color: var(--tp-theme-1)
 }

 .it-header-3-top-right a span {
     font-size: 15px;
     font-weight: 400;
     line-height: 1
 }

 .it-blog-color .blog-meta span i,
 .it-blog-color .blog-title a:hover,
 .it-course-style-3 .it-course-title:hover,
 .it-header-3-top .it-header-2-top-left ul li a span,
 .it-header-3-top-right a span.icon,
 .it-header-3-top-right a span.text:hover,
 .it-video-color .it-video-play a.play {
     color: var(--it-theme-2)
 }

 .it-header-3-top-right a span.text {
     margin-left: 11px
 }

 .it-header-2-style .it-header-2-main-menu>nav>ul>li>a,
 .it-header-5-style .it-header-2-main-menu>nav>ul>li>a {
     padding: 35px 0
 }

 .it-header-2-style .it-header-2-main-menu>nav>ul>li:hover.has-dropdown::after {
     color: var(--it-theme-4)
 }

 .it-blog-style-2 .blog-title:hover,
 .it-blog-style-3 .blog-meta span i,
 .it-blog-style-3 .blog-title a:hover,
 .it-blog-style-5 .blog-title a:hover,
 .it-class-title:hover,
 .it-copyright-right a:hover,
 .it-copyright-text p a.blue,
 .it-course-style-2 .it-course-price-box a:hover,
 .it-course-style-2 .it-course-rating i,
 .it-course-style-2 .it-course-title:hover,
 .it-event-2-title a:hover,
 .it-header-2-style .it-header-2-main-menu ul li.active.has-dropdown::after,
 .it-header-2-style .it-header-2-main-menu ul li.active>a,
 .it-header-2-style .it-header-2-main-menu>nav>ul>li:hover>a,
 .it-header-2-top-style .it-header-2-top-left ul li a span,
 .it-header-2-top-style .it-header-2-top-social a:hover,
 .it-header-5-top-style .it-header-2-top-social a:hover,
 .it-team-3-style-2 .it-team-3-item:hover .it-team-3-social-wrap>a:hover,
 .it-team-3-style-2 .it-team-3-social-wrap>a:hover,
 .it-testimonial-style-2 .it-testimonial-3-author-info span,
 .it-video-style-2 .it-video-play a.play {
     color: var(--it-theme-4)
 }

 .it-header-2-style .it-header-2-main-menu>nav>ul>li>.submenu {
     border-top: 4px solid var(--it-theme-4)
 }

 .it-header-3-style .it-header-2-plr {
     padding: 0;
     border-radius: 0;
     background-color: #fff0;
     box-shadow: none
 }

 .it-header-3-style .it-header-2-main-menu ul>li>a {
     padding: 30px 0
 }

 .it-header-3-style .it-header-2-bar button {
     color: var(--it-theme-4);
     background-color: var(--it-common-white)
 }

 .it-header-5-style .it-header-2-main-menu ul li>.submenu {
     border-top: 4px solid var(--it-common-yellow)
 }

 .it-header-5-style .it-header-2-main-menu>nav>ul>li:hover.has-dropdown::after {
     color: var(--it-theme-5)
 }

 .it-blog-style-6 .blog-meta span i,
 .it-event-style-3 .it-event-2-meta span i,
 .it-header-5-style .it-header-2-main-menu>nav>ul>li:hover>a,
 .it-testimonial-5-star i {
     color: var(--it-theme-5)
 }

 .it-about-2-right,
 .it-header-5-style .it-header-2-button,
 .it-hero-3-client-box {
     margin-left: 30px
 }

 .it-header-5-style .it-header-2-icon button {
     font-size: 24px;
     color: var(--it-common-black);
     display: inline-block
 }

 .it-header-5-top-style .it-header-2-top-right {
     display: inline-block;
     padding: 7px 50px 7px 5px;
     background-color: var(--it-common-yellow);
     position: relative
 }

 .it-header-5-top-style .it-header-2-top-right::after {
     content: "";
     position: absolute;
     top: 0;
     right: 15px;
     height: 100%;
     width: 4px;
     background-color: var(--it-theme-4)
 }

 .header-sticky,
 .it-feature-2-style .it-feature-item::after,
 .it-header-5-top-style .it-header-2-top-social::after,
 .it-hero-2-funfact {
     background-color: var(--it-common-white)
 }

 .it-header-2-top-style {
     padding: 11px 0
 }

 .it-header-2-top-style .it-header-2-top-left ul li:not(:last-child)::after {
     position: absolute;
     content: "";
     top: 50%;
     transform: translateY(-50%);
     right: 20px;
     height: 24px;
     width: 1px;
     background-color: rgb(255 255 255 / .21)
 }

 .it-header-2-top-style .it-header-2-top-left ul li a span i.phone {
     transform: rotate(-33deg)
 }

 .it-header-2-top-style .it-header-2-top-right-text a {
     color: var(--it-common-white);
     font-size: 15px;
     font-weight: 500
 }

 .it-header-1-style .it-header-2-bar button,
 .it-team-3-style-2 .it-team-3-social-box button {
     color: var(--it-common-white);
     background-color: var(--it-theme-4)
 }

 .header-sticky {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     opacity: 1;
     visibility: visible;
     width: 100%;
     -webkit-animation: .95s forwards headerSlideDown;
     -khtml-animation: .95s ease 0s normal forwards 1 running headerSlideDown;
     -moz-animation: .95s forwards headerSlideDown;
     -ms-animation: .95s ease 0s normal forwards 1 running headerSlideDown;
     -o-animation: .95s forwards headerSlideDown;
     animation: .95s forwards headerSlideDown;
     -webkit-box-shadow: 0 10px 15px rgb(25 25 25 / .1);
     z-index: 99999
 }

 .it-hero-2-play a::after,
 .it-hero-2-play a::before {
     left: 50%;
     animation: 2s linear infinite borderanimate2;
     z-index: -1;
     position: absolute;
     top: 50%;
     content: ""
 }

 .header-sticky.it-header-2-style .it-header-2-main-menu>nav>ul>li>a,
 .header-sticky.it-header-3-style .it-header-2-main-menu>nav>ul>li>a,
 .header-sticky.it-header-5-style .it-header-2-main-menu>nav>ul>li>a {
     padding: 20px 0
 }

 .header-sticky .it-header-2-plr,
 .it-signup-agree .form-check-input:focus {
     box-shadow: none
 }

 .it-slider-height {
     height: 770px
 }

 @media only screen and (min-width:1600px) and (max-width:1800px) {
     .it-slider-height {
         height: 750px
     }
 }

 @media only screen and (min-width:1400px) and (max-width:1599px) {
     .it-slider-height {
         height: 650px
     }
 }

 @media only screen and (min-width:1200px) and (max-width:1399px) {
     .it-header-2-main-menu ul {
         padding-left: 35px
     }

     .it-header-2-main-menu ul li {
         margin: 0 4px
     }

     .it-header-2-main-menu ul li>a {
         font-size: 15px
     }

     .it-header-3-style .it-header-2-main-menu ul {
         padding-left: 20px
     }

     .it-header-5-style .it-header-2-main-menu>nav>ul {
         padding-left: 0
     }

     .it-slider-height {
         height: 650px
     }
 }

 @media only screen and (min-width:992px) and (max-width:1199px) {
     .meru-custom-accordion .accordion-body p {
         font-size: 15px
     }

     .search__blog-item {
         padding: 30px
     }

     .search__blog-title {
         font-size: 28px
     }

     .it-slider-height {
         height: 650px
     }
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .search__blog-item {
         padding: 25px
     }

     .search__blog-title {
         font-size: 21px
     }

     .search__blog-title br {
         display: none
     }

     .search__blog-meta-author {
         margin-right: 20px
     }

     .it-header-2-button {
         margin-left: 25px
     }

     .it-slider-height {
         height: 570px
     }
 }

 .it-slider-bg .it-hero-2-content {
     padding: 0;
     transform: translateY(-150px);
     opacity: 0
 }

 .it-slider-bg .it-hero-2-btn-box {
     transform: translateY(150px);
     opacity: 0
 }

 .it-slider-bg .it-hero-2-play span {
     text-decoration: underline;
     color: var(--it-common-white)
 }

 .it-slider-bg .it-hero-2-play a::before {
     border: 1px solid rgb(255 255 255 / .384)
 }

 .it-slider-bg .it-hero-2-play a::after {
     background-color: rgb(255 255 255 / .384)
 }

 .it-slider-overlay::after {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgb(14 42 70 / .75);
     content: "";
     z-index: -1
 }

 .it-contact-bg,
 .it-contact-wrap,
 .it-footer-bg,
 .it-funfact-5-bg,
 .it-funfact-bg-wrap,
 .it-hero-2-bg,
 .it-video-2-bg,
 .it-video-bg,
 .it-work-bg {
     background-repeat: no-repeat;
     background-size: cover
 }

 .it-slider-nav-wrap {
     position: absolute;
     bottom: 30px;
     right: 30px;
     z-index: 999;
     width: 650px
 }

 .it-slider-nav-wrap .slick-track {
     margin-left: 0;
     margin-right: 0
 }

 .it-slider-nav-thumb {
     border: 5px solid var(--it-common-white);
     transition: .3s;
     cursor: pointer;
     margin: 0 10px
 }

 .it-slider-nav-thumb img {
     max-width: inherit;
     width: 100%
 }

 .it-slider-nav-thumb.slick-current,
 .it-testimonial-5-item-wrap .it-testimonial-3-avata::after {
     border-color: var(--it-theme-4)
 }

 .it-slider-shape-1 {
     position: absolute;
     top: -50%;
     left: -20%
 }

 .it-slider-shape-2 {
     position: absolute;
     top: -25%;
     right: -10%;
     opacity: 0
 }

 .it-slider-active .slick-active .it-slider-shape-1 {
     top: -20%;
     left: 0;
     opacity: 1;
     transition: 2.5s
 }

 .it-slider-active .slick-active .it-slider-shape-2 {
     top: -15%;
     right: 0;
     opacity: 1;
     transition: 2s
 }

 .it-slider-active .slick-active .it-hero-2-btn-box,
 .it-slider-active .slick-active .it-hero-2-content {
     transform: translateY(0);
     opacity: 1;
     transition: 2.5s
 }

 @media(max-width:767px) {
     .it-faq-style-5 .meru-custom-accordion .accordion-body p {
         font-size: 14px;
         padding-right: 0
     }

     .search__result-title {
         font-size: 35px
     }

     .search__result-input-box button {
         position: relative;
         margin-top: 15px
     }

     .search__result-input input {
         padding-right: 25px
     }

     .search__blog-item {
         padding: 20px
     }

     .search__blog-title {
         font-size: 25px
     }

     .it-section-subtitle {
         font-size: 12px;
         height: 28px;
         line-height: 28px;
         padding: 0 17px
     }

     .main_title,
     .main_title,
     .main_title-5 {
         font-size: 25px
     }

     .it-header-3-top .it-header-2-top-social::after,
     .main_title br,
     .main_title br,
     .main_title-5 br {
         display: none
     }

     .it-header-2-top-left ul li:not(:last-child) {
         margin-right: 0
     }

     .it-header-3-top .it-header-2-top-social a {
         margin: 0 5px
     }

     .it-header-3-top .it-header-2-top-left ul li:not(:last-child) {
         padding-right: 0
     }

     .it-slider-height {
         height: 650px
     }

     .it-slider-wrap .it-hero-2-play {
         margin-top: 30px
     }

     .career_guidence_tabs .tab button {
         width: 100%;
         font-size: 22px;
         font-weight: 600;
     }
 }

 .it-hero-2-bg {
     height: 100%;
     width: 100%
 }

 .it-hero-2-content {
     padding-top: 365px;
     padding-bottom: 215px
 }

 @media only screen and (min-width:1200px) and (max-width:1399px) {
     .it-hero-2-content {
         padding-top: 140px
     }
 }

 @media only screen and (min-width:992px) and (max-width:1199px) {
     .it-slider-nav-wrap {
         width: 500px
     }

     .it-hero-2-content {
         padding-top: 300px;
         padding-bottom: 160px
     }
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .it-hero-2-content {
         padding-top: 260px;
         padding-bottom: 100px
     }
 }

 @media(max-width:767px) {
     .it-hero-2-content {
         padding-top: 220px;
         padding-bottom: 50px
     }
 }

 @media only screen and (min-width:1200px) and (max-width:1399px),
 only screen and (min-width:992px) and (max-width:1199px),
 only screen and (min-width:768px) and (max-width:991px) {
     .it-hero-2-text p {
         font-size: 15px
     }
 }

 .it-hero-2-play a {
     width: 60px;
     line-height: 60px;
     border-radius: 50%;
     font-size: 18px;
     display: inline-block;
     margin-right: 10px;
     z-index: 2;
     color: var(--it-common-white);
     background-color: var(--it-common-black)
 }

 .it-hero-2-play a i {
     margin-left: 3px
 }

 .it-hero-2-play a::after {
     width: 80%;
     height: 80%;
     background-color: rgb(14 42 70 / .349);
     border-radius: 50%
 }

 .it-hero-2-play a::before {
     width: 60%;
     height: 60%;
     transform: scale(1.5);
     border: 1px solid rgb(14 42 70 / .349);
     border-radius: 50%
 }

 .it-hero-2-play span {
     text-decoration: underline
 }

 .it-hero-2-thumb {
     transform: translateX(150px)
 }

 .it-hero-2-thumb>img {
     position: relative;
     z-index: 2;
     max-width: inherit
 }

 .it-hero-2-title {
     color: #f5c307;
     font-size: 60px;
     padding-bottom: 5px
 }

 @media only screen and (min-width:1400px) and (max-width:1599px) {
     .it-hero-2-thumb {
         transform: translateX(50px)
     }

     .it-hero-2-title {
         font-size: 50px
     }

     .it-hero-3-shape-4 {
         display: none
     }
 }

 @media only screen and (min-width:1200px) and (max-width:1399px) {
     .it-hero-2-thumb {
         transform: translateX(0)
     }

     .it-hero-2-title {
         font-size: 47px
     }
 }

 @media only screen and (min-width:992px) and (max-width:1199px) {
     .it-hero-2-thumb {
         transform: translateX(-50px)
     }

     .it-hero-2-title {
         font-size: 45px
     }

     .it-hero-2-btn-box>.it-btn {
         margin-bottom: 30px;
         margin-right: 100px
     }
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .it-hero-2-title {
         font-size: 47px
     }

     .it-hero-2-title br {
         display: none
     }
 }

 @media(max-width:767px) {
     .it-hero-2-text p {
         font-size: 14px
     }

     .it-hero-2-title {
         font-size: 30px
     }

     .it-hero-2-title br {
         display: none
     }

     .it-hero-2-btn-box>.it-btn {
         margin-bottom: 30px
     }
 }

 .it-hero-2-title>span {
     padding-right: 10px;
     position: relative;
     z-index: 4
 }

 .it-hero-2-funfact {
     position: absolute;
     bottom: 120px;
     right: 37%;
     border-radius: 5px;
     width: 250px;
     padding: 40px 15px;
     z-index: 1;
     box-shadow: rgb(149 157 165 / .2) 0 8px 24px;
     animation: .8s infinite alternate itupdown
 }

 .it-hero-2-funfact .theme {
     color: var(--blue);
     font-size: 35px;
     font-weight: 600;
     margin-bottom: 15px
 }

 .it-funfact-content h6 i,
 .it-hero-2-funfact .theme i {
     font-style: normal
 }

 .it-hero-2-funfact span {
     display: block;
     color: var(--it-common-black);
     font-size: 18px;
     line-height: 24px
 }

 .it-hero-2-funfact img {
     margin-top: 20px
 }

 .it-hero-2-shape-1 {
     position: absolute;
     top: -32%;
     right: 6%
 }

 .it-about-5-thumb img,
 .it-event-thumb img,
 .it-hero-2-shape-1 img,
 .it-testimonial-3-thumb img {
     max-width: inherit
 }

 .it-hero-2-shape-2 {
     position: absolute;
     top: 35%;
     left: -28%
 }

 .it-hero-2-shape-3 {
     position: absolute;
     top: 6%;
     right: -63%;
     animation: 3s ease-in-out 3s infinite alternate forwards itrotate
 }

 .it-event-shape-2,
 .it-hero-2-shape-4,
 .it-newsletter-shape-2 {
     position: absolute;
     bottom: 0;
     right: 0
 }

 .it-hero-2-shape-5 {
     position: absolute;
     bottom: 120px;
     left: 790px;
     animation: .9s infinite alternate forwards itswing;
     transform-origin: bottom left
 }

 .it-hero-2-shape-6 {
     position: absolute;
     bottom: 100px;
     left: 55px;
     animation: 6s linear infinite rotate2
 }

 .it-hero-2-shape-7 {
     position: absolute;
     top: 165px;
     left: 50px;
     animation: 4s linear infinite rotate2
 }

 .title-shape {
     position: absolute;
     top: -15px;
     left: -9px;
     z-index: -1
 }

 .title-shape-2,
 .title-shape-3 {
     top: 44%;
     z-index: -1;
     position: absolute;
     display: none;
 }

 @media only screen and (min-width:992px) and (max-width:1199px),
 only screen and (min-width:768px) and (max-width:991px),
 (max-width:767px) {

     .it-breadcrumb-list span,
     .it-btn,
     .it-btn-blue,
     .it-btn-border,
     .it-btn-theme-2,
     .it-btn-theme-sm,
     .it-btn-white,
     .it-btn-yellow,
     .it-btn-yellow-sm {
         font-size: 14px
     }

     .meru-custom-accordion -style-2 .accordion-body p,
     .meru-custom-accordion -style-3 .accordion-body p {
         margin-right: 0
     }

     .it-hero-2-btn-box {
         flex-wrap: wrap
     }

     .title-shape svg {
         width: 125px
     }
 }

 .title-shape-2 {
     left: 50%;
     transform: translate(-50%, -50%)
 }

 .title-shape-3 {
     right: 6px;
     transform: translateY(-50%)
 }

 @media only screen and (min-width:992px) and (max-width:1199px),
 only screen and (min-width:768px) and (max-width:991px) {
     .title-shape-3 {
         width: 125px
     }
 }

 .it-choose-shape-8,
 .it-hero-3-shape-1,
 .it-newsletter-shape-1 {
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1
 }

 .it-contact__shape-1,
 .it-hero-3-shape-2 {
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: -1
 }

 .it-hero-3-shape-3 {
     position: absolute;
     bottom: 23%;
     left: 45%;
     animation: 1s infinite alternate forwards itswing;
     transform-origin: bottom right
 }

 .it-hero-3-shape-4 {
     position: absolute;
     bottom: 7%;
     right: 3%;
     animation: 1s infinite alternate itleftright
 }

 .it-hero-3-shape-5 {
     position: absolute;
     top: 19%;
     right: 7%;
     animation: .8s infinite alternate itupdown
 }

 .it-hero-5-shape-1,
 .it-hero-5-shape-3 img {
     animation: 4s linear infinite rotate2
 }

 .it-hero-3-ptb {
     padding-top: 325px;
     padding-bottom: 205px
 }

 @media only screen and (min-width:1200px) and (max-width:1399px) {
     .it-hero-2-shape-1 {
         right: -22%
     }

     .it-hero-3-ptb {
         padding-top: 290px
     }
 }

 @media only screen and (min-width:992px) and (max-width:1199px) {
     .it-hero-3-shape-3 {
         bottom: 33%;
         left: 57%
     }

     .it-hero-3-ptb {
         padding-top: 200px;
         padding-bottom: 70px
     }
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .it-hero-3-ptb {
         padding-top: 190px;
         padding-bottom: 60px
     }
 }

 .it-hero-3-title {
     font-size: 60px;
     text-transform: uppercase;
     color: var(--it-common-white);
     margin-bottom: 15px
 }

 .it-hero-3-title-box p {
     font-size: 17px;
     font-weight: 400;
     line-height: 32px;
     margin-bottom: 40px;
     color: var(--it-common-white)
 }

 @media only screen and (min-width:1200px) and (max-width:1399px) {
     .it-hero-3-title {
         font-size: 55px
     }

     .it-hero-3-title-box p br {
         display: none
     }

     .it-hero-style-4 .it-hero-3-title {
         font-size: 52px
     }
 }

 @media(max-width:767px) {

     .title-shape svg,
     .title-shape-2,
     .title-shape-3 {
         width: 85px
     }

     .it-hero-3-ptb {
         padding-top: 170px;
         padding-bottom: 60px
     }

     .it-hero-3-title {
         font-size: 40px
     }

     .it-hero-3-title-box p {
         font-size: 16px
     }

     .it-hero-3-title-box p br {
         display: none
     }

     .it-hero-3-client-box {
         margin-left: 0;
         margin-top: 30px
     }

     .it-hero-3-btn-box {
         flex-wrap: wrap
     }
 }

 .it-hero-3-thumb img {
     max-width: inherit;
     margin-left: -100px
 }

 .it-hero-style-4.it-hero-space {
     padding-top: 160px;
     padding-bottom: 110px
 }

 .it-hero-style-4 .it-hero-3-ptb {
     padding-top: 0;
     padding-bottom: 0
 }

 .it-hero-style-4 .it-hero-3-thumb img {
     max-width: inherit;
     margin-left: 0;
     margin-right: -120px
 }

 .it-hero-5-style .it-hero-2-play a::after {
     background-color: rgb(34 162 209 / .4)
 }

 .it-hero-5-style .it-hero-2-play a::before {
     border: 1px solid rgb(34 162 209 / .4)
 }

 .it-hero-5-style .it-hero-2-thumb {
     transform: translateX(-35px)
 }

 .it-hero-5-style .it-hero-2-content,
 .it-menu-mobile ul li ul,
 .it-menu-mobile ul li ul li,
 .postbox__content-wrap .it-contact-wrap {
     padding: 0;
 }

 .it-hero-5-shape-1 {
     position: absolute;
     left: 350px;
     top: -8px;
 }

 .it-hero-5-shape-2 {
     position: absolute;
     top: 165px;
     left: 262px;
     animation: .7s infinite alternate forwards itswing;
     transform-origin: bottom left
 }

 .it-hero-5-shape-3 {
     position: absolute;
     bottom: 85px;
     left: 100px;
 }

 .it-hero-5-shape-4 {
     position: absolute;
     left: 640px;
     bottom: 140px;
     animation: 1s infinite alternate itleftright;
 }

 .it-hero-5-shape-5 {
     position: absolute;
     bottom: 180px;
     left: 70px;
     animation: 4s linear infinite rotate2;
 }

 .it-hero-5-shape-6 {
     position: absolute;
     bottom: 120px;
     right: -87%;
     animation: 12s linear infinite rotate2;
 }

 .it-hero-5-shape-7 {
     position: absolute;
     top: 115px;
     right: 115px;
     animation: 1s infinite alternate itleftright;
 }

 .it-category-item {
     border-radius: 10px;
     padding: 20px 15px;
     background-color: var(--darkblue);
     transition: .5s;
     height: 100%;
 }

 .it-category-item:hover .it-category-icon span {
     background-color: var(--it-common-white);
     color: var(--blue);
 }

 .it-category-item:hover .it-category-icon span::after {
     border-color: var(--b);
 }

 .it-category-icon span {
     width: 60px;
     line-height: 100px;
     border-radius: 50%;
     color: var(--it-common-white);
     transition: .3s;
     font-size: 45px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: auto auto 35px;
 }

 .it-category-icon span::after {
     content: "";
     top: 50%;
     left: 50%;
     height: 100%;
     width: 100%;
     position: absolute;
     border-radius: 50%;
     transition: .5s;
     transform: translate(-50%, -50%) scale(1.2);
     border: 1px dashed var(--y);
     border: 1.5px dotted var(--y);
 }

 .it-category-title {
     font-size: 21px;
     font-weight: 700;
     margin-bottom: 7px;
     text-transform: capitalize;
     transition: .5s;
 }

 .facilities .it-category-text a {
     color: #fff !important;
     font-size: 14px;
     font-weight: 500;
     transition: .5s;
 }

 .it-category-text a i {
     font-size: 14px;
 }

 .it-category-shape {
     position: absolute;
     bottom: 0;
     left: 690px;
 }

 .it-category-4-icon span {
     height: 200px;
     width: 100%;
     display: inline-block;
     line-height: 200px;
     border-radius: 10px;
     text-align: center;
     background-color: var(--it-common-white);
     margin-bottom: 20px;
 }

 .it-category-4-content span {
     font-size: 14px;
     font-weight: 400;
     line-height: 32px;
     color: var(--it-theme-3);
     text-transform: uppercase;
 }

 .it-category-4-title {
     font-size: 20px;
     font-weight: 700;
     text-transform: uppercase;
     color: var(--it-common-black);
     margin-bottom: 0;
 }

 .it-course-item {
     padding: 20px;
     border-radius: 5px;
     position: relative;
     z-index: 1;
     background-color: var(--it-common-white);
 }

 .it-course-item:hover .it-course-thumb img,
 .it-team-item:hover .it-team-thumb img {
     transform: scale(1.2);
 }

 .it-course-thumb {
     overflow: hidden;
     border-radius: 5px;
 }

 .it-course-thumb img {
     width: 100%;
     border-radius: 5px;
     transition: 1s;
 }

 .it-course-thumb-text {
     position: absolute;
     top: 20px;
     left: 20px;
 }

 .it-course-thumb-text span {
     display: inline-block;
     padding: 0 10px;
     font-size: 15px;
     font-weight: 400;
     border-radius: 5px;
     color: var(--it-common-white);
     background-color: var(--blue);
 }

 .it-course-rating i {
     color: var(--blue);
     font-size: 14px;
 }

 .it-course-rating span {
     color: var(--it-common-black-2);
     font-size: 14px;
     font-weight: 500;
 }

 .it-course-author>span,
 .it-course-info>span {
     font-weight: 400;
     color: var(--it-common-black-2);
 }

 .it-course-title {
     font-size: 21px;
     font-weight: 600;
     text-transform: capitalize;
     line-height: 1.5;
     transition: .3s;
     display: inline-block;
 }

 .it-course-info {
     border-bottom: 1px dashed #4d5756;
 }

 .it-course-info>span {
     font-size: 14px;
     text-transform: capitalize;
 }

 .it-course-info>span i {
     color: #000;
     margin-right: 7px;
 }

 .it-course-author img {
     border-radius: 50%;
     margin-right: 10px;
 }

 .it-course-author>span {
     font-size: 16px;
 }

 .it-course-price-box span,
 .it-course-sidebar-rate span.rate,
 .it-cta-title {
     font-weight: 700;
     text-transform: capitalize;
 }

 .it-course-author>span>i,
 .it-course-price-box span i {
     font-style: normal;
     color: var(--it-common-black);
 }

 .it-course-price-box span {
     font-size: 25px;
     color: var(--it-common-black-2);
 }

 .it-course-price-box a {
     font-size: 14px;
     font-weight: 500;
     text-transform: capitalize;
     transition: .3s;
     color: var(--it-common-black-2);
 }

 .it-course-price-box a i {
     font-size: 16px;
     margin-right: 7px;
 }

 /* Principal desk start     */
 .it-career-shape-2,
 .it-course-shape-1,
 .it-video-shape-1,
 .it-video-shape-2 {
     position: absolute;
     top: 0;
     right: 0;
     width: 533px;
 }

 .principal_message .it-choose-shape-1 {
     position: absolute;
     top: -30px;
     left: -30px;
     z-index: 1
 }

 .principal_name {
     color: #fff !important;
     position: relative;
     top: 33px;
     text-align: center;
     margin-bottom: 30px;
 }

 .principal_namee h2 {
     color: #f5c307;
     font-size: 22px
 }

 .principal_name h6 {
     color: #000;
     font-size: 14px;
     font-family: Roboto;
 }

 /* Principal desk End*/

 .it-course-shape-2 {
     position: absolute;
     top: 235px;
     right: 470px;
     animation: 1s infinite alternate forwards itswing;
     transform-origin: bottom left;
 }

 .it-course-shape-3 {
     position: absolute;
     top: 180px;
     left: 100px;
     animation: .8s infinite alternate itupdown;
 }

 .it-course-shape-4 {
     position: absolute;
     right: 255px;
     bottom: 195px;
     animation: 4s linear infinite rotate2;
 }

 .it-course-shape-5 {
     position: absolute;
     top: 0;
     right: 440px;
 }

 .it-course-shape-6 {
     position: absolute;
     bottom: 180px;
     right: 140px;
     animation: 3s ease-in-out 3s infinite alternate forwards itrotate;
 }

 .it-course-style-2 .it-course-2-wrap {
     padding: 10px;
     border-radius: 5px;
     box-shadow: 0 0 40px 0 rgb(14 42 70 / .08);
 }

 .blog-item:hover .blog-thumb img,
 .it-class-item:hover .it-class-thumb img,
 .it-course-style-2 .it-course-2-wrap:hover .it-course-thumb a img,
 .it-event-2-item:hover .it-event-2-thumb img {
     transform: scale(1.001) rotate(-2deg);
 }

 .it-course-style-2 .it-course-author,
 .it-course-style-2 .it-course-thumb,
 .postbox__comment-info {
     flex: 0 0 auto;
 }

 .it-course-style-2 .it-course-thumb a img {
     transition: .9s;
 }

 .it-course-style-2 .it-course-content {
     margin: 0 30px;
 }

 .it-course-style-2 .it-course-thumb-text {
     top: 14px;
     left: 14px;
 }

 .it-career-style-3 .it-career-item,
 .it-course-style-3 .it-course-thumb-text span {
     background-color: var(--it-theme-2);
 }

 .it-course-style-3.it-course-bg,
 .it-testimonial-bg {
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .it-contact-style-4 .it-contact-timer h6,
 .it-course-style-4 .it-course-item {
     background-color: #f3f5f5;
 }

 .it-contact-style-4 .it-contact-timer i,
 .it-course-style-4 .it-course-thumb-text span,
 .it-event-style-4 .it-event-2-item:hover .it-event-2-date {
     background-color: var(--it-theme-3);
 }

 .it-blog-style-4 .blog-meta span i,
 .it-blog-style-4 .blog-title a:hover,
 .it-course-style-4 .it-course-title:hover,
 .it-event-style-4 .it-event-2-meta span i,
 .it-event-style-4 .it-event-2-title a:hover,
 .it-video-style-4 .it-video-play a.play {
     color: var(--it-theme-3);
 }

 .it-course-details-wrap {
     margin-right: 74px;
 }

 .it-course-details-wrap .postbox__meta {
     padding-bottom: 24px;
     margin-bottom: 30px;
     border-bottom: 1px solid rgb(77 87 86 / .5);
 }

 .it-course-details-wrap .postbox__meta span i {
     color: var(--it-common-body);
 }

 .it-course-details-content .it-evn-details-text p {
     margin-bottom: 0;
     padding-bottom: 6px;
     padding-right: 10px;
 }

 .it-course-details-nav button {
     font-size: 15px;
     font-weight: 600;
     text-transform: capitalize;
     height: 53px;
     line-height: 53px;
     padding: 0 19px;
     color: var(--it-common-black);
     background-color: #f2f2f2;
     border-radius: 5px;
     transition: .3s;
 }

 .it-course-details-nav button:not(:last-child),
 .it-event-2-meta span:not(:last-child) {
     margin-right: 18px;
 }

 .it-course-details-nav button.active,
 .it-course-details-nav button:hover {
     color: var(--it-common-white);
     background-color: var(--it-theme-5);
 }

 .it-course-sidebar-box .it-evn-sidebar-list ul li {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .it-cta-height,
 ol {
     align-items: center;
 }

 .it-course-sidebar-rate {
     line-height: normal;
 }

 .it-course-sidebar-rate span {
     text-transform: capitalize;
     font-size: 16px;
 }

 .it-course-sidebar-rate span.rate {
     color: var(--it-common-black);
     font-size: 21px;
     font-family: var(--it-ff-heading);
 }

 .it-course-sidebar-rate span.rate i {
     font-style: normal;
     color: #4d5756;
     font-size: 18px;
     font-weight: 500;
 }

 .it-course-sidebar-rate-box i {
     font-style: normal;
     font-size: 14px;
     color: var(--it-common-black);
     text-transform: capitalize;
 }

 .it-cta-height {
     height: 200px;
     display: flex;
     justify-content: center;
 }

 .it-career-shape-1,
 .it-cta-bg {
     position: absolute;
     top: 0;
     left: 0;
 }

 .it-cta-title {
     font-size: 45px;
     line-height: 1.3;
     margin-left: 300px;
     margin-bottom: 0;
     color: var(--it-common-white);
 }

 .it-about-2-icon span,
 .it-about-2-text-2 span,
 .it-about-2-video-icon a,
 .it-about-3-mv-title,
 .it-about-content p {
     color: var(--it-common-black);
 }

 .it-about-right-box,
 .it-team-right-box {
     margin-left: -35px;
 }

 .it-about-2-thumb-sm img,
 .it-about-main-thumb img,
 .it-about-thumb-1 img,
 .it-about-thumb-2 img,
 .it-contact-input-box input,
 .it-footer-thumb img,
 .it-team-3-item,
 .postbox__thumb img {
     border-radius: 5px;
 }

 .it-about-thumb-box {
     margin-right: 80px;
 }

 .it-about-thumb-1 {
     position: absolute;
     top: -55px;
     left: 0;
 }

 .it-about-thumb-2 {
     position: absolute;
     bottom: -65px;
     left: 0;
 }

 .it-about-content h5 {
     font-size: 17px;
     text-transform: uppercase
 }

 .it-about-content p {
     font-size: 17px;
     line-height: 32px
 }

 .it-about-shape-1 {
     position: absolute;
     top: -115px;
     left: -105px;
     z-index: -1;
     animation: .8s infinite alternate itupdown
 }

 .it-about-shape-2 {
     position: absolute;
     right: 75px;
     top: -50px
 }

 .it-about-shape-3 {
     position: absolute;
     bottom: -65px;
     right: 25px
 }

 .it-about-shape-4 {
     position: absolute;
     top: 165px;
     right: 120px;
     animation: 4s linear infinite rotate2
 }

 .it-about-2-thumb-wrap {
     margin-right: 10px
 }

 .it-about-2-bottom {
     margin-right: 50px
 }

 .it-about-2-text-2 span {
     font-size: 22px;
     font-weight: 600;
     line-height: 1.3;
     display: block;
     padding-left: 12px
 }

 .it-about-2-text-2::before {
     content: "";
     position: absolute;
     top: -2px;
     left: 0;
     height: 100%;
     width: 2px;
     background-color: var(--it-common-black)
 }

 .it-about-2-icon span {
     font-size: 18px;
     font-weight: 600;
     line-height: 29px
 }

 .it-about-2-video-icon {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%)
 }

 .it-about-2-video-icon a {
     height: 52px;
     width: 52px;
     border-radius: 50%;
     line-height: 52px;
     display: inline-block;
     text-align: center;
     background-color: var(--it-common-white)
 }

 .it-about-2-video-icon a i {
     display: inline-block;
     margin-left: 3px
 }

 .it-about-2-video-icon a::after {
     position: absolute;
     content: "";
     left: 50%;
     top: 50%;
     width: 80%;
     height: 80%;
     background-color: rgb(255 255 255 / .774);
     animation: 2.5s linear infinite borderanimate2;
     z-index: -1;
     border-radius: 50%
 }

 .it-about-2-video-icon a::before {
     position: absolute;
     content: "";
     left: 50%;
     top: 50%;
     width: 80%;
     height: 80%;
     transform: scale(1.5);
     border: 1px solid rgb(255 255 255 / .774);
     animation: 2s linear infinite borderanimate2;
     z-index: -1;
     border-radius: 50%
 }

 .it-about-2-thumb-sm {
     position: relative;
     border-radius: 5px
 }

 .it-about-2-thumb-sm::after {
     position: absolute;
     content: "";
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgb(1 14 33 / .6);
     border-radius: 5px
 }

 .it-about-2-big-text {
     position: absolute;
     left: -9%;
     bottom: 40%;
     transform: rotate(-90deg)
 }

 .it-about-2-big-text h6 {
     -webkit-text-stroke: 1px #22a3d1;
     color: #fff0;
     font-size: 150px;
     font-weight: 700;
     text-transform: capitalize;
     font-family: var(--it-ff-poppins)
 }

 .it-about-3-mv p,
 .it-about-3-title-box p {
     font-weight: 400;
     color: #4d5756;
     line-height: 32px
 }

 @media only screen and (min-width:1600px) and (max-width:1800px) {
     .it-course-shape-6 {
         right: 40px
     }

     .it-cta-bg {
         left: -8%
     }

     .it-cta-title {
         font-size: 37px
     }

     .it-about-2-big-text h6 {
         font-size: 110px
     }
 }

 .it-about-2-shape-1 {
     position: absolute;
     left: -23%;
     top: -17%;
     animation: 1s infinite alternate forwards itswing;
     transform-origin: bottom left
 }

 .it-about-2-shape-2 {
     position: absolute;
     top: 100px;
     right: 35px;
     animation: .8s infinite alternate itupdown
 }

 @media only screen and (min-width:1600px) and (max-width:1800px),
 only screen and (min-width:1400px) and (max-width:1599px) {
     .it-about-2-shape-2 {
         top: 10px;
         right: 0;
         transform: scale(.5)
     }
 }

 .it-about-3-left-box {
     padding-right: 75px
 }

 .it-about-3-left-shape-1 {
     position: absolute;
     top: 4%;
     right: 31%;
     animation: 3s ease-in-out 3s infinite alternate forwards itrotate
 }

 .it-about-3-left-shape-2 {
     position: absolute;
     bottom: 2%;
     left: -14%;
     z-index: -1;
     animation: 15s linear infinite rotate2
 }

 .it-about-3-left-shape-3 {
     position: absolute;
     bottom: 0;
     right: 18%
 }

 .it-about-3-left-shape-4 {
     position: absolute;
     top: 2%;
     right: 2%;
     animation: 1s infinite alternate forwards itswing;
     transform-origin: bottom right
 }

 .it-about-3-left-shape-5 {
     position: absolute;
     bottom: 13%;
     right: 0;
     z-index: -1
 }

 @media only screen and (min-width:1400px) and (max-width:1599px),
 only screen and (min-width:1200px) and (max-width:1399px),
 only screen and (min-width:992px) and (max-width:1199px),
 only screen and (min-width:768px) and (max-width:991px),
 (max-width:767px) {

     .it-about-2-big-text h6,
     .it-about-3-left-shape-5 {
         display: none
     }
 }

 .it-about-3-title-box p {
     font-size: 17px;
     margin-bottom: 25px
 }

 .it-about-3-mv-item,
 .it-gallery-item {
     margin-bottom: 35px
 }

 .it-about-3-mv-title {
     font-size: 17px;
     font-weight: 700;
     line-height: 1;
     text-transform: capitalize
 }

 .it-about-3-mv p {
     font-size: 17px
 }

 .it-about-4-thumb-wrap,
 .it-contact__bottom-box,
 .it-evn-details-wrap {
     margin-right: 60px
 }

 .it-about-4-thumb-double img,
 .it-about-4-thumb-single img {
     border-radius: 1000px
 }

 .it-about-4-list-icon span {
     margin-top: 7px;
     height: 60px;
     width: 60px;
     line-height: 67px;
     border-radius: 10px;
     display: inline-block;
     text-align: center;
     color: var(--it-common-white);
     background-color: var(--it-theme-3);
     margin-right: 30px;
     font-size: 27px
 }

 .it-about-5-thumb-box {
     margin-left: -23px
 }

 .it-about-5-shape-1 {
     position: absolute;
     top: -15%;
     left: -33%
 }

 .it-about-5-shape-2 {
     position: absolute;
     right: 44%;
     top: 0;
     animation: 1s infinite alternate itleftright
 }

 .it-about-5-shape-3 {
     position: absolute;
     right: 120px;
     top: 0;
     animation: 1s infinite alternate forwards itswing;
     transform-origin: top left
 }

 .it-about-5-shape-4 {
     position: absolute;
     right: 136px;
     bottom: 115px;
     animation: 12s linear infinite rotate2
 }

 .it-video-shape-3,
 .it-video-shape-4 {
     animation: 4s linear infinite rotate2
 }

 .it-about-5-list ul {
     padding: 11px 25px;
     display: inline-block;
     background-color: #f3f5f5;
     border-radius: 5px
 }

 .it-about-5-list ul li {
     list-style-type: none;
     font-size: 17px;
     font-weight: 500;
     line-height: 32px;
     text-transform: capitalize;
     padding-left: 25px;
     position: relative;
     color: #191659;
     display: inline-block
 }

 .it-about-5-list ul li:not(:last-child) {
     padding-right: 45px
 }

 .it-about-5-list ul li i {
     color: var(--it-theme-4);
     position: absolute;
     top: 6px;
     left: 0
 }

 .inner-about-style .it-section-subtitle {
     background-color: #fff0;
     padding-left: 0
 }

 .inner-about-style .it-section-subtitle img {
     margin-right: 3px
 }

 .it-video-bg {
     height: 100%;
     position: relative;
     z-index: 2
 }

 .it-video-bg::after {
     content: "";
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     position: absolute;
     background-color: #0e2a46;
     background-color: transparent;
     opacity: 85%;
     z-index: -1
 }

 .it-video-content>span {
     color: var(--it-common-white);
     font-size: 17px;
     font-weight: 400;
     /* text-transform: capitalize; */
     display: block;
     margin-bottom: 30px
 }

 .it-video-2-play a,
 .it-video-play a.play {
     position: relative;
     z-index: 2;
     margin-bottom: 40px;
     background-color: var(--it-common-white);
     text-align: center
 }

 .it-video-title {
     color: var(--it-common-white);
     font-size: 60px;
     font-weight: 600;
     line-height: 1.2;
     margin-bottom: 20px
 }

 .it-video-play-wrap {
     margin-right: 155px
 }

 /* .it-choose-content-box,
.it-evn-details-wrap .postbox__meta span:not(:last-child) {
    margin-right: 45px
} */

 .it-video-play a.play {
     height: 80px;
     width: 80px;
     line-height: 80px;
     border-radius: 50%;
     font-size: 20px;
     display: inline-block;
     color: var(--blue)
 }

 .it-video-2-play a i,
 .it-video-play a.play i {
     display: inline-block;
     padding-left: 5px
 }

 .it-video-2-play a::after,
 .it-video-play a.play::after {
     position: absolute;
     content: "";
     left: 50%;
     top: 50%;
     width: 60%;
     height: 60%;
     transform: scale(1.5);
     border: 1px solid rgb(255 255 255 / .472);
     animation: 2s linear infinite borderanimate2;
     z-index: -1;
     border-radius: 50%
 }

 .it-video-2-play a::before,
 .it-video-play a.play::before {
     position: absolute;
     content: "";
     left: 50%;
     top: 50%;
     width: 80%;
     height: 80%;
     background-color: rgb(255 255 255 / .472);
     animation: 2s linear infinite borderanimate2;
     z-index: -1;
     border-radius: 50%
 }

 .it-video-play a.text {
     font-size: 20px;
     font-weight: 500;
     display: block;
     text-decoration: underline;
     color: var(--it-common-white)
 }

 .it-video-shape-3 {
     position: absolute;
     top: 70px;
     left: 55px
 }

 @media only screen and (min-width:1400px) and (max-width:1599px) {
     .it-hero-3-shape-5 {
         top: 20%;
         right: 2%
     }

     .it-hero-style-4 .it-hero-3-thumb img {
         margin-right: 0
     }

     .it-hero-style-4 .it-hero-3-shape-3 {
         left: 35%
     }

     .it-course-shape-3 {
         top: 120px
     }

     .it-course-shape-6 {
         right: 0;
         bottom: 20px
     }

     .it-cta-bg {
         left: -8%
     }

     .it-cta-title {
         font-size: 35px;
         margin-left: 400px
     }

     .it-video-title {
         font-size: 55px
     }

     .it-video-shape-3 {
         top: 30px;
         left: 55px
     }
 }

 @media only screen and (min-width:1200px) and (max-width:1399px) {
     .it-hero-style-4 .it-hero-3-shape-3 {
         left: 34%
     }

     .it-hero-style-4 .it-hero-3-shape-5 {
         top: 15%;
         right: 1%
     }

     .it-hero-style-4 .it-hero-3-shape-4 {
         bottom: 2%;
         right: 2%
     }

     .it-hero-5-style .it-hero-5-shape-2 {
         top: 90px;
         left: 12px
     }

     .it-category-title {
         font-size: 17px;
         color: #fff;
     }

     .it-about-2-text-2 span,
     .it-course-title {
         font-size: 19px
     }

     .it-course-shape-3 {
         top: 100px
     }

     .it-course-shape-6 {
         right: 0;
         bottom: 20px
     }

     .it-cta-bg {
         left: -11%
     }

     .it-cta-title {
         font-size: 30px;
         margin-left: 400px
     }

     .it-about-content p {
         font-size: 14px;
         line-height: 26px
     }

     .it-about-3-left-shape-4 {
         top: -4%
     }

     .it-about-5-shape-3 {
         right: 75px;
         top: -30px
     }

     .it-video-title {
         font-size: 42px
     }

     .it-video-shape-3 {
         top: 30px
     }
 }

 .it-video-shape-4 {
     position: absolute;
     bottom: 135px;
     left: 51%
 }

 .it-video-shape-5 {
     position: absolute;
     right: 173px;
     bottom: 65px;
     animation: 1s infinite alternate itleftright
 }

 .it-video-2-thumb img {
     border-radius: 10px;
     max-width: inherit;
     width: 100%
 }

 @media only screen and (min-width:1200px) and (max-width:1399px),
 only screen and (min-width:992px) and (max-width:1199px) {
     .it-hero-2-funfact {
         padding: 27px 15px;
         position: absolute;
         bottom: -12px;
         right: 41%;
         width: 243px
     }

     .it-hero-2-funfact .theme {
         font-size: 30px
     }

     .it-hero-5-style .it-hero-2-thumb>img,
     .it-video-2-thumb img {
         max-width: 100%
     }

     .it-about-2-thumb img {
         transform: scale(.9)
     }

     .it-about-3-left-shape-3 {
         right: 0
     }

     .it-video-content>span {
         font-size: 17px
     }

     .it-event-content>span br {
         display: none
     }
 }

 .it-video-2-play {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 2
 }

 .it-video-2-play a {
     height: 104px;
     width: 104px;
     line-height: 104px;
     border-radius: 50%;
     font-size: 16px;
     display: inline-block;
     color: var(--it-theme-5)
 }

 .it-video-2-shape-1 {
     position: absolute;
     top: 120px;
     left: 33%;
     animation: 1s infinite alternate forwards itswing;
     transform-origin: bottom left
 }

 .it-video-2-shape-2 {
     position: absolute;
     top: 130px;
     right: 105px;
     animation: .8s infinite alternate itupdown
 }

 .it-video-2-shape-3 {
     position: absolute;
     bottom: 85px;
     right: 45%
 }

 .it-video-2-shape-4 {
     position: absolute;
     bottom: 70px;
     right: 60px;
     animation: 1s infinite alternate itleftright
 }

 .it-video-style-4 .it-video-content>span {
     font-size: 15px;
     margin-bottom: 10px;
     text-transform: uppercase;
     color: var(--it-common-white)
 }

 .it-video-style-4 .it-video-title {
     font-size: 45px;
     margin-bottom: 10px
 }

 .it-video-style-4 .it-video-content p {
     color: var(--it-common-white);
     margin-bottom: 30px
 }

 @media only screen and (min-width:992px) and (max-width:1199px) {
     .it-hero-3-thumb img {
         margin-left: 0
     }

     .it-hero-style-4 .it-hero-3-title,
     .it-video-title {
         font-size: 40px
     }

     .it-hero-style-4 .it-hero-3-title-box p br,
     .it-video-2-text p br {
         display: none
     }

     .it-hero-5-style .it-hero-2-content {
         padding: 120px 0
     }

     .it-category-4-title,
     .it-category-title {
         font-size: 15px
     }

     .it-course-title {
         font-size: 17px
     }

     .it-course-price-box a {
         font-size: 12px
     }

     .it-course-2-wrap .it-course-title {
         font-size: 22px
     }

     .it-cta-title {
         margin-left: 0;
         font-size: 28px
     }

     .it-about-main-thumb img {
         max-width: 100%
     }

     .it-about-content p {
         font-size: 12px;
         line-height: 26px
     }

     .it-about-shape-1 {
         top: -78px;
         left: 20px
     }

     .it-about-2-text-2 span {
         font-size: 16px
     }

     .it-about-3-left-shape-4 {
         top: -6%;
         right: 0
     }

     .it-about-4-style .it-about-3-mv-item {
         margin-bottom: 10px
     }

     .it-video-2-shape-1 {
         top: 50px
     }
 }

 .it-price-item {
     padding: 0 50px 50px;
     position: relative;
     overflow: hidden;
     z-index: 1
 }

 .it-price-item-wrap.active .it-price-month span {
     border: 2px solid var(--blue)
 }

 .it-price-item-wrap.active .it-price-list ul li i {
     border: 1px solid var(--it-common-yellow);
     color: var(--it-common-yellow)
 }

 .it-price-item::after {
     position: absolute;
     top: 14%;
     left: 50%;
     transform: translateX(-50%);
     height: 615px;
     width: 615px;
     border-radius: 50%;
     background-color: #f4f4f4;
     content: "";
     z-index: -1
 }

 .it-price-category span {
     color: #fff;
     font-size: 20px;
     font-weight: 600;
     text-transform: uppercase;
     height: 50px;
     line-height: 50px;
     background-color: #f2a227;
     display: inline-block;
     padding: 0 90px;
     transform: translateY(-25px)
 }

 .it-price-month span {
     height: 130px;
     width: 130px;
     line-height: 130px;
     border-radius: 50%;
     text-align: center;
     display: inline-block;
     color: #0ab99d;
     font-size: 35px;
     font-weight: 600;
     text-transform: capitalize;
     background-color: var(--it-common-white);
     border: 2px solid #f2a227;
     margin-top: 20px;
     margin-bottom: 15px
 }

 .it-price-list p,
 .it-price-month span i {
     font-weight: 500;
     text-transform: capitalize
 }

 .it-price-month span i {
     color: #0e2a46;
     font-size: 14px;
     font-style: normal
 }

 .it-price-list p {
     color: #4d5756;
     font-size: 16px;
     margin-bottom: 30px
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .it-hero-5-style .it-hero-2-content {
         padding-bottom: 50px
     }

     .it-hero-5-shape-7 {
         right: 50px
     }

     .it-cta-title {
         margin-left: 0;
         font-size: 25px
     }

     .it-about-shape-1 {
         top: -52px;
         left: 95px
     }

     .it-about-shape-3 {
         bottom: -22px;
         right: -17px
     }

     .it-about-shape-4 {
         top: 241px;
         right: 114px
     }

     .it-about-2-text-2 span {
         font-size: 19px
     }

     .it-video-content>span {
         font-size: 18px
     }

     .it-video-title {
         font-size: 34px
     }

     .it-video-title br {
         display: none
     }

     .it-price-list p {
         font-size: 14px
     }
 }

 .it-price-list ul {
     text-align: left;
     margin-bottom: 20px
 }

 .it-price-list ul li {
     list-style-type: none;
     color: #0e2a46;
     font-size: 17px;
     font-weight: 400;
     line-height: 1;
     padding-bottom: 20px;
     padding-left: 30px;
     position: relative
 }

 .it-price-list ul li i {
     height: 15px;
     width: 15px;
     line-height: 12px;
     display: inline-block;
     border-radius: 50%;
     border: 1px solid var(--blue);
     color: var(--blue);
     font-size: 10px;
     text-align: center;
     position: absolute;
     top: 0;
     left: 0
 }

 .it-choose-content {
     border-radius: 8px;
     padding: 30px 20px;
     background-color: #f8f6f1
 }

 .it-choose-style-2 .it-choose-content,
 .it-contact-timer h6,
 .it-funfact-5-item,
 .it-funfact-icon span {
     background-color: var(--it-common-white)
 }

 .it-choose-content h5 {
     font-size: 15px;
     font-weight: 600;
     line-height: 32px;
     padding-bottom: 8px;
     text-transform: capitalize
 }

 .it-choose-content h5 i {
     margin-right: 10px;
     display: inline-block;
     color: var(--blue)
 }

 .it-choose-content p {
     color: #000;
     font-size: 15px;
     font-weight: 400;
     line-height: 28px;
     margin-bottom: 0;
     padding-right: 6px
 }

 .it-contact-title,
 .it-funfact-5-number,
 .it-funfact-content h6 {
     font-weight: 700;
     text-transform: capitalize
 }

 .it-choose-thumb {
     display: inline-block;
     border: 10px solid var(--it-common-white);
     border: 10px solid #297cc7;
 }

 .it-choose-thumb-box {
     margin-right: 40px
 }

 .it-choose-shape-1 {
     position: absolute;
     top: -30px;
     left: -30px;
     z-index: -1
 }

 .it-choose-shape-2,
 .it-testimonial-3-shape-1 {
     position: absolute;
     bottom: -30px;
     right: -30px;
     z-index: -1
 }

 .it-choose-shape-3 {
     position: absolute;
     top: -80px;
     right: -85px;
     animation: .8s infinite alternate itupdown;
     z-index: -1
 }

 .it-choose-shape-5,
 .it-choose-shape-6,
 .it-choose-shape-7 {
     position: absolute;
     z-index: -1
 }

 .it-choose-shape-4 {
     position: absolute;
     top: 215px;
     left: 40%;
     animation: 1s infinite alternate itleftright
 }

 .it-choose-shape-5 {
     bottom: 0;
     right: 0
 }

 .it-choose-shape-6 {
     top: 115px;
     left: 255px;
     animation: 3s ease-in-out 3s infinite alternate forwards itrotate
 }

 .it-choose-shape-7 {
     top: 135px;
     right: 180px;
     animation: 4s linear infinite rotate2
 }

 .it-funfact-5-shape-1,
 .it-funfact-5-shape-2 {
     animation: 12s linear infinite rotate2;
     position: absolute
 }

 .it-choose-style-2 .it-choose-content {
     border-radius: 5px;
     padding: 20px 23px 23px;
     box-shadow: 0 0 30px 0 rgb(14 42 70 / .08);
     transition: .5s
 }

 .it-choose-style-2 .it-choose-content:hover .it-choose-icon span {
     background-color: var(--it-common-white);
     color: var(--it-theme-4)
 }

 .it-choose-style-2 .it-choose-title {
     font-size: 21px;
     font-style: normal;
     font-weight: 600;
     margin-bottom: 0;
     text-transform: capitalize;
     transition: .5s
 }

 .it-choose-style-2 .it-choose-text p,
 .it-feature-3-style .it-feature-3-content p,
 .it-feature-3-style .it-feature-3-title {
     transition: .5s
 }

 .it-funfact-bg-wrap {
     padding: 55px 70px;
     background-position: center;
     box-shadow: 2px 2px 20px 0 #00000040;
     border-radius: 4px
 }

 .it-funfact-icon span {
     height: 78px;
     width: 78px;
     line-height: 89px;
     text-align: center;
     display: inline-block;
     margin-right: 20px;
     color: var(--it-common-black);
     font-size: 38px;
     box-shadow: 1px 1px 20px 11px #0908080d;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 113px
 }

 .it-feature-2-style .it-feature-icon span i,
 .it-funfact-content,
 .it-team-author-info,
 .rc__meta {
     line-height: 0
 }

 .it-funfact-content h6 {
     font-size: 39px;
     line-height: 1;
     color: var(--it-common-black);
     margin-bottom: 15px
 }

 @media only screen and (min-width:1200px) and (max-width:1399px) {
     .it-price-item {
         padding: 50px 20px
     }

     .it-choose-content h5 {
         font-size: 15px
     }

     .it-choose-content p {
         font-size: 14px
     }

     .it-funfact-content h6 {
         font-size: 35px
     }
 }

 @media only screen and (min-width:992px) and (max-width:1199px) {
     .it-choose-content h5 {
         font-size: 14px
     }

     .it-choose-text p {
         font-size: 13px
     }

     .it-funfact-icon span {
         height: 65px;
         width: 65px;
         line-height: 78px;
         text-align: center;
         display: inline-block;
         margin-right: 15px
     }

     .it-funfact-content h6 {
         font-size: 30px
     }
 }

 @media only screen and (min-width:768px) and (max-width:991px),
 (max-width:767px) {

     .it-choose-text p,
     .meru-custom-accordion .accordion-body p {
         font-size: 14px
     }

     .it-hero-2-thumb {
         transform: translateX(0);
         text-align: center
     }

     .it-hero-2-thumb>img {
         max-width: 100%
     }

     .it-hero-3-thumb img {
         margin-left: 0;
         max-width: 100%
     }

     .it-hero-5-style {
         padding: 100px 0
     }

     .it-category-title {
         font-size: 19px
     }

     .it-course-2-wrap,
     .it-funfact-item {
         margin-bottom: 30px
     }

     .it-course-details-nav button {
         margin-bottom: 15px
     }

     .it-about-main-thumb,
     .it-choose-left {
         margin-bottom: 50px
     }

     .it-about-content p {
         font-size: 14px;
         line-height: 26px
     }

     .it-about-2-thumb-wrap {
         margin-top: 50px
     }

     .it-about-4-thumb-wrap {
         margin: 0 0 60px
     }

     .it-about-5-thumb-box {
         margin-left: 0;
         text-align: center;
         margin-bottom: 50px
     }

     .it-choose-thumb-box,
     .it-video-play-wrap {
         margin-right: 0
     }

     .it-video-2-left {
         margin-bottom: 40px
     }

     .it-choose-content h5 {
         font-size: 16px
     }

     .it-funfact-content h6 {
         font-size: 35px
     }
 }

 .it-funfact-content span {
     font-size: 17px;
     font-weight: 400;
     line-height: 1;
     text-transform: capitalize;
     color: var(--it-common-black)
 }

 @media only screen and (min-width:1200px) and (max-width:1399px) {
     .it-funfact-content span {
         font-size: 15px;
         font-weight: 700;
         line-height: 1.5;
         font-family: 'Roboto';
     }
 }

 @media only screen and (min-width:992px) and (max-width:1199px) {
     .it-funfact-content span {
         font-size: 11px
     }
 }

 @media only screen and (min-width:768px) and (max-width:991px),
 (max-width:767px) {
     .it-funfact-content span {
         font-size: 14px
     }

     .it-contact-left {
         margin-bottom: 50px
     }
 }

 .it-funfact-4-wrap {
     height: 250px;
     width: 250px;
     line-height: 250px;
     text-align: center;
     border: 1px solid var(--it-common-white);
     border-radius: 50%
 }

 .it-funfact-4-item h4 {
     font-size: 45px;
     font-weight: 600;
     text-transform: capitalize;
     color: var(--it-common-white);
     font-family: var(--it-ff-poppins)
 }

 .it-contact-timer h6,
 .it-contact__text>a,
 .it-event-2-meta span {
     font-family: var(--it-ff-heading)
 }

 .it-funfact-4-item p {
     font-size: 16px;
     font-weight: 500;
     color: var(--it-common-yellow);
     margin-bottom: 0
 }

 .it-funfact-5-item {
     padding: 55px 15px 45px;
     border-radius: 5px
 }

 .it-funfact-5-icon {
     height: 87px;
     width: 87px;
     border-radius: 50%;
     line-height: 102px;
     text-align: center;
     margin: 0 auto;
     background-color: var(--it-common-yellow-2);
     position: relative
 }

 .it-funfact-5-icon span {
     font-size: 45px;
     color: var(--it-common-white)
 }

 .it-funfact-5-icon::after {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     border-radius: 50%;
     transform: scale(1.15);
     border: 1px dashed var(--it-common-yellow-2)
 }

 .it-funfact-5-number {
     font-size: 49px;
     margin-bottom: 0
 }

 .it-funfact-5-content span {
     font-size: 21px;
     font-weight: 500;
     text-transform: capitalize;
     color: #4d5756
 }

 .it-funfact-5-shape-1 {
     bottom: 140px;
     left: 100px
 }

 .it-funfact-5-shape-2 {
     top: 95px;
     right: 140px
 }

 .it-contact-shape-1,
 .it-contact-shape-2 {
     animation: 4s linear infinite rotate2;
     position: absolute
 }

 .it-contact-wrap {
     padding: 65px 40px 70px;
     border-radius: 5px;
     background-color: var(--it-common-black)
 }

 .it-contact-title {
     color: var(--it-common-white);
     font-size: 40px;
     line-height: 1.3
 }

 @media only screen and (min-width:1200px) and (max-width:1399px) {
     .it-contact-title {
         font-size: 34px
     }

     .it-event-left {
         padding-right: 70px
     }
 }

 .it-signup-title,
 .it-student-title {
     font-size: 30px;
     text-transform: uppercase
 }

 .it-contact-textarea-box textarea {
     border-radius: 5px;
     height: 120px;
     padding-top: 15px
 }

 .it-contact-timer-box {
     margin-right: 70px
 }

 @media only screen and (min-width:992px) and (max-width:1199px),
 only screen and (min-width:768px) and (max-width:991px),
 (max-width:767px) {

     .it-course-author>span,
     .it-course-sidebar-rate span {
         font-size: 14px
     }

     .it-about-thumb-box,
     .it-choose-content-box,
     .it-course-details-wrap {
         margin-right: 0
     }

     .it-course-sidebar-rate span.rate {
         font-size: 18px
     }

     .it-course-sidebar-rate-box i {
         font-size: 12px
     }

     .it-about-right-box {
         margin-left: 0
     }

     .it-about-2-icon span {
         font-size: 16px
     }

     .it-price-item {
         padding: 30px 30px 50px
     }

     .it-choose-content p {
         font-size: 12px;
         padding-right: 0
     }

     .it-choose-style-2 .it-choose-thumb-box {
         margin-bottom: 40px
     }

     .it-contact-timer-box {
         margin-right: 0;
         margin-bottom: 40px
     }
 }

 .it-contact-timer h6 {
     font-size: 50px;
     font-weight: 500;
     padding: 45px 10px 35px;
     margin-bottom: 0;
     border-radius: 5px 5px 0 0;
     color: var(--it-common-black);
     line-height: 1
 }

 .it-contact-timer i {
     display: block;
     font-size: 14px;
     font-style: normal;
     height: 40px;
     line-height: 40px;
     border-radius: 0 0 5px 5px;
     background-color: var(--it-common-yellow);
     color: var(--it-common-white)
 }

 .it-contact-shape-1 {
     top: 165px;
     left: 140px
 }

 .it-contact-shape-2 {
     top: 175px;
     left: 46%
 }

 .it-contact-shape-3 {
     position: absolute;
     top: 115px;
     right: 55px;
     animation: 1s infinite alternate itleftright
 }

 .it-contact-shape-4,
 .it-contact-style-2 .it-contact-shape-4 {
     position: absolute;
     right: 130px;
     bottom: 190px;
     animation: 4s linear infinite rotate2
 }

 .it-contact-shape-5,
 .it-contact-style-2 .it-contact-shape-5 {
     position: absolute;
     bottom: 180px;
     left: 0
 }

 .it-contact-style-2 .it-contact-shape-1 {
     position: absolute;
     top: 165px;
     left: 140px;
     animation: 3s ease-in-out 3s infinite alternate forwards itrotate
 }

 .it-contact-style-2 .it-contact-shape-2 {
     position: absolute;
     top: 175px;
     left: 46%
 }

 .it-contact-style-2 .it-contact-shape-3 {
     position: absolute;
     top: 115px;
     right: 55px
 }

 @media only screen and (min-width:992px) and (max-width:1199px) {
     .it-funfact-4-wrap {
         height: 220px;
         line-height: 220px
     }

     .it-contact-title {
         font-size: 30px
     }

     .it-contact-timer h6 {
         padding: 25px 10px 10px;
         font-size: 30px
     }

     .it-contact-shape-1 {
         top: 50px;
         left: 140px
     }

     .it-contact-shape-2,
     .it-contact-style-2 .it-contact-shape-2 {
         top: 50px;
         left: 68%
     }

     .it-contact-shape-4,
     .it-contact-style-2 .it-contact-shape-4 {
         bottom: 40px
     }
 }

 .it-contact-input-box label,
 .it-contact-textarea-box label {
     font-size: 18px;
     font-weight: 700;
     margin-bottom: 5px;
     color: var(--it-common-black);
     font-family: var(--it-ff-heading)
 }

 .it-contact__wrap {
     padding: 20px 20px 20px;
     background-color: #f2f2f2;
 }

 .it-contact__content {
     padding: 25px 20px 25px;
     background-color: var(--it-common-white);
 }

 .it-contact__content ul li,
 .your-order-table table .shipping ul li {
     list-style: none
 }

 .checkout-form-list,
 .it-contact__content ul li:not(:last-child),
 .mb-30,
 .postbox__comment-agree {
     margin-bottom: 15px
 }

 .it-contact__text span {
     color: #4d5756;
     font-size: 16px;
     font-weight: 400;
     line-height: 30px;
     text-transform: capitalize
 }

 .it-contact__text>a {
     display: block;
     font-size: 16px;
     font-weight: 700;
     line-height: 26px;
     color: var(--it-common-black);
 }

 @media(max-width:767px) {
     .it-hero-style-4.it-hero-space {
         padding-top: 120px
     }

     .it-hero-style-4 .it-hero-3-thumb img {
         margin-right: 0;
         max-width: 100%;
         margin-top: 50px
     }

     .it-hero-5-style .it-hero-2-thumb {
         transform: translateX(0)
     }

     .it-category-title-box,
     .it-contact-timer,
     .it-course-style-2 .it-course-title-box {
         margin-bottom: 30px
     }

     .it-course-thumb-text span {
         font-size: 12px
     }

     .it-course-title {
         font-size: 18px
     }

     .it-course-2-wrap .it-course-title {
         font-size: 19px
     }

     .it-cta-title {
         margin-left: 0;
         font-size: 21px;
         margin-bottom: 30px
     }

     .it-about-main-thumb img {
         width: 100%
     }

     .it-about-content {
         margin-bottom: 15px
     }

     .it-about-content-wrapper,
     .it-choose-style-2 .it-choose-content {
         flex-wrap: wrap
     }

     .it-about-2-bottom {
         margin-right: 0;
         flex-wrap: wrap
     }

     .it-about-2-text-2 span,
     .it-video-content>span {
         font-size: 15px
     }

     .it-about-2-video {
         margin-top: 30px
     }

     .it-about-3-left-box {
         padding-right: 0
     }

     .it-video-content {
         margin-bottom: 50px
     }

     .it-video-title {
         font-size: 28px
     }

     .it-contact-style-2 .it-contact-wrap p br,
     .it-video-2-text p br,
     .it-video-title br {
         display: none
     }

     .it-price-item {
         padding: 30px 20px 50px
     }

     .it-choose-style-2 .it-choose-icon span {
         margin-bottom: 20px
     }

     .it-contact-wrap {
         padding: 30px 20px
     }

     .it-contact-title {
         font-size: 25px
     }

     .it-contact-style-2 .it-contact-wrap p {
         font-size: 14px
     }

     .it-contact__wrap {
         padding: 40px 20px
     }

     .it-contact__text>a {
         font-size: 16px;
         display: inline-block
     }

     .it-contact__text>a br {
         display: none
     }

     .it-contact__icon {
         margin-bottom: 20px;
         margin-right: 0
     }
 }

 .it-contact__icon span {
     font-size: 15px;
     color: var(--blue);
     display: inline-block;
     height: 40px;
     width: 40px;
     line-height: 40px;
     text-align: center;
     border-radius: 50%;
     background-color: rgb(10 185 156 / .1)
 }

 .it-signup-input input,
 .it-signup-text span {
     font-size: 16px;
     font-weight: 400;
     font-style: normal
 }

 .it-contact__icon span .phone {
     transform: rotate(100deg)
 }

 /* .it-contact__right-box {
                    margin-right: 72px
                } */

 .it-contact__right-box .it-footer-social a {
     height: 35px;
     width: 35px;
     line-height: 35px;
     color: var(--blue);
     background-color: rgb(10 185 156 / .1)
 }

 .it-contact__right-box .it-footer-social a:hover,
 .it-contact__scrool a,
 .it-event-style-3 .it-event-2-item:hover .it-event-2-date span,
 .it-event-style-4 .it-event-2-item:hover .it-event-2-date span,
 .it-team-3-style-2 .it-team-3-author-box span {
     color: var(--it-common-white)
 }

 .it-contact__scrool a i {
     display: inline-block;
     margin-right: 8px
 }

 .it-contact__form-box .it-contact-textarea-box textarea {
     padding-top: 10px;
     height: 95px
 }

 .it-signup-bg {
     background-color: #f2f2f2
 }

 .it-signup-wrap {
     padding: 110px 70px
 }

 .it-signup-title {
     font-style: normal;
     font-weight: 700;
     line-height: 1;
     color: #0a0909;
     padding-bottom: 20px;
     margin-bottom: 30px;
     border-bottom: 1px solid #e2e1e1
 }

 .it-signup-input input {
     border-radius: 5px;
     color: #0e2a46;
     text-transform: capitalize
 }

 .it-signup-input input::placeholder {
     color: #0e2a46;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     text-transform: capitalize
 }

 .it-signup-text span {
     color: #4d5756;
     line-height: 1
 }

 .it-signup-thumb {
     position: absolute;
     right: 0;
     top: 0;
     width: 50%;
     height: 100%
 }

 .it-signup-thumb img {
     height: 100%;
     width: 100%
 }

 .it-signup-forget a {
     color: red
 }

 .it-signup-agree .form-check-input:checked {
     background-color: var(--it-common-black);
     border-color: #fff0
 }

 .it-signup-agree .form-check-input.form-check-input[type=checkbox] {
     border-radius: 2px;
     margin-top: 8px;
     height: 15px;
     width: 15px;
     padding: 0
 }

 .it-student-regiform-item input,
 .postbox__resume {
     border: 1px solid #cacaca
 }

 .it-student-bg {
     background-color: #f3f5f5;
     padding: 100px 70px
 }

 .it-student-title {
     color: #0e2a46;
     font-weight: 700;
     line-height: 30px;
     margin-bottom: 40px
 }

 .it-student-subtitle {
     color: #0e2a46;
     font-size: 20px;
     font-weight: 700;
     line-height: 1;
     text-transform: capitalize;
     margin-bottom: 10px
 }

 .it-student-content p {
     color: #333931;
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
     line-height: 32px;
     text-transform: capitalize
 }

 .it-student-regiform-item {
     margin-bottom: 25px
 }

 .it-student-regiform-item label {
     color: #0e2a46;
     font-size: 14px;
     font-weight: 500;
     line-height: normal;
     text-transform: capitalize;
     margin-bottom: 10px
 }

 .it-student-regiform-title {
     color: #0e2a46;
     font-size: 20px;
     font-weight: 600;
     text-transform: capitalize;
     margin-bottom: 30px;
     display: inline-block
 }

 .postbox__select {
     display: inline-block;
     width: 100%
 }

 .postbox__select .nice-select {
     width: 100%;
     border: 1px solid #cacaca;
     height: 58px;
     line-height: 58px;
     padding: 0 20px;
     position: relative;
     background-color: var(--it-common-white)
 }

 .postbox__select .nice-select::after {
     border: none;
     background-color: #fff0;
     transform: translateY(-45%);
     margin-top: -4px;
     right: 20px;
     content: "\f107";
     font-family: "font awesome 5 pro";
     transform-origin: center;
     color: #0e2a46;
     font-weight: 500;
     height: auto;
     width: auto
 }

 .postbox__select .nice-select span {
     font-weight: 500;
     font-size: 15px;
     color: #0e2a46
 }

 .postbox__select .nice-select.open::after {
     transform: translateY(-45%) rotate(-180deg)
 }

 .country-select .nice-select .list,
 .it-gallery-thumb img,
 .it-menu-mobile ul li img,
 .it-value-right-img img,
 .order-button-payment button,
 .postbox__content-img img,
 .postbox__select .nice-select .list {
     width: 100%
 }

 .postbox__select .nice-select .list li:last-child {
     border-bottom: 0
 }

 .postbox__select .nice-select .selected {
     color: #0e2a46;
     font-weight: 600
 }

 .postbox__resume {
     height: 25px;
     line-height: 25px;
     display: inline-block;
     padding: 0 15px;
     color: #4d5756;
     font-size: 14px;
     font-weight: 400;
     text-transform: capitalize;
     border-radius: 5px
 }

 .payment-method .accordion-collapse,
 .postbox__resume.border-transparent {
     border: none
 }

 .it-feature-style-2 .it-feature-icon,
 .it-instructor-style .it-student-regiform-item input,
 .it-instructor-style .postbox__select .nice-select,
 .it-sub-bg-none .it-section-subtitle {
     background-color: #fff0
 }

 .it-instructor-wrap,
 .it-menu-mobile .home-img,
 .it-teacher-details-left-info,
 .it-teacher-details-right-title-box {
     margin-bottom: 40px
 }

 .it-instructor-wrap .it-signup-agree .form-check-input.form-check-input[type=checkbox] {
     border-radius: 2px;
     margin-top: 0;
     margin-right: 10px;
     height: 15px;
     width: 15px;
     padding: 0;
     transform: translateY(26px)
 }

 .it-instructor-wrap .form-check label {
     color: #333931;
     font-size: 15px;
     font-weight: 400;
     line-height: 32px;
     text-transform: capitalize;
     margin-left: 7px
 }

 .it-event-content>span {
     color: var(--it-common-black);
     font-size: 17px;
     font-weight: 600;
     line-height: 1.9;
     display: block;
     padding-bottom: 25px
 }

 .it-event-content p {
     font-size: 17px;
     font-style: normal;
     font-weight: 400;
     line-height: 32px;
     margin-bottom: 30px;
     padding-right: 50px
 }

 .it-event-thumb-box {
     margin-left: -31px
 }

 .it-event-shape-1 {
     position: absolute;
     top: 15px;
     left: 0
 }

 .it-event-shape-3 {
     position: absolute;
     top: 210px;
     left: 565px
 }

 .it-event-shape-4 {
     position: absolute;
     top: 140px;
     left: 95px;
     animation: 4s linear infinite rotate2
 }

 .it-event-shape-5 {
     position: absolute;
     left: 721px;
     bottom: 165px;
     animation: .8s infinite alternate itupdown
 }

 .it-event-shape-6 {
     position: absolute;
     top: 150px;
     right: 77px;
     animation: 4s linear infinite rotate2
 }

 .it-gallery-shape-1,
 .it-gallery-shape-2 {
     animation: 1s infinite alternate forwards itswing
 }

 .it-event-2-content {
     padding: 30px;
     background: #f3f5f7
 }

 .it-event-2-title {
     font-size: 21px;
     margin-bottom: 20px;
     line-height: 1.4
 }

 .blog-title a,
 .it-event-2-title a {
     transition: .3s
 }

 .it-event-2-meta span {
     font-size: 14px;
     font-weight: 400;
     text-transform: capitalize
 }

 .it-feature-3-title,
 .it-team-3-title,
 .it-testimonial-3-author-info h5,
 .it-work-title-sm {
     font-family: var(--it-ff-poppins)
 }

 .it-event-2-meta span i {
     font-size: 15px;
     margin-right: 2px;
     display: inline-block;
     color: var(--it-theme-4)
 }

 .it-event-2-thumb img {
     width: 100%;
     transition: .9s
 }

 .it-event-2-date {
     position: absolute;
     top: 20px;
     right: 20px;
     height: 80px;
     width: 80px;
     border-radius: 5px;
     text-align: center;
     background-color: var(--it-theme-4);
     border: 1px solid var(--it-common-white);
     transition: .3s
 }

 .it-event-2-date span {
     display: inline-block;
     font-size: 16px;
     font-weight: 400;
     line-height: 20px;
     transform: translateY(20px);
     color: var(--it-common-white)
 }

 .it-event-2-date span i {
     font-size: 30px;
     font-style: normal;
     font-weight: 700
 }

 .it-event-style-3 .it-event-2-item,
 .it-event-style-4 .it-event-2-item {
     border-radius: 5px;
     background: #fff;
     box-shadow: 0 0 25px 0 rgb(0 0 0 / .1)
 }

 .it-event-style-3 .it-event-2-content {
     padding: 18px 30px
 }

 .it-event-style-4 .it-event-2-date span {
     color: var(--it-common-black);
     transition: .3s
 }

 .it-evn-details-thumb img {
     width: 100%;
     border-radius: 10px
 }

 .it-evn-details-title {
     font-size: 45px;
     font-weight: 700;
     text-transform: capitalize;
     line-height: 1.2
 }

 .it-evn-details-text p {
     font-size: 16px;
     padding-right: 35px
 }

 .it-evn-details-wrap .postbox__meta span {
     color: #4d5756;
     font-size: 21px
 }

 @media only screen and (min-width:1400px) and (max-width:1599px),
 only screen and (min-width:1200px) and (max-width:1399px) {
     .it-evn-details-text p {
         padding-right: 0
     }

     .it-evn-details-wrap .postbox__meta span {
         font-size: 16px
     }
 }

 .it-evn-sidebar-box {
     padding: 25px 20px;
     border-radius: 5px;
     background-color: #f2f2f2;
     margin-left: -30px
 }

 .it-evn-sidebar-list ul li {
     list-style: none;
     color: #4d5756;
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize;
     line-height: 30px
 }

 .it-evn-sidebar-list ul li:not(:last-child) {
     margin-bottom: 21px
 }

 .it-gallery-item:hover .it-gallery-thumb::after {
     -webkit-transform: perspective(400px) rotateX(0) scaleY(1);
     -ms-transform: perspective(400px) rotateX(0) scaleY(1);
     transform: perspective(400px) rotateX(0) scaleY(1);
     transition: .7s ease-in-out .1s
 }

 .it-gallery-item:hover .it-gallery-icon {
     transform: translate(-50%, -50%) scale(1)
 }

 .it-gallery-thumb {
     position: relative;
     overflow: hidden
 }

 .it-gallery-thumb::after {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     content: "";
     background-color: rgb(14 42 70 / .8);
     -webkit-transform: perspective(400px) rotateX(90deg) scaleY(.5);
     -ms-transform: perspective(400px) rotateX(90deg) scaleY(.5);
     transform: perspective(400px) rotateX(90deg) scaleY(.5);
     -webkit-transform-origin: center;
     -ms-transform-origin: center;
     transform-origin: center;
     transition: .5s ease-in-out .1s;
     z-index: 1
 }

 .it-gallery-icon {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%) scale(0);
     z-index: 2;
     transition: .5s
 }

 .it-gallery-icon a {
     color: var(--it-common-white);
     font-size: 40px;
     display: inline-block
 }

 .it-gallery-shape-1 {
     position: absolute;
     top: 160px;
     left: 135px
 }

 .it-gallery-shape-2 {
     position: absolute;
     top: 115px;
     right: 120px
 }

 .it-gallery-shape-3 {
     position: absolute;
     bottom: 80px;
     right: 130px
 }

 .it-testimonial-ptb {
     padding-top: 90px;
     padding-bottom: 90px
 }

 .it-testimonial-arrow button {
     font-size: 20px;
     height: 56px;
     width: 56px;
     line-height: 56px;
     background-color: var(--blue);
     color: var(--it-common-white);
     transition: .3s
 }

 .it-testimonial-arrow button:hover {
     background-color: #000;
     color: var(--it-common-white)
 }

 .it-testimonial-nav-item.slick-slide,
 .procedure .col-md-4 {
     margin: 10px 0
 }

 .it-testimonial-nav-item.slick-slide .it-testimonial-nav-thumb img {
     text-align: center;
     display: inline-block
 }

 .it-testimonial-nav-item.slick-current .it-testimonial-nav-thumb img {
     transform: scale(1.4)
 }

 .it-testimonial-slide-wrap {
     background-color: var(--it-common-black);
     padding: 80px 50px
 }

 .it-testimonial-slide-quote {
     height: 100px;
     width: 100px;
     background-color: var(--blue);
     background-color: #f5c307;
     color: var(--it-common-white);
     text-align: center;
     line-height: 108px;
     font-size: 40px;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: -30px
 }

 .it-testimonial-user-name {
     font-size: 23px;
     font-weight: 700;
     line-height: 1;
     text-transform: capitalize;
     color: var(--it-common-white)
 }

 .it-testimonial-slide-info span {
     font-size: 13px;
     font-weight: 500;
     line-height: 1;
     margin-bottom: 30px;
     display: inline-block;
     color: var(--blue);
     text-transform: uppercase;
     color: #f5c307
 }

 .it-testimonial-slide-info p {
     font-size: 17px;
     font-weight: 400;
     line-height: 32px;
     margin-bottom: 0;
     color: var(--it-common-white);
     padding-right: 50px
 }

 .it-testimonial-shape-1 {
     position: absolute;
     bottom: 0;
     left: 0
 }

 .it-testimonial-3-wrapper {
     border-radius: 5px;
     padding: 75px 50px 60px 70px;
     background-repeat: no-repeat;
     background-size: cover;
     margin-left: -30px
 }

 .it-testimonial-3-content p {
     font-size: 17px;
     font-style: normal;
     font-weight: 400;
     line-height: 32px;
     margin-bottom: 45px;
     padding-left: 25px;
     color: var(--it-common-white)
 }

 .it-testimonial-3-quote {
     position: absolute;
     top: 40px;
     left: 60px
 }

 .it-testimonial-3-author-info h5 {
     font-size: 20px;
     font-weight: 700;
     line-height: 24px;
     color: var(--it-common-white)
 }

 .it-career-content p,
 .it-class-rate span,
 .it-footer-top-text a {
     font-family: var(--it-ff-heading)
 }

 .it-testimonial-3-author-info span {
     color: var(--it-common-white);
     font-size: 16px;
     font-weight: 400;
     line-height: 1
 }

 .it-testimonial-3-avata {
     margin-right: 27px;
     position: relative
 }

 .it-testimonial-3-avata::after {
     content: "";
     top: 50%;
     left: 50%;
     height: 100%;
     width: 100%;
     position: absolute;
     border-radius: 50%;
     transform: translate(-50%, -50%) scale(1.2);
     border: 1px dashed var(--blue)
 }

 .it-testimonial-3-avata img {
     border-radius: 50%;
     height: 90px;
     width: 90px
 }

 .it-testimonial-3-active,
 .it-testimonial-5-active {
     padding: 20px;
     margin: -20px
 }

 .test-slider-dots {
     position: absolute;
     bottom: 45px;
     right: 50px;
     z-index: 5
 }

 .test-slider-dots .swiper-pagination-bullet {
     height: 10px;
     width: 10px;
     border-radius: 50%;
     position: relative;
     display: inline-block;
     background-color: var(--it-common-white);
     margin: 0 8px;
     z-index: 2
 }

 .test-slider-dots .swiper-pagination-bullet::after {
     position: absolute;
     content: "";
     top: 50%;
     left: 50%;
     height: 100%;
     width: 100%;
     border-radius: 50%;
     border: 1px solid var(--it-common-yellow);
     transform: translate(-50%, -50%) scale(2);
     opacity: 0;
     visibility: hidden;
     transition: .3s
 }

 .it-header-2-main-menu nav>ul>li.p-static,
 .test-slider-dots.style-2 {
     position: static
 }

 .test-slider-dots.style-2>.swiper-pagination-bullet {
     background-color: var(--it-common-black);
     opacity: 100%
 }

 .it-testimonial-5-item-wrap .it-testimonial-3-author-box {
     padding-left: 235px
 }

 .it-testimonial-5-item {
     padding: 75px 65px 75px 50px;
     border-radius: 20px;
     background-color: var(--it-theme-4);
     position: relative
 }

 .it-testimonial-5-item::after {
     position: absolute;
     content: "";
     bottom: -7%;
     left: 20%;
     width: 115px;
     height: 100px;
     background-color: var(--it-theme-4);
     clip-path: polygon(0 0, 82% 0, 100% 100%);
     transform: rotate(-145deg)
 }

 .it-testimonial-5-text p {
     font-size: 17px;
     font-weight: 400;
     line-height: 32px;
     margin-bottom: 0;
     color: var(--it-common-white)
 }

 .it-testimonial-5-shape-1 {
     position: absolute;
     left: 35px;
     bottom: 300px;
     animation: 12s linear infinite rotate2
 }

 .it-testimonial-5-shape-2 {
     position: absolute;
     top: 160px;
     left: 355px
 }

 .it-testimonial-5-shape-3 {
     position: absolute;
     top: 140px;
     right: 255px;
     animation: 1s infinite alternate forwards itswing
 }

 .it-testimonial-5-shape-4 {
     position: absolute;
     bottom: 260px;
     right: 70px
 }

 .it-testimonial-5-shape-5 {
     position: absolute;
     top: 140px;
     left: 250px;
     animation: 4s linear infinite rotate2
 }

 .it-testimonial-5-shape-6 {
     position: absolute;
     top: 170px;
     right: 110px;
     animation: .8s infinite alternate itupdown
 }

 .it-testimonial-5-shape-7 {
     position: absolute;
     left: 75px;
     bottom: 230px
 }

 .it-testimonial-style-2 .it-testimonial-5-item {
     padding: 50px 75px 40px 50px;
     border-radius: 0;
     background-color: var(--it-common-black)
 }

 #ship-box-info,
 .coupon-checkout-content,
 .create-account,
 .it-choose-icon .black_icon,
 .it-choose-style-2 .it-choose-content:hover .white_icon,
 .it-footer-top-info.border-none::after,
 .it-menu-mobile .it-submenu,
 .it-testimonial-style-2 .it-testimonial-3-avata::after,
 .it-testimonial-style-2 .it-testimonial-5-item::after {
     display: none
 }

 .it-testimonial-style-2 .it-testimonial-3-avata {
     border-radius: 50%;
     border: 2px solid var(--it-common-white)
 }

 .it-testimonial-style-2 .it-testimonial-5-star i {
     font-size: 14px;
     color: #d3a500
 }

 .it-testimonial-style-2 .it-testimonial-5-quote {
     position: absolute;
     top: 50px;
     right: 65px
 }

 .it-testimonial-4-style .swiper-pagination-bullet {
     opacity: 1
 }

 .it-team-text p {
     padding-right: 60px
 }

 .it-team-thumb::after {
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     position: absolute;
     background-color: rgb(14 42 70 / .5);
     opacity: 0;
     visibility: hidden;
     transition: .3s
 }

 .it-team-thumb img {
     border-radius: 5px;
     transition: .9s;
     width: 100%
 }

 .it-team-thumb-box {
     border-radius: 5px;
     overflow: hidden;
     border: 6px solid var(--blue)
 }

 .it-team-author-box {
     position: absolute;
     bottom: 20px;
     left: 30px;
     right: 28px;
     border-radius: 5px;
     padding: 15px 24px 7px;
     background-color: var(--it-common-white)
 }

 .it-team-social,
 .it-team-social::after {
     left: 50%;
     background-color: var(--it-common-white);
     position: absolute
 }

 .it-team-author-name {
     font-size: 20px;
     font-weight: 700;
     margin-bottom: 0;
     line-height: 1;
     text-transform: capitalize
 }

 .it-team-author-info span {
     color: var(--blue);
     font-size: 13px;
     font-weight: 500;
     line-height: 32px;
     text-transform: capitalize
 }

 .it-team-link a {
     height: 30px;
     width: 30px;
     border-radius: 50%;
     display: inline-block;
     background-color: rgb(10 185 156 / .2)
 }

 .it-team-link a svg {
     display: inline-block;
     color: var(--blue);
     transform: translate(-5px, -2px)
 }

 .it-team-social-box {
     position: absolute;
     top: 35px;
     right: 30px
 }

 @media only screen and (min-width:1200px) and (max-width:1399px),
 only screen and (min-width:992px) and (max-width:1199px),
 (max-width:767px) {
     .it-course-info>span {
         font-size: 11px
     }

     .it-team-social-box {
         top: 20px
     }
 }

 .it-team-social-box:hover .it-team-social {
     opacity: 1;
     visibility: visible;
     left: 0
 }

 .it-team-social-box button {
     height: 45px;
     width: 45px;
     left: 0;
     line-height: 48px;
     border-radius: 50%;
     padding: 0;
     background-color: var(--blue);
     color: var(--it-common-white)
 }

 .it-team-social {
     bottom: -155px;
     padding: 5px 13px;
     opacity: 0;
     visibility: hidden;
     transition: .4s;
     z-index: 9
 }

 .it-team-social::after {
     content: "";
     top: -9px;
     width: 12px;
     height: 12px;
     transform: translateX(-50%);
     clip-path: polygon(50% 0%, 0% 100%, 100% 100%)
 }

 .it-team-social a {
     font-size: 18px;
     color: var(--blue)
 }

 .it-team-shape-1 {
     position: absolute;
     left: 35%;
     top: 200px;
     animation: 4s linear infinite rotate2
 }

 .it-team-shape-2 {
     position: absolute;
     top: 350px;
     left: 50px;
     animation: 1s infinite alternate itleftright
 }

 .it-team-shape-3 {
     position: absolute;
     bottom: 170px;
     left: 35%;
     animation: 4s linear infinite rotate2
 }

 .it-team-3-bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 70.6%;
     z-index: -1
 }

 .it-team-3-bg.overley::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background-color: rgb(14 42 70 / .85)
 }

 .it-team-3-content {
     border-radius: 0 0 5px 5px;
     padding: 0 15px 30px;
     background-color: var(--it-common-black)
 }

 .it-team-3-content span {
     color: var(--it-common-yellow);
     font-size: 15px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     text-transform: capitalize
 }

 .it-team-3-thumb {
     border-radius: 5px 5px 0 0;
     position: relative
 }

 .it-team-3-thumb::after {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 0%;
     content: "";
     opacity: 0;
     visibility: hidden;
     transition: .4s ease-in-out;
     background: rgb(48 55 63 / .7)
 }

 .it-team-3-social-wrap,
 .it-team-3-social-wrap::after {
     background-color: var(--it-common-white);
     position: absolute
 }

 .it-team-3-thumb img {
     border-radius: 5px 5px 0 0;
     width: 100%;
     transition: .9s
 }

 .it-team-3-title {
     color: var(--it-common-white);
     font-size: 18px;
     font-weight: 700;
     line-height: 24px;
     text-transform: uppercase;
     margin-bottom: 2px
 }

 .it-team-3-social-box {
     display: inline-block;
     transform: translateY(-22px)
 }

 .it-team-3-social-box button {
     height: 40px;
     width: 40px;
     line-height: 43px;
     border-radius: 50%;
     text-align: center;
     display: inline-block;
     color: var(--it-common-black);
     background-color: var(--it-common-yellow);
     transition: .3s;
     padding: 0
 }

 .it-team-3-social-box:hover button {
     background-color: var(--it-theme-2);
     color: var(--it-common-white)
 }

 .it-team-3-social-box:hover .it-team-3-social-wrap {
     bottom: 140%;
     opacity: 1;
     visibility: visible
 }

 .it-team-3-social-wrap {
     display: inline-block;
     padding: 11px 13px;
     bottom: 190%;
     left: 0;
     opacity: 0;
     visibility: hidden;
     transition: .3s
 }

 .it-team-3-social-wrap::after {
     content: "";
     bottom: -5px;
     left: 50%;
     height: 10px;
     width: 10px;
     transform: translateX(-50%) rotate(-45deg)
 }

 .it-team-3-social-wrap>a {
     display: table;
     color: var(--it-common-yellow);
     line-height: 0;
     transition: .3s
 }

 .it-team-3-item:hover .it-team-3-thumb img {
     transform: scale(1.1)
 }

 .it-team-3-item:hover .it-team-3-thumb::after {
     opacity: 1;
     visibility: visible;
     height: 100%
 }

 .it-team-3-shape-1 {
     position: absolute;
     left: 35px;
     top: 440px
 }

 .it-team-3-shape-2 {
     position: absolute;
     top: 115px;
     left: 365px;
     animation: 12s linear infinite rotate2
 }

 .it-faq-shape-1,
 .it-faq-shape-2,
 .it-team-3-shape-3 {
     animation: 1s infinite alternate forwards itswing;
     position: absolute
 }

 .it-team-3-shape-3 {
     top: 150px;
     right: 320px
 }

 .it-team-3-style-2 .it-team-3-item:hover .it-team-3-social-box button,
 .it-team-3-style-3 .it-team-3-item:hover .it-team-3-social-box button {
     background-color: var(--it-common-yellow);
     color: var(--it-common-white)
 }

 .it-team-3-style-2 .it-team-3-content {
     background-color: var(--it-common-yellow);
     transition: .3s
 }

 .it-team-3-style-3 .it-team-3-social-box button {
     color: var(--it-common-white);
     background-color: var(--blue)
 }

 .it-teacher-details-wrap {
     background-color: #f3f5f5;
     padding: 50px
 }

 .it-teacher-details-left-thumb img {
     width: 100%;
     margin-bottom: 30px
 }

 .it-teacher-details-left-social {
     padding-bottom: 30px;
     margin-bottom: 30px;
     border-bottom: 1px solid #d9d9d9
 }

 .it-teacher-details-left-social a {
     height: 45px;
     width: 45px;
     border-radius: 50%;
     line-height: 45px;
     text-align: center;
     display: inline-block;
     background-color: var(--it-common-white);
     margin: 0 6px
 }

 .it-blog-style-6 .it-btn:hover,
 .it-class-item.active .it-class-meta-box,
 .it-class-item:hover .it-class-meta-box,
 .it-class-rate span,
 .it-pagination ul li a.color,
 .it-pagination ul li a.current,
 .it-pagination ul li a:hover,
 .it-pagination ul li span.current,
 .it-pagination ul li span:hover {
     background-color: var(--it-theme-5)
 }

 .it-footer-list ul li,
 .it-teacher-details-left-info ul li {
     list-style-type: none;
     position: relative;
     padding-left: 30px
 }

 .it-teacher-details-left-info ul li a {
     color: #4d5756;
     font-size: 15px;
     font-weight: 400;
     line-height: 1
 }

 .it-teacher-details-left-info ul li i {
     color: var(--blue);
     position: absolute;
     top: 8px;
     left: 0
 }

 .it-teacher-details-right {
     background-color: var(--it-common-white);
     padding: 60px;
     margin-left: 20px
 }

 .it-teacher-details-right-title-box h4 {
     color: #0e2a46;
     font-size: 30px;
     font-weight: 700;
     text-transform: uppercase
 }

 .it-teacher-details-right-title-box span {
     color: #4d5756;
     font-size: 13px;
     font-weight: 500;
     line-height: 1;
     text-transform: uppercase;
     margin-bottom: 30px;
     display: inline-block
 }

 .it-teacher-details-right .it-progress-bar-wrap .it-progress-bar-item {
     padding: 5px 0
 }

 .it-teacher-details-right .it-progress-bar-wrap .it-progress-bar .progress-bar span {
     top: -22px
 }

 .it-faq-wrap {
     margin-right: -20px;
     transform: translateX(-40px)
 }

 .it-faq-thumb img {
     border-radius: 5px;
     max-width: inherit
 }

 .it-faq-shape-1 {
     bottom: 160px;
     left: 80px
 }

 .it-faq-shape-2 {
     top: 15px;
     right: 155px
 }

 .it-career-bg {
     background: linear-gradient(180deg, #f2f2f2 0, #fff0 100%)
 }

 .it-career-item {
     border-radius: 5px;
     padding: 80px 30px;
     background-color: var(--blue)
 }

 .it-career-content>span {
     font-size: 20px;
     font-weight: 400;
     line-height: 32px;
     text-transform: capitalize;
     color: var(--it-common-white);
     display: block;
     padding-bottom: 17px
 }

 .it-career-content p {
     color: #fff;
     font-size: 20px;
     font-weight: 700;
     line-height: 32px;
     text-transform: capitalize;
     margin-bottom: 25px
 }

 .it-class-rate span,
 .it-class-title {
     font-weight: 600;
     font-size: 21px;
     transition: .3s
 }

 .it-class-title,
 .it-work-title-sm,
 .rc__meta span,
 .sidebar__widget-title {
     text-transform: uppercase
 }

 .it-career-thumb {
     position: absolute;
     bottom: 0;
     right: 0;
     z-index: 1
 }

 .it-career-shape-3 {
     position: absolute;
     top: 5px;
     right: 170px;
     animation: 4s linear infinite rotate2;
     opacity: 0.5;
 }

 .it-career-shape-4 {
     position: absolute;
     left: 430px;
     top: 195px;
     animation: 1s infinite alternate itleftright
 }

 .it-career-shape-5 {
     position: absolute;
     left: 200px;
     bottom: 18px;
     animation: 4s linear infinite rotate2
 }

 .it-career-shape-6,
 .it-value-shape-1 {
     animation: .8s infinite alternate itupdown
 }

 .it-career-shape-6 {
     position: absolute;
     top: 95px;
     left: 50px
 }

 .it-career-style-3.it-career-bg {
     background: 0 0
 }

 .it-career-style-3 .it-career-content>span {
     font-size: 45px;
     font-weight: 700;
     font-family: var(--it-ff-poppins)
 }

 .it-career-style-3 .it-career-content p {
     font-size: 15px;
     font-weight: 400;
     line-height: 32px;
     color: var(--it-common-white);
     max-width: 310px
 }

 .it-progress-bar-item {
     padding: 30px 0 5px;
     overflow: hidden
 }

 .it-progress-bar-item label {
     font-size: 17px;
     font-weight: 600;
     line-height: 1;
     margin-bottom: 12px;
     display: inline-block;
     color: var(--it-common-black)
 }

 .it-progress-bar .progress {
     overflow: visible;
     border-radius: 10px;
     background: rgb(137 186 180 / .3);
     height: 10px
 }

 .it-progress-bar .progress-bar {
     background-color: var(--it-theme-2);
     border-radius: 10px;
     position: relative;
     overflow: visible;
     height: 100%;
     top: 0
 }

 .it-progress-bar .progress-bar span {
     position: absolute;
     right: 0;
     top: -30px;
     transform: translateY(-50%);
     font-size: 14px;
     font-weight: 400;
     line-height: 1;
     color: var(--it-common-white);
     background-color: var(--it-theme-2);
     padding: 5px 7px
 }

 .postbox__comment-reply a:hover,
 .postbox__meta a:hover,
 .postbox__meta-2 a:hover,
 .postbox__title a:hover {
     color: var(--blue)
 }

 .it-progress-bar .progress-bar span::after {
     position: absolute;
     bottom: -5px;
     left: 50%;
     height: 10px;
     width: 10px;
     background-color: var(--it-theme-2);
     content: "";
     transform: translateX(-50%) rotate(-45deg)
 }

 .it-value-img-shape {
     position: absolute;
     top: 50%;
     right: -40px;
     transform: translateY(-50%);
     z-index: -1
 }

 .it-value-play-btn {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     height: 80px;
     width: 80px;
     line-height: 80px;
     border-radius: 50%;
     display: inline-block;
     text-align: center;
     background-color: var(--it-common-white);
     color: var(--it-common-yellow)
 }

 .it-value-right-wrap {
     margin-left: 60px
 }

 .it-value-shape-1 {
     position: absolute;
     bottom: 18%;
     left: 2%
 }

 .it-value-shape-2 {
     position: absolute;
     top: -12%;
     right: -6%;
     z-index: -1
 }

 .it-class-item {
     border-radius: 10px
 }

 .it-class-item:hover .it-class-thumb,
 .it-class-thumb,
 .it-class-thumb img {
     border-radius: 10px 10px 0 0
 }

 .it-class-thumb img {
     width: 100%;
     transition: .9s
 }

 .it-class-rate {
     position: absolute;
     top: 20px;
     right: 20px
 }

 .it-class-rate span {
     display: inline-block;
     width: 60px;
     height: 60px;
     line-height: 60px;
     border-radius: 50%;
     color: #fff;
     text-align: center
 }

 .it-work-icon span,
 .postbox__details-checkmark ul li i {
     background-color: var(--it-common-black);
     text-align: center
 }

 .it-class-title {
     line-height: 1.4;
     padding-bottom: 5px
 }

 .it-class-text {
     background-color: #f3f5f5;
     padding: 30px 50px
 }

 .it-class-text p {
     font-size: 17px;
     font-weight: 400;
     line-height: 32px;
     margin-bottom: 0
 }

 .it-class-meta i {
     font-size: 18px;
     display: block;
     color: var(--it-common-white)
 }

 .it-class-meta span {
     font-size: 12px;
     font-weight: 300;
     line-height: 30px;
     color: var(--it-common-white)
 }

 .it-class-meta-box {
     padding: 15px 62px 5px;
     background-color: var(--it-theme-4);
     border-radius: 0 0 10px 10px;
     transition: .3s
 }

 .it-class-shape-1 {
     position: absolute;
     top: 150px;
     left: 265px;
     animation: 1s infinite alternate itleftright
 }

 .it-class-shape-2 {
     position: absolute;
     left: 108px;
     bottom: 145px;
     animation: .8s infinite alternate itupdown
 }

 .it-class-shape-3 {
     position: absolute;
     right: 105px;
     bottom: 400px;
     animation: 1s infinite alternate itleftright
 }

 .it-work-item {
     border-radius: 30px;
     padding: 70px 40px;
     background-color: var(--it-common-white);
     border: 4px dashed var(--it-common-black)
 }

 .it-work-item.active {
     background-color: var(--it-common-yellow);
     border-color: var(--it-common-yellow);
 }

 .it-work-icon span {
     height: 100px;
     width: 100px;
     line-height: 100px;
     border-radius: 50%;
     display: inline-block;
     margin-bottom: 30px;
 }

 .blog-meta span,
 .it-work-content p {
     color: #000;
     font-weight: 400;
     line-height: 32px;
 }

 .it-work-title-sm {
     font-size: 21px;
     font-weight: 700;
     line-height: 1;
     margin-bottom: 20px;
 }

 .it-work-content p {
     font-size: 17px;
 }

 .blog-item-box {
     padding: 30px 30px 40px;
     border-radius: 5px;
     background-repeat: no-repeat;
     background-size: cover;
     margin: 10px 0px;
     height: 100%;
     transition: all 0.5s ease;
     position: relative;
 }

 .blog_home_page .blog-item-box:hover {
     scale: 1.008;
     box-shadow: 0 10px 30px rgba(51, 51, 51, 0.2);
     box-shadow: 0 10px 30px rgb(51 51 51 / 11%);
 }

 .blog-title {
     font-size: 19px;
     font-style: normal;
     font-weight: 600;
     line-height: 1.4;
     margin-bottom: 20px;
 }

 .blog-thumb {
     padding-bottom: 25px;
     border-radius: 10px;
 }

 .blog-thumb img {
     width: 100%;
     border-radius: 10px;
     transition: .9s;
     min-height: 135px;
     max-height: 200px;
     object-fit: contain;
     object-position: center;
 }

 .blog_detail_thumb_image img {
     height: auto !important;
     max-height: unset !important;
 }

 .blog-meta span {
     font-size: 15px;
     font-style: normal;
 }

 .blog-meta span i {
     display: inline-block;
     color: var(--blue);
     margin-right: 5px;
 }

 .blog-meta span:not(:last-child) {
     margin-right: 22px;
 }

 .it-blog-shape-1 {
     position: absolute;
     top: 140px;
     right: 40%;
     animation: 4s linear infinite rotate2;
 }

 .it-blog-style-3 .blog-title {
     font-size: 26px;
 }

 .it-blog-style-3 .blog-thumb,
 .it-blog-style-6 .blog-thumb {
     padding-bottom: 0;
 }

 .it-blog-style-3 .blog-thumb img,
 .it-blog-style-6 .blog-thumb img {
     border-radius: 5px 5px 0 0
 }

 .it-blog-style-3 .it-blog-content,
 .it-blog-style-6 .it-blog-content {
     padding: 25px 45px 45px;
     border-radius: 0 0 5px 5px;
     background-color: var(--it-common-white)
 }

 .it-blog-style-3 .blog-item,
 .it-blog-style-6 .blog-item {
     box-shadow: 0 0 50px 0 rgb(0 0 0 / .07)
 }

 .it-blog-style-6 .it-btn {
     background: var(--blue)
 }

 .postbox__details-wrapper {
     padding-right: 30px;
 }

 @media only screen and (min-width:1200px) and (max-width:1399px),
 only screen and (min-width:768px) and (max-width:991px),
 (max-width:767px) {
     .postbox__details-tag a {
         font-size: 13px;
     }
 }

 .postbox__details-checkmark ul li {
     list-style-type: none;
     position: relative;
     padding-left: 35px;
     margin-bottom: 20px;
     font-weight: 500;
     font-size: 17px;
     line-height: 1.2;
     color: #202124;
 }

 .postbox__details-checkmark ul li:last-child {
     margin-bottom: 0
 }

 .postbox__details-checkmark ul li i {
     height: 20px;
     width: 20px;
     color: var(--it-common-white);
     border-radius: 50%;
     line-height: 20px;
     font-size: 10px;
     transform: translateX(2px);
     position: absolute;
     top: -2px;
     left: 0;
 }

 .postbox__details-title {
     font-weight: 700;
     font-size: 36px;
     line-height: 1.2;
     color: var(--it-common-black);
     padding-bottom: 10px;
 }

 @media only screen and (min-width:1600px) and (max-width:1800px) {
     .it-contact-style-2 .it-contact-shape-1 {
         top: 120px;
         left: 60px;
     }

     .it-contact-style-2 .it-contact-shape-3 {
         transform: scale(.6);
         right: -2%;
     }

     .it-contact-style-2 .it-contact-shape-4 {
         right: 50px;
     }

     .it-contact-style-2 .it-contact-shape-5 {
         left: -5%;
     }

     .postbox__details-title {
         font-size: 33px;
     }
 }

 @media only screen and (min-width:1400px) and (max-width:1599px) {
     .it-funfact-5-shape-1 {
         bottom: 0;
         left: 0;
     }

     .it-contact-shape-3,
     .it-contact-style-2 .it-contact-shape-3 {
         top: 55px;
         right: 55px;
     }

     .it-contact-shape-5,
     .it-contact-style-2 .it-contact-shape-5 {
         bottom: -90px
     }

     .it-contact-style-2 .it-contact-shape-1 {
         top: 40px;
         left: 60px;
     }

     .it-event-shape-3 {
         left: 200px;
     }

     .it-event-shape-5 {
         left: 200px;
         bottom: 30px;
     }

     .it-gallery-shape-1 {
         top: 80px;
     }

     .it-testimonial-5-shape-1,
     .it-testimonial-5-shape-4 {
         bottom: 100px;
     }

     .it-team-3-shape-2 {
         left: 100px;
     }

     .it-faq-shape-2 {
         top: -50px;
     }

     .it-career-shape-4 {
         left: 350px;
     }

     .it-career-shape-5 {
         bottom: -40px;
     }

     .it-value-shape-1 {
         bottom: -7%;
         left: -1%;
     }

     .it-class-shape-2 {
         bottom: 30px;
     }

     .postbox__details-title {
         font-size: 33px;
     }
 }

 .postbox__details-title-box span {
     font-weight: 700;
     font-size: 14px;
     color: #888;
     display: inline-block
 }

 .postbox__details-title-box p {
     font-weight: 400;
     font-size: 16px;
     line-height: 30px;
     margin-bottom: 0;
     padding-bottom: 10px;
     padding-right: 25px
 }

 .coupon-info p.coupon-text,
 .postbox__text-single p,
 .rc__post ul li:not(:last-child) {
     margin-bottom: 15px
 }

 @media only screen and (min-width:992px) and (max-width:1199px),
 only screen and (min-width:768px) and (max-width:991px) {
     .it-video-style-4 .it-video-title {
         font-size: 35px
     }

     .it-contact__scrool a {
         color: var(--it-common-black)
     }

     .it-contact__bottom-box {
         margin-bottom: 50px
     }

     .it-event-thumb img {
         max-width: 100%
     }

     .it-teacher-details-right-title-box h4 {
         font-size: 24px
     }

     .postbox__details-title-box p {
         font-size: 15px;
         padding-right: 0
     }
 }

 .postbox__details-img-box span img {
     border-radius: 20px;
     margin-bottom: 20px
 }

 .postbox__details-img-box span img.img-mr,
 .postbox__p-right {
     margin-right: 20px
 }

 .postbox__details-img-caption {
     font-weight: 400;
     font-size: 13px;
     line-height: 10px;
     color: #87888a
 }

 .postbox__details-img-caption i {
     font-style: normal;
     font-weight: 500;
     font-size: 13px;
     line-height: 10px;
     color: #5f6168
 }

 .postbox__meta a,
 .postbox__meta-2 a {
     font-weight: 400;
     font-size: 17px;
     line-height: 12px;
     color: #888
 }

 .postbox__content-wrap .it-contact__textarea-box textarea {
     padding-top: 10px;
     height: 150px
 }

 @media(max-width:767px),
 only screen and (min-width:768px) and (max-width:991px),
 only screen and (min-width:992px) and (max-width:1199px) {
     .postbox__p-right {
         margin-right: 0
     }
 }

 .postbox__thumb .play-btn {
     position: absolute;
     top: calc(50% - 20px);
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     z-index: 1;
     height: 90px;
     width: 90px;
     background-color: var(--it-common-white);
     text-align: center;
     line-height: 90px;
     color: var(--it-common-black);
     border-radius: 50%;
     animation: 2s infinite pulse
 }

 .postbox__thumb .play-btn:hover {
     background-color: var(--it-common-blue-4);
     color: var(--it-common-white)
 }

 .postbox__audio {
     height: 100%;
     width: 100%
 }

 .postbox__audio iframe {
     width: 100%;
     height: 100%;
     border: none
 }

 .payment-method .accordion-button:focus,
 .postbox__item-single:hover {
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -ms-box-shadow: none;
     -o-box-shadow: none;
     box-shadow: none
 }

 .postbox__content p img {
     margin-bottom: 30px;
     border-radius: 10px
 }

 .postbox__content-single {
     padding-left: 0;
     padding-right: 0;
     border: none
 }

 .postbox__title {
     color: var(--it-common-black);
     line-height: 1.3;
     font-weight: 600;
     font-size: 36px;
     color: #202124
 }

 @media only screen and (min-width:1200px) and (max-width:1399px) {
     .it-evn-details-title {
         font-size: 38px
     }

     .it-testimonial-shape-1 {
         bottom: -16%
     }

     .it-testimonial-5-shape-2 {
         left: 100px
     }

     .blog-title,
     .it-team-author-name {
         font-size: 17px
     }

     .it-team-shape-1 {
         left: 30%
     }

     .it-team-shape-2 {
         top: 80px
     }

     .it-team-3-shape-2 {
         top: 75px;
         left: 100px
     }

     .it-team-3-shape-3 {
         right: 100px
     }

     .it-faq-shape-2 {
         top: -80px
     }

     .it-career-shape-4 {
         left: 320px
     }

     .it-career-shape-5 {
         bottom: -50px
     }

     .it-blog-style-3 .blog-title {
         font-size: 23px
     }

     .it-blog-style-4 .blog-title {
         font-size: 24px
     }

     .postbox__details-title {
         font-size: 32px
     }

     .postbox__details-title br {
         display: none
     }

     .postbox__details-title-box p {
         font-size: 15px
     }

     .postbox__details-title-box p br {
         display: none
     }

     .postbox__title {
         font-size: 30px
     }
 }

 @media only screen and (min-width:992px) and (max-width:1199px) {
     .it-event-left {
         padding-right: 20px
     }

     .it-evn-details-title {
         font-size: 35px
     }

     .it-evn-details-wrap {
         margin-right: 0
     }

     .blog-title,
     .it-team-author-name,
     .it-testimonial-slide-info p {
         font-size: 15px
     }

     .it-testimonial-5-item {
         padding: 40px 30px
     }

     .it-team-text p {
         padding-right: 48px;
         font-size: 14px
     }

     .it-team-author-box {
         bottom: 15px;
         left: 10px;
         right: 10px
     }

     .it-career-content>span {
         font-size: 16px
     }

     .it-career-content p {
         font-size: 19px
     }

     .it-career-thumb {
         bottom: -8%;
         right: -15%
     }

     .it-career-shape-4 {
         left: 200px
     }

     .it-progress-bar-item {
         padding-top: 20px
     }

     .it-work-item {
         padding: 20px
     }

     .it-blog-style-3 .blog-title {
         font-size: 24px
     }

     .postbox__details-title {
         font-size: 25px
     }

     .postbox__details-title br {
         display: none
     }

     .postbox__title {
         font-size: 30px
     }

     .postbox__title br {
         display: none
     }
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .it-testimonial-3-wrapper {
         margin: 120px 0;
         padding: 70px 60px
     }

     .it-blog-style-4 .it-blog-content,
     .it-work-item {
         padding: 30px
     }

     .blog-title {
         font-size: 17px
     }

     .postbox__details-title,
     .postbox__title {
         font-size: 30px
     }

     .postbox__details-title br {
         display: none
     }

     .postbox__title br {
         display: none
     }
 }

 @media only screen and (min-width:576px) and (max-width:767px) {
     .it-slider-wrap .it-hero-2-play {
         margin-top: 0
     }

     .it-hero-2-content {
         padding-top: 250px;
         padding-bottom: 80px
     }

     .it-hero-2-title {
         font-size: 43px
     }

     .it-hero-2-btn-box>.it-btn {
         margin-bottom: 0
     }

     .it-hero-3-client-box {
         margin-left: 20px;
         margin-top: 0
     }

     .it-video-play a.text {
         font-size: 17px
     }

     .it-funfact-content h6 {
         font-size: 29px;
         margin-bottom: 5px
     }

     .it-funfact-content span {
         font-size: 12px
     }

     .it-contact__text>a {
         font-size: 21px
     }

     .it-evn-details-wrap .postbox__meta span:not(:last-child) {
         margin-right: 20px
     }

     .postbox__title {
         font-size: 22px
     }

     .postbox__title br {
         display: none
     }
 }

 .postbox__meta {
     margin-bottom: 20px
 }

 .postbox__meta a {
     display: inline-block
 }

 .postbox__meta-2 {
     padding-bottom: 13px
 }

 .postbox__meta-2 a {
     display: inline-block
 }

 .postbox__text p {
     font-size: 17px
 }

 .postbox__slider button {
     position: absolute;
     left: 50px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: 1;
     font-size: 30px;
     color: var(--it-common-white)
 }

 .postbox__slider button.slick-next {
     left: auto;
     right: 50px
 }

 .postbox__comment ul li {
     margin-bottom: 45px;
     list-style: none;
     padding: 25px 40px 25px 25px;
     border: 1px solid var(--blue)
 }

 .postbox__comment ul-title {
     font-size: 20px;
     font-weight: 500;
     color: var(--it-common-black);
     margin-bottom: 40px;
     margin-right: 20px
 }

 .postbox__comment-title {
     font-weight: 600;
     font-size: 36px;
     line-height: 18px;
     letter-spacing: -.02em;
     color: var(--it-common-white);
     margin-bottom: 40px
 }

 .postbox__comment-avater img {
     width: 154px;
     height: 154px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -o-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%
 }

 .postbox__comment-name {
     margin-bottom: 5px
 }

 .postbox__comment-name h5 {
     font-weight: 700;
     font-size: 22px;
     line-height: 20px;
     color: var(--it-common-black);
     margin-bottom: 20px
 }

 .postbox__comment-text p {
     font-size: 15px
 }

 @media only screen and (min-width:1200px) and (max-width:1399px),
 only screen and (min-width:992px) and (max-width:1199px),
 only screen and (min-width:768px) and (max-width:991px) {
     .it-hero-style-4 .it-hero-3-thumb img {
         margin-right: 0;
         max-width: 100%
     }

     .it-about-2-bottom {
         margin-right: 0
     }

     .it-event-2-date span,
     .it-event-2-meta span {
         font-size: 13px
     }

     .postbox__comment-text p {
         font-size: 15px
     }

     .postbox__comment-text p br {
         display: none
     }
 }

 .postbox__comment-reply {
     margin-top: 10px;
     padding-bottom: 17px
 }

 .postbox__comment-reply span {
     margin-right: 40px;
     display: inline-block
 }

 .postbox__comment-reply a {
     display: inline-block;
     font-weight: 500;
     font-size: 17px;
     color: var(--it-common-black);
     transition: .3s
 }

 .postbox__comment-agree .form-check-label {
     font-weight: 500;
     font-size: 14px;
     line-height: 1.3;
     color: #87888a
 }

 .postbox__comment-agree .form-check-input:checked {
     background-color: var(--it-common-blue-4);
     border-color: #fff0
 }

 .postbox__comment-agree .form-check-input:focus {
     box-shadow: none
 }

 .postbox__comment-agree .form-check-input.form-check-input[type=checkbox] {
     border-radius: 2px;
     margin-top: 4px
 }

 .postbox__comment-input span {
     font-weight: 600;
     color: var(--it-common-black);
     margin-bottom: 12px;
     display: block
 }

 .postbox__comment-input input,
 .postbox__comment-input textarea {
     height: 55px;
     padding: 0 20px;
     width: 100%;
     font-size: 14px;
     outline: 0;
     border: 1px solid #f7f7f7;
     box-shadow: 0 16px 24px rgb(189 196 205 / .13);
     -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
     -o-border-radius: 7px;
     -ms-border-radius: 7px;
     border-radius: 7px;
     color: var(--it-common-black)
 }

 .postbox__social span,
 .postbox__tag span {
     font-size: 20px;
     color: var(--it-common-black)
 }

 .postbox__comment-input input::placeholder,
 .postbox__comment-input textarea::placeholder {
     color: rgb(116 116 116 / .5)
 }

 .postbox__comment-input input:focus,
 .postbox__comment-input textarea:focus {
     border-color: var(--it-common-pink);
     color: var(--it-common-black)
 }

 .postbox__comment-input textarea {
     height: 175px;
     resize: none;
     padding-top: 20px;
     padding-bottom: 20px
 }

 .postbox__tag span {
     margin-bottom: 17px;
     margin-right: 30px;
     font-weight: 500
 }

 .postbox__social span {
     font-weight: 500
 }

 .postbox__social a {
     font-size: 15px;
     padding-left: 30px
 }

 .postbox__social a .it-facebook,
 .postbox__social a .it-linkedin {
     color: #0e6ba1
 }

 .postbox__social a .it-pinterest {
     color: #d70220
 }

 .postbox__social a .it-twitter {
     color: #36b6ed
 }

 .postbox__navigation-content a:hover span,
 .postbox__navigation-content h5:hover {
     color: var(--it-common-blue-4)
 }

 .postbox__navigation-img {
     margin-right: 15px
 }

 .postbox__navigation-img img {
     border-radius: 12px
 }

 .postbox__navigation-content span {
     font-weight: 500;
     font-size: 12px;
     line-height: 12px;
     letter-spacing: .1em;
     text-transform: uppercase;
     color: #5f6168;
     padding-bottom: 15px;
     display: inline-block;
     transition: .3s
 }

 .it-pagination ul li:not(:last-child),
 .postbox__navigation-content span i {
     margin-right: 10px
 }

 .postbox__navigation-content h5 {
     font-weight: 700;
     font-size: 18px;
     line-height: 16px;
     color: #202124;
     transition: .3s
 }

 @media(max-width:767px) {
     .it-contact__scrool a {
         display: inline-block;
         color: var(--it-common-black);
         margin-bottom: 20px
     }

     .it-contact__bottom-box {
         margin-bottom: 50px;
         flex-wrap: wrap
     }

     .it-contact__list,
     .postbox__comment-box,
     .postbox__details-img-box,
     .postbox__navigation-more {
         flex-wrap: wrap
     }

     .it-signup-wrap,
     .it-student-bg {
         padding: 80px 30px
     }

     .it-event-content>span {
         font-size: 15px
     }

     .it-career-content p br,
     .it-career-thumb,
     .it-event-content>span br,
     .postbox__details-title br {
         display: none
     }

     .it-event-content p {
         font-size: 15px;
         padding-right: 0
     }

     .it-event-thumb img {
         max-width: 100%;
         margin-top: 30px
     }

     .it-event-2-date span i,
     .it-event-2-title {
         font-size: 18px
     }

     .it-event-2-meta span {
         font-size: 11px
     }

     .it-event-2-date span {
         font-size: 12px
     }

     .it-testimonial-slide-nav-active {
         margin-bottom: 50px
     }

     .it-testimonial-3-wrapper {
         margin: 120px 0;
         padding: 20px
     }

     .it-testimonial-3-content p {
         padding-left: 0;
         font-size: 16px
     }

     .blog-title,
     .it-testimonial-3-author-info h5,
     .postbox__navigation-content h5 {
         font-size: 16px
     }

     .it-about-3-mv-item p,
     .it-testimonial-3-author-info span,
     .postbox__details-checkmark ul li {
         font-size: 14px
     }

     .it-testimonial-5-item {
         padding: 30px
     }

     .it-testimonial-style-2 .it-testimonial-5-item {
         padding: 50px 20px 40px
     }

     .it-teacher-details-right-title-box h4 {
         font-size: 19px
     }

     .it-teacher-details-right-content h4,
     .postbox__details-title {
         font-size: 20px
     }

     .it-career-item {
         padding: 40px 20px
     }

     .it-career-style-3 .it-career-content>span {
         font-size: 30px
     }

     .blog-title-box,
     .postbox__navigation-left {
         margin-bottom: 30px
     }

     .it-blog-style-4 .it-blog-content {
         padding: 20px
     }

     .postbox__details-title-box p {
         font-size: 13px;
         padding-right: 0
     }

     .postbox__details-title-box p br {
         display: none
     }

     .postbox__thumb .play-btn {
         height: 50px;
         width: 50px;
         line-height: 50px
     }

     .postbox__thumb .play-btn i {
         padding-left: 4px
     }

     .postbox__title {
         font-size: 22px
     }

     .postbox__title br {
         display: none
     }

     .postbox__slider button.slick-next {
         right: 10px
     }

     .postbox__slider button {
         left: 10px
     }

     .postbox__comment ul li {
         padding-right: 25px
     }

     .postbox__comment-avater img {
         width: 65px;
         height: 65px
     }

     .postbox__comment-text {
         margin-left: 0;
         margin-top: 15px
     }

     .postbox__comment-reply a,
     .postbox__comment-text p {
         font-size: 14px
     }

     .postbox__comment-text p br {
         display: none
     }

     .postbox__comment-reply span {
         font-size: 17px
     }

     .postbox__details-tag {
         margin-bottom: 20px
     }
 }

 .postbox__details-share a:hover,
 .postbox__details-tag a:hover {
     color: var(--it-common-white);
     background-color: var(--blue)
 }

 .postbox__navigation-right .postbox__navigation-img {
     margin-right: 0;
     margin-left: 15px
 }

 .postbox__navigation-right .postbox__navigation-content span i {
     margin-right: 0;
     margin-left: 10px
 }

 .postbox__item {
     padding-top: 10px;
     padding-bottom: 50px;
     border-bottom: 1px solid rgb(255 255 255 / .1)
 }

 .postbox__item i {
     font-size: 48px;
     color: var(--blue);
     margin-bottom: 20px
 }

 .it-feature-3-title,
 .it-feature-title,
 .it-sv-details-title,
 .postbox__details-share a,
 .postbox__details-share span,
 .postbox__details-tag a,
 .postbox__details-tag span,
 .postbox__item p,
 .postbox__slider-arrow-wrap button,
 .rc__post-title,
 .sidebar__widget-content ul>li>a,
 .sidebar__widget-title {
     color: var(--it-common-black)
 }

 .postbox__item p {
     font-size: 20px;
     line-height: 35px;
     font-weight: 700
 }

 .postbox__details-tag span {
     font-weight: 700;
     display: inline-block;
     padding-right: 5px
 }

 .postbox__details-tag a {
     padding: 0 15px;
     height: 30px;
     line-height: 30px;
     display: inline-block;
     background-color: #f2f2f2;
     transition: .3s;
     margin-left: 10px
 }

 .postbox__details-share span {
     font-weight: 700;
     display: inline-block;
     padding-right: 15px;
 }

 .postbox__details-share a {
     font-size: 16px;
     display: inline-block;
     padding: 0 5px;
     transition: .3s;
     background-color: #f2f2f2;
     height: 35px;
     line-height: 35px;
     text-align: center;
     width: 35px;
 }

 .postbox__details-share a:not(:last-child) {
     margin-right: 8px
 }

 .rc__meta span i,
 .rc__post-title a:hover {
     color: var(--blue)
 }

 .postbox__details-share-wrapper {
     padding-top: 20px;
     padding-bottom: 65px
 }

 .postbox__meta span {
     display: inline-block;
     padding-bottom: 5px;
     position: relative;
     padding-left: 25px;
     font-size: 16px
 }

 .postbox__meta span:not(:last-child) {
     margin-right: 28px
 }

 .postbox__meta span i {
     position: absolute;
     top: 8px;
     left: 0;
     display: inline-block;
     font-size: 16px;
     color: var(--blue)
 }

 .postbox__slider-arrow-wrap .postbox-arrow-prev {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     left: 0;
     z-index: 9
 }

 .postbox__slider-arrow-wrap .postbox-arrow-next {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 0;
     z-index: 9
 }

 .postbox__slider-arrow-wrap button {
     height: 60px;
     width: 60px;
     line-height: 64px;
     background-color: var(--it-common-white);
     text-align: center;
     font-size: 18px
 }

 .it-feature-2-style .it-feature-item:hover .it-feature-icon span,
 .it-feature-style-2 .it-feature-item:hover .it-feature-icon span,
 .it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn:hover i,
 .it-menu-mobile ul li.has-dropdown>a.expanded .dropdown-toggle-btn.dropdown-opened i,
 .sidebar__search input,
 .sidebar__widget-content ul>li:hover a,
 .sidebar__widget-content ul>li:hover::after {
     color: var(--it-common-white)
 }

 .rc__post {
     transition: .3s;
     padding-top: 30px;
     border-top: 1px solid #e2e1e1;
     line-height: normal
 }

 .rc__post:last-child {
     padding-bottom: 30px;
     border-bottom: 1px solid #e2e1e1
 }

 .rc__post-thumb {
     flex: 0 0 auto
 }

 .rc__post-title {
     font-weight: 600;
     font-size: 16px;
     margin-right: 30px;
     line-height: 23px;
     margin-bottom: 0
 }

 .rc__meta span {
     font-size: 12px;
     font-weight: 500;
     line-height: normal;
     display: inline-block;
     margin-bottom: 5px
 }

 .rc__meta span i {
     display: inline-block;
     margin-right: 5px
 }

 .footer-col-8,
 .sidebar__wrapper {
     padding-left: 40px
 }

 .sidebar__widget-content ul>li {
     padding: 0 30px;
     height: 50px;
     line-height: 50px;
     list-style-type: none;
     position: relative;
     margin-bottom: 10px;
     transition: .3s;
     border: 1px solid #e2e1e1
 }

 .sidebar__widget-content ul>li:hover {
     background-color: var(--blue)
 }

 .sidebar__widget-content ul>li::after {
     content: "\f105";
     right: 30px;
     top: 50%;
     position: absolute;
     transform: translateY(-50%);
     font-family: "font awesome 6 pro";
     color: var(--it-common-black);
     font-size: 18px
 }

 .sidebar__widget-content ul>li>a {
     font-weight: 500;
     font-size: 16px;
     transition: .3s
 }

 .sidebar__widget-title {
     font-weight: 700;
     font-size: 24px;
     line-height: 16px;
     margin-bottom: 30px;
     display: inline-block
 }

 .sidebar__widget.color-box {
     padding: 40px 35px;
     background-color: var(--it-common-black)
 }

 .sidebar__widget:last-child-title {
     border-bottom: 0
 }

 .sidebar__widget>ul>li {
     list-style: none;
     margin-bottom: 15px
 }

 .coupon-info p,
 .it-feature-2-style .it-feature-text p,
 .sidebar__widget>ul>li:last-child {
     margin-bottom: 0
 }

 .sidebar__widget>ul>li a {
     font-weight: 500;
     font-size: 14px;
     line-height: 12px;
     color: #5f6168;
     display: flex;
     justify-content: space-between
 }

 .checkout-form-list label span.required,
 .country-select label span.required,
 .it-feature-style-2 .it-feature-icon span,
 .it-header-2-main-menu ul li.active.has-dropdown::after,
 .it-header-2-main-menu ul li.active>a,
 .it-menu-mobile ul li .mega-menu li:hover a .dropdown-toggle-btn,
 .it-menu-mobile ul li .submenu li:hover a .dropdown-toggle-btn,
 .it-menu-mobile ul li.has-dropdown>a.expanded,
 .it-menu-mobile ul li:hover>a,
 .it-menu-mobile ul li:hover>a .dropdown-toggle-btn i,
 .it-menu-mobile ul li:hover>a::after,
 .sidebar__widget>ul>li a:hover,
 .table-content table td.product-name a:hover {
     color: var(--y)
 }

 .sidebar__widget>ul>li a i {
     font-size: 18px;
     transform: translateY(2px);
     margin-right: 10px
 }

 .sidebar__search input {
     width: 100%;
     height: 60px;
     line-height: 60px;
     padding-left: 30px;
     text-transform: capitalize;
     background-color: #353535;
     border: none;
     padding-right: 60px;
     outline: 0
 }

 .sidebar__search input:focus {
     border-color: var(--blue)
 }

 .sidebar__search input::placeholder {
     color: #777
 }

 .sidebar__search button {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 30px;
     border-radius: 50%;
     display: inline-block;
     color: var(--it-common-white);
     font-size: 18px
 }

 .sidebar__banner-content {
     position: absolute;
     bottom: 0;
     right: 0;
     z-index: 1;
     background: var(--blue)
 }

 .it-feature-3-bg,
 .it-feature-item {
     background-size: cover;
     background-repeat: no-repeat
 }

 .sidebar__banner-content h4 {
     padding: 15px 20px;
     font-size: 24px;
     color: var(--it-common-white);
     text-transform: uppercase;
     margin-bottom: 0
 }

 .it-feature-3-title,
 .it-feature-title,
 .tagcloud a {
     text-transform: capitalize
 }

 .tagcloud a {
     padding: 0 15px
 }

 .tagcloud a {
     color: #4d5756;
     background-color: #f2f2f2;
     display: inline-block;
     padding: 0 50px;
     height: 48px;
     line-height: 48px;
     margin-bottom: 15px;
     margin-right: 10px;
     transition: .3s;
     font-weight: 500;
     font-size: 14px;
     text-align: center
 }

 .tagcloud a:hover {
     background: var(--blue);
     color: var(--it-common-white)
 }

 .tagcloud span {
     font-weight: 600;
     font-size: 16px;
     line-height: 12px;
     color: #202124;
     margin-right: 8px
 }

 .it-pagination ul li {
     padding-top: 30px;
     display: inline-block
 }

 .it-pagination ul li a,
 .it-pagination ul li span {
     display: inline-block;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     font-size: 18px;
     font-weight: 700;
     transition: .3s;
     background: var(--blue);
     font-family: var(--it-ff-heading);
     color: var(--it-common-white);
     border-radius: 4px;
     box-shadow: 2px 3.464px 20px 0 rgb(4 23 26 / .08)
 }

 .it-pagination ul li a.current i,
 .it-pagination ul li span.current i {
     display: inline-block;
     transform: translateY(2px)
 }

 .it-pagination ul li a {
     display: inline-block
 }

 .it-pagination ul li a.color {
     color: var(--it-common-white);
     font-size: 18px
 }

 .it-feature-item {
     padding: 80px 15px 45px;
     position: relative
 }

 .it-feature-item::after {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background-color: #f3f5f5;
     transition: .5s
 }

 .it-feature-item:hover::after {
     background-color: rgb(34 162 209 / .9)
 }

 .it-feature-2-style .it-feature-item:hover .it-feature-button .it-btn-border,
 .it-feature-item:hover .it-feature-button .it-btn-border {
     background-color: var(--it-theme-6);
     color: var(--it-common-white)
 }

 .it-feature-icon {
     height: 100px;
     width: 100px;
     border-radius: 50%;
     line-height: 114px;
     text-align: center;
     margin: 0 auto;
     background-color: #fbedd7
 }

 .it-feature-icon span {
     color: var(--it-common-yellow);
     font-size: 50px
 }

 .it-feature-text p {
     color: #000;
     font-size: 17px;
     font-weight: 400;
     line-height: 32px;
     transition: .3s
 }

 .it-feature-title {
     text-align: center;
     font-size: 21px;
     font-weight: 700;
     transition: .3s
 }

 .it-feature-3-bg {
     background-position: center
 }

 .it-feature-3-item {
     padding: 40px 30px;
     background-color: #fff;
     filter: drop-shadow(0 4px 25px rgb(0 0 0 / .09))
 }

 .it-feature-3-icon span {
     height: 90px;
     width: 90px;
     line-height: 106px;
     border-radius: 50%;
     text-align: center;
     display: inline-block;
     background-color: var(--it-theme-2);
     color: var(--it-common-white);
     margin-bottom: 35px;
     position: relative;
     font-size: 48px
 }

 .it-feature-3-icon span::after {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     content: "";
     border: 1px dashed var(--it-theme-2);
     transform: scale(1.2);
     border-radius: 50%
 }

 .it-feature-3-title {
     font-size: 22px;
     font-weight: 700;
     margin-bottom: 20px
 }

 .it-feature-3-content p {
     color: #4d5756;
     font-size: 16px;
     font-weight: 400;
     line-height: 30px;
     margin-bottom: 20px
 }

 .it-feature-2-style .it-feature-item:hover::after {
     background-color: #00afef
 }

 .it-feature-2-style .it-feature-icon {
     height: auto;
     width: auto;
     background-color: #fff0;
     line-height: 0
 }

 .it-feature-2-style .it-feature-icon span {
     display: inline-block;
     font-size: 60px;
     line-height: 0;
     color: var(--it-theme-4);
     transition: .3s
 }

 .it-feature-3-style .it-feature-3-icon span {
     background-color: var(--blue);
     transition: .5s
 }

 .it-feature-3-style .it-feature-3-icon span::after {
     border-color: var(--blue);
     transition: .5s
 }

 .it-sv-details-top-thumb {
     margin-right: 35px
 }

 .it-sv-details-title {
     font-size: 45px;
     font-weight: 700;
     line-height: 55px;
     text-transform: uppercase
 }

 .it-sv-details-title-sm {
     color: #4d5756;
     font-size: 17px;
     font-weight: 600;
     line-height: 32px;
     text-transform: capitalize;
     margin-bottom: 20px
 }

 .it-sv-details-title-sm span {
     height: 20px;
     width: 20px;
     display: inline-block;
     text-align: center;
     line-height: 23px;
     border-radius: 20px;
     color: var(--it-common-white);
     font-size: 12px;
     background-color: var(--it-common-yellow);
     margin-right: 15px
 }

 .it-sv-details-middle-thumb a,
 .it-sv-details-middle-thumb a::after {
     left: 50%;
     transform: translate(-50%, -50%);
     border-radius: 50%;
     position: absolute;
     top: 50%
 }

 .it-sv-details-content-box {
     background-color: #f2f2f2;
     padding: 40px
 }

 .it-sv-details-content-box p {
     color: #4d5756;
     font-size: 15px;
     font-weight: 400;
     line-height: 28px;
     margin-bottom: 0
 }

 .it-sv-details-middle-thumb a {
     height: 80px;
     width: 80px;
     line-height: 80px;
     display: inline-block;
     text-align: center;
     background-color: var(--it-common-white);
     color: var(--it-common-black)
 }

 .it-sv-details-middle-thumb a::after {
     content: "";
     width: 100%;
     height: 100%;
     background-color: rgb(255 255 255 / .2);
     animation: 2s linear infinite borderanimate2;
     z-index: -1
 }

 .it-sv-details-sidebar {
     padding-left: 45px
 }

 .it-sv-details-sidebar-search input {
     width: 100%;
     height: 60px;
     line-height: 60px;
     padding-left: 30px;
     text-transform: capitalize;
     background-color: #fff0;
     border: 1px solid #e2e1e1;
     padding-right: 60px;
     color: var(--it-common-black);
     border-radius: 5px;
     outline: 0
 }

 .it-sv-details-sidebar-search button {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 30px;
     border-radius: 50%;
     display: inline-block;
     color: var(--it-common-black);
     font-size: 18px
 }

 .it-sv-details-sidebar-category {
     width: 100%;
     height: 60px;
     line-height: 60px;
     border: 1px solid #e2e1e1;
     border-radius: 5px;
     padding: 0 30px;
     display: flex;
     justify-content: space-between;
     color: #4d5756;
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize;
     transition: .3s
 }

 .it-sv-details-sidebar-title {
     font-size: 23px;
     font-weight: 700;
     text-transform: uppercase
 }

 .it-newsletter-height {
     height: 295px;
     height: 150px;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 1
 }

 @media only screen and (min-width:992px) and (max-width:1199px),
 only screen and (min-width:768px) and (max-width:991px) {
     .postbox__details-tag a {
         padding: 0 10px;
         font-size: 14px
     }

     .it-newsletter-height {
         height: 250px
     }
 }

 .it-newsletter-left span {
     color: var(--it-common-white);
     font-size: 18px
 }

 .it-newsletter-right input {
     border-radius: 10px;
     background-color: var(--it-common-white);
     border: none;
     height: 40px;
     line-height: 40px;
     font-size: 16px
 }

 .it-newsletter-right button {
     position: absolute;
     top: 50%;
     right: 10px;
     transform: translateY(-50%)
 }

 .it-newsletter-right button.it-btn {
     height: 58px;
     line-height: 58px
 }

 .it-newsletter-shape-3 {
     position: absolute;
     bottom: 15px;
     left: 150px;
     animation: 8s linear infinite rotate2;
     z-index: -1;
     opacity: 0.3;
 }

 .it-newsletter-shape-4 {
     position: absolute;
     top: 15px;
     right: 147px;
     animation: 8s linear infinite rotate2;
     opacity: 0.3;
 }

 .it-error-title {
     font-size: 45px;
     font-weight: 700;
     text-transform: uppercase;
     padding-bottom: 10px
 }

 @media only screen and (min-width:1200px) and (max-width:1399px),
 only screen and (min-width:992px) and (max-width:1199px) {

     .it-event-style-3 .it-event-2-content,
     .it-event-style-4 .it-event-2-content {
         padding: 20px
     }

     .it-testimonial-style-2 .it-testimonial-5-quote {
         right: 20px
     }

     .it-faq-wrap {
         margin-right: 0;
         transform: translateX(0)
     }

     .it-faq-thumb img {
         max-width: 100%
     }

     .it-error-title {
         font-size: 36px
     }

     .it-error-content p {
         font-size: 14px
     }
 }

 .it-header-2-main-menu nav ul li .has-home-img {
     width: 100%;
     opacity: 0;
     visibility: hidden;
     padding: 30px 30px 10px;
     background-color: var(--it-common-white);
     box-shadow: rgb(149 157 165 / .2) 0 8px 24px;
     position: absolute
 }

 .it-header-2-main-menu nav ul li .has-home-img .home-img {
     padding: 0 10px;
     position: relative;
     margin-bottom: 10px
 }

 .it-header-2-main-menu nav ul li .has-home-img .home-img-title {
     font-size: 16px;
     margin-bottom: 0;
     font-weight: 600;
     display: inline-block;
     text-transform: capitalize;
     color: var(--it-common-black)
 }

 .it-header-2-main-menu nav ul li .has-home-img .home-img-title a {
     background-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
     display: inline;
     background-size: 0 1px, 0 1px;
     background-position: 100% 100%, 0 100%;
     background-repeat: no-repeat;
     transition: background-size .3s linear
 }

 .it-footer-list ul li a:hover,
 .it-footer-top-text a:hover,
 .it-header-2-main-menu nav ul li .has-home-img .home-img-title:hover a {
     background-size: 0 1px, 100% 1px
 }

 .it-heder-menu-4__main-menu-box nav ul li .has-home-img {
     width: 810px;
     opacity: 0;
     visibility: hidden;
     padding: 30px 30px 10px;
     background-color: var(--it-common-white);
     position: absolute;
     left: -25px;
     box-shadow: rgb(149 157 165 / .2) 0 8px 24px
 }

 .it-heder-menu-4__main-menu-box nav ul li .has-home-img .home-img {
     padding: 0 10px;
     position: relative;
     margin-bottom: 10px
 }

 .it-heder-menu-4__main-menu-box nav ul li .has-home-img>.home-img-title {
     color: var(--it-theme-3)
 }

 .home-img-btn {
     position: absolute;
     bottom: 20%;
     left: 0;
     right: 0;
     text-align: center;
     opacity: 0;
     visibility: hidden;
     transition: .4s
 }

 .home-img-thumb {
     position: relative;
     border: 1px solid rgb(0 0 0 / .1)
 }

 .home-img-thumb:hover .home-img-btn {
     opacity: 1;
     visibility: visible;
     bottom: 50%;
     transform: translateY(50%)
 }

 .it-menu-mobile .it-menu-content {
     margin-bottom: 70px
 }

 .it-menu-mobile ul {
     position: static;
     display: block;
     box-shadow: none
 }

 .it-menu-mobile ul li {
     list-style: none;
     position: relative;
     width: 100%;
     padding: 0
 }

 .it-menu-mobile ul li:not(:last-child)>a {
     border-bottom: 1px solid rgb(255 255 255 / .12)
 }

 .it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn {
     position: absolute;
     right: 0;
     top: 25%;
     -webkit-transform: translateY(-2px);
     -moz-transform: translateY(-2px);
     -ms-transform: translateY(-2px);
     -o-transform: translateY(-2px);
     transform: translateY(-2px);
     font-size: 18px;
     color: #7f8387;
     font-family: "font awesome 5 pro";
     transition: .3s ease-in-out;
     z-index: 1;
     width: 25px;
     height: 25px;
     line-height: 22px;
     text-align: center;
     border: 1px solid rgb(255 255 255 / .12);
     transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out
 }

 .it-footer-social a,
 .it-footer-top-icon span {
     border-radius: 50%;
     display: inline-block;
     text-align: center
 }

 .it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn i {
     transition: .3s ease-in-out;
     margin-left: 2px
 }

 .it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn.dropdown-opened i {
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg)
 }

 .it-menu-mobile ul li.has-dropdown:hover>a::after {
     color: var(--it-theme-green)
 }

 .cart-page-total li:last-child,
 .it-menu-mobile ul li:last-child a span {
     border-bottom: 0
 }

 .it-menu-mobile ul li>a {
     display: block;
     font-size: 16px;
     color: var(--it-common-white);
     position: relative;
     padding: 10px 20px 10px 0;
     text-transform: capitalize
 }

 .it-footer-list ul li a,
 .it-footer-text p {
     font-size: 17px;
     font-weight: 400;
     color: var(--it-common-white)
 }

 .it-menu-mobile ul li>a>i {
     display: inline-block;
     width: 11%;
     margin-right: 13px;
     -webkit-transform: translateY(4px);
     -moz-transform: translateY(4px);
     -ms-transform: translateY(4px);
     -o-transform: translateY(4px);
     transform: translateY(4px);
     font-size: 21px;
     line-height: 1
 }

 .it-menu-mobile ul li>a .menu-text {
     font-size: 16px;
     line-height: 11px;
     border-bottom: 1px solid #eaebed;
     width: 82%;
     display: inline-block;
     padding: 19px 0 17px
 }

 .it-menu-mobile ul li ul li a {
     margin-left: auto;
     width: 93%;
     padding: 10px 20px 10px 0;
     text-shadow: none !important;
     visibility: visible
 }

 .it-menu-mobile ul li ul li li a {
     width: 88%;
     padding: 10px 20px 10px 0
 }

 .it-menu-mobile ul li ul li li li a {
     width: 83%;
     padding: 10px 20px 10px 0
 }

 .it-menu-mobile ul li ul li li li li a {
     width: 68%;
     padding: 10px 20px 10px 0
 }

 .it-menu-mobile ul li:hover .mega-menu {
     visibility: visible;
     opacity: 1;
     top: 0
 }

 .it-menu-mobile ul li .mega-menu,
 .it-menu-mobile ul li .submenu {
     position: static;
     min-width: 100%;
     padding: 0;
     box-shadow: none;
     visibility: visible;
     opacity: 1;
     display: none
 }

 .it-menu-mobile ul li .mega-menu li,
 .it-menu-mobile ul li .submenu li {
     float: none;
     display: block;
     width: 100%;
     padding: 0
 }

 .it-menu-mobile .it-menu-content ul li:not(:last-child) .home-img-title a,
 .your-order-table table .order-total td {
     border-bottom: none
 }

 .it-menu-mobile * li,
 .it-menu-mobile * ul {
     transition: none !important
 }

 .it-header-2-main-menu ul li>.submenu.has-megamenu {
     left: -500px;
     width: 1000px;
     padding-left: 120px
 }

 .it-header-2-main-menu ul li>.submenu.has-megamenu li {
     width: 33.33%;
     float: left
 }

 .it-footer-text p {
     font-style: normal;
     line-height: 32px
 }

 .it-footer-social a {
     height: 35px;
     width: 35px;
     background-color: #4d5756;
     line-height: 35px;
     color: var(--it-common-white);
     transition: .3s;
     background-color: rgb(10 185 156 / 67%);
     background-color: rgb(229 182 34 / 73%);
 }

 .it-footer-list ul li a,
 .it-footer-top-text a {
     background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
     background-image: linear-gradient(#fff, #e1b221), linear-gradient(#d7ab20, #d9ad20);
     background-size: 0 1px, 0 1px;
     background-position: 100% 100%, 0 100%;
     background-repeat: no-repeat;
     transition: background-size .3s linear
 }

 .it-footer-social a:not(:last-child) {
     margin-right: 7px
 }

 .it-footer-social a:hover {
     background-color: var(--blue);
     background-color: #f5c307;
     color: var(--it-common-white);
     transform: translateY(-5px);
     transition: 0.4s;
 }

 .it-footer-title {
     font-size: 22px;
     font-weight: 700;
     padding-top: 10px;
     text-transform: capitalize;
     color: var(--y);
     margin-bottom: 30px
 }

 .it-footer-list ul li a {
     display: inline
 }

 .it-footer-list ul li a i {
     display: inline-block;
     position: absolute;
     top: 10px;
     left: 12px
 }

 .it-footer-top-icon span {
     font-size: 25px;
     height: 70px;
     width: 70px;
     line-height: 70px;
     margin-right: 30px;
     border: 1px solid rgb(244 244 244 / .5);
     background-color: rgb(255 255 255 / .05);
     color: var(--it-common-white)
 }

 .it-footer-top-icon span .phone {
     transform: rotate(89deg)
 }

 .it-footer-top-text span {
     font-size: 15px;
     font-weight: 500;
     display: block;
     margin-bottom: 7px;
     color: var(--it-theme-4)
 }

 .it-footer-top-text a {
     color: var(--it-common-white);
     font-size: 26px;
     font-weight: 700;
     display: inline
 }

 .un_list li,
 section.circle_time_benfits .un_list li {
     font-family: Roboto;
     line-height: 1.8;
     font-size: 15px;
     margin-bottom: 15px
 }

 @media only screen and (min-width:1200px) and (max-width:1399px) {
     .postbox__text p {
         font-size: 16px
     }

     .postbox__comment-title {
         font-size: 22px
     }

     .postbox__comment-name h5 {
         font-size: 18px
     }

     .tagcloud a {
         font-size: 13px;
         padding: 0 36px
     }

     .it-feature-item {
         padding: 40px 30px
     }

     .it-feature-3-item {
         padding: 30px 20px
     }

     .it-feature-2-style .it-feature-text p {
         font-size: 14px
     }

     .it-feature-3-style .it-feature-3-content p,
     .it-footer-text p {
         font-size: 15px
     }

     .it-sv-details-title {
         font-size: 38px
     }

     .it-footer-top-text a {
         font-size: 20px
     }
 }

 .it-footer-top-info {
     position: relative;
     padding: 60px 0
 }

 .it-footer-top-info::after {
     position: absolute;
     content: "";
     top: 0;
     right: -24px;
     width: 1px;
     height: 100%;
     border: 1px solid rgb(255 255 255 / .3)
 }

 .it-footer-border {
     border-bottom: 1px solid rgb(255 255 255 / .3)
 }

 .it-footer-top-col-2 {
     padding-left: 75px
 }

 @media only screen and (min-width:992px) and (max-width:1199px) {

     .it-feature-text p,
     .postbox__navigation-content h5 {
         font-size: 15px
     }

     .tagcloud a {
         font-size: 13px;
         padding: 0 36px
     }

     .it-feature-item {
         padding: 30px 15px
     }

     .it-feature-2-style .it-feature-text p,
     .it-feature-3-style .it-feature-3-content p {
         font-size: 13px
     }

     .it-sv-details-title {
         font-size: 34px
     }

     .it-newsletter-right input {
         height: 40px;
         line-height: 40px;
         font-size: 14px
     }

     .it-footer-top-icon span {
         font-size: 20px;
         height: 50px;
         width: 50px;
         line-height: 50px
     }

     .it-footer-top-text a {
         font-size: 18px
     }

     .it-footer-top-col-2 {
         padding-left: 50px
     }
 }

 .it-footer-top-col-2.it-footer-top-info::after {
     right: -55px
 }

 .it-copyright-height {
     background-color: #0e2a46;
     padding: 5px 0;
     border-top: 1px dashed #ffffff47
 }

 .it-copyright-text p {
     color: var(--it-common-white);
     font-size: 17px;
     font-weight: 400;
     margin-bottom: 0
 }

 @media only screen and (min-width:1200px) and (max-width:1399px),
 only screen and (min-width:992px) and (max-width:1199px),
 only screen and (min-width:768px) and (max-width:991px),
 (max-width:767px) {
     .it-section-subtitle-2 {
         font-size: 12px;
         height: 28px;
         line-height: 28px;
         padding: 0 17px
     }

     .it-about-2-text p,
     .it-about-text p,
     .it-contact-text p,
     .it-copyright-text p,
     .it-event-2-text p,
     .it-header-2-top-left ul li a,
     .it-sv-details-top-content p,
     .it-teacher-details-left-info ul li a {
         font-size: 14px
     }

     .it-course-price-box span {
         font-size: 21px
     }

     .it-course-style-2 .it-course-content {
         margin: 0 20px
     }

     .it-about-2-right {
         margin-left: 0
     }

     .it-about-2-text p br,
     .it-contact-text p br,
     .it-event-2-text p br,
     .it-value-title-box p br {
         display: none
     }

     .it-about-5-thumb img {
         max-width: 100%
     }

     .it-price-category span {
         padding: 0 60px;
         font-size: 17px;
         margin-top: 0
     }

     .it-footer-list ul li a,
     .it-price-list ul li {
         font-size: 15px
     }

     .it-choose-shape-4 {
         top: 150px;
         left: 35%
     }

     .it-choose-shape-5 {
         bottom: -20%
     }

     .it-funfact-bg-wrap {
         padding: 40px 25px
     }

     .it-teacher-details-wrap {
         font-size: 14px;
         padding: 50px 20px
     }

     .blog-item-box {
         padding: 20px 20px 20px
     }

     .it-sv-details-sidebar {
         padding-left: 0
     }

     .it-footer-title {
         font-size: 20px
     }
 }

 .it-breadcrumb-list span:not(:last-child),
 .it-copyright-text p a {
     font-weight: 700;
     color: #f5c307
 }

 .it-copyright-right a {
     color: var(--it-common-white);
     font-size: 17px;
     font-weight: 400;
     transition: .3s
 }

 .footer-col-2 {
     padding-left: 35px
 }

 @media only screen and (min-width:768px) and (max-width:991px),
 (max-width:767px) {
     .it-contact-timer h6 {
         padding: 25px 10px;
         font-size: 30px
     }

     .it-event-thumb-box,
     .it-team-right-box,
     .it-value-right-wrap {
         margin-left: 0
     }

     .it-event-shape-6 {
         top: 50px
     }

     .it-event-2-content {
         padding: 30px 22px
     }

     .it-evn-details-title {
         font-size: 30px
     }

     .it-evn-details-wrap {
         margin-right: 0;
         margin-bottom: 50px
     }

     .it-testimonial-slide-wrap {
         padding: 80px 20px
     }

     .it-blog-style-3 .blog-title,
     .it-blog-style-4 .blog-title,
     .it-testimonial-user-name {
         font-size: 20px
     }

     .it-testimonial-slide-info p {
         font-size: 13px;
         padding-right: 0
     }

     .it-error-thumb,
     .it-teacher-details-left,
     .it-team-left {
         margin-bottom: 50px
     }

     .it-team-text p {
         padding-right: 0;
         font-size: 14px
     }

     .it-team-author-name {
         font-size: 17px
     }

     .it-teacher-details-right {
         padding: 60px 15px;
         margin-left: 0
     }

     .it-faq-wrap {
         margin-right: 0;
         margin-top: 50px;
         transform: translateX(0)
     }

     .it-faq-thumb img,
     .postbox__content p img {
         width: 100%
     }

     .it-progress-bar-wrap,
     .it-sv-details-top-content,
     .postbox__content-wrap .it-contact-wrap {
         margin-bottom: 60px
     }

     .it-blog-style-3 .it-blog-content,
     .it-blog-style-6 .it-blog-content {
         padding: 25px 25px 45px
     }

     .postbox__details-wrapper {
         padding-right: 0;
         margin-bottom: 70px
     }

     .it-footer-top-text a,
     .postbox__meta-2 a {
         font-size: 13px
     }

     .it-feature-2-style .it-feature-text p {
         font-size: 14px
     }

     .it-sv-details-top-thumb {
         margin-right: 0
     }

     .it-sv-details-top-thumb img {
         width: 100%;
         margin-bottom: 30px
     }

     .it-sv-details-title {
         font-size: 26px
     }

     .it-sv-details-middle-thumb a {
         height: 50px;
         width: 50px;
         line-height: 50px;
         font-size: 12px
     }

     .it-newsletter-right input {
         height: 40px;
         line-height: 40px;
         font-size: 14px
     }

     .it-newsletter-right button.it-btn {
         height: 45px;
         line-height: 45px;
         font-size: 12px;
         padding: 0 20px
     }

     .it-footer-top-icon span {
         font-size: 20px;
         height: 50px;
         width: 50px;
         line-height: 50px;
         margin-right: 15px
     }

     .it-footer-top-text span {
         font-size: 12px
     }

     .footer-col-2,
     .it-footer-top-col-2 {
         padding-left: 0
     }
 }

 .footer-col-3 {
     margin-left: -15px
 }

 .footer-col-4 {
     margin-left: 35px
 }

 .footer-col-6 {
     margin-left: -30px
 }

 @media only screen and (min-width:992px) and (max-width:1199px),
 only screen and (min-width:768px) and (max-width:991px),
 (max-width:767px) {
     .it-contact__right-box {
         margin-right: 0
     }

     .it-event-style-3 .it-event-2-meta span,
     .it-event-style-4 .it-event-2-meta span {
         display: block
     }

     .it-evn-details-text p {
         padding-right: 0;
         font-size: 14px
     }

     .it-evn-details-wrap .postbox__meta span,
     .it-evn-sidebar-list ul li,
     .it-teacher-details-right .it-progress-bar-item label,
     .it-teacher-details-right-content p,
     .it-teacher-details-right-title-box p,
     .it-testimonial-5-text p,
     .postbox__details-share a,
     .postbox__text p {
         font-size: 14px
     }

     .footer-col-3,
     .footer-col-4,
     .it-evn-sidebar-box,
     .it-newsletter-right {
         margin-left: 0
     }

     .it-testimonial-5-item-wrap .it-testimonial-3-author-box {
         padding-left: 0;
         justify-content: center
     }

     .it-team-button a {
         margin-bottom: 20px
     }

     .it-teacher-details-right .it-progress-bar-wrap h4 {
         font-size: 18px
     }

     .blog-meta span {
         font-size: 13px
     }

     .blog-meta span:not(:last-child) {
         margin-right: 15px
     }

     .postbox__comment-title,
     .sidebar__widget-title {
         font-size: 20px
     }

     .postbox__comment-name h5,
     .postbox__details-tag span,
     .postbox__item p {
         font-size: 17px
     }

     .postbox__social {
         margin-top: 40px
     }

     .rc__post-title {
         font-size: 14px;
         margin-right: 0
     }

     .it-sv-details-sidebar-title,
     .sidebar__wrapper {
         padding-left: 0
     }

     .it-footer-text p br,
     .it-footer-top-info::after,
     .sidebar__widget-title br {
         display: none
     }

     .it-footer-text p,
     .it-newsletter-left span {
         font-size: 15px
     }

     .it-newsletter-right button {
         right: 5px
     }

     .footer-col-6 {
         margin-left: 0;
         margin-right: 20px
     }
 }

 .footer-col-7 {
     transform: translateX(25px)
 }

 @media only screen and (min-width:992px) and (max-width:1199px),
 (max-width:767px) {
     .it-course-2-wrap {
         flex-wrap: wrap
     }

     .it-course-2-wrap .it-course-thumb {
         width: 100%;
         margin-bottom: 30px
     }

     .it-course-2-wrap .it-course-thumb img {
         width: 100%
     }

     .it-about-3-title-box p br {
         display: none
     }

     .sidebar__widget.color-box {
         padding: 40px 20px
     }

     .footer-col-8 {
         padding-left: 0
     }
 }

 .table-content .table>:not(:first-child) {
     border-top: 0
 }

 .table-content table {
     background: #fff;
     border-color: #eaedff;
     border-radius: 0;
     border-style: solid;
     border-width: 1px 0 0 1px;
     text-align: center;
     width: 100%;
     margin-bottom: 0
 }

 .table-content .table>:not(:last-child)>:last-child>* {
     border-bottom-color: #eaedff
 }

 .table-content .product-quantity {
     float: none
 }

 .table-content table td.product-name {
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize
 }

 .table-content table td {
     border-top: none;
     padding: 20px 10px;
     vertical-align: middle;
     font-size: 16px
 }

 .table-content table td,
 .table-content table th {
     border-bottom: 1px solid #eaedff;
     border-right: 1px solid #eaedff
 }

 .product-quantity>input {
     color: #000;
     font-size: 14px;
     font-weight: 400;
     border: 1px solid #dcdcdc;
     height: 22px;
     line-height: 22px;
     padding: 0;
     width: 80px;
     text-align: center
 }

 .table td,
 .table th {
     border-top: 1px solid #eaedff
 }

 .table-content table td .cart-plus-minus {
     float: none;
     margin: 0 auto
 }

 #coupon_code {
     height: 58px;
     border: 2px solid #eaedff;
     padding: 0 30px;
     margin-right: 10px;
     width: auto
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .postbox__meta span {
         font-size: 14px
     }

     .sidebar__search input {
         font-size: 15px
     }

     .tagcloud a {
         font-size: 13px;
         padding: 0 36px
     }

     .it-feature-3-style .it-feature-3-content p {
         font-size: 13px
     }

     .it-newsletter-left .main_title {
         font-size: 30px
     }

     .it-error-title {
         font-size: 34px
     }

     .it-error-content p {
         padding-right: 150px;
         font-size: 14px
     }

     .product-quantity>input {
         width: inherit
     }

     .coupon .it-btn-red,
     .coupon2 .it-btn {
         padding: 0 35px
     }
 }

 .cart-page-total {
     padding-top: 50px
 }

 .cart-page-total>h2 {
     font-size: 25px;
     margin-bottom: 20px;
     text-transform: capitalize
 }

 .cart-page-total>ul,
 .payment-method .accordion .card:first-of-type {
     border: 1px solid #eaedff
 }

 .cart-page-total>ul>li {
     list-style: none;
     font-size: 15px;
     color: #6f7172;
     padding: 10px 30px;
     border-bottom: 1px solid #eaedff;
     font-weight: 400
 }

 td.product-thumbnail img {
     width: 60px
 }

 .cart-minus,
 .cart-plus {
     width: 20px;
     height: 20px;
     border: 1px solid #e7e7e7;
     display: inline-block;
     vertical-align: middle;
     text-align: center;
     font-size: 14px;
     line-height: 18px;
     cursor: pointer
 }

 .coupon-accordion h3 {
     background-color: #f7f7f7;
     border-top: 3px solid var(--blue);
     font-size: 14px;
     font-weight: 400;
     margin: 0 0 25px;
     padding: 1em 2em 1em 3.5em;
     position: relative;
     width: auto
 }

 .form-row>label,
 p.lost-password {
     margin-top: 15px
 }

 .coupon-accordion h3::before {
     content: "\f07b";
     left: 15px;
     top: 13px;
     position: absolute;
     color: var(--blue);
     font-family: "font awesome 5 pro";
     font-weight: 700
 }

 .coupon-accordion span {
     color: #6f7172;
     cursor: pointer;
     transition: .3s;
     font-weight: 500
 }

 .coupon-content {
     border: 1px solid #eaedff;
     display: none;
     margin-bottom: 20px;
     padding: 30px
 }

 .coupon-info p.form-row-first label,
 .coupon-info p.form-row-last label {
     display: block;
     color: #6f7172
 }

 .coupon-info p.form-row-first label span.required,
 .coupon-info p.form-row-last label span.required {
     color: var(--blue);
     font-weight: 700
 }

 .coupon-info p.form-row-first input,
 .coupon-info p.form-row-last input {
     border: 1px solid #eaedff;
     height: 45px;
     margin: 0 0 14px;
     max-width: 100%;
     padding: 0 0 0 10px;
     width: 100%;
     outline: 0;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -ms-box-shadow: none;
     -o-box-shadow: none;
     box-shadow: none
 }

 .checkout-form-list input[type=email]:focus,
 .checkout-form-list input[type=password]:focus,
 .checkout-form-list input[type=text]:focus,
 .coupon-info p.form-row-first input:focus,
 .coupon-info p.form-row-last input:focus,
 .order-notes textarea:focus,
 p.checkout-coupon input[type=text]:focus {
     border-color: var(--it-common-black)
 }

 .coupon-info p.form-row input[type=submit]:hover,
 .order-button-payment input:hover,
 p.checkout-coupon input[type=submit]:hover {
     background: #3e976c
 }

 .coupon-info p.form-row input[type=checkbox],
 .your-order-table table .shipping ul li input {
     position: relative;
     top: 2px
 }

 .form-row>label {
     margin-left: 15px;
     color: #6f7172
 }

 .buttons-cart a,
 .buttons-cart input,
 .coupon input[type=submit],
 .coupon-info p.form-row input[type=submit] {
     background: #252525;
     border: none;
     color: #fff;
     display: inline-block;
     float: left;
     font-size: 12px;
     font-weight: 700;
     height: 40px;
     line-height: 40px;
     margin-right: 15px;
     padding: 0 15px;
     text-transform: uppercase;
     transition: .3s
 }

 p.lost-password a {
     color: #6f6f6f
 }

 p.checkout-coupon input[type=text] {
     height: 45px;
     padding: 0 15px;
     width: 100%;
     border: 1px solid #eaedff;
     margin-bottom: 15px;
     outline: 0;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -ms-box-shadow: none;
     -o-box-shadow: none;
     box-shadow: none
 }

 .checkbox-form h3 {
     border-bottom: 1px solid #eaedff;
     font-size: 26px;
     margin: 0 0 20px;
     padding-bottom: 10px;
     width: 100%
 }

 .country-select {
     margin-bottom: 30px;
     position: relative
 }

 .country-select select {
     width: 100%;
     background-color: #fff0;
     border: 1px solid #eaedff;
     padding: 0 10px;
     height: 50px
 }

 .checkout-form-list label,
 .country-select label {
     color: #6f7172;
     display: block;
     margin: 0 0 5px
 }

 .country-select .nice-select {
     border: 1px solid #eaedff;
     height: 45px;
     padding-left: 10px;
     width: 100%;
     color: #6f7172;
     margin-bottom: 20px
 }

 .checkout-form-list label,
 .your-order-table table .shipping ul li label {
     color: #6f7172
 }

 .checkout-form-list input[type=email],
 .checkout-form-list input[type=password],
 .checkout-form-list input[type=text] {
     background: #fff;
     border: 1px solid #eaedff;
     border-radius: 0;
     height: 45px;
     padding: 0 0 0 10px;
     width: 100%;
     outline: 0;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -ms-box-shadow: none;
     -o-box-shadow: none;
     box-shadow: none
 }

 .checkout-form-list input[type=email]::-moz-placeholder,
 .checkout-form-list input[type=password]::-moz-placeholder,
 .checkout-form-list input[type=text]::-moz-placeholder {
     color: #6f7172;
     opacity: 1
 }

 .checkout-form-list input[type=email]::placeholder,
 .checkout-form-list input[type=password]::placeholder,
 .checkout-form-list input[type=text]::placeholder {
     color: #6f7172;
     opacity: 1
 }

 input[type=checkbox],
 input[type=radio] {
     display: inline-block;
     margin-right: 10px;
     position: relative;
     top: -1px;
     height: 15px;
     width: 15px
 }

 .create-acc label {
     color: #6f7172;
     display: inline-block
 }

 .ship-different-title h3 label {
     display: inline-block;
     margin-right: 20px;
     color: var(--it-common-black)
 }

 .order-notes textarea {
     border: 1px solid #eaedff;
     height: 120px;
     padding: 15px;
     width: 100%;
     outline: 0;
     resize: none
 }

 .order-notes textarea::-moz-placeholder {
     color: #6f7172;
     opacity: 1
 }

 .order-notes textarea::placeholder {
     color: #6f7172;
     opacity: 1
 }

 .card-header:first-child,
 .more-cta img,
 .panel-default>.panel-heading,
 .panel-group .panel {
     border-radius: 0
 }

 .your-order {
     padding: 30px 40px 45px;
     border: 3px solid #f7f7f7
 }

 .your-order h3 {
     border-bottom: 1px solid #eaedff;
     font-size: 30px;
     margin: 0 0 20px;
     padding-bottom: 10px;
     width: 100%
 }

 .your-order-table table {
     background: 0 0;
     border: 0;
     width: 100%
 }

 .your-order-table table td,
 .your-order-table table th {
     border-bottom: 1px solid #eaedff;
     border-right: none;
     color: #6f7172;
     font-size: 14px;
     padding: 15px 0;
     text-align: left
 }

 @media(max-width:767px) {
     .postbox__details-tag a {
         padding: 0 10px;
         font-size: 14px;
         margin-bottom: 10px
     }

     .postbox__meta span {
         font-size: 13px
     }

     .postbox__content-img img {
         margin-right: 0
     }

     .postbox__content-img {
         flex-wrap: wrap
     }

     .postbox__slider-arrow-wrap {
         display: none
     }

     .sidebar__search input {
         padding-right: 40px;
         padding-left: 15px;
         font-size: 14px
     }

     .tagcloud a {
         font-size: 13px;
         padding: 0 36px
     }

     .it-error-content p,
     .it-feature-3-style .it-feature-3-content p {
         font-size: 14px
     }

     .it-newsletter-height {
         height: 285px
     }

     .it-newsletter-left {
         margin-bottom: 30px
     }

     .it-newsletter-left .main_title {
         font-size: 25px;
         padding-bottom: 10px
     }

     .it-error-title {
         font-size: 31px
     }

     .it-footer-top-info {
         padding: 15px 0
     }

     .footer-col-7 {
         transform: translateX(0)
     }

     .coupon {
         float: none
     }

     #coupon_code {
         margin-bottom: 15px
     }

     .coupon2 {
         float: none;
         margin-top: 15px
     }

     .your-order {
         padding: 15px
     }

     .your-order-table table td,
     .your-order-table table th {
         font-size: 13px;
         padding-right: 10px
     }
 }

 .your-order-table table th {
     border-top: none;
     color: #6f7172;
     font-weight: 400;
     text-align: left;
     vertical-align: middle;
     white-space: nowrap;
     width: 250px
 }

 .panel-body>p {
     color: #222
 }

 .your-order-table table .shipping th {
     vertical-align: top
 }

 .your-order-table table .order-total th {
     border-bottom: 0;
     font-size: 14px
 }

 .your-order-table table tr.cart_item:hover {
     background: #f9f9f9
 }

 .your-order-table table tr.order-total td span {
     color: var(--it-common-black);
     font-size: 18px;
     font-weight: 500
 }

 .payment-method {
     margin-top: 40px
 }

 .payment-method .accordion-item:last-of-type {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0
 }

 .payment-method .accordion-item {
     background-color: #fff;
     border: 0;
     border-bottom: 1px solid #e7e7e7
 }

 .payment-method .accordion-button {
     font-size: 16px;
     font-weight: 500;
     color: var(--it-common-black);
     padding: 23px 0;
     border: none
 }

 .payment-method .accordion-button::after {
     position: absolute;
     content: "\f067";
     right: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     font-size: 16px;
     font-weight: 400;
     margin-left: 0;
     background-image: none;
     color: var(--it-common-black);
     font-family: "font awesome 5 pro"
 }

 .payment-method .accordion-button:not(.collapsed) {
     color: var(--it-common-black);
     background-color: var(--it-common-white);
     box-shadow: none
 }

 .payment-method .accordion-button:not(.collapsed)::after {
     content: "\f068";
     font-family: "font awesome 5 pro"
 }

 .payment-method .accordion-body {
     padding: 8px 0 40px
 }

 .order-button-payment input {
     background: #232323;
     border: none;
     color: #fff;
     font-size: 15px;
     font-weight: 600;
     height: 40px;
     margin: 0;
     padding: 0;
     text-transform: uppercase;
     transition: .3s;
     width: 100%
 }

 .blue_bg,
 .top_strip_nav li {
     background-color: #f17721;
 }

 .payment-method .btn-link {
     -moz-user-select: none;
     background: no-repeat;
     border: none;
     border-radius: 0;
     color: #444;
     cursor: pointer;
     display: inline-block;
     font-size: 14px;
     font-weight: 500;
     letter-spacing: 1px;
     line-height: 1;
     margin-bottom: 0;
     padding: 3px 10px;
     text-align: center;
     text-transform: uppercase;
     transition: .3s;
     vertical-align: middle;
     white-space: nowrap;
     text-decoration: none
 }

 .payment-method .card {
     background-color: #fff;
     border: 1px solid #eaedff;
     border-radius: 0;
     margin-bottom: 10px
 }

 .payment-method .card-header {
     background-color: #fff;
     border-bottom: 1px solid #eaedff
 }

 .home_ban_content {
     padding-top: 0 !important;
     z-index: 1
 }

 .ban_image {
     border-right: 20px solid #fff;
     border-radius: 41px;
     position: relative;
     bottom: 39px;
     left: 73px;
     width: 100%;
     max-width: 71%;
     margin: auto !important
 }

 .counters img {
     width: 50px
 }

 .text_blue {
     color: #297cc7 !important;
     /* text-shadow: 1.2px 0px #fff; */
 }

 .foot_add lord-icon {
     position: absolute;
     left: -20px;
     top: 2px
 }

 .it-footer-logo {
     /* background-image: url(../images/elegant-white-background-with-shiny-lines_1017-17580.jpg);
                background-image: url(../images/body-bg.png); */
     background-color: #fff;
     background-size: cover;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 9px;
     padding: 10px;
     width: 100%;
     max-width: 60%;
 }

 @media screen and (max-width:1290px) {
     .ban_image {
         position: relative;
         bottom: -2px;
         left: 153px;
         border-right: 20px solid #fff;
         border-radius: 41px;
         width: 100%;
         max-width: 74%;
         margin: auto !important
     }
 }

 .miyapur_campus {
     border-radius: 100%;
     width: 220px;
     height: 220px;
     margin: 10px;
     border: 8px solid #ffffffad
 }

 .it-career-item:hover .miyapur_campus {
     border: 3px solid #fff;
     transition: .5s
 }

 .it-choose-style-2 .it-choose-icon span {
     height: 80px;
     width: 80px;
     line-height: 88px;
     text-align: center;
     display: inline-block;
     background-color: var(--it-theme-4);
     border-radius: 50%;
     color: var(--it-common-white);
     transition: .5s;
     font-size: 35px;
     display: flex;
     justify-content: center;
     align-items: center
 }

 .it-choose-icon span img {
     width: 40px;
     height: 40px
 }

 .it-choose-style-2 .it-choose-content:hover .black_icon {
     display: block !important
 }



 .facilities .it-category-icon video {
     width: 55px;
     height: 55px;
     border-radius: 100%
 }

 .top_strip_nav li {
     padding: 0 10px;
     color: #fff;
     border-radius: 3px;
     line-height: 22px;
     font-size: 14px;
     font-weight: 600;
     margin: 0 10px;
     font-family: Roboto;
     border-bottom: 2.5px solid #f5c307;
     border-bottom: 2.5px solid #fff;
     color: #ffffff;
 }

 .top_strip_nav li:hover {
     background-color: var(--y);
     background-color: #297cc7;
     color: #fff;
 }

 .w-500 {
     width: 500px !important
 }

 .miyapur_banners {
     position: relative;
     width: 100%;
     height: 100vh;
     height: 75vh;
 }

 .infra-cont,
 .miyapur_banners .it-hero-2-bg {
     display: flex;
     justify-content: center;
     align-items: center
 }

 header {
     height: 112px
 }

 .it-breadcrumb-bg {
     height: 82vh
 }

 .m_clap_cards {
     border: 1px solid #e5e5e5;
     padding: 20px;
     border-radius: 10px;
     background-color: #fff;
     box-shadow: 0 6px 25px rgb(0 0 0 / .07);
     transition: .5s;
     margin-bottom: 0;
     height: 100%;
     position: relative;
     min-height: 380px;
 }

 .cpdq,
 .crafts_bg {
     box-shadow: rgb(237 242 250 / 96%) 0 0 0 1000px inset;
     background-position: center;
     background-repeat: no-repeat;
 }

 .m_clap_cards:hover {
     transform: translateY(-5px)
 }

 .bg_gray {
     background-color: #0000000f;
     background-color: rgb(243, 242, 246);
 }

 .clap_img_div img {
     border: 2px solid #f5c81b;
     border-radius: 100%;
     width: 110px
 }

 .text_high {
     color: #f5c307;
     font-size: 15px;
     background-color: #343272;
     padding: 2px 10px;
     border-radius: 5px;
     display: inline-block;
     margin-bottom: 15px;
     font-weight: 500;
     text-transform: uppercase;
 }

 .un_list li {
     display: flex
 }

 .un_list li span {
     height: 30px;
     width: 30px;
     display: inline-block;
     text-align: center;
     line-height: 38px;
     border-radius: 20px;
     color: #f6c91c;
     font-size: 12px;
     margin-right: 15px
 }

 .un_list li i {
     font-weight: 600;
     font-size: 20px
 }

 .title_2 {
     font-size: 17px;
     font-weight: 700;
     shape-rendering: red;
     color: #297cc7
 }

 .How_do_we_implement {
     padding: 15px;
     border-radius: 25px;
     border-radius: 10px;
     background-image: url(../images/bg33.jpg);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     background-color: #2f2e83;
     color: #fff !important
 }

 .How_do_we_implement img {
     width: 100;
     max-width: 50%
 }

 .it-breadcrumb-list span:first-child {
     font-weight: 900;
     font-size: 20px
 }

 .it-header-2-main-menu ul li>.sub_sub_menu {
     position: absolute;
     top: 0;
     left: 30%;
     width: 260px;
     text-align: left;
     visibility: hidden;
     transition: .1s;
     transform-origin: top;
     -webkit-transform: perspective(300px) rotateX(-18deg);
     -moz-transform: perspective(300px) rotateX(-18deg);
     -ms-transform: perspective(300px) rotateX(-18deg);
     -o-transform: perspective(300px) rotateX(-18deg);
     transform: perspective(300px) rotateX(-18deg);
     border-top: 4px solid #fff;
     background-color: #e6bb10;
     box-shadow: rgb(149 157 165 / .2) 0 8px 24px;
     z-index: 9999;
     opacity: 0 !important
 }

 .it-header-2-main-menu ul li .submenu .has-dropdown::after,
 .media-area h3 span {
     color: var(--y)
 }

 .submenu li {
     position: relative !important
 }

 .it-header-2-main-menu ul li .submenu li:hover .sub_sub_menu {
     opacity: 1 !important
 }

 .admission_form form,
 .circle_time_Page_list {
     column-count: 2
 }

 #Development,
 #Improvement,
 .cpdq,
 .crafts_bg,
 .vid_sec,
 div#Transformation {
     background-size: cover
 }

 section.circle_time_benfits .un_list li {
     display: flex;
     background-color: #fff;
     padding: 5px;
     border-radius: 10px
 }

 .about-two__image .dots {
     top: 15%;
     right: 12%;
     z-index: -1;
     position: absolute
 }

 .about-two__image .shape {
     bottom: 5%;
     right: 5%;
     z-index: -1;
     position: absolute
 }

 .about-two__image {
     position: relative;
     z-index: 1
 }

 .methodologies ul li {
     font-size: 16px;
     font-weight: 600;
     margin: 15px 0;
     color: var(--b);
     transition: .5s;
     font-family: "Segoe UI", Sans-serif
 }

 .core_values_ul li p {
     margin: 0;
     font-size: 14px;
     font-weight: 600;
     color: #000;
     font-family: "League Spartan", sans-serif
 }

 .core_values_div {
     display: flex;
     flex-wrap: wrap;
     gap: 40px;
     justify-content: space-between
 }

 .core_values_ul li {
     display: flex;
     gap: 12px;
     display: flex;
     margin-bottom: 25px;
     transition: .5s
 }

 .core_values_ul li span {
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 50%;
     transition: var(--transition);
     border: 2px solid var(--y)
 }

 .it-section-subtitle {
     color: var(--y);
     color: #fff;
     font-size: 14px;
     font-weight: 400;
     height: 32px;
     line-height: 32px;
     padding: 0 22px;
     display: inline-block;
     margin-bottom: 10px;
     text-transform: uppercase;
     border-radius: 5px;
     background-color: var(--b);
     display: none;
 }

 .crafts_bg {
     background-image: url(../images/artist-tools-collection-with-copy-space_23-2148575573.jpg);
     backdrop-filter: blur(19px);
     blur: 10px
 }

 .art {
     position: absolute;
     bottom: 0;
     width: 300px;
     left: -40px;
     z-index: -1;
     opacity: .1
 }

 .cpdq {
     background-image: url(../images/global-economy-trending-with-rise-up-arrow-world-map_1017-45121.jpg)
 }

 .cpdq_page_training p {
     font-weight: 600;
     font-size: 21px;
     gap: 10px;
     position: relative
 }

 .cpdq_page_training p i {
     margin-right: 10px;
     color: var(--y)
 }

 .global_school_alliance_tabs .tab,
 .newsletter_page .tab {
     overflow: hidden;
     border: 1px solid #ccc;
     background-color: #f1f1f1;
     background-color: #f5c307;
     display: flex;
     justify-content: space-evenly
 }

 .global_school_alliance_tabs .tab button,
 .newsletter_page .tab button {
     background-color: inherit;
     float: left;
     border: none;
     outline: 0;
     cursor: pointer;
     padding: 14px 16px;
     transition: .3s;
     font-size: 17px;
     font-weight: 600;
     color: #297cc7;
     width: 100%
 }

 .five_steps_table tr:nth-child(odd),
 .global_school_alliance_tabs .tab button:hover {
     background-color: #ddd
 }

 .global_school_alliance_tabs .tab button.active,
 .newsletter_page .tab button.active {
     background-color: #297cc7;
     color: #fff;
 }

 .global_school_alliance_tabs .tabcontent {
     display: none;
     padding: 6px 12px;
     border: 1px solid #ccc;
     border-top: none
 }

 .global_school_alliance_tabs .tabcontent h4 {
     position: relative;
     margin-left: 40px;
     font-size: 18px;
     font-family: roboto
 }

 .global_school_alliance_tabs .tabcontent p {
     position: relative;
     margin-left: 40px
 }

 .global_school_alliance_tabs .tabcontent li {
     list-style-type: none;
     margin: 20px 0
 }

 .global_school_alliance_tabs .tabcontent h4::before {
     content: "\f14a";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     position: absolute;
     top: 0;
     left: -35px;
     color: #297cc7;
     box-shadow: 0 0 20px 0 #0003
 }

 #Improvement {
     display: block;
     background-image: url(../images/top-view-back-school-stationery-with-colorful-pencils-copy-space_23-2148587576.jpg);
     background-repeat: no-repeat;
     background-position: bottom
 }

 #Development {
     display: block;
     background-image: url(../images/chalkboard-with-colorful-chalk-pieces-close-up-focus-copy-space-vivid-detailed-double-exposure-silhouette-with-teacher-writing_103740-11955.jpg);
     background-repeat: no-repeat;
     color: #fff
 }

 div#Transformation {
     display: block;
     background-position: center;
     background-image: url(../images/close-up-graduation-certificate_23-2148928764.jpg)
 }

 .aliiance_certificate img {
     width: 100%;
     max-width: 50%;
     margin: auto;
     border: 2px solid #000;
     display: flex
 }

 .aliiance_certificate h3 {
     text-align: center;
     background-color: #297cc7;
     color: #fff;
     padding: 10px;
     border-radius: 5px;
     width: 100%;
     max-width: 50%;
     margin: auto auto 20px;
     font-weight: 700;
     font-family: Roboto;
     letter-spacing: 1px
 }

 /* ol {
                    font-family: system-ui, sans-serif;
                    color: hsl(0 0% 95%);
                    width: fit-content;
                    margin-block: 0;
                    margin-inline: auto;
                    padding-block: 2rem;
                    padding-inline: 0;
                    display: grid;
                    gap: 3rem;
                    list-style: none;
                    counter-reset: liCount;
                    --padding: 0.5rem;
                    --number-size: 3rem;
                    --indent: 3.5rem;
                    display: grid;
                    --text-column: minmax(calc(var(--number-size) * 2), 1fr);
                    grid-template-columns: var(--number-size) var(--text-column);
                    gap: .5rem;
                    grid-auto-flow: dense;
                    box-shadow: 2px 2px 5px hsl(0 0% 0% / .5);
                    margin-inline: var(--indent) 0rem;
                    padding-block: var(--padding);
                    padding-inline: var(--padding) calc(var(--padding) * 2);
                    border-radius: var(--border-radius);
                    background-color: var(--accent-color);
                    counter-increment: liCount
                } */

 .five_steps_table td {
     border: 1px solid #000;
     padding: 5px;
     font-size: 14px;
     border-color: inherit
 }

 table.five_steps_table {
     width: 100%;
     max-width: 90%;
     margin: auto
 }

 .parent_activities svg {
     vertical-align: middle;
     width: 30px;
     height: 30px
 }

 .vid_sec a,
 .vid_sec a::before,
 .vid_sec a:after {
     transform: translateX(-50%) translateY(-50%);
     display: block;
     width: 80px;
     height: 80px;
     border-radius: 50%;
     left: 50%;
     top: 50%
 }

 .parent_activities .minust_margin {
     margin-top: -10px
 }

 .parent_activities .minust_margin2 {
     margin-top: -40px
 }

 .heading_two {
     font-size: 28px;
     text-align: center;
     padding-bottom: 28px;
     font-weight: 500;
     color: var(--b)
 }

 .vid_sec {
     width: 100%;
     max-width: 70%;
     margin: auto auto 20px;
     height: 400px;
     background-position: center center;
     background-repeat: no-repeat;
     position: relative;
     background-image: url(../images/vid-bg.jpg);
     box-shadow: rgb(54 53 135 / 67%) 0 0 0 1000px inset;
     border-radius: 5px
 }

 .vid_sec a::before {
     background-color: #ffb703;
     content: "";
     position: absolute;
     z-index: 0;
     animation: 1.5s ease-out infinite pulse-border
 }

 .vid_sec a:after {
     content: "";
     position: absolute;
     z-index: 1;
     transition: .2s
 }

 @keyframes pulse-border {
     0% {
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         opacity: 1
     }

     100% {
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         opacity: 0
     }
 }

 .vid_sec i {
     transition: .3s;
     font-size: 30px;
     color: #010d14;
     position: relative
 }

 .labs i,
 .month-row,
 .mv-event-container,
 .vid_sec a {
     position: absolute
 }

 .vid_sec a {
     box-sizing: content-box;
     line-height: 90px;
     padding: 0;
     margin: 0 auto;
     z-index: 1;
     text-align: center;
     background-color: #ffb703
 }

 .imgs1 {
     /* width: 400px;
                                height: 400px;
                                border-radius: 100%;
                                object-position: center;
                                box-shadow: 30px 0 0 0 #f4c71c !important;
                                transition: .5s ease-in-out;
                                filter: drop-shadow(2px 4px 6px black); */
     box-shadow: 3px 3px var(--y);
     border-radius: 6px 6px 35px 11px;
     border: 3px solid var(--b) !important;
     border-top: none !important;
     border-left: none !important;
     filter: drop-shadow(2px 4px 6px black);
 }

 .cambridge_early tbody,
 td,
 tfoot,
 th,
 thead,
 tr {
     border: 1px solid #297cc7;
     padding: 5px;
     background-color: #fff;
     font-size: 16px;
     font-family: Roboto;
     border-color: inherit;
     box-shadow: 7px 11px 7px 0px #0000001f;
 }

 .cambridge_early table {
     caption-side: bottom;
     border-collapse: collapse;
     width: 100%;
     max-width: 90%;
     text-align: center
 }

 .cambridge_early th {
     background-color: #f5c81b;
     text-align: center
 }

 .cambridge_page_ul li,
 .secondary_cambridge_page_ul li {
     background-color: #fff;
     margin: 6px;
     display: inline-flex;
     border-radius: 4px;
     font-weight: 500;
     font-family: roboto !important;
     list-style-type: none;
     font-size: 15px;
     box-shadow: 3px 3px 6px 0px #00000069;
 }

 .cambridge_page_ul li {
     padding: 0px 10px;
     color: #297cc7;
 }

 .labs i {
     color: red;
     margin-right: 10px;
     left: 10px;
     top: 13px;
     font-size: 15px
 }

 .secondary_cambridge_page_ul li {
     padding: 5px 10px 5px 35px;
     color: #297cc7;
     align-items: center;
     font-size: 14px;
     position: relative
 }

 .secondary-program-grade li {
     list-style-type: none;
     text-align: left;
     padding-left: 30px
 }

 .career_page_span a {
     font-weight: 800;
     color: #297cc7;
     font-size: 20px
 }

 .career-guidance-program_download {
     padding: 10px 0;
     background-color: #297cc7;
     border-radius: 5px;
     color: var(--y);
     font-size: 20px;
     font-weight: 700;
     text-align: center
 }

 .career-guidance-program_download video {
     width: 40px;
     height: 40px;
     border-radius: 100%;
     position: relative;
     top: 10px
 }

 .career_doors_newsletter {
     background-color: var(--y);
     text-align: center;
     padding: 5px;
     border-radius: 10px;
     color: #000;
     display: block
 }

 .name_of_colleges {
     text-align: left;
     display: flex;
     flex-wrap: wrap;
 }

 .name_of_colleges li {
     list-style-type: auto;
     margin: 10px 0;
     font-weight: 500;
     flex: 1 1 calc(30.333% - 10px);
     margin: 10px 20px;
     color: #297cc7;
     /* Adjust the width to be one-third of the container */
 }

 .university_tabs_countries .tablinks {
     width: 100% !important;
     font-size: 14px !important;
     font-weight: 600;
     padding: 0px;
     line-height: 1.5 !important;
     padding: 5px 5px !important;
 }

 .career_guidence_tabs .tab button {
     width: 100%;
     font-size: 24px;
     font-weight: 600;
 }

 .career_guidence_tabs .tab button.active {
     background-color: #297cc7;
     color: #f5c81b;
     text-decoration: underline;
     text-decoration-color: #fff
 }

 .career_guidence_tabs h3 {
     color: var(--b)
 }

 .month-row {
     left: 0;
     width: 100%;
     overflow: hidden
 }

 .mv-event-container {
     overflow: hidden;
     top: 14px;
     bottom: 0;
     left: 0;
     width: 100%;
     background: #fff;
     border-top: 1px solid #bcf;
     border-bottom: 1px solid #bcf
 }

 .st-dtitle {
     border-left: 1px solid #ddd;
     border-top: 1px solid #ddd;
     background: #f8f9ff;
     color: #666;
     padding: 0 2px 0 0;
     text-align: end;
     line-height: 16px;
     overflow: hidden
 }

 .download_calender,
 .you_link_btn {
     background-color: var(--b);
     color: #fff
 }

 .download_calender {
     text-align: center;
     padding: 10px 50px;
     border-radius: 10px;
     margin: 20px 0;
     font-weight: 600
 }

 .you_link_btn {
     padding: 10px;
     display: block;
     width: 100%;
     text-align: center;
     border-radius: 5px;
     font-size: 23px;
     font-weight: 700;
     margin-bottom: 40px
 }

 .cbse,
 .procedure_cards,
 .procedure_cards span {
     background-color: #fff;
     text-align: center
 }

 .cbse,
 .cbse p {
     color: #297cc7
 }

 .contact_branch {
     padding: 30px;
     border: 1px solid #ddddddab;
     border-radius: 4px;
     box-shadow: 0 0 15px 8px #00000014;
     background-color: #fff;
 }

 .cbse {

     width: 100%;
     padding: 10px;
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     border-radius: 5px;
     margin: 15px 0
 }

 .cbse p {
     font-size: 18px;
     font-weight: 600
 }

 .adm_ul span {
     color: var(--y);
     margin-right: 10px;
     font-weight: 800
 }

 .library .quote {
     background-color: var(--blue);
     color: #fff;
     padding: 2rem;
     border-radius: 10px
 }

 .library .quote p {
     font-size: 20px;
     text-align: center
 }

 .library .quote h3 {
     font-size: 23px;
     margin-bottom: 0
 }

 .quote-box {
     margin: 2.3rem 0
 }

 .quote i {
     font-size: 2rem
 }

 .nutrition-table {
     text-align: center;
     padding-top: 3rem
 }

 .nutrition-table img {
     width: 75%;
     margin: 0 auto;
     padding: 1rem 0
 }

 .procedure_cards {
     padding: 10px;
     border-radius: 5px;
     margin: 10px 0;
     height: 100%;
     box-shadow: 1px 1px 1px 1px #f6c91c;
     box-shadow: 2px 2px 8px 2px #0000001f;
     background-color: #297cc7;
     color: #fff;
     text-align: left;
 }

 .procedure_cards h5 {
     position: relative;
     color: var(--b);
     background-color: #d3e3fd;
     padding: 5px;
     border-radius: 2px;
 }

 .procedure_cards svg {
     width: 50px;
     height: 50px;
     margin-bottom: 30px;
     position: relative
 }

 .procedure_cards span {
     width: 35px;
     height: 35px;
     border-radius: 100%;
     position: relative;
     padding: 6px;
     justify-content: center;
     align-items: center;
     font-size: 20px;
     font-weight: 700;
     color: #297cc7;
     box-shadow: 1px 1px 20px 0 #297cc761;
     margin-right: 15px;
     border: 1px solid #0003
 }

 .procedure_cards p {
     text-align: left;
     padding: 5px
 }

 .procedure .procedure_row {
     background-color: #eceff7;
     border-radius: 10px;
     box-shadow: 2px 2px 8px 2px #00000040
 }

 .procedure_cards svg::after {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     border: 1px solid red
 }

 .adm_proc_proced,
 .admission_form {
     border-radius: 10px;
     background-color: #fff
 }

 .adm_proc_proced {
     margin: 20px;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     background-image: url(../images/hands-typing-keyboard-with-abstract-reflection-concept-as-hands-typing-keyboard-with-gloss_980716-504969.jpg);
     box-shadow: rgb(242 198 27 / 83%) 0 0 0 1000px inset;
     backdrop-filter: blur(5px);
     filter: drop-shadow(2px 4px 6px black)
 }

 .admission_form {
     padding: 30px
 }

 .admission_form h5 {
     color: var(--b);
     text-align: center;
     font-size: 23px;
     font-weight: 700;
     font-family: roboto;
     margin-bottom: 30px;
     padding: 0 30px
 }

 .admission_form .form-label {
     margin-bottom: .3rem;
     font-size: 14px
 }

 .form-label {
     margin-bottom: .3rem;
     font-size: 14px
 }

 .form-select,
 .admission_form form .form-control {
     background-color: #edf2fa
 }

 input {
     height: 40px;
     width: 100%;
     border: none;
     outline: 0;
     padding: 0 20px;
     line-height: 58px;
     font-size: 14px;
     color: var(--it-common-black)
 }

 input::-webkit-inner-spin-button,
 input::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0
 }

 input[type=number] {
     -moz-appearance: textfield
 }

 .media-area b {
     color: #2f4f4f
 }

 .media-area .top-gap {
     padding-top: 4rem
 }

 .img-height {
     max-width: 60%
 }

 .media-cont {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column
 }

 .media-area .top-level h3 {
     font-size: 20px;
     padding: .8rem 0 0;
     line-height: 1.8rem
 }

 .media-area .top-level {
     box-shadow: 0 8px 5px #f4c3074f;
     padding: 1rem;
     border-radius: 10px;
     min-height: 100%
 }

 .medals .long-img {
     text-align: center;
     background-color: var(--blue);
     border-top-left-radius: 20px;
     border-top-right-radius: 20px
 }

 .medals .long-img img {
     max-width: 50%;
     border-radius: 0
 }

 .medals h3,
 .read-more h3,
 .slider h3 {
     font-size: 20px;
     padding-top: .5rem;
     line-height: 1.8rem
 }

 .medals {
     box-shadow: 0 0 10px #80808096;
     min-height: 100%;
     background: #f5c3070f;
     border-radius: 20px
 }

 .medals .medals-cont {
     padding: .4rem 1rem
 }

 .medals .medals-cont p {
     margin-bottom: .5rem;
     line-height: 25px
 }

 .more-cta {
     background-color: #55549a21;
     min-height: 100%;
     box-shadow: 0 0 6px #297cc7;
     border: 1px solid #e5e5e5;
     padding: 10px;
     border-radius: 5px;
     background-color: #fff;
     box-shadow: 0 6px 25px rgb(0 0 0 / .07);
     transition: .5s;
     height: 100%;
     position: relative;
     min-height: 700px;
 }

 .more-cont {
     padding: 0.5rem
 }

 .read-link {
     color: #f5c307;
     font-weight: 700;
     background-color: #297cc7;
     padding: .5rem 1rem;
     border-radius: 10px
 }

 .read-link:hover {
     color: #297cc7;
     background-color: #f5c307
 }

 .slider {
     background-color: #8080801f;
     padding: 2rem
 }

 .stu_newslet_cards a {
     background-color: #fff;
     padding: 5px;
     display: block;
     border-radius: 5px;
     box-shadow: 2px 2px 10px 2px #00000024
 }

 .stu_newslet_cards h6 {
     margin-bottom: 0;
     padding: 10px 0;
     text-align: center;
     color: var(--b);
     font-family: Roboto;
     font-size: 18px
 }

 .awards_achiev_cards,
 .stu_newslet_cards {
     margin: 15px 0
 }

 .btn-one {
     padding: 10px 20px;
     background-color: var(--darkblue);
     font-weight: 500;
     line-height: 18px;
     color: #fff;
     transition: var(--transition);
     font-family: var(--spartan);
     border-radius: 8px;
     border-radius: 4px;
     position: relative;
     z-index: 1;
     display: inline-block;
     overflow: hidden;
     text-transform: capitalize;
     display: inline-flex !important;
     font-size: 15px;
 }

 /* .pattern_bg img {
            box-shadow: rgb(0 0 0 / .12) 0 1px 3px, rgb(0 0 0 / .24) 0 1px 2px
        } */

 .activitie-form-section {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     text-align: center
 }

 .activitie-form-section h1 {
     font-size: 30px;
     line-height: 45px;
     color: #f6c91c;
 }

 .activitie-form-section h2 {
     font-size: 41px;
     line-height: 50px;
     color: #fff
 }

 .activitie-form-section h4 {
     font-size: 18px;
     /* word-spacing: -1px; */
     color: #fff;
     line-height: 39px;
 }

 .activitie-form-section h5 {
     font-size: 20px;
     word-spacing: 2px;
     line-height: 40px;
     color: #fff
 }

 .activitie-form-section .activ-button {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 30px;
     flex-wrap: wrap;
     margin: 30px 0
 }

 .it-btn.act-btn {
     border-radius: 50px;
     border: 2px solid #fff;
     color: #fff;
     background-color: #051f42;
     line-height: 40px;
     transition: 0.3s
 }

 .it-btn.act-btn1 {
     border-radius: 50px;
     border: 2px solid #f1c214;
     color: #f1c214;
     background-color: #fff0;
     line-height: 40px;
     transition: 0.3s
 }

 .it-btn.act-btn:hover {
     background-color: #f1c214
 }

 .it-btn.act-btn1:hover {
     background-color: #fff
 }

 .video-section iframe {
     height: 300px;
     width: 100%;
     border: 10px solid #fff;
     border-radius: 8px;
     box-shadow: rgb(0 0 0 / .24) 0 3px 8px;
     margin-top: 20px
 }

 .sec-title .main_title-4 {
     font-size: 25px;
     padding-top: 10px;
     padding-bottom: 5px;
     color: var(--b)
 }

 .free-course-contact {
     margin: 0;
     padding: 40px 50px 50px;
     background: #d3f0e3;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     border-radius: 8px;
     box-shadow: rgb(0 0 0 / .02) 0 1px 3px 0, rgb(27 31 35 / .15) 0 0 0 1px
 }

 .free-course-contact form input,
 .free-course-contact form select {
     margin-bottom: 30px;
     height: 45px
 }

 .free-course-contact form input,
 .free-course-contact form textarea,
 .free-course-contact form select {
     width: 100%;
     border-radius: 3px;
     border: 1px solid #ddd;
     color: #767676;
     background: #fff;
     padding: 10px 18px
 }

 /* .big-text {
                                font-size: 15px;
                                line-height: 40px
                            } */

 .card {
     margin-bottom: 20px
 }

 .card-body h5 {
     font-size: 18px;
     font-weight: 600;
     color: var(--b);
     padding-bottom: 3px;
     text-align: left;
 }

 .required h4 {
     padding: 20px 0;
     font-size: 20px;
     font-weight: 600;
     color: var(--b)
 }

 .required h6 {
     padding: 10px 0;
     font-size: 16px;
     font-weight: 600;
     color: var(--b);
     line-height: 25px
 }

 .required h6 a {
     color: green;
     text-decoration: underline
 }

 .map-section {
     display: flex;
     gap: 20px;
     align-items: flex-start;
     justify-content: flex-start
 }

 .check-icon i {
     font-size: 30px;
     font-weight: 500;
     padding-top: 10px;
     color: var(--b)
 }

 .course-detail-card {
     background-color: #f5c307;
     padding: 30px;
     border-radius: 10px;
     border: 3px solid #fff
 }

 .course-detail-card h2 {
     font-weight: 600;
     text-align: center;
     padding-bottom: 20px;
     color: var(--b)
 }

 .course-detail-card h6 {
     font-weight: 500;
     line-height: 1.5;
     padding-bottom: 10px;
     color: var(--b)
 }

 .course-detail-card h5 {
     font-weight: 600;
     padding-bottom: 15px;
     color: var(--b)
 }

 .course-detail-card ul {
     padding-left: 40px;
     padding-bottom: 20px
 }

 .course-detail-card ul li {
     font-weight: 500;
     line-height: 1.5;
     color: var(--b)
 }

 .bg-section {
     padding: 15px;
     border: 3px solid #fff;
     background-color: var(--b);
     border-radius: 10px;
     box-shadow: rgb(0 0 0 / .02) 0 1px 3px 0, rgb(27 31 35 / .15) 0 0p
 }

 .Knowledge-content p {
     color: #fff;
 }

 .procedure_img {
     height: auto;
     min-height: 200px;
 }

 .procedure_img img {
     height: 200px;
     width: 100%;
     object-fit: cover;
     object-position: center;
 }

 .bg-section h3 {
     color: #fff;
     padding-bottom: 10px
 }

 .bg-section h6 {
     font-size: 18px;
     font-weight: 500;
     color: #fff;
     padding-bottom: 10px;
     line-height: 1.5
 }

 .bg-section ul {
     padding-left: 30px;
     padding-bottom: 20px
 }

 .bg-section ul li {
     color: #fff
 }

 .bg-border {
     border: 3px solid #d3a500;
     padding: 30px;
     border-radius: 10px
 }

 .bg-yellow {
     padding: 30px;
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
     background-color: #f6c91c;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     text-align: center;
     min-height: 400px;
     height: 100%;
 }

 .bg-yellow h1 {
     text-align: center;
     font-size: 30px;
     font-weight: 800;
     color: var(--b);
     padding-top: 20px
 }

 .bg-yellow img {
     height: 250px;
     object-fit: contain
 }

 .bg-blue {
     padding: 30px;
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
     background-color: var(--b);
     min-height: 400px
 }

 .bg-blue h6 {
     font-size: 18px;
     line-height: 1.6;
     color: #ddd;
     padding-bottom: 1px
 }

 .secretariat-content h2 {
     font-size: 25px;
     font-weight: 600;
     padding-bottom: 8px;
     color: var(--b)
 }

 .secretariat-content h5 {
     font-size: 18px;
     font-weight: 600;
     color: var(--b)
 }

 .secretariat-content p {
     font-size: 16px;
     font-weight: 500;
     line-height: 1.5;
     margin-left: 0px !important
 }

 .registar-card .reg-img {
     height: 300px;
     width: 100%;
     background-color: #03045e;
     border-radius: 8px;
     text-align: center;
     border: 3px solid #fff;
     box-shadow: rgb(60 64 67 / .3) 0 1px 2px 0, rgb(60 64 67 / .15) 0 1px 3px 1px
 }

 .registar-card .reg-text {
     padding: 10px;
     background-color: #fff;
     border-radius: 8px;
     margin-top: 10px;
     margin-bottom: 20px;
     text-align: center;
     border: 3px solid #f1c214;
     box-shadow: rgb(60 64 67 / .3) 0 1px 2px 0, rgb(60 64 67 / .15) 0 1px 3px 1px
 }

 .registar-card .reg-text h1 {
     font-size: 30px;
     font-weight: 800;
     color: #03045e
 }

 .free-course-contact h3 {
     color: #03045e
 }

 .ceremony-content p {
     margin: 0px !important;
     padding-bottom: 10px
 }

 .ceremony-gallery {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     font-family: sans-serif;
     height: auto
 }

 .ceremony-gallery .grid-container {
     columns: 5 200px;
     column-gap: 1.5rem;
     width: 90%;
     margin: 0 auto
 }

 .ceremony-img {
     width: 150px;
     margin: 0 1.5rem 1.5rem 0;
     width: 100%;
     border: solid 2px #f1c214;
     padding: 5px;
     box-shadow: 5px 5px 5px rgb(0 0 0 / .5);
     border-radius: 5px;
     transition: all 0.25s ease-in-out
 }

 .ceremony-img:hover img {
     filter: grayscale(0)
 }

 .ceremony-img:hover {
     border-color: var(--b)
 }

 .ceremony-img img {
     width: 100%;
     filter: grayscale(100%);
     border-radius: 5px;
     transition: all 0.25s ease-in-out
 }

 .ceremony-img p {
     margin: 5px 0 !important;
     padding: 0;
     text-align: center;
     font-style: italic
 }

 .download_popup {
     cursor: pointer
 }

 button.btn-close {
     background-color: var(--y);
     background-color: #fff;
     padding: 10px;
     border-radius: 50px;
     box-shadow: 0 0 3px 1px #000;
     box-shadow: 0px 5px 7px 0px #00000026;
     opacity: 1;
     font-size: 13px;
 }

 .testimonials_section .testimonial-three__item {
     position: relative;
     border-radius: 8px;
     padding: 40px;
     padding: 20px;
     background-color: #fff;
     border: 1px solid #e5e5e5;
     min-height: 430px
 }

 .faqs .accordion {
     width: 100%;
     max-width: 70%;
     margin: auto;
     background-color: #fff0
 }

 .accordion-button {
     position: relative;
     display: flex;
     align-items: center;
     width: 100%;
     padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
     font-size: 1rem;
     color: var(--bs-accordion-btn-color);
     text-align: left;
     background-color: var(--bs-accordion-btn-bg);
     border: 0;
     border-radius: 0;
     overflow-anchor: none;
     transition: var(--bs-accordion-transition);
     font-weight: 700
 }

 .faqs .accordion-item {
     margin: 30px 0;
     border: 2px solid #f5c307;
     border-radius: 10px
 }

 .call_to_action .main_title {
     font-size: 24px;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     text-align: center;
 }

 .acad_text {
     text-align: left;
     padding: 20px;
     border: 1px solid #e5e5e5;
     border-radius: 8px;
     position: relative;
 }

 .acad_text h3 {
     font-size: 18px;
 }

 .acad_text h4 {
     font-size: 16px;
 }

 .academics_section .swiper-pagination {
     position: relative;
     top: 10px !important;
 }

 .it-video-content {
     padding-left: 20px;
 }

 .slick-slide img {
     display: block;
     padding: 10px;
     border-radius: 10px;
 }

 .slick-prev {
     display: block;
     position: absolute;
     top: 50%;
     left: -48px;
     background-color: #ffffff;
     width: 35px;
     height: 35px;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 21px;
     border-radius: 100%;
     color: #000000;
     box-shadow: 0px 0px 20px 1px #00000040;
     font-weight: 700;
     cursor: pointer;
 }

 .slick-next {
     display: block;
     position: absolute;
     top: 50%;
     right: -48px;
     background-color: #ffffff;
     width: 35px;
     height: 35px;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 21px;
     border-radius: 100%;
     color: #000000;
     box-shadow: 0px 0px 20px 1px #00000040;
     font-weight: 700;
     cursor: pointer;
 }

 /* .nice-select.form-select {
    display: none;
} */

 .nice-select .list {
     box-sizing: border-box;
     margin-top: 4px;
     opacity: 0;
     overflow: hidden;
     padding: 0;
     pointer-events: none;
     position: absolute;
     top: 74%;
     right: -1% !important;
     -webkit-transform-origin: 50% 0;
     -ms-transform-origin: 50% 0;
     transform-origin: 50% 0;
     -webkit-transform: scale(.75) translateY(-21px);
     -ms-transform: scale(.75) translateY(-21px);
     transform: scale(.75) translateY(-21px);
     -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
     transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
     z-index: 9;
     width: 50%;
     right: 0;
     text-align: center;
     margin: 0 auto;
     background-color: #fff;
     border-radius: 5px;
     box-shadow: 0 1px 1px rgba(12, 40, 133, .2);
     border: 1.5px solid #124bd1;
     z-index: 999;
 }

 .nice-select:after {
     display: none !important;
 }

 .m_clap_card {
     position: relative;
 }

 /* .clap_img_div {
                                position: absolute;
                                top: 7%;
                                width: 100%;
                                max-width: 80%;
                                left: 9%;
                            }
                             */

 .clap_img_div video {
     width: 80px;
     border-radius: 100%;
     height: 80px;
     padding: 6px;
     border: 2px dashed #297cc7;
 }

 .cyber_awarness {
     width: 100%;
     height: 300px;
     background-size: cover;
     background-repeat: no-repeat;
     min-height: 300px;
     background-image: url(../images/cyber.jpg);
     background-position: center;
     display: flex;
     flex-direction: column;
     justify-content: end;
     align-items: center;
     box-shadow: rgb(255 255 255 / 74%) 0 0 20px 1000px inset;
     box-shadow: rgb(255 221 91 / 86%) 0 0 20px 1000px inset;
     border-radius: 5px;
 }

 .diversity {
     width: 100%;
     height: 300px;
     background-size: cover;
     background-repeat: no-repeat;
     min-height: 300px;
     background-image: url(../images/diversity.jpg);
     background-position: center;
     display: flex;
     flex-direction: column;
     justify-content: end;
     align-items: center;
     box-shadow: rgb(255 221 91 / 86%) 0 0 20px 1000px inset;
     border-radius: 5px;
 }

 .How_do_we_implement h3 {
     color: #fff;
 }

 .m_card_intro {
     border: 1px solid #ddd;
     border-radius: 5px;
     padding: 30px;
     display: flex;
     flex-direction: column;
     justify-content: end;
     align-items: center;
     height: 340px;
     /* background-color: var(--y); */
     background-image: url(../images/leadership.JPG);
     background-size: contain;
     box-shadow: rgb(245 201 28 / 85%) 0 0 20px 1000px inset;
     padding-bottom: 0px;
     /* backdrop-filter: blur(15px); */
     /* filter: blur(0px); */
 }

 .m_card_intro h1 {
     padding: 30px 0px;
     text-shadow: 1px 0px 0px #fff;
 }

 /* .cambridge_page_ul li span {
        display: none;
    } */

 .five_setps_reflection ol {
     font-family: system-ui, sans-serif;
     color: hsl(0 0% 95%);
     width: fit-content;
     /* max-width: 30rem; */
     margin-block: 0;
     margin-inline: auto;
     padding-block: 2rem;
     padding-inline: 0;
     display: grid;
     gap: 3rem;
     list-style: none;
     counter-reset: liCount;

     >li {
         --border-radius: 1rem;
         --padding: 0.5rem;
         --number-size: 3rem;
         --indent: 3.5rem;
         display: grid;
         --text-column: minmax(calc(var(--number-size) * 2), 1fr);
         grid-template-columns: var(--number-size) var(--text-column);
         gap: 0.5rem;
         grid-auto-flow: dense;
         align-items: center;
         box-shadow: 2px 2px 5px hsl(0 0% 0% / .5);
         margin-inline: var(--indent) 0rem;
         padding-block: var(--padding);
         padding-inline: var(--padding) calc(var(--padding) * 2);
         border-radius: var(--border-radius);
         background-color: var(--accent-color);
         counter-increment: liCount;

         &::before,
         &::after {
             content: "";
             grid-area: 1/1;
             background-color: var(--accent-color);
             background-image: linear-gradient(hsl(0 0% 100% / .8) 0 0);
             background-image: linear-gradient(hsl(47.61deg 92.37% 53.73%) 0 0);
         }

         &::before {
             content: counter(liCount, decimal-leading-zero);
             font-size: 1.5rem;
             color: var(--accent-color);
             aspect-ratio: 1;
             border-radius: calc(var(--border-radius) - var(--padding));
             display: grid;
             place-items: center;
             box-shadow: inset 0 0 2px hsl(0 0% 0% / .75);
             font-weight: 700;
             color: #fff;
         }

         &::after {
             --scale: 2;
             aspect-ratio: 1/1;
             border-radius: calc(var(--border-radius) / var(--scale));
             scale: var(--scale);
             rotate: 45deg;
             z-index: -1;
             box-shadow: calc(var(--multi, 1) * -1px) calc(var(--multi, 1) * 1px) 5px hsl(0 0% 0% / .5), calc(var(--multi, 1) * -.5rem) calc(var(--multi, 1) * .5rem) 0 0 var(--accent-color);
         }

         &:nth-child(even) {
             --multi: -1;
             margin-inline: 0rem var(--indent);
             padding-inline: calc(var(--padding) * 2) var(--padding);
             grid-template-columns: var(--text-column) var(--number-size);

             &::before,
             &::after {
                 grid-area: 1/2
             }
         }
     }
 }

 .five_setps_reflection ol li span {
     display: contents;
     color: #f6c91c;
     font-weight: 700;
 }

 /* .cambridge_page_ul {
        background-color: #343272;
        box-shadow: 20px 0px 20px 6px #3432727d;
        background: radial-gradient(circle, rgb(54 53 135 / 63%) 0%, rgb(50 53 114) 74%, rgb(52 50 114) 89%, rgb(52 50 114) 100%);
        border-radius: 5px;
    } */
 /* .cambridge_page_ul li,
    .secondary_cambridge_page_ul li {
        background-color: #fff;
        margin: 6px;
        display: inline-flex;
        border-radius: 4px;
        font-weight: 500;
        font-family: roboto!important;
        list-style-type: none;
        font-size: 14px;
        border-radius: 10px;
        display: inline-flex !important;
        line-height: 1.4;
        padding: 10px;
        padding: 0px 10px !important;
        position: relative;
        box-shadow: 0px 4px #e2b60f;
    } */

 .cambridge_page_ul li span img {
     width: 40px;
     position: absolute;
     left: -57px;
     top: 10px;
     box-shadow: none;
 }

 .m_clap_ul_2 li span img {
     width: 40px;
     position: absolute;
     left: 560px;
     top: 10px;
     box-shadow: none;
     transform: scaleX(-1);
     right: 50px !important;
     display: none;
 }

 .grad_bg {
     background: linear-gradient(153deg, rgba(54, 53, 135, 1) 14%, rgba(245, 195, 7, 1) 100%);
 }

 .grad_bg p {
     color: #fff;
 }

 .grad_bg .title_2 {
     font-size: 17px;
     font-weight: 700;
     shape-rendering: red;
     color: #ebbd0b;
     text-align: center;
 }

 .bg1 {
     background-image: url(../images/body-bg.png);
     /* background-size: contain; */
     /* background-repeat: repeat; */
 }

 .circle_time_benfits .cards img {
     width: 60px;
 }

 .circle_time_benfits .cards h4 {
     font-size: 15px;
     font-weight: 600;
     padding-top: 10px;
     text-align: center;
 }

 .circle_time_benfits .col-md-4 {
     margin-bottom: 20px;
 }

 .circle_time_benfits .cards {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     background: #fff;
     border-radius: 5px;
     box-shadow: 0px 1px 11px 0px #0000000f;
     box-shadow: 0 10px 30px rgba(51, 51, 51, 0.2);
     padding: 10px;
     height: 100%;
 }

 .stp_ref {
     width: 23px;
     height: 107px;
     background-color: #343272;
     position: relative;
     display: flex;
     justify-content: center;
     font-weight: 800;
     align-items: center;
     color: #fff;
 }

 .stp_ref2 {
     width: 23px;
     height: 107px;
     background-color: #f6c91c;
     position: relative;
     display: flex;
     justify-content: center;
     font-weight: 800;
     align-items: center;
 }

 .stp_ref::before {
     content: "";
     position: absolute;
     width: 28px;
     height: 20px;
     top: 0;
     left: -8px;
     background-color: #f6c91c;
     transform: rotate(45deg);
     z-index: -2;
     top: 45px;
 }

 .stp_ref2::before {
     content: "";
     position: absolute;
     width: 28px;
     height: 20px;
     right: -8px;
     background-color: #343272;
     transform: rotate(45deg);
     z-index: -2;
     top: 41px;
 }

 .reflection_process span {
     font-size: 20px;
     font-weight: 600;
     color: #343272;
     /* text-shadow: 1px 0px 0px #000; */
 }

 .ref_learning {
     position: relative;
 }

 .ref_learning p {
     font-size: 20px;
     font-weight: 500;
     color: #ffff;
 }

 .global_school_alliance_tabs .teacher_development h4::before {
     content: "\f14a";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     position: absolute;
     top: 0;
     left: -35px;
     color: #f6c91c;
     box-shadow: 0 0 20px 0 #0003;
 }

 .global_school_alliance_tabs .teacher_development h4 {
     position: relative;
     margin-left: 40px;
     font-size: 18px;
     font-family: roboto;
     color: #f6c91c;
 }

 .pattern_bg {
     background-size: contain;
     background-image: url(../images/pattern-bg.jpg);
 }

 .title_2 {
     font-size: 18px;
     font-weight: 900;
     shape-rendering: red;
     color: #297cc7;
     background-color: var(--y);
     background-color: #f5c81b;
     padding: 50px;
     border-radius: 10px;
     /* justify-content: center; */
     /* display: flex; */
     padding: 10px 10px;
     text-align: center;
     margin-bottom: 30px;
 }

 .imgs2 {
     box-shadow: 3px 3px var(--y);
     border-radius: 6px 6px 35px 11px;
     border: 3px solid var(--b) !important;
     border-top: none !important;
     border-left: none !important;
     filter: drop-shadow(2px 4px 6px black);
 }

 .lab_videos {
     height: 200px !important;
 }

 .bg2 {
     background-image: url(../images/bgg2.jpg);
     background-size: contain;
 }

 .bg3 {
     background-image: url(../images/bg-footer.png);
     background-size: contain;
 }

 .bg4 {
     background-image: url(../images/bgg4.jpg);
     background-size: contain;
 }

 .admissions_key_learners .cards h4 {
     font-size: 15px;
     font-weight: 500;
     /* padding-top: 27px; */
     text-align: center;
     /* padding: 12px 0px; */
     padding-top: 20px;
     padding: 0px -1px;
     padding-top: 20px;
     line-height: 1.5;
     margin-bottom: 0px;
 }

 .bold_text {
     font-size: 20px;
     padding: 10px 0px;
 }

 .admissions_key_learners .cards h4 span {
     font-weight: 600;
     border-bottom: 3px solid var(--y);
 }

 .admissions_key_learners .cards:hover {
     margin-top: -10px;
     transition: all 0.5s ease;
 }

 .opl {
     object-position: left;
 }

 .tellapur_career_readiness {
     padding: 10px;
     color: #f6c81a;
     border-radius: 5px;
     /* box-shadow: 2px 2px 10px 0px #f5c819; */
     box-shadow: 0 10px 30px rgba(51, 51, 51, 0.2);
     margin-top: 30px;
 }

 .bg5 {
     background-image: url(../images/bgg5.png);
 }

 .tellapur_career_readiness p {
     font-size: 24px;
     font-weight: 600;
     line-height: 1.5;
 }

 .imgs2 {
     border-top: none;
     border-left: none;
 }

 .imgs2left {
     box-shadow: -15px 15px var(--y);
     border: 10px solid var(--b);
     border-radius: 6px 5px 11px 35px;
     border-top: none;
     border-right: none;
     /* box-shadow: 30px 0 0 0 #f4c71c !important; */
     filter: drop-shadow(2px 4px 6px black);
 }

 .corporative_games_cards_in {
     margin: 10px 0px;
     background-color: #fff;
     padding: 10px 10px;
     border-radius: 4px;
     box-shadow: 0 10px 30px rgba(51, 51, 51, 0.2);
     height: 100%;
 }

 .corporative_games_cards_in h5 {
     font-size: 18px;
     text-align: center;
 }

 .tellapur_circle_time_video {
     max-width: 100%;
     background-image: url(../images/circle-time-video-thump.jpg);
 }

 .tellapur_grade3to5_page_cards {
     border: 1px dashed #297cc7;
     BACKGROUND-COLOR: #fffff0;
     margin: 10px 0px;
     padding: 15px;
     border-radius: 5px;
     box-shadow: 0 10px 30px rgba(51, 51, 51, 0.2);
 }

 .tellapur_meru_maidan .card {
     box-shadow: 0 10px 30px rgba(51, 51, 51, 0.2);
 }

 .tellapur_sports {
     line-height: 1.5;
 }

 .tellapur_sports a {
     color: #f5c307;
     text-shadow: 1px 0px #050404;
     font-size: 30px;
     border-bottom: 3px solid var(--b);
     -webkit-text-stroke: 0px #297cc7;
 }

 .tellapur_jmun h3 {
     color: white;
     text-shadow: 0px 0px #ffcb00;
     font-size: 22px;
     line-height: 1.5;
 }

 .tellapur_meru_jmun_registration a {
     background-color: var(--b);
     padding: 10px;
     margin: 10px;
     text-align: center;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     color: #fff;
     font-size: 20px;
     font-weight: 700;
     border-radius: 5px;
     display: flex;
 }

 .tellapur_maidan_ul li {
     list-style-type: auto;
     margin: 10px 0px;
 }

 .tellapur_maidan_ul li span {
     background-color: #ffd42a;
     padding: 6px;
     color: var(--b);
     font-weight: 800;
     border-radius: 4px;
 }

 .Senior_Secondary_Program_table th {
     background-color: var(--y);
 }

 .admission_pop .modal-dialog {
     background-image: url(../images/pop-bg.svg);
 }

 @keyframes shake {

     10%,
     90% {
         transform: translate3d(-1px, 0, 0);
     }

     20%,
     80% {
         transform: translate3d(2px, 0, 0);
     }

     30%,
     50%,
     70% {
         transform: translate3d(-4px, 0, 0);
     }

     40%,
     60% {
         transform: translate3d(4px, 0, 0);
     }
 }



 .recent_blogs {
     border: 1px solid #e5e5e5;
     padding: 20px;
     margin: 10px 0px;
     border-radius: 3px;
 }

 .recent_blogs h3 {
     border-bottom: 1.5px dotted #343c7c;
     padding-bottom: 5px;
 }

 .recent_blogs .blog-item {
     padding-bottom: 9px;
     border-bottom: 1px dotted #110000;
     margin-bottom: 20px;
 }

 .blog_detail_page .blog-title {
     font-size: 26px;
     margin-bottom: 10px;
 }

 .blog_detail_page .blog-item-box {
     height: auto;
 }

 .blog_detail_page .blog-meta {
     background-color: #e5b622;
     display: flex;
     justify-content: space-around;
     align-items: center;
     padding: 0px 0px;
     border-radius: 5px;
     margin-bottom: 15px;
     display: none;
 }

 .blog_detail_page .recent_blogs .blog-title {
     font-size: 16px;
     margin-bottom: 10px;
 }

 .blog_detail_text h2,
 h3,
 h4 {
     font-size: 22px;
     /* margin-bottom: 10px; */
     margin: 10px 0px;
 }

 .gallery-item-box {
     background-color: #fff;
     padding: 10px;
     border-radius: 5px;
     background-repeat: no-repeat;
     background-size: cover;
     margin: 10px 0px;
     border: 1px solid #e5e5e5;
     box-shadow: 0 10px 30px rgb(51 51 51 / 10%);
     height: 100%;
     margin-bottom: 10px;
 }

 .gallery_page .tab button.active {
     background-color: #f6c91c;
 }

 .gallery_page .tabcontent {
     display: none;
     padding: 16px 12px;
     border: 2px solid #f5c307;
     border-top: none;
 }

 .gallery_page .tab button {
     background-color: inherit;
     float: left;
     border: none;
     outline: 0;
     cursor: pointer;
     padding: 14px 16px;
     transition: .3s;
     font-size: 17px;
     font-weight: 600;
     color: #297cc7;
     width: 100%;
 }

 /* ============Resonsive from here================= */

 .it-header-2-main-menu ul li.has-dropdown::after {
     content: "\f107";
     content: "\f107";
     font-family: "font awesome 6 pro";
     display: inline-block;
     font-size: 16px;
     margin-left: 0;
     font-weight: 400;
     transition: .3s;
     transform: translateY(1px);
 }

 .meghana_name h6 {
     color: #000;
     font-size: 14px;
     font-family: Roboto;
 }

 .meghana_name p {
     color: #000;
 }

 .right_side_pop_up_btns {
     position: fixed;
     right: -150px;
     top: 42%;
     z-index: 999999999;
     /* transform: rotateX(45deg); */
     transform: translateX(0px)translateY(0px)scaleX(1)scaleY(1)rotate(270.0001deg)skewX(0deg)skewY(0deg);
 }

 .side_btn {
     background-color: var(--y);
     padding: 5px 10px;
     border-radius: 5px;
     color: #000;
     font-weight: 400;
     font-family: 'Roboto';
     letter-spacing: 1px;
     text-shadow: 0px 0px #000;
 }

 .side_btn:hover {
     background-color: #297cc7;
     color: #ffffff;
     text-shadow: 0px 0px #ffffff;
     transition: all 0.s ease;
 }

 .admission_from_page .admissions_form {
     width: 100%;
     max-width: 70%;
     margin: auto;
 }

 .admissions_form {
     padding: 20px;
     background-color: #d3e3fd;
     margin: 10px auto;
     border-radius: 10px;
     box-shadow: 0px 0px 5px 3px #00000040;
     background-color: #f4c11c;
     box-shadow: 0 10px 30px rgba(51, 51, 51, 0.2);
 }

 .swiper-button-next,
 .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    /* width: calc(var(--swiper-navigation-size) / 44 * 27); */
    /* height: var(--swiper-navigation-size); */
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    width: 40px !important;
    height: 40px !important;
    background-color: var(--y);
    background-color: #ff9d00;
    display: flex
;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    font-size: 20px;
    /* filter: drop-shadow(2px 4px 6px red); */
    box-shadow: 0px 2px 3px #ffffff;
 }

 .swiper-button-prev:after,
 .swiper-button-next:after {
     content: 'prev';
     font-size: 20px !important;
     font-weight: bolder;
     color: #297cc7;
 }

 @media only screen and (min-width:1280px) and (max-width:2099px) {
     .one {
         position: absolute;
         top: 140px;
         left: 180px;
         font-size: 20px;
         font-weight: 700;
     }

     .two {
         position: absolute;
         top: 150px;
         right: 170px;
         font-size: 20px;
         font-weight: 700;
     }

     .three {
         position: absolute;
         top: 320px;
         right: 130px;
         font-size: 20px;
         font-weight: 700;
     }

     .four {
         position: absolute;
         bottom: 110px;
         right: 280px;
         font-size: 20px;
         font-weight: 700;
     }

     .five {
         position: absolute;
         top: 330px;
         left: 120px;
         font-size: 20px;
         font-weight: 700;
     }

     .banners iframe {
         border: 0;
         top: -80px;
         height: 800px;
     }
 }

 @media only screen and (min-width:1040px) and (max-width:1140px) {
     .one {
         position: absolute;
         top: 100px;
         left: 120px;
         font-size: 20px;
         font-weight: 700;
     }

     .two {
         position: absolute;
         top: 110px;
         right: 100px;
         font-size: 20px;
         font-weight: 700;
     }
 }

 @media only screen and (min-width:1160px) and (max-width:1280px) {
     .ref_learning p {
         font-size: 17px;
         font-weight: 500;
         color: #ffff;
         line-height: 20px;
     }

     .one {
         position: absolute;
         top: 130px;
         left: 120px;
         font-size: 20px;
         font-weight: 700;
     }

     .two {
         position: absolute;
         top: 130px;
         right: 120px;
         font-size: 20px;
         font-weight: 700;
     }

     .three {
         position: absolute;
         top: 280px;
         right: 100px;
         font-size: 20px;
         font-weight: 700;
     }

     .four {
         position: absolute;
         bottom: 80px;
         right: 220px;
         font-size: 20px;
         font-weight: 700;
     }

     .five {
         position: absolute;
         top: 280px;
         left: 100px;
         font-size: 20px;
         font-weight: 700;
     }
 }

 /* .call_to_action {
                    display: none;
                } */

 .Progression_Tracker svg {
     height: 80px;
     background-color: #f5c307;
     /* display: list-item; */
     width: 80px;
     padding: 10px;
     border-radius: 10px;
     box-shadow: 0px 0px 14px rgb(45 42 42 / 20%);
 }

 .progression_cards {
     border: 1px dashed #297cc7;
     BACKGROUND-COLOR: #fffff0;
     margin: 10px 0px;
     padding: 15px;
     border-radius: 5px;
     box-shadow: 0 10px 30px rgba(51, 51, 51, 0.2);
     height: 100%;
 }

 .affiliates_logos {
     background-color: #fff;
     padding: 10px;
     border-radius: 5px;
     box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1);
 }

 .affiliates_div .swiper-slide {
     border-radius: 5px;
 }

 .affiliates_div .swiper-pagination {
     position: absolute;
     text-align: center;
     transition: .3s opacity;
     transform: translate3d(0, 0, 0);
     z-index: 10;
     position: relative;
 }

 .steps {
     color: #ffc900;
     font-size: 18px;
     font-weight: 500;
     text-transform: uppercase;
     margin-bottom: 0px;
     margin-top: 10px;
 }

 .procedure_cards h5 {
     position: relative;
     color: var(--b);
     background-color: #ffffff;
     padding: 8px;
     border-radius: 2px;
     /* text-align: left; */
     display: inline-block;
     font-size: 17px;
 }

 .modal-dialog {
     margin-right: auto;
     margin-left: auto;
     max-width: 800px;
 }

 .admissions_form h3 {
     text-align: left;
     color: #000000;
     padding: 0px 20px;
     font-size: 16px;
     line-height: 1.5;
     padding-bottom: 20px;
 }

 .download_broucher_pop_title {
     display: inline-flex;
     position: relative;
 }

 .download_broucher_pop_title video {
     width: 40px;
     height: 40px;
     border-radius: 100px;
     position: absolute;
     right: -50px;
     top: -5px;
 }

 .blog_home_btn {
     position: absolute;
     bottom: 10px;
 }

 .blog_comments_section {
     background-color: #d3e3fd;
     padding: 20px;
     border-radius: 5px;
     background-color: #ffdc58;
 }

 .blog_comments_view {
     background-color: #fff;
     padding: 10px 20px;
     border-radius: 5px;
 }

 .announcement_text {
     width: 100%;
     max-width: 80%;
     margin: auto;
     height: auto;
     min-height: 100px;
     overflow-x: hidden;
     background-color: transparent;
     display: flex;
     justify-content: center;
     align-items: center;
     color: #fff;
 }

 .announcement_text p {
     font-size: 18px;
     font-weight: 500;
     text-align: left;
 }

 .announcement_swiper .swiper-pagination {
     position: relative;
     margin-top: 10px;
 }

 .announcement_swiper .swiper-slide {
     background-color: transparent;
 }

 .announcements video {
     width: 60px;
     height: 60px;
     border-radius: 130%;
     position: absolute;
     top: -20px;
     right: -70px;
 }

 .announcements .main_title {
     font-size: 32px;
     font-weight: 700;
     line-height: 1.1;
     position: relative;
     color: var(--b);
     display: inline;
 }

 section.announcements {
     background-image: url(../images/bgg2.jpg);
     background-size: contain;
     box-shadow: rgb(206 159 11 / 89%) 0 0 0 1000px inset;
     background-image: url(../images/3d-cartoon-megaphone-with-bell-notification-marketing-time-concept_1036975-237048.jpg);
     background-image: url(../images/annuncementt.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     background-image: url(../images/low-poly-wireframe-illustration-digital-marketing-internet-targeted-advertisement-mesh-art-computer-megaphone-connected-by-dots-illustration-marketing-campaign_76964-487499.jpg);
     background-position: 0px -150px;
 }

 .acad_prog_cards {
     position: relative;
 }

 .acard_hover_text {
     width: 100%;
     height: 100%;
     background: linear-gradient(175deg, #FFC107 0%, #ff9d00 100%);
     position: absolute;
     left: 0;
     top: 0;
     scale: 0;
     color: #fff;
     padding: 20px;
     opacity: 0;
     transition: all 0.5s ease;
     border-radius: 10px;
 }

 .acad_prog_cards:hover .acard_hover_text {
     opacity: 1;
     top: 0;
     scale: 1;
 }

 .acard_hover_text li a {
     font-size: 15px;
     border-bottom: 1px solid #ffffff80;
     position: relative;
     transition: all 0.5s ease;
     left: 0;
 }

 .acard_hover_text li a:hover {
     left: 10px;
     transition: all 0.5s ease;
 }

 /* summer camp starts */

 .sum-camp .sc {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 4rem;
 }

 .sum-camp .sc img {
     width: 13%;
 }

 .sum-camp .sc a {
     padding: 2rem 1rem;
     font-size: 1.7rem;
     color: #fff;
     border-radius: 1rem;
 }

 .join-camp {
     text-align: center;
     background: #ffce171a;
 }

 .note {
     margin-top: 1rem;
 }

 .sum-points {
     padding: 1rem 0 1rem 3rem;
 }

 .sum-points li {
     list-style-type: disc;
 }

 .main_title-h3 {
     font-size: 19px;
     padding-top: 20px;
 }

 .diff-camp img {
     width: 80%;
     margin: 0 auto;
 }

 .diff-camp .col-md-6 {
     padding: 1rem 0;
 }

 /* summer camp ends */

 .announcement video {
     width: 25px;
     border-radius: 100px;
 }

 .announcement {
     /* width: 30px; */
     position: absolute;
     right: -40px;
 }

 .subLevel_2 li {
     width: 100%;
 }

 .home_ban_content .it-hero-2-title {
     color: var(--b) !important;
 }

 /* .infrastructure {
                                padding-top: 70px;
                            } */

 .mun_benfits span {
     font-weight: 800;
     color: var(--b);
 }

 /* .meru-life-events-celebrations {
                                padding-top: 70px;
                            } */

 #financial-literacy {
     scroll-margin-top: 10vh;
 }

 .smt {
     scroll-margin-top: 10vh;
 }

 .header-sticky .it-header-2-logo img {
     max-width: 75%;
     padding: 3px 0px;
 }

 /* .header-sticky .it-header-2-main-menu ul l
                            i>a {
                                padding: 12px 0;
                            } */

 .breadcrumb_content {
     padding: 10px 0px;
 }

 /* meru-pinnacle-programme starts */

 .meru-pinnacle {
     background-color: #343272;
     padding: 1rem 6rem;
     margin-bottom: 1rem;
 }

 .meru-pinnacle h2 {
     color: #f5c307;
     font-size: 32px;
     font-weight: 600;
     border: 2px solid white;
     padding: 1rem;
     border-radius: 15px;
     line-height: 1.3;
 }

 .course-outline h2 {
     background-color: #f5c307;
     color: #343272;
     padding: 0.5rem 0;
     border-radius: 0.5rem;
 }

 .course-outline ul li i {
     color: #f5c307;
     font-size: 15px;
     padding-right: 0.5rem;
     font-weight: 500;
 }

 @media (max-width:992px) {
     .meru-pinnacle {
         padding: 1rem 2rem;
     }
 }

 @media (max-width:599px) {
     .meru-pinnacle {
         padding: 1rem 1rem;
     }
 }

 .it-header-2-main-menu ul {
     padding-left: 0px;
 }

 section.banners {
     width: 100%;
     height: 75vh;
 }

 .cur_img_part img {
     width: 130px;
 }

 .curriculuM {
     background-color: var(--b);
     height: 100%;
     padding: 20px;
     border-radius: 10px;
     /* background-color: #fff; */
     color: #fff;
 }

 .curriculuM_camb {
     background-color: var(--y);
     height: 100%;
     padding: 20px;
     border-radius: 10px;
     /* background-color: #fff; */
     color: #fff;
 }

 .cur_ul li span {
     font-weight: 500;
     color: var(--b);
     font-size: 20px;
 }

 /****************Dynamic Styles ***********************************                  */

 .gallery-item-box {
     background-color: #fff;
     padding: 10px;
     border-radius: 5px;
     background-repeat: no-repeat;
     background-size: cover;
     margin: 10px 0px;
     border: 1px solid #e5e5e5;
     box-shadow: 0 10px 30px rgb(51 51 51 / 10%);
     height: 100%;
     margin-bottom: 40px;
     position: relative;
 }

 .gallery-item-box img {
     width: 100%;
     height: 100%;
     max-height: 200px;
     object-fit: cover;
     object-position: center;
     min-height: 200px;
     position: relative;
 }

 .gallery-item-box .btn-one {
     position: absolute;
     bottom: 20px;
     left: 20px;
 }

 .blog_detail_text h2,
 h3,
 h4 {
     font-size: 18px;
     /* margin-bottom: 10px; */
     margin: 10px 0px;
 }

 .blog-item-box .btn-one {
     position: absolute;
     bottom: 10px;
 }

 .it-header-2-logo img {
     padding: 10px 0px;
 }

 .facilities .it-category-title {
     color: #fff;
 }

 .meru_marvels_cards .btn-one {
     position: absolute;
     bottom: 10px;
 }

 .img_div {
     display: flex;
     justify-content: center;
 }

 .more {
     display: none;
 }

 .alumni_top_colleges .accordion:hover,
 .active {
     background-color: transparent;
 }

 .blog-meta {
     display: none;
 }

 .portfolio-overlay .magnify-icon {
     display: flex !important;
     justify-content: center !important;
 }

 .parent_activities .m_clap_cards {
     height: auto !important;
     min-height: auto !important;
     margin: 10px 0px;
 }

 .cntct_branch_add {
     border: 1px solid #dddddd70;
     padding: 20px;
     border-radius: 10px;
 }

 .email_flip {
     position: absolute;
     width: 100%;
     animation: slideUp 3s infinite;
 }

 .email_flip:nth-child(1) {
     animation-delay: 3s;
 }

 .email_flip:nth-child(2) {
     animation-delay: 9s;
     top: 10px;
 }

 .email_flip:nth-child(3) {
     animation-delay: 9s;
 }

 @keyframes slideUp {
     0% {
         top: 100%;
     }

     50% {
         top: 50%;
         transform: translateY(-50%);
     }

     100% {
         top: -100%;
     }
 }

 .email-container {
     position: relative !important;
     width: 100%;
     overflow: hidden;
     cursor: pointer;
     display: contents !important;
     z-index: 1;
 }

 .email {
     position: absolute;
     width: 100%;
     height: 30px;
     /* Match container height */
     line-height: 30px;
     text-align: center;
     transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
     opacity: 0;
 }

 .email.active {
     opacity: 1;
 }

 /* Pause animation on hover */

 .email-container:hover .email {
     animation-play-state: paused;
 }

 .mis_mun_head {
     background-color: #343272;
     text-align: center;
     padding: 10px 0;
     color: #fff;
     border-radius: 10px;
 }

 .mis_mun_head h2 {
     color: #e5b622;
 }

 .subLevel_1 li .subLevel_2 {
     transition: .5s !important;
     /* visibility: 0 !important; */
     transform: translateX(100px) !important;
     background: var(--y) !important;
     color: #fff !important;
     z-index: 99 !important;
     position: absolute !important;
     top: 0 !important;
     left: 40% !important;
     left: 62% !important;
     left: 200px !important;
     text-align: left !important;
     padding: 10px 30px !important;
     border-top: 3px solid #fff !important;
     opacity: 0 !important;
 }

 .subLevel_1 li:hover .subLevel_2 {
     opacity: 1 !important;
     visibility: visible;
     transform: translateX(0) !important;
 }

 .subLevel_2 li a:hover {
     padding-left: 25px !important;
     color: #297cc7 !important;
 }

 .subLevel_2>li>a::before {
     content: "";
     background-color: var(--blue) !important;
 }

 main {
     z-index: 1;
     position: relative;
 }

 header {
     height: 105px;
 }

 .subLevel_1 li .subLevel_3 {
     transition: .5s !important;
     transform: translateX(-410px) !important;
     background: var(--y) !important;
     color: #fff !important;
     z-index: 99 !important;
     position: absolute !important;
     top: 0 !important;
     left: 40% !important;
     left: 62% !important;
     text-align: left !important;
     padding: 10px 30px !important;
     border-top: 3px solid #fff !important;
     opacity: 0 !important;
 }

 .subLevel_1 li:hover .subLevel_3 {
     transform: translateX(-150%) !important;
     opacity: 1 !important;
     z-index: 99999999 !important;
 }

 /* .subLevel_1 li .subLevel_3 {
                                            transform: translateX(-150%) !important;
                                        } */

 .uni_placements .testi-info h4 {
     font-size: 24px;
     line-height: 20px;
     font-weight: 600;
 }

 .uni_placements .testi-info p {
     font-size: 16px;
     color: var(--b);
 }

 p.mt-30.up_p {
     font-size: 16px;
     font-weight: 500;
     color: var(--b);
 }

 .modal-header .btn-close {
     top: -30px;
     position: relative;
 }

 .meru_vijetha_sports {
     column-count: 3;
 }

 .vij_reg_img img {
     width: 20px;
     margin-right: 10px;
 }

 .vijetha_payment_sec img {
     width: 25%;
     margin: auto;
     text-align: center;
     width: 100%;
     max-width: 25%;
     margin: auto;
     text-align: center;
     display: block;
 }

 .mer_vij_rej {
     padding-bottom: 25px;
     background-color: #edf2fa;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 10px 0px;
     /* border-radius: 10px; */
     color: #c36;
     margin-bottom: 20px;
     border-bottom: 1px solod;
     font-weight: bold;
 }

 .yogis p {
     display: flex;
     width: 100%;
 }

 @media screen and (max-width: 600px) {
     body {
         overflow-x: hidden !important;
     }

     .it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn {
         right: 40%;
     }

     .itoffcanvas__logo img {
         width: 162px;
         height: 100%;
         z-index: 9999;
         position: relative;
         background-color: #fff;
         padding: 10px;
         /* border-radius: 10px; */
     }

     .itoffcanvas__logo {
         margin-bottom: 10px;
     }

     .subLevel_1 li .subLevel_2 {
         left: 10%;
         top: 100%;
         position: absolute;
     }

     .itoffcanvas {
         width: 330px;
         width: 90%;
         padding: 25px 25px;
         overflow-x: hidden !important;
     }

     .banners iframe {
         border: 0;
         top: -90px;
         /* height: 100vh; */
         left: -50%;
         position: absolute;
         top: 40%;
         left: 60%;
         transform: translate(-50%, -50%);
         width: 910px;
     }

     .pl-50 {
         padding-left: 30px;
     }

     .it-header-2-bar button {
         height: 37px;
         width: 53px;
         background-color: var(--darkblue);
         border-radius: 5px;
         margin: 5px 0 5px 10px;
         display: flex;
         justify-content: center;
         align-items: center;
         box-shadow: 2px 2px 8px 3px #0000003d;
     }

     .it-header-2-bar button i {
         font-size: 25px;
         color: #ffffff;
     }

     .it-funfact-bg-wrap {
         padding: 20px 15px;
     }

     .it-breadcrumb-bg {
         height: 30vh;
         padding-bottom: 0px;
     }

     .core_values_div {
         gap: 0px;
     }

     .it-about-4-thumb-wrap {
         margin: 0 0 0px;
     }

     .vision {
         margin: 30px 0px;
     }

     .copyright {
         text-align: center;
     }

     .scroll-top {
         width: 50px;
         height: 50px;
     }

     .scroll-top.open {
         bottom: 30px;
     }

     .it-header-2-plr {
         padding: 10px 15px;
     }

     .it-contact__content {
         padding: 15px 15px 15px;
     }

     .it-contact__wrap {
         padding: 20px 15px;
     }

     .contact_branch {
         padding: 15px;
         margin: 10px 0px;
     }

     .miyapur_banners {
         position: relative;
         width: 100%;
         height: 50vh;
         position: relative;
         width: 100%;
         height: 150px;
     }

     .footer-bottom .copyright p {
         display: contents;
         margin-bottom: 0;
         color: #f3f8f9;
     }

     .top_strip_nav {
         display: flex;
         justify-content: center;
         align-items: center;
     }

     .top_strip_nav li {
         font-size: 10px;
     }

     .it-video-content {
         margin-bottom: 0px;
     }

     .it-footer-logo {
         background-image: url(../images/elegant-white-background-with-shiny-lines_1017-17580.jpg);
         border-radius: 6px;
         padding: 8px;
         width: 100%;
         max-width: 60%;
     }

     .footer-col-2,
     .it-footer-top-col-2 {
         padding-left: 0;
         border-bottom: 1px dashed #ffffff47;
     }

     .it-footer-list {
         border-bottom: 1px dashed #ffffff47;
     }

     .it-category-item {
         border-radius: 8px;
         padding: 10px 10px;
         background-color: var(--b);
         transition: .5s;
         height: 100%;
     }

     .it-category-title {
         font-size: 15px;
         color: #fff;
         font-weight: 500;
     }

     .facilities .it-category-icon video {
         width: 45px;
         height: 45px;
         border-radius: 100%;
     }

     .it-category-icon span,
     .it-hero-2-play a {
         width: 50px;
         height: 50px;
         position: relative;
         text-align: center;
     }

     .it-category-icon span {
         margin: auto auto 20px;
     }

     .m_clap_cards {
         padding: 15px;
         transition: .5s;
         margin-bottom: 0;
         height: auto;
         position: relative;
         margin-bottom: 10px !important;
         height: auto !important;
         min-height: auto;
     }

     .clap_img_div img {
         border: 2px solid #f5c81b;
         border-radius: 100%;
         width: 70px;
     }

     .m_clap_cards .it-btn {
         position: relative !important;
         bottom: 0px !important;
     }

     .How_do_we_implement h3 {
         color: #fff;
         font-size: 21px;
     }

     .How_do_we_implement {
         padding: 15px;
         border-radius: 10px;
         position: relative;
     }

     .How_do_we_implement img {
         width: 100;
         max-width: 7% !important;
         position: absolute !important;
         top: 6px !important;
         right: 10% !important;
     }

     .How_do_we_implement p:nth-child(1) {
         border-bottom: 1px dashed #ffffff5c;
     }

     .diversity {
         width: 100%;
         height: auto;
         min-height: auto;
     }

     .cyber_awarness {
         width: 100%;
         height: auto;
         min-height: auto;
         margin: 10px 0px;
     }

     .m_clap_showcase_projects h2 {
         font-size: 25px;
         padding-top: 100px;
         padding-top: 30px;
     }

     .global_school_alliance_tabs .tab button,
     .newsletter_page .tab button {
         background-color: inherit;
         float: left;
         border: none;
         outline: 0;
         cursor: pointer;
         padding: 5px 4px;
         transition: .3s;
         font-size: 13px;
         font-weight: 600;
         color: #297cc7;
         width: 100%;
         line-height: 1.5;
     }

     .aliiance_certificate img {
         width: 100%;
         max-width: 100%;
     }

     .slick-next {
         display: block;
         position: absolute;
         bottom: -40%;
         top: auto;
         right: 142px;
         background-color: #ffffff;
         width: 35px;
         height: 35px;
         display: flex;
         justify-content: center;
         align-items: center;
         font-size: 21px;
         border-radius: 100%;
         color: #000000;
         box-shadow: 0px 0px 20px 1px #00000040;
         font-weight: 700;
         cursor: pointer;
     }

     .slick-prev {
         display: block;
         position: absolute;
         top: auto;
         bottom: -37%;
         left: 72px;
         background-color: #ffffff;
         width: 35px;
         height: 35px;
         display: flex;
         justify-content: center;
         align-items: center;
         font-size: 21px;
         border-radius: 100%;
         color: #000000;
         box-shadow: 0px 0px 20px 1px #00000040;
         font-weight: 700;
         cursor: pointer;
     }

     .footer-bottom .copy-right-menu li,
     .rs-footer.home9-style.main-home .footer-bottom .copy-right-menu li {
         display: block;
         text-align: center;
     }

     .foot_add ul {
         padding-left: 30px;
     }

     .heading_two {
         font-size: 22px;
         text-align: center;
         padding-bottom: 28px;
         font-weight: 500;
         color: var(--b);
         text-align: left;
     }

     .imgs1 {
         box-shadow: 3px 3px var(--y);
         border-radius: 6px 6px 35px 11px;
         border: 3px solid var(--b) !important;
         border-top: none !important;
         border-left: none !important;
         filter: drop-shadow(2px 4px 6px black);
     }

     .it-breadcrumb-content {
         margin-bottom: 10px;
     }

     .it-breadcrumb-title {
         font-size: 20px;
     }

     .it-breadcrumb-list {
         display: inline-block;
         border-radius: 30px;
         line-height: 1.5;
     }

     .it-menu-mobile ul li ul li a {
         margin-left: auto;
         width: 97%;
         padding: 5px 20px 5px 0;
         text-shadow: none !important;
         visibility: visible;
         font-size: 12px;
     }

     .title_2 {
         margin-bottom: 10px;
         text-align: left;
     }

     .tellapur_career_readiness p {
         font-size: 20px;
     }

     .cpdq_page_training p {
         font-size: 16px;
     }

     .cambridge_early table {
         margin: auto;
         margin-bottom: 20px;
     }

     .vid_sec {
         max-width: 90%;
         height: 150px;
     }

     .vid_sec a {
         display: flex !important;
         justify-content: center;
     }

     .vid_sec a,
     .vid_sec a::before,
     .vid_sec a:after {
         transform: translateX(-50%) translateY(-50%);
         display: block;
         width: 50px;
         height: 50px;
         border-radius: 50%;
         left: 50%;
         top: 50%;
     }

     .vid_sec i {
         transition: .3s;
         font-size: 20px;
         color: #010d14;
         position: relative;
         display: flex;
         justify-content: center;
         align-items: center;
     }

     .career_guidence_tabs .tab button {
         width: 100%;
         font-size: 22px;
         font-weight: 800;
         padding: 10px;
     }

     .name_of_colleges {
         column-count: 1;
         padding: 30px;
     }

     .meru_classroom_section .vid_sec {
         max-width: 100% !important;
         height: 150px !important;
     }

     .cbse {
         flex-direction: column;
         display: flex;
     }

     .cbse p {
         font-size: 13px;
         font-weight: 600;
     }

     .admissions_key_learners .col-md-4 {
         width: 50% !important;
     }

     .admissions_key_learners .col-md-4 {
         width: 50%;
     }

     .admissions_key_learners .cards h4 {
         margin-bottom: 0px;
     }

     .admission_form h5 {
         color: var(--b);
         text-align: center;
         font-size: 18px;
         font-weight: 600;
         font-family: roboto;
         margin-bottom: 30px;
         text-align: left;
         line-height: 1.4;
         padding: 0 0px;
     }

     .media-area .top-gap {
         padding-top: 1rem;
     }

     .media-area .img-height {
         max-width: 80%;
     }

     .media-area .top-level h3 {
         font-size: 15px;
         padding: 0.8rem 0 0;
         line-height: 1.5rem;
     }

     .medals h3,
     .read-more h3,
     .slider h3 {
         font-size: 15px;
         padding-top: .5rem;
         line-height: 1.5rem;
     }

     .medals {
         min-height: auto;
         margin: 10px 0px;
     }

     .m_clap_cards .btn-one {
         position: relative !important;
         bottom: 0px !important;
     }

     .parent_activities .minust_margin2 {
         margin-top: 0px;
     }

     .parent_activities .minust_margin {
         margin-top: 0px;
     }

     .stp_ref {
         display: none;
     }

     .stp_ref2 {
         display: none;
     }

     .one {
         position: absolute;
         top: 70px;
         left: 100px;
         transform: rotate(330deg);
     }

     .two {
         position: absolute;
         top: 90px;
         right: 78px;
         transform: rotate(31deg);
     }

     .three {
         position: absolute;
         top: 180px;
         right: 60px;
     }

     .four {
         position: absolute;
         bottom: 48px;
         right: 143px;
         line-height: 1.1;
     }

     .five {
         position: absolute;
         top: 190px;
         left: 70px;
     }

     .ref_learning p {
         font-size: 17px;
         font-weight: 500;
         color: #ffff;
         line-height: 1.2;
     }

     .more-cta {
         min-height: 580px;
         margin: 10px 0px;
     }

     .branch_sec_cards {
         margin: 5px 0px;
     }

     .blog-item-box {
         height: auto;
     }

     section.banners {
         width: 100%;
         /* height: 410px; */
         width: 100%;
         height: 150px;
     }

     .blog_home_btn {
         position: relative;
         bottom: auto;
     }

     .blog-item-box .btn-one {
         position: relative;
         bottom: 0px;
     }

     .affiliates_logos {
         width: 100%;
         max-width: 70%;
         margin: auto;
     }

     .affiliates_div .swiper-slide {
         background: transparent;
     }

     .email-container {
         position: relative !important;
         width: 100%;
         overflow: hidden;
         cursor: pointer;
         display: none !important;
     }

     .it-menu-mobile ul li:not(:last-child)>a {
         border-bottom: 1px solid rgb(255 255 255 / .12);
         color: #fff;
     }

     .meghana_name h2 {
         color: #297cc7;
         font-size: 22px;
         text-align: left;
     }

     .text_high {
         text-align: left;
     }

     .it-newsletter-left {
         margin-bottom: 10px;
     }

     .it-breadcrumb-content {
         margin-bottom: 0px;
     }

     .it-contact__title,
     h1 {
         font-size: 28px;
         padding-bottom: 0px;
     }

     p {
         text-align: left !important;
     }

     .career_guidence_tabs .tab button {
         width: 100%;
         font-size: 14px;
         font-weight: 600;
         padding: 10px;
     }

     .career_guidence_tabs .tab button {
         width: 100%;
         font-size: 24px;
         font-weight: 600;
         width: 50% !important;
         float: left;
         border-bottom: 1px solid #000;
         text-align: left;
     }

     .name_of_colleges li {
         list-style-type: auto;
         margin: 10px 0;
         font-weight: 500;
         flex: 1 1 calc(98.333% - 0px);
         margin: 5px 0px;
         color: #297cc7;
     }

     .tab.university_tabs_countries {
         display: flex;
         flex-wrap: wrap;
     }

     .subLevel_1 li .expanded .subLevel_2 {
         opacity: 1 !important;
     }

     .subLevel_2 li {
         padding: 5px !important;
     }

     .subLevel_1 li .subLevel_2 {
         left: 10% !important;
         top: 100% !important;
         position: absolute !important;
         min-width: 50% !important;
         /* padding: 10px !important; */
     }

     .it-menu-mobile ul li:not(:last-child)>a {
         padding-bottom: 10px !important;
     }

     .admissions_form h3 {
         text-align: left !important;
         color: #000000;
         padding: 10px 10px;
         font-size: 20px;
         line-height: 1.6;
     }

     .meru_vijetha_sports {
         column-count: 2;
     }

     .meru-custom-accordion .accordion-body {
         padding: 10px 10px;
     }

     .meru_vijetha .it-faq-wrap {
         margin-right: 0;
         margin-top: 0px;
         transform: translateX(0);
     }

     .general-ins .further-details {
         font-size: 14px !important;
         padding: 0.2rem 0 !important;
     }

     .sports-com {
         font-size: 20px !important;
     }

     .mv_h3 {
         margin-top: -30px;
     }

     .vijetha_payment_sec img {
         width: 100%;
         max-width: 50%;
     }

     .mob_fixed_adm {
         width: 100%;
         background-color: var(--y);
         display: flex !important;
         justify-content: center;
         align-items: center;
         padding: 5px 0px;
         position: fixed;
         bottom: 0;
         left: 0;
         z-index: 9;
     }

     .last_footer {
         margin-bottom: 50px;
     }

     .tellapur {
         margin: 20px 0px;
     }

     .int_loc {
         margin: 10px 0px;
     }
 }

 @media screen and (max-width: 400px) {
     .top_strip_nav li {
         padding: 0 4px;
         line-height: 18px;
         font-size: 10px !important;
         font-weight: 600;
     }

     .breadcrumb_content {
         padding: 0px 0px;
     }

     .ref_learning p {
         font-size: 11px;
         font-weight: 500;
         color: #ffff;
         line-height: 1.2;
     }
 }


 .academics_section .swiper-slide img {
     height: 100%;
     width: 100%;
     height: auto;
 }

 /* campus section start */
 .branch_sec_cards {
     border: 1px solid #ddd;
     border-radius: 8px;
     background-color: #fff;
 }

 .branch_image_part h2 {
     font-size: 22px;
     border-bottom: 2px dashed #f5c81b;
     display: inline-block;
     padding-bottom: 5px;
     margin-bottom: 20px;
 }

 .branch_cont_part h6 {
     font-size: 20px;
     font-weight: 600;
     display: flex;
     margin: 10px 0;
     color: var(--orange);
 }

 /* campus section End */

 /* news letter section */
 .newsletter {
     background: #ffffff;
 }


  .cta_admission {
        box-shadow: 0 10px 30px rgba(51, 51, 51, 0.2);
        border-radius: 10px;
        box-shadow: 0px 0px 6px 0px #00000036;
        background: linear-gradient(-107deg, #003d76 0%, #0a3b75 100%);
    } 

 .call_icon {
     position: fixed;
     z-index: 999;
     background-color: var(--y);
     width: 50px;
     height: 50px;
     border-radius: 100%;
     right: 0px;
     bottom: 140px;
     display: flex;
     justify-content: center;
     align-items: center;
     filter: drop-shadow(2px 2px 7px #ffffff87);
     color: #ffffff87;
     transition: all 0.5s ease;
     position: fixed;
     right: 350px;
     bottom: 0px;
 }

 .call_icon:hover {
     scale: 1.1;
 }


 /* News letter section End */

 /* popup section */

 .download_popup a {

     color: #ffffff;
 }

 .last_footer a {
     color: #ffffff !important;
     text-decoration: none !important;
     background-color: transparent !important;
 }


 .modal-content {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 80% !important;
     margin: 0px auto !important;
     pointer-events: auto;
     background-color: #ffffff00 !important;
     background-clip: padding-box;
     border: 0px solid rgba(0, 0, 0, .2) !important;
     border-radius: .3rem;
     outline: 0;
 }

 .modal-header {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: start;
     align-items: flex-start;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 1rem 1rem;
     border-bottom: 1px solid #dee2e600 !important;
     border-top-left-radius: calc(.3rem - 1px);
     border-top-right-radius: calc(.3rem - 1px);
 }

 .modal-header .close {
     padding: 1rem 1rem;
     margin: -1rem -1rem -1rem auto;
     color: white !important;
 }

 /*End of popup section */

 /* footer area */
 .last_footer {
    background-image: url(../images/donbosco.jpg);
    position: relative;
    background-size: cover;
    background-color: #273c66;
 }

 .last_footer li {
     font-size: 15px;
     position: relative;
     display: flex;
     margin-bottom: 12px;

 }

 .founders_message h4,
 .miyapur_banners .it-hero-2-title,
 .rs-footer.home9-style.main-home .footer-top .textwidget p {
     color: #fff !important
 }

 .founders_message h4 {
     color: #343272 !important;
 }

 .founders_message .it-video-content>span {
     color: #000000;
     font-size: 15px !important;
     font-weight: 400;
     /* text-transform: capitalize; */
     display: block;
     margin-bottom: 10px;
     text-align: justify;
 }

 .rs-footer.home9-style .footer-top .address-widget li .desc {
     padding-left: 35px;
     color: #fff
 }

 .footer-bottom .copy-right-menu li a,
 .rs-footer.home9-style.main-home .footer-bottom .copy-right-menu li a,
 .rs-footer.home9-style.main-home .footer-top .site-map li a {
     color: #e8e8e8
 }

 .rs-footer.home9-style .footer-top .recent-post .post-item .post-desc a {
     font-size: 14px;
     color: #fff;
     font-weight: 400;
     line-height: 22px;
     text-transform: capitalize
 }

 .rs-footer.home9-style .footer-top .recent-post .post-item .post-date {
     font-size: 13px;
     color: #fff;
     font-weight: 400
 }

 .rs-footer.home9-style .footer-top .recent-post .post-img {
     width: 130px;
     float: left;
     padding-right: 15px
 }

 .rs-footer.home9-style.main-home .footer-top .recent-post .post-img img {
     border-radius: 4px
 }

 .footer-bottom,
 .rs-footer.home9-style.main-home .footer-bottom {
     padding: 0px 0;
     background: 0 0;
     position: relative
 }

 .topic__item.item-three.active .topic__icon,
 .topic__item.item-two.active .topic__icon {
     background-color: #fff
 }

 .footer-bottom:before,
 .rs-footer.home9-style.main-home .footer-bottom:before {
     content: '';
     position: absolute;
     top: 0;
     left: 50%;
     transform: translateX(-50%);
     height: 1px;
     width: 100%;
     max-width: 1240px;
     background: rgb(255 255 255 / .1)
 }

 .footer-bottom .copyright p,
 .rs-footer.home9-style.main-home .footer-bottom .copyright p {
     margin-bottom: 0;
     color: #f3f8f9
 }

 .btn-one:hover,
 .career_doors_newsletter:hover,
 .it-feature-item:hover .it-feature-text p,
 .it-feature-item:hover .it-feature-title,
 .rs-footer.home9-style.main-home .footer-bottom .copyright a,
 .topic__content,
 .topic__content h4 {
     color: #fff
 }

 .footer-bottom .copy-right-menu li,
 .rs-footer.home9-style.main-home .footer-bottom .copy-right-menu li {
     display: inline-block;
     position: relative;
     padding: 0 19px 0 25px
 }

 .rs-footer.home9-style.main-home .footer-top .footer_social li {
     display: inline-block;
     margin-right: 6px;
     color: #fff
 }

 .rs-footer.home9-style.main-home .footer-top .footer_social li a {
     color: #fff;
     width: auto;
     height: auto;
     line-height: 16px;
     font-size: 16px;
     margin-right: 10px
 }

 .ptb_50,
 .rs-footer.home9-style .footer-top,
 .space {
     padding-top: 30px;
     padding-bottom: 30px;
 }

 .rs-footer.home9-style .footer-top .widget-title {
     color: #fff;
     font-size: 18px;
     line-height: 26px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 35px;
     position: relative
 }

 .rs-footer.home9-style.main-home .footer-top .site-map li:before,
 .rs-footer.home9-style.main-home .footer-top .widget-title:before,
 .theme-bg {
    background-color: var(--white);
 }

 .rs-footer.home9-style .footer-top .widget-title:before {
     content: '';
     position: absolute;
     left: 0;
     bottom: -5px;
     height: 2px;
     width: 40px;
     background: #f4bf00
 }

 .rs-footer.home9-style.main-home .footer-top .address-widget li i:before {
     color: var(--orange);
 }

 .rs-footer.home9-style .footer-top .address-widget li i {
     position: absolute;
     font-weight: 600
 }

 .rs-footer.home9-style .footer-top .site-map li {
     padding-left: 15px;
     position: relative;
     margin-bottom: 11px
 }

 .rs-footer.home9-style .footer-top .site-map li:before {
     position: absolute;
     content: '';
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 6px;
     height: 6px;
     background: #f4bf00
 }


 .rs-footer.home9-style.main-home .footer-top .recent-post .post-item .post-date i {
     font-size: 13px;
     color: #f5c307;
     padding-right: 5px
 }

 /* End of footer area  */

 .custom-breadcrumb {
     display: flex;
     flex-wrap: wrap;
     padding: 0.75rem 1rem;
     margin-bottom: 1rem;
     list-style: none;
     background-color: rgba(255, 255, 255, 0.1);
     border-radius: 0.25rem;
 }

 .custom-breadcrumb .breadcrumb-item {
     display: flex;
     align-items: center;
     color: #ffffff;
 }

 .custom-breadcrumb .breadcrumb-item+.breadcrumb-item {
     padding-left: 0.5rem;
 }

 .custom-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
     content: "/";
     padding-right: 0.5rem;
     color: #ffffff;
 }

 .custom-breadcrumb .breadcrumb-item a {
     color: #ffffff;
     text-decoration: none;
     transition: color 0.3s ease;
 }

 .custom-breadcrumb .breadcrumb-item a:hover {
     color: #f1f1f1;
     text-decoration: underline;
 }

 .custom-breadcrumb .breadcrumb-item.active {
     color: rgba(255, 255, 255, 0.8);
 }

 .page-title-area {
     background-size: cover;
     background-position: center;
     padding: 60px;
 }

 .breadcrumb-title {
     color: white;
 }

 .contact-info-card {
     background: #fff;
     border-radius: 10px;
     padding: 30px 20px;
     text-align: center;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
     transition: all 0.3s ease;
     margin-bottom: 30px;
 }

 .contact-info-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
 }

 .contact-info-card .icon-wrapper {
     width: 80px;
     height: 80px;
     background: #f8f9fa;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto 20px;
 }

 .contact-info-card .icon-wrapper i {
     font-size: 32px;
     color: #007bff;
 }

 .contact-info-card .card-content h4 {
     color: #333;
     margin-bottom: 15px;
     font-size: 20px;
     font-weight: 600;
 }

 .contact-info-card .info-links {
     display: flex;
     flex-direction: column;
     gap: 8px;
 }

 .contact-info-card .info-links a {
     color: #666;
     text-decoration: none;
     transition: color 0.3s ease;
 }

 .contact-info-card .info-links a:hover {
     color: #007bff;
 }
 
  /* End of footer area  */

      .donbosco-img {
       width: 115px;
       margin-left: 38px;
       border-radius: 50%;
       padding: 5px;
   }
   /* Award Birthday section Start */ 

 #management-award {
    background-image: url(../images/slide-1.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
}

#management-award::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--darkblue);
    opacity: 0.9;
    z-index: -1;
    transition: all 0.3s ease;
}

.section-management .owl-carousel .owl-item img {
    display: block;
    width: 64%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
}

#management-award .col-lg-3 {

    padding: 0;
}

#management-award h3 {
    text-align: center;
    color: aliceblue;
    padding-top: 30px;
    font-size: 26px;
    font-weight: 600;
}

.speak-box {
    padding: 40px;
}

.speak-box img {
    width: 200px;
}

.b-box {
    padding: 40px;
}

.s-box {
    padding: 40px;
}

.a-box {
    padding: 40px;
}

.border-white {

    border-left: 5px solid #fff;
}


.section-management img {

    width: 100px;
}

.owl-nav {
    display: none;
}
/* Award Birthday section End */