@import url('https://fonts.googleapis.com/css2?family=Anek+Odia:wght@100..800&display=swap');
/* --open sans-- */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/* -- */
/* --font-family: "Gilda Display", serif;--- */
@import url('https://fonts.googleapis.com/css2?family=Gilda+Display&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Saira:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anek+Odia:wght@100..800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

select::-ms-expand { display: none; }
a{  -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
h1 {font-size:30px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Anek Odia", sans-serif;}


h2 {font-size:25px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Open Sans", sans-serif;}
h3 {font-size:24px;color:#222222; margin:0px 0px 10px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Open Sans", sans-serif;}
h4 {font-size:22px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Open Sans", sans-serif;}
h5 {font-size:20px;color:#222222; margin:0px 0px 15px 0px;line-height: 1.4;font-weight:600;font-family: "Open Sans", sans-serif;}
h6 {font-size:18px;color:#222222;margin:0px 0px 15px 0px;line-height: 1.2;font-weight:700;font-family: "Open Sans", sans-serif;}
.spacer1pxborder {clear:both;line-height:0;font-size:0;overflow:hidden;height:1px; background: rgba(26,28,38,0.1); margin:20px 0px 20px 0px;width:100%; border:none;}
body {overflow-x:hidden;color:#505050;font-size:15px;line-height:1.4; margin:0px; padding:0px; outline:none;text-decoration:none;list-style:none;box-sizing: border-box;font-family: "Open Sans", sans-serif;background-color:#fff;font-weight: 400;}
body,html{padding: 0;margin: 0;}
p {color: #222222;font-size: 16px;line-height: 1.4;margin: 0px 0px 20px 0px;font-family: "Open Sans", sans-serif;font-weight: 400;}
ul, ol {list-style: none;margin: 0;padding: 0;}
a:hover{ text-decoration:none;}
img { max-width: 100%;height: auto;outline: none;}
.form-control::-webkit-input-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-moz-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-ms-input-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-moz-placeholder {color:#222222 !important; opacity:1 !important;}
:focus, button:focus {outline-style:none;box-shadow:none;}
*:focus {outline: none;}
input:focus{outline:none;}
img{max-width:100%;height:auto; outline:none;}
a{outline:none; border:none;text-decoration: none;}
.header-sticky{position: fixed;z-index: 9;top: 0;background-color: #fff;width: 100%;}
.fixedhead{position: fixed;top: 0px; animation: slide-down 0.7s; opacity: 1;width: 100%;background: #fff;z-index: 9;left: 0px;box-shadow: 0 1px 7px 0 rgb(227 227 227 / 72%);}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
/* ========== Inner banner======= */
.page-title {position: relative;background-repeat: no-repeat;background-position: 50%;background-size: cover;text-align: center;}

.page-breadcrumb {font-size: 15px;line-height: normal;margin: 5px -5px 10px;}

.page-breadcrumb li {position: relative;display: inline-block;font-size: 15px;line-height: 20px;color: #096d41;padding: 0 8px;text-transform: capitalize;}

.page-breadcrumb li a {color: #fff;text-transform: capitalize;transition: all .3s ease;}

.title-outer h1{color: #fff; font-weight: 500;font-size: 45px;}

.page-breadcrumb li:after {position: absolute;top: 2px;right: -5px;content: "/";font-size: 15px;line-height: 20px;color: #fff;}

.page-breadcrumb li:nth-last-child(1):after{display: none;}

.ani-1 .ani-pl{position: absolute;right: 25px;bottom: 9px;}

.ani-1 .ani-pl2 {position: absolute;left: 15%;top: 20%;-webkit-animation: bounce 5s linear infinite;animation: bounce 5s linear infinite;}

.ani-1 .ani-pl3 {position: absolute;left: -30px;top: 40px;-webkit-animation: bounceX 5s linear infinite;animation: bounceX 5s linear infinite;}

.our-company{padding: 50px 0;background-image: url(../images/testimonial-bg-2.png);background-size: cover;background-repeat: no-repeat;background-position: center;}

.our-company__meida img {height: 350px;width: 100%;object-fit: cover;}

.our-company__meida {overflow: hidden;position: relative;}

.years-experience {background: #2558d3;padding: 20px 15px 30px;border-radius: 0px 0px 20px 20px;margin-top: 20px;}

.years-experience .number {font-size: 64px;font-weight: 700;line-height: 60px;}

.years-experience .number sup {font-size: 40px;font-weight: 400;line-height: 60px;}

.our-company__meida.border-radius {margin-top: 60px;padding-bottom: 6px;border-radius: 20px 20px 0px 0px;}

.our-company__meida .horizental-bar {left: 10px;width: 232px;height: 15px;bottom: 0px;max-width: 100%;position: absolute;background: #00990e;-webkit-animation: move-right 3s linear infinite;animation: move-right 3s linear infinite;}

.sub-title {position: relative;text-transform: uppercase;color: #00990e;font-weight: 700;font-size: 16px;line-height: 26px;padding-left: 55px;display: inline-block;margin-bottom: 14px;}

.sub-title::before{position: absolute;content: "";top: 6px;left: 0;width: 40px;height: 2px;background: #00990e;}

.sub-title::after{position: absolute;content: "";bottom: 6px;left: 0;width: 40px;height: 2px;background: #00990e;}

.btn-one {background: #00990e;color: #ffffff;display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;padding: 17px 43px;text-align: center;font-weight: 700;z-index: 3;position: relative;transition: 0.4s;text-transform: uppercase;overflow: hidden;border-radius: 6px;}

.btn-one:hover{background-color: #2558d3;color: #fff;}

.btn-one i {position: relative;top: 0px;margin-left: 15px;font-size: 13px;}

button.btn-two { border: none;  background: #00990e;text-align: center; display: block;width: 100%; padding: 15px 20px;  border-radius: 5px; color: #fff; font-size: 19px;  font-weight: 500;}

.mid-menu-flex {display: flex;justify-content: space-between;align-items: center;position: relative;}

.nav-top-btns{display: flex;align-items: center;}

.mid-menu-flex  .naveen-txt{margin-right: 120px;}

.mid-menu-flex  .naveen-txt a{color: #692727;font-weight: 700;font-size: 18px;}

.mid-menu-flex  .naveen-txt a span{ font-weight: 400; font-size: 16px;}

.mid-menu-flex  .naveen-txt img{width: 140px;}

.mid-menu-flex .five-t{position: absolute;top: 5px;right: 0;}

.mid-menu-flex .five-t img{width: 120px;}

.top-logo img {width: 350px;}

.mid-menu {padding: 0px 0;}

.cart { color: #fff;position: relative;}

.cart i{ color: #fff;}

.curr span {display: block; color: #fff;}

.cart span { font-size: 12px; position: absolute; top: -11px; z-index: 22; background: #FF9900;width: 16px; height: 16px; border-radius: 50%;line-height: 16px; text-align: center; right: -10px;}

.log-box li a { color: #fff;}

.log-box li a:hover{color: #ecb102;}

.log-box {display: flex; gap: 10px;color: #fff; align-items: center;}

.call-icon {display: flex;align-items: center;gap: 10px;}

.cl-text span {display: block;}

.cl-text a {color: #363b4d;font-weight: 600;}

.cl-text {text-align: center;}

.call-icon i {font-size: 25px;font-weight: 500;}

.cl-text a:hover {color: #3368e8;}

.right-box { display: flex;align-items: center;gap: 20px;;}

.log-box li {display: inline-block;}

.log-box {display: flex;}

.log-box li{padding: 8px 12px;border-left: 1px solid #e6e6e6;margin-left: 80px;}

.curr {display: flex;align-items: center;gap: 10px;}

.curr li img{width: 22px;}

.curr .dropdown-menu{--bs-dropdown-min-width: 0rem;width: 50px;}

.curr .dropdown-menu a{padding:5px 10px; text-align: center;}

.curr ul {display: flex;align-items: center;}

.curr ul .abtn { font-size: 14px; border: 1px solid #fff;color: #fff; height: 25px; width: 25px; display: flex; align-items: center;justify-content: center;border-radius: 5px;}

.curr ul .abtn a{color: #fff;}

.curr ul li a{color: #fff;}

.curr ul li {padding: 8px 12px;border-left: 1px solid #e6e6e6;}

.address-block-one .icon {width: 80px;height: 80px;background: #00990e;}

.address-block-one .title {font-size: 24px;padding: 20px 0 5px;}

.address-block-one p {line-height: 1.6em;color: #878787;}

.address-block-one {border: 1px solid #e1e1e1;border-radius: 25px;height: 100%;padding: 25px 15px;}

.contact-us-section .bg-wrapper {border-radius: 40px;padding: 55px 55px 60px;margin-top: 60px;}

.address-block-one a {color: #00990e;text-decoration: underline;font-weight: 500;}

.light-bg {background-color: #edf1ee;}

.title-one h2 {font-weight: 700;font-size: 43px;}

.form-style-one .input-group-meta input {height: 60px;padding: 0 20px;}

.mb-40 {margin-bottom: 40px;}

.mb-30 { margin-bottom: 30px;}

.mb-35 {margin-bottom: 35px;}

.map-banner {height: 600px;}

.mt-120 { margin-top: 120px;}

.contact-us-section {padding: 80px 0;}

.block-feature-one {z-index: 1;position: relative;background-color: #f7f7f7;padding: 60px 0;}

.fq-sec{padding: 50px 0;}

.card-style-two {position: relative;padding: 50px 40px 48px;background: #fff;border: 1px solid #ebf3ee;border-radius: 20px;}

.card-style-two .icon {height: 50px;}

.card-style-two h4 {margin-top: 25px;color: #00990e;}

.accordion-flush .accordion-item {border-radius: 30px;border: 1px solid #e3e3e3 !important;margin-bottom: 20px;}

.accordion-flush .accordion-item .accordion-button.collapsed {border-radius: 30px;}

.accordion-button:focus {z-index: 3;border-color: unset !important;outline: 0 !important;box-shadow: unset !important;}

.accordion-flush .accordion-item .accordion-button:not(.collapsed) {color: #ffffff;background-color: #692727;border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-top-left-radius: 20px;border-top-right-radius: 20px;}

.accordion-button:not(.collapsed)::after {filter: invert(1) brightness(2.5);}

.registration {padding: 50px 0;position: relative;}

.ani-2 .shape1{right: 2%; bottom: 14%; width: 14.52%; animation: jumpThree 6s infinite linear;position: absolute;}

.commonpage.virtualwarehouse {  max-width: 1050px;}

.ware-li li:before { position: absolute; content: ''; width: 10px; height: 10px; background: #00990e;left: 0;  top: 3px; border-radius: 5px;}

.ware-li li {padding-left: 18px; position: relative; padding-bottom: 7px; font-weight: 500;}

.curr .dropdown button { background: #fff; padding: 1px 4px; border-radius: 5px;}

.curr .dropdown img { width: 21px;}

.footer-first-col p { color: #fff;}

.dropdown-toggle::after { display: inline-block;margin-left: 0; vertical-align: 0.2rem; content: ""; border-top: 0.3em solid #000; border-right: 0.3em solid transparent;border-bottom: 0; border-left: 0.3em solid transparent;}

.color-white {color: #FFF;}

/* ---------------- */
.top-menu {background: #1a824b;padding: 0px 0;}

.top-menu-flex { display: flex;justify-content: space-between; align-items: center;}

.top-icon ul {display: flex;}

.top-icon li {display: flex;color: #fff; font-size: 14px; font-weight: 500; align-items: center;position: relative;padding: 8px 0px;}

.top-icon li:first-child{margin-right: 10px;padding-right: 10px; border-right: 1px solid #e6e6e6;}


.top-icon li a { color: #fff; padding: 0px 10px 0px 10px; text-decoration: none;}

.top-icon li a i{margin-right: 8px;color: #ffe003;}

.top-icon li a:hover{color: #00b911;}

.top-menu-navbar a {background-color: #00990E;color: white;padding: 8px 20px;border-radius: 5px;display: block;transition: all .3s ease;border: 1px solid #00990e;}

.top-menu-navbar a:hover{background-color: #00990e00;color: #00b911; border: 1px solid #00b911;}

.top-menu-navbar a:hover img{filter: brightness(50%) sepia(155) saturate(48) hue-rotate(131deg);}

.top-menu-navbar a img {margin-right: 8px;transition: all .3s ease;}

.top-icon-social { float: right;}

.top-icon-social li { display: inline-block; padding: 0px 0px 0px 15px;color: #fff;font-size: 15px;}

.top-icon-social li a { color: #fff; font-size: 25px;}


.search-btn { border: 1px solid #ba3e11;color: #ba3e11; background: #ba3e11; width: 40px; height: 40px; font-size: 18px;transition: 0.5s ease;}

.wrapper .owl-stage-outer{    height: calc(100% + 30px); margin: -15px;padding: 15px !important;width: calc(100% + 30px);}

.search-btn i { color: white; font-weight: 100;}

.btn-style-one {border: 1px solid #ba3e11;background: #ba3e11; color: #fff; border-radius: 30px;  width: 150px; height: 40px; display: inline-block;transition: 0.5s ease;font-size: 15px;}

.cart-button {padding: 0;}

.mobile-menu { display: none;}

.active-products h5 {margin: 0; color: #fff;}

.link-dropdown {background-color: unset !important;order: none !important;color: black !important;}

ul { margin-bottom: 0 !important;}

.bottom-menu{background-color: #692727;}


.text-custom ul li{padding: 0 !important;margin-bottom: 3px;}

.text-custom   ul li a {color: #000 !important; background: #e7e7e7;text-align: left !important;font-size: 13px; padding: 5px 6px !important; }

.text-custom  .dropdown-item:focus, 
.text-custom  .dropdown-item:hover {color: #4c4c4c;background-color: #ffd944;}

.text-custom button:hover img{filter: invert(28%) sepia(100%) hue-rotate(1deg) saturate(3);}

.text-custom ul li{padding: 0;margin-bottom: 3px;}

.text-custom   ul li a {color: #000; background: #e7e7e7;text-align: left !important;font-size: 13px; padding: 5px 6px !important; }

.text-custom  .dropdown-item:focus, 
.text-custom  .dropdown-item:hover {color: #4c4c4c;background-color: #ffd944;}

.text-custom button:hover img{filter: invert(28%) sepia(100%) hue-rotate(1deg) saturate(3);}

.text-custom .dropdown:hover .dropdown-menu {display: block !important;}

.text-custom .dropdown-menu {--bs-dropdown-min-width: 0rem; width: auto;display: none; margin-left: -13px !important; border-radius: unset; padding: 8px ;}

.text-custom .dropdown button {background: unset; padding: 1px 4px; border-radius: 5px; border: unset;padding: 0;}

.text-custom .dropdown-toggle::after{display: none;}

.input {padding-left: 40px;height: 40px; font-size: 15px;border: none;color: #fff; outline: none; width: 40px;transition: all ease 0.3s; background-color: #191a1e00; border-radius: 50px; cursor: pointer;}
  
.input:focus, .input:not(:invalid) {width: 200px;   cursor: text;}

.input:focus + .icon,
.input:not(:invalid) + .icon { pointer-events: all; cursor: pointer;}

.topsearch { position: relative;  --size-button: 38px; color: white; padding: 0 !important; }

.topsearch .icon {position: absolute; width: var(--size-button);height: var(--size-button); top: 0;left: 0;padding: 8px; pointer-events: none;}

.topsearch .icon svg { width: 100%; height: 100%;}



/* ==================banner-section================= */


.inner_about_sec .owl-nav{opacity: 0;transition: all .5s ease;}

.inner_about_sec:hover .owl-nav{opacity: 1;}

.inner_about_sec {position: relative; width: 100%; background-repeat: no-repeat;background-size: cover;background-position: center;}

.inner_about_sec .item{ padding: 0;}

.inner_about_sec .inner_about_sec-inner{position: relative; height: 100vh; width: 100%; background-repeat: no-repeat; background-size: cover;  background-position: center;}

.inner_about_sec-inner1{background-image: url(../images/banner-one.jpg);}

.inner_about_sec-inner2{background-image: url(../images/banner-3.jpg);}

.inner_about_sec .inner_about_sec-inner::before{position: absolute; content: " "; top: 0;left: 0; height: 100%; width: 100%; background-color: rgb(50 53 78 / 75%);}

.inner_about_sec::after{position: absolute; content: "";top: 0; left: 0;height: 100%;width: 100%;}

.inner_about_sec .inner_about_sec-txt{position: absolute; z-index: 9; width: 55%; top: 40%;left: 0;right: 0;margin: 0 auto; }

.inner_about_sec .inner_about_sec-txt .form-select { padding: 15px; border-left: 1px solid #b3b3b3;  border-radius: inherit; width: 55%; color: #818181; border-top: unset; border-right: unset; border-bottom: unset; font-size: 14px;}

.inner-title { position: absolute; top: 40%;left: 0;right: 0; transform: translateY(-100%); margin: auto;text-align: center; max-width: 1129px; display: flex;justify-content: center;z-index: 1;}

.inner-title h1 { color: #fff;}

.inner-title p { color: #fff; font-size: 22px;margin-bottom: 0; margin-top: 10px;}

.active-products { background-color: #19814a; width: 340px; height: 50px; margin-left: 45px; display: flex; justify-content: center; align-items: center;  border-radius: 5px; color: white; margin: auto; font-weight: 700;  margin-bottom: 25px;}

.inner-title div { text-align: center;}

.input-fields { background-color: #d8d8d885; flex-direction: column; width: 100%; padding:10px 15px; border-radius: 0px; margin: auto; display: flex;backdrop-filter: brightness(0.5);margin-top: 20px;}

.banner-input {width: 100%; padding: 0 15px;height: 40px;border-radius: 5px;}

/* .banner-input:focus{border: 1px solid #3368e8;} */
.inner-title .form-select{padding: 15px;border-left: 1px solid #b3b3b3;border-radius: inherit;width: 55%;    color: #818181;    border-top: unset;border-right: unset;border-bottom: unset;font-size: 14px;}

.search-btn { width: 80px;height: 54px; border-radius: inherit;}

.input-fields .form-select:focus {border-color: unset; outline: 0; box-shadow: unset; border-left: 1px solid #b3b3b3;}

.banner-card { transition: all .3s ease; display: flex; justify-content: center; gap: 12px; margin-top: 30px;}

.banner-card-div { border: 1px solid white; border-radius: 3px; width: 135px; height: 110px; display: flex; flex-direction: column;justify-content: center; align-items: center; background: #91919145; backdrop-filter: contrast(0.5); overflow: hidden;transition: all .3s ease;}

.banner-card-div:hover img{filter: invert(53%) sepia(14%) saturate(3207%) hue-rotate(332deg) brightness(100%) contrast(80%);    animation: iconTop 0.4s ease-in-out;}

.banner-card-div:hover { background: #121216CC;border: 1px solid #212228;}

.banner-card-div:hover p{color: #fa541c;font-weight: 600;}

.banner-card img {width: 50px;height: 50px; object-fit: contain; transition: all .3s ease;}

.inner-card-div p {font-size: 13px; margin-bottom: 0; margin-top: 10px; color: #fff;}

.inner_about_sec .owl-carousel .owl-prev {left: 40px;background-color: #00990e !important;color: #fff !important; border: #00990e !important;}

.inner_about_sec .owl-carousel .owl-next { right: 40px;background-color: #00990e !important; color: #fff !important;border: #00990e !important;}

.inner_about_sec .owl-prev i, .inner_about_sec .owl-next i { font-size: 16px;}

.owl-prev i, .owl-next i {font-size: 15px !important;}

.banner-section {padding: 0;margin-top: 0; position: relative; background-color: #104f88;background-position: center; background-size: cover;}

.banner-section::before{position: absolute;content: " "; height: 100%;width: 100%;top: 0;left: 0;  background: linear-gradient(91deg, #043f4c, #692727, #064f67);}

.banner-section .shape-1{position: absolute;top: 0;right: 0;height: 100%;width: 35%;object-fit: cover;  }

.banner-section .shape-1 img{width: 100%; filter: contrast(0.5);}

.shape-11{position: absolute;bottom: -15px; z-index: -1;left: 0;}

.banner-left h1{font-size: 70px;color: #fff; text-shadow: 0px 7px 7px #242424;}

.banner-right .odishi img{width: 900px;}

.banner-section-inner{position: relative; padding: 180px 0;z-index: 1;}

.banner-right{position: absolute;bottom: -15px;right: -150px;}

.banner-section .owl-prev {left: 50px; right: unset;top: 50%;color: #55a603; border: 2px solid #55a603;}

.banner-section .owl-next {top: 50%;color: #55a603 ;border: 1px solid #55a603;right: 50px;}

.music-controls { text-align: center;margin-top: 20px;}

/* --------------------marquee------------------ */

.marquee{margin-top: 0; padding: 15px 0;background: #096d41;   color: #fff;    position: relative;}

.marquee .marquee-inner{display: flex;  align-items: center;}

.marquee .marquee-inner h4{margin: 0;  margin-right: 25px;color: #ffff;}

.marquee .marquee-inner span{font-size: 20px;}

/* =======menu search ====== */

.searchfild { display: flex;align-items: center;justify-content: space-between; text-align: center;}

.searchfild input{width: 300px;}
  
.search__input {font-size: 14px;background-color: #ffffff; border: none;  color: #646464; padding: 0.7rem 1rem; border-radius: 30px; width: 25em;transition: all ease-in-out .5s;margin-right: -2rem;border: 1px solid #d1d1d1; }

.search__input:hover, .search__input:focus { box-shadow: 0 0 1em #00000013;}

.search__input:focus { outline: none;background-color: #f0eeee;}

.search__input::-webkit-input-placeholder {font-weight: 100; color: #ccc; }

.search__input:focus + .search__button { background-color: #f0eeee;}

.search__button { border: none;background-color: unset;position: relative; right: 5px; }

.search__button:hover {cursor: pointer; }

.search__icon { height: 1.3em;width: 1.3em;fill: #55a603;}

.fc-banner-item{position: relative;}

.fcbnr-txt{position: absolute;top: 40%;}

.fcbnr-txt h2 {font-size: 45px;}

.fcbnr-txt h2 span{font-size: 40px;color: #55a603;}

.search{background-color: #692727;position: relative;padding: 20px 0; background: linear-gradient(45deg, #1a824b 65%, #692727 20%);}

.search .form-control{color: #b9b9b9;font-size: 14px;padding: 8px 10px;}

.search-book h3{ color: #ffffff;margin: 0;}

.lang {position: relative;}

.lang::before{position: absolute;content: "\f107";font-family: 'Font Awesome 5 Pro';height: 20px;width: 20px;top: 6px;right: 6px;font-size: 20px;color: #692727;}

.search-btrn a{padding: 8px 40px;background: #1a824b; border: 1px solid #1a824b; border-radius: 5px;color: white;}

.home-about{padding: 60px 0 ;background: #ebfaff;}

.home-about .hb-txt p{text-align: justify;font-size: 17px;color: #555555;font-weight: 500;line-height: 30px;}

.home-about .hb-txt h3{font-size: 35px;color: #692727;margin: 0px 0px 20px 0px;font-weight: 700;font-family: "Gilda Display", serif;  }

.home-about .hb-txt h4{ font-size: 28px;color: #3b3b3b;font-weight: 400;    margin-bottom: 10px;}

.home-about .hb-lg-img{height: 400px;width: 400px;margin-right: 0;float: right;position: relative;}

.home-about .hb-lg-img::before{position: absolute; content: "";width: 100%;height: 100%;top: 0; left: 0;background-image: url(../images/abt-bg.png);background-size: cover;    animation-name: rotating_invers; animation-duration: 15s;animation-timing-function: linear;animation-fill-mode: both; animation-iteration-count: infinite;}

.home-about .hb-lg-img img{ height: 100%;width: 100%;object-fit: cover;border-radius: 50%;  padding: 25px;}

.home-about .hb-img{position: relative;height: 359px;}

.home-about .hb-sm-img{position: absolute;width: 200px;height: 200px;left: 80px; bottom: -25px;border-radius: 50%; overflow: hidden;border: 5px solid #692727;}

.home-about .hb-sm-img img{height: 100%;width: 100%;}

  @keyframes rotating_invers {
    0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     }
 
     100% {
         -webkit-transform: rotate(-360deg);
         transform: rotate(-360deg);
     }
 }

.fc-banner .active .fcbnr-txt .btxt-1{
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: .5s !important;
  animation-duration: 1s;
} 
.fc-banner .active .fcbnr-txt .btxt-2{
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: .8s;
  animation-duration: 2s;
}
@keyframes fadeInLeft {
  0% {
      opacity: 0;
      transform: translateX(-20px)
  }

  100% {
      opacity: 1;
      transform: translateX(0)
  }
}

.lg-bottom {font-size: 14px; letter-spacing: 2px;text-transform: uppercase; display: inline-block;text-align: center; font-weight: bold; padding: 8px 25px; border: 3px solid #1a824b; border-radius: 5px; position: relative; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1); color: #0b6033; text-decoration: none;  transition: 0.3s ease all; z-index: 1;}

.lg-bottom:before { transition: 0.5s all ease; position: absolute;top: 0;left: 50%;right: 50%; bottom: 0; opacity: 0;content: '';background-color: #1a824b;z-index: -1;}

.lg-bottom:hover, .lg-bottom:focus { color: white;}

.lg-bottom:hover:before, .lg-bottom:focus:before {transition: 0.5s all ease;left: 0; right: 0; opacity: 1;}

.lg-bottom:active { transform: scale(0.9);}

 .clr-1{background-color: #692727;}

 .clr-2{background-color: #55a603;}

 .clr-3{background-color: #ec7a4f;}

 .uder-card{padding: 60px 0;}

 .uder-card .ucin {display: flex;align-items: center;justify-content: center;text-align: center;padding: 15px;}

 .uder-card .ucin:hover img{animation: toTopFromBottom 0.5s forwards;}

 .uder-card .ucin .unic-in{width: 100%;border: 1px solid #d0d0d0;padding: 15px;border-radius: 3px;box-shadow: 0 0 2px 0px #ffffff3b;}

 .uder-card .ucin .unic-in img{width: 65px;transition: all .3s ease-in-out;}

 @keyframes toTopFromBottom {
  49% {
    transform: translateY(-100%);
  }

  50% {
    opacity: 0;
    transform: translateY(100%);
  }

  51% {
    opacity: 1;
  }
} 

.cl-gray {overflow: hidden;vertical-align: middle;}

.cl-gray path {fill: #f2f2f2;}

.uder-card .ucin .unic-in h3{margin-top: 20px; color: #fff;font-weight: 400;}

.uder-card .ucin .unic-in h4{color: #fff;font-weight: 600;margin: 0;font-size: 26px;}

.heading h6{font-size: 20px;color: #919191;font-weight: 400;margin: 0px 0px 10px 0px;}

.heading h5{color: #1a824b;}

.heading h2{font-size: 32px; font-family: "Gilda Display", serif;color: #692727;font-weight: 600;}

.hl{width: 100%; height: 2px;background: #692727;}

.books {padding: 60px 0;background: #f2f2f2;}

.books .books-item p i{color: #000000;font-size: 18px;}

.books .books-item p{color: #8a8a8a;font-size: 13px;font-weight: 500;margin: 0px 0px 10px 0px; display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;overflow: hidden;}

.books .books-item p span{color: #00990E;font-size: 14px;}

.books .books-item  h4{font-size: 19px; color: #1a824b;font-weight: 500;margin: 0px 0px 12px 0px; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}

.books .books-item .book-item-img{ height: 420px;border-radius: 10px;overflow: hidden;margin-bottom: 15px;}

.books .books-item .book-item-img img{height: 100%;width: 100%;object-fit: cover;transition: all .3s ease-in-out;}

.books .books-item:hover  .book-item-img img{transform: scale(1.1);}

.bibliography{padding: 25px;background: #fff;border-radius: 10px;box-shadow: 0 0 8px 0 #dddddd;position: relative;  overflow: hidden;}

.bibliography::before{position: absolute; content: ""; height: 120px;width: 120px;top: -10px;right: 0;background-image: url(../images/bgshapesm.png);    background-position: center;
  background-size: cover;}

/* .bibliography::after{position: absolute;content: "";height: 40px; width: 40px;top: 25px;right: 25px;background-image: url(../images/books.png);background-size: cover;} */

.bg-img{position: absolute; width: 45px; height: 45px;right: 25px;top: 25px;}

.bg-img img{    filter: invert(28%) sepia(100%) hue-rotate(89deg) saturate(3);}

.heading-sml h2{font-size: 28px;font-weight: 500; position: relative;}

.heading-sml h2::before{ position: absolute; content: " ";bottom: -10px; left: 0;width: 80px;height: 3px;background-color: #692727;border-radius: 5px;}

.bibliography-inner{margin-top: 60px;}

.books-bibilo .bibliography-inner ul{ height: 555px;overflow: hidden;overflow-y: scroll;     padding-right: 10px;} 

.books-bibilo .bibliography-inner ul::-webkit-scrollbar {width: 2px;}

.books-bibilo .bibliography-inner ul::-webkit-scrollbar { width: 6px;background-color: #D6DADD; border-radius: 10px;}

.books-bibilo .bibliography-inner ul::-webkit-scrollbar-thumb {background: #692727; border-radius: 10px;}


.year{display: flex; align-items: center;gap: 10px;}

.year h5 , .year p{    margin: 0;}

.year h5  {padding: 5px 15px; background: #692727;color: #fff;border-radius: 5px;font-weight: 400;}

.year p {font-size: 14px; font-weight: 500;}

.bibliography-inner ul li{margin-top: 12px;display: flex;align-items: center; justify-content: space-between;padding-bottom: 10px; border-bottom: 1px solid #b2b2b2;}

.article{background: #fff;}

.article .books-item .book-item-img {height: 280px;}

.article .books-item a{color: #1a824b; font-weight: 600;font-size: 14px;}

.bibliography-inner .search__button{ right: 25px;}

.bibliography-inner .search__input { border-radius: 5px;}

.bibliography-inner-cont{display: flex;gap: 10px;margin-top: 30px;}

.bibliography-inner-cont p{width: 75%;font-weight: 600;font-size: 15px; }

.bibliography-inner-cont h2{ margin-top: 10px;margin-right: 15px;font-size: 32px;color: #55a603;font-weight: 200;}

.announcement .anou-card li { margin-bottom: 15px; padding-bottom: 15px;border-bottom: 1px solid #c1c1c1; display: flex;}

.announcement .anou-card li .calender { text-align: center; margin-right: 15px; background: #692727d1; height: 100%;border-radius: 5px;padding: 0px 0;border: 1px solid #00000052;} 

.announcement .anou-card li .calender p {margin: 0;padding: 1px 15px;color: #fff;font-size: 14px;}

.announcement .anou-card li .calender .lg-t { font-size: 20px;}

.announcement .anou-card li .calender .sm-t { background: #692727;}

.announcement .anou-card {padding: 25px;padding-bottom: 40px;background: #fff; border-radius: 10px; box-shadow: 0 0 8px 0 #dddddd; position: relative;overflow: hidden;height: 100%;}

.announcement .ann-cont p{font-size: 13px;margin: 0;font-weight: 600; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden;}

.low-btn{text-align: right; position: absolute;right: 25px; bottom: 15px;}

.low-btn a{color: #1a824b;}

.announcement .anou-card::before{position: absolute;content: "";height: 120px;width: 120px; top: -10px;right: 0; background-image: url(../images/bgshapesm.png); background-position: center;background-size: cover;}

.tender-card  .calender{flex: 0 0 100px;}

.tender-card .ann-cont p{word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}

.tender-card .ann-cont p:first-child{margin-bottom: 5px;}

.tender-card .ann-cont p small{font-weight: 600;    color: #9a9a9a;}

.tender-card .ann-cont p small i{color: #000000; font-size: 15px;}

.tender-card .ann-cont  a{font-size: 14px;color: #1a824b;font-weight: 500;}

.announcement .anou-card ul{margin-top: 50px;}

.announcement .imp-links{margin-top: 50px;}

.announcement .imp-links p{color: #1a824b;margin: 0px 0px 10px 0px;}

.announcement .imp-links a{color: #1a824b;margin-left: 8px;font-size: 14px; font-weight: 400;}

.announcement .imp-links a:hover{color: #692727; text-decoration: underline ;}

.announcement{padding: 60px;background: #fefef5;  }

.client .box{text-align: center;padding: 10px; border: 1px solid #dddddd;background: #fff; border-radius: 10px;box-shadow: 4px 4px 5px 0 #e5e5e5; height: 120px; display: flex;align-items: center;justify-content: center;}

.client .gallery-slider {overflow: hidden;padding: 60px 0;}

footer{background-color: #101828;padding: 50px 0;}

.footer-inner{text-align: center;}

.footer-inner p{color: #fff;}

.footer-inner a{color: #1a824b;}

footer ul{display: flex;gap: 15px; justify-content: center; padding-bottom: 15px;border-bottom: 1px solid #ffffff54;}

footer .footer-inner ul a{color: #4d638f;}


/* ==========Page Head========= */

#pagehead {overflow: hidden;height: auto;} 

.pagehead .pagehead-img { transform: scale(1);  animation: row_bg_zoom_out 8s cubic-bezier(0.1, 0.2, 0.7, 1) forwards; position: relative;}

.pagehead .pagehead-img .pageback {position: absolute; background-position: center center;background-repeat: no-repeat;transform: translate3d(0px, 0px, 0px);background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, #1a824b73 100%);opacity: 0.95; top: 0;left: 0; width: 100%;height: 100%;content: " ";z-index: 2;}

.pagehead .pagehead-img .pagehead-txt {top: 50%;position: absolute;animation: slide-up 5s ease-out; left: 50%;  transform: translate(-50%, -50%);width: 60%; text-align: center; color: #FFF;  z-index: 9;}

.pagehead .pagehead-img .pagehead-txt h1 { font-size: 45px; font-weight: bold; letter-spacing: 1px;margin: 0;  font-family: "Gilda Display", serif; color: #1a824b;}

.pagehead .pagehead-img .pagehead-txt a{color: #fff;display: block;border: 1px solid #692727; width: fit-content; margin: 20px auto 0; padding: 10px 25px; border-radius: 10px 0 10px 0; background: #692727;}

.pagehead .pagehead-img .pagehead-txt a:hover{border: 1px solid #1a824b; background: #1a824b;}

.pagehead .pagehead-img .pagehead-txt span { position: absolute; height: 0px;width: 1px;background-color: #fff; margin: 0px 0;  z-index: 9;}

.pagehead .pagehead-img .pagehead-txt p {  width: 75%;margin-left: auto; margin-right: auto;margin-top: 10px;color: #FFF;}


@keyframes slide-up {
  0% {

      transform: translate(-50%, 113%);
      opacity: 0;
  }

  100% {
      opacity: 1;
      transform: translate(-50%, -50%);
  }
}

@keyframes row_bg_zoom_out {
  0% {
      transform: scale(1.2);
  }

  100% {
      transform: scale(1);
  }
}

.about-page-left-inner {position: relative;}

.about-page-left-inner .pg-img-sm {position: absolute; width: 260px;height: 250px;bottom: 20%;right: 0;animation-name: veritcal; animation-timing-function: linear; animation-duration: 12s; animation-iteration-count: infinite;}

.about-page-left-inner .pg-img-sm img { border: 7px solid #fff;height: 100%;width: 100%;}

.about-page-left-inner .pg-txt { position: absolute;bottom: -40px; padding: 20px 30px; background: #1a824b; border: 6px solid #fff;}

.about-page-left-inner .pg-txt h3 { margin: 0; color: #fff; font-size: 20px;}

.pg-img{margin-right: 150px;position: relative;}

.pg-img:before{ position: absolute; content: " "; height: 200px; width: 200px; top: -30px; right: -30px; background-color: #ffffff00;z-index: 0; border: 14px solid; border-color: #1a824b; border-left: unset; border-bottom: unset;}

.pg-img:after{position: absolute;content: " ";height: 100px;width: 100px; bottom: -30px; left: -30px;background-color: #ffffff00;z-index: 0; border: 15px solid; border-color: #1a824b;border-right: unset; border-top: unset;}

.pg-img img{border-radius: 5px;}

.glance {padding: 60px 0;}

.glance-in-itm img{width: 45px;}

.glance-in-itm{position: relative;}

.glance-in-itm::before{position: absolute;top: -10px;left: -10px;content: " ";height: 35px;width: 35px;background-color: #1a824b24;border-radius: 50%;}

.glance-in-itm  h3{margin-top: 10px;font-size: 18px; color: #000000;font-family: "Gilda Display", serif;}

.glance-in-itm  p{margin: 0;font-weight: 600;}

.glance-txt p{font-size: 15px;}


@keyframes veritcal {
  0% {
      transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, 30px, 0);
  } 
  100% {
    transform: translate3d(0, 0, 0);
  }
}

.glances-items{padding: 60px 0; background: #f2f2f2;clip-path: polygon(0 0, 100% 70px, 100% 93%, 0 100%);}

.book {  position: relative;border-radius: 10px;width: 100%;  height: 300px;background-color: #55a603;transform: preserve-3d; perspective: 2000px;display: -webkit-box; display: -ms-flexbox;  display: flex;-webkit-box-align: center; -ms-flex-align: center;  align-items: center;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #000; background-image: linear-gradient(to right top, #55a603, #429e26, #319537, #238c43, #1a824b);}

.cover { top: 0;position: absolute;background-color: #ffffff; width: 100%; height: 100%;  border-radius: 10px;cursor: pointer;-webkit-transition: all 0.5s; transition: all 0.5s;-webkit-transform-origin: 0;-ms-transform-origin: 0;transform-origin: 0; display: -webkit-box; display: -ms-flexbox;display: flex;  -webkit-box-align: center;-ms-flex-align: center; align-items: center;-webkit-box-pack: center;-ms-flex-pack: center; justify-content: center;}

.book:hover .cover {-webkit-transition: all 0.5s;transition: all 0.5s;-webkit-transform: rotatey(-80deg); -ms-transform: rotatey(-80deg); transform: rotatey(-80deg);}


.cover-img{position: relative;width: 80px; height: 80px;  padding: 15px;  border: 1px dashed #1a824b;text-align: center; margin: 0 auto; border-radius: 50%; background: #1a824b;}

.cover-img::before{content: ""; top: 50%; left: 50%;height: 100%; width: 100%; position: absolute;border-radius: 50%; transition: .5s;transform: translate(-50%, -50%) scale(1.3);border: 1px dashed #1a824b  ;animation-name: rotating_inverss;animation-duration: 5s;animation-timing-function: linear;animation-fill-mode: both; animation-iteration-count: infinite;}

@keyframes rotating_inverss {
  0% {
   transform: translate(-50%, -50%) scale(1.3) rotate(0deg);
   }

   100% {
       transform: translate(-50%, -50%) scale(1.3) rotate(-360deg);
   }
}

.cover-txt h3{margin-top: 15px;font-family: "Gilda Display", serif;font-size: 22px;color: #1a824b;}

.cover-img img{height: 100%;width: 100%; object-fit: cover; filter: brightness(100);}

.cover .sp-1{height: 20px;width: 20px;position: absolute; background: #1a824b;top: 15px;left: 15px;border-radius: 50%;}

.book-page-inner{width: 80%;margin-left: auto;}

.book-page-inner li{font-size: 12px;list-style: square; color: #fff;}

.book-page-inner p{color: #fff;    margin: 0px 0px 10px 0px;}

.book-page-inner h6{    color: #55a603;font-size: 28px; font-weight: 500; position: relative; width: fit-content;padding: 5px 20px; background: #fff;margin-top: 35px; }

.book-page-inner h6::before{ position: absolute; content: " ";height: 10px;width: 10px; background-color: #fff; top: 0px;border-radius: 50%;left: 50%; transform: translate(-50%, -25px);}

.book-page-inner h6::after{position: absolute;content: " "; top: 0px;left: 50%; height: 30px; width: 30px; border: 1px solid #fff;transform: rotate(45deg) translate(-70%, 0px); z-index: 0; border-bottom: unset; border-right: unset;}

/* =================library-of-odisha================ */

.library-of-odisha {position: relative; padding: 60px 0;background-image: url(../images/newsletter-bg-1.jpg);}

.library-of-odisha::before{position: absolute;content: " "; height: 100%;width: 100%;top: 0;left: 0;background: #ffffff78;}

.library-of-odisha-inner{position: relative;}

.looi-txt p:last-child{text-align: right;}

/* ==========Location========= */

.locaton{padding: 60px 0 ;}

.kf_cur_catg_des { float: left; width: 100%;position: relative;  background-color: #f8f8f8; padding: 25px 23px 25px;margin-bottom: 0; height: 100%;}

.color-1, .color-2, .color-3, .color-4{position: relative;overflow: hidden;}

.kf_cur_catg_des::before{ position: absolute;content: " "; height: 100%; width: 0%; left:0; top: 0;transition: all .3s ease-in-out;}

.color-1{border-right: 3px solid #0eb053  ;}

.color-1:hover:before { background-color: #0eb053; width: 100%;}

.color-2{border-right: 3px solid #fd2a03  ;}

.color-2:hover:before { background-color: #fd2a03; width: 100%;}

.color-3{border-right: 3px solid #079d92  ;}

.color-3:hover:before { background-color: #079d92; width: 100%;}

.color-4{border-right: 3px solid #9000ae  ;}

.color-4:hover:before {background-color: #9000ae;width: 100%;}

.map{height: 100%;}

.kf_cur_catg_capstion {float: none;overflow: hidden;text-align: left;  position: relative; }

.kf_cur_catg_capstion span{position: relative;}

.kf_cur_catg_capstion p{font-size: 14px;}

.kf_cur_catg_des:hover p{color: #fff;}

.kf_cur_catg_des:hover h5{color: #fff;}

.kf_cur_catg_des .sp{ position: absolute; content: " "; height: 100px; width: 100px; top: -25px; right: -25px;  border: 10px solid; border-radius: 50%;text-align: center;display: flex;  justify-content: center; align-items: center;font-size: 30px;}

.color-1 .sp{border-color: #0eb0536e; color: #0eb053;}

.kf_cur_catg_des:hover .sp{border-color: #fff;color: #fff;}

.color-2 .sp{border-color: #fd2a0373;color: #fd2a03;}

.color-3 .sp {border-color: #079d9282;color: #079d92;}

.color-4 .sp {border-color: #9000ae85;color: #9000ae;}

.loc-area{background: #f8f8f8;}

.loc-area .loc-map-inr{display: flex;flex-wrap: wrap;width: 100%;height: 100%;padding: 25px 0;}

.loc-area .loc-map-item{width: 33%;}

.loc-area .loc-map-item .lmi-btn{width: 100%;height: 210px;margin-top: 45px;position: relative;}

.loc-area .loc-map-item .lmi-btn .lmi-btn-txt{ position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);}

.loc-area .loc-map-item .lmi-btn .lmi-btn-txt h6{margin: 0;color: #fff;opacity: 0;transition: all .6s ease-in-out;}

.loc-area .loc-map-item .lmi-btn img{width: 100%;height: 100%;object-fit: cover;}

.loc-area .loc-map-item .lmi-top{text-align: center;padding: 0 10px;}

.loc-area .loc-map-item .lmi-top p{font-size: 14px;height: 100px;color: #777777;}

.loc-area .loc-map-item .lmi-top  h4{font-family: "Gilda Display", serif; color: #2f2f2f;}

.loc-area .loc-map-item span{ display: flex; width: 83px; height: 83px; border-radius: 100%; font-size: 32px;background-color: #fff;color: #666666; border: solid 1px #ddd; align-items: center; justify-content: center; margin: 0 auto; margin-bottom: 25px;}

.loc-area  .loc-area-img{height: 100%;}

.loc-area  .loc-area-img img{height: 100%;}

.loc-area .loc-map-item .lmi-btn::before{ position: absolute;content: " ";top: 0;left: 0; height: 100%;width: 100%; background-color: #692727ab; opacity: 0; transition: all .3s ease-in-out;transform: scale(0);}

.loc-map-item:hover .lmi-btn::before{transform: scale(1);opacity: 1  ;}

.loc-map-item:hover .lmi-top h4{color: #692727;}

.loc-map-item:hover span{color: #692727;}

.loc-map-item:hover .lmi-btn-txt h6{opacity: 1 !important;}

/* ============Library_Personnel============== */


.personel{padding: 60px 0; background: linear-gradient(91deg, #ffdfdf, #effff6);}

.directory-table table th {background: #692727; color: #fff;border: 1px solid #5a1212;padding: 15px;font-size: 17px;}

.directory-table table td { border: 1px solid #e3e3e3;padding: 12px;}

.mt-165{margin-top: 165px;}

.members{padding: 60px 0;}

.members .single-team { position: relative;width: 100%;}

.members .single-team .content {display: flex;align-items: center; justify-content: space-between;position: absolute;bottom: 0; width: 100%;}

.members .single-team .content .team-name.content-with-bg { background-color: #ffff;width: 285px;}

.single-team img{height: 425px;width: 100%;object-fit: cover;object-position: top;}

.members  .share-icon-style-one {width: 60px;height: 60px; background: #692727; display: flex;align-items: center; justify-content: center;position: relative;cursor: pointer;transition: 0.3s;}

.members  .social-icons.social-icons-with-bg {background-color: #fff;position: absolute;right: 0;bottom: 100%; transition: 0.5s;transform: scale(1, 0); transform-origin: bottom left;}

.members .social-icons.social-icons-with-bg li a {width: 60px; height: 60px; transition: 0.5s;display: flex; align-items: center;justify-content: center;}

.members  .social-icons li {  list-style: none; margin: 0;transition: 0.5s;}

.members  .social-icons.social-icons-with-bg li a i { color: #ffffff00;transition: 0.5s;}

.members .single-team .content .team-name { height: 60px;clip-path: polygon(0% -1%, 81% -14%, 106% 181%, 0% 100%); padding: 8px 15px;}

.name-area h6{margin-bottom: 5px;color: #692727;}

.members  .share-icon-style-one:hover .social-icons.social-icons-with-bg {transform: scale(1);  opacity: 1;}

.members  .share-icon-style-one i { transition: 0.3s;color: #fff;}

.members  .social-icons.social-icons-with-bg li a i {color: #000; transition: 0.5s;}

.directory-table table td .tableimg{ width: 70px; height: 70px;object-fit: cover;}

.book-category-tab .nav-item{margin-right: 15px;}

.book-category-tab .nav-pills .nav-link{ background: #dcdcdc;color: #692727;}

.book-category-tab .nav-pills .nav-link.active, .book-category-tab .nav-pills .show>.nav-link{    background: #692727;color: #fff;}

.directory-table table td a i{color: #692727;}



/* ==============library-directory=========== */

.library-directory{padding: 60px 0; background-image: linear-gradient(to right top, #fad8ff, #f2deff, #ebe3ff, #e7e8ff, #e6ecff, #e3efff, #e0f2ff, #dff4ff, #daf7ff, #d4faff, #d0fcff, #cdfffc);}

.dire-add{padding: 20px;box-shadow: inset 0 0 10px 0 #5d5d5d1f, 0 0 10px 0 #6927271f;border-radius: 5px; height: 100%;    background: #fff;}

.dist-library .dire-add{border: 1px solid #69272778;box-shadow: 0 0 6px 0 #ab000024;}

.dist-library .dire-add a{color: #1a824b;}

/* ============read-service============== */

.read-service{padding: 60px 0;}

.rst-head {display: flex;}

.rst-head img{flex: 0 0 25px;width: 25px;height: 25px;object-fit: scale-down;margin-right: 15px;}

.rst-head h4{font-size: 20px;font-weight: 500;color: #692727;}

.tc-head{color: #1a824b ;}

.rst-cont li h6{ color: #a59900;font-size: 16px;font-weight: 500;}

.rst-cont li h6 i{margin-right: 10px;}

.rst-cont h5{color: #1a804a;}

/* ===========budget========== */

.budget{padding: 60px 0;background-image: linear-gradient(to right top, #fad8ff, #f2deff, #ebe3ff, #e7e8ff, #e6ecff, #e3efff, #e0f2ff, #dff4ff, #daf7ff, #d4faff, #d0fcff, #cdfffc);}

/* =========division========== */

.division{padding: 60px 0;}

.divi-img{height: 300px;width: 100%;object-fit: cover;}

.div-in-co-img{ height: 80px; width: 80px;display: flex; align-items: center;justify-content: center;border-radius: 50%;overflow: hidden; border: 2px solid #692727;background: #692727; flex: 0 0 80px;margin-right: 15px; }

.div-in-co-img  img{ width: 50px;height: 50px;object-fit: cover;}

.division-inner-cont li{margin-top: 25px;width: 80%; display: flex;}

/* -----------Photo Gallery----------- */

.photo-gallery{padding: 60px 0; background-image: linear-gradient(to right top, #fad8ff, #f2deff, #ebe3ff, #e7e8ff, #e6ecff, #e3efff, #e0f2ff, #dff4ff, #daf7ff, #d4faff, #d0fcff, #cdfffc);}

.photo-gallery-inner .photo-inner img{ transition: all .3s ease-in-out ; cursor: pointer;}

.photo-gallery-inner .image-txt{padding: 5px;background: linear-gradient(45deg, #1a824b, transparent); border-radius: 0 0 5px 5px;margin-top: 5px;}

.photo-gallery-inner .image-txt h6{font-size: 14px;font-weight: 500;font-family: "Gilda Display", serif;margin: 0;color: #fff;}

.photo-gallery-inner .photo-inner{overflow: hidden;border-radius: 5px; border: 2px solid #1a824b;}

.photo-gallery-inner .photo-inner:hover img{transform: scale(1.1) rotate(3deg);}

.view-image-btn { background-color: #1a824b !important;}

/* ------------rules-------------- */

.rules{padding: 60px 0;}

.rule-inner-cont ul{ padding-left: 30px;}

.rule-inner-cont li{ list-style-type: disclosure-closed;margin-top: 5px;}

.rule-inner-cont li::marker{color: #1a824b;}

.tc-head img{width: 25px;    filter: invert(28%) sepia(100%) hue-rotate(88deg) saturate(3);}

.rules-inner{position: relative; z-index: 2;}

/* ------------home-member------------ */

.home-member{padding: 60px 0; background: linear-gradient(315deg, #cddff7, white);position: relative;}

.member-accordian{padding: 25px;background: #fff;padding-bottom: unset;}

.bg-cl-gr{ background: linear-gradient(315deg, #cddff7b5, white);}

.member-accordian .acc-head i{ font-size: 18px; border: 1px solid #000000;height: 35px;width: 35px;display: flex;align-items: center; justify-content: center;border-radius: 50%;background: #000000;color: #fff;margin-right: 15px;}

.member-accordian .accordion-item{border-radius: unset;border-left: unset; border-right: unset;border-top: unset;}

.member-accordian .acc-head{ color: #000000;font-weight: 700;display: flex; align-items: center;}

.member-accordian .accordion-button:not(.collapsed){background-color: #fff; box-shadow: unset}

.member-accordian .accordion-button:not(.collapsed)  .acc-head{ color: #692727;}

.member-accordian .accordion-button:not(.collapsed)  .acc-head i{ border: 1px solid #692727;background: #692727;color: #fff;}

.member-accordian .accordion-button:not(.collapsed)::after {filter: invert(28%) sepia(100%) hue-rotate(315deg) saturate(3);}

.member-accordian  .accordion-body p{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;color: #797979;}

.member-accordian  .accordion-body a{position: relative;color: #692727;font-weight: 700;z-index: 2;}

.member-accordian  .accordion-body a span{position: relative;z-index: 1;}

.member-accordian  .accordion-body a::before{ position: absolute;content: " ";  height: 40px;width: 40px;background-color: #69272791; left: -8px;top: -10px; border-radius: 50%;transition: all .3s ease;}

.member-accordian  .accordion-body a:hover::before{ width: 115%;border-radius: 5px;background: #692727; z-index: -1;}

.member-accordian  .accordion-body a:hover{color: #fff;}

.member-cont-detail{ padding: 20px 70px; background: #000000;}
.member-cont-detail p{margin: auto;color: #ffff;  width: 60%;text-align: center;}

.member-cont-detail p a{color: #1a824b;}

.member-cont-detail p a:hover{ color: #692727;text-decoration: underline;}

.watermark {position: absolute;top: 37%;left: -9%; text-align: end; transform: rotate(270deg);}

.watermark h1 {font-size: 110px; text-transform: uppercase;font-weight: bold; background: linear-gradient(180deg, rgba(12, 10, 10, 0.7294117647) 20%, rgba(12, 10, 10, 0) 70%); opacity: 0.06; -webkit-background-clip: text; -webkit-text-fill-color: transparent;-webkit-text-stroke: 1px #000;letter-spacing: 0; margin: 0 ;}

/* ---------------facilities---------------- */

.facilities{padding: 60px 0;background: aliceblue;}

.facilities .single-services .services-inner {position: relative; overflow: hidden; padding: 0 38px; border-radius: 10px;}

.facilities .hover-animation::before { position: absolute;top: 50%; left: 50%; z-index: 2; display: block;content: ""; width: 0; height: 0; background: rgba(228, 32, 52, 0.1254901961); border-radius: 100%;transform: translate(-50%, -50%); opacity: 0;}

.facilities .thumbnail.thumbnail-rounded.border-top-left.hover-animation a {display: block;overflow: hidden; border-radius: 50%;}

.facilities  .single-services .services-inner .thumbnail.thumbnail-rounded img {display: inline-block; width: 100%; height: 300px;border-radius: 100%;padding: 0px;overflow: hidden;transition: 0.5s;object-fit: cover;}

.facilities  .single-services .services-inner .thumbnail.thumbnail-rounded .number-bg-round {position: absolute;bottom: -52px; left: 50%; height: 120px;width: 120px;line-height: 120px; background-color: #692727;border-radius: 100%;transform: translateX(-50%);  display: flex;align-items: center;justify-content: center;}

.facilities .single-services .services-inner .thumbnail.thumbnail-rounded.border-top-left { transition: 0.5s; padding: 12px;position: relative; overflow: hidden; border-radius: 100%;}

.facilities  .single-services .services-inner .thumbnail.thumbnail-rounded.border-top-left::after {  position: absolute;content: "";height: 100%;width: 100%; background: transparent; border-radius: 50%; border: 2.52px dashed #c5c5c5; top: 0; left: 0;transition: 0.3s; animation: rotateIn-2 50s linear infinite; z-index: 1;}

.facilities  .single-services .services-inner .thumbnail.thumbnail-rounded .number-bg-round span { margin-bottom: 40px;}

.facilities  .single-services .services-inner .thumbnail.thumbnail-rounded .number-bg-round span a{font-size: 14px; color: #fff; font-weight: 400; line-height: 28px;  }

.facilities  .services-content {  margin-top: 30px;}

.facilities  .single-services .services-inner .thumbnail.thumbnail-rounded .number-bg-round {position: absolute; bottom: -52px;left: 50%; height: 120px;width: 120px;line-height: 120px; background-color: #692727;border-radius: 100%; transform: translateX(-50%); display: flex;align-items: center; justify-content: center;  z-index: 2;}

.facilities .thumbnail.thumbnail-rounded.border-top-left.hover-animation a img { padding: 0;}

.facilities .single-services .services-inner .thumbnail.thumbnail-rounded:hover img { transform: scale(1.1);}

.facilities .single-services .services-inner .thumbnail.thumbnail-rounded:hover.border-top-left::after {border-color: #692727 ;}

@keyframes rotateIn-2 {
  from {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, -200deg);
      transform: rotate3d(0, 0, 1, -200deg);
  }

  to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: none;
      transform: none;
  }
}

/* -----------Life Time Membership------------ */

  /* --Download form-- */

.button {display: inline-block;border-radius: 7px; border: none;background: #692727;color: white; font-family: inherit; text-align: center;font-size: 13px;box-shadow: 0px 14px 56px -11px #6927276e; width: 15em; padding: 1em;transition: all 0.4s; cursor: pointer;}
  
.button span {cursor: pointer;display: inline-block; position: relative; transition: 0.4s;}

.button span:after { content: 'Admission Form'; position: absolute; opacity: 0; top: 0;right: -20px;transition: 0.7s; }

.button:hover span {padding-right: 7.95em;}

.button:hover span:after {opacity: 4;right: 0; }

.life-time-membership{padding: 60px 0;}

.bttxt {color: #692727; font-size: 14px;font-weight: 600;}

.ltm-left ul{ padding-left: 25px;}

.ltm-left ul li{ margin-bottom: 10px;list-style-type: disclosure-closed;}

.ltm-left ul li::marker{color: #692727; }

.criterea{padding: 60px 0;background: #000000bf;position: relative;}

.criterea::before{position: absolute; content: " ";height: 100%; width: 50%; background-image: url(../images/97640.jpg); background-position: center; background-size: cover;z-index: -1;top: 0;left: 0;/* background-attachment: fixed; */}

.criterea::after{ position: absolute; content: " "; height: 100%; width: 50%; z-index: 1;top: 0;right: 0;background: #692727;}

.criterea .criteria-cont{padding: 0 80px;position: relative;z-index: 3;height: 100% ;}

.criteria-cont .cc-img{ width: 90px; height: 89px; border: 2px solid #1a824b;display: flex;align-items: center; justify-content: center;border-radius: 50%;background: #1a824b;}

.criteria-cont .cc-img img{ width: 50px;}

.criteria-cont .cc-txt h5{color: #fff;font-family: "Gilda Display", serif;font-weight: 100;}

.criteria-cont ul {padding-left: 25px;}

.criteria-cont ul li{list-style-type: circle;color: #fff;margin-top: 10px;}


/* ======Tender======= */

.tender{padding: 60px  0 ;    background: #e8fff3;}

/* ---tender- download btn----- */

.download-btn {height: 45px; width: 95px;cursor: pointer; background: white; border: none;background: #1a824b;border-radius: 30px; overflow: hidden;display: block;}

.button-content {transform: translateY(-45px);transition: all 250ms ease-in-out;}

.svg-container, .text-container {height: 45px; width: 100%; display: flex;justify-content: center;align-items: center;}

.text-container .text { font-size: 13px;color: #fff;font-weight: 600; opacity: 1;transition: opacity ease-in-out 250ms;}

.download-icon {height: 25px; width: 25px;fill: #fff;opacity: 0; transition: opacity ease-in-out 250ms;}

.download-btn:hover .button-content { transform: translateY(0px);}

.download-btn:hover .text {opacity: 0;}

.download-btn:hover .download-icon {opacity: 1;}

.download-btn:focus .download-icon { -webkit-animation: heartbeat 1.5s ease-in-out infinite both; animation: heartbeat 1.5s ease-in-out infinite both;}

@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}


/* ========= Notice ========= */

.notice{padding: 60px 0;background: #fcfcfc;}

.notice .blogpost { position: relative;}

.notice .blogpost-image {position: relative;overflow: hidden;border-radius: 10px 10px 0 0;}

.notice .blogpost-image img { width: 100%;transition: 0.4s; transform: scale(1);}

.notice .blogpost-image-thumb { position: absolute;top: 20px; left: 20px; background-color: #1a824b;border-radius: 5px;  color: #ffffff; width: 70px; height: 70px; display: flex; flex-direction: column; justify-content: center; align-items: center;}

.notice .blogpost-image-thumb .date { font-weight: 700;  font-size: 28px; line-height: 1;}

.notice .blogpost-image-thumb .text {font-weight: 700;font-size: 14px; text-transform: uppercase;margin-top: 3px; line-height: 1;}

.notice .blogpost-content {padding: 30px; border-radius: 0 0 7px 7px;  background-color: #f2fbfe;transition: 0.4s;}

.notice.blogpost-meta { display: flex; margin-bottom: 10px;}

.notice .blogpost-meta li {margin-right: 15px;}

.notice .blogpost-meta li i { color: #1a824b;margin-right: 5px;} 

.notice .blogpost-meta li a {color: #717788;font-size: 16px;}

.notice .blogpost-title {  font-size: 20px;font-weight: 700; line-height: 1.42;  margin-bottom: 10px;}

.notice .blogpost-read-more {  color: #1a824b; font-size: 16px; text-transform: uppercase; font-weight: 700;  margin-top: 15px; display: inline-block;}

.notice  .blogpost-meta {display: flex; margin-bottom: 10px;display: none;}

.notice  .blogpost-title a{ color: #1a824b;}

.notice  .blogpost-title a:hover{ color: #692727;}

.notice  .blogpost-content p{margin: 0; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.notice .blogpost:hover .blogpost-content { box-shadow: 0px 18px 48px 0px rgba(0, 0, 0, 0.08); background-color: #ffffff; transition: 0.4s;}

.notice .readbtn {color: #1a824b;text-align: right;display: flex;justify-content: end; align-items: center;margin-top: 24px;font-size: 18px;}

.notice .readbtn  i{margin-left: 5px;}

.notice .blogpost-image:hover img { transform: scale(1.1);transition: 0.4s;}

.notice .readbtn:hover{color: #692727;}

/* ======= adverticement ======== */

.adverticement{padding: 60px 0;    background: #f8f8f8;}

.adverticement .single-blog.blog-style-three {height: 100%;}

.adverticement .single-blog .blog-inner {border-radius: 8px; background: #fff; box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);padding: 15px;}

.adverticement  .single-blog .blog-inner .thumbnail {position: relative; overflow: hidden;display: block; border-radius: 8px;}

.adverticement  .single-blog .blog-inner .thumbnail a img {width: 100%;transition: all .3s ease;height: 280px; object-fit: cover;}

.adverticement  .single-blog .blog-inner .blog-content {padding: 30px 30px 15px 30px;}

.adverticement  .blog-head{margin-bottom: 10px;}

.btn-read-more{color: #1a824b; font-size: 18px;}

.btn-read-more:hover{color: #692727;}

.adverticement .single-blog .blog-inner .thumbnail a:hover img { transform: scale(1.1);}

/* ======= news-event ======== */

.news-event{padding: 60px 0;background: #f8f8f8;}

.news-event .event-card { box-shadow: 0 0 12px 0 #e7e7e7; border-radius: 5px;overflow: hidden; height: 100%;padding-bottom: 15px;background-color: #fff;}

.news-event .event-card-img { height: 300px;overflow: hidden;}

.news-event .event-card-img img {width: 100%;height: 100%; object-fit: cover;transition: all .3s ease-in-out;}


.news-event .event-date {width: fit-content;padding: 10px 15px;background: #1a824b;color: #fff;position: absolute;top: -30px;right: 15px;}

.news-event .event-txt h4 {margin-bottom: 15px;line-height: 26px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;padding-top: 30px;font-size: 20px;height: 80px;}

.news-event .event-txt h4 a{color: #1a824b;}

.news-event .event-txt h4 a:hover{color: #692727;}
 
.news-event  .news-event-grid {padding: 10px; border: 1px solid #cecece; border-radius: 5px;background: linear-gradient(45deg, #ffffff, #e4f2f7);}

.news-event  .event-item {border-bottom: 1px solid #cecece; display: flex;margin-top: 15px;padding-bottom: 15px;}

.news-event  .event-img {width: 100px; height: 100px;margin-right: 10px;flex: 0 0 100px;}

.news-event  .event-img img {width: 100%; height: 100%; object-fit: cover; border-radius: 3px;}

.news-event .event-txt {padding:  0px 15px 5px; position: relative;}

.news-event .event-datee {color: #692727;}
 
.news-event .event-txt p { display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;  overflow: hidden;}

.event-card:hover .event-card-img img { transform: scale(1.1);transition: 0.4s;}

.news-event .event-item:first-child{margin-top: 0;}

.news-event .event-item:last-child{border-bottom: unset; padding: unset;}

.news-event-grid p{font-weight: 700;font-size: 15px; margin: 10px 0 0 ;}

.news-event-grid p a{color: #676767;}

.news-event-grid p a:hover{color: #692727; text-decoration: underline;}

.news-event .recet-evetop {padding: 24px 30px; border-radius: 5px;font-size: 21px;font-weight: 700; color: #343c55; display: flex;background: rgba(50, 47, 179, 0.13); background: linear-gradient(-45deg, rgba(91, 207, 242, 0.13) 0%, rgba(65, 125, 210, 0.13) 50%, rgba(50, 47, 179, 0.13) 100%);text-transform: capitalize;display: flex; align-items: center;margin-bottom: 30px;}

.news-event .recet-evetop h4{color: #692727; margin: 0;}

/* ======== book-category ========= */

.book-category{padding: 60px 0;}

.book-category .directory-table  .check{color: green;}

.book-category .directory-table  .cross{color: rgb(184, 0, 0);}

.child-books{position: relative;}

.child-books::before{position: absolute; content: ""; top: 0; left: 0; height: 100%;width: 100%;background-image: url(../images/book-bg3.png); background-repeat: repeat;background-size: inherit;}

.child-books:after { position: absolute;  top: 0;left: 0;content: ""; height: 100%; width: 100%; z-index: 0; background: #fdfdfdf5;}

.geology-books{position: relative;}

.geology-books::before{position: absolute;content: ""; top: 0; left: 0; height: 100%; width: 100%;background-image: url(../images/book-bg2.png); background-repeat: repeat; background-size: inherit;}

.geology-books:after {position: absolute; top: 0;left: 0; content: "";height: 100%; width: 100%; z-index: 0; background: #fdfdfdf5;}

.literature-books{position: relative;}

.literature-books::before{position: absolute;content: ""; top: 0; left: 0;height: 100%;width: 100%; background-image: url(../images/book-bg.png); background-repeat: repeat; background-size: inherit;}

.literature-books:after {position: absolute;top: 0; left: 0;content: "";height: 100%;  width: 100%;z-index: 0; background: #fdfdfdf5;}

.magazine-books{position: relative;}

.magazine-books::before{position: absolute;content: ""; top: 0;left: 0; height: 100%;width: 100%; background-image: url(../images/book-bg4.png);background-repeat: repeat; background-size: inherit;}

.magazine-books:after { position: absolute; top: 0; left: 0;content: "";height: 100%; width: 100%; z-index: 0;background: #eaeaeaed;}
.book-category-inner{position: relative;z-index: 2;}

/* ======== Video Gallery ========= */

.video-gallery {display: grid;grid-template-columns: repeat(auto-fit, minmax(370px, 1fr));grid-gap: 15px; max-width: 100%;padding: 15px; margin: 0 auto; box-sizing: border-box;position: relative; z-index: 2;}

.video-gallery .gallery-item {position: relative;  width: 100%;  height: 300px; background: #000;  cursor: pointer; overflow: hidden;}

.video-gallery .gallery-item img { position: relative; display: block; width: 100%;height: 300px;object-fit: cover;opacity: .5; transition: all 350ms ease-in-out; transform: translate3d(-0px, 0, 0);}

.north-cascades-img {object-position: 50% 30%; }

.video-gallery .gallery-item .gallery-item-caption { padding: 32px; font-size: 1em; color: #fff; text-transform: uppercase; }

.video-gallery .gallery-item .gallery-item-caption,
.video-gallery .gallery-item .gallery-item-caption > a { position: absolute; top: 0;  left: 0; width: 100%;height: 100%;}

.video-gallery .gallery-item h2 {font-weight: 300; overflow: hidden; padding: 12px 0;}

.video-gallery .gallery-item h2,
.video-gallery .gallery-item p { position: relative;margin: 0; z-index: 1; pointer-events: none;color: #fff; font-size: 16px;}

.video-gallery .gallery-item p {letter-spacing: 1px; font-size: 12px; padding: 12px 0;  opacity: 0; transition: opacity 0.35s, transform 0.35s; transform: translate3d(10%, 0, 0);}

.video-gallery .gallery-item:hover img {opacity: 0.3; transform: translate3d(0, 0, 0);}

.video-gallery .gallery-item .gallery-item-caption {text-align: left;}

.video-gallery .gallery-item h2::before {content: ""; position: absolute; bottom: 0;left: 0; width: 15%;  height: 1px; background: #fff;transition: transform 0.3s;  transform: translate3d(-100%, 0, 0);}

.video-gallery .gallery-item:hover h2::after { transform: translate3d(0, 0, 0);}

.video-gallery .gallery-item:hover p {opacity: 1; transform: translate3d(0, 0, 0);}


.video-gal{padding: 60px 0;    background-image: linear-gradient(to right top, #fad8ff, #f2deff, #ebe3ff, #e7e8ff, #e6ecff, #e3efff, #e0f2ff, #dff4ff, #daf7ff, #d4faff, #d0fcff, #cdfffc);}

/* --------Rudra Css New----------- */

.image-story {padding: 60px 0 80px;  background-image: linear-gradient(to right top, #fad8ff, #f2deff, #ebe3ff, #e7e8ff, #e6ecff, #e3efff, #e0f2ff, #dff4ff, #daf7ff, #d4faff, #d0fcff, #cdfffc);}

.impact-card {box-shadow: 0 2px 5px 0 #0000001f; background-color: #ffffff;border-radius: 10px;}

.imp-card-img {height: 200px; position: relative; overflow: hidden;}

.impact-card .calender {position: absolute; bottom: 0; right: 0px; background-color: #692727; padding: 8px 20px; color: #fff; border-radius: 40px 0px 0 0; font-size: 14px; font-weight: 600;}

.imp-card-txt {padding: 15px; padding-bottom: 30px; position: relative; background-image: url(public/images/video-gallery/blog-post2-shape.png); background-size: cover; background-position: bottom;}

.image-story .imp-card-txt h5 { color: #692727; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 60px; margin: 0; margin-bottom: 10px; cursor: pointer;}

.image-story .imp-card-txt p {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: 60px; margin: 0; font-size: 15px;}

.image-story .btn {background-color: #692727; border: 1px solid;}

.image-story .btn:hover {background: unset; color: #692727;}

#main {max-width: 800px;}

.youtube-img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 65px;}

.youtube-img::before{top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); opacity: 0; transform: scale(0.7); pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; box-sizing: content-box; animation: sonarOrnge 1.3s infinite ease-out 75ms;
  animation-duration: 1.3s;
  animation-timing-function: ease-out;
  animation-delay: 75ms;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: sonarOrnge;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
}


.contact-main {padding: 60px 0 10px; position: relative;}

.row {--bs-gutter-x: 1.5rem; --bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-top: calc(-1* var(--bs-gutter-y));margin-right: calc(-.5* var(--bs-gutter-x));margin-left: calc(-.5* var(--bs-gutter-x));}

.cont-card {height: 100%; background: rgb(202, 230, 255); padding: 45px; background-position: center; position: relative; border-radius: 20px 20px 20px 20px; }

.cont-card li {display: flex;align-items: center;margin-bottom: 25px;position: relative;}

.cont-card li span {width: 60px;height: 60px;flex: 0 0 60px;display: flex;align-items: center;justify-content: center;border: 1px solid #692727;border-radius: 50%;background: #692727;color: #fff;font-size: 20px;}

.cont-card li p {margin-left: 25px;margin-bottom: 0;}

.cont-card li p a{color: #000;}

.event-map {height: 100%;}

.image-txt_item{ background-image: linear-gradient(180deg, #1a824b, transparent); padding: 12px; border-radius: 5px 5px 0 0;}

.image-txt_item h6{font-size: 16px; color: #ffffff; font-weight: 500;margin: 0;}

@keyframes sonarOrnge {
  0% {
    opacity: 0.3;
  }

  40% {
      opacity: 0.5;
      box-shadow: 0 0 0 2px rgb(83 83 83 / 64%), 0 0 10px 10px #444444, 0 0 0 10px #000000;
  }

  100% {
      box-shadow: 0 0 0 2px rgb(0 0 0 / 55%), 0 0 10px 10px #575757, 0 0 0 10px #000000;
      -webkit-transform: scale(1.5);
      opacity: 0;
  }
}







/* ====================responssive==================== */


@media only screen and (min-width: 1480px) and  (max-width: 1920px)  {
    /* .container{
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
    } */
}
@media only screen and (min-width: 1481px) and  (max-width: 1681px)  {


}
@media only screen and (min-width: 1367px) and  (max-width: 1480px)  {

}
@media only screen and (min-width: 1300px) and  (max-width: 1366px)  {

    
    
}
@media only screen and (min-width: 1180px) and  (max-width: 1299px)  {

}
@media only screen and (min-width: 992px) and  (max-width: 1179px)  {

}
@media only screen and (min-width: 768px) and  (max-width: 991px)  {
 
    
}
@media only screen and (max-width: 767px) {
    
    .top-search{
        display:none;
    }
    
    .nav-top-btns .naveen-txt {
        
        display:none;
    }
    p{font-size: 14px ;}
    h4{font-size: 18px ;}
}
@media only screen and (max-width:420px){


}