/*!------------------------------------------------------------------
[MAIN STYLESHEET]

Template Name: Constra - Construction Html5 Template
Description: Constra - Construction Html5 Template
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[TABLE OF CONTENTS]
-------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Poppins|Cairo|Outfit|Jost|Open+Sans&display=swap|Material+Icons);
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');


/* Typography
================================================== #555 */
body {
  background: #fff;
  color: #1d2a38;
}

body,
p {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {

  font-weight: 700;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased !important;
}

h1 {
  font-family:'Jost', sans-serif!important;
  font-size: 36px;
  line-height: 48px;
}

h2 {
  font-family:'Jost', sans-serif!important;
  font-size: 30px;
  line-height: 36px;
  text-transform: capitalize;
  letter-spacing: -1px;
}

h3 {
  font-family:'Jost', sans-serif!important;
  font-size: 24px;
  margin-bottom: 20px;
  text-transform: capitalize;
  letter-spacing: -.5px;
}

h4 {
  font-family:'Jost', sans-serif!important;
  font-size: 24px;
  line-height: 28px;
  text-transform: capitalize;
  letter-spacing: -.2px;
  color: #4c44a9;
}

h5 {
  font-family:'Jost', sans-serif!important;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.alert .icon {
  margin-right: 15px;
}

/* Global styles
================================================== */
html {
  height: 100%;
  font-family:'Outfit', sans-serif!important;
}
body {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  height:100%;
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: normal!important;
  -ms-flex-direction: column!important;
  flex-direction: column!important;
  font-family:'Outfit', sans-serif!important;
}
.page-content{
  flex: 1 0 auto;
}
img, video {
    height: auto;
    max-width: 100%;
}
.log {
    width:100%;
    height:100%;
    background:url(../i/f10.jpg) #000 no-repeat;
    background-size:100% 100%;
    color:#ffffff;
}

img{
    width:100%;
    border-radius:5px;
}
 p {
  margin-bottom: 10px;
  line-height: 28px;
  letter-spacing: 0.5px;
}
.list-inline li{
    /*display: inline-block;*/
    display:ruby;
    background: transparent;
    border: none;
  }

  .social-icons{
      margin:0
  }
  .social-icons li a{
    padding: 10px;

  }
  .social-icons li a i{
    color:#fff
  }
  .top-nav-right{
    padding: 10px;
  }
  .menu-logo{
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    position: relative;
  }
  .menu-logo img {
    border-radius: 4px;
    height: 90px;
}

  .top-nav-right input{

  }
  .site-color{
    color: #e1a826;
  }
  .background-image-section{
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    margin: auto;
    height: 100%;
  }
  .carousel-item img {
    object-fit: cover;
    object-position: center;
    border-radius:0;
    overflow: hidden;
  }
  .carousel-control-prev{

    z-index: 99;
    display: flex;
  }
  .carousel-control-next{
    z-index: 99;
    display: flex;

  }
  .carousel-item span.item_over{
      border-radius:0;
      opacity:0.5;
  }

  @media screen and (max-width:991px){
	.custom-header{padding:1rem 0}
    .container {max-width: 991px;}

  }
  .navbar-collapse{
    display: none;
  }

  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .carousel-inner {
      height: 400px;
  }

  .carousel-item, .carousel-item img {
      height: 400px;
    width:100%;
  }

  .breadcrumb-area .title h1{
    line-height: unset !important;
  }

  .blog-top-nav .list-inline-item a{
    font-size: 14px;
    padding: 0.5rem 0.5rem;
  }
  #myMenu >li{
    padding: 5px !important;

  }
  #myMenu >li:first-child{

  }
  #myMenu > .dropdown ul{
    box-shadow: none !important;
    position: relative !important;
    width: 100% !important;
  }

  .navbar-collapse{
    display: block;
  }

  }
  .navbar-mobile{
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(9, 9, 9, 0.9);
    z-index: 999;
  }
  .navbar-mobile #myMenu{
    display: block;
    position: absolute;
    top: 55px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    padding: 10px 0;
    background-color: #fff;
    overflow-y: auto;
  }
  .navbar-mobile #myMenu >li{
    display: block !important;
  }
  .navbar-mobile #myMenu li , .navbar-mobile #myMenu li a{
      color:#000 !important
  }
  .navbar-collapse .mobile-nav-toggle{
    display: none
  }
  .navbar-mobile.navbar-collapse.show .mobile-nav-toggle{
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    display: block;
    transition: 0.5s;
    cursor: pointer;
  }
  .navbar-mobile #myMenu >li:after{
    display: none;
  }
  .navbar-mobile ul.dropdown-menu>li{
    max-width: 100%;
  }
  .collapsing {
    -webkit-transition: none;
    transition: none;
}
.navbar-mobile #myMenu >li.nav-item a:after{
    float: right;
  }
  .navbar-mobile .dropdown-menu{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

  }
  .navbar-mobile .dropdown-active{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: 100% !important;
  }
  .navbar-expand-lg .navbar-mobile .navbar-nav .dropdown-menu{
    position: relative;
  }
  .navbar-mobile .nav-item .dropdown-menu{
    transform: unset;
  }
  .navbar-mobile #myMenu >li{
    padding: 10px !important;

  }


  /* Extra small devices (phones, 600px and down) */
  @media only screen and (max-width: 767px) {

    .navbar-collapse{
      display: block;
    }

    #myMenu >li{
      padding: 5px !important;
    }
    .blog-top-nav .list-inline-item a{
      font-size: 12px;
    }
    .breadcrumb-area .title h1{
      line-height: unset !important;
      font-size: 22px !important;
    }
    #myMenu >li{
      padding: 5px !important;

    }
    #myMenu >li:first-child{

    }
    #myMenu > .dropdown ul{
      box-shadow: none !important;
      position: relative !important;
      width: 100% !important;
    }
    nav#site-navigation {
        /* border: none;
        position: fixed;
        top: 50px;
        left: -320px;
        right: 0;
        bottom: 0;
        width: 100%;
        max-width: 320px;
        transition: all 0.5s ease;
        background: #fff;
        z-index: 3; */
    }
    .contact-info {
        font-size: 12px;
    }
    .custom-header{
        padding-top: 4rem !important;
        padding-bottom: 0;
    }
    .mobile_menu_btn {
        position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 3;
height: 50px;
color: #fff;
    }
    .menu-toggle {
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #ffffff;
        font-size: 32px;
        font-size: 2rem;
        font-weight: 800;
        line-height: 1.5;
        text-shadow: none;
        padding: 0;
        margin-left: 13px;
    }
    nav#site-navigation.active {
        left: 0;
        max-height: 100%;
        overflow: auto;
        border-right: 1px solid #766d4d;
    }
    .main-navigation li, .main-navigation li:last-child {
        border-bottom: 1px solid #eee;

    }
    .main-navigation a {
        text-align: left;

    }
    .contact-info {
        position: fixed;
        top: 26px;
        right: 15px;
        z-index: 9;
        font-size: 12px;
    }
.carousel-inner {
      height: 260px;
  }

  .carousel-item, .carousel-item img {
      height: 260px;
    width:100%
  }
  }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header_one{
    /* padding: 15px 0; */

}
.logo img{
  /*height: 110px;*/
  width: 300px !important;
  display: block;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#myMenu{
    /*margin-left: auto !important;*/
    justify-content: flex-end !important;
    margin-right: 0 !important;
    font-weight: bold;
}
#myMenu >li{
  position: relative;
  display: inline-block;
  transition: all .4s ease-in-out 0s;
  /*padding-left: 10px;*/
  /*padding-right: 10px;*/
  font-size: .875rem;
  font-weight: 500;
  margin-left:10px;
  margin-right:12px !important;
}
.fixed-top #myMenu >li{
  padding-bottom: 0;
  padding-top: 0;
}
.navbar-toggler {
    margin: 10px 0;
    padding: 6px;
    /*border-radius: 5px;*/
    font-size: 1rem;
    background: #272d78;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
        background-image: none;
        background-size: auto;
    background-size: 100% 100%;
}
.navbar-toggler-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMCcgaGVpZ2h0PSczMCcgdmlld0JveD0nMCAwIDMwIDMwJz48cGF0aCBzdHJva2U9J3JnYmEoMjU1LCAyNTUsIDI1NSwgMScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnIHN0cm9rZS13aWR0aD0nMicgZD0nTTQgN2gyMk00IDE1aDIyTTQgMjNoMjInLz48L3N2Zz4=);
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
  }

  #preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border-top-color: #e2eefd !important;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
  }

  @-webkit-keyframes animate-preloader {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes animate-preloader {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  /*--------------------------------------------------------------
  # Back to top button
  --------------------------------------------------------------*/
  .back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 996;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.4s;
  }
  .back-to-top i {
    color: #272d78;
    line-height: 0;
  }
  .back-to-top:hover {
    color: #fff;
  }
  .back-to-top.active {
    visibility: visible;
    opacity: 1;
    border:2px solid #272D79;
    border-radius:50px;
    color:#272D79;
  }

  /*--------------------------------------------------------------
  # Disable aos animation delay on mobile devices
  --------------------------------------------------------------*/
  @media screen and (max-width: 768px) {
    [data-aos-delay] {
      transition-delay: 0 !important;
    }
  }
  /*--------------------------------------------------------------
  # Fixed Header
  --------------------------------------------------------------*/

  #FixedHeader.fixed-top {
    background: #fff;
    animation: smoothScroll .5s forwards;
    transition: all 300ms ease-in-out;
    box-shadow:none !important;
        position: fixed;
  }
  @keyframes smoothScroll{0%{transform:translateY(-40px)}100%{transform:translateY(0)}}
  .scrolled-offset {
    margin-top: 70px;
  }

.section-padding {
  padding: 70px 0;
  position: relative;
}

.no-padding {
  padding: 0;
}

.gap-60 {
  clear: both;
  height: 60px;
}

.gap-40 {
  clear: both;
  height: 40px;
}

.gap-30 {
  clear: both;
  height: 30px;
}

.gap-20 {
  clear: both;
  height: 20px;
}

.mrb-30 {
  margin-bottom: 30px;
}

.mrb-80 {
  margin-bottom: -80px;
}

.mrt-0 {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

.pab {
  padding-bottom: 0;
}

a:focus {
  outline: 0;
}

.ts-padding {
  padding: 60px;
}

.solid-bg {
  background: #f9f9f9;
}

.dark-bg {
  background: #252525;
  color: #fff;
}

.dark-bg h2,
.dark-bg h3 {
  color: #fff;
}

.solid-row {
  background: #f0f0f0;
}

.bg-overlay {
  position: relative;
}

.bg-overlay .container {
  position: relative;
  z-index: 1;
}

.bg-overlay:after {
  background-color: rgba(0, 46, 91, 0.8);
  z-index: 0;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.bg-overlay:after {
  position: relative;
}

.bg-overlay:after {
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 0;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.content-hidden {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  overflow: hidden;
}

/* Dropcap */
.dropcap {
  font-size: 48px;
  line-height: 60px;
  padding: 0 7px;
  display: inline-block;
  font-weight: 700;
  margin: 5px 15px 5px 0;
  position: relative;
  text-transform: uppercase;
}

.dropcap.primary {
  background: #4CB648;
  color: #fff;
}

.dropcap.secondary {
  background: #3a5371;
  color: #fff;
}

/* Title */
.title {
  font-size: 32px;
  line-height: 36px;
  margin-bottom: 20px;
}

/* Title Border */
/* Section title */
.section-title {
  font-size: 20px;
  line-height: 28px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 300;
  text-align:center;
}

.section-sub-title {
  font-weight: 900;
  font-size: 36px;
  line-height: 46px;
  margin: 0 0 60px;
  color: #212121;
}

@media (max-width: 575px) {
  .section-sub-title {
    font-size: 28px;
  }
}

/* Column title */
.column-title {
  margin: 0 0 40px;
}

.column-title-small {
  font-size: 20px;
  margin: 0 0 25px;
}

/* Page content title */
.page-content-title.first {
  margin-top: 0;
}

/* Video responsive */
.embed-responsive {
  padding-bottom: 56.25%;
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
}

.embed-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Input form */
input.form-control {
  box-shadow: none;
  border: 1px solid #dadada;
  padding: 5px 20px;
  height: 44px;
  background: none;
  color: #959595;
  font-size: 14px;
  border-radius: 0;
}

.form-control:focus {
  box-shadow: none;
  border: 1px solid #4CB648;
}

hr {
  background-color: #e7e7e7;
  border: 0;
  height: 1px;
  margin: 40px 0;
}

.alert hr {
  background: initial;
  margin: initial;
  border-top: 1px solid;
  height: initial;
  margin-bottom: 1rem;
  opacity: .2;
}

blockquote {
  padding: 25px;
  margin: 20px 0;
  background: #f9f9f9;
  position: relative;
  border-left: 3px solid #4CB648;
  padding-left: 40px;
}

blockquote.text-center {
  border-top: 3px solid #4CB648;
  border-left: 0;
  padding-left: 25px;
  padding-top: 50px;
}

blockquote.text-center:before {
  left: 50%;
  top: 10px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

blockquote.text-right {
  border-right: 3px solid #4CB648;
  padding-right: 40px;
  border-left: 0;
  padding-left: 25px;
}

blockquote.text-right:before {
  left: auto;
  right: 5px;
}

blockquote:before {
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  font-size: 28px;
  color: #E5E5E5;
  top: 5px;
  left: 5px;
  font-weight: 700;
  z-index: 0;
}

blockquote p {
  font-size: 14px;
  line-height: 22px;
  position: relative;
  z-index: 1;
  font-style: italic;
  margin-bottom: 0;
}

cite {
  display: block;
  font-size: 14px;
  margin-top: 10px;
}

/* Ul, Ol */
.list-round,
.list-arrow,
.list-check {
  list-style: none;
  margin: 0;
  padding: 0 0 0 15px;
}

.list-round li {
  line-height: 28px;
}

.list-round li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f138";
  margin-right: 10px;
  color: #4CB648;
  font-size: 12px;
}

.list-arrow {
  padding: 0;
}

ul.list-arrow li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  margin-right: 10px;
  color: #4CB648;
  font-size: 16px;
  font-weight: bold;
}

ul.list-check li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  margin-right: 10px;
  color: #4CB648;
  font-size: 14px;
}

/* Bootstrap */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover,
.nav-tabs > li > a {
  border: 0;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background: none;
}

.pattern-bg {
  background: #f5f5f5 url(../images/crossword.png);
}

a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

/* Button */
.btn:active, .btn:focus {
  box-shadow: none !important;
}

.btn-primary,
.btn-dark {
  border: 0;
  border-radius: 3px;
  padding: 10px 17px 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  transition: 350ms;
  font-size: 14px;
}

@media (max-width: 767px) {
  .btn-primary,
  .btn-dark {
    font-size: 13px;
  }
}

.btn-white.btn-primary {
  background: #fff;
  color: #4CB648;
}

.btn-primary {
  background: #342E78;
  border:2px solid #342E78;
}

.btn-dark {
  background: #23282d;
}

.btn-primary:hover,
.btn-dark:hover,
.btn-white.btn-primary:hover {
  background: #fff;
  color: #342E78;
  border-color:#342E78;
}

.btn-primary:hover:active, .btn-primary:hover:focus,
.btn-dark:hover:active,
.btn-dark:hover:focus,
.btn-white.btn-primary:hover:active,
.btn-white.btn-primary:hover:focus {
  color: #fff;
  background-color: #342E78 !important;
}


/* Call to action
================================================== */
.call-to-action {
    background-color: #253D9B !important;
    padding: 30px;
  }

  .call-to-action-title {
    color: #fff !important;
    margin: 0;
    padding: 25px 0;
    line-height: normal;
    font-size: 22px;
    text-transform: capitalize;
  }

  /* Action style box */
  .call-to-action-box {
    margin-top: -50px;
  }

  .call-to-action-box .action-style-box {
    background: #4CB648;
    padding: 30px;
  }

  .action-title {
    color: #fff;
    margin: 0;
    line-height: 36px;
    font-size: 18px;
    text-transform: uppercase;
  }


  /* Services
================================================== */
/* Service box */
.ts-service-box .ts-service-icon i {
    font-size: 36px;
    float: left;
    color: #4CB648;
  }

  .ts-service-box .ts-service-box-content {
    margin-left: 62px;
    margin-bottom: 30px;
  }

  .tab-content .ts-service-box .ts-service-box-content {
    margin-left: 90px;
  }

  .ts-service-box .ts-service-box-content h3 {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 28px;
  }

  .ts-service-box .ts-service-box-info {
    margin-left: 25px;
    margin-bottom: 40px;
  }

  .service-box-title {
    font-size: 16px;
    margin: 0 0 10px;
  }

  .service-box-title a {
    color: #333;
  }

  .service-box-title a:hover {
    color: #4CB648;
  }

  /* Service box bg */
  .ts-service-box-bg {
    background: #253d9b;
    color: #fff;
    border-radius: 30px;
    padding: 30px;
  }

  .ts-service-box-bg h4,
  .ts-service-box-bg h3 {
    color: #fff;
  }

  .ts-service-icon.icon-round i {
    font-size: 24px;
    color: #fff;
    background: #4CB648;
    text-align: center;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 20px;
    position: relative;
    float: none;
  }

  /* Icon left */
  .ts-service-box.icon-left .ts-service-box-icon {
    float: left;
  }

  .ts-service-box.icon-left .ts-service-box-icon i {
    background: #4CB648;
    color: #fff;
  }

  .ts-service-box.icon-left .ts-service-box-info {
    margin-left: 90px;
  }

  .ts-service-box.icon-left .ts-service-box-info h3 {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .ts-service-box-content p ,  .ts-service-box-content span ,  .ts-service-box-content a{
    color: #fff !important;
  }

  /* Service no box */
  .service-no {
    font-size: 48px;
    color: #dbdbdb;
    float: left;
    margin-top: 10px;
  }

  .ts-service-box-content .ts-service-box-info {
    margin-left: 90px;
  }

  /* Service Image */
  .ts-service-image-wrapper {
    margin-bottom: 30px;
  }

  .ts-service-icon i {
    font-size: 28px;
    margin-right: 15px;
    margin-top: 2px;
  }

  .ts-service-info {
    margin-left: 30px;
  }

  @media (max-width: 1200px) {
    .ts-service-info {
      margin-left: 15px;
    }
  }

  .ts-service-info h3 {
    font-size: 16px;
  }

  .ts-service-info .learn-more {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
  }

  .ts-service-info .learn-more:hover {
    color: #4CB648;
  }

  /* Service Classic */
  .ts-service-classic .ts-service-icon i {
    font-size: 24px;
    float: left;
    color: #fff;
    background: #4CB648;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    transition: all 0.3s;
  }

  .ts-service-classic .ts-service-box-info {
    margin-left: 80px;
  }

  .ts-service-classic:hover .ts-service-icon i {
    background: #4CB648;
  }
  .ts-service-box-img{
    width: 120px;
  }
  .ts-service-info .learn-more{
    color:#555;
    text-decoration: none;
  }

  .block-image{
    margin-bottom: 20px;
    position: relative;
    display: block;
    overflow: hidden;
  }

  .single-blog-post:hover .thumb img {
    transform: scale(1.2) rotate(1deg);
}
.single-blog-post .thumb img {
    width: 100%;
}
.single-blog-post .thumb img {
    max-width: 100%;
    transform: scale(1.0);
}
.overlay-style-one.bg1 {
  background-color: rgba(3, 13, 40, 0.70);
}
.overlay-style-one {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
    opacity: 0;
    z-index: 1;
}
.single-blog-post:hover .overlay-style-one {
  opacity: 1;
}
.single_sidebar_widget{
  position: relative;
  display: block;
  border: 1px solid #e8e8e8;
  color: #798795;
}

.single_sidebar_widget .widget_title{
  position: relative;
  display: block;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  color: #798795;
  padding: 12px 0 11px;
  font-size: 14px;
}

.single_sidebar_widget ul {
  position: relative;
  text-decoration: none;
  padding-left: 20px!important;
}
.single_sidebar_widget ul li {
  position: relative;
  display: block;
  color: #242f6c;
  /* margin-bottom: 15px; */
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  text-transform: capitalize;
}

.single_sidebar_widget ul li a{
  -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: .5s ease;
    text-transform: capitalize;
    /* font-size: 16px!important; */
    color: #798795;
    font-weight: 400;
}

.single_sidebar_widget ul li a{
  position: relative;
    display: block;
    color: #798795;
    line-height: 30px;
    font-size: 14px;
    text-decoration: none;
}
.breadcrumb-area{
background: aliceblue;}
.breadcrumb-area .title {
  position: relative;
  display: block;

  margin: 15px 0 15px;
}

.breadcrumb-area .title h1 {
  font-size: 28px;
}
.breadcrumb-area .inner-content{
        position: relative;
    margin: 0 auto;
    padding: 20px;
}
.breadcrumb-area .title h1 {
  line-height: 60px;
  font-weight: 600;
  font-family: Cairo;
  text-align: center;
  text-transform: capitalize;
}
.breadcrumb-area .breadcrumb-menu {
  position: relative;
  display: block;
  line-height: 0;

}
.breadcrumb-area .breadcrumb-menu ul {
  position: relative;
  display: block;
  overflow: hidden;
  text-align: center;
}
.breadcrumb-area .breadcrumb-menu ul li {
  position: relative;
  display: inline-block;
  float: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: 1px;
  transition: all 500ms ease;
  padding: 0 3px;
}
.breadcrumb-area .breadcrumb-menu ul li a{
  text-decoration: none;
}
.breadcrumb-item+.breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  content: "\f061";
  font-family: 'Font Awesome 5 Free';
}

.text-justify{
  text-align: justify;
}

.section-services {
	/* padding-top: 110px;
	padding-bottom: 120px; */
	color: #fff;
}

.section-services .header-section {
	margin-bottom: 35px;
}

.section-services .header-section .title {
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 25px;
	text-transform: uppercase;
	font-weight: 700;
}

.section-services .header-section .title:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 140px;
	height: 1px;
	background-color: #06a657;
}

.section-services .header-section .title:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
	width: 45px;
	height: 3px;
	background-color: #06a657;
}

.section-services .header-section .title span {
	color: #06a657;
}

.section-services .header-section .description {
	color: #6f6f71;
}

.section-services .single-service {
  margin: 0 auto 42px;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 7px 1px #ebebeb;
  box-shadow: 0px 4px 7px 1px #ebebeb;
  padding: 35px 25px;
  height: 400px;
}

.section-services .single-service .part-1 {
  padding: 10px 0px 10px;
	border-bottom: 2px solid #1d1e23;
}

.section-services .single-service .part-1 i {
	margin-bottom: 25px;
	font-size: 50px;
	color: #06a657;
}

.section-services .single-service .part-1 .title {
  font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.8em;
}

.section-services .single-service .part-2 {
 padding: 10px 10px 10px;
}

.section-services .single-service .part-2 .description {
	margin-bottom: 22px;
	color: #6f6f71;
	font-size: 14px;
	line-height: 1.8em;
}

.section-services .single-service .part-2 a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.section-services .single-service .part-2 a i {
	margin-right: 10px;
	color: #06a657;
}

.section-about .section-title h2{

    font-weight: 500;
    color: #009f4b;
    margin: 0px 0px 15px 0px;
}
.section-about .section-slogan h3{
  font-size: 42px;
  font-weight: 700;
  line-height: 1.3em;
  color: #253d9b;
  text-transform: capitalize;
  margin: 0px 0px 25px 0px;
}
.btn-learn-more{
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: all .4s;
  padding: 8px 30px;
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
  text-transform: uppercase;
  color: #fff;
  background: #03a24a;
  z-index: 1;
  border-radius: 30px;
}
.btn-learn-more {
  padding: 13px 35px 13px 35px;
  background-color: #03a24a;
  text-decoration: none;
}
.btn-learn-more:hover {

  color: #fff;
}
.img-about{
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px 50px 0px 0px;
}
.img-card {
  /* width: 300px; */
  position: relative;
  margin-bottom: 15px;
  border-radius: 5px;
  text-align: left;
  border: 1px solid #64f;
  height: 450px;
}
.img-card .card-image {
  position: relative;
  margin: auto;
  overflow: hidden;
  border-radius: 5px 5px 0px 0px;
  height: 250px;
  object-fit: cover;
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
}
.img-card .card-image img{

}
.img-card.iCard-style1 .card-title {
  position: absolute;
  z-index: 1;
  /* top: 10px;
  left: 10px; */
  background: #06a657d6;
  font-size: 30px;
  color: #fff;
  width: 100%;
  text-align: center;
}
.img-card .card-image img {
  width: 100%;
  overflow: hidden;
  border-radius: 5px 5px 0px 0px;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.img-card .card-text {
  padding: 0 15px 15px;
  line-height: 1.5;
  color: #6f6f71;
}
.img-card .card-link {

  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  width: -webkit-fill-available;
}

.img-card.iCard-style1 .card-link a {
  color: #06a657;
}
.img-card .card-link a {
  text-decoration: none;
  position: relative;
}

.blog .blog-item .full-blog-content, .archive .blog-item .full-blog-content {
  padding: 10px 15px 20px;
  overflow: hidden;
}

.blog .blog-item, .archive .blog-item {
  margin-bottom: 18px;
  background: #fff;
  box-shadow: 0 2px 20px rgb(0 0 0 / 8%);
  border-radius: 0;
  padding: 15px;
  transition: .3s;
}
.blog .blog-item .blog-img {
  margin-bottom: 18px!important;
}

.blog .blog-item .blog-img {

  height: 350px;
  object-fit: cover;

}
.blog .blog-item .blog-img, .archive  .blog-item .blog-img {
  position: relative;
  border-radius: 0;
  z-index: 0;
}
.blog .blog-item .blog-img {
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 0;
}
.blog  .blog-item .title-wrap .blog-title, .archive .blog-item.title-wrap .blog-title {
  font-size: 26px;
  line-height: 35px!important;
}
blog  .blog-item .blog-title {
  margin: 4px 0 10px;
  line-height: 30px;
  font-size: 26px;
}
.blog .blog-item .blog-title a {
  z-index: 11;
  color: #6f6f6f;
  position: relative;
  text-decoration: none;
  text-transform: capitalize;
}
.blog .blog-item .blog-meta {
  transition: all .4s ease-in-out 0s;
}
.btm-cate {
  overflow: hidden;
  list-style: none;
  margin: 0 0 5px;
  padding: 0 0 12px;
  position: relative;
  font-size: 13px;
}
.btm-cate li {
  margin-right: 25px;
}
.btm-cate li {
  float: left;
  margin-right: 10px;
}
.blog .blog-item .blog-meta .blog-date {
  display: inline-block;
  font-weight: 500;
  font-size: 13px;
}
.blog .blog-item .blog-meta .blog-date {
  padding: 0;
  color: #555;
  margin-right: 0;
  line-height: normal;
  padding: 1px;
}

.blog  .blog-item  .tag-line, .archive .blog-item  .tag-line {
  position: absolute;
  z-index: 11;
  right: 20px;
  bottom: 20px;
}
.blog  .blog-item  .tag-line .post-categories, .archive .blog-item  .tag-line .post-categories {
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.blog  .blog-item  .tag-line .post-categories li, .archive .blog-item .tag-line .post-categories li {
  margin-left: 5px;
  margin-top: 5px;
}
.blog  .blog-item .tag-line .post-categories li a, .archive .blog-item .tag-line .post-categories li a {
  background: #4cb648;
  color: #fff;
  padding: 6px 20px;
  display: block;
  font-weight: 500;
  border-radius: 0;
  font-size: 14px;
  transition: .4s;
  text-decoration: none;
}

.blog .blog-item .blog-button {
  display: block;
  margin-top: 20px;
}

.blog .blog-item .blog-button a {
  text-align: center;
  display: inline-block;
  color: #4cb648;
  padding-right: 25px;
  position: relative;
  z-index: 1;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
}
.blog .blog-banner{
  height: 350px;
  object-fit: cover;
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 0;
}

.blog .blog-item .blog-button a:before {
  content: "\f061";
  font-family: 'Font Awesome 5 Free';
  position: absolute;
  font-size: 15px;
  top: 1px;
  right: 0;
  opacity: 1;
  transition: all .3s;
}

.blog  .blog-details {
  padding-top: 26px;
}

.has-error.has-danger .form-control {
  border: 1px solid #ec0609;
}
.has-error .invalid-feedback{
  display: block;
}
.invalid-feedback ul{
  padding: 0; margin: 0;
}
.request-success-feedback , .request-error-feedback{
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
}

.wprt-toggle .toggle-title {
  cursor: pointer;
  font-size: 17px;
  padding: 13px 40px 13px 55px;
  background-color: #f8f8f8;
  margin-bottom: 10px;
  position: relative;
  -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
          transition: all ease .238s;
}

.wprt-toggle .toggle-title:before,
.wprt-toggle .toggle-title:after {
  content: "\f0fe";
  font-family: 'Font Awesome 5 Free';
  font-weight: normal;
  line-height: normal;
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translate3d(0,-50%,0);
     -moz-transform: translate3d(0,-50%,0);
          transform: translate3d(0,-50%,0);
}

.wprt-toggle .toggle-title:before {
  content: "\f107";
  left: auto;
  right: 20px;
}

.wprt-toggle.active .toggle-title {
  background-color: #029849;
  border-color: #029849;
}

.wprt-toggle.active .toggle-title,
.wprt-toggle.active .toggle-title:after,
.wprt-toggle.active .toggle-title:before {
  color: #fff;
}

.wprt-toggle.active .toggle-title:after {
  content: "\f146";
}

.wprt-toggle .toggle-content {
  display: none;
  padding: 20px 20px 35px;
}

/* Toggle Style 2 */
.wprt-toggle.style-2 {
  margin-bottom: 10px;
}

.wprt-toggle.style-2 .toggle-title {
  padding-right: 25px;
  padding-left: 70px;
  border: 0;
  margin: 0;
}

.wprt-toggle.style-2 .toggle-title:before {
  content: "";
}

.wprt-toggle.style-2 .toggle-title:after {
  content: "\f0fe";
  color: #fff;
  left: 0;
  width: 50px;
  height: 50px;
  background-color: #ffbc13;
  text-align: center;
  line-height: 50px;
}

.wprt-toggle.style-2.active .toggle-title:after {
  content: "\f146";
}

.wprt-toggle.style-2.active .toggle-title {
  background-color: transparent;
  color: #4b4b4b;
}

.wprt-toggle.style-2.active .toggle-title:after {
  background-color: #2d2d2d;
}

.wprt-toggle.style-2 .toggle-content {
  padding: 10px 30px 20px 70px;
}
.foot_section_part p{
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.foot_section_part ul li a{
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.foot_section_part ul li a i{
  padding-right: 20px;
  padding-left:20px;

}
.foot_section_part h6{
  font-size: 14px;

}
.desktop-emblem{
    height:250px;
    width:250px;
}
.foot_section_social_links i{
font-size: 20px;
    /*border: 1px solid;*/
    border-radius: 50%;
    /* padding-left: 10px; */
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
}
.foot_section_single_contact_info i{
  padding-right: 10px;

}

.wprt-section .section-title h2 {
  font-weight: 500;

}
.amz-gallery .section-title h2{
  font-weight: 500;
   color: #4c44a9; 
  margin: 0px 0px 15px 0px;
  font-family:math !important;
      letter-spacing: 1px;
}
.gallery-item img{
  border-radius: 5px;
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  object-fit: cover;
  object-position: center;
  max-width: 100%!important;
  height: 350px !important;
}
.gallery-item a{
  border-radius: 0px;
  display: block;
  margin: 4px;
  border: none;
  box-shadow: none;
  text-align: center;
    max-width: 100%!important;
    background-color: #FFF;
    /*border: 1px solid #A9A9A9;*/
    border:1px solid #fff;
}
.gallery-item a:hover{
    border-color:#272D79;
    border-radius:5px;
}
.gallery-item{
    padding-left:0px !important;
    padding-right:0px !important;
}
b.user{
  float: none;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: bolder;
}
b.user a{
  color: #333;
    padding: 0;
    font-size: 16px;
    text-decoration: none;
}
.comment-metadata {
  font-size: 12px;
  margin-top: -12px;
  padding-left: 50px;
}
.comment-metadata a {
  color: #969696;
  text-decoration: none;
}
.comment-respond form .form-control{

}

.aut {
  font-weight: bold;
}

.timestamp {
  font-size: 85%;
  float: right;
}
.comment {
    margin-bottom: 16px;
    padding-bottom: 8px;
}
.comment {
    margin-bottom: 0;
    padding-bottom: 8px;
}
.comment:first-child {
    padding-top: 10px;
}

.comment-block, .comment-replies {
    margin-top: 0;
}
 .comment-block {
    padding: 10px;
    box-shadow: none;
    border: 1px solid #eee;
    border-radius: 2px;
}

.comment-widget li {
    padding: .25em 0;
    margin: 0;
    text-indent: 0;
}
.comment-metadata {
  font-size: 12px;
  margin-top: -12px;
  padding-left: 50px;
}
.comment-widget .datetime {
    margin-left: 0;
    float: right;
    font-size: 11px;
}

.reply{
  background: none repeat scroll 0 0 #ffb923;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 20px;
  padding: 0 10px;
  display: inline-block;
  border-radius: 25px;
}
.comment-header{
	  font-size: 15px;
    padding: 0 0 3px;
    margin: 0 0 8px;
}

.comment-content{
    text-align: justify;
    font-size: 15px;
    line-height: 1.4em;
    margin-top: 10px;
}
.comment-content p{
  overflow-wrap: break-word;
}
.alert p{
	margin-bottom: 0;
}
.comment-header img {
  vertical-align: text-top;
  margin-right: 15px;
  border: 1px solid #e1e1e1;
  padding: 3px;
  border-radius: 50%;
  width:32px
}
.img-32px{
  width: 32px;
}
.comment-respond{
  padding: 20px;
    margin: 20px 0 0;
    color: #141414;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}
.comment-respond h3{
  margin: 0 0 10px;
    color: #141414;
    font-weight: 600;
    display: inline-block;
    line-height: 22px;
    font-size: 18px;
}
.comment-respond input{
  height: 40px;
}

.widget, .content-area {
  margin: 1.5em 0;
}
.widget-area .widget .widget_title {
  width: 100%;
  margin-top: 0;
  text-transform: uppercase;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1.5px;
  line-height: 1.6;
  border-bottom: 2px solid #f1efef;
  padding-bottom: 5px;
  position: relative;
  margin-bottom: 15px;
  line-height: 35px;
}
.widget-area .widget .widget_title:before{
  border-color:#4CB648;
}
.widget-area .widget .widget_title:before{
  content: '';
  position: absolute;
  bottom: -2px;
  width: 100px;
  border-bottom: 2px solid #4CB648;
}
.widget-area .widget ul{
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.widget-area ul li {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  margin-bottom: 5px;
  padding-bottom: 5px;
  line-height: 32px;
}
.widget-area ul li:last-child {

  padding-bottom: 0;
}
.widget-area ul li:last-of-type{

}

.widget-area ul li a{
  color: #7c7c7c;
  font-size: 16px;
  line-height: 32px;
  padding-left: 22px;
  position: relative;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-decoration: none;
}
.recent_product_widget ul li a , .popular_product_widget ul li a{
  padding-left: 0;
}
.widget-area .post_category_widget ul li a::before{
    content: "\f187";
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 14px;
    left: 0;
    position: absolute;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.widget-area .post_category_widget ul li a::before {
  content: "\f101";
}
.page-details .gallery{
  padding: 10px 0;
  position: relative;
}
.gallery-details .gallery{
  padding: 70px 0;

}
.gallery-details .section-title{
    padding: 15px 0px 15px;
    text-align: center;
    margin-bottom: 50px;
    color: #FFF;
    border-top: 1px solid #000 ;
    border-bottom: 1px solid #000 ;
    -webkit-text-stroke: 2px #333;
}
.amz-gallery .section-title{
    padding: 15px 0px 15px;
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
    border-top: 1px solid #4c44a9;
    border-bottom: 1px solid #4c44a9;
    -webkit-text-stroke: 2px #333;
    letter-spacing:2px;
}
.gallery-details .amz-gallery{
  margin-bottom: 50px;
}
.widget-area .recent_post_widget ul li a::before , .widget-area .popular_post_widget ul li a::before  {
  content: "\f101";
}
.widget-area .recent_post_widget ul li a::before ,.widget-area .popular_post_widget ul li a::before  {
  content: "\f101";
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  font-size: 14px;
  left: 0;
  position: absolute;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.not-found{
  text-align: center;
    padding: 50px 0;
}

.navbar-brand img{
	height: 42px;
	width: auto;
	display: block;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}

.navbar-toggler:active,
.navbar-toggler:focus {
	outline: none;
}
.navbar-light .navbar-toggler-icon {
	width: 24px;
	height: 17px;
	background-image: none;
	position: relative;
	border-bottom: 1px solid #000;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before{
	width: 24px;
	position: absolute;
	height: 1px;
	background-color: #000;
	top: 0;
	left: 0;
	content: '';
	z-index: 2;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after{
	top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
	transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
	transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	border-color: transparent;
}

.nav-item:hover .nav-link{

}
.nav-item.active .nav-link{
	/*color: #777 !important;*/
}
.nav-link {
	position: relative;
	padding: 5px 0 !important;
	display: inline-block;
	font-size:15px;
}

#myMenu >li:after{
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background-color: #272D79;
	opacity: 0;
    transition: all 200ms linear;
}
#myMenu >li:hover:after{
	bottom: 0;
	opacity: 1;
}
#myMenu >li.active:hover:after{
	opacity: 0;
}
.nav-item{
	position: relative;
    transition: all 200ms linear;
}

#myMenu >li.nav-item > a:after {
  content: "\f078";
  font-family: 'Font Awesome 5 Free';
  top: 1px;
  right: 0;
  opacity: 1;
  transition: all .3s;
  font-weight: 800;
}
@media (min-width: 767px){

#myMenu >li.nav-item a:hover:after {
    /* transform: rotate(180deg);
    position: absolute; */
}

}


/* #Primary style
================================================== */

.nav-item .dropdown-menu {
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    opacity: 0;
	max-height: 0;
    display: block;
	padding: 0;
	margin: 0;
    transition: all 200ms linear;
    background: #fff;
    padding: 20px 0;
    border-radius: 10px;
    list-style: none;
    text-align: left;
    min-width: 250px;
    left: 0;
    transform: translateY(7px);
    margin-top: 10px;
    -webkit-box-shadow: 2px 2px 20px rgb(0 0 0 / 10%);
    box-shadow: 2px 2px 20px rgb(0 0 0 / 10%);
    /* opacity: 0; */
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.nav-item .dropdown-menu:before{
        background: url(/site-content/2022/07/tr_up.png);
    width: 8px;
    height: 4px;
    background-size: cover;
    position: absolute;
    top: -4px;
    left: 30px;
    display: block;
    content: '';
}
.nav-item.show .dropdown-menu {
  opacity: 1;
  visibility: visible;
  max-height: 999px;
  left: 0;
  /*transform: translate3d(0, 0px, 0);*/
}
.dropdown-menu {
	/*padding: 10px!important;*/
	margin: 0;
	letter-spacing: 1px;
	color: #212121;
	background-color: #fcfaff;
	border: none;
	border-radius: 3px;
	box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
    transition: all 200ms linear;
}
.dropdown-toggle::after {
	display: none;
}

ul.dropdown-menu>li {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  min-width: 7rem;
  max-width: 17.5rem;
  min-height: 3rem;
  /* padding: 0.8rem 1rem; */
  overflow: hidden;
  line-height: 1;
  text-overflow: ellipsis;
  word-wrap: break-word;
  transition: all 200ms linear;
}
ul.dropdown-menu>li a{

}
ul.dropdown-menu>li:hover,
ul.dropdown-menu>li:focus {
	color: #fff !important;
	background-color: rgb(244 67 54);
}
ul.dropdown-menu>li:hover a,
ul.dropdown-menu>li:focus a{
    	color: #fff !important;
}
.navbar-mobile #myMenu ul.dropdown-menu>li:hover a, .navbar-mobile #myMenu ul.dropdown-menu>li:focus a{
    	color: #fff !important;
}
ul.dropdown-menu>li a{
  width: 100%;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  padding-left: 20px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
}
.navbar{

	box-shadow:none !important;
	padding-top:1px !important;
	padding-bottom:1px !important;
}
.show .ul.dropdown-menu>li{
	    min-width: auto !important;
	    max-width: 100% !important;
}

/* #Media
================================================== */
@media (min-width: 767px) {

.nav-item:hover i {
  transform: rotate(180deg);
}

}

@media (max-width: 992px) {
	h1{
		font-size: 38px;
	}
	.nav-item:after{
		display: none;
	}
	.nav-btn{
		display:none
	}
	.nav-item .dropdown-toggle i{
		display: none;
	}
	/* .nav-item::before {
		position: absolute;
		display: block;
		top: 15px;
		left: 0;
		width: 11px;
		height: 1px;
		content: "";
		border: none;
		background-color: #000;
		vertical-align: 0;
	}
	.dropdown-toggle::after {
		position: absolute;
		display: block;
		top: 10px;
		left: -23px;
		width: 1px;
		height: 11px;
		content: "";
		border: none;
		background-color: #000;
		vertical-align: 0;
		transition: all 200ms linear;
	} */
	.dropdown-toggle[aria-expanded="true"]::after{
		transform: rotate(90deg);
		opacity: 0;
	}
	.dropdown-menu {
		padding: 0 !important;
		background-color: transparent;
		box-shadow: none;
		transition: all 200ms linear;
	}
	.dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
		margin-top: 10px !important;
		margin-bottom: 20px !important;
	}
	body.dark .nav-item::before {
		background-color: #fff;
	}
	body.dark .dropdown-toggle::after {
		background-color: #fff;
	}
	body.dark .dropdown-menu {
		background-color: transparent;
		box-shadow: none;
	}
}

body.hero-anime p{
	opacity: 0;
	transform: translateY(40px);
    transition-delay: 1700ms;
}

/* #Link to page
================================================== */


nav .nav-btn button {
    border: none;
    outline: transparent;
    border-radius: 0.5rem;
    background: #6c26d7;
    color: #ffffff;
    font-family: inherit;
    font-size: inherit;
    font-weight: bold;
    cursor: pointer;
    transition: 0.1s;
}
.navbar-brand{
	margin-right: 0

}

.iframe-container iframe{
  width: 100%;
  height: 230px;
}
.bg-indigo.slogan:before {
  border-color: transparent #6c26d7 transparent transparent;
}
.slogan:before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 25%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 21px 15px 0;
  border-color: transparent #03a9f4 transparent transparent;
}
.font-weight-light {
  font-weight: 300!important;
}
.fixed-top .logo img {
  /*height: 110px;*/
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.bg-indigo {
  background-color: #6c26d7 !important;
}
.bg-light-green {
  background: linear-gradient(49deg, rgba(13,128,120,1) 0%, rgba(0,212,255,1) 100%) !important;
}
.bg-info {
  background-color: #03a9f4!important;
}
.slogan{
  position: relative;
}
.pb-50 {
  padding-bottom: 50px;
}
.pt-50 {
  padding-top: 50px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mt-50 {
  margin-top: 50px;
}
.section-title h4 {
  font-size: 40px;
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
  padding-bottom: 20px;
  display: inline-block;
}
.section-title h4:before {
  position: absolute;
  content: "";
  width: 80px;
  height: 2px;
  background-color: #d8d8d8;
  bottom: 0;
  left: 50%;
  margin-left: -40px;
}
.section-title h4:after {
  position: absolute;
  content: "";
  width: 50px;
  height: 2px;
  background-color: #03a9f4;
  left: 0;
  bottom: 0;
  left: 50%;
  margin-left: -25px;
}

.single-service {
  position: relative;
  text-align: center;
  margin-bottom: 50px;
  -webkit-transition: .3s;
  transition: .3s;
  padding: 30px 20px;
  min-height: 290px;
  box-shadow: 0 1px 4px rgb(0 0 0 / 16%);
}
.single-service:hover {
  box-shadow: 1px 3px 10px 0 rgb(0 0 0 / 10%);
}
.single-service:after {
  position: absolute;
  width: 0;
  height: 0;
  background-color: #FF7200;
  right: 0;
  bottom: 0;
  content: "";
  -webkit-transition: .3s;
  transition: .3s;
}

.single-service:before {
  position: absolute;
  width: 0;
  height: 0;
  background-color: #FF7200;
  left: 0;
  top: 0;
  content: "";
  -webkit-transition: .3s;
  transition: .3s;
}
.single-service:hover:after, .single-service:hover:before {
  width: 50%;
  height: 2px;
  -webkit-transition: .3s;
  transition: .3s;
}
.single-service i.fa {
  font-size: 20px;
  width: 60px;
  height: 60px;
  border: 1px solid #ddd;
  line-height: 60px;
  margin-bottom: 30px;
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s;
}
.single-service:hover i.fa {
  background-color: #03a9f4;
  color: #fff;
  border-color: #03a9f4;
  border-radius: 0;
}
.single-service h4 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.single-service p {
  margin-bottom: 0px;
  line-height: 1.5;
  font-size: 13px;
  letter-spacing: 0.5px;
}
.cd-horizontal-timeline{opacity:0;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.cd-horizontal-timeline::before{content:'mobile';display:none}.cd-horizontal-timeline.loaded{opacity:1}.cd-horizontal-timeline
.timeline{position:relative;height:100px;width:90%;max-width:750px;margin:0
auto}.cd-horizontal-timeline .events-wrapper{position:relative;height:100%;margin:0
40px;overflow:hidden}.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before{content:'';position:absolute;z-index:2;top:0;height:100%;width:20px}.cd-horizontal-timeline .events-wrapper::before{left:0;background-image:-webkit-gradient(linear, left top, right top, from(#fff), to(rgba(248, 248, 248, 0)));background-image:linear-gradient(to right, #fff, rgba(248, 248, 248, 0))}.cd-horizontal-timeline .events-wrapper::after{right:0;background-image:-webkit-gradient(linear, right top, left top, from(#fff), to(rgba(248, 248, 248, 0)));background-image:linear-gradient(to left, #fff, rgba(248, 248, 248, 0))}.cd-horizontal-timeline
.events{position:absolute;z-index:1;left:0;top:49px;height:2px;background:#dfdfdf;-webkit-transition:-webkit-transform 0.4s;transition:-webkit-transform 0.4s;transition:transform 0.4s;transition:transform 0.4s, -webkit-transform 0.4s}.cd-horizontal-timeline .filling-line{position:absolute;z-index:1;left:0;top:0;height:100%;width:100%;background-color:#09f;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}.cd-horizontal-timeline .events
a{position:absolute;bottom:0;z-index:2;text-align:center;font-size:0.8rem;padding-bottom:15px;color:#383838;-webkit-transform:translateZ(0);transform:translateZ(0)}.cd-horizontal-timeline .events a::after{content:'';position:absolute;left:50%;right:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-5px;height:12px;width:12px;border-radius:50%;border:2px
solid #dfdfdf;background-color:#f8f8f8;-webkit-transition:background-color 0.3s, border-color 0.3s;transition:background-color 0.3s, border-color 0.3s}.no-touch .cd-horizontal-timeline .events a:hover::after{background-color:#09f;border-color:#09f}.cd-horizontal-timeline .events
a.selected{pointer-events:none}.cd-horizontal-timeline .events a.selected::after{background-color:#09f;border-color:#09f}.cd-horizontal-timeline .events a.older-event::after{border-color:#09f}@media only screen and (min-width: 1100px){.cd-horizontal-timeline{}.cd-horizontal-timeline::before{content:'desktop'}}.cd-timeline-navigation
a{position:absolute;z-index:1;top:50%;bottom:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:34px;width:34px;border-radius:50%;border:2px
solid #dfdfdf;overflow:hidden;color:transparent;text-indent:100%;white-space:nowrap;-webkit-transition:border-color 0.3s;transition:border-color 0.3s}.cd-timeline-navigation a::after{content:'';position:absolute;height:16px;width:16px;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url(./img/cd-arrow.svg) no-repeat 0 0}.cd-timeline-navigation
a.prev{left:0;-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.cd-timeline-navigation
a.next{right:0}.no-touch .cd-timeline-navigation a:hover{border-color:#09f}.cd-timeline-navigation
a.inactive{cursor:not-allowed}.cd-timeline-navigation a.inactive::after{background-position:0 -16px}.no-touch .cd-timeline-navigation a.inactive:hover{border-color:#dfdfdf}.cd-horizontal-timeline .events-content{position:relative;width:100%;margin:2em
0;overflow:hidden;-webkit-transition:height 0.4s;transition:height 0.4s}.cd-horizontal-timeline .events-content
li{position:absolute;z-index:1;width:100%;left:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);padding:0
5%;opacity:0;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.cd-horizontal-timeline .events-content
li.selected{position:relative;z-index:2;opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right{-webkit-animation-name:cd-enter-right;animation-name:cd-enter-right}.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left{-webkit-animation-name:cd-enter-left;animation-name:cd-enter-left}.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left{-webkit-animation-direction:reverse;animation-direction:reverse}.cd-horizontal-timeline .events-content li>*{max-width:800px;margin:0
auto}.cd-horizontal-timeline .events-content
h2{font-weight:bold;font-size:2.6rem;font-family:"Playfair Display",serif;font-weight:700;line-height:1.2}.cd-horizontal-timeline .events-content
em{display:block;font-style:italic;margin:10px
auto}.cd-horizontal-timeline .events-content em::before{content:'- '}.cd-horizontal-timeline .events-content
p{font-size:1.4rem;color:#959595}.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content
p{line-height:1.6}@media only screen and (min-width: 768px){.cd-horizontal-timeline .events-content
h2{}.cd-horizontal-timeline .events-content
em{font-size:2rem}.cd-horizontal-timeline .events-content
p{font-size:1.8rem}}@-webkit-keyframes cd-enter-right{0%{opacity:0;-webkit-transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0%)}}@keyframes cd-enter-right{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}}@-webkit-keyframes cd-enter-left{0%{opacity:0;-webkit-transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0%)}}@keyframes cd-enter-left{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}}.events ol li ,.events-content ol li ,.cd-timeline-navigation
li{list-style:none}
.lead-title {
  position: relative;
  font-weight: 300;
  font-size: 1.7rem;
}
.lead-title:before {
  position: absolute;
  content: "";
  width: 80px;
  height: 2px;
  background-color: #d8d8d8;
  bottom: 0;
}
.lead-title:after {
  position: absolute;
  content: "";
  width: 50px;
  height: 2px;
  background-color: #03a9f4;
  left: 0;
  bottom: 0;
}
.single_what_we_do {
  background-color: #fff;
  text-align: center;
  padding: 0 30px;
  border-radius: 10px;
  position: relative;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.single_what_we_do .top_line {
  position: absolute;
  top: 0;
  left: 44%;
  background-color: #8448ff;
  width: 12%;
  height: 3px;
}
.single_what_we_do .what_we_do_figure {
  padding: 40px 0;
}
.single_what_we_do .what_we_do_figure img {
  margin: 0 auto;
  width: auto;
}
.single_what_we_do .what_we_do_title {
  font-weight: 600;
  font-size: 22px;
  padding-bottom: 35px;
  margin: 0;
}
.single_what_we_do .what_we_do_content {
  padding-bottom: 65px;
}
.single_what_we_do .what_we_do_icon {
  position: absolute;
  bottom: -9px;
  left: 47%;
  color: #fff;
  background-color: #8448ff;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.box {
  cursor: pointer;
  box-shadow: 0px 2px 10px -4px #333745;
  max-height: 490px;
  height: auto;
  min-height: 460px;
}
.single_what_we_do {
  background-color: #fff;
  text-align: center;
  padding: 0 30px;
  border-radius: 10px;
  position: relative;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.incon-box i {
  font-size: 35px;
  color: #8448ff;
  height: 55px;
  width: 55px;
  line-height: 50px;
  border: 3px solid transparent;
  transition: all .4s ease-in;
}
.box-tittle {
  text-transform: uppercase;
}
.feature .feature-item:not(:last-child) {
  margin-bottom: 80px;
}
.feature .feature-item .icon {
  margin-bottom: 25px;
}
.feature .feature-item .icon i {
  font-size: 48px;
  color: #7d71d3;
}
.feature .feature-item .content h5 {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 15px;
}
@media (min-width: 992px){
  .text-lg-right {
    text-align: right!important;
}
.text-lg-left {
  text-align: left!important;
}
}
.text-white {
  color: #fff!important;
}
legend.form_title{
  display: none;
  visibility: hidden;
  opacity: 0;
}
.img-max-size{
    max-height: 260px;
    /* width: 100%; */
    object-fit: cover;
    object-position: center;
    overflow: hidden;
}
#myMenu >li.active:after {
  bottom: 0;
  opacity: 1;
}
@media (min-width: 992px){
   .nav-top {
    flex-wrap: nowrap;
    justify-content: flex-start;
}
}

.nav-top {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.nav-top .wrapper{
        width: 100%;
    position: absolute;
    height: 100%;
    /*background-color:#1a2a7a;*/
    clip-path: polygon(81% 0, 100% 0, 100% 50%, 100% 100%, 71% 100%);
    transition: 1s all;
}
.nav-top:hover .wrapper{

  clip-path: polygon(81% 0, 100% 0, 100% 50%, 100% 100%, 65% 100%);

}
.nav-top .logo{
    margin-right: 1rem;
        width: 29.366%;
}
#myMenu >li{
        text-transform: uppercase;
    font-size: 16px;
    margin-right: 2px;
    font-weight:600;
}

#myMenu > li:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    z-index: -1;
}
#myMenu > li:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.txt{
    font-size:13px;    font-weight: 500;

}
.breadcrumb-area{

    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-bottom: 1px solid #f2f2f2;
    box-shadow: 0 0 100px rgb(0 0 0 / 3%);

}
.isakplast{
        color: #2c3991;
    border: 2px solid #f44336;
    border-radius: 5px;
        font-weight: 700;
}
.product-title a{
    text-decoration:none;
}
#detailsTab  {
  list-style: none;
  padding: 0;
  margin: 0 0 1em;
  overflow: hidden;
  position: relative;
  border-top: 1px solid rgba(0,0,0,.05);
}

#detailsTab li{
  border-bottom:none !important;
  margin: 0 1em 0 0;
}

#detailsTab li a{
  display: inline-block;
  padding: 0.5em 0;
  font-weight: 500;
  color: #555;
  text-decoration: none;
}
.widget-area .widget .widget_title:before{
  border-color: #ff5151;
}
#detailsTab li a.active:before {
  background: #ff5151;
}
#detailsTab li a.active:before{
  content: ' ';
  position: absolute;
  width: 100%;
  height: 3px;
  box-shadow: none;
  top: 0;
  left: 0;
  border-radius: 0;
}
.product-catalog .product-box .product-thumb{
    border:0;
}
.product-catalog .product-box .product-thumb img{
  width:100% !important
}
.product-catalog .product-box .item-meta .product-title a {
  color: #555;
}
.product-catalog span.item_over{
    background:none;
    border-radius: 0px;
}
.block-head {
    position: relative;
    margin-bottom: 20px;
    padding: 0 0 20px;
    border-bottom: 1px #e2e2e2 solid;
    font-weight: 400;
    font-size: 30px;
}
.block-head.center{
    margin-left: auto;
    margin-right: auto;
    display: table;
    padding-right: 30px;
    padding-left: 30px;
}
.block-head.center:before {
    left: 50%;
    margin-left: -17.5px;
}
.block-head.center:after {
    left: 50%;
    margin-left: -40px;
}
.block-head:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 80px;
    height: 1px;
    content: "";
    display: inline-block;
}
.block-head:before {
    position: absolute;
    bottom: -3px;
    left: 20px;
    width: 35px;
    height: 5px;
    content: "";
    display: inline-block;
       z-index: 1;
}
.block-head:before{
    background-color: #e30d0d;
}
.block-head:after{
    background-color: #1a2a7a;
}
.hr{
    position: relative;
    display: block;
    overflow: visible;
    margin: 1em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px #eeeded solid;
}
.hr:before , .hr:after{
    background-color: #E30D0D;
    color: #fff;
}

.hr:before {
    position: absolute;
    top: -1px;
    left: 0;
    display: inline-block;
    width: 20%;
    height: 1px;
    content: "";
}
.hr:after {
    position: absolute;
    top: -1px;
    right: 0;
    display: inline-block;
    width: 20%;
    height: 1px;
    content: "";
}
.top-discount-area .single-discount-area {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 10px 10px;
    background-color: #034694;
    text-align: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}
.top-discount-area .single-discount-area h5 {
      font-size: 16px;
    color: #fff;
    /* margin-bottom: 15px; */
    font-family: Cairo;
    font-weight: 500;
}
.top-discount-area .single-discount-area h6, .top-discount-area .single-discount-area a {
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
}
.top-discount-area .single-discount-area h6, .top-discount-area .single-discount-area a {
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
}
.top-discount-area .single-discount-area:nth-child(2) {
    background-color: #e30d0d;
}
.top-discount-area .single-discount-area:last-child {
    background-color: #3a3a3a;
}
@media only screen and (min-width: 320px) and (max-width: 767px){
 .top-discount-area .single-discount-area {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 40px 15px;
    background-color: #b8b8b8;
    text-align: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}
}
.product-tabs{
    padding-bottom:0;
}

.welcome_section{
    background-image: url(/site-content/2022/07/introductionred.png);
    background-repeat: no-repeat;
    background-size: 50% 108%;
    padding-bottom: 50px;
    background-position: left center;
    padding-top: 30px;
}
@media screen and (max-width: 767px){
    .welcome_section {
    background-image: none;
}
}
.read_nore {
    text-decoration: none!important;
    color: #555 !important;
    text-align: center;
}
.btn-quote{
    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 0;
}
.btn-quote:hover{
     border: 2px solid #E30D0D;
}
.overlay-image {
    max-height: 315px;
}
.overlay-image {
    position: relative;
    width: 100%;
    margin: auto;
}
.overlay-image .hover {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: .5s ease;
}
.overlay-image .hover {
    background-color: rgba(0, 0, 0, 0.4);
}
.hover .title{
    text-shadow: 3px 3px 80px rgb(0 0 0 / 80%);
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.2em;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 45%;
    text-shadow: 2px 2px 7px rgb(0 0 0 / 70%);
}
.special-services{
          padding: 20px 0 20px 0;
}
.service-box{
    margin-bottom: 30px;
}
.service-box-inner{
   padding: 10px;
}
.service-box .box-head {
    clear: both;
    margin-bottom: 15px;
}
.service-box img{
object-fit: cover;
margin-bottom: 20px;
}
.service-box h4 {
    position: relative;
    overflow: hidden;
    height: 1.4em;
    font-family: Cairo;
    font-weight: 700;
    color: #1d2a38;
    text-align:left;
}
.service-box h4 span {
    position: relative;
    display: inline-block;
    -moz-transition: -moz-transform .3s;
    -o-transition: transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
        text-transform: uppercase;
}
.service-box h4 span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    font-weight: 700;
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.service-box:hover span {
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
p.mediumFont {
    overflow: hidden;
    max-height: 110px;
    font-size:13px;
}
.read_more {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 26px;
    font-weight: 500;
        color: #ff3333;
}
.read_more:before {
    display: inline-block;
    content: '';
    width: 16px;
    height: 1px;
    margin-right: 10px;
    vertical-align: middle;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
        background-color: #ff3333;
}
.read_more:hover:before{
    width: 32px;
}

.owl-nav button{
  background: rgba(0,0,0,0.5) !important;
  color: #fff !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);


}
.owl-nav button.owl-next {
    right: 0px;
}
.owl-nav button.owl-prev {
    left: 0px;
}
.why-choose-grids .grid{
        width: calc(25% - 30px);
    float: left;
    margin: 0 15px 30px;
    text-align: center;
   padding: 35px 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    top: 0;
    height: 350px;
        max-height: 350px;
        min-height: 310px;
    overflow: hidden;
        border-radius: 10px;
    -webkit-box-shadow: 2px 2px 20px rgb(0 0 0 / 5%);
    box-shadow: 2px 2px 20px rgb(0 0 0 / 5%);
}
.why-choose-grids .grid h3{
        font-size: 1.125rem;
}
.why-choose-grids .grid .fi:before {
    font-size: 3.125rem;
    color: #fd5f17;
}
.why-choose-grids .grid p{
   font-size: 12px;
    text-align: justify;
}
@media (max-width: 1199px){
   .why-choose-grids .grid {
    width: calc(50% - 30px);
}
}
@media only screen and (max-width: 767px) {
   .why-choose-grids .grid {
    width: calc(100% - 30px);
        max-height: 150px;
}
.foot_section_part{
    margin-bottom:10px;
}
.foo_top_header_one {
    padding-top:20px !important;
}
}
.foot_section_part h5 {
    position: relative;
    margin-bottom: 5px;
    padding: 0 0 10px;

}
.foot_section_part h5:before {

}
.foot_section_part h5:before {
    position: absolute;
    bottom: -3px;
    left: 20px;
    width: 35px;
    height: 5px;
    content: "";
    display: inline-block;
    z-index: 1;
}
.foot_section_part h5:after {
    background-color: #4c44a9;
}
.foot_section_part h5:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 80px;
    height: 2px;
    content: "";
    display: inline-block;
}

.home-slide{
        background-color: #ffffff;
    background-image: url(/site-content/2022/07/slide1.jpg);
    background-position: top left;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 250px 0px 250px 0px;
     color: #fff;
}
.home-slide-header{
    font-size: 42px;
    line-height: 52px;
    color: #fff;
}
.home-slide-p{
    font-size: 12px;
    line-height: 24px;
}
.custom-btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.home-btn{
    font-family: Poppins;
    line-height: 28px;
    font-weight: normal;
    font-style: normal;
    color: #fff;
    background: #e30d0d;
    border-radius: 0;
}
.nav-top{
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: rgba(226,226,226,0.71);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0px 0px 0px 0px;

}
.btn-quote{
        background: #ff3333;
    color: #fff;
    border-radius: px;
    padding: 10px 15px;
    border: 0;
    -webkit-transition: all 0.3s!important;
    -o-transition: all 0.3s!important;
    transition: all 0.3s!important;
    cursor: pointer;
    box-shadow: 4px 5px 8px -4px #0a0a0a;

}
.btn-quote:hover{
        color: #fff;
            background: #e71c1c;

        border:none;
}
.menu-top-menu-container{
        align-content: center;
    align-items: center;
    justify-content: flex-end;
}

.nav-item .dropdown-menu li:before{
    content: "\f061";
    position: absolute;
    font-size: 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    transform: translateY(0%);
    font-family: 'Font Awesome 5 Free';
    opacity: 0;
    left: -10px;
    transition: all .3s;
    font-weight: 800;
    color:#fff;

}
.nav-item .dropdown-menu li:hover:before {
    opacity: 1;
    left: 5px;
    line-height: 19px;
}
.amz-banner{
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
    background:#f6f6f6;
}
.background-overlay{
    opacity: 0;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.background-overlay,.background-slideshow {
    height: 100%;
    width: 100%;

    left: 0;
    position: absolute;
}
#banner_slider{
         /*padding-top: 50px;*/
         /* padding-bottom: 50px;*/
}
.carousel-item img{
        border-radius: 0px;
}
.carousel-caption{
    text-align:left;
    right: 0;
    left: 6%;
    top: 5%;
    width: 50%;
    padding:2rem;
    height: auto;
}
.carousel-wrap{
    text-align: left;
    padding: 10px;
    display: block;
    position: absolute;
    z-index: 99;
    width: 60%;
    text-shadow: 0 0 5px rgb(37 37 37 / 50%);
        align-items: center;
    /* display: flex; */
    /* flex-direction: column; */
    align-self: center;
}
.carousel-caption .glass {
     width: 60%;
    height: 40vh;
    /*box-shadow: 0 0 1rem 0 rgb(0 0 0 / 20%);*/
    /*border-radius: 5px;*/
    /*background-color: rgba(242, 242, 242, 0.15);*/
    /*backdrop-filter: blur(5px);*/
    position: relative;
    display: inline-block;
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
}
.service-box-title{
    line-height: 46px;
    font-weight: 700;
    font-style: normal;
    color: #1d2a38;
    font-size: 36px;
    text-align: left;
    width: 60%;
    /* display: inline-block; */
    overflow: unset !important;
height: auto !important;
}
.owl-item .product-box img{
         -webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 10%);
    box-shadow: 2px 2px 5px rgba(0,0,0,.1);
    border-radius:10px;
    height: 255px;
    width: 100%;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow: hidden;

}
.owl-item .product-box{
    padding:0;
}
.owl-item .product-box .item-meta {
    background: rgb(227 13 13);
    padding: 10px;
    position: absolute;
    top: 50%;
    z-index:3;
}
.owl-dots {
    text-align: center;
    margin-top: 0;
}
.owl-dot {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 30px;
    height: 30px;
    position: relative;
    margin-top: 17px;
    margin-bottom: -9px;
}
.owl-dot span {
    width: 7px;
    height: 7px;
    background: #a5a5a5;
    display: block;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.owl-dot.active span {
    width: 13px;
    height: 13px;
    background: #fff;
    border: 2px solid #000;
}
.owl-dot.active span{
    border-color: #f60;
}
.learn_more{
        padding-top: 18px;
    padding-right: 25px;
    padding-bottom: 18px;
    padding-left: 25px;
    /* font-family: "Open Sans Condensed"; */
    background-color: #e61e1e;
    /* line-height: 28px; */
    /* font-weight: 700; */
    /* font-style: normal; */
    color: #fff;
    /* font-size: 18px; */
    text-decoration: none;
}
.home-btn:hover{
    color: #fff;
}
.about-section{
        background-color: #7c7c7c;
    background-image: url(/site-content/2022/07/i2.jpg);
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    color: #ffffff;
    padding: 100px 0px 100px 0px;
    position: relative;
}
.overlay-style-one{
        background-color: #333399;
    opacity: 0.9;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.about-section .container{
    position: relative;
    z-index: 3;
}
span.item_over {
    background-color: rgba(58,66,109,0.75);
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
    overflow: hidden;
      -webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 10%);
    box-shadow: 2px 2px 5px rgba(0,0,0,.1);
}
.carousel-caption{
    z-index:3;
}
.contact-box{
    height:100%;
}
.contact-title{
        font-family: Cairo;
            margin-bottom: 30px;
}
.section-padding{
    padding: 102px 0px 102px 0px;
}
.c-detail .img-fluid{
    width: 32px;
    height: 32px;
}

.section-contact-bg{
    background-color: #fff;
    background-image: url(https://manufacturer.stylemixthemes.com/industrial3/wp-content/uploads/sites/16/2019/07/map.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 95% auto;
}
.product-catalog .product-box .item-meta .product-title a{
    color:#1d2a38;
}
.product-catalog .products-catalog__filter .view-by .view-type.active{
        background: #ff3333;
}

.info-list li a span:not(.txt){
    padding: 0px 10px;
    border-right: solid 1px #ddd;
    font-size: 13px;
}

/*home page*/
  .hero-section {
      min-height: 100vh;
      display: flex;
      flex-wrap: wrap;
    }

    .hero-left {
      background: rgba(0, 0, 60, 0.85);
      color: white;
      padding: 80px 50px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .hero-left h5 {
      color: #ffc107;
      font-weight: 600;
    }

    .hero-left h1 {
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 1.3;
    }

    .hero-left h1 span {
      border-bottom: 4px solid #ffc107;
    }

    .hero-left p {
      margin: 1rem 0;
    }

    .hero-left .btn {
      width: fit-content;
      padding: 10px 25px;
      border-radius:50px;
    }

    .hero-right {
      padding: 0;
      position: relative;
    }

    .carousel-item img {
      height: 90vh;
      object-fit: cover;
      width: 100%;
    }

    .watch-tour-below {
      position: absolute;
      bottom: 20px;
      left: 20px;
      background: rgba(255, 255, 255, 0.9);
      padding: 10px 20px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      gap: 10px;
      text-decoration: none;
      font-weight: 500;
      color: #000;
    }

    .watch-tour-below i {
      font-size: 2.5rem;
      color: red;
    }

    @media (max-width: 768px) {
      .hero-section {
        flex-direction: column;
        min-height:0vh;
      }
    
      .hero-left {
        padding: 50px 20px;
        text-align: center;
      }

      .carousel-item img {
        height: 300px!important;
      }

      .watch-tour-below {
        position: static;
        margin-top: 10px;
        justify-content: center;
      }
      .watch-tour{
          bottom:-25px !important;
          left:90px !important;
          padding:10px 13px !important;
      }
    }
    

.am-g{
    padding-right:0px!important;
    padding-left:0px !important;
}
.watch-tour {
  position: absolute;
  bottom: -30px;
  left: 400px;
  background-color: white;
  border-radius: 50px;
  display: flex;
  align-items: center;
  padding: 12px 18px;
  gap: 12px;
  text-decoration: none;
  color: #000;
  font-size: 18px;
  font-weight: 500;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}

.watch-tour:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}

.play-circle {
  width: 48px;
  height: 48px;
  background-color: red;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.play-circle i {
  color: white;
  font-size: 18px;
}

.watch-tour:hover .play-circle {
  transform: scale(1.1);
}

.hero-right .carousel-inner img {
  height: 100vh;
  object-fit: cover;
}



/*home2*/

.core-values {
  text-align: center;
  padding: 4rem 1rem;
  background-color: #fff;
}

.core-title {
  font-family: 'Pacifico', cursive;
  font-size: 2rem;
  color: #6c4fa1;
  margin-bottom: 0.5rem;
}

.core-underline {
  width: 60px;
  height: 4px;
  background-color: #6c4fa1;
  margin: 0 auto 3rem auto;
  border-radius: 2px;
}

.core-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
}

.core-card {
  width: 250px;
  padding: 3rem 1rem 1.5rem;
  border-radius: 5px;
  color: #fff;
  position: relative;
  text-align: center;
}

/* Circle icon on top */
.icon-circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: white;
  color: #555;
  font-size: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -70px auto 1rem auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Card Colors */
.core-card.green {
  background-color: #8BC34A;
}

.core-card.purple {
  background-color: #B264F7;
}

.core-card.yellow {
  background-color: #FFB733;
}

.core-card.red {
  background-color: #FF5E5E;
}

.core-card h3 {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0.5rem 0;
}

.core-card p {
  font-size: 0.95rem;
  line-height: 1.4;
  text-align:justify;
}
/* Hover effect for the core cards */
.core-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.core-card:hover {
  /*transform: translateY(-10px);*/
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
}

/* Icon animation on hover */
.core-card:hover .icon-circle {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}

.core-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

.core-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
}

/* Make all cards equal height */
.core-link {
  display: flex;
  flex: 1 1 250px;
  max-width: 250px;
  text-decoration: none;
  color: inherit;
}

.core-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  padding: 3rem 1rem 1.5rem;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.core-card p {
  flex-grow: 1;
  font-size: 0.95rem;
  line-height: 1.4;
  text-align: justify;
}



/*homeabout */
.homeabout {
  padding: 60px 20px;
  background-color: #fefefe;
}

.homeabout-container {
  max-width: 1200px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: center;
}

.homeabout-image {
  flex: 1 1 45%;
}

.homeabout-image img {
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.homeabout-text {
  flex: 1 1 50%;
}

.homeabout-subheading {
  font-size: 20px;
  color: #004aad;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.homeabout-title {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 20px;
  line-height: 1.4;
}

.homeabout-text p {
  font-size: 1rem;
  color: #333;
  line-height: 1.7;
  text-align:justify;
  /*margin-bottom: 16px;*/
}

/* Responsive for tablets and phones */
@media (max-width: 768px) {
  .homeabout-container {
    flex-direction: column;
  }

  .homeabout-image,
  .homeabout-text {
    flex: 1 1 100%;
  }

  .homeabout-title {
    font-size: 1.6rem;
  }
}
.homeabout-btn {
  display: inline-block;
  /*margin-top: 20px;*/
  padding: 10px 24px;
  background-color: #004aad;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  border-radius: 50px;
  border: 2px solid #004aad;
  transition: background-color 0.3s ease;
}

.homeabout-btn:hover {
    background-color: #ffffff;
    color: #004aad;
}


/*homecard*/

.academic-title {
  text-align: center;
  margin-bottom: 2rem;
}

.academic-title h2 {
  font-size: 2rem;
  color: #342E78;
  margin-bottom: 0.5rem;
  position: relative;
}

.academic-title .underline {
  width: 60px;
  height: 4px;
  background-color: #342E78;
  margin: 0 auto;
  border-radius: 2px;
}

.academic-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}

.home-card {
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

.home-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}

.card-header {
  height: 160px;
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-header.curriculum {
  background-image: url('/site-content/2025/04/1.png');
}

.card-header.faculty {
  background-image: url('/site-content/2025/04/2.png');
}

.card-header.activities {
  background-image: url('/site-content/2025/04/3.png');
}

.card-header.facilities {
  background-image: url('/site-content/2025/04/4.png');
}

.card-header.support {
  background-image: url('/site-content/2025/04/5.png');
}

.card-header.parents {
  background-image: url('/site-content/2025/04/6.png');
}

.card-body {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.card-body h3 {
  font-size: 1.25rem;
  color: #342E78;
  margin: 0;
  text-align:center;
}

.card-body p {
  font-size: 0.95rem;
  color: #333;
  line-height: 1.5;
  text-align:justify;
}
.academic-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 2rem;
  justify-items: center;
}

@media (max-width: 1024px) {
  .academic-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .academic-cards {
    grid-template-columns: 1fr;
  }
}
.home-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.home-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.academic-section{
    padding-bottom:50px;
}



/*home4*/ 
.facility-section {
  width: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0) 100%), url('/site-content/2025/04/f5850e58ffbe39640faaae7ae5_1679146757641.webp') no-repeat center center;
  background-size: cover;
  padding: 100px 0;
  position: relative;
  font-family: 'Poppins', sans-serif;
}

.facility-container {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 20px;
}

.facility-text-box {
  background: rgba(255, 255, 255, 0.9);
  padding: 40px 50px;
  max-width: 500px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  border: 1px solid #ccc;
}

.facility-text-box h2 {
  font-size: 2.5rem;
  margin-bottom: 20px;
  color: #3a2e28;
  font-family: 'Georgia', serif;
}

.facility-text-box p {
  font-size: 1.1rem;
  color: #3a2e28;
  line-height: 1.8;
  text-align:justify;
}


/*home5*/
.homevimi-section {
  padding: 80px 40px;
  background-color: #f9f9f9;
}

.homevimi-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1400px;
  margin: 0 auto;
  gap: 60px;
}

.homevimi-images {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.homevimi-images img {
  height: 500px;
  width: auto;
  filter: grayscale(100%);
  transition: filter 0.4s ease;
  border-radius: 4px;
  object-fit: cover;
}

.homevimi-images img:hover {
  filter: grayscale(0%);
}

.homevimi-text {
  max-width: 700px;
}

.homevimi-text h2 {
  font-size: 2.8rem;
  font-weight: bold;
  color: #0d2b57;
  margin-bottom: 10px;
}

.homevimi-text p {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #333;
}

.homevimi-text hr {
  border: none;
  border-top: 1px solid #0d2b57;
  margin: 30px 0;
}

.block {
  margin-bottom: 30px;
}




 /*home6*/
 .rules-section {
      background-color: #fff;
      padding: 30px 20px;
      font-family: 'Segoe UI', sans-serif;
      max-width: 1200px;
      margin: auto;
      text-align: center;
    }

    .rules-section h2 {
      color: #0c2e52;
      font-size: 32px;
      font-weight: bold;
      margin-bottom: 40px;
      position: relative;
      display: inline-block;
    }

    .rules-section h2::after {
      content: "";
      display: block;
      width: 50px;
      height: 3px;
      background-color: #007BFF;
      margin: 8px auto 0;
    }

    .rule-box {
      background: white;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
      padding: 20px;
      margin-bottom: 20px;
      text-align: left;
      font-size: 16px;
      border-radius: 5px;
      transition: all 0.3s ease; 
    }
    .rule-box:hover {
    transform: translateY(-3px); /* Slight lift */
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1); /* Deeper shadow */
    background-color: #f9f9f9; /* Slight background change */
    cursor: pointer;
}
    .rule-box span {
      color: #007BFF;
      font-weight: bold;
      margin-right: 10px;
    }

    .see-all-btn {
      padding: 10px 24px;
      border: 2px solid #007BFF;
      background: white;
      color: #003366;
      font-weight: 500;
      font-size: 16px;
      border-radius: 50px;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .see-all-btn:hover {
      background-color: #007BFF;
      color: white;
    }
    
    /*home gallery*/
    .gallery-section {
  background-color: #f8f9fc;
  padding: 60px 20px;
  font-family: sans-serif;
}

.container {
  max-width: 1200px !important;
  margin: 0 auto;
}

.gallery-title {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 2rem;
  color: #222;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 2rem;
  justify-items: center;
}

.gallery-card {
  text-align: center;
  max-width: 180px;
}

.gallery-card img {
  width: 100%;
  height: auto;
  border-radius: 0px;
  object-fit: cover;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.gallery-card p {
  margin-top: 0.5rem;
  font-size: 0.95rem;
  color: #333;
}

.view-more {
  text-align: center;
  margin-top: 30px;
}

.view-more a {
  text-decoration: none;
  color: #222;
  font-weight: 500;
  border-bottom: 1px solid #222;
  padding-bottom: 2px;
}

.view-more a span {
  font-size: 0.8rem;
  margin-left: 5px;
}
.homegallery {
  padding-top: 80px;
  background-color: #f5f5f5; /* optional change */
}
.gallery-title {
  text-align: center;
  font-size: 2rem;
  color: #082746;
  margin-bottom: 0.5rem;
}

.gallery-underline {
  width: 60px;
  height: 4px;
  background-color: #007BFF;
  margin: 0 auto 2rem auto;
  border-radius: 2px;
}

/*aboutus page*/
/* Container */
.container {
  /*max-width: 1200px;*/
  margin: 0 auto;
  padding: 0 0;
}

/* Section Styles */
section.about {
  padding: 60px 0;
}

.about h2 {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
}

.about h2 span {
  color: #272D78;
}

/* Content Layout */
.about__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 40px;
}

/* Text Section */
.about__text {
  flex: 1;
  min-width: 300px;
}

.about__text h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

.about__text h3 span {
  color: #272D78;
}

.about__text h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}

.about__text p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 15px;
  text-align:justify;
}

/* Button */
.get-started {
  background-color: #272D78;
  color: white;
  padding: 10px 24px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  font-weight: 600;
  transition: background-color 0.3s ease;
}

.get-started:hover {
  background-color: #4b2dbd;
}

/* Image Section */
.about__image {
  flex: 1;
  min-width: 300px;
}

.about__image img {
  width: 100%;
  border-radius: 8px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}

/*adminstration section*/

 .trustee-section {
  background-color: #f1f6ff;
  padding: 60px 20px;
  text-align: center;
  font-family: 'Poppins', sans-serif;
}

.trustee-title {
  font-size: 30px;
  font-weight: 500;
  color: #000;
  margin-bottom: 6px;
}

.trustee-subtitle {
  font-size: 14px;
  color: #888;
  margin-bottom: 40px;
}

.trustee-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 60px;
}

.trustee-card {
  width: 230px;
}

.trustee-image {
  width: 230px;
  height: 230px;
  border-radius:5px;
  object-fit: cover;
  margin-bottom: 20px;
}

.trustee-role {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin-bottom: 5px;
}

.trustee-name {
  font-size: 14px;
  color: #555;
}
.trustee-card {
  width: 230px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

    
/*contact us*/
.contact-section {
  text-align: center;
  padding: 60px 20px;
  background-color: #fff;
}

.section-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 40px;
  color: #1c1c1c;
}

.contact-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
}

.contact-card {
  background: #fff;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 30px 20px;
  width: 375px;
  transition: transform 0.3s ease;
}

.contact-card:hover {
  transform: translateY(-5px);
}

.contact-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 15px auto;
  background-color: #f5f5f5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-icon i {
  font-size: 24px;
  color: #272D79; /* bright red for icon */
}

.contact-card h5 {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #1c1c1c;
}

.contact-card p {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
}

/*contact form*/
.contact-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 40px auto;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
}

.contact-form-box {
  flex: 1 1 50%;
  padding: 40px;
  background-color: #fff;
  box-sizing: border-box;
}

.form-wrapper {
  width: 100%;
}

.contact-image-box {
  flex: 1 1 50%;
  overflow: hidden;
}

.contact-image-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Responsive Design */
@media (max-width: 768px) {
  .contact-wrapper {
    flex-direction: column;
  }

  .contact-form-box,
  .contact-image-box {
    flex: 1 1 100%;
  }
  .homegallery-card img{
      height:auto !important;
  }
  .homegallery-card p{
      font-size:24px !important;
  }
}

/*googlemap*/
.map-section {
  width: 100%;
  height: 400px; /* Adjust the height as needed */
}

.map-section iframe {
  width: 100%;
  height: 100%;
  border: none; /* Optional: remove iframe border */
}


  
    
/*founder section */
    .founder-section {
  background-color: #ffffff;
  padding: 80px 0;
}

.founder-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.founder-text {
  flex: 1;
  min-width: 300px;
}

.founder-text .year {
  color: #5f5bf1;
  font-size: 15px;
  margin-bottom: 5px;
}

.founder-text h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #000;
}

.founder-text h2 span {
  color: #272D78;
  font-weight: 800;
}

.highlight {
  color: #5f5bf1;
}

.founder-text h3 {
  font-size: 22px;
  margin-bottom: 10px;
  color: #333;
}

.sub-role {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #777;
}

.founder-text .description {
  font-size: 16px;
  color: #444;
  line-height: 1.8;
  text-align:justify;
}

.founder-image {
  flex: 1;
  text-align: right;
  min-width: 300px;
}

.founder-image img {
  width: 100%;
  max-width: 400px;
}

    
/*principal messsage*/

.principal {
  background: #f0f4ff;
  padding: 100px 20px;
  font-family: 'Segoe UI', sans-serif;
  color: #2d2d2d;
}

.principal-section {
  max-width: 1300px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
}

.principal-image img {
  width: 100%;
  max-width: 500px;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.principal-content {
  flex: 1 1 600px;
}

.principal-content h2 {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 15px;
  border-left: 4px solid #5f3dc4;
  padding-left: 12px;
}

.principal-content h2 span {
  color: #5f3dc4;
}

.principal-content .quote {
  font-style: italic;
  color: #5f3dc4;
  font-size: 18px;
  margin-bottom: 20px;
}

.principal-content p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 15px;
  color: #333;
}

@media (max-width: 768px) {
  .principal-section {
    flex-direction: column;
  }

  .principal-image,
  .principal-content {
    width: 100%;
  }
}
.school-gallery {
  background-color: #f9f9f9;
}

.gallery-img-box {
  overflow: hidden;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.gallery-img-box img:hover {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

/*vision mission*/
.vision-mission {
  max-width: 1200px;
  margin: 0 auto;
}

.vimirow {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-bottom: 80px;
  flex-wrap: wrap;
  padding-left:20px;
  padding-right:20px;
}

.vimirow.reverse {
  flex-direction: row-reverse;
}

.vimiimage img {
  width: 500px;
  max-width: 100%;
  border-radius: 4px;
  object-fit: cover;
}

.vimitext {
  flex: 1;
  max-width: 500px;
}

.vimilabel {
  letter-spacing: 5px;
  color: #888;
  font-size: 12px;
  display: block;
  margin-bottom: 10px;
}

vimi h2 {
  font-size: 28px;
  color: #333;
  font-weight: 700;
  margin-bottom: 10px;
}

.vimiunderline {
  width: 40px;
  height: 3px;
  background-color: #00b561;
  margin-bottom: 20px;
}


/*schoolcommitee section*/
.school-committee-section {
  background-color: #fff;
  padding: 80px 20px;
}

.vimi-container {
  max-width: 1300px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.vimi-image {
  flex: 1 1 500px;
  text-align: center;
}

.vimi-img {
  width: 100%;
  max-width: 500px;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.vimi-text {
  flex: 1 1 600px;
}

.vimi-year {
  color: #777;
  font-size: 14px;
  margin-bottom: 10px;
}

.vimi-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.vimi-border {
  display: inline-block;
  width: 4px;
  height: 24px;
  background-color: #5f3dc4;
  margin-right: 10px;
}

.vimi-highlight {
  color: #5f3dc4;
  margin-left: 5px;
}

.vimi-description {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  margin-bottom: 10px;
}

/*princi message*/
.principal-message {
  padding: 60px 20px;
  background-color: #fff;
}

.principalcontainer {
  max-width: 1200px;
  margin: auto;
}

.principalcontent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
}

.principalimage img {
  max-width: 100%;
  border-radius: 8px;
  width: 550px;
}

.principaltext {
  flex: 1;
  min-width: 300px;
}

.principaltext h2 {
  color: #002366;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 10px;
}

.principaldivider {
  width: 40px;
  height: 5px;
  background-color: #ff4a4a;
  margin-bottom: 20px;
  border-radius: 4px;
}

.principaltext blockquote {
  font-style: italic;
  color: #555;
  font-size: 18px;
  margin-bottom: 20px;
}

.principaltext p {
  margin-bottom: 16px;
  font-size: 16px;
  color: #666;
}

/* Responsive */
@media (max-width: 768px) {
  .principalcontent {
    flex-direction: column;
    align-items: flex-start;
  }

  .principaltext h2 {
    font-size: 28px;
  }

  .principaltext blockquote {
    font-size: 16px;
  }

  .principalimage img {
    width: 100%;
  }
}

/*school commitee*/
.committee-section {
  padding: 60px 20px;
  position: relative;
  overflow: hidden;
}

.committee-container {
  max-width: 1200px;
  margin: auto;
}

.committee-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
}

.committee-image-wrapper {
  position: relative;
  width: 550px;
  max-width: 100%;
}

.committee-main-image {
  width: 100%;
  border-radius: 8px;
  position: relative;
  z-index: 2;
}

.committee-blob {
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  opacity: 0.9;
}

.committee-green-blob {
  width: 100%;
  height: 100%;
  top: -20px;
  left: -20px;
  border-radius: 40% 60% 60% 40% / 40% 40% 60% 60%;
  z-index: 0;
}

.committee-text {
  flex: 1;
  min-width: 300px;
  z-index: 2;
}

.committee-text h2 {
  font-size: 32px;
  color: #002366;
  margin-bottom: 10px;
  font-weight: bold;
}

.committee-divider {
  width: 40px;
  height: 5px;
  background-color: #ff4a4a;
  border-radius: 4px;
  margin-bottom: 20px;
}

.committee-text p {
  font-size: 16px;
  color: #555;
  margin-bottom: 16px;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
  .committee-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .committee-image-wrapper,
  .committee-text {
    width: 100%;
  }

  .committee-text h2 {
    font-size: 28px;
  }
}



/*whatsapp*/
.whatsapp{
    height:50px;
    width:50px;
}
.waleft{
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 996;
    border-radius: 4px;
    transition: all 0.4s;
    padding: 10px;
}
.view-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  background-color: #4f57c2;
  color: #ffffff;
  padding: 15px 40px;
  border-radius: 0px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.2s ease;
      box-shadow: 0px 5px 12px -7px black;
}

.view-btn i {
  font-size: 18px;
}

.view-btn:hover {
  background-color: #006680;
  transform: translateY(-2px);
  color: #fff;
}
/*facilities section*/
.faclities {
      background: ('url/site-content/2025/07/img_20250726_110510129.jpg') no-repeat center center/cover;
      height: 90vh;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .faclities-overlay {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
    }

    .faclities-content {
      position: relative;
      color: white;
      text-align: center;
      z-index: 2;
    }

    .faclities-content h2 {
      font-weight: 400;
      font-size: 1.8rem;
    }

    .faclities-content h1 {
      font-size: 3rem;
      font-weight: 800;
    }

    .faclities-content .btn {
      background-color: #e63946;
      color: #fff;
      padding: 10px 25px;
      border-radius: 25px;
      font-weight: 500;
      margin-top: 20px;
    }
/*smart class*/
.smart-section {
      padding: 60px 0;
    }

    .smart-section-title {
      color: #e63946;
      font-weight: bold;
      font-size: 30px;
      margin-bottom: 10px;
    }

    .smart-heading {
      font-size: 28px;
      font-weight: 700;
      margin-bottom: 20px;
      color: #1c1c1c;
    }

    .smart-description {
      color: #444;
      font-size: 15px;
      line-height: 1.6;
      text-align:justify;
    }

    .smart-image {
      max-width: 100%;
      height: auto;
      border-radius: 10px;
      filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
      transition: transform 0.3s ease;
    }

    .smart-image:hover {
      transform: scale(1.02);
    }

    .smart-box {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .smart-box i {
      font-size: 30px;
      color: #007bff;
      margin-bottom: 10px;
      transition: color 0.3s ease;
    }

    .smart-box:hover i {
      color: #e63946;
    }

    .smart-box-title {
      font-weight: 700;
      font-size: 16px;
      margin-bottom: 5px;
      color: #000;
    }

    .smart-box-text {
      font-size: 14px;
      color: #6c757d;
      margin: 0;
      text-align:left;
    }

    .smart-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }

    @media (max-width: 768px) {
      .smart-grid {
        /*grid-template-columns: 1fr;*/
      }

      .smart-section-title,
      .smart-heading,
      .smart-description {
        text-align: justify;
      }

      .smart-image {
        margin: 0 auto 20px;
      }
    }
    
    /*computer lab section*/
  .computerlab-section {
  padding: 60px 0;
}

.computerlab-section-title {
  color: #e63946;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 10px;
}

.computerlab-heading {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #1c1c1c;
}

.computerlab-description {
  color: #444;
  font-size: 15px;
  line-height: 1.6;
  text-align:justify;
}

.computerlab-image {
  max-width: 100%;
  border-radius: 10px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}

.computerlab-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.computerlab-box {
  text-align: left;
}

.computerlab-box i {
  font-size: 30px;
  color: #007bff;
  margin-bottom: 10px;
}

.computerlab-box-title {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 5px;
  color: #000;
}

.computerlab-box-text {
  font-size: 14px;
  color: #6c757d;
  margin: 0;
}

@media (max-width: 768px) {
  .computerlab-grid {
    /*grid-template-columns: 1fr;*/
  }
  .computerlab-heading,
  .computerlab-description {
    text-align: justify;
  }
}

/*composite lab*/
.compositelab-section {
  padding: 60px 0;
}

.compositelab-section-title {
  color: #e63946;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 10px;
}

.compositelab-heading {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #1c1c1c;
}

.compositelab-description {
  color: #444;
  font-size: 15px;
  line-height: 1.6;
  text-align:justify;
}

.compositelab-image {
  max-width: 100%;
  border-radius: 10px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}

.compositelab-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.compositelab-box {
  text-align: left;
}

.compositelab-box i {
  font-size: 30px;
  color: #007bff;
  margin-bottom: 10px;
}

.compositelab-box-title {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 5px;
  color: #000;
}

.compositelab-box-text {
  font-size: 14px;
  color: #6c757d;
  margin: 0;
}
.mathslab-section{
    padding: 60px 0;
}
.mathslab-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.mathslab-box i{
     font-size: 30px;
  color: #007bff;
  margin-bottom: 10px;
}
.mathslab-section-title{
  color: #e63946;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 10px;
}
.mathslab-image{
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}
.mathslab-description{
    text-align:justify;
}
.mathslab-box-text{
    font-size: 14px;
  color: #6c757d;
  margin: 0;
}
.library-section-title{
  color: #e63946;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 10px;
}
.library-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.library-box i{
  font-size: 30px;
  color: #007bff;
  margin-bottom: 10px;
}
.library-section{
    padding: 60px 0;
}
.library-image{
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}
.library-box-text{
     font-size: 14px;
  color: #6c757d;
  margin: 0;
}
.library-description{
    text-align:justify;
}
.transport-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.transport-section-title{
    color: #e63946;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 10px;
}
.transport-box i{
    font-size: 30px;
  color: #007bff;
  margin-bottom: 10px;
}
.transport-section{
    padding: 60px 0;
}
.transport-image{
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}
.transport-box-text{
    font-size: 14px;
  color: #6c757d;
  margin: 0;
}
.transport-description{
    text-align:justify;
}
.atesh360-section-title{
     color: #e63946;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 10px;
}
.atesh360-section{
    padding: 60px 0;
}
.atesh360-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.atesh360-box i{
    font-size: 30px;
  color: #007bff;
  margin-bottom: 10px;
}
.atesh360-image{
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}
.atesh360-box-text{
     font-size: 14px;
  color: #6c757d;
  margin: 0;
}
.atesh360-description{
    text-align:justify;
}

@media (max-width: 768px) {
  .compositelab-grid {
    /*grid-template-columns: 1fr;*/
  }
  .compositelab-heading,
  .compositelab-description {
    text-align: justify;
  }
  .compositelab-image {
    margin-bottom: 20px;
  }
  .navbar{
      padding-top:0px !important;
      padding-bottom:0px !important;
      margin-right:10px;
      margin-left:10px;
  }
  .custom-logo{
      max-width:250px;
      margin-top: 5px;
        margin-bottom: 5px;
  }
  .company_logo{
      display:none;
  }
}
 .certificate-section {
    background-color: #fff;
  }

  .doc-card {
    text-align: center;
    background: #f1f1f1;
    border-radius: 5px;
    padding: 30px 20px;
    /*box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);*/
    transition: transform 0.2s;
    height: 100%;
  }

  .doc-card:hover {
    transform: translateY(-5px);
  }

  .doc-card i {
    font-size: 2.5rem;
    color: #272D79;
    margin-bottom: 15px;
  }

  .doc-card h5 {
    font-size: 1.3rem;
    margin-bottom: 12px;
    color: #333;
    font-weight:500;
  }

  .doc-card a {
    font-weight: 500;
    color: #007bff;
    text-decoration: none;
  }

  .doc-card a:hover {
    text-decoration: none;
  }
  .certificate-title{
      letter-spacing:1px;
  }
  .footer_background {
    background-image: url(/site-content/2025/04/shape-1.png);
    background-repeat: no-repeat;
    background-position: center center; 
    background-size: contain; 
    display: flex;
    align-items: center;
    justify-content: center;
}


/*rulesandregulations*/
 .classsrules {
      max-width: 1000px;
      margin: 40px auto;
      padding: 20px;
    }
    .classsrules h2 {
      text-align: center;
      color: #0c2d57;
      font-size: 2rem;
      margin-bottom: 40px;
      position: relative;
    }
    .classsrules h2::after {
      content: '';
      display: block;
      margin: 8px auto 0;
      width: 60px;
      height: 2px;
      background: #007acc;
    }
    .rule-box {
      background: white;
      margin: 10px 0;
      padding: 15px 20px;
      border-radius: 6px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
      font-size: 16px;
      line-height: 1.6;
    }
    .rule-number {
      color: #007acc;
      font-weight: 600;
      margin-right: 10px;
      
    }
    
    
    
/*hometestimonals*/

 .testimonials-section {
      max-width: 1200px;
      margin: auto;
      text-align: center;
    }

    .testimonials-section h4 {
      color: #f28b50;
      font-size: 25px;
      margin-bottom: 10px;
      margin-top:20px;
    }

    .testimonials-section h2 {
      color: #2e3d58;
      font-size: 36px;
      line-height: 1.3;
    }

    .testimonials-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .testimonial {
      background-color: #345066;
      color: #fff;
      padding: 30px 20px;
      width: 363px;
      border-radius: 15px;
      position: relative;
      text-align: left;
    }

    .testimonial.light-blue {
      background-color: #72aebc;
    }

    .testimonial.orange {
      background-color: #f28b50;
    }

    .testimonial::before {
      content: "❝";
      font-size: 50px;
      position: absolute;
      top: 10px;
      right: 20px;
      opacity: 0.2;
    }

    .testimonial p {
      margin-bottom: 20px;
      line-height: 1.5;
      font-size: 14px;
    }

    .testimonial h5 {
      font-size: 16px;
      font-weight: bold;
      margin-top: 10px;
    }

    .testi {
      padding: 10px 20px;
      border-radius: 5px;
      text-align: center;
      cursor: pointer;
      font-weight: bold;
      background-color: #f28b50;
      color: white;
      border: none;
    }

    .testi.btn {
      background-color: #345066;
      margin-top: 20px;
    }

   .testimonial {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.testimonial:hover {
  transform: scale(1.03);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}


/*homeslide*/
.hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 200px;
  background: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.6)), url('/site-content/2025/04/f5850e58ffbe39640faaae7ae5_1679146757641.webp') no-repeat center center;
  background-size: cover;
}

.hero-content {
  max-width: 50%;
}

@media (max-width: 768px){
    .hero {
        padding:40px;
    }
    .hero-image {
        display:none;
    }
    .hero-content {
        max-width:100%;
    }
    .herohead{
        font-size:32px !important;
         line-height:48px !important;
    }
}

.subtitle {
  color: #1a73e8;
  font-size: 25px;
  margin-bottom:0px !important;
  font-family:math !important;
}

h1 {
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 20px;
}

.description {
    font-size: 20px;
    margin-bottom: 25px;
    font-family: math;
    text-align:justify;
}

.btn01 {
  display: inline-block;
  padding: 12px 24px;
  border: 2px solid  #1a73e8;
  border-radius: 25px;
  text-decoration: none;
  color: #333;
  font-weight: 500;
  transition: all 0.3s;
}

.btn01:hover {
  background-color: #1a73e8;
  color: #fff;
  border-color: #1a73e8;
}

.hero-image img {
  max-width: 350px;
  border-radius: 10px;
}

.info-boxes {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 0;
}

.box01 {
  flex: 1 1 25%;
  padding: 30px;
  color: #fff;
  min-width: 250px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items:center;
}

.box01 h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.box01 p {
  flex-grow: 1;
  font-size: 14px;
  text-align:justify;
}

.box01 span {
  font-size: 24px;
}

.pink { background-color: #ec4899; }
.purples { background-color: #8b5cf6; }
.yellow { background-color: #facc15; color: #333; }
.blues { background-color: #3b82f6; }

/*home play*/
.homeplay-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin-left: 20px;
  border-radius: 50%;
  background: #fff;
  color: #ff5a1f;
  text-decoration: none;
  box-shadow: 0 0 0 rgba(255, 90, 31, 0.7);
  animation: pulse 1.5s infinite;
  transition: transform 0.3s ease;
  position: relative;
}

.homeplay-button:hover {
    text-decoration: none;
}
a{
    text-decoration: none !important;
}
.homeplay-icon {
  font-size: 22px;
  margin-left: 2px;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 90, 31, 0.5);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(255, 90, 31, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 90, 31, 0);
  }
}

/*marquee*/
/*.marquee-bar {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: space-between;*/
/*  background-color: #0a53c1;*/
/*  color: white;*/
/*  padding: 10px 20px;*/
/*  position: relative;*/

/*}*/

/*.marquee-bar marquee {*/
/*  width: 85%;*/
/*  font-weight: bold;*/
/*  font-size: 40px;*/
/*}*/
/*.admission-btn {*/
/*  background-color: #ffffff;*/
/*  color: #0a53c1;*/
/*  padding: 8px 16px;*/
/*  font-weight: bold;*/
/*  border-radius: 4px;*/
/*  text-decoration: none;*/
/*  transition: 0.3s;*/
/*}*/

/*.admission-btn:hover {*/
/*  background-color: #f1f1f1;*/
/*  color: #003c96;*/
/*}*/
.marquee-bar {
  position: relative;
  background: #0055d2;
  overflow: hidden;
  padding: 10px 0;
  display: flex;
  align-items: center;
}

.marquee-wrapper {
  flex: 1;
  overflow: hidden;
  position: relative;
  max-width: 90%;
    margin-left: 20px;
}

.marquee-content {
  display: inline-flex;
  white-space: nowrap;
  animation: scroll-marquee 20s linear infinite;
}

.marquee-content span {
  padding-right: 3rem;
  /*font-weight: bold;*/
  color: #fff;
  font-size: 1.1rem;
}

@keyframes scroll-marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.admission-btn {
  position: absolute;
  right: 30px;
  background: #e63946;
  color: #fff;
  padding: 6px 12px;
  border-radius: 0px;
  text-decoration: none;
  font-weight: 600;
  z-index: 1;
  text-decoration: none;
    box-shadow: 4px 5px 8px -4px #0a0a0a;
}
.admission-btn:hover{
    border-color:#ff9900;
    background-color:#fff;
    color:#e63946;
}
@media (max-width: 768px){
    .admission-btn{
        right:10px;
    }
    .marquee-wrapper{
        margin-left:5px;
        max-width:73%;
    }
    .regtext{
        font-size:24px;
    }
}
.form-control{
    margin-top:10px;
    margin-bottom:10px;
}
.control-label{
    margin-top:10px;
    font-size:19px;
}
.btn-outline-light{
    border-radius:50px;
}
.herohead{
    font-size:45px;
    line-height:56px;
    letter-spacing:0px;
    font-family:math !important;
}


/*principal message*/
/* Section styling */
.principal-message-section {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  max-width: 1200px;
  margin: auto;
  flex-wrap: wrap; /* Allow content to wrap on smaller screens */
}

/* Text Content styling */
.principal-message-content {
  flex: 1;
  padding-right: 40px;
}

.principal-message-content h2 {
  font-size: 2rem;
  line-height: 1.4;
}

.principal-message-content h2 span {
  color: #0066cc;
}

.principal-message-content p {
  margin-top: 20px;
  color: #555;
}

.principal-message-content p:first-of-type {
  font-style: italic;
  color: #333;
  font-weight: 500;
}

.principal-message-content p + p {
  margin-top: 15px;
}

/* Image styling */
.principal-message-image {
  flex: 1;
}

.principal-message-image img {
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .principal-message-section {
    flex-direction: column; /* Stack content vertically */
    padding: 30px 10px; /* Adjust padding for smaller screens */
  }

  .principal-message-content {
    padding-right: 0;
    text-align: center; /* Center-align text on smaller screens */
  }

  .principal-message-content h2 {
    font-size: 1.5rem; /* Reduce font size for smaller screens */
  }

  .principal-message-content p {
    font-size: 0.9rem; /* Slightly smaller font size */
    margin-top: 10px;
  }

  .principal-message-image img {
    border-radius: 8px; /* Slightly smaller border radius */
  }
}


/*school commitee*/
/* Section styling */
.school-committee {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  max-width: 1200px;
  margin: auto;
  flex-wrap: wrap; /* Allow content to wrap on smaller screens */
}

/* Image styling */
.school-committee-image {
  flex: 1;
}

.school-committee-image img {
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
}

/* Text Content styling */
.school-committee-content {
  flex: 1;
  padding-left: 40px;
}

.school-committee-content h2 {
  font-size: 2rem;
  line-height: 1.4;
}

.school-committee-content p {
  margin-top: 20px;
  color: #555;
}

.school-committee-content p:first-of-type {
  font-style: italic;
  color: #333;
  font-weight: 500;
}

.school-committee-content p + p {
  margin-top: 15px;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .school-committee {
    flex-direction: column; /* Stack content vertically */
    padding: 30px 10px; /* Adjust padding for smaller screens */
  }

  .school-committee-content {
    padding-left: 0;
    text-align: center; /* Center-align text on smaller screens */
  }

  .school-committee-content h2 {
    font-size: 1.5rem; /* Reduce font size for smaller screens */
  }

  .school-committee-content p {
    font-size: 0.9rem; /* Slightly smaller font size */
    margin-top: 10px;
  }

  .school-committee-image img {
    border-radius: 8px; /* Slightly smaller border radius */
  }
}

/*robotics*/



/*facilities head */
.facihead {
  background-image: url('/site-content/2025/07/img_20250726_110510129.jpg'); /* Update as needed */
  background-size: cover;
  background-position: center;
  height: 450px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}

.facihead-overlay {
  /*background-color: rgba(82, 19, 112, 0.75);*/
  background-color: rgb(76 55 86 / 75%);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content:center;
}

.facihead-content {
  color: #fff;
  max-width: 600px;
  padding:20px;
}

.facihead-content h1 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.facihead-highlight {
  color: #729bec;
}

.facihead-content p {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 20px;
}

.facihead-btn {
  display: inline-block;
  background: #729bec;
  color: #fff;
  padding: 10px 20px;
  border-radius: 30px;
  font-weight: bold;
  text-decoration: none;
  transition: background 0.3s;
}

.facihead-btn:hover {
  background: #a950e9;
  color:white;
}

/* Responsive */
@media (max-width: 768px) {
  .facihead {
    height: auto;
    text-align: center;
  }

  .facihead-content h1 {
    font-size: 1.8rem;
  }

  .facihead-content p {
    font-size: 0.95rem;
     text-align: justify;
  }
  .faci-grid{
      display:contents !important;
  }
}



/*card facili*/
.why-section {
  padding: 60px 20px;
  background-color: #fff;
  text-align: center;
  font-family: 'Segoe UI', sans-serif;
}

.why-section .sub-title {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid #000;
}

.why-section .main-title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 10px;
}

.why-section .description {
  max-width: 600px;
  margin: 0 auto 40px;
  color: #555;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
  justify-content: center;
  align-items: stretch;
}

.feature-card {
  background-color: #fff;
  border: 1px solid #eee;
  padding: 25px 20px;
  text-align: center;
  transition: all 0.3s ease;
}

.feature-card:hover {
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
  transform: translateY(-5px);
}

.feature-card .icon {
  font-size: 30px;
  color: #4C44A9;
  margin-bottom: 15px;
}

.feature-card h4 {
  font-size: 18px;
  color: #4c44a9;
  font-weight: 600;
  margin-bottom: 10px;
  font-family:math !important;
}

.feature-card p {
  font-size: 14px;
  color: #333;
  text-align:justify;
  font-family:math;
}

/*faci2*/
.faci-section {
  padding: 20px 20px;
  background: aliceblue;
  font-family: 'Segoe UI', sans-serif;
  
}

.faci-container {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
}

.purple-box {
  background: url('/your-background.jpg'), #4C44A9;
  background-blend-mode: multiply;
  color: white;
  padding: 30px;
  width: 350px;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.faci-title {
  font-size: 22px;
  font-weight: bold;
  border-bottom: 2px solid white;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.faci-item h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  color:#fff;
}

.faci-item p {
  font-size: 14px;
  margin-bottom: 15px;
}

.faci-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 25px;
  flex: 1;
  max-width: 800px;
}

.faci-card {
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  text-align: left;
  box-shadow: 0 6px 15px rgba(0,0,0,0.08);
  transition: 0.3s ease;
   display: flex;
  flex-direction: column;
  height: 100%;
}

.faci-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

.faci-card .icon {
  font-size: 24px;
  color: #4c44a9;
  margin-bottom: 10px;
}
.faci-card i{
    font-size: 24px;
  color: #4c44a9;
  margin-bottom: 10px;
}
/*home faci*/

.homefaci-section {
  position: relative;
  background-image: url('/site-content/2025/04/img_8236.JPG	'); /* Update with your image path */
  background-size: cover;
  background-position: center;
  height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.homefaci-overlay {
    background-color: #38346b;
  /*background-color:#4c4786;*/
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top:50px;
  padding-bottom:50px;
  background-image: url(/site-content/2025/04/shape-1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.homefaci-content {
  text-align: center;
  color: #fff;
  max-width: 1000px;
  padding: 20px;
}

.homefaci-content h1 {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 15px;
}

.homefaci-content p {
  font-size: 1rem;
  margin-bottom: 30px;
  line-height: 1.6;
  color: #eee;
  text-align:justify;
}

.homefaci-playbtn {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s;
}

.homefaci-playbtn:hover {
  background: rgba(255, 255, 255, 0.3);
}

.homefaci-icon {
  color: #fff;
  font-size: 28px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.homefaci-ring {
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  animation: homefaci-pulse 1.8s infinite;
  top: 0;
  left: 0;
}

@keyframes homefaci-pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

/* Responsive */
@media (max-width: 768px) {
  .homefaci-content h1 {
    font-size: 1.6rem;
  }

  .homefaci-content p {
    font-size: 0.95rem;
  }

  .homefaci-playbtn {
    width: 60px;
    height: 60px;
  }

  .homefaci-ring {
    width: 60px;
    height: 60px;
  }

  .homefaci-icon {
    font-size: 24px;
  }
}

/*home vimihi*/
.vimihi-cards {
  display: flex;
  gap: 0;
  max-width: 1200px;
  margin: 40px auto;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
}

.vimihi-card {
  flex: 1;
  padding: 30px 20px;
  border-left: 1px solid #ddd;
  /*border-right: 1px solid #ddd;*/
  background: #fff;
  text-align: left;
  transition: all 0.3s ease;
}

.vimihi-card-header {
  background: #4c44a9;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 15px;
  font-size: 1.1rem;
}

.vimihi-card p {
  font-size: 0.95rem;
  color: #555;
  margin-bottom: 20px;
}

.vimihi-underline {
  width: 40px;
  height: 3px;
  border-radius: 2px;
}

.vimihi-underline.green {
  background: #4c44a9;
}

.vimihi-underline.orange {
  background: #fff;
}

/* Active Card Styling */
.vimihi-card.vimihi-active {
  background: linear-gradient(to bottom right, #4c44a9, #3c1d50);
  color: #fff;
}

.vimihi-card.vimihi-active .vimihi-card-header {
  background: #fff;
  color: #4C44A9;
}

.vimihi-card.vimihi-active p {
  color: #fff;
  font-weight: 500;
}
/* Existing styles (keep all previous styles) */

@media (max-width: 768px) {
  .vimihi-cards {
    flex-direction: column;
    border: none;
    gap: 20px;
    padding: 0 15px;
  }

  .vimihi-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 25px 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  }

  .vimihi-card-header {
    font-size: 1rem;
  }

  .vimihi-card p {
    font-size: 0.9rem;
  }

  .vimihi-underline {
    margin-top: 10px;
  }
}

/*home acdemic*/
.homeacademic-section {
  padding: 40px 20px;
  max-width: 1200px;
  margin: auto;
  font-family: Arial, sans-serif;
}

.homeacademic-header h4 {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #666;
}

.homeacademic-header h2 {
  font-size: 24px;
  margin: 10px 0;
  color: #333;
  font-family:math !important;
}

.homeacademic-header p {
  /*max-width: 600px;*/
  color: #000;
}

.homeacademic-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}

@media (max-width: 992px) {
  .homeacademic-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .homeacademic-grid {
    grid-template-columns: 1fr;
  }
}


.homeacademic-card {
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  border-radius: 4px;
  padding: 0 0 20px;
  transition: transform 0.2s ease;
}

.homeacademic-card:hover {
  transform: translateY(-5px);
}

.homeacademic-card img {
    width: 100%;
    border-bottom: 3px solid #4c44a9;
    border-radius:0px;
}

.homeacademic-title {
  background: #4c44a9;
  color: #fff;
  padding: 10px;
  font-weight: bold;
  font-size: 14px;
}

.homeacademic-card p {
  padding: 15px;
  font-size: 16px;
  color: #444;
  text-align: justify;
  font-family:'outfit';
  
}

.homeacademic-card a {
  display: inline-block;
  margin: 0 15px;
  padding: 8px 16px;
  background-color: #4C44A9;
  color: white;
  font-size: 12px;
  text-decoration: none;
  border-radius: 3px;
  transition: background 0.3s ease;
}

.homeacademic-card a:hover {
  background-color: #4a148c;
}
#form_submit_button{
    display: grid;
    justify-content: center;
    align-items: center;
}

/*faciclass*/
.faciclass-section {
  padding: 40px 20px;
  max-width: 1200px;
  margin: auto;
  font-family: Arial, sans-serif;
}

.faciclass-header h4 {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #666;
}

.faciclass-header h2 {
  font-size: 24px;
  margin: 10px 0;
  color: #333;
}

.faciclass-header p {
  max-width: 600px;
  color: #555;
}

.faciclass-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}

@media (max-width: 992px) {
  .faciclass-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .faciclass-grid {
    grid-template-columns: 1fr;
  }
}

.faciclass-card {
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  border-radius: 4px;
  padding: 0 0 20px;
  transition: transform 0.2s ease;
}

.faciclass-card:hover {
  transform: translateY(-5px);
}

.faciclass-card img {
  width: 100%;
  border-bottom: 3px solid #6a1b9a;
  border-radius: 0px !important;
    height: 155px;
}

.faciclass-title {
  background: #4C44A9;
  color: #fff;
  padding: 10px;
  font-weight: bold;
  font-size: 14px;
}

.faciclass-card p {
  padding: 15px;
  font-size: 14px;
  color: #444;
}

.faciclass-card a {
  display: inline-block;
  margin: 0 15px;
  padding: 8px 16px;
  background-color: #4C44A9;
  color: white;
  font-size: 12px;
  text-decoration: none;
  border-radius: 3px;
  transition: background 0.3s ease;
}

.faciclass-card a:hover {
  background-color: #4a148c;
}

/*facicontact*/
   .facicontact-section {
      position: relative;
      background: url('/site-content/2025/05/park.jpg') no-repeat center center/cover;
      height: 100vh;
      color: white;
      display: flex;
      align-items: center;
      background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    }

    .facicontact-overlay {
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      background-color: rgb(43 37 47 / 30%);
      /*background-color: rgba(60, 0, 100, 0.3); */
      z-index: 1;
    }

    .facicontact-content {
      position: relative;
      z-index: 2;
      padding:30px !important;
    }

    .facicontact-btn {
      background-color: #007bff;
      color:white;
      border: none;
      padding: 10px 25px;
      font-weight: bold;
    }

    .facicontact-btn:hover {
      background-color: #9029a3;
      color:white;
    }
    
 .facility-card {
      background-color: #f8f9fa;
      padding: 1.2rem;
      border-radius: 5px;
      cursor: pointer;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.09);
      text-align: center;
      transition: all 0.3s ease;
      /*height:15vh;*/
      color:#4c44a9;
       display: flex;
  flex-direction: column;
  height: 100%;
    }

    .facility-card.active,
    .facility-card:hover {
      background-color: #4c44a9;
      color: #fff;
    }

    .facility-card i {
      font-size: 2rem;
      margin-bottom: 0.5rem;
      display: block;
    }

    .facility-content {
      display: none;
      margin-top: 2rem;
    }

    .facility-content.active {
      display: block;
    }

    .benefits-list {
      list-style: none;
      padding-left: 0;
    }

    .benefits-list li::before {
      content: " ";
      color: #4c44a9;
    }
    .bi-check-circle-fill{
        margin-right:10px;
        color: #4c44a9;
    }

/**/
/* Primary brand color */
:root {
  --primary-color: #4c44a9;
}

/* Section Label */
.smart-classroom-section .section-label {
  font-weight: 600;
  color: var(--primary-color);
  margin-bottom: 0.5rem;
}

/* Heading */
.smart-classroom-section .section-heading {
  font-weight: 700;
  font-size: 2.2rem;
}

.smart-classroom-section .highlight {
  color: var(--primary-color);
}

/* Description */
.smart-classroom-section .section-description {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #444;
}

/* Benefits List */
.smart-classroom-section .benefits-list {
  padding-left: 0;
  list-style: none;
  margin-top: 1.5rem;
}

.smart-classroom-section .benefits-list li {
  margin-bottom: 0.8rem;
  font-size: 1rem;
  color: #333;
  display: flex;
  align-items: center;
}

.smart-classroom-section .benefits-list i {
  color: var(--primary-color);
  margin-right: 10px;
  font-size: 1.2rem;
}

/* Image Styles */
.smart-classroom-section .main-img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.smart-classroom-section .sub-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/* Responsive Tweaks */
@media (max-width: 768px) {
  .smart-classroom-section .section-heading {
    font-size: 1.75rem;
  }

  .smart-classroom-section .sub-img {
    height: 150px;
  }
  .donarsubmit{
    justify-content:center !important;
}
}
.backfaciliescolor{
    background-color: aliceblue;
}


/*side social media*/
.social-sidebar {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  z-index: 1000;
}

.social-sidebar a {
  padding: 6px 8px;
  margin: 6px 0;
  color: white;
  text-decoration: none;
  font-size: 18px;
  text-align: center;
  transition: all 0.3s ease;
  border-radius: 0 5px 5px 0;
}

.facebook { background: #3b5998; }
.instagram { background: #e4405f; }
.linkedin { background: #0077b5; }
.youtube { background: #ff0000; }
.twitter { background: black;}

/*last faci*/
.lastfaci {
  /*font-family: 'Segoe UI', sans-serif;*/
  padding: 40px;
  background: #fff;
  color: #333;
}

.lastfaci-box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.lastfaci-card {
  background: #fff;
  border: 1px solid #eee;
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.lastfaci-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.lastfaci-content {
  padding: 20px;
}

.lastfaci-content h2,
.lastfaci-content h3 {
  font-weight: bold;
  margin-bottom: 10px;
}

.lastfaci-content h2 {
  font-size: 22px;
  line-height: 1.4;
}

.lastfaci-content h3 {
  font-size: 18px;
}

.lastfaci-content p {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 10px;
}

.lastfaci-contact p {
  font-size: 14px;
  margin-bottom: 5px;
}

.lastfaci-contact i {
  margin-right: 8px;
  color: #4c44a9;
  font-size:16px;
}

.lastfaci-btn {
  background: #4c44a9;
  color: #fff;
  padding: 10px 16px;
  text-decoration: none;
  font-size: 14px;
  border-radius: 4px;
}
.lastfaci-btn:hover{
    color:white;
    background:#342e78;
}
/*summer camp*/
/* Main Section */
.summer {
  background-color: #D0EDF5;
  padding: 4rem 0;
}




/* Text Section */
.summer-text {
  max-width: 36rem;
}

.summer-text h1 {
  font-size: 2.5rem;
  color: #251C5A;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 1rem;
}

.summer-text p {
  color: #666;
  margin-bottom: 1.5rem;
}

.summer-buttons {
  display: flex;
  gap: 1rem;
  justify-content:center;
}

/* Shared Button Style */
.summer-btn {
  padding: 0.5rem 1.5rem;
  border-radius: 9999px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s ease;
}

/* Specific Button Variants */
.summer-btn.start {
  background-color: #FF6B5A;
  color: #fff;
}

.summer-btn.start:hover {
  background-color: #ff5946;
}

.summer-btn.explore {
  background-color: #D4F6F4;
  color: #251C5A;
}

.summer-btn.explore:hover {
  background-color: #bff0ed;
}

/* Image + Shapes */
.summer-image-wrapper {
  position: relative;
  width: 100%;
  max-width: 600px;
}

.summer-image {
  overflow: hidden;
  border-radius: 40px;
}

.summer-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/*summmercamp card*/
.summer-cards {
  padding: 4rem 1rem;
  background-color: #fff;
}

.summer-cards .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  max-width: 1200px;
  margin: auto;
}

/* Common Camp Card Style */
.summer-cards .campcard {
  flex: 1 1 280px;
  background-color: #f5f5f5;
  border-radius: 5px;
  padding: 2rem;
  text-align: center;
  color: #fff;
  max-width: 350px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease;
}

.summer-cards .campcard:hover {
  transform: translateY(-5px);
}

.summer-cards .campcard .icon {
  font-size: 2rem;
  margin-bottom: 1rem;
}

/* Individual Camp Card Colors */
.campcard.communicative {
  background-color: #45b8be;
}

.campcard.robotics {
  background-color: #3c2187;
}

.campcard.computer {
  background-color: #ff7c5b;
}

.summer-cards h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
  font-family: 'Poppins', sans-serif;
}

.summer-cards p {
  font-size: 0.95rem;
  line-height: 1.5;
  font-weight: 400;
}
.summer-cards .campcard .icon {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

/*summerabout*/
.summer-camp-intro {
  padding: 60px 0;
}
.summer-camp-intro .grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
}
.camp-text {
  flex: 1;
}
.welcome {
  color: #ff7a59;
  font-weight: 600;
}
h2 {
  /*font-size: 2rem;*/
  color: #221f60;
}
.camp-features {
  margin-top: 20px;
}
.feature {
  display: flex;
  align-items: start;
  gap: 15px;
  margin-bottom: 15px;
}
.icon {
  color: #ffc107;
  font-size: 1.8rem;
  margin-top: 4px;
}
.btn-summer {
  display: inline-block;
  margin-top: 20px;
  background: #ff7a59;
  color: white;
  padding: 10px 20px;
  border-radius: 20px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  font-weight: 600;
  text-decoration: none;
}
.camp-images {
  flex: 1;
  display: grid;
  gap: 10px;
}
.top-images {
  display: flex;
  gap: 10px;
}
.top-images img,
.bottom-image img {
  border-radius: 12px;
  width: 100%;
  object-fit: cover;
}
.experience-box {
  background: #fff;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  border-radius: 12px;
  padding: 20px;
  max-width: 200px;
  margin-top: 10px;
}
.experience-box h3 {
  color: #ff7a59;
  font-size: 2rem;
  margin: 0;
}
.contact-wrappers{
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 40px auto;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
}

/* Optional - style Contact Form 7 elements */
.wpcf7 input, .wpcf7 textarea, .wpcf7 select {
  width: 100%;
  margin-bottom: 15px;
  padding: 10px;
  border-radius: 5px;
  border: none;
}

.wpcf7-submit {
  background: #ff851b;
  color: white;
  padding: 10px 25px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
}
#ir9vu7{
        background-color: #D0EDF5 !important;
}

#address:focus{
    background-color: #fff !important;
}

/*videohero*/
 .video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }

  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
  

  /*home gallery*/
  .homegallery-card img {
  height: 120px;
  object-fit: cover;
  width: 100%; /* Ensures the image fills its column width */
  border-radius: 4px; /* Optional: rounds the corners */
}
.academicbackground{
    background-image:url(/site-content/2025/05/p2.jpg);
}
.codeofcontactbackground{
    background-color:aliceblue;
    margin-top:30px;
}

@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@500;600&display=swap');
/*body{*/
/*	margin: 0;*/
/*	padding: 0;*/
/*	box-sizing: border-box;*/
/*	font-family: 'Barlow Semi Condensed', sans-serif;*/
/*}*/
/*a:link,a:active,a:visited,a:hover{*/
/*	color:#3f51b5;*/
/*}*/

.outerdiv
{
	width: 100%;
    /*min-height: 100vh;*/
    display: flex;
    align-items: center;
    justify-content: center;
}
.innerdiv
{
	transform: scale(0.9);
	/*margin: 1rem;*/
	display: grid;
	grid-gap: 1.5rem;
	grid-template-rows: repeat(2,22rem);
	grid-template-columns: repeat(4,17rem);
}
.eachdiv
{
	padding: 1rem 2rem;
    border-radius: 0.8rem;
    box-shadow: 5px 5px 20px #6d6b6b6b;
    color: white;
}
.div1
{
	background: #733FC8;
    grid-column: 1/3;
    grid-row: 1/2;
    background-image: url(https://raw.githubusercontent.com/RahulSahOfficial/testimonials_grid_section/5532c958b7d3c9b910a216b198fdd21c73112d84/images/bg-pattern-quotation.svg);
    background-repeat: no-repeat;
    background-position-x: 25rem;
}
.div2
{
	background:#49556B;
    grid-column: 3/4;
    grid-row: 1/2;
}
.div3
{
	background: white;
    grid-column: 4/5;
    grid-row: 1/3;
    color: black;
}
.div4
{
	background: white;
	grid-column: 1/2;
    grid-row: 2/3;
    color: black;
}
.div5
{
	background: #18202D;
	grid-column: 2/4;
    grid-row: 2/3;
}
.userdetails
{
	display: flex;
}
.imgbox
{
	margin-right: 1rem;
}
.imgbox img
{
	border-radius: 50%;
	width: 4rem;
	/*border: 2px solid #cec5c5;*/
}
.detbox
{
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.detbox p
{
	margin: 0;
}
.detbox .name
{
	color: hsl(0, 0%, 81%);
    font-size: 0.9rem;
    margin-bottom: 0.1rem;
    font-weight: 600;
}
.detbox .name.dark
{
	color: #49505A;
}
.detbox .designation
{
	color: hsl(0, 0%, 81%);
    opacity: 50%;
    font-size: 0.8rem;
}
.detbox .designation.dark
{
	color: #49505A;
}
.review h4
{
	font-size:19px;
	color: #F3DEFF;
    /*font-weight: 600;*/
    /*line-height: 1.5;*/
    /*margin-bottom: 0.8rem;*/
}
.review.dark h4{
	color:#4B5258;
}
.review p
{
	font-size: 0.95rem;
    color: #F3DEFF;
    font-weight: 500;
    opacity: 50%;
    line-height: 1.5;
}
.review.dark p{
	color: #0e0e0e;
	text-align:justify;
}
.attribution
{
	font-size: 1rem;
    line-height: 1.5;
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    text-align: right;
}
.attribution a
{
	text-decoration: none;
}

@media only screen and (max-width: 1000px)
{
	.innerdiv
	{
		transform: scale(0.7);
	}
}
@media only screen and (max-width: 800px)
{
	.innerdiv
	{
		transform: scale(0.6);
	}
}
@media only screen and (max-width: 600px)
{
	.div1 {
		background-position-x: 10rem;
	}
	.innerdiv
	{
		display: flex; 
		flex-direction: column;
		transform: scale(1);
		margin: 2rem;
		margin-bottom: 5rem;
	}
	.attribution
	{
		position: relative;
	}
}

/*historysection*/
.history {
  --col-gap: 2rem;
  --row-gap: 2rem;
  --line-w: 0.25rem;
  display: grid;
  grid-template-columns: var(--line-w) 1fr;
  grid-auto-columns: max-content;
  column-gap: var(--col-gap);
  list-style: none;
  width: min(60rem, 90%);
  margin-inline: auto;
}

.history::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 20;
  background: rgb(225, 225, 225);
  border-radius: calc(var(--line-w) / 2);
}

.history li:not(:last-child) {
  margin-bottom: var(--row-gap);
}

.history li {
  grid-column: 2;
  --inlineP: 1.5rem;
  margin-inline: var(--inlineP);
  grid-row: span 2;
  display: grid;
  grid-template-rows: min-content min-content min-content;
}

.history li .date {
  --dateH: 3rem;
  height: var(--dateH);
  margin-inline: calc(var(--inlineP) * -1);
  text-align: center;
  background-color: var(--accent-color);
  color: white;
  font-size: 1.25rem;
  font-weight: 700;
  display: grid;
  place-content: center;
  position: relative;
  border-radius: calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2);
}

.history li .date::before {
  content: "";
  width: var(--inlineP);
  aspect-ratio: 1;
  background: var(--accent-color);
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
  position: absolute;
  top: 100%;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  right: 0;
}

.history li .date::after {
  content: "";
  position: absolute;
  width: 2rem;
  aspect-ratio: 1;
  background: var(--bgColor);
  border: 0.3rem solid var(--accent-color);
  border-radius: 50%;
  top: 50%;
  transform: translate(50%, -50%);
  right: calc(100% + var(--col-gap) + var(--line-w) / 2);
}

.history li .title,
.history li .descr {
  background: var(--bgColor);
  position: relative;
  padding-inline: 1.5rem;
}
.history li .title {
  overflow: hidden;
  padding-block-start: 1.5rem;
  /*padding-block-end: 1rem;*/
  font-weight: 500;
  font-family:math;
}
.history li .descr {
  padding-block-end: 1.5rem;
  font-weight: 300;
  font-family:auto;
  font-size:18px;
}

.history li .title::before,
.history li .descr::before {
  content: "";
  position: absolute;
  width: 90%;
  height: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  left: 50%;
  border-radius: 50%;
  filter: blur(4px);
  transform: translate(-50%, 50%);
}
.history li .title::before {
  bottom: calc(100% + 0.125rem);
}
.history li .descr::before {
  z-index: -1;
  bottom: 0.25rem;
}

@media (min-width: 40rem) {
  .history {
    grid-template-columns: 1fr var(--line-w) 1fr;
  }
  .history::before {
    grid-column: 2;
  }
  .history li:nth-child(odd) {
    grid-column: 1;
  }
  .history li:nth-child(even) {
    grid-column: 3;
  }
  .history li:nth-child(2) {
    grid-row: 2/4;
  }
  .history li:nth-child(odd) .date::before {
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    left: 0;
  }
  .history li:nth-child(odd) .date::after {
    transform: translate(-50%, -50%);
    left: calc(100% + var(--col-gap) + var(--line-w) / 2);
  }
  .history li:nth-child(odd) .date {
    border-radius: 0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0;
  }
}

/*aboutvimi*/
.main {
  max-width: 1200px;
  margin: 0 auto;
  margin-top:70px;
}

.abtvimi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.cards_item {
  display: flex;
  padding: 1rem;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.25));
}

.visionmission_card {
  background-color: white;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-left: 30px;
  background: repeating-linear-gradient(#0000 0 calc(1.2rem - 1px), #66afe1 0 1.2rem) right bottom / 100% 100%,
              linear-gradient(red 0 0) 30px 0 / 2px 100% #fff;
  background-repeat: no-repeat;
  line-height: 1.2rem;
  -webkit-mask: radial-gradient(circle .8rem at 2px 50%, #0000 98%, #000) 0 0 / 100% 2.4rem;
}

.card_content {
  padding: 1.2rem;
}

/*h2.card_title, p {*/
/*  margin: 1.2rem 0;*/
/*}*/

h2.card_title {
  font-size: 1.3em;
}


/*review*/
  #itts4y-2{
    padding:15px;
  }
  #i4f2wg{
    color:black;
    /*font-family:Roboto, "Helvetica Neue", Arial, sans-serif;*/
    font-size:15px;
    letter-spacing:normal;
    text-align:start;
  }
  #ilrt1q{
    color:rgb(60, 64, 67);
    font-family:Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size:14px;
    letter-spacing:normal;
    text-align:start;
  }
  #ikkh34{
    color:rgb(60, 64, 67);
    font-family:Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size:14px;
    letter-spacing:normal;
    text-align:start;
  }
  #i298yj{
    color:#fbbc04;
    font-size:18px;
  }
  
  .google-review-stars{
      color:#fbbc04;
      font-size:18px;
  }
  
  .googlecard {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.googlecard-logo {
  max-height: 80px;
  object-fit: contain;
}

.googlecard-title {
  font-weight: 600;
  color: #222;
}

.googlecard-subtext {
  font-size: 14px;
  color: #555;
}

.googlecard-rating {
  font-size: 14px;
}
.setconatinerwidth{
    max-width:1080px !important;
}

/*facibox*/
:root {
  --red: hsl(0, 78%, 62%);
  --cyan: hsl(180, 62%, 55%);
  --orange: hsl(34, 97%, 64%);
  --blue: hsl(212, 86%, 64%);
  --varyDarkBlue: hsl(234, 12%, 34%);
  --grayishBlue: hsl(229, 6%, 66%);
  --veryLightGray: hsl(0, 0%, 98%);
  --weight1: 200;
  --weight2: 400;
  --weight3: 600;
}

body {
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
  /*background-color: var(--veryLightGray);*/
  margin: 0;
  padding: 0;
}

.header {
  text-align: center;
  line-height: 0.8;
  margin-top: 20px;
  margin-bottom: 30px;
}

.header h1 {
  color: var(--varyDarkBlue);
  font-weight: var(--weight3);
}

.header p {
  color: var(--grayishBlue);
  margin-top: 10px;
  font-weight: var(--weight2);
  line-height: 1.5;
}

.cards-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  padding: 0 20px;
}

.facibox {
  width: calc(25% - 20px); /* 4 cards per row, 5% gap space between them */
  padding: 20px;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  text-align: center;
  transform-style: preserve-3d;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/*.facibox:hover {*/
/*  transform: rotateY(10deg) rotateX(5deg) scale(1.05);*/
/*  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);*/
/*}*/

.icon-circle {
  width: 65px;
  height: 65px;
  margin: 0 auto 15px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.5s ease;
}

.facibox:hover .icon-circle {
  transform:  scale(1.1);
}

/*h2 {*/
/*  color: var(--varyDarkBlue);*/
/*  font-weight: var(--weight3);*/
/*  margin-bottom: 10px;*/
/*}*/

.facibox p {
  color: grey;
  font-weight: var(--weight2);
  font-family:math;
}

/* Different colors for the boxes */
.cyan {
  border-top: 5px solid var(--cyan);
}

.red {
  border-top: 5px solid var(--red);
}

.orange {
  border-top: 5px solid var(--orange);
}

.blue {
  border-top: 5px solid var(--blue);
}

.green {
  border-top: 5px solid #32CD32; /* For green */
}

.purple {
  border-top: 5px solid #800080; /* For purple */
}

/* Responsive layout for smaller screens */
@media (max-width: 950px) {
  .facibox {
    width: calc(50% - 20px); /* 2 cards per row */
  }
}

@media (max-width: 600px) {
  .facibox {
    width: 100%; /* 1 card per row */
  }
}
.facimg{
    max-width:50%!important;
}
.facibox h2{
    font-size:23px!important;
    font-family:none!important;
}


/*trustee*/
.trustee {
  font-family: Tahoma, sans-serif;
  padding: 50px 0;
  background-image: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.6)), url('/site-content/2025/04/f5850e58ffbe39640faaae7ae5_1679146757641.webp');
  background-size: cover;
  background-position: center;
}

.trustee h2,
.trustee p {
  color: #272D78;
  text-align: center;
}

.trustee .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.our-team {
  flex: 1 1 220px;
  max-width: 250px;
  background-color: #f7f5ec;
  text-align: center;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  padding: 30px 0 40px;
  transition: transform 0.3s ease;
}

.our-team:hover {
  transform: translateY(-5px);
}

.our-team .picture {
  display: inline-block;
  height: 130px;
  width: 130px;
  margin-bottom: 50px;
  position: relative;
  z-index: 1;
}

.our-team .picture::before {
  content: "";
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #1369ce;
  position: absolute;
  bottom: 135%;
  left: 0;
  right: 0;
  opacity: 0.9;
  transform: scale(3);
  transition: all 0.3s linear;
}

.our-team:hover .picture::before {
  height: 100%;
}

.our-team .picture::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #1369ce;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.our-team .picture img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  transition: all 0.9s ease;
}

.our-team:hover .picture img {
  box-shadow: 0 0 0 14px #f7f5ec;
  transform: scale(0.7);
}

.our-team .name {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 10px 0 5px;
}

.our-team .title {
  font-size: 15px;
  color: #4e5052;
  text-transform: capitalize;
  margin: 0;
}
    .donate-hero-section {
      background-color: white;
    }
    .donate-section {
      border-radius: 10px;
      box-shadow: 0 0 20px rgba(0,0,0,0.09);
    }
    .bank-details {
      background-color: #f1f1fc;
      border-left: 5px solid #6f42c1;
    }
.setdonateimg{
    width:50%;
    height:auto;
}

.setpaddingformobile{
    --bs-gutter-x: 0rem;
}
.foo_top_header_one{
    padding-left:15px;
    padding-right:15px;
}