/*@charset "utf-8";
/*..............embedded fonts..............*/
/* font-family: "Playfair Display", serif; */  
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*..............custom fonts..............*/ 

/*..............custom fonts..............*/
 
/*..............common styles..............*/
html { overflow-x: hidden; margin: 0 !important; }
body { margin: 0; padding: 0; font-family: "Poppins", sans-serif; font-size: clamp(1rem, 1rem + 0vw, 1rem); font-weight: 400; color:#2d2b2b; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; margin:0 0 20px; padding:0; color: #03048c; font-family: "Playfair Display", serif; line-height: 1.1; }
h1{ font-size: clamp(1.875rem, 1.01rem + 2.308vw, 3.75rem); /* 60px */ } 
h2{ font-size: clamp(1.625rem, 1.394rem + 0.615vw, 2.125rem); /* 34px */ } 
h3{ font-size: clamp(1.5rem, 1.327rem + 0.462vw, 1.875rem); /* 30px */  }
h4{ font-size: clamp(1.125rem, 1.01rem + 0.308vw, 1.375rem); /* 22px */  } 
h5{ font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem); /* 20px */ }
/* h6{ font-size: clamp(1rem, 1rem + 0vw, 1rem); } */
p{ margin:0 0 16px; line-height: 1.5;}
p:last-child { margin-bottom: 0; }
b, strong { font-weight: 700; }

img{ max-width: 100%; user-select: none; -webkit-user-drag: none; }
figure { margin: 0; }
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #03048c; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}


input, textarea, select, .form-control { font-weight: 400; outline: none; background-color: transparent !important; font-size: clamp(1rem, 0.943rem + 0.152vw, 1.125rem) !important; color: #6A6565 !important; }
input[type="submit"]{font-family: "Nunito", serif; font-weight: 400; transition:all 0.3s ease 0s; outline: none;}
input:not([type="submit"]) { height: 56px !important;}
select { appearance: none; -webkit-appearance: none; height: 56px !important; padding-right: 40px !important; background-image: url(../images/btm-arrow.svg); background-repeat: no-repeat; background-position: 96% center; background-size: 18px;  }
input.form-control, textarea.form-control, select.form-control { border: 1px solid #03048c !important; box-shadow: none !important; resize: none; background-color: #FFFFFF12 !important; padding: 14px 15px !important; font-size: 20px; }
textarea.form-control{ height: 102px !important; }
input.form-control, select.form-control  { border-radius: 6px; } 
textarea.form-control { border-radius: 6px; } 
form label {  transition: all 0.4s; }
.form-floating>label { padding: 0 5px; font-weight: 400; color: #2d2b2b; line-height: 1; height: auto; transform: scale(1) translateY(18px) translateX(12px); transition: all 0.4s; background: #ffffff; overflow: initial; font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem); }

input[type="checkbox"] { width: 18px; height: 18px !important; border: 1px solid #3048cd !important; border-radius: 3px !important; }
label.form-check-label { font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem); margin-bottom: 0 !important; }
.form-check-input:checked[type=checkbox] { background-color: #3048cd !important; }

::placeholder { color: #6A6565 !important; opacity: 1; display: none; }
::-ms-input-placeholder { color: #6A6565 !important; display: none; }
textarea.form-control::placeholder { color: #6A6565 !important; display: none; }

.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { color: rgba(var(--bs-body-color-rgb),.65); transform: scale(1) translateY(-9px) translateX(10px); font-size: 16px; }
.form-floating>.form-control-plaintext~label::after, 
.form-floating>.form-control:focus~label::after, 
.form-floating>.form-control:not(:placeholder-shown)~label::after, 
.form-floating>.form-select~label::after {  padding: 0 !important; display: none; } 


/* GSAP */ 

/*CF7*/
form .labelanime label{transform: translateY(-9px) translateX(19px); height: auto; line-height: 1; font-size: 16px; color: #FFC6BB; background-color: #bf4030}
span.wpcf7-spinner.spinner-border.spinner-border-sm.ajax-loader {position: absolute; left: unset; bottom: 37%; width: 15px; min-width: 15px; height: 15px; z-index: 2; max-height: 20px; max-width: 20px; border: 1px solid #ffffff; opacity: 1 !important; background-color: transparent !important;border-right-color: #00000000 !important;     display: unset; transform: unset;}
span.wpcf7-spinner.spinner-border.spinner-border-sm.ajax-loader::before{display: none;}


/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */


/* --- Button Styles --- */
.btn { justify-content: space-between; background-color: #e9a710; font-family: "Playfair Display", serif; overflow: hidden; position: relative; z-index: 1; transition: 0.3s; display: inline-flex; align-items: center; vertical-align: top; padding: 10px 30px; font-size: clamp(1.125rem, 1.096rem + 0.128vw, 1.25rem); line-height: 1; text-transform: capitalize; border-radius: 5px; font-weight: 700; box-shadow: rgb(31, 3, 3) 3px 3px 0px 0px; color: rgb(255, 255, 255) !important; border: 1px solid #e9a710 !important; }

.btn:hover, .btn:active { color: #FFF !important; transform: translate(0px, 0px); box-shadow: 0px 0px 0px 0px #1F0303; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; border: 1px solid #3048cd !important; background: #3048cd !important; }
/* --- Button Styles --- */
  

/* --- checkbox and radio button Styles --- */
.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}
/* --- checkbox and radio button Styles --- */


/*..............common styles..............*/
.common-padd { padding-top: 80px; padding-bottom: 80px; } 
.common-padd-bottom {  padding-bottom: 80px; } 
.common-padd-top {  padding-top: 80px; } 

.mb-50 { margin-bottom: 50px; }
.mb-30 { margin-bottom: 30px; }
.mb-24 { margin-bottom: 24px; }
.mt-30 { margin-top: 30px; }
.mt-14 { margin-top: 14px; }

.p-relative { position: relative; }
.p-absolute { position: absolute; }

.grecaptcha-badge { visibility: hidden; }
/*..............common styles..............*/


/*-----scroll-bar-design----------*/
/* width */
::-webkit-scrollbar { width: 8px; height: 5px; }

/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 2px #3048cd ; }
 
/* Handle */
::-webkit-scrollbar-thumb {background: #3048cd; border-radius: 0; }
/*-----scroll-bar-design----------*/

/*-----Header design----------*/
.main-header { padding: 15px 0px; z-index: 999; width: 100%; left: 50%; transform: translateX(-50%); position: fixed; background: #FFFFFF;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; top: 0; }
.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.top-header { margin-bottom: 6px; background: #e9a710; padding: 7px 0; }
ul.header-media { padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-start; align-items: center }
ul.header-media li a { position: relative; color: #FFF; width: 36px; height: 36px; background-color: #03048c; background-image: inherit !important; border-radius: 40px; display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; padding-bottom: 0; }
ul.header-media li a:hover { background-color: #000; }
    
footer ul.header-media li a { background-color: #e9a710; }
footer ul.header-media li a:hover { background-color: #3048cd; }

.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center;} 
.main-menu ul li:not(:last-child) { margin-right: 25px; }
.main-menu ul li a { display: block; color: #1D1D21; position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; font-family: "Roboto", sans-serif; font-weight: 600; } 
.main-menu ul li a:hover { color: #d51700; }
.main-menu ul li a::before { content: ""; position: absolute; width: 100%; height: 2px; background-color: #d51700; bottom: 0; left: 0; transform: scaleX(0); transform-origin: right; transition: transform 0.4s; }
.main-menu ul li a:hover::before, .main-menu ul li.menu-item.current-menu-item > a::before { transform: scaleX(1); transform-origin: left; }

.main-menu ul li.menu-item.current-menu-item > a { color: #d51700; }
.main-menu ul li ul.sub-menu li a::before{ opacity: 0; content: ""; width: 0%; height: 1px; position: absolute; bottom: 7px; border-radius: 10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}  
.main-menu ul li.menu-item-has-children a { opacity: 1; content: ""; width: 100%;  }  

.main-menu ul li ul.sub-menu li a::before { background-color: #FFFFFF !important; top: 49%; width: 0 !important; left: 0; border: 1px solid #d51700; }
.main-menu ul li ul.sub-menu li a:hover::before { width: 20px !important; opacity: 1; }
.main-menu ul li ul.sub-menu li a:hover{ padding-left: 30px; color: #d51700 !important; }
.main-menu > ul > li:hover > a { color: #d51700; }

.main-menu ul li span {margin-left: 10px; }

.main-header.relative_header {background-color: #000000; }

 
/*------css for new dropdown sub-menu start--------*/
.main-menu ul li.menu-item-has-children a:after { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; position: absolute; top: 33%; box-sizing: border-box; height: 8px; width: 8px; border-style: solid; border-color: #1D1D21; border-width: 0px 1px 1px 0px; transform: rotate(45deg) translate(0, -50%); transition: border-width 150ms ease-in-out; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; right: 11px; margin: 0 auto; }
.main-menu ul li.menu-item-has-children:hover a:after {-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; border-color: #d51700; }
.main-menu ul li.menu-item-has-children a {padding-right: 24px; }
.main-menu ul.sub-menu li a:after{display: none!important;}

.main-menu ul{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
.main-menu ul li { display: flex; justify-content: center; align-items: center; position: relative; perspective: 1000px; z-index: 100; color: #FFFFFF; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 0; }
.main-menu ul.sub-menu { position: absolute; width: 250px; display: block; margin-top: 0; padding: 6px 20px; border-radius: 10px; box-shadow: 0 15px 12px #0000005e; overflow: hidden; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.main-menu ul.sub-menu li { margin: 0!important; padding: 0 }
.main-menu ul li .sub-menu li a {color: #0F0E0F; padding: 8px 0; } 
.main-menu ul li.out .sub-menu { opacity: 0; transform: scaleY(0) translateZ(0); visibility: hidden; }
.main-menu ul li.menu-item-has-children { z-index: 1; }

header .main-menu ul>li { position: relative; cursor: pointer }
header .main-menu ul .sub-menu { position: absolute; left: 0; top: 100%; transform-origin: 50% 0; transform: scaleY(0) translateZ(0); opacity: 0; transition: transform 0.3s, opacity 0.3s; min-width: 250px; overflow: hidden; padding: 0; box-shadow: none; opacity: 1; visibility: hidden; display: unset }
header .main-menu ul li ul::before {content: ""; width: 100%; height: 100%; position: absolute; top: -12px; left: 0; background-color: #d51700; }
header .main-menu ul li:hover ul {padding-top: 5px;box-shadow: 0px 4px 10px 0px #00000014;opacity: 1; transform: scaleY(1) translateZ(0); visibility: visible; display: unset; transition: transform 0.3s, opacity 0.3s ease-out; }
header .main-menu ul .sub-menu li { display: block; position: relative; padding: 0px 20px; cursor: pointer; background-color: #FFFFFF; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }
header .main-menu ul .sub-menu li:first-child{padding-top: 10px;border-radius: 10px 10px 0 0;}
header .main-menu ul .sub-menu li:last-child{padding-bottom: 10px;}

 
/*------css for new dropdown sub-menu end--------*/ 
.main-header .logo { max-width: 260px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-header.fixed .logo { max-width: 240px; }

.nav_btn { color: #FFFFFF; font-size: 22px; text-align: right; display: none; }
.nav_close { display: none; color: #FFFFFF; }
 
.main-header.fixed { position: fixed; width: 100%; transition: all 0.4s; -ms-transition: all 0.4s; -webkit-transition: all 0.4s; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 0 7px 0px #5856568a; padding: 10px 0; } 

a.tb-btn { background: #d51700; color: #FFF; padding: 6px 20px; display: block; width: fit-content; margin: 0 0 0 auto; border-radius: 50px; font-weight: 500; }
a.tb-btn:hover { background-color: #000; }


/*==========mobile menu=========*/        
.main-header .hdr-rt { display: flex; align-items: center; } 
.main-header .hdr-rt .btn { margin-left: 16px; } 
.main-header .hdr-rt ul { justify-content: flex-end; }

.mobile-menu-container ul.sub-menu {position: relative; max-height: 0; overflow: hidden; transition: max-height 0.6s ease-out;}
.mobile-menu-container ul.sub-menu.sub-menu-open {transform: scaleY(1); max-height: 300px;}
 
/* ~~~~~~~~~~ mobile menu styling ~~~~~~~~~~ */
.mobile-menu-container{ position: fixed; z-index: 1; top: -100vh; left: -6%; right: -6%; background: #ffffff; height: calc(100vh + 40px); opacity: 0;  -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; display: none;     z-index: -1;}
.mobile-menu-open .mobile-menu-container{ top: 0; transform: translateY(0); opacity: 1;}
.mobile-menu-open .mobile-menu-container { top: -40px; transform: translateY(0); opacity: 1;  }
.mobile-menu-container .inner-container{ padding-top: 160px; height: 100vh; overflow-y: auto; position: relative;}
.mobile-menu { padding-left: 0; padding-right: 0; padding-top: 10px; padding-bottom: 20px; margin: 0 auto; text-align: center; }
.mobile-menu ul{ margin: 0; padding: 0; list-style: none;}
.mobile-menu ul li{ display: block; margin: 10px 0;}
.mobile-menu ul li a { display: block; font-size: 30px; color: #d51700; padding: 4px 0; }
.mobile-menu > ul > li > a { border-bottom: 1px solid #d51700; }
.mobile-menu ul li.menu-item-has-children > a{padding-right: 15px;}

/* ===== mobile menu animation ===== */
.mobile-menu ul li{opacity: 0;-webkit-transform: translateX(-150px);transform: translateX(-150px);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;}
.mobile-menu-open .mobile-menu ul li {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
.mobile-menu-open .mobile-menu ul li:nth-child(1) {-webkit-transition-delay: 0.16s;transition-delay: 0.16s;}
.mobile-menu-open .mobile-menu ul li:nth-child(2) {-webkit-transition-delay: 0.24s;transition-delay: 0.24s;}
.mobile-menu-open .mobile-menu ul li:nth-child(3) {-webkit-transition-delay: 0.32s;transition-delay: 0.32s;}
.mobile-menu-open .mobile-menu ul li:nth-child(4) {-webkit-transition-delay: 0.40s;transition-delay: 0.40s;}
.mobile-menu-open .mobile-menu ul li:nth-child(5) {-webkit-transition-delay: 0.48s;transition-delay: 0.48s;}
.mobile-menu-open .mobile-menu ul li:nth-child(6) {-webkit-transition-delay: 0.54s;transition-delay: 0.54s;}
/* ===== mobile menu animation ===== */

.mobile-menu-open .mobile-menu ul li.btn { margin: 0 auto;  padding: 5px 5px;  max-width: 150px;}
.mobile-menu-open .mobile-menu ul li.btn a{color: #FFFFFF;}

.mobile-menu-open .mobile-menu-container::after { content: ''; position: absolute; width: 100%; height: 150px; background: #FFFFFF; top: 0; }
/*=========mobile menu===========*/

/*for header css*/
 
/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
.hamburger-nav{ display: none; }

/*when turns close icon*/
.ham { cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.hamRotate.active { transform: rotate(45deg); }
.hamRotate180.active { transform: rotate(180deg); }
.line { fill:none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke:#d51700; stroke-width:3.5; stroke-linecap:round; } 
.ham6 .top { stroke-dasharray: 41 172; }
.ham6 .middle { stroke-dasharray: 41 111; transform: translateX(1px); }
.ham6 .bottom { stroke-dasharray: 41 172; transform: translateX(1px);}
.ham6.active .top { stroke-dashoffset: -132px; }
.ham6.active .middle { stroke-dashoffset: -71px; }
.ham6.active .bottom { stroke-dashoffset: -132px; }
/*when turns close icon*/

/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
 


 
/*===== Home page start ====*/

/* Page common style start */ 
.common-heading h3 { font-size: clamp(3.625rem, -2.714rem + 16.905vw, 12.5rem); line-height: .7 !important; margin: 0 0 -70px; font-family: Cormorant Garamond; font-weight: 700; opacity: 0.05; }
.common-heading.small-bottom h3 { line-height: .6 !important; margin: 0 0 -46px; }
.common-heading.white-clr * { color: #FFF; }

.cmb-0 h2 { margin: 0; }

p span { color: #03048c; font-weight: 500; }
p span strong { color: #3048cd; }
p a { font-weight: 700; }
/* Page common style end */ 


/* Home Banner start */ 
/* .banner { min-height: 560px; overflow: hidden; position: relative; padding-top: 50px; padding-bottom: 50px; background-repeat: no-repeat; background-size: cover; background-position: top center; display: flex; align-items: center; background-color: #F5F6FF; transition: min-height 0.3s ease; }
.banner::after { content: ''; position: absolute; background: linear-gradient(180deg, rgba(43, 25, 26, 0.2) 0%, rgba(43, 25, 26, 0.2) 48.45%, rgb(25 34 43 / 40%) 65.01%, rgb(26 25 43 / 75%) 100%); top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }

.banner #banner-slider { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.banner #banner-slider .banner-image-card, 
.banner #banner-slider .banner-image-card img { height: 100%; object-fit: cover; width: 100%; object-position: top; } */
.banner { position: relative; }
.banner .text-box { position: relative; z-index: 2; border-left: 4px solid #FFFFFF; padding-left: 50px; }
.banner .text-box h1, .banner .text-box h3 { color: #FFF; }
.banner .text-box h3 { margin-bottom: 0; font-family: "Poppins", sans-serif; font-weight: 250; }

/* .swiper-button-wrap { display: flex; align-items: center; justify-content: space-between; z-index: 2; position: relative; width: 100%; } */
.swiper-button-wrap { display: flex; align-items: center; justify-content: space-between; z-index: 2; position: absolute; width: 100%; top: 50%; left: 0; }
.swiper-button-wrap .swiper-button-next, .swiper-button-wrap .swiper-button-prev { width: 60px; height: 60px; border-radius: 0; padding: 7px; z-index: 9; outline: none !important; box-shadow: none !important; position: relative; right: inherit; left: inherit; top: inherit; margin: 0; background: #FFF; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.swiper-button-wrap .swiper-button-next::after, 
.swiper-button-wrap .swiper-button-prev::after { display: none !important; }
.swiper-button-wrap .swiper-button-next::before, 
.swiper-button-wrap .swiper-button-prev::before { content: ""; width: 100%; height: 100%; position: absolute; background-color: #3048cd; border-radius: 0px; z-index: -1; transform: scale(0); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.swiper-button-wrap .swiper-button-next img{  transform: rotate(180deg);}
.swiper-button-wrap .swiper-button-next img, 
.swiper-button-wrap .swiper-button-prev img{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.swiper-button-wrap .swiper-button-next:hover, 
.swiper-button-wrap .swiper-button-prev:hover { background-color: #ffffff79; }
/* .swiper-button-wrap .swiper-button-next:hover img, 
.swiper-button-wrap .swiper-button-prev:hover img { filter: brightness(0) invert(1); } */
/* .swiper-button-wrap .swiper-button-next:hover::before, 
.swiper-button-wrap .swiper-button-prev:hover::before { transform: scale(1); } */
/* Home Banner end */ 


/* notice Section start */
/* .notice-section { background: #03048c; padding: 20px; }
.notice-section .notice { color: #FFF; font-weight: 500; letter-spacing: .5px; font-size: 18px; }
.notice-section .notice p { margin-bottom: 5px; font-size: 24px; }
.notice-section .notice span { color: #ffc745; }

.notice-section .notice ul li:not(:last-child) { border-right: 1px solid #FFF; }
.notice-section .notice ul li { width: 33.33%; font-size: 18px; font-weight: 600; }
.notice-section .notice ul { padding: 0; list-style: none; display: flex; align-items: center; max-width: 900px; margin: 10px auto 0; } */
/* notice Section end */ 


/* About Section start */
.sec-title h2 { color: #FFF; text-transform: capitalize; }
.sec-title h2:before { position: absolute; content: ''; left: -65px; top: 22px; height: 2px; width: 50px; background-color: #ff904a; }

.about-us-box { position: relative; background-color: #c42c58; padding: 55px 60px 90px 150px; border: 10px solid #ffd6e2; }
.about-us-box p { color: #FFF; line-height: 1.9em; }

.about-bottom-sec { padding: 0px 70px 0px 140px; }
.about-bottom-image { margin-top: -70px; z-index: 1; position: relative; }

.architecture-info { position: relative; padding-top: 50px; padding-bottom: 14px; }
.architecture-info:before { position: absolute; content: ''; left: 0px; width: 35px; bottom: 0px; height: 2px; background-color: #d51700; }
.architecture-info h3 { margin-bottom: 4px; }
.architecture-info p { color: #d51700; }
/* About Section end */


/* infrastructure section start */
.inter-head.text-center h2 { position: relative; padding: 48px 100px; display: inline-block; background-color: #ffffff; box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.10); }
.inter-head.text-center h2:before { position: absolute; content: ''; left: 50%; top: -25px; height: 50px; width: 2px; margin-left: -1px; background-color: #d51700; }

.infrastructure-image { height: 388px; position: relative; background-color: #000; }
.infrastructure-image img { height: 100%; object-fit: cover; object-position: top; width: 100%;  transition: .5s; }

.infrastructure-box { position: relative; overflow: hidden; }
.infrastructure-box::after { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; outline: 5px solid #ffffff; outline-offset: -5px; z-index: 1;     pointer-events: none;}
 
.infrastructure-box:hover .infrastructure-image img { opacity: 0.50; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.infrastructure-box .overlay-box{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; padding:0px; opacity:0; text-align:center; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transform:scaleX(0); -ms-transform:scaleX(0); -o-transform:scaleX(0); -moz-transform:scaleX(0); transform:scaleX(0); z-index:10; }
.infrastructure-box .overlay-box{ border:5px solid transparent; }
.infrastructure-box:hover .overlay-box{ top:0px; opacity:1; -webkit-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); -moz-transform:scaleX(1); transform:scaleX(1); }
.infrastructure-box .overlay-inner{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:table; vertical-align:middle; padding:10px 20px; background:rgba(0,0,0,0); }
.infrastructure-box .overlay-inner .overlay-content{ position:relative; display:table-cell; vertical-align:middle; }
.infrastructure-box .overlay-inner .content-box{ position:relative; padding:80px 20px; max-width:450px; margin:0 auto; background:rgb(255 255 255 / 78%); }
.infrastructure-box .overlay-inner .content{ position:relative; max-width:250px; margin:0 auto; }
.infrastructure-box .overlay-inner h3{ position:relative; font-size:16px; font-weight:700; font-family:'Lato',sans-serif; text-transform:uppercase; color:#222222; line-height:1.4em; padding-bottom:10px; }
.infrastructure-box .overlay-inner .text { font-size:14px; }
.infrastructure-box .overlay-inner h3 a{ color: #d51700; font-size: 25px; font-family: 'Playfair Display', serif; }
.infrastructure-box .overlay-inner h3:after{ content:''; position:absolute; left:50%; margin-left:-10px; bottom:0px; width:20px; border-bottom:2px solid #c5a47e; }
.infrastructure-box .overlay-inner .text{ position:relative; line-height:1.8em; margin-top:20px; color: #000; }
/* infrastructure section end */


/* campus section start */
.campus-section { background-color: #d05d7e; }
.campus-section::before { position: absolute; content: ''; left: 42.2%; top: 0px; right: 0px; bottom: 0px; height: 100%; display: block; background-color: #fff; }

.campus-text { max-width: 520px; margin: 0 0 0 auto; padding-right: 110px; padding-left: 15px; }
.campus-text p { color: #FFF; line-height: 1.8; font-size: 15px; }
.campus-text .sec-title h2:before { background-color:#FFF; }

.campus-slide-wrap { padding-right: 112px; }
.campus-slider { overflow: hidden; }
.campus-slider .swiper-slide { height: auto; } 

.campus-slide-wrap { position: relative; } 
.campus-slide-wrap .swiper-button-wrap .swiper-button-next, 
.campus-slide-wrap .swiper-button-wrap .swiper-button-prev { margin: 0; bottom: 0; width: 55px; height: 55px; background: #03048c; border: 1px solid #03048c; color: #FFF; }
.campus-slide-wrap .swiper-button-wrap { bottom: 0; top: inherit; justify-content: left; left: -56px; gap: 2px; }

.campus-card { padding: 0 0 141%; position: relative; overflow: hidden; }
.campus-card img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
/* campus section end */


/* counter Section start */
.counter-section { padding-left: 15px; padding-right: 15px; }

.counter-block { padding: 0; }
.counter-block .image { padding: 0 0 100%; position: relative; }
.counter-block .image img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
 
.content-box { position: relative; width: 100%; text-align: center; padding: 60px 15px; background: #0b4591; min-height: 237px; }
.content-box h4 { color: #FFF; }
.content-box p { color: #FFF; }

.counter-section .counter-block:nth-child(1) .content-box { background: #116000; }
.counter-section .counter-block:nth-child(3) .content-box { background: #a58014; }
.counter-section .counter-block:nth-child(4) .content-box { background: #c42c58; }
/* counter section end */


/* testimonials Section start */
.testimonials-section { background: #e6e8f2; }

.testimonials-slider .swiper-slide { height: auto; }

.testimonials-card { background: #FFFFFF; box-shadow: 0px 5px 10px 0px #0000001A; padding: 30px; border-radius: 20px; height: 100%; display: flex; flex-direction: column; } 
.testimonials-card span { font-style: italic; font-weight: 500; color: #8f8f8f; }

.testimonials-card h4 { margin-top: auto; margin-bottom: 0; text-transform: capitalize; }
.testimonials-card .stars { margin-bottom: 10px; max-width: 130px; }
.testimonials-card p { font-size: 18px;}
/* testimonials Section end */
   

/* programs Section start */
.event-section { background: #020246; }

.event-card { background: #FFF; border: 1px solid #58585847; border-radius: 12px; padding: 15px 20px 15px 15px; display: flex; align-items: center; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; transition-property:all !important; margin-bottom: 24px; }
.event-date { border-radius: 10px; border: 1px solid #3048cd; text-align: center; margin-right: 20px; flex: 0 0 auto; overflow: hidden; }
.event-date h4 { background: #3048cd; padding: 3px 5px 10px; color: #FFF; line-height: 1; margin: 0; }
.event-date span { padding: 10px; display: block; font-size: 14px; font-weight: 500;}
   
.event-dtls h4 { margin-bottom: 6px; }
.event-dtls p { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.event-btns { margin-left: auto; flex: 0 0 auto; }
.event-btns .btn { padding: 10px 14px;}
/* programs Section end */



/* join Section start */
.join-head h3 { font-family: "Poppins", sans-serif; font-weight: 250; margin-bottom: 30px; }

.join-slider .swiper-slide:nth-child(odd) .join-card { padding: 0 0 135%; }
.join-slider .swiper-wrapper { align-items: center; }
.join-slider > .swiper-wrapper { -webkit-transition-timing-function: linear !important; transition-timing-function: linear!important; position: relative; }

.join-slider .join-card { padding: 0 0 88%; position: relative; overflow: hidden; border-radius: 10px; }
.join-slider .join-card img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }
/* join Section end */



/* Modal section */
.video-modal .modal-dialog { max-width: 1304px; width: 95%; }
.video-modal .modal-content { border-radius: 30px; }
  
.btn-close { border: 1px solid #3048cd; position: absolute; right: -25px; top: -22px; width: 50px; height: 50px; border-radius: 50px; color: #3048cd; background: #F3E2E6; padding: 0; display: flex; align-items: center; justify-content: center; opacity: 1 !important; outline: none !important; box-shadow: none!important; z-index: 1; }
.btn-close::before { content: ''; position: absolute; width: 100%; height: 100%; background: #3048cd; border-radius: 50px; transform: scale(0); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.btn-close img{-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.btn-close:hover img { filter: brightness(0) invert(1); opacity: .6; }
.btn-close:hover::before { transform: scale(1); }

.video-modal video { border-radius: 15px; object-fit: cover; }
/* Modal section */


/* Inner section */
.inner-banner { max-height: 440px; min-height: auto; height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; background-repeat: no-repeat; background-size: cover; background-position: top center; } 
.inner-banner:before { content: ''; position: absolute; background: rgba(0,0,0,0.50); top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; }
.inner-banner .text-box { position: relative; z-index: 1; color: #FFFFFF; padding-left: 195px; }
.inner-banner .text-box h1 { color: #FFF; margin-bottom: 0; font-size: clamp(2.25rem, 1.904rem + 0.923vw, 3rem); }
/* Inner section */


/* Welcome Section start */
.welcome-banner { margin-top: 50px; border-radius: 20px; overflow: hidden; padding: 0 0 35.311%; position: relative; }
.welcome-banner img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; object-fit: cover; object-position: top; }

.quote-banner { background: #F6F6F6; border: 2px dashed #3048cd; border-radius: 20px; padding: 0 50px 50px; text-align: center; margin-top: 70px; }
.quote-banner h3 { font-family: "Poppins", sans-serif; font-weight: 400; color: #7D432F; line-height: 1.35; }
.quote-banner .quote-icon { background: #3048cd; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; border-radius: 50px; margin: -40px auto 30px; }
.quote-banner h4.quote-auth { color: #392118; width: fit-content; margin: 0 auto; display: flex; align-items: center; } 
.quote-banner h4.quote-auth::before { content: ''; position: relative; width: 40px; height: 2px; background: #000; display: block; margin-right: 16px; }
/* Welcome Section End */
 

/* Mission Section start */
.mission-section { background: #e6e8f2; }
.mission-box { padding-top: 89px; }
.mission-img1 { max-width: 64.66%; }
.mission-img1 figure { width: 100%; position: relative; border-radius: 20px 20px 20px 120px; overflow: hidden; padding: 0 0 133%; }
.mission-img1 figure img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }

.mission-img2 { position: absolute; max-width: 57.5%; width: 100%; right: 16px; top: 0; } 
.mission-img2 figure { width: 100%; position: relative; border-radius: 20px 20px 20px 120px; overflow: hidden; padding: 0 0 122%; border: 6px solid #e6e8f2; }
.mission-img2 figure img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }

.mission-section h4 { color: #3048cd; margin-bottom: 16px; }

.mission-list { padding: 0; list-style: none; }
.mission-list li { font-weight: 500; background-image: url(../images/up-arrow.svg); background-repeat: no-repeat; background-size: 22px; background-position: top 1px left; padding-left: 38px; }
.mission-list li:not(:last-child) { margin-bottom: 8px; }   
.mission-list li a { color: #2d2b2b; background-image: linear-gradient(#cf303000 95%, #2d2b2b 0, #2d2b2b); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; }
.mission-list li a:hover { background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }

.mission-note { background: #FFFFFF; border-bottom: 3px solid #dc9900; padding: 20px; border-radius: 10px; }
/* Mission Section End */
 

/* Admissions Start */
.admissions-box { background: #F6F6F6; padding: 24px; border-radius: 10px; }
.admissions-box:not(:last-child) { margin-bottom: 16px; }
.admissions-head { margin-bottom: 24px; }
.admissions-head h4 { color: #7D432F; margin: 0; }
.admissions-number { background: #ffffff; border-bottom: 2px solid #1F0303; color: #7D432F; font-weight: 700; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 50px; padding: 12px; margin-right: 16px; flex: 0 0 auto; }
/* Admissions End */


/* Connect Start */
/* .connect-card { background: #eef1ff; border-bottom: 4px solid #e9a710; border-radius: 10px; padding: 30px 30px 30px 26px; margin-bottom: 24px; height: calc(100% - 24px); box-shadow: 3px 3px 10px #00000029; }
.connect-card h3 { margin: 0 0 15px; }
.connect-card a { font-weight: 500; margin-top: 5px; display: block; background-image: linear-gradient(#cf303000 95%, #3048cd 0, #3048cd); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; width: fit-content; margin: 5px auto 0; }
.connect-card a:hover { background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }
.connect-card a, .connect-card p { font-size: 18px; color: #0F0E0F;}

.contact-form-section { background: #e6e8f2; } 
.contact-form { background: #ffffff; border: 1px solid #3048cd; padding: 40px; border-radius: 10px; background-image: url(../images/test-bg2.svg); background-size: contain; background-repeat: repeat; background-position: center; overflow: hidden; }   */

.sec-title.dark-red h2 { color: #222222; font-size: clamp(1.5rem, 1.327rem + 0.462vw, 1.875rem); }
.sec-title.dark-red.small h2 { font-size: clamp(1.25rem, 1.135rem + 0.308vw, 1.5rem);}
.sec-title.dark-red h2:before { background-color: #d51700; }

.list-style-two { position: relative; padding: 0; list-style: none; }
.list-style-two li { position:relative; color:#222222; font-weight:500; font-size:14px; margin-bottom:14px; }
.list-style-two li a{ color:#222222; }
.list-style-two li i { font-style: normal; }
.list-style-two li img { height: 20px; width: 20px; object-fit: none; margin-right: 8px; }

ul.new-connect-media { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; margin-top: 50px; } 
ul.new-connect-media li { margin: 0 50px; }
ul.new-connect-media li a { color: #cccccc; font-size: 36px; }
ul.new-connect-media li a:hover { color: #eac782; }

/* Connect End */
 

/* Alumni Start */
.common-box-section .sec-title h2 { margin-bottom: 30px; }

.common-box-card  { background-color: #ffffff; padding: 30px; border: 10px solid #eeeeee; }
.common-box-card p { font-size: 14px; line-height: 1.8em; color: #000; }

.table-box-wrapper { position: relative; padding: 50px 60px 50px; z-index: 1; background-color: #ffffff; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.10); }
.table-box-wrapper table td { font-size: 14px; }

.btn-box a { position: relative; line-height: 24px; background: none; color: #222222; font-size: 14px; font-weight: 600; letter-spacing: 0.05em; padding: 12px 32px 12px; border: 2px solid #222222; text-transform: uppercase; font-family: 'Playfair Display', serif; display: inline-block; }
.btn-box a:hover { background: #d51700; border-color: #d51700; color: #ffffff; }
/* Alumni End */



/* Notice card End */ 
.notice-card-board { width: 100%; height: auto; padding: 50px; border: 20px solid #daaf51; border-radius: 12px; box-shadow: inset 0px 0px 13px 3px #00000080; background-color: #075044; margin-bottom: 24px; position: relative; }
.notice-card-board::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url(/wp-content//themes/custom-theme/images/bg2.png); opacity: .2; }

.notice-card-board .mission-list li { filter: brightness(0) invert(1); }
.notice-card-board .mission-list li:not(:last-child) { margin-bottom: 15px; }
.notice-card-board .mission-list li a { color: #ffffff; background-image: linear-gradient(#cf303000 95%, #ffffff 0, #ffffff); filter: inherit; }
/* Notice card End */


/* Event Section */
.details-banner { position: relative; overflow: hidden; padding: 0 0 28%; }
.details-banner img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; }

.even-details-section h2 { margin-bottom: 14px; } 
.event-dtls-date p { color: #ffffff; font-weight: 500; margin-bottom: 20px; background: #03048c; width: fit-content; padding: 5px 15px; border-radius: 5px; }

.single-content-wrap { margin-bottom: 30px; }
.single-content-wrap p { font-size: 18px; }

.even-gallery { display: flex; flex-wrap: wrap; padding: 0; margin: 0 -6px; }
.even-gallery li { display: block; flex: 0 0 auto; width: 20%; padding: 0 6px; margin-bottom: 12px; }
.even-gallery li a { display: block; padding: 0 0 100%; position: relative; }
.even-gallery li a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
/* Event Section */


/* gallery Section */
.galley-section .nav { margin-bottom: 20px; justify-content: center; border: none; }
.galley-section .nav-tabs .nav-link {font-size: 17px;background: transparent;border: 1px solid #03048c;color: #03048c;margin: 0 5px;border-radius: 6px;font-weight: 500;}
.galley-section .nav-tabs .nav-link:hover, .nav-tabs .nav-link.active { background: #e9a710; color: #FFF; border: 1px solid #e9a710; }

.photo-gallery-card { box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 0px; background: #FFF; border-radius: 20px; margin-bottom: 0; height: 100%; overflow: hidden; }
.photo-gallery-card a { display: block; position: relative; overflow: hidden; padding: 0 0 65%; margin-bottom: 14px; }
.photo-gallery-card a img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; }

.galley-section article.ymc-post-custom-layout { padding: 0 !important; font-size: inherit!important; line-height: inherit!important; color: inherit!important; border: none!important; background: none!important; }
.my-gallery-item { height: 100%; }

.photo-gallery-dtls { padding: 0 15px 20px; }
.photo-gallery-dtls h3 { margin-bottom: 10px; }

.galley-section .filter-entry { justify-content: center !important; }
.galley-section .filter-entry > .filter-item > a.filter-link { margin: 0 !important; font-size: 17px !important; border: 1px solid #03048c !important; color: #03048c !important; border-radius: 6px !important; font-weight: 500 !important; opacity: 1 !important; background: transparent !important; cursor: pointer !important; }
.galley-section .filter-entry > .filter-item > a.filter-link::after { border-color: #03048c !important; }
.galley-section .filter-entry > .filter-item > a.filter-link.active, .galley-section .filter-entry > .filter-item > a.filter-link:hover { background-color: #03048c !important; color: #FFF !important; }
.galley-section .filter-entry > .filter-item:hover { background-color: transparent !important; }
.galley-section .filter-entry > .filter-item > a.filter-link.active::after, .galley-section .filter-entry > .filter-item > a.filter-link:hover::after { border-color: #FFF !important; }

.galley-section .filter-entry > .filter-item { margin: 0 6px 10px; }
.galley-section .filter-entry > .filter-item .sub_item { background-color: #03048c !important; border-radius: 5px !important; overflow: hidden; cursor: pointer !important; }
.galley-section .filter-entry > .filter-item .sub_item .menu-link:hover, .galley-section .filter-entry > .filter-item .sub_item .menu-link.active { background: #e9a710 !important; color: #FFF !important; }
.galley-section .filter-entry > .filter-item .sub_item .menu-link.active { font-weight: 500 !important; }
/* gallery Section */


/* team Section */
.team-details-section { background: #e6e8f2; }

.team-image { position: relative; overflow: hidden; padding: 0 0 94%; max-width: 515px; border-radius: 20px; border: 4px solid #dc9900; }
.team-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.team-dtls { margin-bottom: 20px; }
.team-dtls h2 { margin-bottom: 0; }
.team-dtls p { font-size: 20px; color: #dc9900; font-weight: 500; }

.team-details-section blockquote { background: #FFFFFF; border-bottom: 3px solid #dc9900; padding: 20px; border-radius: 10px; }
/* team Section */


.school-dtls-section { padding-top: 20px; } 
.school-dtls-card a { position: relative; overflow: hidden; padding: 0 0 75%; border-radius: 15px; display: block; }
.school-dtls-card a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }


.swiper-button-wrap2 { display: flex; align-items: center; justify-content: space-between; z-index: 2; position: absolute; width: 100%; top: 50%; }
.swiper-button-wrap2 .swiper-button-next, .swiper-button-wrap2 .swiper-button-prev { border: 1px solid #FFFFFF; width: 40px; height: 40px; border-radius: 0; padding: 7px; z-index: 9; outline: none !important; box-shadow: none !important; position: relative; right: inherit; left: inherit; top: inherit; margin: 0 8px; background: #FFF; }

.swiper-button-wrap2 .swiper-button-next::after, 
.swiper-button-wrap2 .swiper-button-prev::after { display: none !important; }
.swiper-button-wrap2 .swiper-button-next::before, 
.swiper-button-wrap2 .swiper-button-prev::before { content: ""; width: 100%; height: 100%; position: absolute; background-color: #3048cd; border-radius: 0px; z-index: -1; transform: scale(0); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.swiper-button-wrap2 .swiper-button-next img{  transform: rotate(180deg);}
.swiper-button-wrap2 .swiper-button-next img, 
.swiper-button-wrap2 .swiper-button-prev img{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.swiper-button-wrap2 .swiper-button-next:hover img, 
.swiper-button-wrap2 .swiper-button-prev:hover img { filter: brightness(0) invert(1); }
.swiper-button-wrap2 .swiper-button-next:hover::before, 
.swiper-button-wrap2 .swiper-button-prev:hover::before { transform: scale(1); }

.school-content-wrap ul { padding: 0; list-style: none; }
.school-content-wrap ul li { font-weight: 500; background-image: url(../images/up-arrow.svg); background-repeat: no-repeat; background-size: 22px; background-position: top 1px left; padding-left: 38px; }
.school-content-wrap ul li:not(:last-child) { margin-bottom: 8px; }   
.school-content-wrap ul li a { color: #2d2b2b; background-image: linear-gradient(#cf303000 95%, #2d2b2b 0, #2d2b2b); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; }
.school-content-wrap ul li a:hover { background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }
.school-dtls-section  h2 { background: #03048c; color: #FFF; padding: 8px 20px; border-radius: 10px; }


.pagination { display: flex; justify-content: center; list-style: none; padding-left: 0; gap: 6px; }
.pagination a, .pagination span { display: inline-block; padding: 7px 15px; font-size: 16px; color: #444; text-decoration: none; background: white; border: 1px solid #ddd; border-radius: 8px; transition: all 0.2s ease; }
.pagination a:hover { background: #3048cd; color: white; border-color: #3048cd; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.pagination .current { background: #e9a710; color: white; border-color: #e9a710; cursor: default; font-weight: bold; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.pagination .prev, .pagination .next { font-weight: bold; font-size: 18px; }


.blog-card { box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 0px; background: #FFF; border-radius: 20px; margin-bottom: 24px; height: calc(100% - 24px); overflow: hidden; border: 1px solid #03048c4d; }
.blog-card .blog-img { display: block; position: relative; overflow: hidden; padding: 0 0 65%; }
.blog-card .blog-img img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; }
.blog-card .blog-dtls { padding: 15px 15px 20px; }
.blog-card .blog-dtls h4 { margin-bottom: 6px; }
.blog-card .blog-dtls p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }


.notice-details-section { border-top: 1px solid #03048c26; }
.notice-board-in { width: 100%; height: auto; padding: 40px; border: 20px solid #daaf51; border-radius: 12px; box-shadow: inset 0px 0px 13px 3px #00000080; background-color: #075044; margin-bottom: 24px; position: relative; }
.notice-board-in::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url(/wp-content//themes/custom-theme/images/bg2.png); opacity: .2; }
.notice-board-in h2, .notice-board-in p { color: #FFF; }
.notice-board-in * { position: relative; }


.blog-details-section { border-top: 1px solid #03048c26; }
.blog-ft-img { position: relative; overflow: hidden; padding: 0 0 45%; margin-bottom: 20px; border-radius: 20px; }
.blog-ft-img img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }
.blog-details-section p { font-size: 18px; }

.blog-head h2 { margin-bottom: 5px; }
.blog-head .date { display: block; margin-bottom: 15px; }

.container.small-container { max-width: 1100px !important; }

span.wpcf7-spinner { position: absolute; margin: 9px; }
input.btn { background-color: #e9a710 !important; }


.pay-design { border-right: 1px solid #c4c4c4; position: relative; }
.pay-design::after { content: 'Or'; position: absolute; top: calc(50% - 20px); right: -25px; width: 50px; font-weight: 500; height: 40px; background: #FFF; border-radius: 50px; display: flex; align-items: center; justify-content: center; border: 1px solid #c4c4c4; color: #6d6d6d; }

.qr-pay-div { padding: 30px 0;  padding-right: 70px;  }
.qr-pay-div.pl-100 { padding-left: 70px; padding-right: 0px; }

.pay-massage { margin-bottom: 15px; }
.pay-massage h4 { margin-bottom: 10px; }
.pay-massage p { font-size: 14px; max-width: 500px; margin: 0 auto; }

.scan-img { background: #ffffff00; max-width: 300px; margin: 0 auto 20px; border: 4px solid #e9a710; padding: 16px; border-radius: 15px; }
.scan-img img { width: 100%; border: 1px solid #dfdfdf; border-radius: 7px; }

.copy-container { border: 1px solid #b4b4b4; display: flex; justify-content: space-between; max-width: 300px; margin: 0 auto; border-radius: 6px; overflow: hidden; }
.copy-container .copy-text { padding: 8px 12px; }
.copy-container .copy-icon { display: flex; width: 40px; background: #03048c; align-items: center; justify-content: center; font-size: 18px; color: #FFF; cursor: pointer; flex: 0 0 auto; }
.copy-container .copy-icon:hover { background-color: #e9a710; }

.bank-dtls-box { background: #eeefff; display: flex; justify-content: flex-start; margin: 0 auto; border-radius: 6px; overflow: hidden; margin-bottom: 15px; }
.bank-dtls-box  label {font-weight: 500; text-align: left; flex: 0 0 auto; display: flex; align-items: center; }
.copy-container2 { width: 100%; display: flex; padding: 10px 5px 10px 14px;  }
.bank-dtls-box .copy-text { display: flex; padding: 0 0 0 7px; color: #03048c; font-weight: 500; align-items: center; }
.bank-dtls-box .copy-icon { display: flex; width: 40px; background: #03048c; align-items: center; justify-content: center; font-size: 18px; color: #FFF; cursor: pointer; flex: 0 0 auto; }


.bank-dtls-box .copy-icon:hover { background-color: #e9a710; }


.new-gallery-accordion button.accordion-button { color: #fff; background: #00366a; border: none; font-family: "Poppins", sans-serif; outline: none; box-shadow: none; border-radius: 0; font-size: 20px; }
.new-gallery-accordion .accordion-button::after { filter: brightness(0) invert(1); }
.new-gallery-accordion .accordion-body a[data-fancybox="gallery"] { display: block; padding: 0 0 100%; position: relative; overflow: hidden; border: 1px solid #00366a; margin-bottom: 20px; }
.new-gallery-accordion .accordion-body a[data-fancybox="gallery"] img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; object-fit: cover; }



.news-bar { display: flex; align-items: center; width: 100%; background: #03048c; color: #fff; overflow: hidden; height: 45px; }
/* NEWS label */ 
.news-label { background: #c42c58; color: #fff; padding: 0 20px; font-weight: bold; height: 100%; display: flex; align-items: center; white-space: nowrap; }
/* Marquee container */
.news-marquee { flex: 1; overflow: hidden; position: relative; }
/* Moving text */
.news-track { display: inline-flex; align-items: center; gap: 20px; white-space: nowrap; animation: scroll 50s linear infinite; }
/* Pause on hover */
.news-marquee:hover .news-track { animation-play-state: paused; }
/* Helpdesk */
.helpdesk { white-space: nowrap; padding: 0 15px; font-size: 14px; }

/* Animation */
@keyframes scroll {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}


.board-section { background: #efefef; }
/* Title */
.board-title { text-align: center; margin-bottom: 30px; }
/* Layout */
.board-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
/* Card */
.board-card { background: #fff; border-radius: 8px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); overflow: hidden; }
.card-header { background: #03048c; color: #fff; padding: 12px; font-weight: bold; text-align: center; }
.card-body { padding: 15px; }

/* =======================
   CIRCULARS (VERTICAL)
======================= */
.circularSwiper { height: 380px; }
.event-slider { display: flex; align-items: center; }
.event-slider .event-date { margin-right: 10px; border-color: #c42c58; }
.event-slider .event-date h4 { background: #c42c58; }
.event-slider .event-dtls h6 { margin-bottom: 5px; -webkit-line-clamp: 3; }

a.link-btn { font-size: 14px; color: #c42c58 ; }

/* =======================
   BIRTHDAY SLIDER
======================= */
.birthday_image { height: 130px; text-align: center; }
.birthday_image img { height: 100%; }
.birthday { text-align: center; }
.birthday img { width: 100px; border-radius: 50%; margin: 15px 0 5px; background: #e9e9e9; }
.birthday h5 { margin-bottom: 2px;  }
.birthday span { font-size: 12px; color: #555; font-weight: 600; }
.bd-text { text-align: center; font-size: 14px ; }

.blust { bottom: 0; width: 100%; }

/* =======================
   TOPPERS
======================= */
.card-body.topper-wrap { height: calc(100% - 48px); display: flex; padding-bottom: 0; }

.topper { text-align: center; padding: 0 0 50px; align-items: center; justify-content: center; display: flex; flex-direction: column; }
.topper img { width: 140px; height: 150px; object-fit: cover; border-radius: 0px; margin-bottom: 10px; background: #eee; }
.topper h4 { font-size: 16px; margin-bottom: 4px; }
.topper .score { font-weight: bold; margin-bottom: 2px; }
.topper .name { background: #c42c58; color: #fff; padding: 6px 10px; border-radius: 4px; font-size: 15px; }

/* Swiper dots */
.swiper-pagination-bullet-active { background: #3f3d9b; }
/* Responsive */
  

/* Footer Section */    
footer { padding-top: 70px; padding-bottom: 0; position: relative; background-size: cover; background-repeat: no-repeat; background-position: top center; background-color: #00366a;}
 

footer .footer-logo { max-width: 250px; background: #FFF; position: relative; padding: 10px 15px; border-radius: 8px; }
footer .footer-logo-wraper #f-logo-img { max-width: 140px; margin: 0 auto; } 

footer .footer-menu { padding: 30px; border-radius: 10px; border: 1px solid #FFFFFF33; margin-bottom: 40px; }
footer .footer-menu ul {display: flex; list-style: none; justify-content: center; padding: 0; margin: 0; }
footer .footer-menu ul li { padding: 0px 30px; border-right: 1px solid #FFFFFF33; }
footer .footer-menu ul li:last-child { border: none; padding-right: 0; }
footer .footer-menu ul li:first-child { padding-left: 0; }

footer .footer-menu ul li a { font-family: "Poppins", sans-serif; position: relative; color: #FFF; text-transform: capitalize; font-weight: 400; background-image: linear-gradient(#cf303000 95%, #ffffff 0, #ffffff); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; }
footer .footer-menu ul li a:hover { background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }

footer .footer-cottacts h4 { color: #FFF; margin-bottom: 16px; }
footer .footer-cottacts a, footer .footer-cottacts p { color: #FFF; }
footer .footer-cottacts a { background-image: linear-gradient(#cf303000 95%, #ffffff 0, #ffffff); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; padding-bottom: 3px; display: block; width: fit-content;}
footer .footer-cottacts a:hover { background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }

.end-footer { padding: 30px 0; border-top: 1px solid #FFFFFF1A; margin-top: 70px; }
.end-footer .lft-box h6 { margin: 0; color: #fff; font-weight: 250; margin-bottom: 5px; font-size: 16px; font-family: "Poppins", sans-serif;}
.end-footer .lft-box p { margin: 0; font-size:12px; color: #fff; font-weight: 250; }
.end-footer .lft-box p a{ color: #fff; position: relative; background-image: linear-gradient(#cf303000 95%, #ffffff 0, #ffffff); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s;font-weight: 250;  }
.end-footer .lft-box p a:hover { background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }
 
.end-footer .right-box p { margin: 0; text-align: right; color: #fff; font-size: 16px; font-weight: 250; }
.end-footer .right-box p a {color: #fff; position: relative; background-image: linear-gradient(#cf303000 95%, #ffffff 0, #ffffff); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; font-weight: 250;} 
.end-footer .right-box p a:hover { background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }
/* Footer Section */ 
  


/*Media Query css*/

.container { max-width: 1294px !important;}
.container.container-lg{ max-width:1460px !important;}
.container.container-xs { max-width: 984px !important; }

.banner-image-card {
    height: 100vh;
}

.banner-image-card img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}


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

  .main-header.fixed a.btn { padding: 12px 35px; height: 46px; }

  .journey-img3 { margin-top: -140px; }

  footer .footer-menu ul li { padding: 0 35px; border-right: 1px solid #FFFFFF33; }

  .team-image { padding: 0 0 105%; }

  .event-date { margin-right: 10px; }
  .event-dtls { padding-right: 5px; }

} 

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

  .common-heading h3 { margin: 0 0 -55px; }
  .common-heading.small-bottom h3 { margin: 0 0 -38px; }

  .benefits-card:hover .benefits-dtls p { height: 255px; max-height: 255px; }

  .journey-img3 { margin-top: -100px; }

  .mesivta-watch-wraper .swiper-button-prev { left: -66px; }
  .mesivta-watch-wraper .swiper-button-next { right: -66px; }

  .experince-sec .sngl-box h4{min-height: 50px;}

  .bm-calender-sec .quote-banner { padding: 0 40px 50px; }

  .bm-life-ruach-sec .lext-box { padding-right: 30px; }

  .experince-wraper .sngl-wraper{padding: 30px 20px 70px 20px;}

  .applybm-sec .right-box-wraper{padding: 40px 20px;}
  .applybm-sec .right-box-wraper h3{margin-bottom: 20px;}

  .campus-slide-wrap { padding-right: 20px; }

}
 
@media only screen and ( max-width:1399px ) { 

  .common-padd { padding-top: 80px; padding-bottom: 80px; } 
  .common-padd-bottom {  padding-bottom: 80px; } 
  .common-padd-top {  padding-top: 80px; } 

  .benefits-dtls { padding: 0 16px 16px; border-radius: 16px 15px 25px 25px; }
  .benefits-dtls p { height: 84px; max-height: 84px; }
  .benefits-dtls .benefits-icon { width: 90px; height: 90px; margin: -40px 0 16px; padding: 20px; }
  .benefits-card { border-radius: 25px; }
  .benefits-card:hover .benefits-dtls p { height: 275px; max-height: 275px; -webkit-line-clamp: 10; }

  .experince-sec .sngl-box{height: inherit;}
  .contact-form{padding: 40px 25px;}

  .applybm-sec .right-box { padding-left: 40px; }

  .bmadi-learni-sec .sngl-box ul li::before{top: 8px;}

  .main-header .logo { max-width: 300px; }
  .main-header.fixed .logo { max-width: 300px; }

  .main-menu ul li:not(:last-child) { margin-right: 16px; }
  
  /* .banner { min-height: 460px; } */

  footer { padding-top: 80px; }
  footer .footer-logo { max-width: 230px; }
  footer .footer-menu { padding: 30px; }
  footer .footer-menu ul li { padding: 0 27px; }
  .end-footer { padding: 30px 0; border-top: 1px solid #FFFFFF1A; margin-top: 70px; }

  
  .qr-pay-div { padding-right: 40px;  }
  .qr-pay-div.pl-100 { padding-left: 40px; }
  
}

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

  /*  ===========mobile nav==========  */     
    .main-header .hdr-rt { width: auto; }
  

    .hamburger-nav { display: inline-block; margin: -40px -20px -40px -15px; transform: scale(.7) translate(0px, 0px); }
    .mobile-menu ul li a.btn { display: inline-block; padding: 15px 20px;}
    .mobile-menu-container{display: block;}     
    .header-section .right-panel{ -ms-flex-pack: end!important; justify-content: flex-end!important; }
    .mobile-menu-logo{max-width: 50px; margin: 0 auto; text-align: center; display: none;}
    .mobile-menu ul li { padding: 0; }
    .mobile-menu ul li a,
    .mobile-menu ul li a, .mobile-menu ul li a, .mobile-menu ul li { font-size: 18px; color: #404040; text-align: left; text-transform: uppercase; }
    .mobile-menu ul li a:hover{color: #d51700;}

    .mobile-menu ul li ul.sub-menu li {margin: 11px 0;padding: 0 20px;}  
    .mobile_menu_btn{margin-top: 30px;}
    .mobile_menu_btn a.btn.plbig{padding-left: 50px;}
    .contact_icon { width: 41px; height: 41px; top: 5px; left: 4px; font-size: 20px; }
    .mobile_menu_btn a.plbig{margin-right: 15px;}
    .common-padd-xl-top { padding-top: 140px; padding-bottom: 60px; }
    .mobile-menu ul li span {margin-left: 10px; }
    .main-menu, .main-header .hdr-rt.mob-hide { display: none; }
    .mobile-menu ul li.menu-item-has-children.menu-open:after {transform: rotate(225deg); transition: border-width 150ms ease-in-out; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; top: 15px; }
    .mobile-menu ul li a { padding: 5px 0; font-weight: 600; }
     
    header .mobile-menu ul {max-width: 300px;margin: 0 auto;}
    header span.dropdown-icon-menu.active::before { transform: rotate(227deg); top: 17px } 
    header span.dropdown-icon-menu::before { content: ""; position: absolute; top: 12px; right: calc(50% - 6px); box-sizing: border-box; height: 12px; width: 12px; border-style: solid; border-color: #404040; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: border-width 150ms ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; margin: 0 auto; }
    header span.dropdown-icon-menu { margin-left: 10px; content: ""; position: absolute; top: -2px; box-sizing: border-box; height: 40px; width: 40px; transform: rotate(0deg); transition: border-width 150ms ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; left: unset; right: 0px; margin: 0 auto; z-index: 9999; display: flex; justify-content: center; align-items: center }

    .mobile-menu-container ul.sub-menu { position: relative; max-height: 0; overflow: hidden; transition: max-height .6s ease-out; box-shadow: 0 0 15px #03048c24; border-radius: 10px; margin-top: 10px; /* padding-bottom: 20px; */ }
    .mobile-menu-container ul.sub-menu.sub-menu-open { transform: scaleY(1); max-height: 560px; }
      
    .mobile-menu ul li.menu-item-has-children > a{padding-right: 0;} 
  
    /*  ===========mobile nav==========  */

    .btn { height: 48px; padding: 12px 35px; }

    .common-padd { padding-top: 60px; padding-bottom: 60px; }
    .common-padd-bottom {  padding-bottom: 60px; } 
    .common-padd-top {  padding-top: 60px; } 
    
    .common-heading h3 { margin: 0 0 -48px; }
    .common-heading.small-bottom h3 { margin: 0 0 -32px; }

    .team-image { padding: 0 0 125%; }

    .benefits-image { padding: 0 0 170%; }
    .benefits-dtls p { height: 80px; max-height: 80px; }
    .benefits-card:hover .benefits-dtls p { height: 310px; max-height: 310px; -webkit-line-clamp: 12; }

    .about-image figure { border-radius: 20px 20px 20px 100px;  /*padding: 0 0 72%;*/} 

    .programs-card { padding: 25px; }
    .programs-btns { width: 100%; max-width: 161px; margin-left: 20px; flex: 0 0 auto; }

    .programs-image { width: 100%; max-width: 240px; margin-right: 20px; flex: 0 0 auto; }
    .programs-image figure { position: relative; overflow: hidden; border: 4px solid #FFFFFF; border-radius: 15px; padding: 0 0 70%; }

    .journey-img1 { transform: translate(-5px, 0); }
    .journey-img3 { margin-top: -20px; width: calc(100% + 79px); padding: 0 0 88%; }
  
    .notice-section .notice { font-size: 16px; }
 
    .notice-card-board { padding: 30px; }

    .inner-banner .text-box { padding-left: 15px; }

}

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

  .common-padd { padding-top: 60px; padding-bottom: 60px; } 
  .common-padd-bottom {  padding-bottom: 60px; } 
  .common-padd-top {  padding-top: 60px; } 

  /* .banner { padding-top: 80px; padding-bottom: 60px; } */
  .banner .text-box { padding-left: 20px; }
  .swiper-button-wrap .swiper-button-next, .swiper-button-wrap .swiper-button-prev { width: 46px; height: 46px; padding: 9px; }

  .about-us-box { padding: 45px 60px 45px 80px; }
  .about-bottom-image { margin-top: 40px; z-index: 1; position: relative; }
  .about-bottom-image img { width: 100%; }
  .about-bottom-sec { padding: 0; }

  .campus-section { padding-bottom: 0; }
  .campus-section::before { background-color: transparent; }
  .campus-slide-wrap { padding-right: 0; } 
  .campus-text { max-width: 100%; margin: 0 0 40px; padding-right: 15px; padding-left: 15px; }
    
  .about-bg { width: 100%; height: 30%; overflow: hidden; border-radius: 0 0 30px 30px; }
  .about-image { padding-right: 60px; margin-bottom: 40px; }

  .benefits-card { margin-bottom: 24px; }

  .programs-card { padding: 15px 15px 24px; flex-direction: column; align-items: flex-start; justify-content: flex-start; height: 100%; }
  .programs-image { width: 100%; max-width: 100%; margin-right: 0; margin-bottom: 20px;  }
  .programs-dtls { border-right: none; padding-right: 0; margin-bottom: 20px; }
  .programs-dtls h3 { margin-bottom: 10px; }
  .programs-btns { width: 100%; max-width: inherit; margin-left: 0; margin-top: auto; }

  .journey-img3 { margin-top: 30px; width: calc(100% + 120px); padding: 0 0 122%; }
  .journey-img2 { padding: 0 0 95%; transform: translate(25px, 0); }

  .btn-close { right: -20px; top: -20px; }

  .welcome-banner{padding: 0 0 71.911%;}
  .mission-box{margin-bottom: 50px;}

  .col.custom-col{width: 33.3%;}

  .journey-timeline {flex-wrap: wrap;}
  .journey-timeline .journey-timeline-box{width: 100%; height: auto !important;}
  .journey-timeline::after{display: none;}
  .journey-ab-note{padding: 40px 30px;}

  .journey-timeline{height: auto !important;}
  .journey-timeline .journey-timeline-box:nth-child(odd){padding: 0px 24px 28px 35px;}
  .journey-timeline .journey-timeline-box:nth-child(odd)::before {top: 7.5px;}

  .journey-timeline .journey-timeline-box::before{bottom: inherit; top: 7.5px;}

  .inner-banner { max-height: 450px;}
  .inner-banner .text-box{padding-top: 0;}

  .applybm-sec .right-box { padding-left: 0px; }

  .bm-calender-sec .quote-banner { padding: 0 30px 40px; }

  .bm-life-ruach-sec .lext-box { padding-right: 0px; margin-bottom: 34px; }

  .bmadi-learni-sec .sngl-box ul li{padding-left: 23px; padding-right: 8px; margin-bottom: 14px;}

  .bm-about-sec .right-box{margin-bottom: 40px; padding-left: 0px;}

  footer { padding-top: 60px; }
  footer .footer-logo { max-width: 350px; margin: 0 auto 30px; }

  .footer-cottacts { text-align: center; }

  .end-footer { margin-top: 50px; }
  .end-footer .lft-box { text-align: center; margin-bottom: 10px; }
  .end-footer .right-box p { text-align: center; }
 
  .about-image figure {  padding: 0 0 84%;} 

  .notice-section { padding: 15px 0; }
  .notice-section .notice { font-size: 14px; }
  .notice-section .notice p { margin-bottom: 5px; font-size: 20px; }

  .inner-banner { max-height: 340px; }
  .team-image { padding: 0 0 110%; max-width: 100%; margin-bottom: 20px; }
  .team-dtls { margin-bottom: 10px; }

  .even-gallery li { width: 33.33%; }

  .notice-card-board { padding: 20px; border: 11px solid #daaf51; }
  .notice-board-in { padding: 20px; border: 14px solid #daaf51;  }

  .qr-pay-div { padding: 0 0 40px; }
  .qr-pay-div.pl-100 { padding: 40px 0 0; }
  .pay-design::after { right: calc(50% - 25px); bottom: -20px; top: inherit; }
  .pay-design { border: none; border-bottom: 1px solid #c4c4c4; }

  h4 { font-size: 26px; }

  footer .footer-menu ul li { padding: 0px 20px; }
  footer .footer-cottacts a { margin: 0 auto; }

  ul.header-media { justify-content: center; }
  ul.header-media li a { margin: 0 5px; }

  
    .board-wrapper {
        grid-template-columns: 1fr;
    }

}

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

  h2 { font-size: 30px; margin-bottom: 10px; }

  .common-padd { padding-top: 30px; padding-bottom: 30px; }
  .common-padd-bottom {  padding-bottom: 30px; } 
  .common-padd-top {  padding-top: 30px; } 

  .btn { height: 45px; padding: 10px 25px; }
  .mb-50 { margin-bottom: 30px; }

  .common-heading h3 { margin: 0 0 -20px; }
  .common-heading.small-bottom h3 { margin: 0 0 -16px; }
 
  .main-header.fixed a.btn { padding: 12px 25px; height: 46px; }  

  /* .banner { padding-top: 30px; padding-bottom: 30px; min-height: 320px; } */
  .banner-text-wrap { flex-direction: column; }
  .banner .text-box { padding-left: 0; text-align: center; border-left: none; } 
  .banner .text-box h3 { margin-bottom: 20px; }
  .swiper-button-wrap { flex-direction: row; } 
 
  .banner::after { top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }

  .swiper-button-wrap .swiper-button-next, .swiper-button-wrap .swiper-button-prev { width: 32px; height: 32px; padding: 4px; margin: 0; }

  .notice-section { padding: 10px 0; }

  .mission-box { margin-bottom: 20px; }

  .welcome-banner { margin-top: 20px; border-radius: 15px; }

  .about-bg { width: 100%; height: 18%; overflow: hidden; border-radius: 0 0 20px 20px; }
  .about-image { padding-right: 30px; margin-bottom: 40px; }
  .button-circle { transform: scale(0.7); transform-origin: bottom right; bottom: -30px; }
  .about-image figure { border-radius: 15px 15px 15px 70px; }

  .benefits-section .common-heading { text-align: center; }
  .benefits-section .cmb-0 h2 { margin: 0 0 12px; }

  .benefits-dtls { position: relative; margin-top: -50px; }
  .benefits-dtls p { height: auto; max-height: inherit; -webkit-line-clamp: inherit; }
  .benefits-image { padding: 0 0 100%; }
  .benefits-card:hover .benefits-dtls p { height: inherit; max-height: inherit; -webkit-line-clamp: inherit; }

  .video-container { border-radius: 20px; border: 6px solid #FFFFFF; }

  .testimonials-tab { flex-wrap: nowrap; margin: 10px 0 0; overflow: auto; padding-bottom: 8px; justify-content: flex-start; }
  .testimonials-tab .nav-link { flex: 0 0 auto; } 

  .video-container .play-button { width: 60px; height: 60px; }

  .programs-card { height: auto; }

  .video-modal .modal-content { border-radius: 15px; }
  .video-modal .modal-body { padding: 8px; }
  .video-modal video { border-radius: 10px; }
  .btn-close { right: -11px; top: -17px; width: 20px; height: 20px; padding: 7px; }


  .journey-img1 { transform: translate(0px, 0); padding: 0 0 100%; }
  .journey-img2 { transform: translate(0px, 0); padding: 0 0 100%; border-radius: 10px; }
  .journey-img3 { padding: 0 0 100%; margin-top: 0; width: 100%; border-radius: 10px 0 0 10px;  }
  .journey-section .common-heading { max-width: 730px; width: 90%; text-align: center; margin: 0 auto 30px; }

  .inner-banner{ max-height: 250px; background-position: right 38% center; }
  
  .quote-banner{ padding: 0 20px 30px; }

  .journey-ab-heading p { width: 100%; margin-left: 0; margin-top: 24px;}
  .journey-ab-note { padding: 30px 20px; }
  
  footer .footer-menu { padding: 12px 20px; margin-bottom: 30px; }
  footer .footer-menu ul { flex-direction: column; text-align: center; }
  footer .footer-menu ul li { padding: 8px 0; border-right: none; }
  footer .footer-cottacts h4 { margin-bottom: 12px; }
  .footer-cottacts .col-md-4:not(:last-child) { margin-bottom: 30px; }
  
  .end-footer { margin-top: 30px; padding: 20px 0; }

  .main-header .logo { max-width: 200px; }
  .main-header.fixed .logo { max-width: 180px; }

  .even-gallery li { padding: 0 4px; margin-bottom: 8px; }
  .school-content-wrap ul li { background-size: 22px; background-position: top 2px left; padding-left: 28px; }
  .swiper-button-wrap2 .swiper-button-next, .swiper-button-wrap2 .swiper-button-prev { width: 30px; height: 30px; padding: 4px; margin: 0 -2px; }
   
  .details-banner { padding: 0 0 55%; }

  .mb-30 { margin-bottom: 20px; }
  .mb-50 { margin-bottom: 16px; }

  .mission-list li { background-size: 20px; background-position: top 1px left; padding-left: 28px; }

  .notice-card-board { padding: 12px; border: 10px solid #daaf51; }
  .notice-board-in { padding: 12px; border: 10px solid #daaf51;  }

  .contact-form { padding: 20px 15px; }
  .connect-card { margin-bottom: 15px; height: calc(100% - 15px); }

  .copy-container2 { flex-direction: column; }
  .bank-dtls-box .copy-text { padding: 0; }

  .event-card { flex-wrap: wrap; }
  .event-date { margin-right: 0; display: flex; margin-bottom: 12px; }
  .event-date h4 { padding: 3px 15px 10px; }
  .event-dtls { width: 100%; }
  .event-dtls p { -webkit-line-clamp: 3; }
  .event-btns { margin: 10px 0 0; flex: 0 0 auto; }
  .mt-4 { margin-top: 0 !important; }

  .event-slider .event-date { display: block; }

  .notice-card { margin-bottom: 20px; }

  footer { padding-top: 40px; }
  footer .footer-logfooter .footer-logo { max-width: 120px; margin: 0 auto 20px; }
  .footer-cottacts .col-md-4:not(:last-child) { margin-bottom: 40px; }

  .mission-img1 figure, .mission-img2 figure{ border-radius: 20px 20px 20px 60px; }
  .mission-note { padding: 15px; }

  .notice-section .notice ul { flex-direction: column; }
  .notice-section .notice ul li { width: 100%; }
  .notice-section .notice ul li:not(:last-child) { border: none; }


  .about-us-box { padding: 45px 20px 40px 20px; }
  .about-us-box h2 { margin-bottom: 24px; }
  .sec-title h2:before { display: none; }

  .inter-head.text-center h2 { padding: 48px 25px; }
  .inter-head.text-center { margin-top: 30px; }

  .infrastructure-image { height: 310px; }
  .infrastructure-box .overlay-inner .content-box { padding: 30px 20px; display: flex; align-items: center; }

  .architecture-info h3 { margin-bottom: 4px; font-size: 32px; } 

  .campus-section { padding-top: 50px; padding-bottom: 0; }
  .campus-text { margin: 0 0 50px; }


  footer .footer-logo { margin: 0 auto 20px; }

  .sec-title.dark-red h2 { margin-bottom: 20px; }
  ul.new-connect-media { margin-top: 20px; }
  ul.new-connect-media li { margin: 0 20px; }

  .inner-banner .text-box { padding-left: 0; }
 
    .helpdesk {
        display: none;
    }

    .news-label {
        padding: 0 12px;
        font-size: 14px;
    }
}



@media only screen and ( max-width: 576px ) {   
 
}

@media only screen and ( max-width: 414px ) { 
  
}

@media only screen and ( max-width: 358px ) { 
  .main-header .logo { max-width: 240px; }
  .main-header.fixed .logo { max-width: 240px; }
  
} 
/*Media Query css*/