::-moz-selection {
    background-color: #d1ab7f;
    color: #fff
}

::selection {
    background-color: #d1ab7f;
    color: #fff
}

::-webkit-input-placeholder {
    color: #777777;
    font-weight: 300
}

:-moz-placeholder {
    color: #777777;
    opacity: 1;
    font-weight: 300
}

::-moz-placeholder {
    color: #777777;
    opacity: 1;
    font-weight: 300
}

:-ms-input-placeholder {
    color: #777777;
    font-weight: 300
}

::-ms-input-placeholder {
    color: #777777;
    font-weight: 300
}

body {
    color: #777;
    font-size: 14px;
    font-weight: 200;
    line-height: 1.625em;
    position: relative;
    background-color: white;
    overflow-x:hidden;
    
}
html {
  scroll-behavior: smooth;
}
html, body {
  overflow-x: scroll;
}
ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

select {
    display: block
}

figure {
    margin: 0
}

a {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

iframe {
    border: 0
}

a,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
    outline: 0
}

.card-panel {
    margin: 0;
    padding: 60px
}

.btn i,
.btn-large i,
.btn-floating i,
.btn-large i,
.btn-flat i {
    font-size: 1em;
    line-height: inherit
}

.gray-bg {
    background: #f9f9ff
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    color: #222;
    line-height: 1.2em !important;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 300
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0;
    margin-top: 0;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    color: #222
}

h1,
.h1 {
    font-size: 36px
}

h2,
.h2 {
    font-size: 30px
}

h3,
.h3 {
    font-size: 24px
}

h4,
.h4 {
    font-size: 18px
}

h5,
.h5 {
    font-size: 16px
}

h6,
.h6 {
    font-size: 14px;
    color: #222
}

td,
th {
    border-radius: 0px
}

.clear::before,
.clear::after {
    content: " ";
    display: table
}

.clear::after {
    clear: both
}

.fz-11 {
    font-size: 11px
}

.fz-12 {
    font-size: 12px
}

.fz-13 {
    font-size: 13px
}

.fz-14 {
    font-size: 14px
}

.fz-15 {
    font-size: 15px
}

.fz-16 {
    font-size: 16px
}

.fz-18 {
    font-size: 18px
}

.fz-30 {
    font-size: 30px
}

.fz-48 {
    font-size: 48px !important
}

.fw100 {
    font-weight: 100
}

.fw300 {
    font-weight: 300
}

.fw400 {
    font-weight: 400 !important
}

.fw500 {
    font-weight: 500
}

.f700 {
    font-weight: 700
}

.fsi {
    font-style: italic
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-35 {
    margin-top: 35px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-60 {
    margin-top: 60px
}

.mt-70 {
    margin-top: 70px
}

.mt-80 {
    margin-top: 80px
}

.mt-100 {
    margin-top: 100px
}

.mt-120 {
    margin-top: 120px
}

.mt-150 {
    margin-top: 150px
}

.ml-0 {
    margin-left: 0 !important
}

.ml-5 {
    margin-left: 5px !important
}

.ml-10 {
    margin-left: 10px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px
}

.ml-30 {
    margin-left: 30px
}

.ml-50 {
    margin-left: 50px
}

.mr-0 {
    margin-right: 0 !important
}

.mr-5 {
    margin-right: 5px !important
}

.mr-15 {
    margin-right: 15px
}

.mr-10 {
    margin-right: 10px
}

.mr-20 {
    margin-right: 20px
}

.mr-30 {
    margin-right: 30px
}

.mr-50 {
    margin-right: 50px
}

.mb-0 {
    margin-bottom: 0px
}

.mb-0-i {
    margin-bottom: 0px !important
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-70 {
    margin-bottom: 70px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-90 {
    margin-bottom: 90px
}

.mb-100 {
    margin-bottom: 100px
}

.pt-0 {
    padding-top: 0px
}

.pt-10 {
    padding-top: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pt-25 {
    padding-top: 25px
}

.pt-30 {
    padding-top: 30px
}

.pt-40 {
    padding-top: 40px
}

.pt-50 {
    padding-top: 50px
}

.pt-60 {
    padding-top: 60px
}

.pt-70 {
    padding-top: 70px
}

.pt-80 {
    padding-top: 80px
}

.pt-90 {
    padding-top: 90px
}

.pt-100 {
    padding-top: 100px
}

.pt-120 {
    padding-top: 120px
}

.pt-150 {
    padding-top: 150px
}

.pt-170 {
    padding-top: 170px
}

.pb-0 {
    padding-bottom: 0px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-50 {
    padding-bottom: 50px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-70 {
    padding-bottom: 70px
}

.pb-80 {
    padding-bottom: 80px
}

.pb-90 {
    padding-bottom: 90px
}

.pb-100 {
    padding-bottom: 100px
}

.pb-120 {
    padding-bottom: 120px
}

.pb-150 {
    padding-bottom: 150px
}

.pr-30 {
    padding-right: 30px
}

.pl-30 {
    padding-left: 30px
}

.pl-90 {
    padding-left: 90px
}

.p-40 {
    padding: 40px
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.text-italic {
    font-style: italic
}

.text-white {
    color: #fff;
}

.text-black {
    color: #000
}

.transition {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.section-full {
    padding: 100px 0
}

.section-half {
    padding: 75px 0
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-rigth {
    text-align: right
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.inline-flex {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.flex-grow {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start
}

.flex-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.flex-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end
}

.flex-top {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.flex-bottom {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

.space-around {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around
}

.flex-column {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.display-table {
    display: table
}

.light {
    color: #fff
}

.dark {
    color: #222
}

.relative {
    position: relative
}

.overflow-hidden {
    overflow: hidden
}

.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.container.fullwidth {
    width: 100%
}

.container.no-padding {
    padding-left: 0;
    padding-right: 0
}

.no-padding {
    padding: 0
}

.section-bg {
    background: #f9fafc
}

@media (max-width: 767px) {
    .no-flex-xs {
        display: block !important
    }
}

.row.no-margin {
    margin-left: 0;
    margin-right: 0
}

.sample-text-area {
    background: #fff;
    padding: 100px 0 70px 0
}

.sample-text {
    margin-bottom: 0
}

.text-heading {
    margin-bottom: 30px;
    font-size: 24px
}

.typo-list {
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .typo-sec {
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    .element-wrap {
        margin-top: 30px
    }
}

b,
sup,
sub,
u,
del {
    /*color: #d1ab7f;*/
    color:black;
    font-size: 15px;
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 16px
}

h6 {
    font-size: 14px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5em
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
    color: #777
}

.button-area {
    background: #fff
}

.button-area .border-top-generic {
    padding: 70px 15px;
    border-top: 1px dotted #eee
}

.button-group-area .genric-btn {
    margin-right: 10px;
    margin-top: 10px
}

.button-group-area .genric-btn:last-child {
    margin-right: 0
}

.genric-btn {
    display: inline-block;
    outline: none;
    line-height: 40px;
    padding: 0 30px;
    font-size: .8em;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.genric-btn:focus {
    outline: none
}

.genric-btn.e-large {
    padding: 0 40px;
    line-height: 50px
}

.genric-btn.large {
    line-height: 45px
}

.genric-btn.medium {
    line-height: 30px
}

.genric-btn.small {
    line-height: 25px
}

.genric-btn.radius {
    border-radius: 3px
}

.genric-btn.circle {
    border-radius: 20px
}

.genric-btn.arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.genric-btn.arrow span {
    margin-left: 10px
}

.genric-btn.default {
    color: #222;
    background: #f9f9ff;
    border: 1px solid transparent
}

.genric-btn.default:hover {
    border: 1px solid #f9f9ff;
    background: #fff
}

.genric-btn.default-border {
    border: 1px solid #f9f9ff;
    background: #fff
}

.genric-btn.default-border:hover {
    color: #222;
    background: #f9f9ff;
    border: 1px solid transparent
}

.genric-btn.primary {
    color: #fff;
    background: #d1ab7f;
    border: 1px solid transparent
}

.genric-btn.primary:hover {
    color: #d1ab7f;
    border: 1px solid #d1ab7f;
    background: #fff
}

.genric-btn.primary-border {
    color: #d1ab7f;
    border: 1px solid #d1ab7f;
    background: #fff
}

.genric-btn.primary-border:hover {
    color: #fff;
    background: #d1ab7f;
    border: 1px solid transparent
}

.genric-btn.success {
    color: #fff;
    background: #4cd3e3;
    border: 1px solid transparent
}

.genric-btn.success:hover {
    color: #4cd3e3;
    border: 1px solid #4cd3e3;
    background: #fff
}

.genric-btn.success-border {
    color: #4cd3e3;
    border: 1px solid #4cd3e3;
    background: #fff
}

.genric-btn.success-border:hover {
    color: #fff;
    background: #4cd3e3;
    border: 1px solid transparent
}

.genric-btn.info {
    color: #fff;
    background: #38a4ff;
    border: 1px solid transparent
}

.genric-btn.info:hover {
    color: #38a4ff;
    border: 1px solid #38a4ff;
    background: #fff
}

.genric-btn.info-border {
    color: #38a4ff;
    border: 1px solid #38a4ff;
    background: #fff
}

.genric-btn.info-border:hover {
    color: #fff;
    background: #38a4ff;
    border: 1px solid transparent
}

.genric-btn.warning {
    color: #fff;
    background: #c78964;
    border: 1px solid transparent
}

.genric-btn.warning:hover {
    color: #f4e700;
    border: 1px solid #f4e700;
    background: #fff
}

.genric-btn.warning-border {
    color: #f4e700;
    border: 1px solid #f4e700;
    background: #fff
}

.genric-btn.warning-border:hover {
    color: #fff;
    background: #f4e700;
    border: 1px solid transparent
}

.genric-btn.danger {
    color: #fff;
    background: #f44a40;
    border: 1px solid transparent
}

.genric-btn.danger:hover {
    color: #f44a40;
    border: 1px solid #f44a40;
    background: #fff
}

.genric-btn.danger-border {
    color: #f44a40;
    border: 1px solid #f44a40;
    background: #fff
}

.genric-btn.danger-border:hover {
    color: #fff;
    background: #f44a40;
    border: 1px solid transparent
}

.genric-btn.link {
    color: #222;
    background: #f9f9ff;
    text-decoration: underline;
    border: 1px solid transparent
}

.genric-btn.link:hover {
    color: #222;
    border: 1px solid #f9f9ff;
    background: #fff
}

.genric-btn.link-border {
    color: #222;
    border: 1px solid #f9f9ff;
    background: #fff;
    text-decoration: underline
}

.genric-btn.link-border:hover {
    color: #222;
    background: #f9f9ff;
    border: 1px solid transparent
}

.genric-btn.disable {
    color: #222, 0.3;
    background: #f9f9ff;
    border: 1px solid transparent;
    cursor: not-allowed
}

.generic-blockquote {
    padding: 30px 50px 30px 30px;
    background: #f9f9ff;
    border-left: 2px solid #d1ab7f
}

@media (max-width: 991px) {
    .progress-table-wrap {
        overflow-x: scroll
    }
}

.progress-table {
    background: #f9f9ff;
    padding: 15px 0px 30px 0px;
    min-width: 800px
}

.progress-table .serial {
    width: 11.83%;
    padding-left: 30px
}

.progress-table .country {
    width: 28.07%
}

.progress-table .visit {
    width: 19.74%
}

.progress-table .percentage {
    width: 40.36%;
    padding-right: 50px
}

.progress-table .table-head {
    display: flex
}

.progress-table .table-head .serial,
.progress-table .table-head .country,
.progress-table .table-head .visit,
.progress-table .table-head .percentage {
    color: #222;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 500
}

.progress-table .table-row {
    padding: 15px 0;
    border-top: 1px solid #edf3fd;
    display: flex
}

.progress-table .table-row .serial,
.progress-table .table-row .country,
.progress-table .table-row .visit,
.progress-table .table-row .percentage {
    display: flex;
    align-items: center
}

.progress-table .table-row .country img {
    margin-right: 15px
}

.progress-table .table-row .percentage .progress {
    width: 80%;
    border-radius: 0px;
    background: transparent
}

.progress-table .table-row .percentage .progress .progress-bar {
    height: 5px;
    line-height: 5px
}

.progress-table .table-row .percentage .progress .progress-bar.color-1 {
    background-color: #6382e6
}

.progress-table .table-row .percentage .progress .progress-bar.color-2 {
    background-color: #e66686
}

.progress-table .table-row .percentage .progress .progress-bar.color-3 {
    background-color: #f09359
}

.progress-table .table-row .percentage .progress .progress-bar.color-4 {
    background-color: #73fbaf
}

.progress-table .table-row .percentage .progress .progress-bar.color-5 {
    background-color: #73fbaf
}

.progress-table .table-row .percentage .progress .progress-bar.color-6 {
    background-color: #6382e6
}

.progress-table .table-row .percentage .progress .progress-bar.color-7 {
    background-color: #a367e7
}

.progress-table .table-row .percentage .progress .progress-bar.color-8 {
    background-color: #e66686
}

.single-gallery-image {
    margin-top: 30px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    height: 200px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.single-gallery-image:hover {
    opacity: .8
}

.list-style {
    width: 14px;
    height: 14px
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    font-weight: 500;
    font-size:16px;
}

.unordered-list li {
    position: relative;
    padding-left: 30px;
    font-weight: 300;
    line-height: 1.82em !important
}

.unordered-list li:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: 3px solid #d1ab7f;
    background: #fff;
    top: 4px;
    left: 0;
    border-radius: 50%
}

.ordered-list {
    margin-left: 30px
}

.ordered-list li {
    list-style-type: decimal-leading-zero;
    color: #d1ab7f;
    font-weight: 500;
    line-height: 1.82em !important
}

.ordered-list li span {
    font-weight: 300;
    color: #777
}

.ordered-list-alpha li {
    margin-left: 30px;
    list-style-type: lower-alpha;
    color: #d1ab7f;
    font-weight: 500;
    line-height: 1.82em !important
}

.ordered-list-alpha li span {
    font-weight: 300;
    color: #777
}

.ordered-list-roman li {
    margin-left: 30px;
    list-style-type: lower-roman;
    color: #d1ab7f;
    font-weight: 500;
    line-height: 1.82em !important
}

.ordered-list-roman li span {
    font-weight: 300;
    color: #777
}

.single-input {
    display: block;
    width: 100%;
    line-height: 40px;
    border: none;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px
}

.single-input:focus {
    outline: none
}

.input-group-icon {
    position: relative
}

.input-group-icon .icon {
    position: absolute;
    left: 20px;
    top: 0;
    line-height: 40px;
    z-index: 3
}

.input-group-icon .icon i {
    color: #797979
}

.input-group-icon .single-input {
    padding-left: 45px
}

.single-textarea {
    display: block;
    width: 100%;
    line-height: 40px;
    border: none;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
    height: 100px;
    resize: none
}

.single-textarea:focus {
    outline: none
}

.single-input-primary {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px
}

.single-input-primary:focus {
    outline: none;
    border: 1px solid #d1ab7f
}

.single-input-accent {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px
}

.single-input-accent:focus {
    outline: none;
    border: 1px solid #eb6b55
}

.single-input-secondary {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px
}

.single-input-secondary:focus {
    outline: none;
    border: 1px solid #f09359
}

.default-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer
}

.default-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.default-switch input+label {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #d1ab7f;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer
}

.default-switch input:checked+label {
    left: 19px
}

.single-element-widget {
    margin-bottom: 30px
}

.primary-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer
}

.primary-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.primary-switch input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.primary-switch input+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 8.5px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.primary-switch input+label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer
}

.primary-switch input:checked+label:after {
    left: 19px
}

.primary-switch input:checked+label:before {
    background: #d1ab7f
}

.confirm-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer
}

.confirm-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.confirm-switch input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.confirm-switch input+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 8.5px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer
}

.confirm-switch input+label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer
}

.confirm-switch input:checked+label:after {
    left: 19px
}

.confirm-switch input:checked+label:before {
    background: #4cd3e3
}

.primary-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer
}

.primary-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.primary-checkbox input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #f1f1f1
}

.primary-checkbox input:checked+label {
    background: url(../img/elements/primary-check.png) no-repeat center center/cover;
    border: none
}

.confirm-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer
}

.confirm-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.confirm-checkbox input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #f1f1f1
}

.confirm-checkbox input:checked+label {
    background: url(../img/elements/success-check.png) no-repeat center center/cover;
    border: none
}

.disabled-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer
}

.disabled-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.disabled-checkbox input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #f1f1f1
}

.disabled-checkbox input:disabled {
    cursor: not-allowed;
    z-index: 3
}

.disabled-checkbox input:checked+label {
    background: url(../img/elements/disabled-check.png) no-repeat center center/cover;
    border: none
}

.primary-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer
}

.primary-radio input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.primary-radio input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1
}

.primary-radio input:checked+label {
    background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
    border: none
}

.confirm-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer
}

.confirm-radio input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.confirm-radio input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1
}

.confirm-radio input:checked+label {
    background: url(../img/elements/success-radio.png) no-repeat center center/cover;
    border: none
}

.disabled-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer
}

.disabled-radio input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.disabled-radio input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1
}

.disabled-radio input:disabled {
    cursor: not-allowed;
    z-index: 3
}

.disabled-radio input:checked+label {
    background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;
    border: none
}

.default-select {
    height: 40px
}

.default-select .nice-select {
    border: none;
    border-radius: 0px;
    height: 40px;
    background: #f9f9ff;
    padding-left: 20px;
    padding-right: 40px
}

.default-select .nice-select .list {
    margin-top: 0;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    padding: 10px 0 10px 0px
}

.default-select .nice-select .list .option {
    font-weight: 300;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 28px;
    min-height: 28px;
    font-size: 12px;
    padding-left: 20px
}

.default-select .nice-select .list .option.selected {
    color: #d1ab7f;
    background: transparent
}

.default-select .nice-select .list .option:hover {
    color: #d1ab7f;
    background: transparent
}

.default-select .current {
    margin-right: 50px;
    font-weight: 300
}

.default-select .nice-select::after {
    right: 20px
}

@media (max-width: 991px) {
    .left-align-p p {
        margin-top: 20px
    }
}

.form-select {
    height: 40px;
    width: 100%
}

.form-select .nice-select {
    border: none;
    border-radius: 0px;
    height: 40px;
    background: #f9f9ff;
    padding-left: 45px;
    padding-right: 40px;
    width: 100%
}

.form-select .nice-select .list {
    margin-top: 0;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    padding: 10px 0 10px 0px
}

.form-select .nice-select .list .option {
    font-weight: 300;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 28px;
    min-height: 28px;
    font-size: 12px;
    padding-left: 45px
}

.form-select .nice-select .list .option.selected {
    color: #d1ab7f;
    background: transparent
}

.form-select .nice-select .list .option:hover {
    color: #d1ab7f;
    background: transparent
}

.form-select .current {
    margin-right: 50px;
    font-weight: 300
}

.form-select .nice-select::after {
    right: 20px
}
/*.banner{*/
/*    height: 100vh;*/
/*}*/



.youtube-container {
	overflow: hidden;
	width: 100%;
	/* Keep it the right aspect-ratio */
	aspect-ratio: 16/9;
	/* No clicking/hover effects */
	pointer-events: none;
	
	
}
.iframe1 {
  /* Extend it beyond the viewport... */
  width: 100%;
  height: 100%;
  /* ...and bring it back again */
  /*margin-top: -500%;*/
  /* position: absolute; */
  /* top: -53px; */
}

    .video-banner {
      position: relative;
      width: 100%;
      height: 100vh;
    }

    .video-banner iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
      pointer-events: none; /* Optional: disables interaction */
    }

    .video-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: white;
      z-index: 1;
      text-align: center;
      text-shadow: 2px 2px 10px black;
    }

    .video-content h1 {
      font-size: 3rem;
    }
    .video-container {
  position: relative;
  padding-inline: 10px;
  /*width: 100%; */
  padding-top: 56.25%; 
  overflow: hidden; /* Hide any overflow */
  pointer-events:none;
  aspect-ratio: 16 / 9;

}

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

.xs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: .8;
  z-index: 0;
}


.header-top {
    font-size: 13px;
    /*padding:15px;*/
    margin-top: 40px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

@media (max-width: 991px) {
    .header-top {
        display: none
    }
}

.header-top a {
    color: #fff
}

.header-top ul li {
    display: inline-block;
    margin-left: 15px
}

.header-top .header-top-right {
    text-align: right
}

.header-top .header-top-right a {
    color: #fff;
    font-weight: 400;
    margin-left: 10px;
    padding: 6px 12px
}

.header-top .header-top-right .icons {
    display: none
}

@media (max-width: 820px) {
    .header-top .header-top-right {
        padding-right: 15%
    }
    .header-top .header-top-right .icons {
        display: inline-block
    }
    .header-top .header-top-right .btns {
        display: none
    }
}

.header-top .menu-social-icons {
    padding-left: 10px;
    font-size: 20px;
}

.header-top .menu-social-icons a {
    color: #fff !important;
    margin-right: 15px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.header-top .menu-social-icons a:hover {
    color: #d1ab7f !important
}

.top-head-btn {
    background: #d1ab7f;
    padding: 9px 26px
}

.main-menu {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    padding: 10px 30px;
    background: #ffffff00;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.main-header {
    background: rgba(0, 0, 0, 0.6) ;
    /*background:black ;*/
    margin-top: 88px;
        border-top: 1px solid #fff;
}
.mobile-only {
  display: none;
  height: 80px; 
  background-color:#c78964; 
  display:flex; 
  align-items: center;
}


/* Show only on mobile */
@media (max-width: 768px) {
  .mobile-only {
    display: flex !important;
  }
}
@media (max-width: 768px) {
  .main-header {
    opacity: 0;
    transform: translateY(-100%);
    pointer-events: none;
    transition: all 0.3s ease;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
  }

  .main-header.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}
.container.main-menu {
    margin-top: 40px;
}

@media (max-width: 991px) {
    .container.main-menu {
        margin-top: 10px;
        max-width: 100% !important
    }
}
.social-icons {
  display: flex;
  gap: 0;
  justify-content: center;
  font-size: 28px;
  margin-bottom:10px;
  /* padding-inline:10px; */
 
}

.social-icons a {
  color:white;
  text-decoration: none;
}

.social-icons a:hover {
  color: #007bff;
}
.container.main-menu {
    margin-top: 40px;
}
.nav-menu-social {
  display: none;
  padding: 0 10px; /* Padding on both ends */
}

/* Show only on mobile */
@media (max-width: 768px) {
  .nav-menu-social {
    display: block;
  }
}
#mobile-nav .social-icons i{
    color:white;
    font-size: 14px;
    /* padding-inline: 30px; */
    border: 1px solid white;
    height:40px;
    width:40px;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}

@media screen and (max-width: 991px) {
    .nav-menu-logo img{
height:60px;
margin-bottom: 0px;
}
    
}
#header {
    /*padding: 0px 0px 24px 0px;*/
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997
}

@media (max-width: 991px) {
    #header {
        padding: 0px 0px 0px 0px
    }
}

#header.header-scrolled {
    transition: all 0.5s;
    box-shadow: -21.213px 21.213px 30px 0px rgba(158, 158, 158, 0.3);
    background-color: #fff;
    height:70px;
    padding: 11px;
}

#header.header-scrolled .header-top {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: none
}

#header.header-scrolled .main-menu ul li a {
    color: black;
}

@media (max-width: 673px) {
    #logo {
        margin-left: 20px
    }
}
@media (max-width: 1400px) {
  #header.header-scrolled {
   
    height:66px;
}
}


#header #logo h1 {
    font-size: 34px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 3px
}

#header #logo h1 a,
#header #logo h1 a:hover {
    color: #000;
    padding-left: 10px;
    border-left: 4px solid #d1ab7f
}

#header #logo img {
    padding: 0;
    margin: 0
}

@media (max-width: 768px) {
    #header #logo h1 {
        font-size: 28px
    }
    #header #logo img {
        max-height: 40px
    }
}

.nav-menu,
.nav-menu * {
    margin: 0;
    padding: 0;
    list-style: none
}

.nav-menu{
 display: flex;
  justify-content: space-between; /* Equal space between items */
  list-style: none; /* Remove bullets */
  padding: 0;
  margin: 0;
  flex-wrap: wrap; /* Makes it wrap in smaller screens */
}
.nav-menu li {
  flex: 1; /* All items take equal width */
  text-align: center; /* Centers the text */
}
.nav-menu ul {
    position: absolute;
    display: none;
    top: 100%;
     right:0; 
    left: 9px;
    z-index: 99
   
}
@media (max-width: 1400px) {
 .nav-menu ul {
    
    left: -45px;
   
   
}
}

.nav-menu li {
    /*margin-left: 4px;*/
    /*padding-inline:4px;*/
    position: relative;
    white-space: nowrap
}

/*.nav-menu>li {*/
/*    float: left*/
/*}*/

.nav-menu li:hover>ul,
.nav-menu li.sfHover>ul {
    display: block
}

.nav-menu ul ul {
    top: 0;
     right:100% 
    left: 90px;
}

.nav-menu ul li {
    min-width: 280px
}






/*.sf-arrows .sf-with-ul{*/

/*    padding-right:30px*/

/*}*/

/*.sf-arrows .sf-with-ul:after{*/

/*    content:"\f107";*/

/*    position:absolute;*/

/*    right:15px;*/

/*    font-family:FontAwesome;*/

/*    font-style:normal;*/

/*    font-weight:normal*/

/*}*/

/*.sf-arrows ul .sf-with-ul:after{*/

/*    content:"\f105"*/

/*}*/

@media (max-width: 991px) {
    #nav-menu-container {
        display: none
    }
    .deps{
        padding-bottom:0 !important;
    }
}

.nav-menu a {
 
    /*padding: 0 0px 0px 35px;*/
    text-decoration: none;
    display: inline-block;
    color: rgb(255 254 254);
    /*font-weight:bold;*/
    font-size: 20px;
    text-transform: uppercase;
    outline: none;
    font-weight: 600;
}

.nav-menu a:hover {
    color: #ffa500;
}

/* .nav-menu>li{*/
/*    margin-left:10px*/
/*} */

.nav-menu ul {
    margin-top:10px;
    /*margin: 13px 0 0 100px;*/
    padding: 20px;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    background: #ffffff9c;
    /*background: #ffffff4d;*/
     width: 265px; 
    /*width: auto;*/
}

.nav-menu ul li {
    transition: 0.3s
}

.nav-menu ul li a {
       text-align:left;
       width:250px;
           white-space: normal;
    word-break: break-word;
    border-bottom: 1px solid #efefef;
    padding: 5px 15px;
    color: #333;
    transition: 0.3s;
    display: block;
    font-size: 14px;
    font-weight: 200;
    text-transform: initial;
    font-family: Arial, Helvetica, sans-serif;
}

.nav-menu ul li:hover>a {
    color: #d1ab7f
}

.nav-menu ul ul {
    margin-right: 10px;
    margin-top: 0
}

#mobile-nav-toggle {
    position: fixed;
    right: -1px;
    z-index: 999;
    top: 73px;
    border: 0;
    background: none;
    font-size: 34px;
    display: none;
    transition: all 0.4s;
    outline: none;
    cursor: pointer;
}

#mobile-nav-toggle i {
    color: black;
    font-weight: 600;
}

@media (max-width: 991px) {
    #mobile-nav-toggle {
        display: inline;
    }
    #nav-menu-container {
        display: none;
    }
}

#mobile-nav {
    position: fixed;
    /* top: 33px; */
    top: 3px;
    padding-top: 8px;
    bottom: 0;
    z-index: 2000;
    background: rgba(0, 0, 0, 0.8);
        /* left: -260px; */
    /* width: 260px; */
    left: -320px;

    width: 320px;
    overflow-y: auto;
    transition: 0.4s
}

#mobile-nav ul {
    /* padding: 30px; */
    padding:0;
    margin: 0;
    list-style: none
}

#mobile-nav ul li {
    position: relative
}

#mobile-nav ul li a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    overflow: hidden;
    padding: 10px 22px 10px 15px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: block;
    outline: none;
    font-weight: 600;

}
@media (max-width: 767.98px) {
   #mobile-nav ul li a {
    
    font-size: 15px;
  

} 
}

#mobile-nav ul li a:hover {
    color: #fff
}

#mobile-nav ul li li {
    padding-left: 30px
}
#mobile-nav .sub-menu a{
    color: #c78964;
    font-size:13px;
}
#mobile-nav .sub-submenu a{
    color: rgb(255, 255, 255);
    font-size:12px;
    padding:4px;
}
#mobile-nav ul .menu-has-children i {
    position: absolute;
    right: 0;
    z-index: 99;
    padding: 15px;
    cursor: pointer;
    color: #fff
}

.nav-menu-logo{
    display: none;
}
.dept-sub ul{
    margin-left: 254px;
}
.sub-menu{
    width:250px;
   
}
@media (max-width: 1400px) {
   .dept-sub ul{
    margin-left: 304px;
}
}

#mobile-nav .dept-sub li{
    border-bottom:1px solid #3f3f3f;
    margin-left: 10px;
}
#mobile-nav ul .menu-has-children i.fa-chevron-up {
    color: #d1ab7f
}

#mobile-nav ul .menu-has-children li a {
    text-transform: none
}

#mobile-nav ul .menu-item-active {
    color: #d1ab7f
}
/*.hr-menu{*/
/*    display: none;*/
/*}*/
#mobile-body-overly {
    width: 100%;
    height: 100%;
    z-index: 997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    display: none
}

body.mobile-nav-active {
    overflow: hidden
}

body.mobile-nav-active #mobile-nav {
    left: 0
}
body.mobile-nav-active .nav-menu-logo {
   display: block;
}
/*body.mobile-nav-active .hr-menu {*/
/*   display: block;*/
/*   color: white;*/
/*}*/
body.mobile-nav-active #mobile-nav-toggle {
    color: #fff
}

.section-gap {
    padding: 54px 0
}

.section-title {
    padding-bottom: 30px
}

.section-title h2 {
    margin-bottom: 20px
}

.section-title p {
    font-size: 16px;
    margin-bottom: 0
}

@media (max-width: 991.98px) {
    .section-title p br {
        display: none
    }
}

.alert-msg {
    color: #008000
}

.text-yellow {
    color: #FFC107 !important;
}

.bg-yellow {
    background: #FFC107 !important;
}

.primary-btn {
    background: #c78964;
    line-height: 42px;
    padding-left: 30px;
    padding-right: 30px;
    /* border-radius:25px; */
    border: none;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    position: relative
}

.primary-btn:focus {
    outline: none
}

.primary-btn span {
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
    right: 30px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.primary-btn:hover {
    color: #fff
}

.primary-btn:hover span {
    color: #fff;
    right: 20px
}

.primary-btn.white {
    border: 1px solid #fff;
    color: #fff
}

.primary-btn.white span {
    color: #fff
}

.primary-btn.white:hover {
    background: #fff;
    color: #d1ab7f
}

.primary-btn.white:hover span {
    color: #d1ab7f
}

.primary-btn.squire {
    border-radius: 0px !important;
    border: 1px solid transparent;
    font-weight: 200;
    text-decoration: none;
}

.primary-btn.squire:hover {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
}

.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.banner-area {
    /* background: url(../img/banner-bg.jpg) center;
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
    position: relative; */
    /*padding: 80px 0;*/
}

.swiper-slide::after {
    content: '';
    /* Required to generate the pseudo-element */
    position: absolute;
    /* Position it absolutely inside the .hero-style-1 container */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); */
    /* Gradient from left to right */
    z-index: 1;
    /* Ensure the gradient is above the background but below other content */
}

.inner-banner {
    height: 319px;
}

.banner-area:before {
    content: "";
    /*background: #000000a3;*/
    background: #0000004f;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.inner-banner .about-content h3 {
    margin-top: 73px;
    text-transform: uppercase;
}

@media (max-width: 767.98px) {
    .banner-area .fullscreen {
        height: 345px !important
    }
    .inner-banner .about-content h3 {
        margin-top: 78px;
    }
    .inner-banner {
        height: 235px;
    }
}

.banner-area .primary-btn {
    padding-left: 30px;
    padding-right: 30px
}

.banner-area .overlay-bg {
    background-color: rgba(4, 9, 30, 0.5)
}

.banner-content {
    text-align: center;
    margin-top: 31px;
}

.banner-content h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px !important;
    margin-top: 20px;
    padding: 1px 134px 1px 1px;
    margin-bottom: 20px;
    /*border-bottom:1px solid #d1ab7f;*/
    /*border-top:1px solid #d1ab7f*/
}

@media (max-width: 1024px) {
    .banner-content h1 {
        font-size: 62px
    }
}

@media (max-width: 991px) {
    .banner-content h1 {
        font-size: 50px
    }
}

@media (max-width: 414px) {
    .banner-content h1 {
        line-height: 28px !important;
        font-size: 22px;
    }
}

.banner-content p {
    max-width: 900px
}

.banner-content h6 {
    color: #fff;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 14px
}

.banner-img {
    text-align: right
}

@media (max-width: 767px) {
    .banner-img {
        width: 60%;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

.home-about-area .primary-btn:hover {
    color: #330245;
    border-color: #330245;
    font-weight: bold;
    background-color: #d1ab7f;
}

.home-about-area h1 {
    padding: 20px 0px
}

.home-about-area h6 {
    color: #d1ab7f;
    font-weight: 400
}

.home-about-area p span {
    color: #222
}

.home-about-area .about-img {
    position: absolute;
    right: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

@media (max-width: 1366px) {
    .home-about-area .about-img {
        width: 20%
    }
}

@media (max-width: 767px) {
    .home-about-area .about-img {
        display: none
    }
}

.item-category-area {
    background: #330245;
}

.item-category-area .single-cat-item {
    text-align: center
}

.item-category-area .single-cat-item .thumb img {
    border-radius: 90px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.item-category-area .single-cat-item h4 {
    padding: 20px 0px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.item-category-area .single-cat-item:hover h4 {
    color: #d1ab7f
}

.item-category-area .single-cat-item:hover .thumb img {
    transform: scale(1.07)
}

@media (max-width: 991px) {
    .item-category-area .single-cat-item {
        margin-bottom: 30px
    }
}

.item-category-area .primary-btn {
    border-radius: 0px;
    border: 1px solid #d1ab7f;
    font-weight: 200;
}

.item-category-area .primary-btn:hover {
    background: transparent;
    border-color: #d1ab7f;
    color: #d1ab7f
}




.about-video-left h6 {
    color: #d1ab7f;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 12px
}

.about-video-left h1 {
    padding: 20px 0
}

@media (max-width: 413px) {
    .about-video-left h1 br {
        display: none
    }
}

.about-video-left p span {
    font-weight: 600;
    color: #222
}

.about-video-left .primary-btn {
    margin-top: 25px;
    background-color: #00137d;
    border: 1px solid transparent;
    text-transform: capitalize;
    border-radius: 0px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.about-video-left .primary-btn:hover {
    background-color: transparent;
    color: #d1ab7f;
    border-color: #d1ab7f
}

@media (max-width: 991px) {
    .about-video-left {
        padding-bottom: 100px
    }
}

.about-video-right {
    background: url(../img/video-bg.jpg) no-repeat center;
    background-size: cover;
    height: 330px
}

.about-video-right .overlay-bg {
    background-color: rgba(0, 0, 0, 0.5)
}

.about-video-right .play-btn {
    z-index: 2
}

.review-area {
    background: url(../img/bg.jpg) center;
    background-size: cover;
    color: #fff;
    background-attachment: fixed;
}

.review-area h4 {
    color: #fff;
    font-size: 27px;
    font-weight: bold;
}

.review-area .overlay-bg {
    background: rgba(4, 9, 30, 0.5)
}

.review-area .owl-carousel .owl-item img {
    width: auto !important
}

.review-area .owl-dots {
    text-align: center;
    bottom: 5px;
    margin-top: 20px;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.review-area .owl-dot {
    height: 10px;
    width: 10px;
    display: inline-block;
    background: rgba(127, 127, 127, 0.5);
    margin-left: 5px;
    margin-right: 5px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.review-area .owl-dot.active {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background: #d1ab7f
}

.single-review .title {
    margin: 20px 0
}

.single-review .star {
    margin-left: 30px
}

.single-review .star .checked {
    color: #800000
}

@media (max-width: 414px) {
    .single-review {
        padding: 15px
    }
}

.blog-area {
    /*background: #64120d2b;*/
}

.blog-area .scroll-left .single-blog .bottom span {
    color: #330245;
}

.blog-area h1 {
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
    color: #330245;
    text-transform: capitalize
}

.blog-area .border-topup {
    border-bottom: 1px solid #180524;
    border-top: 1px solid #170324;
}

.blog-area p {
    /*margin-bottom:45px;*/
    /*text-align:center*/
}

.single-blog .thumb {
    overflow: hidden
}

.single-blog .thumb img {
    width: 100%
}

.single-blog h4 {
    color: #180524;
    margin: 0;
    margin-bottom: -16px;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 35px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.single-blog .bx-bottom a h4:hover {
    color: #011016;
    /*font-weight: bold;*/
}

.single-blog a {
    color: #222
}

.single-blog .name {
    font-size: 13px;
    font-weight: 100
}
.name{
    color: black;
    font-size: 15px;
    font-weight: 600;
}
.single-blog p {
    text-align: left;
    font-weight: bold;
    margin-top: 15px !important;
    color: rgb(36, 2, 44);
}

.single-blog .bottom a h4 {
    color: rgb(20, 10, 10);
    font-weight: bold;
}

.single-blog .bottom {
    padding: 20px 0;
    /*border-bottom: 4px solid #bb63557a*/
}

.single-blog .bottom span {
    margin-left: 10px
}

@media (max-width: 991px) {
    .single-blog .meta {
        margin-top: 20px
    }
}

@media (max-width: 768px) {
    .single-blog {
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    .single-blog .meta {
        margin-top: 0px
    }
}

.single-blog .f-img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.single-blog:hover {
    cursor: pointer
}

.single-blog:hover h4 {
    color: #d1ab7f
}

.single-blog:hover .f-img {
    cursor: pointer;
    transform: scale(1.05)
}

.footer-area {
    /* background:#04091e; */
    background: url(../img/bg.jpg);
    padding-top: 100px
}

/*.footer-area:before {*/

/*    content: "";*/

/*    background: #000000bf;*/

/*    position: absolute;*/

/*    bottom: 0;*/

/*    top: 0;*/

/*    left: 0;*/

/*    right: 0;*/

/*}*/

.footer-area h6 {
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

.footer-area p {
    color: #fff;
    /*font-weight: 200;*/
    text-align: center;
}

.copy-right-text i,
.copy-right-text a {
    color: #d1ab7f
}

.footer-social a {
    font-size;16px;
    padding-right: 25px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.footer-social a:hover i {
    color: #d1ab7f
}

.footer-social i {
    color: #cccccc;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

@media (max-width: 991.98px) {
    .footer-social {
        text-align: left
    }
}

.single-footer-widget input {
    border: none;
    width: 80% !important;
    font-weight: 300;
    background: #f9f9ff;
    padding-left: 20px;
    border-radius: 0;
    font-size: 13px;
    padding: 9.5px 18px
}

.single-footer-widget input:focus {
    background: #f9f9ff;
    box-shadow: none
}

.single-footer-widget .click-btn {
    color: #d1ab7f;
    color: #fff;
    padding: 9.5px 18px;
    font-weight: 300;
    border-radius: 0;
    z-index: 9999;
    cursor: pointer
}

.single-footer-widget .info {
    position: absolute;
    margin-top: 20%;
    color: #fff;
    font-size: 12px
}

.single-footer-widget .info.valid {
    color: green
}

.single-footer-widget .info.error {
    color: #c78964;
}

.single-footer-widget .click-btn {
    background-color: #d1ab7f;
    color: #fff;
    border-radius: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 8px 12px;
    border: 0;
    font-size: 14px;
    font-weight: 900
}

.single-footer-widget ::-moz-selection {
    background-color: #191919 !important;
    color: #777
}

.single-footer-widget ::selection {
    background-color: #191919 !important;
    color: #777
}

.single-footer-widget ::-webkit-input-placeholder {
    color: #777;
    font-weight: 300
}

.single-footer-widget :-moz-placeholder {
    color: #777;
    opacity: 1;
    font-weight: 300
}

.single-footer-widget ::-moz-placeholder {
    color: #777;
    opacity: 1;
    font-weight: 300
}

.single-footer-widget :-ms-input-placeholder {
    color: #777;
    font-weight: 300
}

.single-footer-widget ::-ms-input-placeholder {
    color: #777;
    font-weight: 300
}

@media (max-width: 991.98px) {
    .single-footer-widget {
        margin-bottom: 30px
    }
}

@media (max-width: 800px) {
    .social-widget {
        margin-top: 30px
    }
}

.footer-text {
    font-weight:500;
    padding-top: 20px
}
.footer-social{
        display: flex
;
    flex-direction: column;

    justify-content: center;
}
.footer-social i{
    margin-right:10px !important;
}
.footer-text a,
.footer-text i {
    color: #c78964
    font-weight:500;
}

.whole-wrap {
    background-color: #fff
}
.footer-social a{
   color:#fff 
}
.footer-social a:hover{
    color:#c78964;
}

.generic-banner {
    margin-top: 60px;
    background-color: #d1ab7f;
    text-align: center
}

.generic-banner .height {
    height: 600px
}

@media (max-width: 767.98px) {
    .generic-banner .height {
        height: 400px
    }
}

.generic-banner .generic-banner-content h2 {
    line-height: 1.2em;
    margin-bottom: 20px
}

@media (max-width: 991.98px) {
    .generic-banner .generic-banner-content h2 br {
        display: none
    }
}

.generic-banner .generic-banner-content p {
    text-align: center;
    font-size: 16px
}

@media (max-width: 991.98px) {
    .generic-banner .generic-banner-content p br {
        display: none
    }
}

.generic-content h1 {
    font-weight: 600
}

.about-generic-area {
    background: #fff
}

.about-generic-area p {
    margin-bottom: 20px
}

.white-bg {
    background: #fff
}

.section-top-border {
    padding: 12px 0;
    padding-top: 1px;
}

.switch-wrap {
    margin-bottom: 10px
}

.switch-wrap p {
    margin: 0
}

.link-nav {
    margin-top: 10px;
    margin-bottom: 0px
}

.about-banner {
    background: url(../img/top-banner.jpg) center
}

.about-content {
    margin-top: 180px;
    padding: 50px 0px;
    text-align: center
}

@media (max-width: 767px) {
    .about-content {
        margin-top: 70px
    }
}

.about-content h1 {
    margin-top: 79px;
    font-size: 48px;
    font-weight: 600
}

.about-content a {
    color: #fff;
    font-weight: 300;
    font-size: 14px
}

.about-content .lnr {
    margin: 0px 10px;
    font-weight: 600
}

.menu-list-area {
    background: url(../img/pattern-bg.jpg)
}

.menu-list-area .menu-cat {
    margin-bottom: 80px
}

.menu-list-area .menu-cat .nav-pills .nav-item {
    background-color: #fff;
    margin: 10px
}

.menu-list-area .menu-cat .nav-pills .nav-item a {
    font-size: 16px;
    font-weight: 500;
    padding: 8px 30px;
    border-radius: 0px;
    color: #222
}

.menu-list-area .menu-cat .nav-pills .nav-item .active {
    background-color: #d1ab7f;
    color: #fff
}

.menu-list-area .single-menu-list {
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 10px 30px 0px rgba(182, 136, 52, 0.1);
    z-index: 9999
}

.menu-list-area .single-menu-list h4 {
    margin-bottom: 20px
}

.menu-list-area .single-menu-list p {
    max-width: 670px;
    margin-bottom: 0px
}

.menu-list-area .single-menu-list .title {
    max-width: 670px
}

.menu-list-area .single-menu-list .price-size {
    text-align: center
}

@media (max-width: 991px) {
    .menu-list-area .single-menu-list .price-size {
        margin-top: 20px
    }
}

.menu-list-area .single-menu-list .price-size .s-price span {
    font-size: 18px;
    font-weight: 600;
    color: #d1ab7f
}

.menu-list-area .bg-img {
    position: absolute;
    right: 0;
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    transform: translateY(-200%)
}

.team-area .single-team {
    padding: 10px;
    /*height: 42vh;*/
    border: 6px solid #ffffff;
    background: #454e571c;
}

.team-area .thumb {
    position: relative
}

.team-area .thumb div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(209, 171, 127, 0.8);
    color: #fff;
    opacity: 0;
    transition: opacity 0.5s
}

.team-area .thumb div i {
    color: #fff;
    font-size: 20px;
    padding: 10px;
    z-index: 2
}

.team-area .thumb img {
    margin-left: auto;
    margin-right: auto;
    /*height: 16vh;*/
    width: 153px;
    border-radius: 50%;
    display: block;
}

@media only screen and (min-width:1300px) and (max-width:1400px) {
    .team-area .thumb img {
        /*height: 24vh !important;*/
    }
}

.team-area .thumb div span {
    display: block;
    position: absolute;
    bottom: 30px;
    left: 20px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 3px
}

.team-area .thumb div p {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 20px;
    font-weight: 100
}

@media (max-width: 768px) {
    .team-area .thumb div p {
        bottom: -15px
    }
}

.team-area .thumb:hover div {
    opacity: 1;
    cursor: pointer
}

.contact-page-area .map-wrap {
    margin-bottom: 120px
}

@media (max-width: 991px) {
    .contact-page-area .map-wrap {
        margin-bottom: 50px
    }
}

.contact-page-area .contact-btns {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 40px;
    color: #fff;
    margin-bottom: 30px
}

.contact-page-area .contact-btns:hover {
    color: #fff
}

.contact-page-area .form-area input {
    padding: 15px
}

.contact-page-area .form-area input,
.contact-page-area .form-area textarea {
    border-radius: 0;
    font-size: 12px
}

.contact-page-area .form-area textarea {
    height: 190px;
    margin-top: 0px;
    padding: 15px
}

.contact-page-area .form-area .genric-btn {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 0 !important;
    font-size: 14px;
    text-transform: uppercase !important
}

.contact-page-area .form-area .genric-btn:hover {
    border: 1px solid #d1ab7f;
    color: #d1ab7f !important
}

.contact-page-area .single-contact-address {
    margin-bottom: 8px
}

.contact-page-area .single-contact-address h5 {
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 5px
}

.contact-page-area .single-contact-address .lnr {
    font-size: 30px;
    font-weight: 500;
    color: #d1ab7f;
    margin-right: 30px
}

.blog-home-banner {
    background: url(../img/blog/blog-home-banner.jpg) bottom;
    background-size: cover;
    padding: 130px 0px
}

.blog-home-banner .primary-btn {
    border-radius: 0px;
    background: #fff;
    color: #222;
    font-weight: 600;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.blog-home-banner .primary-btn:hover {
    background: transparent;
    border-color: #fff;
    color: #fff
}

.blog-home-banner .overlay-bg {
    background: rgba(0, 0, 0, 0.5)
}

.blog-page {
    background: #f9f9ff
}

.blog-header-content h1 {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 414px) {
    .blog-header-content h1 {
        font-size: 30px
    }
}

.blog-header-content p {
    margin: 20px 0px
}

.top-category-widget-area {
    background-color: #efefef;
}

.top-category-widget-area .single-cat-widget {
    position: relative;
    text-align: center
}

.top-category-widget-area .single-cat-widget .overlay-bg {
    background: rgba(0, 0, 0, 0.85);
    margin: 7%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.top-category-widget-area .single-cat-widget img {
    width: 100%
}

.top-category-widget-area .single-cat-widget .content-details {
    top: 41%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    bottom: 0px;
    position: absolute
}

.top-category-widget-area .single-cat-widget .content-details h4 {
    color: #fff
}

.top-category-widget-area .single-cat-widget .content-details span {
    display: inline-block;
    background: #fff;
    width: 60%;
    height: 1%
}

.top-category-widget-area .single-cat-widget:hover .overlay-bg {
    background: rgba(209, 171, 127, 0.85);
    margin: 7%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

@media (max-width: 991px) {
    .top-category-widget-area .single-cat-widget {
        margin-bottom: 50px
    }
}

 .post-content-area {
     /*margin: 30px 0;*/
    background-color:white;
    padding:50px 0;
}
.post-content-area h4{
    text-align:center;
}

.post-content-area .single-post {
    margin-bottom: 30px
}

.post-content-area .single-post .meta-details {
    text-align: right;
    margin-top: 90px;
    line-height: 42px !important;
}

@media (max-width: 767px) {
    .post-content-area .single-post .meta-details {
        text-align: left
    }
}

.post-content-area .single-post .meta-details .tags {
    margin-bottom: 30px
}

.post-content-area .single-post .meta-details .tags li {
    display: inline-block;
    font-size: 14px
}

.post-content-area .single-post .meta-details .tags li a {
    color: #222;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.post-content-area .single-post .meta-details .tags li a:hover {
    color: #d1ab7f
}

@media (max-width: 1024px) {
    .post-content-area .single-post .meta-details {
        margin-top: 0px
    }
}

.post-content-area .single-post .user-name a,
.post-content-area .single-post .date a,
.post-content-area .single-post .view a,
.post-content-area .single-post .comments a {
    color: #777;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.post-content-area .single-post .user-name a:hover,
.post-content-area .single-post .date a:hover,
.post-content-area .single-post .view a:hover,
.post-content-area .single-post .comments a:hover {
    color: #d1ab7f
}

.post-content-area .single-post .user-name .lnr,
.post-content-area .single-post .date .lnr,
.post-content-area .single-post .view .lnr,
.post-content-area .single-post .comments .lnr {
    font-weight: 900;
    color: #222
}

.post-content-area .single-post .feature-img img {
    width: 100%
}

.post-content-area .single-post .posts-title h3 {
    margin: 20px 0px
}

.post-content-area .single-post .excert {
    margin-bottom: 20px
}

.post-content-area .single-post .primary-btn {
    background: #fff !important;
    color: #222 !important;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 0px !important;
  
}
.course-sub{
  
    margin-bottom:40px;
}

.post-content-area .single-post .primary-btn:hover {
    background: #d1ab7f !important;
    color: #fff !important
} */
.posts-list{
    
}
.blog-pagination {
    padding-top: 60px;
    padding-bottom: 120px
}

.blog-pagination .page-link {
    border-radius: 0
}

.blog-pagination .page-item {
    border: none
}

.page-link {
    background: transparent;
    font-weight: 400
}

.blog-pagination .page-item.active .page-link {
    background-color: #d1ab7f;
    border-color: transparent
}

.blog-pagination .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #777;
    border: none
}

.blog-pagination .page-link .lnr {
    font-weight: 600
}

.blog-pagination .page-item:last-child .page-link,
.blog-pagination .page-item:first-child .page-link {
    border-radius: 0
}

.blog-pagination .page-link:hover {
    color: #fff;
    text-decoration: none;
    background-color: #d1ab7f;
    border-color: #eee
}

.sidebar-widgets {
    padding-bottom: 0px
}

.widget-wrap {
    margin-top: 20px;
    background: #5f0560;
    padding: 20px 0px;
    border: 1px solid #eee
}

@media (max-width: 991px) {
    .widget-wrap {
        margin-top: 22px;
    }
}

.widget-wrap .single-sidebar-widget {
    margin: 0px 10px;
    /*padding-bottom:30px;*/
    border-bottom: 1px solid #eee
}

.widget-wrap .single-sidebar-widget:last-child {
    border-bottom: none;
    margin-bottom: 0px
}

.widget-wrap .search-widget form.search-form input[type=text] {
    color: #fff;
    padding: 10px 22px;
    font-size: 14px;
    border: none;
    float: left;
    width: 80%;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    background: #d1ab7f
}

.widget-wrap .search-widget ::-webkit-input-placeholder {
    color: #fff
}

.widget-wrap .search-widget ::-moz-placeholder {
    color: #fff
}

.widget-wrap .search-widget :-ms-input-placeholder {
    color: #fff
}

.widget-wrap .search-widget :-moz-placeholder {
    color: #fff
}

.widget-wrap .search-widget form.search-form button {
    float: left;
    width: 20%;
    padding: 10px;
    background: #d1ab7f;
    color: white;
    font-size: 17px;
    border: none;
    cursor: pointer;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px
}

.widget-wrap .search-widget form.search-form::after {
    content: "";
    clear: both;
    display: table
}

.widget-wrap .user-info-widget {
    text-align: center
}

.widget-wrap .user-info-widget a h4 {
    margin-top: 40px;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.widget-wrap .user-info-widget .social-links li {
    display: inline-block;
    margin-bottom: 10px
}

.widget-wrap .user-info-widget .social-links li a {
    color: #222;
    padding: 10px;
    font-size: 14px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.widget-wrap .user-info-widget .social-links li a:hover {
    color: #d1ab7f
}

.widget-wrap .popular-post-widget .popular-title {
    background: #04091e;
    color: #fff;
    text-align: center;
    padding: 12px 0px
}

.widget-wrap .popular-post-widget .popular-post-list {
    margin-top: 30px
}

.widget-wrap .popular-post-widget .popular-post-list .thumb img {
    width: 100%
}

.widget-wrap .popular-post-widget .single-post-list {
    margin-bottom: 20px;
    border-bottom: 1px solid #80808052;
}

.widget-wrap .popular-post-widget .single-post-list .details {
    margin-left: 12px
}

.widget-wrap .popular-post-widget .single-post-list .details h6 {
    font-weight: 400;
    margin-bottom: 10px;
    color: yellow;
}

.widget-wrap .popular-post-widget .single-post-list .details p {
    margin-bottom: 0px;
    color: white;
}

.widget-wrap .ads-widget img {
    width: 100%
}

.widget-wrap .post-category-widget .category-title {
    background: #ffc107;
    color: #fff;
    text-align: center;
    padding: 12px 0px
}

.widget-wrap .post-category-widget .cat-list li {
    padding-top: 8px;
    padding-bottom: 14px;
    border-bottom: 2px solid #eee;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.widget-wrap .post-category-widget .cat-list li p {
    color: rgb(214, 185, 21);
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase !important;
    margin-bottom: 0px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.widget-wrap .post-category-widget .cat-list li a {
    color: #efe2e2
}

.widget-wrap .post-category-widget .cat-list li:hover {
    border-color: #d1ab7f
}

.widget-wrap .post-category-widget .cat-list li:hover p {
    color: #d1ab7f
}

.widget-wrap .newsletter-widget .newsletter-title {
    background: #d1ab7f;
    color: #fff;
    text-align: center;
    padding: 12px 0px
}

.widget-wrap .newsletter-widget .col-autos {
    width: 100%
}

.widget-wrap .newsletter-widget p {
    text-align: center;
    margin: 20px 0px
}

.widget-wrap .newsletter-widget .bbtns {
    background: #d1ab7f;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    padding: 8px 20px;
    border-radius: 0
}

.widget-wrap .newsletter-widget .input-group-text {
    background: #fff;
    border-radius: 0px;
    vertical-align: top
}

.widget-wrap .newsletter-widget .input-group-text i {
    color: #ccc;
    margin-top: -1px
}

.widget-wrap .newsletter-widget .form-control {
    border-left: none !important;
    border-right: none !important;
    border-radius: 0px;
    font-size: 13px;
    color: #ccc;
    padding: 9px;
    padding-left: 0px
}

.widget-wrap .newsletter-widget .form-control:focus {
    box-shadow: none;
    border-color: #ccc
}

.widget-wrap .newsletter-widget ::-webkit-input-placeholder {
    font-size: 13px;
    color: #ccc
}

.widget-wrap .newsletter-widget ::-moz-placeholder {
    font-size: 13px;
    color: #ccc
}

.widget-wrap .newsletter-widget :-ms-input-placeholder {
    font-size: 13px;
    color: #ccc
}

.widget-wrap .newsletter-widget :-moz-placeholder {
    font-size: 13px;
    color: #ccc
}

.widget-wrap .newsletter-widget .text-bottom {
    margin-bottom: 0px
}

.widget-wrap .tag-cloud-widget .tagcloud-title {
    background: #04091e;
    color: #fff;
    text-align: center;
    padding: 12px 0px;
    margin-bottom: 30px
}

.widget-wrap .tag-cloud-widget ul li {
    display: inline-block;
    border: 1px solid #eee;
    background: #fff;
    padding: 4px 14px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.widget-wrap .tag-cloud-widget ul li:hover {
    background: #d1ab7f
}

.widget-wrap .tag-cloud-widget ul li:hover a {
    color: #fff
}

.widget-wrap .tag-cloud-widget ul li a {
    font-size: 14px;
    color: black
}

/* .single-post-area {
    padding-top: 50px;
    padding-bottom: 80px
} */

.single-post-area .meta-details {
    margin-top: 20px !important
}

.single-post-area .social-links li {
    display: inline-block;
    margin-bottom: 10px
}

.single-post-area .social-links li a {
    color: #222;
    padding: 7px;
    font-size: 14px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.single-post-area .social-links li a:hover {
    color: #d1ab7f
}

.single-post-area .quotes {
    margin-top: 20px;
    padding: 30px;
    background-color: #fff;
    box-shadow: -20.84px 21.58px 30px 0px rgba(176, 176, 176, 0.1)
}

.single-post-area .arrow {
    position: absolute
}

.single-post-area .arrow .lnr {
    font-size: 20px;
    font-weight: 600
}

.single-post-area .thumb .overlay-bg {
    background: rgba(0, 0, 0, 0.8)
}

.single-post-area .navigation-area {
    border-top: 1px solid #eee;
    padding-top: 30px
}

.single-post-area .navigation-area .nav-left {
    text-align: left
}

.single-post-area .navigation-area .nav-left .thumb {
    margin-right: 20px;
    background: #000
}

.single-post-area .navigation-area .nav-left .thumb img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.single-post-area .navigation-area .nav-left .lnr {
    margin-left: 20px;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.single-post-area .navigation-area .nav-left:hover .lnr {
    opacity: 1
}

.single-post-area .navigation-area .nav-left:hover .thumb img {
    opacity: .5
}

@media (max-width: 767px) {
    .single-post-area .navigation-area .nav-left {
        margin-bottom: 30px
    }
}

.single-post-area .navigation-area .nav-right {
    text-align: right
}

.single-post-area .navigation-area .nav-right .thumb {
    margin-left: 20px;
    background: #000
}

.single-post-area .navigation-area .nav-right .thumb img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.single-post-area .navigation-area .nav-right .lnr {
    margin-right: 20px;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.single-post-area .navigation-area .nav-right:hover .lnr {
    opacity: 1
}

.single-post-area .navigation-area .nav-right:hover .thumb img {
    opacity: .5
}

.comments-area {
    background: #fafaff;
    border: 1px solid #eee;
    padding: 50px 20px;
    margin-top: 50px
}

@media (max-width: 414px) {
    .comments-area {
        padding: 50px 8px
    }
}

.comments-area h4 {
    text-align: center;
    margin-bottom: 50px
}

.comments-area a {
    color: #222
}

.comments-area .comment-list {
    padding-bottom: 30px
}

.comments-area .comment-list:last-child {
    padding-bottom: 0px
}

.comments-area .comment-list.left-padding {
    padding-left: 25px
}

@media (max-width: 413px) {
    .comments-area .comment-list .single-comment h5 {
        font-size: 12px
    }
    .comments-area .comment-list .single-comment .date {
        font-size: 11px
    }
    .comments-area .comment-list .single-comment .comment {
        font-size: 10px
    }
}

.comments-area .thumb {
    margin-right: 20px
}

.comments-area .date {
    font-size: 13px;
    color: #cccccc
}

.comments-area .comment {
    color: #777777
}

.comments-area .btn-reply {
    background-color: #fff;
    color: #222;
    padding: 8px 30px;
    display: block;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.comments-area .btn-reply:hover {
    background-color: #d1ab7f;
    color: #fff
}

.comment-form {
    text-align: center;
    background: #fafaff;
    border: 1px solid #eee;
    padding: 50px 20px;
    margin-top: 50px
}

.comment-form h4 {
    text-align: center;
    margin-bottom: 50px
}

.comment-form .name {
    padding-left: 0px
}

@media (max-width: 991px) {
    .comment-form .name {
        padding-right: 0px
    }
}

.comment-form .email {
    padding-right: 0px
}

@media (max-width: 991px) {
    .comment-form .email {
        padding-left: 0px
    }
}

.comment-form .form-control {
    padding: 10px;
    background: #fff;
    border: none;
    border-radius: 0px;
    width: 100%;
    font-size: 13px;
    color: #777777
}

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

.comment-form ::-webkit-input-placeholder {
    font-size: 13px;
    color: #777
}

.comment-form ::-moz-placeholder {
    font-size: 13px;
    color: #777
}

.comment-form :-ms-input-placeholder {
    font-size: 13px;
    color: #777
}

.comment-form :-moz-placeholder {
    font-size: 13px;
    color: #777
}

.comment-form .primary-btn {
    border-radius: 0px !important;
    border: 1px solid transparent
}

.comment-form .primary-btn:hover {
    background: transparent;
    border-color: #d1ab7f !important;
    color: #d1ab7f !important
}

.h-60 {
    height: 640px !important;
    position: relative;
    top: 120px;
}

.menu {
    padding: 40px 40px 40px 40px;
    font-size: 1.5em;
    color: black;
    text-decoration: none;
}

.menu:hover {
    color: #818181;
    text-decoration: none;
    background-color: #191919;
    cursor: pointer;
    cursor: hand;
}

/* The Overlay (background) */

.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 0;
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0, 0, 0);
    /* Black fallback color */
    background-color: rgba(0, 0, 0, 0.9);
    /* Black w/opacity */
    overflow-x: hidden;
    /* Disable horizontal scroll */
    transition: 0.5s;
    /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */

.overlay-content {
    position: relative;
    /* top: 25%; 25% from the top */
    width: 100%;
    /* 100% width */
    text-align: center;
    /* Centered text/links */
    margin-top: 30px;
    /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    /* Display block instead of inline */
    transition: 0.3s;
    /* Transition effects on hover (color) */
}

/* Change Nav-Links color on mouseover*/

.overlay a:hover,
.overlay a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */

@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px
    }
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
    overflow-y: scroll;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 6%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover,
.overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 53px;
    right: 45px;
    font-size: 60px;
}

@media screen and (max-height: 450px) {
    .overlay {
        overflow-y: auto;
    }
    .overlay a {
        font-size: 20px
    }
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

.slick-list {
    outline: none !important;
}

.slick-slide {
    outline: none !important;
}

.bx-box {
    box-shadow: 0 3px 19px 4px rgb(255 255 255 / 55%);
}

.bx-bottom {
    box-shadow: 0px 12px 13px 0px rgba(114, 103, 103, 0.78);
    border-top: 4px solid #bb63557a;
    /*border-bottom: 4px solid #bb63557a;*/
    /*height: 173px;*/
}

.circle {
    width: 80%;
    height: 100%;
    position: relative;
}

.circle .border {
    /* content: ''; */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    border-radius: 50%;
    border: 5px dotted #ffc105b5 !important;
    -webkit-animation-name: Rotate;
    -webkit-animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: Rotate;
    -moz-animation-duration: 8s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: Rotate;
    -ms-animation-duration: 8s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

.play {
    padding: 15px;
    font-size: 56px;
}

.stop {
    font-size: 12px;
    padding: 30px;
    text-align: center;
}

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

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

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

.box {
    /* font-family: 'Roboto', sans-serif; */
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.box:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.box .curve1 {
    opacity: 0;
    position: absolute;
    right: -2px;
    top: -100%;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

.box:hover .curve1 {
    opacity: 1;
    top: -1%;
}

.box path {
    fill: rgba(255, 255, 255, 0.8);
}

.box img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease 0s;
}

.box:hover img {
    filter: blur(2px) grayscale(100%);
}

.box .box-content {
    color: #990000;
    text-align: right;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 2;
}

.box .title {
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.5s ease 0.2s;
}

.box .post {
    color: #000;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin: 0 2px 5px 0;
    opacity: 0;
    display: block;
    transform: translateX(-20%);
    transition: all 0.5s ease 0.2s;
}

.box .icon {
    list-style: none;
    text-align: right;
    padding: 0;
    margin: 0;
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.5s ease 0.2s;
}

.box:hover .title,
.box:hover .post,
.box:hover .icon {
    opacity: 1;
    transform: translateX(0);
}

.box .icon li {
    margin: 0 2px;
    display: inline-block;
}

.box .icon li a {
    color: #7a0000;
    font-size: 17px;
    text-align: center;
    line-height: 32px;
    height: 35px;
    width: 35px;
    border: 2px solid #7a0000;
    border-radius: 50%;
    display: block;
    transition: all 0.3s;
}

.box .icon li a:hover {
    color: #fff;
    background-color: #7a0000;
    border-color: #fff;
    box-shadow: 0 0 5px #000;
}

.box .curve2 {
    opacity: 0;
    position: absolute;
    left: -2px;
    bottom: -100%;
    transition: all 0.3s ease-in-out;
}

.box:hover .curve2 {
    opacity: 1;
    bottom: -2px;
}

@media only screen and (max-width:990px) {
    .box {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:479px) {
    .box .title {
        font-size: 18px;
    }
}

/* .testimonial-section {
    background: #f1f1f1;
    padding: 80px 0;
    text-align: center;
  }
  
  .inner-width{
    max-width: 1200px;
    margin: auto;
    padding: 0 20px;
  }
  
  
  .testimonial-pics {
    padding: 40px 0;
  }
  
  .testimonial-pics img {
    width: 145px;
    height: 145px;
    border-radius: 50%;
    margin: 0 20px;
    filter: grayscale(100%);
    transition: .3s;
    cursor: pointer;
  }
  
  .testimonial-pics img:hover, .testimonial-pics img.active {
    filter: none;
  }
  
  .testimonial {
    display: none;
  }
  
  .testimonial.active {
    display: block;
  } */

.client-md:hover {
    box-shadow: 0px 12px 13px 0px rgb(14 14 14 / 27%) !important;
}

.bg-navy {
    background: #2d3013;
    /* background: url(../img/foot.jpg); */
}

.numbers-counter {
    padding: 80px 0;
}

.numbers-counter ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.numbers-counter ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    text-align: center;
}

/*.stat-number {*/

/*    width: 300px;*/

/*  height: 300px;*/

/* padding: 47px; */

/*  border: 1px solid;*/

/*background-color: #403d3d;*/

/*  border-radius: 50%;*/

/*  color: #99dc2f;*/

/*  font-size: 59px;*/

/*  font-family: 'FlamaSemicondensed Light', sans-serif;*/

/*  display: -webkit-box;*/

/*  display: -ms-flexbox;*/

/*  display: flex;*/

/*  -webkit-box-orient: vertical;*/

/*  -webkit-box-direction: normal;*/

/*  -ms-flex-direction: column;*/

/*  flex-direction: column;*/

/*  -webkit-box-pack: center;*/

/*  -ms-flex-pack: center;*/

/*  justify-content: center; }*/

@media screen and (max-width: 991px) {
    .numbers-counter ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (max-width: 768px) {
    .numbers-counter {
        padding: 0 0 80px 0;
    }
    .numbers-counter ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .number-inc {
        font-size: 70px;
    }
}

@media screen and (max-width: 425px) {
    .numbers-counter {
        padding: 30px 0;
    }
    .number-inc {
        font-size: 65px;
    }
}

@media screen and (max-width: 375px) {
    .number-inc {
        font-size: 50px;
    }
}

.stat-number-label {
    color: #164A62;
    font-size: 16px;
    text-transform: uppercase;
}

p.view.col-lg-12.col-md-12.col-6,
p.date.col-lg-12.col-md-12.col-6,
p.comments.col-lg-12.col-md-12.col-6,
p.user-name.col-lg-12.col-md-12.col-6.text-end {
    text-align: start;
}

@media (max-width: 991px) {
    .navigation-wrap {
        height: 51px;
        /*visibility: hidden;*/
    }
}

@media(min-width: 300px) {
    #top-menu {
        padding-top: 0px !important;
    }
}

.text-body {
    color: #000 !important;
}

.slick-list {
    outline: none !important;
}

.slick-slide {
    outline: none !important;
}

.text-black-50 {
    color: #8c8c8c !important;
}

li.active {
    background: #a4a4a42e;
    /*border-bottom: 1px solid grey !important;*/
}

.table tr td p {
    /*color: #04414a;*/
    padding-top: 0px;
}

.table tr td ol li a {
    color: #010875;
}

.table tr td ol li a:hover {
    color: #5f0560 !important;
}

.single-post p u {
    color: black;
    font-weight: bold;
}


.post-content-area .single-post p {
    color: black;
    padding-top: 0px;
}

.post-content-area .single-post img {
    border: #c78964 4px solid;
}

.align-self-stretch {
    /*background-image: linear-gradient(to right, #4d064d , #857210);*/
    color: black;
    width: 100%;
    box-shadow: 0px 2px 3px 2px #f3eded;
    background-color: white;
    border-radius: 53px
}

/*.iframe-col{*/

/*    background-image: linear-gradient(to right, #4d064d , #857210);*/

/*}*/

.blog-entry-facility .text .heading a:hover {
    color: #c78964;
}

.block-9 .form-group .btn-primary {
    background-color: #045b5e;
    border: #045b5e;
}

.block-9 .form-group .btn-primary:hover {
    background-color: #b8ac0d;
    border: #b8ac0d;
    color: black;
}

.block-9 .contact-bg {
    /*background-image: linear-gradient(to right, #4d064d , #857210);*/
    background-color: #f5f3f3;
}

.block-9 .iframe-col {
    /*border: 3px solid #0d4f5e;*/
    /*background-image: linear-gradient(to right, #4d064d , #857210);*/
}

.faculty {
    padding: 14px 31px 40px;
    margin-bottom: 30px;
    box-shadow: 0 3px 19px 4px rgb(0 0 0 / 11%);
    /* background-color: #f7f5ec; */
    text-align: center;
    overflow: hidden;
    position: relative;
}

.primary-btn.squire:hover {
   background-color: #c78964 !important;
    color: white;
}

.blog-entry {
    background: #c09c8754;
    box-shadow: 5px 5px #dddbdb;
    border: 1px solid #dfdada;
    background: #eaeaea;
}

@media (min-width: 768px) {
    .blog-entry {
        margin-bottom: 10px;
    }
}

.blog-entry .text .desc {
    width: 100%;
}

.blog-entry .text {
    position: relative;
    border-top: 0;
    border-radius: 2px;
}

h4.heading.mb-0 {
    color: #080808;
}

h6.heading.mb-0 {
    color: black;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: transparent;
    background-color: #3a3957;
    color: white;
}

.nav-tabs>li.active>a {
    color: #fff;
    background-color: #3a3957;
    font-weight: bold;
}

ol,
ul {
    padding-left: 0rem !important;
}

a.d-flex.justify-content-center.text-uppercase {
    text-decoration: none;
}

.list li a {
    text-decoration: none !important;
    color: black !important;
    /*list-style: circle !important;*/
}

.list li {
    /*text-decoration: none !important;*/
    list-style: circle !important;
}

a.d-flex.justify-content-center.text-uppercase {
    text-align: center;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
    padding: 1px;
}

.nav-link.active {
    color: black !important;
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color);
    background: #d1ab7f !important;
}

.f-icon {
    color: #972ed3;
    font-size: 26px;
    border: 1px dashed;
    padding: 10px;
    border-radius: 50%;
    font-weight: bold;
}

.f-text {
    font-size: 17px;
}

.single-blog .card-header {
    background-color: #2e1136;
}

.single-blog .card {
    box-shadow: 0px 0px 9px 3px #888888;
    height: 236px;
}

.single-blog .card-body {
    background-color: #e9e7de;
}

/*.single-blog .card .card-body h5 .card-title {*/

/*    margin: 0 !important;*/

/*    margin-bottom: 0px !important;*/

/*}*/

span.number-inc {
    font-weight: 600;
}

.news {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 163px;
    /* border: 2px solid; */
    padding: 34px;
    box-shadow: 0px 0px 13px 0px #818080;
}

.date {
    height: 83px;
    border: 1px solid;
    background-color: #661813;
    color: white;
    /* padding: 29px; */
    border-radius: 0px 20px 0px 22px;
    width: 69px;
    text-align: center;
}

.news .des span {
    color: black;
}

.news .des span i {
    width: 22px;
    color: #661813;
}

.news .des h3 {
    font-size: 18px;
    color: #2a3742;
    font-weight: 700;
    margin: 10px 0;
}

.news a {
    text-decoration: none;
}

.news a:hover {
    text-decoration: none;
}

#blog .scroll-left {
    height: 170px !important;
}

/*.navigation-wrap .contact-info {*/

/*    padding-left: 54px;*/

/*}*/

.navigation-wrap .contact-info i {
    font-style: normal;
    color: #fff;
    padding-left: 20px;
    font-weight: 200;
}

.navigation-wrap .contact-info i span {
    padding-left: 5px;
    color: #fff;
    font-family: 'Poppins';
    font-size: 15px;
}

.top-menus {
    font-weight: 200 !important;
    font-size: 14px !important;
}
.header-top{
    display: flex; 
    justify-content: center; 
    align-items: center;
}

/*.nav-left{*/

/*    margin-left: 35%;*/

/*}*/

#top-menu {
    margin-left: 35%;
}

.single-footer-widget ul li a {
    font-size:16px;
    text-decoration: none;
}

/*.main-menu .nav-menu-container {*/

/*    margin-left: 31px;*/

/*}*/

.nav-menus {
    margin-left: 109px;
}

@media only screen and (min-width:1300px) and (max-width:1400px) {
    #top-menu {
        margin-left: 39%;
    }
    .nav-menus {
        margin-left: 76px;
    }
}
@media only screen and (min-width:1450px) and (max-width:1700px) {
    .social a {
        height:35px;
        width:35px;
    }
}
@media only screen and (min-width:1450px) and (max-width:1700px) {
 
    .nav-menus {
        margin-left: 102px !important;
    }
    #top-menu {
        margin-left: 62% !important;
    }
    .team-area .thumb img {
        /*height: 13vh !important;*/
        /*width: 126px !important;*/
    }
}

.snip1527 {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    color: #ffffff;
    float: left;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 16px;
    margin: 10px 1%;
    /* max-width: 310px; */
    /* min-width: 250px; */
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 100%;
}

.snip1527 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.snip1527 img {
    max-width: 100%;
    vertical-align: top;
    position: relative;
}

.snip1527 figcaption {
    padding: 10px 9px 4px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
}

.snip1527 figcaption:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* background: #700877; */
    content: '';
    background: -moz-linear-gradient(90deg, #2375c7 0%, #0a3552 100%, #ff2759 100%);
    background: -webkit-linear-gradient(90deg, #2375c7 0%, #0a3552 100%, #ff2759 100%);
    background: linear-gradient(90deg, #2375c7 0%, #0a3552 100%, #ff2759 100%);
    opacity: 0.8;
    z-index: -1;
}

.snip1527 .date {
    background-color: #fff;
    border-radius: 50%;
    color: #700877;
    font-size: 18px;
    font-weight: 700;
    min-height: 48px;
    min-width: 48px;
    padding: 10px 0;
    position: absolute;
    right: 15px;
    text-align: center;
    text-transform: uppercase;
    top: -25px;
}

.snip1527 .date span {
    display: block;
    line-height: 14px;
}

.snip1527 .date .month {
    font-size: 11px;
}

.snip1527 h3,
.snip1527 p {
    margin: 0;
    padding: 0;
}

.snip1527 h3 {
    font-size: 20px;
    display: inline-block;
    font-weight: 700;
    letter-spacing: -0.4px;
    margin-bottom: 5px;
}

.snip1527 p {
    font-size: 0.8em;
    line-height: 1.6em;
    margin-bottom: 0px;
}

.snip1527 a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
}

.snip1527:hover img,
.snip1527.hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.gl-btm {
    margin-top: -122px;
}

@media (max-width: 991px) {
    .navigation-wrap .contact-info i span {
        display: none;
    }
    .navigation-wrap .contact-info i {
        display: none !important;
    }
    #header.header-scrolled {
        background-color: #fff;
        padding: 0px;
        /*height: 77px;*/
    }
    .header-contact {
        display: none;
    }
    .single-post-area .quotes {
        padding: 9px !important;
    }
    .single-post-area {
        padding-top: 0px !important;
    }
    .mb-vw {
        background: antiquewhite;
    }
    .nav-menu>li {
        float-left: none;
    }
    /*.nav-menu li{*/
    /*    margin-left: 120px;*/
    /*}*/
    .date {
        margin-top: -22px;
    }
    .news {
        height: 192px;
    }
    .news .des h3 {
        margin: -3px;
    }
    .navbar-light .navbar-toggler-icon {
        background-image: none !important;
    }
    #top-menu {
        margin-left: 1px;
        padding-top: 11px !important;
    }
    .prev {
        display: none !important;
    }
    .next {
        display: none !important;
    }
    .header-logo {
        margin-top: -6px;
        width: 228px;
    }
   
    .navigation-wrap{
        display: none;
    }
    .main-header{
        margin-top: 0;
    }
    .scroll-logo{
        display: block !important;
    }
    .scroll-logo img{
        height: 55px;
        width: auto;
    }
}
@media(max-width:776px) {
     .header-logo {
        margin-top: 36px;
        width: 228px;
    }
    .scroll-logo img{
        height: 45px;
        width: auto;
    }
}
@media(max-width:1000px) {
    .row-news {
        display: flex !important;
        flex-direction: column-reverse;
    }
}

.faculty-model {
    background: #dc9366;
    padding: 10px 10px 10px 10px;
    font-size: 26px;
}

.sybs-align {
    left: 37px;
}

.list-model {
    list-style: disc;
}

.content-faculty {
    padding-left: 20px;
}

.about-section-area .bx-bottom {
    /*box-shadow: 0px 12px 13px 0px rgba(114, 103, 103, 0.78);*/
    border-top: 4px solid #bb63557a;
    /*border-bottom: 4px solid #bb63557a;*/

    margin-bottom: 28px;
}

.about-section-area .bx-bottom:hover {
    box-shadow: 0px 12px 13px 0px rgb(220 176 174);
}

.vs-section .bx-bottom {
    box-shadow: 0px 12px 13px 0px rgba(114, 103, 103, 0.78);
    border-top: 4px solid #bb63557a;
    /*border-bottom: 4px solid #bb63557a;*/
    height: 150px;
    margin-bottom: 0px;
}

.about-section-area .bx-bottom .box:hover {
    box-shadow: none;
}

.about-section-area .bx-bottom .single-post .dest {
    padding-top: 0px !important;
    font-weight: 600;
    color: #120071 !important;
}

.vs-section {
    text-align: justify;
    padding-bottom: 30px;
}

.about-section-area .bx-bottom .box .single-post img {
    padding-left: 0px;
    padding-right: 0px;
}

.vs-section .vision-section {
    padding-right: 25px;
}

.about-section-area {
    padding-bottom: 10px;
}

@media(max-width:1000px) {
    .about-section-area .bx-bottom {
        height: auto !important;
    }
    .post-content-area .single-post {
        margin-bottom: 0px !important;
    }
    .about-section-area .bx-bottom .box {
        padding: 0px !important;
    }
    .about-section-area .bx-bottom .box .single-post img {
        width: 200px;
        height: 250px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .vs-section .vision-section {
        padding-right: 0;
        padding-bottom: 20px !important;
    }
}

.inner-page ul {
    list-style: disc !important;
    padding-left: 20px !important;
}

/*their code*/

.main-containers {
    margin: auto;
    margin-top: 1.5rem;
    padding: 3rem;
    padding-top: 1.5rem;
    background-color: #dbf4ff21;
    box-shadow: 0 1.4rem 8rem rgba(0, 0, 0, 0.1);
    border-radius: 0.8rem;
    text-align: justify;
}

.main-containers:hover {
    /*background: #c78964;*/
    /*color: white;*/
}

.main-containers:hover p {
    color: #1a1a1a;
}

.main-containers:hover p strong {
    color: white;
}

@media screen and (max-width: 1068px) {
    .blog-post_img {
        min-width: 30rem;
        max-width: 30rem;
    }
    .blog-post {
        max-width: 70rem;
    }
    .blog-post {
        padding: 1.5rem;
        padding-bottom: 2rem;
        flex-direction: column;
    }
    .blog-post_img {
        min-width: 100%;
        max-width: 100%;
        transform: translate(0, -1rem);
    }
}

@media screen and (max-width: 868px) {
    .blog-post {
        max-width: 70rem;
    }
    .blog-post {
        padding: 1.5rem;
        padding-bottom: 2rem;
        flex-direction: column;
    }
    .blog-post_img {
        min-width: 100%;
        max-width: 100%;
        transform: translate(0, -1rem);
    }
}

@media screen and (max-width: 768px) {
    .blog-post {
        padding: 1.5rem !important;
        padding-bottom: 2rem;
        padding-bottom: 2rem;
        flex-direction: column;
    }
    .blog-post_img {
        min-width: 100%;
        max-width: 100%;
        transform: translate(0, -1rem);
    }
    .container {
        margin-top: auto;
      
    }
    p.blog-post_text {
        text-align: justify;
    }
}

@media screen and (max-width: 823px) {
    .container h2 {
        margin-top: 35px;
        /*margin-left: 142px;*/
    }
}

.contents {
    height: 50px;
    background-color: #c78964;
    margin: 25px;
}

.contents p {
    margin: 0;
    color: white;
    font-size: 16px;
    cursor: pointer;
}

/*SSM CUSTOM ADDED*/

.ssmtexts p {
    padding: 0px;
}

#root-body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    line-height: 1.6;
}

#ssmcontents {
    /*width: 80%;*/
    height: fit-content;
    margin: auto;
    margin-top: 75px;
    margin-bottom: 40px;
    display: grid;
    place-items: center;
}

.ssmcards {
    width: 96%;
    /*height: 340px;*/
    margin: 20px;
    display: flex;
    justify-content: center;
    column-gap: 20px;
    
}
/*.ssmcards {*/
/*    width: 96%;*/
/*    height: 250px;*/
/*    margin: -5px;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    column-gap: 20px;*/
/*}*/

.ssmprofile {
    width: 20%;
    height: 90%;
    background-color: white;
    box-shadow: 0 1.4rem 8rem rgba(0, 0, 0, 0.1);
    border-radius: 0.6rem;
    cursor: default;
}

.ssmring {
    padding: 4px;
    padding-bottom: 6px;
    border: solid 1.5px #dee2e6;
    border-radius: 80px;
    width: 105px;
    position: relative;
    bottom: 15px;
    left: 47px;
}

.ssmssmuser {
    color: lightgray;
    font-size: 115px;
    position: relative;
    left: 45px;
    bottom: 23px;
}

.ssmimage {
    height: 55%;
}

.ssmimage img {
    width: 95px;
    height: 95px;
    margin-bottom: -3.5px;
    border-radius: 80px;
}

.ssmtexts {
    display: grid;
    place-items: center;
    margin-top: 0px;
}

.ssmtexts p {
    color: #19195f;
}

.ssmname {
    font-weight: bold;
    font-size: 15px;
}

.ssmrole {
    font-size: smaller;
}

.ssmarrow {
    width: 40px;
    height: 40px;
    /* background-color: #5f0560; */
    position: relative;
    right: -156.5px;
    border-radius: 0px 8px 0px 40px;
}

.ssmprofile:hover {
    background-color: #c78964;
    transition: 0.3s;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.ssmprofile:hover .ssmname,
.ssmprofile:hover .ssmrole {
    color: #ffcb05;
    transition: 0.3s;
}

.ssmprofile:hover .ssmrole {
    color: white;
}

.ssmprofile:hover .ssmring {
    border: solid 1.5px #ffcb05;
}

.ssmprofile:hover .right-ssmarrow {
    color: #c78964;
    transition: 0.3s;
}

.ssmprofile:not(:hover),
.ssmprofile:not(:hover) p,
.ssmprofile:not(:hover) .ssmarrow {
    transition: 0.3s;
}

@media (max-width: 767px) {
    /* EXTRA SMALL DEVICES */
    #ssmBabu {
        margin-top: 0px;
    }
    #ssmchairman {
        margin-top: -5px;
    }
    #ssmformer {
        margin-top: -5px;
    }
    .ssmuser {
        font-size: 108px;
        left: 35px;
        bottom: 18px;
    }
    #ssmcontents {
        margin-top: 75px;
        margin-bottom: 40px;
        display: grid;
        row-gap: 15px;
        place-items: center;
    }
    .ssmcards {
        display: grid;
        row-gap: 15px;
        width: fit-content;
        height: fit-content;
        margin: 0;
        grid-template-column: 1fr;
    }
    .faculty-card {
   
        margin: 0px 25px;
        text-align: center;
    }
    .ssmprofile {
        width: 175px;
        height: 257px;
    }
    .ssmtexts {
        margin-top: 8px;
    }
    .ssmtexts p {
        font-size: small;
    }
    .ssmimage img {
        width: 90px;
        height: 90px;
    }
    .ssmring {
        padding-right: 0px;
        bottom: 3px;
        left: 40px;
        width: 100px;
        padding-bottom: 7px;
    }
    .ssmarrow,
    #seperate-ssmarrow {
        width: 30px;
        height: 30px;
        right: -145px;
        top: 0px;
        border-radius: 0px 12px 0px 40px;
    }
    .right-ssmarrow {
        top: 1px;
        left: 11px;
        font-size: smaller;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /* SMALL DEVICES */
    #ssmchairman {
        margin-top: -5px;
    }
    #ssmformer {
        margin-top: -5px;
    }
    #ssmcontents {
        width: unset;
    }
    .ssmuser {
        font-size: 108px;
        left: 27px;
        bottom: 16px;
    }
    .ssmcards {
        width: 90%;
        height: 243px;
        column-gap: 17px;
    }
    .ssmtexts {
        margin-top: 7px;
    }
    .ssmtexts p {
        font-size: smaller;
    }
    .ssmprofile {
        width: 160px;
        height: 218px;
    }
    .ssmimage img {
        width: 90px;
        height: 90px;
    }
    .ssmring {
        bottom: 12px;
        left: 32px;
        padding-right: 0px;
        width: 100px;
    }
    .ssmarrow,
    #seperate-ssmarrow {
        width: 30px;
        height: 30px;
        right: -130px;
        border-radius: 0px 11px 0px 40px;
    }
    .right-ssmarrow {
        top: 2.5px;
        left: 11px;
        font-size: medium;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* MIDDLE DEVICES */
    #ssmchairman {
        margin-top: -5px;
    }
    #ssmformer {
        margin-top: -5px;
    }
    #ssmcontents {
        width: unset;
    }
    .ssmcards {
        width: 90%;
        height: 265px;
    }
    .ssmprofile {
        width: 180px;
        height: 235px;
    }
    .ssmtexts {
        margin-top: 5px;
    }
    .ssmring {
        left: 40px;
    }
    .ssmarrow,
    #seperate-ssmarrow {
        right: -140px;
    }
}

@media (min-width: 1200px) {
    .ssmring {
        left: 50px;
    }
    .ssmarrow,
    #seperate-ssmarrow {
        right: -160px;
        border-radius: 0px 9px 0px 40px;
    }
    .ssmprofile {
        width: 200px;
    }
}

.banner-content h1 span {
    display: inline;
}

.nba-logo .nba-logo-img {
    height: 157px;
    width: auto;
}

.nba-logo {
position: absolute;
    z-index: 2;
    /* margin-top: 45px; */
    /* margin-right: 181px; */
    left: 17px;
    top: 154px;
}

@media (min-width: 1650px) and (max-width: 1920px) {
    .nba-logo {
        margin-top: 45px;
    }
}
@media (min-width: 1800px) {
     .nba-logo img {
        width: 100px;
    }
}
@media (max-width: 991px) {
    .deps{
        padding-bottom:0;
    }
    .nba-logo {
        right: 86px;
        top: 94px;
        left:0;
        position: absolute;
        z-index: 1000;
    }
    .nba-logo img {
        width: 80px;
    }
    .nba-logo .nba-logo-img {
        height: 95px !important;
    }
    .nba-logo {
        margin: 0;
    }
}

@media (min-width: 992px) and (max-width: 1700px) {
    .banner-slider .slide-content h2{
        font-size:3rem !important;
    }
    /*.nba-logo {*/
    /*    margin-left: 83% !important;*/
    /*    top: 46px;*/
    /*    position: absolute;*/
    /*}*/
    .nba-logo img {
        height: 141px !important;
    }
}

@media only screen and (min-width: 1450px) and (max-width: 1530px) {
    .nba-logo {
        margin-left: 84.6% !important;
        top: 46px;
        position: absolute;
    }
}

@media only screen and (max-width: 414px) {
    .nba-logo {
        right: 98px;
    }
}

@media (min-width: 992px) and (max-width: 1366px) {
    .nba-logo{
        top:135px;
    }
    /*.nba-logo {*/
    /*    margin-left: 86% !important;*/
    /*    top: 46px;*/
    /*    position: absolute;*/
    /*}*/
    .nba-logo .nba-logo-img {
        height: 119px !important;
        width: auto;
    }
}

@media (min-width: 992px) and (max-width: 1280px) {
    .nba-logo {
        margin-left: 88% !important;
    }
}

@media only screen and (max-width: 390px) {
    .nba-logo {
        right: 72px;
    }
}

.header-scrolled .header-logo {
    filter: invert(1) brightness(0) !important;
}

@media(max-width:991px) {
    .princi-photo-lg {
        display: none !important;
    }
}

@media(min-width:992px) {
    .princi-photo-sm {
        display: none !important;
    }
}

.logo-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 400px; /* Adjust size as needed */
    z-index: 2;
}

.line-menu {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 25px;
  z-index: 5;
  position: fixed;
}

.line-wrapper {
  position: relative;
  height: 5px; /* Set fixed height */
  width: 30px;  /* Set fixed width */
}

.line {
  position: absolute; /* Remove from layout flow */
  top: 0;
  right: 0;
  width: 30px;
  height: 7px;
  background-color: #c78964;
  transition: width 0.3s ease;
  cursor: pointer;
}
/* .line {
  width: 20px;
  height: 3px;
  background-color: red;
  transition: width 0.3s ease;
  cursor: pointer;
} */

.about .line::before {
  content: "\f129"; 
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #c78964;
  transition: opacity 0.3s ease;
}
.gallery .line::before {
  content: "\f302";
    font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #c78964;
  transition: opacity 0.3s ease;
  
}
.lms .line::before {
  content: "\f51c"; /* chalkboard-teacher */
    font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  color: #c78964;
  transition: opacity 0.3s ease;
}
.downloads .line::before {
  content: "\f019"; /* download */
    font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  color: #c78964;
  transition: opacity 0.3s ease;
}
.contact .line::before {
  content: "\f095"; /* envelope */
    font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  color: white;
  transition: opacity 0.3s ease;
}
.news .line::before {
  content: "\f0a1"; /* bullhorn */
    font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #c78964;
  transition: opacity 0.3s ease;
}
/* .line::before {
  content: "\f129"; 
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #c78964;
  transition: opacity 0.3s ease;
} */
.line::after {
  content: attr(data-label);
  position: absolute;
  right: 120%;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 4px 10px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s, right 0.3s;
  font-size: 14px;
}

.line:hover {
 width: 50px;
}

.line:hover::after {
  opacity: 1;
  right: 110%;
}
/* .line-wrapper {
  position: relative;
  align-self: flex-end;
} */



.line-wrapper::after {
  content: attr(data-label);
  position: absolute;
  right: 120%;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 4px 10px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: auto;
  transition: opacity 0.3s, right 0.3s;
  font-size: 14px;
  z-index: 10;
  font-weight: 700;
}

.line-wrapper:hover .line {
  width: 50px;
}

.line-wrapper:hover::after {
  opacity: 1;
  right: 110%;
}



/*new home page styles*/

/*--------------------------------------------------------------
#0.4	hero slider
--------------------------------------------------------------*/

.hero-slider {
    width: 100%;
    height: 700px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
}

@media (max-width: 991px) {
    .hero-slider {
        height: 600px;
    }
}

@media (max-width: 767px) {
    .hero-slider {
        height: 500px;
    }
}

.hero-slider .swiper-slide {
    overflow: hidden;
    color: #fff;
}

.hero-slider .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.hero-slider .slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
    background: transparent;
    margin-top: -100px;
    text-align: center;
}

@media (max-width: 767px) {
    .hero-slider .swiper-button-prev,
    .hero-slider .swiper-button-next {
        display: none;
    }
}

.hero-slider .swiper-button-prev {
    right: 65px;
    left: auto;
    top: -500px;
}

.hero-slider .swiper-button-prev:before {
    font-family: "FontAwesome";
    content: "\f060";
    font-size: 20px;
    color: #c78964;
    border: 1px solid #fff;
    padding: 10px;
    background: #fff;
}

.hero-slider .swiper-button-next {
    right: 25px;
    top: -500px;
}

.hero-slider .swiper-button-next:before {
    font-family: "FontAwesome";
    content: "\f061";
    font-size: 20px;
    color: #c78964;
    border: 1px solid #fff;
    padding: 10px;
    margin-left: 10px;
    background: #fff;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none !important;
}

.hero-slider .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
}

.hero-slider .swiper-pagination-bullet-active {
    color: #fff;
    background: #c78964;
}

/*----------------------------------
	#hero-style-1
-----------------------------------*/

.hero-style-1 {
    height: 100vh;

    position: relative;

}

.hero-style-1:before {
    content: "";
    background: rgba(255, 255, 255, 1);
    width: 1px;
    height: 100%;
    position: absolute;
    left: 100px;
    bottom: 0;
    z-index: 10;
}

@media (max-width: 991px) {
    .hero-style-1:before {
        display: none;
    }
}

@media (max-width: 991px) {
    .hero-style-1 {
        height: 500px;
        min-height: auto;
    }
}

.hero-style-1 .slide-title {
    max-width: 615px;
}

.hero-style-1 .slide-title h2 {
    font-size: 75px;
    font-size: 4.6875rem;
    color: #fff;
    margin: 0 0 0.33em;
    line-height: 1em;
}

@media (max-width: 991px) {
    .hero-style-1 .slide-title h2 {
        font-size: 55px;
        font-size: 3.4375rem;
    }
}

@media (max-width: 767px) {
    .hero-style-1 .slide-title h2 {
        font-size: 45px;
        font-size: 2.8125rem;
    }
}

.hero-style-1 .slide-title h2 span {
    -webkit-text-fill-color: rgba(0, 0, 0, 0.01);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}

.hero-style-1 .slide-text {
    max-width: 615px;
}

.hero-style-1 .slide-text p {
    font-size: 18px;
    font-size: 1.125rem;
    color: #fff;
    margin: 0 0 2em;
}

@media (max-width: 767px) {
    .hero-style-1 .slide-text p {
        font-size: 16px;
        font-size: 1rem;
    }
}

.hero-style-1 .container {
    position: relative;
}

.hero-style-1 .video-btns {
    position: absolute;
    right: 15px;
    top: calc(50% - 33px);
}

@media (max-width: 991px) {
    .hero-style-1 .video-btns {
        display: none;
    }
}

.hero-style-1 .video-btns a {
    background-color: #cd211d;
    width: 75px;
    height: 75px;
    border-radius: 75px;
    text-align: center;
    line-height: 75px;
    display: inline-block;
    position: absolute;
    left: 25%;
    top: 33%;
    -webkit-animation: spineer 2s infinite;
    animation: spineer 2s infinite;
}

@media (max-width: 767px) {
    .hero-style-1 .video-btns a {
        width: 55px;
        height: 55px;
        border-radius: 55px;
    }
}

.hero-style-1 .video-btns a .fi:before {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
}

.hero-style-1 .video-btns a:after {
    content: "";
    width: 75px;
    height: 75px;
    border-radius: 75px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: spineer 2s 1.5s infinite;
    animation: spineer 2s 1.5s infinite;
}

@media (max-width: 767px) {
    .hero-style-1 .video-btns a:after {
        width: 55px;
        height: 55px;
        border-radius: 55px;
    }
}

@-webkit-keyframes spineer {
    from {
        -webkit-box-shadow: 0 0 0 0 rgba(205, 33, 29, 0.99);
        box-shadow: 0 0 0 0 rgba(205, 33, 29, 0.99);
    }
    to {
        -webkit-box-shadow: 0 0 0 45px rgba(205, 33, 29, 0.01);
        box-shadow: 0 0 0 45px rgba(205, 33, 29, 0.01);
    }
}

@keyframes spineer {
    from {
        -webkit-box-shadow: 0 0 0 0 rgba(205, 33, 29, 0.99);
        box-shadow: 0 0 0 0 rgba(205, 33, 29, 0.99);
    }
    to {
        -webkit-box-shadow: 0 0 0 45px rgba(205, 33, 29, 0.01);
        box-shadow: 0 0 0 45px rgba(205, 33, 29, 0.01);
    }
}

.hero-style-1 .swiper-pagination .inner {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    position: absolute;
    bottom: 600px;
    color: #929292;
    display:none;
}

@media (max-width: 600px) {
    .hero-style-1 .swiper-pagination .inner {
        display: none;
    }
}

.hero-style-1 .swiper-pagination .swiper-pagination-current {
    color: #fff;
}

.social {
    position: absolute;
    left: 23px;
    top: 45%;
 
  transform: translateY(-50%);
    z-index: 4;
}
.social li{
    margin-bottom: 30px;
}

.hero-style-1 .caption {
    position: absolute;
    left: 15%;
    top: 40%;
    z-index: 2;
}

.hero-style-1 .caption h2 {
    color: #fff;
    font-size: 4.6875rem;
    color: #fff;
    margin: 0 0 0.33em;
    line-height: 1em;
    font-family: "Jost", serif;
   ;
  font-weight: 400;
  font-family: "Bebas Neue", serif;
  font-style: normal;
}

/*.hero-style-1 .caption h2 span {*/
/*    -webkit-text-fill-color: rgba(0, 0, 0, 0.01);*/
/*    -webkit-text-stroke-width: 1px;*/
/*    -webkit-text-stroke-color: #fff;*/
/*}*/



@media (max-width: 767px) {
 .social {
        display: none;
    }
}

 /* .social:before {
    content: "";
    background-color: rgba(255, 255, 255, 1);
    width: 1px;
    height: 50px;
    position: absolute;
    top: -80px;
    left: 50%;
} */
.social ul li:nth-child(2) a{
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.social ul li:nth-child(4) a{
    background:#25D366;
}
.social ul li:nth-child(5) a{
    background:#75523c;
}
.social ul li:nth-child(3) a{
    background:	#FF0000;
}
.social a {
    font-size: 14px;
    font-size: 0.875rem;
    color: #fff;
        font-size: 14px;
    font-size: 0.875rem;
    color: #fff;
    background: #316FF6;
    height: 40px;
    display: block;
    width: 40px;
    display: flex
;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

 .social ul>li+li {
    margin-top: 15px;
}

 .social a:hover {
    color: #c78964;
}

@media (max-width: 767px) {
    .hero-style-1 .swiper-button-prev,
    .hero-style-1 .swiper-button-next {
        display: block;
        margin-top: -95px;
    }
    
}

.hero-style-1 .scroll {
    position: absolute;
    bottom: 75px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100;
}

@media (max-width: 767px) {
    .hero-style-1 .scroll {
        display: none;
    }
}

.hero-style-1 .scroll a {
    width: 30px;
    height: 58px;
    line-height: 80px;
    text-align: center;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 50px;
    display: inline-block;
}

.header-top-right {
    padding-bottom: 0 !important;
}

.header-scrolled .main-header {
    background: none !important;
}

.msg-section {
    padding: 100px 0 50px;
}

.msg-section header {
    width: 20px;
    padding-right: 30px;
    margin-left: 30px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 0;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    /*transform: translateY(-45px);*/
    font-size: 1rem;
}

.msg-section header h2 {
    transform: rotate(-90deg);
    margin-bottom: 0;
    padding-right: 10px;
    font-size: 1.5rem;
}

/*--------------------------------------------------------------
# Testimonial One
--------------------------------------------------------------*/

.testimonial-one {
    position: relative;
    display: block;
}

.testimonial-one__bottom {
    position: relative;
    display: block;
}

.testimonial-one__carousel {
    position: relative;
    display: block;
}

.testimonial-one__single {
    position: relative;
    display: block;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 49px 288px 69px;
    ;
    padding-right: 55px;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
}

.testimonial-one__img {
    position: absolute;
    top: 75px;
    left: 38px;
    border-radius: 50%;
    z-index: 1;
}

.testimonial-one__img::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
 
    background-color:#800000;
    z-index: -1;
}
.timeline  ul li{
    list-style-type:disc;
}
.testimonial-one__img::after {
    content: "";
    position: absolute;
    top: -11px;
    left: -11px;
    right: -11px;
    bottom: -11px;

    border: 2px solid #800000;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    z-index: -1;
}

.elementor .testimonial-one__img img {
    width: 100%;
    border-radius: 50%;
    mix-blend-mode: luminosity;
    width: 116px;
    height: 116px;
    object-fit: cover;
}

.testimonial-one__client-details {
    position: relative;
    display: block;
    z-index: 2;
}

.testimonial-one__client-name {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: 0.04em;
    text-align:center;
}

.testimonial-one__client-rate {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 6px;
    justify-content:center;
}

.testimonial-one__client-rate span {
    position: relative;
    display: inline-block;
    font-size: 12px;
    color: #c78964;
}

.testimonial-one__client-rate span+span {
    margin-left: 3px;
}

.testimonial-one__text {
    font-size: 16px;
}

.testimonial-one__shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.testimonial-one__shape-1 img {
    width: auto;
}

.testimonial-one__shape-2 {
    position: absolute;
    top: 0;
    left: 0;
    border-top: 200px solid #c78964;
    border-left: 144px solid #c78964;
    border-right: 168px solid transparent;
    border-bottom: 85px solid transparent;
    z-index: 1;
}

.testimonial-one__shape-3 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.testimonial-one__shape-3 img {
    width: auto;
}

.testimonial-one__carousel.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.testimonial-one__carousel.owl-carousel .owl-item {
    opacity: 0;
    visibility: hidden;
    transition: opacity 500ms ease, visibility 500ms ease;
}

.testimonial-one__carousel.owl-carousel .owl-item.active {
    opacity: 1;
    visibility: visible;
}

.testimonial-one__img img {
    width: 100%;

    width: auto;
    height: 220px;
   
}

.messages {
padding:50px 0;
}

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


.stats-container {
      max-width: 800px;
      margin: auto;
      padding: 20px;
    }

    .section-title {
      font-size: 38px;
      font-weight: bold;
    }

    .subtitle {
      font-size: 16px;
      color: #6c8ea2;
      margin-bottom: 40px;
    }

    .stats-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-top: 1px solid #ddd;
      padding: 20px 0;
    }

    .stats-row:last-child {
      border-bottom: 1px solid #ddd;
    }

    .count {
      font-size: 40px;
      font-weight: bold;
      color: #2f3542;
    }

    .label {
      font-size: 20px;
      color: #374151;
    }

    @media (max-width: 600px) {
      .stats-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
      }

      .count {
        font-size: 28px;
      }

      .label {
        font-size: 18px;
      }
    }
    .counter-sec{
        padding: 20px;
    }

    .we-are-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  width: 100%;
  height: 900px;
}

@media screen and (max-width: 860px) {
  .we-are-block {
    height: 1000px;
  }
}

@media screen and (max-width: 500px) {
  .we-are-block {
    height: 1300px;
  }
  .about-us-image img {

  height: 100%;
  object-fit: cover;       /* Ensures image fills container */
  object-position: center; /* Focus on the center part */

}
 .history-image img {

  height: 100%;
  object-fit: cover;       /* Ensures image fills container */
  object-position: center; /* Focus on the center part */

}
}

#about-us-section {
  background: #c78964;
  width: 100%;
  height: 400px;
  /* height: 50%; */
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  position: relative;
}

@media screen and (max-width: 860px) {
  #about-us-section {
    flex-direction: column;
    justify-content: space-between;
  }
}

.about-us-image {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  overflow: hidden;
}

@media screen and (max-width: 860px) {
  .about-us-image {
    position: relative;
    width: 100%;
    height: 45%;
  }
}

@media screen and (max-width: 747px) {
  .about-us-image {
    height: 35%;
  }
}

@media screen and (max-width: 644px) {
  .about-us-image img {
    position: absolute;
    left: -220px;
  }
}

.about-us-info {
  display: flex;
  flex-direction: column;
  /*align-items: flex-end;*/
  justify-content: space-evenly;
  width: 40%;
  height: 80%;
  margin-right: 850px;
  margin-left: 12px;
  z-index: 2;
}

@media screen and (max-width: 1353px) {
  .about-us-info {
    /*margin-right: 400px;*/
    width: 60%;
    /* background: #c7896499; */
    background: #c78964;
    padding: 0px 25px 0px 0px;
  }
}

@media screen and (max-width: 1238px) {
  .about-us-info {
    margin-right: 340px;
    width: 100%;
  }
}

@media screen and (max-width: 1111px) {
  .about-us-info {
    margin-right: 270px;
  }
}

@media screen and (max-width: 910px) {
  .about-us-info {
    margin-right: 150px;
  }
}

@media screen and (max-width: 860px) {
  .about-us-info {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 20px 0px 20px !important;
    width: 100%;
    height: 55%;
    align-items: center;
  }
}

@media screen and (max-width: 747px) {
  .about-us-info {
    height: 65%;
  }
}

.about-us-info h2 {
  color: white;
  font-size: 40pt;
  text-align: right;
}

@media screen and (max-width: 860px) {
  .about-us-info h2 {
    text-align: center;
  }
}

.about-us-info p {
      color: white;
    font-size: 17px;
    text-align: justify;
    line-height: 1.6;
}

@media screen and (max-width: 860px) {
  .about-us-info p {
    text-align: center;
  }
}
@media screen and (max-width: 1400px) {
   .about-us-info h2 {
    font-size: 30pt;
  }
    .about-us-info p {
  font-size: 15px;
  }
  .about-us-info a {

  padding: 15px 0px 15px 0px;

}
}

.about-us-info a {
  background-color: white;
  color: #c78964;
  width: 140px;
  text-align: center;
  padding: 15px 0px 15px 0px;
  /*padding: 8px 0px 8px 0px;*/
  font-size: 15px;
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  border-radius:4px;
}

.about-us-info a:hover {
  background: #404140;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
  transform: translateY(10px);
}

#history-section {
  width: 100%;
  height: 50%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  position: relative;
}

@media screen and (max-width: 860px) {
  #history-section {
    flex-direction: column;
    justify-content: space-between;
  }
}

.history-image {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 820px;
  height: 100%;
  overflow: hidden;
}

@media screen and (max-width: 860px) {
  .history-image {
    position: relative;
    width: 100%;
    height: 40%;
  }
}

@media screen and (max-width: 747px) {
  .history-image {
    height: 35%;
  }
}

@media screen and (max-width: 644px) {
  .history-image img {
    position: absolute;
    right: -220px;
  }
}

.history-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-evenly;
  width: 40%;
  height: 80%;
  margin-left: 850px;
  margin-right: 12px;
  z-index: 2;
}

@media screen and (max-width: 1353px) {
  .history-info {
    margin-left: 400px;
    width: 60%;
    /* background: #ffffff99; */
    background:white;
    padding: 0px 0px 0px 25px;
  }
}

@media screen and (max-width: 1238px) {
  .history-info {
    margin-left: 340px;
    width: 100%;
  }
}

@media screen and (max-width: 1111px) {
  .history-info {
    margin-left: 270px;
  }
}

@media screen and (max-width: 910px) {
  .history-info {
    margin-left: 150px;
  }
}

@media screen and (max-width: 860px) {
  .history-info {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 40px 0px 40px !important;
    width: 100%;
    height: 60%;
    align-items: center;
  }
}

@media screen and (max-width: 747px) {
  .history-info {
    height: 65%;
  }
}

.history-info h2 {
  color: #c78964;
  font-size: 40pt;
  text-align: left;
}

@media screen and (max-width: 860px) {
  .history-info h2 {
    text-align: center;
  }
}
@media screen and (max-width: 1400px) {
  .history-info h2 {
    font-size: 30pt;
  }
    .history-info p {
  font-size: 12pt;
  }
   .history-info a{

  padding: 10px 0px 10px 0px;

}
}

.history-info p {
  color: #c78964;
  font-size: 14pt;
  text-align: left;
}

@media screen and (max-width: 860px) {
  .history-info p {
    text-align: center;
  }
}

.history-info a {
  background-color: #c78964;
  color: white;
  width: 180px;
  text-align: center;
  padding: 15px 0px 15px 0px;
  font-size: 14pt;
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

.history-info a:hover {
  background: #404140;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
  transform: translateY(10px);
}



.uslider-section {
  margin: 100px 0;
}

.uslider-left p{
    font-size: 18px;
  color: white; /* Change to your preferred color */
}
.uslider-container {
    margin-top: 50px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    
    
  }

@keyframes slideInLeft {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

  .uslider-left {
    flex: 1;
    min-width: 250px;
    text-align: center;



    background-position: center;
    padding: 20px;
    border-radius: 8px;
    animation: slideInLeft 0.5s ease-in-out;
   
  }

  .uslider-right {
    flex: 2;
    overflow: hidden;
    position: relative;
  }

  .uslider-track {
    display: flex;
    transition: transform 0.5s ease;
    gap: 20px;
  }

 .uslider-slide {
    max-width: 400px;
    flex-shrink: 0;
    height: 300px;
    transition: all 0.3s ease;
    border-radius: 8px;
    overflow: hidden;
  }

  .uslider-slide--active {
    height: 380px; /* Make active slide taller */
  }

  @media (max-width: 768px) {
    .uslider-slide {
      min-width: 100%;
    }
  }

  .uslider-controls {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    justify-content: center;
  }

  .uslider-btn {
    padding: 8px 16px;
    background: #333;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }

  @media (max-width: 767px) {
    .uslider-slide {
      min-width: 100%;
    }
  }
  .read-more-btn {
  display: inline-block;
  margin-top: 15px;
  padding: 8px 16px;
  background-color:#c78964;
  color: white;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s;
}

.read-more-btn:hover {
  background-color: #0056b3;
}
.read-more{
    background-color: #c78964; 
    padding:10px; 
    color:white;
    font-size:14px;
    border-radius:5px;

}
.read-more:hover {
  background-color: grey;
}
@media (max-width: 768px) {
  .uslider-container {
    flex-direction: column;
  }

  .uslider-left, .uslider-right {
    width: 100%;
  }

  .uslider-left {
    order: 1; /* content comes first */
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
  }

  .uslider-right {
    order: 2;
  }

}
/* .pencil image{
    display: flex;
    justify-content: center;
    align-items: center;
} */
.pencil-image img{
   height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}
/*about and count*/

.about-count {
    padding: 
    0 0;
    background: url(https://www.ssmpolycivil.com/images/department.jpg) fixed center center;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    /* height: 100%; */
}
.about-count:before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;

}
span.number-inc {
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, .55);
    font-size: 62px;
    line-height: 71px;
    margin-bottom: 6px;
    text-align: center;
}

.stat-number-label {
    color: #fff;
    margin-top: 10px;
    text-align: center;
}

.stat-number {
    text-align: center;
}



.about-box {
    padding: 50px;
    background-color: #fff;
    color: #fff;
    width: 80%;
    margin: 0 auto;
    position: relative;
z-index:3;
    border-left: 10px solid #800000;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    z-index:3;
   
}

.about-box p {
    Text-align: justify;
    color: #000;
    margin-bottom: 30px !important;
}

.about-box h4 {
    font-size: 24px;
    font-weight: bold;
    background: linear-gradient(to right, #b45f2d , #c78964);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}

.about-btnn {
    background-color: #c78964;
    padding: 10px 30px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    margin-top: 20px;
    transition: 0.5s all ease;
}

.about-btnn:hover {
    transition: 0.5s all ease;
    border: 1px solid #c78964;
    color: #c78964;
    background-color: transparent;
}

/*vision and mission*/

.vm {
    padding: 30px 0;
    margin-top: 50px;
 
}
.vm-title{
    margin-bottom: 50px;
}

.main-timeline .timeline {
    width: 100%;
    padding: 0 0 0 30px;
    margin: 0 30px 20px 0;
    float: left;
    position: relative;
    z-index: 1;
}

.main-timeline .timeline-content {
    color: #333;
    background-color: #f5f5f5;
    min-height: 150px;
    padding: 30px 80px 30px 30px;
    font-size:15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    display: block;
}

.main-timeline .timeline-content:before,
.main-timeline .timeline-content:after {
    content: '';
    background: linear-gradient(to bottom, #c78964 49%, #b45f2d 50%);
    height: 100%;
    width: 30px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.main-timeline .timeline-content:after {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    transform: translateY(-50%);
    top: 50%;
    left: auto;
    right: -75px;
}

.main-timeline .timeline-content:hover {
    text-decoration: none;
}

.main-timeline .timeline-icon {
    color: #fff;
    background: linear-gradient(to bottom, #c78964 49%, #b45f2d 50%);
    font-size: 45px;
    text-align: center;
    line-height: 108px;
    height: 105px;
    width: 105px;
    border-radius: 50%;
    box-shadow: 0 0 0 8px #fff;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: -52px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-timeline .timeline-icon i {
    line-height: inherit;
}

.main-timeline .title {
    color: #68130E;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 7px 0;
}

.main-timeline .description {
    font-size: 15px;
    text-align: justify;
    margin: 0;
}

.main-timeline .timeline:nth-child(4n+2) .timeline-content:before,
.main-timeline .timeline:nth-child(4n+2) .timeline-content:after,
.main-timeline .timeline:nth-child(4n+2) .timeline-icon {
    /*background: linear-gradient(to bottom,#ff6348 49%,#ff7f50 50%);*/
}

/*.main-timeline .timeline:nth-child(4n+2) .title{ color: #ff6348; }*/

.main-timeline .timeline:nth-child(4n+3) .timeline-content:before,
.main-timeline .timeline:nth-child(4n+3) .timeline-content:after,
.main-timeline .timeline:nth-child(4n+3) .timeline-icon {
    background: linear-gradient(to bottom, #95231c 49%, #64120d 50%);
}

.main-timeline .timeline:nth-child(4n+3) .title {
    color: #259390;
}

.main-timeline .timeline:nth-child(4n+4) .timeline-content:before,
.main-timeline .timeline:nth-child(4n+4) .timeline-content:after,
.main-timeline .timeline:nth-child(4n+4) .timeline-icon {
    background: linear-gradient(to bottom, #CC3254 49%, #E33A59 50%);
}

.main-timeline .timeline:nth-child(4n+4) .title {
    color: #CC3254;
}

@media screen and (max-width:767px) {
    .main-timeline .timeline {
        width: 100%;
        padding: 0 75px 0 30px;
        margin: 0 0 20px;
    }
    .main-timeline .timeline .timeline-content:after {
        right: 0;
    }
    .main-timeline .timeline .timeline-icon {
        right: 20px;
    }
}

@media screen and (max-width:567px) {
    .main-timeline .timeline {
        padding: 0 35px 0 10px;
    }
    .main-timeline .timeline .timeline-content {
        padding: 30px 50px 30px 20px;
    }
    .main-timeline .timeline .timeline-content:after {
        height: 80px;
        width: 80px;
        right: 0;
    }
    .main-timeline .timeline .timeline-icon {
        font-size: 30px;
        line-height: 50px;
        height: 50px;
        width: 50px;
        box-shadow: 0 0 0 5px #fff;
        right: 20px;
        right: 15px;
    }
    .main-timeline .title {
        font-size: 18px;
    }
}

a {
    text-decoration: none !important;
}

.timeline-icon img {
    height: 60px;
    width: auto;
    filter: brightness(0) invert(1);
}

.vm-side {
    position: relative;
    z-index: 1;
}
@media screen and (max-width:767px) {
    .vm{
        margin-top: 10px;
    }
    .vm-title{
    margin-bottom: 20px;
}
}
/*@media screen and (min-width:1400px) {*/
/*    .vm{*/
/*        margin-top: 120px;*/
/*    }*/

/*}*/

.svg-box-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 109%;
    max-width: 93.8%;
    height: 94%;
    max-height: 376px;
    z-index: 10;
    transform: translate(-50%, -50%);
}

svg.expiriens {
    width: 100%;
    height: 100%;
}

svg.expiriens #alpha {
    fill: #6e6e6e;
}

svg.expiriens #title {
    font-size: 9em;
    font-weight: 900;
    font-family: "Roboto Condensed", sans-serif;
}

svg.expiriens text {
    text-anchor: middle;
}

svg.expiriens #base {
    fill: white;
    mask: url(#mask);
}

.box-subtitle {
    display: block;
    width: 200px;
    max-width: 100%;
    position: absolute;
    left: 50%;
    bottom: 26%;
    transform: translateX(-50%);
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 400;
    color: #151515;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-family: "Roboto Condensed", sans-serif;
}

@media (min-width: 576px) {
    /*.box-subtitle {*/
    /*    left: 52%;*/
    /*}*/
    .box-subtitle {
        display: block;
        width: 100%;
        max-width: 100%;
        position: absolute;
        left: 50%;
        bottom: 25%;
        transform: translateX(-50%);
        font-size: 17px;
        line-height: 1.2em;
        font-weight: 400;
        color: #000000;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        font-family: "Roboto Condensed", sans-serif;
        text-align: center;
    }
}

.container .card-about {
    position: relative;
    width: 100%;
    height: 350px;
    transition: 0.5s all ease;
}

.container .card-about:nth-of-type(2) {
    transform: rotate(5deg);
}

.container .card-about .image {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    transform: translate(10px, 10px);
}

.container .card-about:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 102%;
    height: 380px;
    border: 25px solid #fff;
    z-index: 1;
    background: linear-gradient(145deg, #ffffff, #e6e6e6);
    box-shadow: 7px 7px 21px #bdbdbd, -7px -7px 21px #ffffff;
    background: transparent;
}

.container .card-about:nth-of-type(1)::before {
    filter: url(#wavy1);
}

.container .card-about:nth-of-type(2)::before {
    filter: url(#wavy2);
}

.container .card-about:nth-of-type(3)::before {
    filter: url(#wavy3);
}

.card-about .image1 {
    background-image: url("https://ssmpoly.ac.in/resources/images/vm-img.png");
}

.about-svg {
    width: 0;
    height: 0;
}

.container .card-about .info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 50px 30px 30px 30px;
    transform: translate(10px, 10px);
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    line-height: 1.4;
    font-size: 20px;
    opacity: 0;
    transition-duration: 1s;
}

.container .card-about:hover .info {
    opacity: 1;
}

.container .card-about:hover {
    transform: translateY(-5px);
    transition: 0.5s all ease;
}

/*gallery*/

.gall .slick-slider {
    margin-left: -12%;
    margin-right: -12%;
}
.slick-slider .slick-list, .slick-slider .slick-track{
    border-radius:50px;
}
.gall .slick-list {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
    padding-left: 15% !important;
    padding-right: 15% !important;
}

.gall .slick-dots {
    text-align: right;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.gall .slick-track {
    max-width: 100% !important;
    transform: translate3d(0, 0, 0) !important;
    perspective: 100px;
}

.gall .slick-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    width: 100% !important;
    transform: translate3d(0, 0, 0);
    transition: transform 1s, opacity 1s;
}

.gall .slick-snext,
.gall .slick-sprev {
    display: block;
}

.gall .slick-current {
    opacity: 1;
    position: relative;
    display: block;
    transform: translate3d(0, 0, 20px);
    z-index: 2;
}

.gall .slick-snext {
    opacity: 1;
    transform: translate3d(20%, 0, 0px);
    z-index: 1;
}

.gall .slick-sprev {
    opacity: 1;
    transform: translate3d(-20%, 0, 0px);
}

.gall .test {
    display: block;
    width: 100%;
    height: 300px;
}

.gall .slick-prev,
.slick-next {
    position: absolute;
    bottom: -40px;
    /* Position the buttons below the slider */
    background-color: #fff;
    border: 2px solid #000;
    color: #000;
    border-radius: 50%;
    /* Makes the button circular */
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    z-index: 10;
}

.gall .slick-arrow {
    left: 45%;
    /* Adjust the position for the previous button */
}

.gall .slick-arrow {
    right: 45%;
    /* Adjust the position for the next button */
}

.gall .slick-arrow:hover,
.slick-next:hover {
    background-color: #000;
    color: #fff;
    border-color: #fff;
}

@media (min-width: 990px) and (max-width: 1400px) {
    .main-header{
        margin-top: 85px;
    }
}

@media (min-width: 1000px) and (max-width: 1800px) {
    .hero-style-1 .caption h2 {
        font-size: 3.2rem;
    }
    .testimonial-one__img img {
        height: 160px;

    }
    .testimonial-one__single{
        padding-right: 60px;
        padding-left: 220px;
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .testimonial-one__shape-2{
        border-bottom: 183px solid transparent; 
    }
    .messages{

    }
    .facilities li .facility-box figcaption h5{
        font-size:20px  !important;
     
    }
    .facilities li .facility-box figcaption{
        bottom: 25px !important;
        padding: 13px !important;
    }
    .nba-new img {
        height: 241px !important;
    }
    .hero-slider .swiper-button-next{
        top: -200px;
    }
    .hero-slider .swiper-button-prev{
        top: -200px;
    }
    .header-logo{
        height: 52px !important;
    }
    
    .nav-menu a{
        font-size: 16px;
    }
    span.number-inc{
        font-size:45px
    }
    .about-box{
        left: 0;
        padding:30px !important;
    }
   
    .section-title h4{
        font-size: 19px !important;
    }
    .header-scrolled .header-logo{
        height: 69px;
    }
    #header.header-scrolled{
        /*height: 76px;*/
    }
    .testimonial-one__shape-2{
        border-top: 102px solid #c78964; 
    }
    .header-top-center img{
        height: 69px;
    }
}

@media (min-width: 1800px) {
   .header-logo{
        height: 72px !important;
    }  
     .main-header{
        margin-top: 102px;
    }
}
@media (max-width: 720px){
    .right-column{
        height:auto !important;
    }
    .row-gap{
        height:auto !important;
    }
    .same-height2{
        height:auto !important;
    }
    .testimonial-one__client-name{
        margin-top:10px;
    }
    .banner-slider .slick-slide img{
   height:50vh !important;
    }
    #header.header-scrolled{
        /*top:35px !important;*/
         top:0px !important;
          height: 76px;
        padding: 30px;
    }
    .banner-area{
        height: 47vh;
    }
    .messages{
        margin-top: 0;
    }
    .hero-style-1 .caption h2{
        font-size: 1.6578rem;
    }
    .hero-style-1 .caption{
        top: 36%;
        left: 24%;
    }
    .swiper-wrapper{
        overflow-x: hidden;
    }
    .gall{
        display: none;
    }
    .testimonial-one__single{
        padding: 10px;
        width: 95%;
    }
    .testimonial-one__shape-2{
        position: relative;
        border-left: 111px solid #c78964;
        border-bottom: 65px solid transparent;
    }
    .testimonial-one__img {
        position: absolute;
        top: 51px;
        left: 74px;
    }
    .testimonial-one__client-name{
        text-align: center;
    }
    .testimonial-one__shape-3{
        display: none;
    }
    .about-count{
        /*padding-bottom: 150px;*/
        /* height: 690px; */
    }
    @media (max-width:700px){
          .about-count{
        
           /* padding:100px 0; */
    }
    }
     /* @media (max-width:1990px){
          .about-count{
        
        height: 690px;
    }
    } */
    .about-box{
        margin: 74px auto;
        width: 95%;
        right: auto;
        padding: 30px 14px;
        display: flex
;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-bottom:0 !important;
    }
   
    .vm::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
    }
    .nba-new img{
        height: 163px !important;
    }
    .faci{
        padding-top: 0 !important;
    }
    @media (max-width: 700px){
       .faci{
        margin-top: 50px;
    }
    .section-title {
      font-size: 30px;
    }
    }
    .section-title{
        padding-bottom: 0;
    }
    .facilities li{
        width: 100% !important;
    }
    .facilities li .facility-box figcaption h5{
        font-size:21px !important;
    }
    .scroll-to-top{
        display: none !important;
    }
    .timeline-icon img{
        height: 40px;
    }
    .hero-style-1 .social{
        display: none;
    }
    .hero-slider .swiper-button-prev{
        top: -68px;
    }
    .hero-slider .swiper-button-next{
        top: -68px;
    }
    .nba-logo-img{

}
.image-anime:after{
    display:none;
}
}
@media (min-width: 1700px){
.top-menus{
    font-size: 16px !important;
}
}
.section-title h4{
    font-size: 23px;
    line-height: 30px;
    color: #14212b;
    font-weight: 700;
    background: #fff;
    height: 100%;
    border-left: 4px solid #64120d;
    border-right: 4px solid #64120d;
    padding: 10px 19px;
    display: inline-block;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.main-counter{
    color: #fff;
}
.nba-logo{

}
.nba-logo-img{
    height:55px;
    padding: 10px 0;
}


@media (max-width: 1400px){
    .nba-logo-img{
         /*height:40px;*/
        /* padding: 30px 0; */
    }
}
@media (min-width: 1400px){
    .nba-logo-img{
         height:60px;
        /* padding: 30px 0; */
    }
}
@media (min-width: 1800px){
    .nba-logo-img{
         height:75px;
        /* padding: 30px 0; */
    }
}
.header-contact{
    display:flex;
    align-items:center;
}
.header-contact img{
      filter: invert(1) brightness(0);
}
.header-logo{
    height:65px;
    
}
.border-line{
    /*border-bottom: 0.5px solid #fff;*/
    padding: 15px;
}
.menu-barr{
    display: flex;
    justify-content: space-between;
}

.scroll-to-top {
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    width: 225px;
    height: 50px;
    margin: 0 auto;
    background-image: url(../img/curve.png);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
  
}
.icon-arrow-up {
    display: inline-block;
    height: 30px;
    width: 20px;
    background-image: url(https://ttkmite.com/resources/images/icons/icon-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    
}
.footer-area{
    position: relative;
}
.gallery-home {
    top: 114px;
    position: relative;
    z-index: 3;
}
/* Ensure the container and slides are styled properly for RTL */
.gallery_slickSlider, .nss_slickSlider {
    direction: rtl; /* Ensure the container follows RTL direction */
}

.slick-track {
    display: flex;
}
.footer-area{
    padding-top:200px
}

/* counter new */
.counter-new{
    color: #fff;
    border: 1px solid #fff;
    font-family: 'Alegreya Sans', sans-serif;
    text-align: center;
  
    height: 210px;
    padding: 42px 30px 40px;
    margin: 0 auto;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

.counter-new .counter-icon{
    font-size: 35px;
    line-height: 35px;

}
.counter-new .counter-icon i {line-height:inherit;}
.counter-new h3{
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 4px;
}
.counter-new .counter-value{
    font-size: 33px;
    font-weight: 600;
    display: block;
    background: linear-gradient(to right,#b45f2d, #c78964);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}



.counter-icon img{
    filter: brightness(0) invert(1);
    height: 40px;
    width: 40px;
}
.counter-icon{
    background-color: rgba(255, 255, 255,0.1);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;align-items: center;justify-content: center;
    margin: 0 auto;
}
.image-anime:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.image-anime:hover:after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.image-anime.img3{
    position: relative;
    
}
.image-anime.img3:before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
}
.nba-new{
    position: absolute;
    top: 0;
    z-index: 3;
        height: 100%;
    width: 100%;
    display: flex
;
    align-items: center;
    justify-content: center;
  
}
.nba-new img{
    height: 300px;
    width: auto;
}
.image-anime img:hover {
    transform: scale(1.1);
    transition: 0.5s all ease;
}
.image-anime{
    display: inline-block;
}

.facilities {
    width: calc(100% + 60px);
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
    padding: 0;
}
.facilities li {
    width: 50%;
    display: inline-block;
 
    padding: 0 30px;
    list-style: none;
}
.facilities li .facility-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding-bottom: 50px;
    position: relative;
  
}
.facilities li .facility-box:hover img {
    filter: grayscale(0);
}
.facilities li .facility-box:hover figcaption {

    color: #800000;
    background:#fff;
}
.facilities li .facility-box img {
    border-radius:10px;
    width: 100%;
    display: block;
    transition: all 0.25s ease-in-out;
}
.facilities li .facility-box figcaption {
    width: 70%;
    position: absolute;
    left: 30px;
    bottom: 15px;
    padding: 20px;
    background:#c78964;
    color: #fff;
    transition: all 0.25s ease-in-out;
}
.facilities li .facility-box figcaption:after {
    content: "";
    width: 20%;
    height: 55px;
    background: url("http://localhost/shibitha/autumn-air/img/pattern-dot.png");
    background-size: 12px 12px;
    position: absolute;
    right: -25px;
    bottom: -25px;
}
.facilities li .facility-box figcaption h5 {
    display: block;
    font-size: 22px;
  
    margin: 0;
}
.facilities li .facility-box figcaption p {
    width: 100%;
    display: block;
    margin: 0;
    display: none;
}
.facilities li:hover figcaption {
    border-radius:5px;
    width: 90%;
    transition: 0.5s all ease;
}
.faci{
    padding-top: 50px;
}
/* .faci-bg{
    background-image: url(https://ssmpoly.ac.in/source/Files/ImageGallery/College/gag-banner5.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 250px;
    display: flex;align-items: center;justify-content: center;
    padding: 0 20px;
    position: relative;
} */
.faci-bg p{
    text-align: justify;
    color: #fff;
    position: relative;
    z-index: 3;
    font-size: 16px;
    display: none;
}
.faci-bg:after{
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.facilities figcaption{
    border-radius:5px;
    z-index: 4;
}
.facilities li:nth-child(2) .faci-bg{
    /*background-image: url(https://ssmpoly.ac.in/source/Files/ImageGallery/College/_MG_5792.JPG);     */
}
.facilities li:nth-child(3) .faci-bg{
    background-image: url(http://ssmpoly.ac.in/source/Files/ImageGallery/College/_MG_5790.JPG);     
}
.facilities li:nth-child(4) .faci-bg{
    background-image: url(http://ssmpoly.ac.in/source/Files/ImageGallery/College/gag-banner3.jpg);     
}
.facility-box img{
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}
.counter-new{
    position:relative;
    z-index: 3;
}
.lnr-menu:before {
    font-family: 'Font Awesome 5 Free'; /* Ensure the correct Font Awesome font family */
    font-weight: 900; /* For solid icons, use 900 */
    content: "\f0c9"; /* Unicode for the Font Awesome icon */
}
  .lnr-cross:before {
    font-family: 'Font Awesome 5 Free'; /* Ensure the correct Font Awesome font family */
    font-weight: 700; /* For solid icons, use 900 */
   content: "\f410";/* Unicode for the Font Awesome icon */
   font-size:24px;
}
#mobile-nav-toggle i{
    color: #fff; /* Default color */
    transition: color 0.3s ease; /* Smooth transition for color change */
}

#mobile-nav-toggle.scrolled i{
    color: #000; /* Color when the class is added */
    /*margin-top: 33px;*/
}
  .vm:hover .white{
	stroke: #fff;
	stroke-width: 1.1;
	stroke-dasharray: 810; 
	stroke-dashoffset: 810;
	fill-opacity: 0;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
  
	
	animation-name: DrawLine, FadeStroke, FillIn;
	animation-duration: 3s, 1s, 1s;
	animation-delay: 0s, 3.1s, 3s;
  }
  
  @keyframes offset {
	100% {
	  stroke-dashoffset: 0; 
	}  
  }
  
  @keyframes fill-it-lightBlue {
	0%{
	  fill: #ffffff;
	}
	100% {
	  fill: #0097A7; 
	}
  }
  
  @keyframes fill-it-darkestBlue {
	  0%{
	  fill: #ffffff;
	}
	100% {
	  fill: #006064; 
	}
  }
  
  @keyframes fill-it-darkBlue {
	  0%{
	  fill: #ffffff;
	}
	100% {
	  fill: #00838F; 
	}
  }
  
  
  @keyframes fill-it-lightestBones {
	  0%{
	  fill: #ffffff;
	}
	100% {
	  fill: #E0F7FA; 
	}
  }
  
  @keyframes DrawLine {
	to { stroke-dashOffset: 0; }
  }
  
  @keyframes FadeStroke {
	to { stroke-opacity: 0; }
  }
  
  @keyframes FillIn {
	from { fill-opacity: 0; }
	to { fill-opacity: 1; }
  }
  .deps{
      padding:10px 0;
  }
  .single-intro-inner {
      min-height:250px;
      display:flex;
      justify-content:center;
      align-items:center;
      flex-direction:column;
    padding: 20px;
    border-radius: 7px;
    transition: 0.4s;
    position:relative;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
  .single-intro-inner:hover{
      transition:0.5s all ease;
      border-top:5px solid #c78964;
  }
.single-intro-inner .thumb {
    margin-bottom: 2px;
}
.single-intro-inner .thumb img {
    width: auto !important;
    display: inline-block;
        height:115px;
    width:auto;
}
.single-intro-inner.style-white h5 {
    color: #000;
}
.single-intro-inner .details h5 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 6px;
}
.single-intro-inner.style-white p {
    color: #fff;
}
.single-intro-inner .details p {
    margin-bottom: 0;
}
.departmnt{
    margin-top: 50px;
}
/* .box-width{
    min-width: 320px;
    max-width: 320px;
    padding: 10px;
   
} */
@media (max-width: 1400px) {
  
  .box-width{
    min-width: 200px;
    max-width: 200px;
     padding: 10px;
}
}
@media (max-width: 700px) {
  .custom-grid .col {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .box-width{
   min-width: 190px;
    max-width: 190px;
     padding: 10px;

}
}
.intro-area-inner ul li .single-intro-inner:after {
    content: "";
    position: absolute;
    left: 0;
    top: -50%;
    height: 200%;
    width: 1px;
    background: rgba(255, 255, 255, 0.1);
}
.intro-area-inner img{

}
.count-plus{
        margin-left: 5px;
    font-size: 30px;
}
.banner-slider .slick-slide img{
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}
.banner-slider .slick-slide::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
    z-index: 1;
}
/* Styling for the Slick Slider */
.banner-slider .item {
    position: relative;
}

.banner-slider img {
    width: 100%;
    height: 700px;
    object-fit: cover;
    display: block;
}

.banner-slider .slide-content {
    position: absolute;
    top: 40%; /* Adjust to vertically align the text */
    left: 15%; /* Aligns text to the left */
    z-index: 2;
    color: #fff;
    text-align: left;
}

.banner-slider .slide-content h2 {
    color: #fff;
    font-size: 4.6875rem;
    color: #fff;
    margin: 0 0 0.33em;
    line-height: 1em;
    font-family: "Jost", serif;
    font-weight: 400;
   
    font-style: normal;
    
}

/* Responsive Styling */
@media (max-width: 991px) {
    .banner-slider img {
        height: 500px;
    }

    .banner-slider .slide-content h2 {
        font-size: 2.5rem;
    }
}

@media (max-width: 767px) {
    .banner-slider img {
        height: 400px;
    }

    .banner-slider .slide-content h2 {
        font-size: 2rem;
    }
}
/* Slick dots positioned vertically on the right side */
.banner-slider .slick-dots {
       position: absolute;
    top: 50%;
    right: 5vw;
    transform: translateY(-50%);
    display: flex
;
    flex-direction: column;
    z-index: 3;
    align-items: end;
}

.banner-slider .slick-dots li {
    margin: 10px 0; /* Space between dots */
}

.banner-slider .slick-dots li button {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #fff;
    cursor: pointer;
}

.banner-slider .slick-dots li.slick-active button {
    background-color: #c78964; /* Active dot color */
    border-color: #c78964;
}

/* Ensure dots don't overlap in responsive views */
@media (max-width: 767px) {
   .banner-slider .slick-dots {
        right: 10px;
    }
    .banner-slider:before {
  display:none;
}
}
/*.banner-slider:before {*/
/*    content: "";*/
/*    background: rgba(255, 255, 255, 1);*/
/*    width: 1px;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    left: 100px;*/
/*    bottom: 0;*/
/*    z-index: 10;*/
/*}*/
.next-steps:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
}
.next-steps{
    position:relative;
  background-image:url(../img/step-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding:50px 0;
}
.step-content{
    position:relative;
    z-index:3;
}
.next-steps h3{
    color:#fff !important;
    border-bottom: 2px dashed #c78964 !important;
}
/*program-box*/
.program-box .name{
    color:#fff;
    font-size:20px;
    font-weight:400;
}
.program-box img{
    margin: 0 auto;
    display: flex;
        height: 60px;
    width: 60px;
}

.program-box{
   padding: 10px 0px;
    width: 100%;
    color: white;
    position: relative;
    margin-top: 10px;
    font-size: 2em;
    border: 1px solid #fff;
    transition: 0.5s all ease;
}
.program-box h4{
    font-size: 17px;
}
.program-box:hover{
    border: none;
    transition: 0.5s all ease;
    /*margin-bottom: 30px;*/
}
.program-box:hover h4{
 
    transition: 0.5s all ease;
    color: #fff;
}
.program-box:hover img{
    filter: brightness(0) invert(1);
    transition: 0.5s all ease;
}
.program-box:hover::after{
    transform: scale(1, 1);
}
.program-box:hover::before{
    transform: scale(1, 1);
}
.program-box::after, .program-box::before{
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    transition: all 0.5s;
}
.program-box::after{
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: scale(1, 0);
}
.program-box::before{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: scale(0, 1);
}
.vm-slider:after{
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 2;
    position: absolute;
    left: 0;
    border-radius:50px;
    top: 0;
}
.vm-slider {
    position:relative;
}
.right-column{
    overflow:hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:50px;
}


.inner-banner{
    /*background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRL0BPyid9QuV-CKdihS10-52fqVp7rW6Zq6Q&s) center;*/
    /*background-image:url(../img/inner.webp);*/
    background-image:url(/source/Files/inner%20banner/gag-banner3.jpg);
     
    background-size:cover;
    /*background-attachment:fixed;*/
      height: 279px;
    position: relative;
    background-position:center;
    /*padding: 80px 0;*/
}
.sidebar-widgets{
    padding-bottom: 0px
}
.widget-wrap{
    margin-top: 20px;
    background:#c78964;
    padding:20px 0px;
    border:1px solid #eee
}
@media (max-width: 991px){
    .widget-wrap{
        margin-top:22px;
    }
}
.widget-wrap .single-sidebar-widget{
    margin: 0px 10px;
    /*padding-bottom:30px;*/
    border-bottom:1px solid #eee
}
.widget-wrap .single-sidebar-widget:last-child{
    border-bottom:none;
    margin-bottom:0px
}
.widget-wrap .search-widget form.search-form input[type=text]{
    color:#fff;
    padding:10px 22px;
    font-size:14px;
    border:none;
    float:left;
    width:80%;
    border-bottom-left-radius:20px;
    border-top-left-radius:20px;
    background:#d1ab7f
}
.widget-wrap .search-widget ::-webkit-input-placeholder{
    color:#fff
}
.widget-wrap .search-widget ::-moz-placeholder{
    color:#fff
}
.widget-wrap .search-widget :-ms-input-placeholder{
    color:#fff
}
.widget-wrap .search-widget :-moz-placeholder{
    color:#fff
}
.widget-wrap .search-widget form.search-form button{
    float:left;
    width:20%;
    padding:10px;
    background:#d1ab7f;
    color:white;
    font-size:17px;
    border:none;
    cursor:pointer;
    border-bottom-right-radius:20px;
    border-top-right-radius:20px
}
.widget-wrap .search-widget form.search-form::after{
    content:"";
    clear:both;
    display:table
}
.widget-wrap .user-info-widget{
    text-align:center
}
.widget-wrap .user-info-widget a h4{
    margin-top:40px;
    margin-bottom:5px;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s
}
.widget-wrap .user-info-widget .social-links li{
    display:inline-block;
    margin-bottom:10px
}
.widget-wrap .user-info-widget .social-links li a{
    color:#222;
    padding:10px;
    font-size:14px;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s
}
.widget-wrap .user-info-widget .social-links li a:hover{
    color:#d1ab7f
}
.widget-wrap .popular-post-widget .popular-title{
    background:#04091e;
    color:#fff;
    text-align:center;
    padding:12px 0px
}
.widget-wrap .popular-post-widget .popular-post-list{
    margin-top:30px
}
.widget-wrap .popular-post-widget .popular-post-list .thumb img{
    width:100%
}
.widget-wrap .popular-post-widget .single-post-list{
    margin-bottom:20px;
    border-bottom: 1px solid #80808052;
}
.widget-wrap .popular-post-widget .single-post-list .details{
    margin-left:12px
}
.widget-wrap .popular-post-widget .single-post-list .details h6{
    font-weight:400;
    margin-bottom:10px;
    color: yellow;
}
.widget-wrap .popular-post-widget .single-post-list .details p{
    margin-bottom:0px;
    color: white;
}
.widget-wrap .ads-widget img{
    width:100%
}
.widget-wrap .post-category-widget .category-title{
    background: #ffc107;
    color:#fff;
    text-align:center;
    padding:12px 0px
}
.widget-wrap .post-category-widget .cat-list li{
    padding-top: 8px;
    padding-bottom: 14px;
    border-bottom:2px solid #eee;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s
}
.widget-wrap .post-category-widget .cat-list li p{
    color: rgb(214, 185, 21);
    font-weight:300;
    font-size:14px;
    text-transform: uppercase !important;
    margin-bottom:0px;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s
}
.widget-wrap .post-category-widget .cat-list li a{
    color:#efe2e2
}
.widget-wrap .post-category-widget .cat-list li:hover{
    border-color:#d1ab7f
}
.widget-wrap .post-category-widget .cat-list li:hover p{
    color:#d1ab7f
}
.widget-wrap .newsletter-widget .newsletter-title{
    background:#d1ab7f;
    color:#fff;
    text-align:center;
    padding:12px 0px
}
.widget-wrap .newsletter-widget .col-autos{
    width:100%
}
.widget-wrap .newsletter-widget p{
    text-align:center;
    margin:20px 0px
}
.widget-wrap .newsletter-widget .bbtns{
    background:#d1ab7f;
    color:#fff;
    font-size:12px;
    font-weight:400;
    padding:8px 20px;
    border-radius:0
}
.widget-wrap .newsletter-widget .input-group-text{
    background:#fff;
    border-radius:0px;
    vertical-align:top
}
.widget-wrap .newsletter-widget .input-group-text i{
    color:#ccc;
    margin-top:-1px
}
.widget-wrap .newsletter-widget .form-control{
    border-left:none !important;
    border-right:none !important;
    border-radius:0px;
    font-size:13px;
    color:#ccc;
    padding:9px;
    padding-left:0px
}
.widget-wrap .newsletter-widget .form-control:focus{
    box-shadow:none;
    border-color:#ccc
}
.widget-wrap .newsletter-widget ::-webkit-input-placeholder{
    font-size:13px;
    color:#ccc
}
.widget-wrap .newsletter-widget ::-moz-placeholder{
    font-size:13px;
    color:#ccc
}
.widget-wrap .newsletter-widget :-ms-input-placeholder{
    font-size:13px;
    color:#ccc
}
.widget-wrap .newsletter-widget :-moz-placeholder{
    font-size:13px;
    color:#ccc
}
.widget-wrap .newsletter-widget .text-bottom{
    margin-bottom:0px
}
.widget-wrap .tag-cloud-widget .tagcloud-title{
    background:#04091e;
    color:#fff;
    text-align:center;
    padding:12px 0px;
    margin-bottom:30px
}
.widget-wrap .tag-cloud-widget ul li{
    display:inline-block;
    border:1px solid #eee;
    background:#fff;
    padding:4px 14px;
    margin-bottom:10px;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s
}
.widget-wrap .tag-cloud-widget ul li:hover{
    background:#d1ab7f
}
.widget-wrap .tag-cloud-widget ul li:hover a{
    color:#fff
}
.widget-wrap .tag-cloud-widget ul li a{
    font-size:14px;
    color:black
}
/* .single-post-area{
    padding-top:50px;
    padding-bottom:80px
} */
.single-post-area .meta-details{
    margin-top:20px !important
}
.single-post-area .social-links li{
    display:inline-block;
    margin-bottom:10px
}
.single-post-area .social-links li a{
    color:#222;
    padding:7px;
    font-size:14px;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s
}
.single-post-area .social-links li a:hover{
    color:#d1ab7f
}
.single-post-area .quotes{
    margin-top:20px;
    padding:30px;
    background-color:#fff;
    box-shadow:-20.84px 21.58px 30px 0px rgba(176,176,176,0.1)
}
.single-post-area .arrow{
    position:absolute
}
.single-post-area .arrow .lnr{
    font-size:20px;
    font-weight:600
}
.single-post-area .thumb .overlay-bg{
    background:rgba(0,0,0,0.8)
}
.single-post-area .navigation-area{
    border-top:1px solid #eee;
    padding-top:30px
}
.single-post-area .navigation-area .nav-left{
    text-align:left
}
.single-post-area .navigation-area .nav-left .thumb{
    margin-right:20px;
    background:#000
}
.single-post-area .navigation-area .nav-left .thumb img{
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s
}
.single-post-area .navigation-area .nav-left .lnr{
    margin-left:20px;
    opacity:0;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s
}
.single-post-area .navigation-area .nav-left:hover .lnr{
    opacity:1
}
.single-post-area .navigation-area .nav-left:hover .thumb img{
    opacity:.5
}
@media (max-width: 767px){
    .single-post-area .navigation-area .nav-left{
        margin-bottom:30px
    }
    
   
    
}
.single-post-area .navigation-area .nav-right{
    text-align:right
}
.single-post-area .navigation-area .nav-right .thumb{
    margin-left:20px;
    background:#000
}
.single-post-area .navigation-area .nav-right .thumb img{
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s
}
.single-post-area .navigation-area .nav-right .lnr{
    margin-right:20px;
    opacity:0;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s
}
.single-post-area .navigation-area .nav-right:hover .lnr{
    opacity:1
}
.single-post-area .navigation-area .nav-right:hover .thumb img{
    opacity:.5
}
.item a {
    text-decoration:none
}
.item .image
{
    position:relative;
    overflow:hidden;
    margin-bottom:40px;
  
}

.item .image img
{
    transition:all .2s;
    height:200px;
    object-fit:cover;
      
}
.buttons{
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    opacity:0;
    visibility:hidden;
    background-color:rgba(255,255,255,0);
    transition:all .2s;
    display:flex;
    align-items:center;
    justify-content:center
}
.item .image .buttons a{
    color:#fff;
    margin-right:10px
}
.item .image .buttons a:last-child{
    margin-right:0
}
.item .image .buttons a i{
    font-size:20px;
    color:inherit
}
.item .image:hover .buttons{
    opacity:1;
    visibility:visible;
    background-color:rgba(39,48,75,.7)
}
.item .image:hover img{
    transform:scale(1.1)
}
.item{
    background:#fff;
    padding:15px;
    text-align:center;
    transition:all .3s ease;
    border:3px solid transparent;
    box-shadow:0 0 16px 0 rgba(39,48,75,.15);
    border-radius:6px;
    padding:35px 0px 27px;
    display:flex;
    flex-direction:
    column
}
@media screen and (max-width: 767px) {
    .item {
        padding: 0px;
    }
    
}
.item img{
    max-width:100%
}
.item h2{
    color:#5A3733;
    font-size:22px;
    font-weight:900;
    padding:.5em 0;
    margin:0
}
.item p{
    font-size:15px;
    line-height:1.5em;
    margin:14px 0 20px
}
.item .name{
    font-size:24px;
    text-transform:capitalize;
    transition:all .3s linear 0s;
    font-weight:700;
    line-height:1;
    color:#27304b
}
.item .name:hover{
    color:#f15e42
}
.item .perUnvan{
    position:relative;
    transition:all .3s linear 0s;
    color:#777;
    font-size:16px;
    text-align:center;
    font-weight:400
}
.item .perUnvan:hover{
    color:#f15e42
}
.item .perUnvan::after{
    content:'';
    position:absolute;
    bottom:-6px;
    left:50%;
    height:1px;
    width:40px;
    background-color:#777;
    transform:translateX(-50%)
}
.item .css-arrow{
    margin-left:10px;
    display:inline-block;
    width:55px;
    height:2px;
    background-color:#f15e42;
    position:relative;
    transition:all .25s linear 0s;
    vertical-align:middle
}
.item .css-arrow::after{
    content:"";
    position:absolute;
    width:10px;
    height:2px;
    background-color:#f15e42;
    top:-3px;
    right:-3px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    transition:all .25s linear 0
}
.item .css-arrow::before{
    content:"";
    position:absolute;
    width:10px;
    height:2px;
    background-color:#f15e42;
    top:3px;
    right:-3px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    transition:all .25s linear 0
}
.item .read-more{
    font-size:16px;
    font-weight:700;
    text-transform:capitalize;
    color:#27304b;
    position:relative;
    margin-top:20px
}
.item .read-more:hover{
    color:#f15e42
}
.item:hover .css-arrow{
    width:20px
}
  @media (max-width: 768px) {
    .image {
      flex-direction: column;
      align-items: center;
    }}
    .active1{
        background-color: #b6612f;
    }


    .breadcrumb {
	/*centering*/
	display: inline-block;
	/* box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35); */
	overflow: hidden;
	border-radius: 5px;
	/*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
	counter-reset: flag; 
   
}

.breadcrumb a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 16px;
	line-height: 36px;
	color: white;
	/*need more margin on the left of links to accomodate the numbers*/
	padding: 0 10px 0 60px;
	background: #666;
	background: linear-gradient(#666, #333);
	position: relative;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.breadcrumb a:first-child {
	padding-left: 46px;
	border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.breadcrumb a:first-child:before {
	left: 14px;
}
.breadcrumb a:last-child {
	border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
	padding-right: 20px;
}

/*hover/active styles*/
.breadcrumb a.active, .breadcrumb a:hover{
	background: #333;
	background: linear-gradient(#333, #000);
}
.breadcrumb a.active:after, .breadcrumb a:hover:after {
	background: #333;
	background: linear-gradient(135deg, #333, #000);
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.breadcrumb a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px; /*half of square's length*/
	/*same dimension as the line-height of .breadcrumb a */
	width: 36px; 
	height: 36px;
	/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
	transform: scale(0.707) rotate(45deg);
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #666;
	background: linear-gradient(135deg, #666, #333);
	/*stylish arrow design using box shadow*/
	box-shadow: 
		2px -2px 0 2px rgba(0, 0, 0, 0.4), 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	/*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
	border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.breadcrumb a:last-child:after {
	content: none;
}
/*we will use the :before element to show numbers*/
/* .breadcrumb a:before {
	content: counter(flag);
	counter-increment: flag;
	
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 8px 0;
	position: absolute;
	top: 0;
	left: 30px;
	background: #444;
	background: linear-gradient(#444, #222);
	font-weight: bold;
} */


.flat a, .flat a:after {
	background: #c18e70;
	color: white;
	transition: all 0.5s;
}
.flat a:before {
	background: white;
	box-shadow: 0 0 0 1px #ccc;
}
.flat a:hover, .flat a.active, 
.flat a:hover:after, .flat a.active:after{
	background:#b6612f;
}


.faculty-section {
  padding: 40px 20px;
  text-align: center;
  background: #f7f9fc;
  font-family: sans-serif;
}

.faculty-section h2 {
  font-size: 32px;
  margin-bottom: 30px;
  color: #333;
}

.faculty-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  max-width: 1100px;
  margin: auto;
}

.faculty-card {
    border:1px solid #ececec;
    /*width:280px;*/
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  transition: 0.3s ease;
}

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

.faculty-card img {
    width: 100%;
    height: auto;
    /* border-radius: 100%; */
    max-width: 160px;
    margin: 0 auto 15px;
    height: 180px;
    object-fit: cover;
}

.faculty-card h3 {
  margin: 10px 0 5px;
  font-size: 18px;
  color: #0047AB;
}

.faculty-card p {
  color: #555;
  font-size: 14px;
}


.floating-icons1 {
  position: fixed;
  top: 50%; /* Center vertically */
  right: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 1000;
}

.floating-icons {
  position: fixed;
  top: 50%; /* Center vertically */
  right: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 1000;
}


.icon-item {
  position: relative;
  width: 35px;
  height: 35px;
}


.icon-content {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: #d99f5b;
  color: #002b4e;
  border-radius: 5px 0 0 5px;
  display: flex;
  align-items: center;
  padding: 10px;
  width: 45px;
  transition: width 0.3s ease;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}

.icon-content i {
  font-size: 20px;
  flex-shrink: 0;
  width: 20px;
  text-align: center;
}
@media (max-width: 1400px) {
  .icon-item {
 
  width: 30px;
  height: 30px;
}
.icon-content i {
  font-size: 16px;
 
}
}
/* Optional: Target specific icon if needed */
.icon-content .fa-whatsapp {
  font-size: 24px;
  font-weight: bold; /* Slightly smaller to visually match */
}
.icon-label {
  margin-left: 10px;
  opacity: 0;
  transition: opacity 0.3s ease;
  font-weight: 500;
}

.icon-content:hover {
  width: 150px;
}

.icon-content:hover .icon-label {
  opacity: 1;
}
.icon-content:hover,
.icon-content:hover i,
.icon-content:hover .icon-label {
  color: #002b4e;
}



.container1 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: 30px;
}

.box1 {
  flex: 1 1 calc(20% - 10px); /* 5 per row with spacing */
  min-width: 150px;
  min-height:270px;
  background: white;
  /* border: 1px solid #ccc; */
  text-align: center;
  /* padding: 20px; */
  box-sizing: border-box;
  border-radius: 8px;
  /* min-height: 340px; */
}

/* Mobile3 (stack or 2 per row on very small screens) */
@media (max-width: 480px) {
  .box {
    flex: 1 1 100%; /* Stack vertically */
    max-width: 100%;
  }
}
/* .box1-width{
    min-height: 440px;
} */
.departments-section{

 
}
#home-mentoring .whats-float .type {
    
    transform: translate(-112px, 0);
    
}
#home-mentoring .whats-float .type:hover {
    color: #ffffff;
    transform: translate(0px, 0px);
}
#home-mentoring .sticky-menu{
    max-width:155px !important;
}
/* sticky-menu */
.sticky-menu{
  left:0;
  /*transform: translate(-103px, 0) ;*/
  border-radius: 0px 10px 10px 0px;
  /*max-width: 201px;*/
  max-width: 180px;
  /*bottom: 650px !important;*/
}
.sticky-menu a span{
  position: relative;padding: 0;
  font-size: 14px;
  margin-right: 5px;
  color:#002b4e;
  font-weight: 500;
}
.sticky-menu a{
  display: flex;
  align-items: center;
  justify-content: end;
  color:#002b4e;
}
.sticky-menu i{
height: 24px;
width: 24px;
  padding: 0;
  margin-right: 10px;
 color:#002b4e;
 padding-top: 5px;
 font-size: 15px;
}
.sticky-menu{
  /*padding: 10px 0;*/
}
@media (min-width: 1000px) and (max-width: 1300px){
    .sticky-menu.about {
    bottom: 414px !important;
}
.sticky-menu.service {
    bottom: 360px !important;
}
.sticky-menu.product {
    bottom: 305px !important;
}
.sticky-menu.portfolio {
    bottom: 250px !important;
}
}
.sticky-menu.about {
 bottom:366px !important;
}
.sticky-menu.service{
  bottom:312px !important;
 }
 .sticky-menu.product {
  bottom:256px !important;
 }
 .sticky-menu.portfolio {
  bottom:200px !important;
 }
 .sticky-menu.contact {
  bottom:300px !important;
 }
 
 
 
 
.whats-float .type {
    transition: all 0.5s ease-in-out;
    transform: translate(-140px, 0);
    /*transform: translate(-155px, 0);*/
    background: #d99f5b;
    margin-top: 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 5px;
}
 .whats-float .type:hover {
    color: #ffffff;
    transform: translate(0px, 0px);
}



.adjust-call {
    top:35% !important;
    /*bottom: 30% !important;*/
        /*bottom: 20% !important;*/
    /*background-color: #d99f5b;*/
}

.whats-float {
    /*transform: translateY(-50%);*/
    /*top: 50%;*/
    position: fixed;
    /*transform: translate(133px, 0px);*/
    /*bottom: 30%;*/
    right: 0;
    /*width: 182px;*/
    overflow: hidden;
    /*background-color: #25d366;*/
    color: #fff;
    /*border-radius: 2px 0 0 2px;*/
    z-index: 10;
    transition: all 0.5s ease-in-out;
    vertical-align: middle;
    /*border-radius: 50px 0px 0px 50px;*/
    padding-left: 3px;
}

.about-float {
    position: relative;
    /* left: 167px; */
    /* width: 500px; */
    top: 7px;
    padding: 28px;
    z-index: 1;
    background: #fff;
    box-shadow: 0px 2px 20px 0px rgb(0 0 0 / 19%);
}
.faculty-details .faculty-grid{
    grid-template-column:1fr;
}
.faculty-details .image{
    display:flex;
    justify-content:center;
   
}
.faculty-section .image{
   
    position:relative;
}
.faculty-section .image:hover .more{
    opacity: 1;
    cursor: pointer;
}
.faculty-section .more {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(209, 171, 127, 0.8);
    color: #fff;
    opacity: 0;
    transition: opacity 0.5s;
}
.faculty-details .name,.faculty-details h6{
   text-align:center;
}
.faculty-details .faculty-grid{ 
   /*max-width:600px;*/
}
.more {
    display: flex;
    justify-content: center;
    align-items: center;
}
.more a {
    padding: 5px 20px;
    background: white;
    border-radius: 5px;
    font-size: 14px;
    color: #e0902a;
}

#home-bog-minutes{
    padding:50px;
}
#home-ADMISSIONPROCEDURE{
    /*padding:50px;*/
    padding:30px;
}

#home-ADMISSIONPROCEDURE p{
  padding-bottom:20px;
}

.admission-main{
   text-align: center;
   font-size:24px;
   /*padding:20px;*/
   padding:5px;
   background-color:#d59f7e;
   /*margin-bottom:40px;*/
}

#home-ADMISSIONPROCEDURE table{
    /*display:flex;*/
    justify-content:center;
}

#home-scholarships {
    padding:30px;
    
}


/*.adminstaff-table{*/
/*    display:flex;*/
/*    justify-content:center;*/
/*    align-items:center;*/
/*}*/

.adminstaff-table tr{
 
}


@media (min-width: 1000px) {
  .adminstaff-table{
    display:flex;
    justify-content:center;
   align-items:center;*/
}
}
#home-RIGHTTOINFORMATION , #home-academic-calenda , #home-departmentwise{
    /*padding:50px 0;*/
    /*padding:30px 0;*/
}

 #home-tenders{
    padding:50px ;
}


.ftco-section{
    padding:50px;
}

.post-content-area p{
    font-size:14px;
}


#home-audit-report , #home-iqac-minutes , #home-institutional-innovation-council-, #home-students-grievance-redressal-cell , #home-ANTIRAGGINGCELL , #home-grievance-rredressal-committe , #home-SCSTCOMMITTEE{
    padding:50px;
}
}
.library-card{
    padding:20px;
}

@media (max-width: 767px) {
 .library-card{
    padding:0px;
}
#home-RIGHTTOINFORMATION , #home-academic-calenda , #home-departmentwise{
    padding:10px 0;
}

 #home-tenders{
    padding:10px ;
}


.ftco-section{
    padding:10px;
}
#home-bog-minutes{
    padding:10px;
}
#home-ADMISSIONPROCEDURE{
    padding:10px;
}


#home-audit-report , #home-iqac-minutes , #home-institutional-innovation-council-, #home-students-grievance-redressal-cell , #home-ANTIRAGGINGCELL , #home-grievance-rredressal-committe , #home-SCSTCOMMITTEE{
    padding:10px;
}
}
.shadow-box {
  background-color: white;
  box-shadow: 
    0 -6px 12px rgba(0, 0, 0, 0.03),  /* top shadow */
    0 4px 8px rgba(0, 0, 0, 0.08);   /* bottom shadow */
  border-radius: 10px; /* optional */
  /*padding: 20px;*/
}

 .responsive-img {
    width: 30%;
  }

  @media (min-width: 992px) {
    .responsive-img {
      width: 50%;
    }
}
.container.news-events img{
    min-height:400px;
    max-height:400px;
    width:100%;
    object-fit:cover;
}

.tender-center{
    text-align:center;
}

.nss-photos img{
     min-height:400px;
    max-height:400px;
    width:100%;
    object-fit:cover;
}

.news-center{
display:flex;
justify-content:center;
align-items:center;
    
}
.flat-table {
  margin: 0 auto; /* Center the table */
  text-align: center;
}
.fixed-table th, .fixed-table td {
  text-align: left;
}

#home-scholarships .container{
    background-color: white;
  box-shadow: 
    0 -6px 12px rgba(0, 0, 0, 0.03),  /* top shadow */
    0 4px 8px rgba(0, 0, 0, 0.08);   /* bottom shadow */
  border-radius: 10px; /* optional */
  padding: 20px;
}

@media(max-width:700px){
    .adjust-call {
        top: 38% !important;
        /*bottom: 0% !important;*/
        /* background-color: #d99f5b; */
    }
}
@media(min-width:1200px){
    .ssmcards {
        display : grid !important;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 20px;
    }
}
@media(max-width:450px){
    ul#myTab {
        display: grid;
        gap: 5px;
    }
    div#home-syllabus .p-4{
        padding: 3px !important;
    }
}





  .profile-sidebar {
      border: 1px solid #dee2e6;
      border-radius: 5px;
      padding: 20px;
      text-align: center;
    }

    .profile-sidebar img {
      width: 200px;
      /*height: 100px;*/
      object-fit: cover;
      /*border-radius: 50%;*/
      /*border: 3px solid #28a745;*/
    }

    .profile-sidebar h5 {
      margin-top: 10px;
      margin-bottom: 5px;
    }

    .nav-button {
      display: block;
      width: 100%;
      margin-bottom: 10px;
      border: none;
      background-color: transparent;
      text-align: left;
      padding: 10px 15px;
      border-radius: 5px;
      color: #000;
    }

    .nav-button.active, .nav-button:hover {
      background-color: #28a745;
      color: white;
    }

    .profile-info {
      border: 1px solid #dee2e6;
      border-radius: 5px;
      padding: 20px;
    }

    .profile-info h4 {
      margin-bottom: 20px;
    }

    .profile-info p {
      margin-bottom: 8px;
    }

    @media (max-width: 767.98px) {
      .profile-sidebar {
        margin-bottom: 20px;
      }
    }
    
      .officer-box {
      border: 1px solid #ddd;
      padding: 20px;
      background-color: #fdfdfd;
      margin-bottom: 20px;
      border-radius: 5px;
    }
    .officer-title {
      background-color: #c78964;
      color: white;
      text-align: center;
      padding: 10px;
      margin-bottom: 10px;
      font-weight: bold;
    }
    
    .responsive-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

.table-row {
  display: table-row;
}

.table-cell {
  display: table-cell;
  padding: 20px;
  border: 1px solid #ccc;
  vertical-align: top;
  text-align: left;
}

/* Header styling */
.header .table-cell {
  background-color: #c78964;
  color: white;
  font-weight: bold;
  text-align: center;
}

/* Mobile styles */
@media (max-width: 768px) {
  .responsive-table {
    display: block;
  }

  .table-row {
    display: block;
    margin-bottom: 20px;
    border: 1px solid #ccc;
  }
.blog-area{
    margin:0px;
}
  .table-cell {
      padding-top:50px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding-left: 120px;
    min-height: 60px;
  }

  .table-cell::before {
    content: attr(data-label);
    position: absolute;
    left: 10px;
    top: 20px;
    font-weight: bold;
    white-space: nowrap;
  }

  .header {
    display: none; /* Hide original header row on mobile */
  }
}
@media (min-width: 768px) {
  .center-item{
      display:flex;
      justify-content:center;
      align-items:center;
  }
  }
  .tab-pane a {
      font-size:14px;
  }
  
  }
  
  .iedc-image img{
      width:400px;
      height:300px;
  }
  
  .committee-table thead th {
      background-color: #c78964;
      color: white;
      text-align: center;
    }

    .committee-table tbody tr:nth-child(even):not(.section-title-row) {
      background-color: #f0f0f0;
    }

    .committee-section-title {
      background-color: #f0f0f0;
      font-weight: bold;
      text-align: center;
      padding: 8px;
    }

    /* Mobile card style */
    @media (max-width: 768px) {
      .committee-table thead {
        display: none;
      }
      .committee-table,
      .committee-table tbody,
      .committee-table tr,
      .committee-table td {
        display: block;
        width: 100%;
      }
      .committee-table tr {
        margin-bottom: 1rem;
        border: 1px solid #ddd;
        border-radius: 6px;
        padding: 10px;
        background: #fff;
      }
      .committee-table td {
        text-align: left !important;
        padding: 6px 10px;
        border: none;
        position: relative;
        white-space: normal;
      }
      .committee-table td::before {
        content: attr(data-label);
        font-weight: bold;
        display: block;
        color: #333;
        margin-bottom: 2px;
      }
      .section-title-row {
        display: block;
        text-align: center;
        background: #f0f0f0;
        font-weight: bold;
        border-radius: 4px;
        padding: 6px;
      }
    }
    
    @media (max-width: 390px) {
  
  #mobile-nav {
 
   width: 310px;
     
}
}
    
.members-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;    /* ✅ Centers last row */
  align-items: stretch;       /* ✅ Makes all cards equal height per row */
  gap: 20px;
  padding: 40px 20px;
  box-sizing: border-box;
}

/* Member Card */
.member-card {
  flex: 0 1 260px;   /* fixed ~260px width */
  max-width: 260px;  /* hard limit */
  min-width: 240px;          /* Prevent oversized cards */
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  text-align: center;
  padding: 20px;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;        /* ✅ Force equal height */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
}
@media (max-width: 1400px) {
  .member-card {
    flex: 1 1 calc(20% - 20px);
    max-width: calc(20% - 20px);
  }
}
/* Image */
.member-card .member-img {
  width: 120px;
  height: 120px;
  margin: 0 auto 15px;
  border-radius: 8px; /* ✅ Square (slightly rounded) */
  overflow: hidden;
  border: 2px solid #eee;
}

.member-card .member-img img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  
}

/* Text Content */
.member-card h3 {
  font-size: 18px;
  margin: 10px 0 5px;
  font-weight: 600;
  color: #222;
}
.member-card p{
    padding:0;
}
.member-card .contact,
.member-card .email {
  font-size: 14px;
  margin: 4px 0;
  color: #444;
  word-break: break-word;
}

.member-card .role {
  margin-top: auto;   /* ✅ Pushes to bottom */
  font-weight: bold;
  color: #003366;
}

/* Hover Effect */
.member-card:hover {
  background: #c78964; /* ✅ Orange-brown */
  color: #fff;
  border-color: #d97706;
  transform: translateY(-5px);
}

.member-card:hover h3,
.member-card:hover .contact,
.member-card:hover .email,
.member-card:hover .role {
  color: #fff;
}

/* Highlighted (default colored card) */
.member-card.highlight {
  background: #d97706;
  border: 2px solid #d97706;
  color: #fff;
}

.member-card.highlight h3,
.member-card.highlight .contact,
.member-card.highlight .email,
.member-card.highlight .role {
  color: #fff;
}

/* Responsive Design */
@media (max-width: 992px) {
  .member-card {
    flex: 1 1 45%;  /* ✅ Two per row on tablets */
    max-width: 100%;
  }
}

@media (max-width: 600px) {
  .member-card {
    flex: 1 1 100%; /* ✅ Single column on mobile */
  }
}
.chairman-card {
border-radius: 12px;
transition: all 0.3s ease-in-out;
}

.chairman-card:hover {
transform: translateY(-6px);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
border-color: #c78964 !important;
}

.chairman-card:hover h3,
.chairman-card:hover .role {
color: #c78964;
transition: color 0.3s ease-in-out;
}

.chairman-card img {
transition: transform 0.3s ease-in-out;
}

.chairman-card:hover img {
transform: scale(1.05);
}

 .office-intro {
            /*background :linear-gradient(135deg, #da9f62 0%, #cf704c 50%, #da9f62 100%);*/
            color: white;
            padding: 40px;
            border-radius: 50px;
            margin-bottom: 40px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            position: relative;
            overflow: hidden;
            transition: transform 0.4s ease, box-shadow 0.4s ease;
          }

          .office-intro::before,.approval-status::before {
    content: "";
    position: absolute;
    top: -104px;
    left: -9%;
    width: 200px;
    height: 200px;
    background: rgb(209 114 81 / 34%);
    border-radius: 50%;
    animation: float 3s ease-in-out infinite;
}

         .office-intro::after,.approval-status::after {
                content: "";
                position: absolute;
                bottom: -59px;
                right: -5%;
                width: 150px;
                height: 150px;
                background: rgb(209 114 81 / 34%);
                border-radius: 50%;
                animation: float 3s ease-in-out infinite reverse;
            }

          @keyframes float {
            0%,
            100% {
              transform: translateY(0px);
            }
            50% {
              transform: translateY(20px);
            }
          }

         .office-intro h2 {
                margin-bottom: 0px;
                position: relative;
                z-index: 1;
                color: #000000b8;
                font-weight: bold;
                font-size: 28px;
            }

          .office-intro p {
            line-height: 1.8;
            margin-bottom: 15px;
            font-size: 14px;
            /*font-size: 1.05em;*/
            position: relative;
            z-index: 1;
          }

          .principal-section {
            background: white;
            border-radius: 15px;
            padding: 50px;
            margin-bottom: 40px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            position: relative;
            overflow: hidden;
          }

          .principal-section::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 300px;
            background: linear-gradient(
              135deg,
              #d4774e 0%,
              #c46940 50%,
              #b85a32 100%
            );
            clip-path: polygon(0 0, 100% 0, 60% 100%, 0 100%);
          }

          .principal-content {
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            align-items: start;
          }

          .principal-card {
            background: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
            display: flex;
            gap: 30px;
            align-items: center;
            transition: transform 0.4s ease, box-shadow 0.4s ease;
            /*margin-top: 20px;*/
          }

          .principal-card:hover {
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 15px 40px rgba(212, 119, 78, 0.3);
          }
            .office-intro p {
                text-align: justify;
            }
          .principal-photo {
            width: 215;
            height: 230px;
            border-radius: 10px;
            overflow: hidden;
            background: #f0f0f0;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
          }

          .principal-photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }

          .principal-info {
            flex: 1;
            text-align: left;
          }

          .principal-name {
            font-size: 20px;
            color: #1a1a1a;
            margin-bottom: 5px;
            font-weight: 600;
          }

          .principal-title {
            color: #666;
            margin-bottom: 20px;
            font-size: 1em;
          }

          .principal-contact {
            margin-top: 15px;
          }

          .contact-item {
            display: flex;
            align-items: baseline;
            gap: 12px;
            margin-bottom: 12px;
            color: #444;
            font-size: 0.95em;
          }

          .contact-icon {
            color: #666;
            font-size: 1.1em;
            margin-top: 2px;
          }

          .view-profile-btn {
            background: linear-gradient(135deg, #d4774e 0%, #c46940 100%);
            color: white;
            border: none;
            padding: 12px 35px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 1em;
            margin-top: 15px;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: 600;
            box-shadow: 0 4px 15px rgba(212, 119, 78, 0.3);
            transition: all 0.3s ease;
            display: none;
          }

          .view-profile-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(212, 119, 78, 0.4);
          }

          .principal-message {
            flex: 1;
            color: #333;
            line-height: 1.8;
            font-size: 1.05em;
            display: none;
          }

          .staff-section {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 40px;
            display: none;
          }

          .staff-card {
            background: white;
            border-radius: 10px;
            padding: 30px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
            border-top: 4px solid #d4774e;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
          }

          .staff-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
          }

          .staff-name {
            font-size: 1.5em;
            color: #1a1a1a;
            margin-bottom: 8px;
            font-weight: 600;
          }

          .staff-position {
            color: #666;
            margin-bottom: 20px;
            font-size: 1em;
          }

          .staff-contact {
            border-top: 1px solid #eee;
            padding-top: 15px;
          }
          
          @media(min-width:1200px){
              .principal-section {

                display: grid;
                grid-template-columns: 2fr 1fr;
                gap: 20px;
            }
          }
          
          .max-1100{
              max-width:1200px !important;
          }
          .contact-item i {
                color: #d2734f;
            }
            .office-intro:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 15px 40px rgb(212 119 78 / 85%);
}

@media(max-width: 767px){
    .principal-card {
        flex-direction: column;
    }
    .principal-photo {
        height: 270px;
    }
}

  /* AICTE Header Section */
        .aicte-header {
            text-align: center;
            margin-bottom: 30px;
        }

        .aicte-logo {
            width: 60px;
            height: 60px;
            background: #2c5282;
            color: white;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            font-size: 1.5em;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .aicte-title {
            font-size: 2em;
            color: #1a1a1a;
            margin-bottom: 5px;
        }

        .aicte-subtitle {
            color: #666;
            font-size: 0.95em;
        }

        /* Current Approval Status */
        /*.approval-status {*/
        /*    background: linear-gradient(135deg, #2c5282 0%, #1a365d 100%);*/
        /*    color: white;*/
        /*    padding: 40px;*/
        /*    border-radius: 12px;*/
        /*    margin-bottom: 30px;*/
        /*    box-shadow: 0 8px 25px rgba(0,0,0,0.15);*/
        /*}*/
        .approval-status {
 
            padding: 40px;
            border-radius: 12px;
            margin-bottom: 30px;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
            position: relative;
            overflow: hidden;
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }
        .approval-status:hover{
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 15px 40px rgb(212 119 78 / 85%);
        }

        .approval-status h2 {
            font-size: 1.8em;
            margin-bottom: 20px;
        }

        .approval-status p {
            line-height: 1.7;
            margin-bottom: 25px;
            opacity: 0.95;
        }

        .approval-details {
            display: grid;
            grid-template-columns: 1fr 2fr 2fr;
            gap: 20px;
            margin-top: 20px;
        }

       .approval-card {
            background: rgb(255 255 255);
            padding: 20px;
            border-radius: 10px;
            border: 1px solid rgb(240 207 197);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        }

        .approval-card-label {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 0.9em;
            margin-bottom: 10px;
            opacity: 0.9;
        }

        .approval-card-value {
            font-size: 1.1em;
            font-weight: 600;
        }

        .contact-list {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .contact-item {
            display: flex;
            align-items: baseline;
            gap: 12px;
            color: #444;
            font-size: 0.95em;
        }

        .contact-icon {
            color: #d4774e;
            font-size: 1.2em;
            margin-top: 2px;
        }

        /* Assistant Card */
        .assistant-card {
            background: white;
            padding: 35px;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
            border-top: 5px solid #d4774e;
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }

        .assistant-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 40px rgba(212, 119, 78, 0.25);
        }

        .assistant-name {
            font-size: 1.6em;
            color: #1a1a1a;
            margin-bottom: 8px;
            font-weight: 600;
        }

        .assistant-position {
            color: #666;
            margin-bottom: 25px;
            font-size: 1em;
        }

        /* Approval Documents */
        .approval-documents {
            margin-bottom: 40px;
        }

        .section-title {
            font-size: 1.8em;
            color: #1a1a1a;
            margin-bottom: 25px;
            font-weight: 600;
        }

        .documents-grid.docs {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 20px;
            max-height: 400px;
            overflow-y: auto;
            overflow-x: hidden;
            padding: 32px;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
            border-radius: 10px;
            scroll-behavior: smooth;
            /*scrollbar-width: thin;*/
            scrollbar-color: #d19b8b #f1f1f1;
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }
        .documents-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(294px, 1fr));
            gap: 20px;
            padding: 32px;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
            border-radius: 10px;
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }
        .documents-grid.nss{
             grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
        }
        
        .documents-grid:hover {
            position: relative;
            z-index:1;
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 15px 40px rgb(212 119 78 / 85%);
        }
        .document-card {
            background: white;
            padding: 25px;
            border-radius: 10px;
            box-shadow: 0 3px 15px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            cursor: pointer;
            border-left: 4px solid #d4774e;
        }

        .document-card:hover {
             position: relative;
            z-index:1;
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.12);
        }

        .document-icon {
            color: #d4774e;
            font-size: 1.5em;
            margin-bottom: 12px;
        }

        .document-title {
            font-weight: 600;
            color: #1a1a1a;
            margin-bottom: 8px;
            font-size: 1.05em;
        }

        .document-subtitle {
            color: #666;
            font-size: 0.9em;
        }

        /* AICTE Compliance */
        .compliance-section {
            background: white;
            padding: 40px;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
        }

        .compliance-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
            margin-top: 20px;
        }

        .compliance-item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 15px;
            background: #f8f9fa;
            border-radius: 8px;
            transition: all 0.3s ease;
        }

        .compliance-item:hover {
            background: #e9ecef;
            transform: translateX(5px);
        }

        .compliance-check {
            color: #28a745;
            font-size: 1.3em;
        }

        @media (max-width: 768px) {
            .principal-content {
                grid-template-columns: 1fr;
            }

            .principal-main {
                flex-direction: column;
            }

            .approval-details {
                grid-template-columns: 1fr;
            }
        }
        
        .shadow.p-3.rounded-3 {
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }
        .shadow.p-3.rounded-3:hover {
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 15px 40px rgba(212, 119, 78, 0.3);
        }
        
.principal-photo .view-profile {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(209, 171, 127, 0.8);
    color: #fff;
    opacity: 0;
    transition: opacity 0.5s;
}

.principal-photo .view-profile {
    display: flex;
    justify-content: center;
    align-items: center;
}
.principal-photo:hover .view-profile {
    opacity: 1;
    cursor: pointer;
}
.view-profile a {
    padding: 5px 20px;
    background: white;
    border-radius: 5px;
    font-size: 14px;
    color: #e0902a;
}

.document-title a {
    color: black;
}
.document-title a:hover {
    color: #d67753;
}


/*staffs topSection */
:root {
            --primary-brown: #b5846f;
            --light-bg: #f5f5f5;
            --dark-text: #2c2c2c;
          }

       

          .hero-section-staff {
            background: linear-gradient(
              135deg,
              var(--primary-brown) 0%,
              #9a6f5f 100%
            );
            color: white;
            padding: 60px 0;
            margin-bottom: 40px;
            opacity: 0;
            animation: fadeInDown 0.8s ease-out forwards;
          }

          .section-card-staff {
            background: white;
            border-radius: 12px;
            padding: 30px;
            margin-bottom: 30px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
            opacity: 0;
            transform: translateY(30px);
            animation: fadeInUp 0.6s ease-out forwards;
          }

          .section-card-staff:nth-child(1) {
            animation-delay: 0.1s;
          }
          .section-card-staff:nth-child(2) {
            animation-delay: 0.2s;
          }
          .section-card-staff:nth-child(3) {
            animation-delay: 0.3s;
          }
          .section-card-staff:nth-child(4) {
            animation-delay: 0.4s;
          }

          .section-title-staff {
            color: var(--primary-brown);
            font-weight: 600;
            font-size: 1.5rem;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid var(--primary-brown);
            display: inline-block;
          }

          .staff-table-staff {
            width: 100%;
            margin-top: 20px;
          }

          .staff-row-staff {
            transition: all 0.3s ease;
            border-bottom: 1px solid #e0e0e0;
          }

          .staff-row-staff:hover {
            background-color: #faf8f6;
            transform: translateX(10px);
            box-shadow: 0 2px 8px rgba(181, 132, 111, 0.1);
          }

          .staff-row-staff td {
            padding: 15px 10px;
          }

          .staff-name-staff {
            font-weight: 600;
            color: var(--dark-text);
          }

          .designation-staff {
            color: #666;
            font-size: 0.95rem;
          }

          .contact-staff {
            color: var(--primary-brown);
            font-weight: 500;
          }

          .info-text-staff {
            color: #555;
            line-height: 1.8;
            font-size: 1rem;
          }

          @keyframes fadeInDown {
            from {
              opacity: 0;
              transform: translateY(-30px);
            }
            to {
              opacity: 1;
              transform: translateY(0);
            }
          }

          @keyframes fadeInUp {
            from {
              opacity: 0;
              transform: translateY(30px);
            }
            to {
              opacity: 1;
              transform: translateY(0);
            }
          }

          .badge-custom-staff {
            background-color: var(--primary-brown);
            color: white;
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 0.85rem;
            font-weight: 500;
          }

          thead {
            background-color: #f8f9fa;
          }

          thead th {
            color: var(--primary-brown);
            font-weight: 600;
            padding: 12px 10px;
            border-bottom: 2px solid var(--primary-brown);
          }

          .contact-link-staff {
            color: var(--primary-brown);
            text-decoration: none;
            transition: color 0.3s ease;
          }

          .contact-link-staff:hover {
            color: #9a6f5f;
            text-decoration: underline;
          }
          
          .gallery-home.nss-slider.container-fluid {
                top: 0 !important;
                margin: 40px 0px;
            }
            
               .stats-container {
            max-width: 100%;
            margin: 0 auto;
            padding: 0 15px;
        }

        .stats-card {
            background: white;
            border-radius: 12px;
            padding: 20px 11px;
            text-align: center;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            /*opacity: 0;*/
            transform: translateY(30px);
            margin-bottom: 20px;
        }
        .scroll-box .stats-card{
            min-height: 215px;
        }
        .scroll-box .stats-card:hover {
            transform: translateY(20px) scale(1.03);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
        }
        .stats-card.animate {
            opacity: 1;
            transform: translateY(0);
        }

        .stats-card:hover {
            transform: translateY(-10px) scale(1.03);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
        }

        .icon-wrapper {
            width: 55px;
            height: 55px;
            margin: 0 auto 15px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .icon-wrapper::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background: inherit;
            opacity: 0.3;
            transform: scale(0);
            border-radius: 50%;
            transition: transform 0.5s ease;
        }

        .stats-card:hover .icon-wrapper::before {
            transform: scale(1.5);
        }

        .icon-wrapper i {
            font-size: 26px;
            color: white;
            z-index: 1;
            transition: transform 0.3s ease;
        }

        .stats-card:hover .icon-wrapper i {
            transform: scale(1.2) rotate(5deg);
        }

        .stats-card:nth-child(1) .icon-wrapper {
            background: linear-gradient(135deg, #bf8952 0%, #e5af9a 100%);
        }

        .stats-card:nth-child(2) .icon-wrapper {
            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
        }

        .stats-card:nth-child(3) .icon-wrapper {
            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
        }

        .stats-card:nth-child(4) .icon-wrapper {
            background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
        }

        .stats-number {
            font-size: 23px;
            font-weight: 400;
            color: #2d3748;
            margin: 10px 0 8px;
            transition: color 0.3s ease;
        }

        .stats-card:hover .stats-number {
            background: linear-gradient(135deg, #bf8952 0%, #e5af9a 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .stats-label {
            font-size: 14px;
            color: #718096;
            font-weight: 500;
            letter-spacing: 0.5px;
        }

        .section-title {
            text-align: center;
            /*color: white;*/
            margin-bottom: 0px;
        }

        .section-title h2 {
            font-size: 42px;
            font-weight: 700;
            margin-bottom: 10px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
        }

        .section-title p {
            font-size: 18px;
            opacity: 0.9;
        }

        @keyframes pulse {
            0%, 100% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.05);
            }
        }

        .stats-card:hover .stats-number {
            animation: pulse 0.6s ease-in-out;
        }

        /* Stagger animation delay */
        .stats-card:nth-child(1) { animation-delay: 0.1s; }
        .stats-card:nth-child(2) { animation-delay: 0.2s; }
        .stats-card:nth-child(3) { animation-delay: 0.3s; }
        .stats-card:nth-child(4) { animation-delay: 0.4s; }

        @media (max-width: 768px) {
            .stats-number {
                font-size: 36px;
            }
            
            .section-title h2 {
                font-size: 32px;
            }
        }
        
        .faculty-link {
  color: #000;
  text-decoration: none;
}

.faculty-link:hover {
  color: #000; /* stays black on hover */
}

.custom-row-color tbody tr {
  background-color: #c78964;
  color: #000; /* black text */
}

.custom-row-color tbody tr:first-child {
  background-color: #c78964;
}


.custom-row-color tbody tr:hover {
  background-color: #b17855;
}
.scroll-box {
    max-height: 575px;
    scroll-behavior: smooth;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 13px;
    scrollbar-width: thin;
    scrollbar-color: #d19b8b #f1f1f1;
}

/*news*/

:root {
            --primary-orange: #C17A4A;
            --dark-orange: #A0603A;
            --light-bg: #F5F5F5;
        }

        .program-card {
            background: white;
            border-radius: 8px;
            padding: 8px 17px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
            max-width: 600px;
            transition: all 0.4s ease;
        }

        .program-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 50px rgba(0,0,0,0.15);
        }

        .program-card-icon-wrapper {
            position: relative;
            display: inline-block;
        }

    

        .icon-bg::before {
            content: '';
            position: absolute;
            inset: -5px;
            background: linear-gradient(135deg, #dfa78e 0%, #d29b8d 100%);
            border-radius: 50%;
            opacity: 0;
            filter: blur(15px);
            transition: opacity 0.5s ease;
        }

        .program-card:hover .icon-bg::before {
            opacity: 0.5;
        }

        .program-card:hover .icon-bg {
            transform: rotate(180deg) scale(1.1);
        }

        .icon-bg i {
            color: #3a3a3a;
            font-size: 17px;
            transition: transform 0.5s ease;
        }

        .program-card:hover .icon-bg i {
            transform: rotate(-180deg);
        }

        .info-section {
            display: flex;
            align-items: center;
            gap: 15px;
            justify-content: center;
        }

        .duration {
            font-size: 14px;
            font-weight: 600;
            color: #2d3748;
            transition: all 0.3s ease;
        }

        .duration:hover {
            /*color: #667eea;*/
            transform: scale(1.05);
        }

        .divider {
            width: 2px;
            height: 40px;
            background: #e2e8f0;
        }

        .intake-label {
            font-size: 14px;
            color: #3f4857;
            font-weight: 500;
        }

        .intake-value {
            font-size: 14px;
            font-weight: bold;
            color: #4a5360;
            transition: all 0.3s ease;
        }

        .intake-value:hover {
            color: #764ba2;
            transform: scale(1.05);
        }

        .tags-section {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .tag {
            background: #f7fafc;
            color: #718096;
            padding: 7px 13px;
            border-radius: 50px;
            font-size: 11px;
            font-weight: 500;
            /*border: 2px solid transparent;*/
            transition: all 0.4s ease;
            cursor: pointer;
        }

        .tag:hover {
            background: linear-gradient(135deg, #c78964 0%, #282130cf 100%);
            color: white;
            transform: translateY(-3px);
            box-shadow: 0 10px 25px rgb(210 155 141 / 48%);
            border-color: #f0cfc5;
        }

        .tag:active {
            transform: translateY(-1px);
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .program-card > * {
            animation: fadeInUp 0.6s ease-out backwards;
        }

        .program-card > *:nth-child(1) {
            animation-delay: 0.1s;
        }

        .program-card > *:nth-child(2) {
            animation-delay: 0.2s;
        }

        .program-card > *:nth-child(3) {
            animation-delay: 0.3s;
        }
        
        span.aicte {
            font-weight: 700;
            color: #292929;
        }
        
        .news-card {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            /*margin-bottom: 30px;*/
            height: 100%;
        }

        .news-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 40px rgba(193, 122, 74, 0.3);
        }

        .news-image-wrapper {
            position: relative;
            overflow: hidden;
            height: 250px;
        }

        .news-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s ease;
        }

        .news-card:hover .news-image {
            transform: scale(1.15);
        }

        .event-badge {
            position: absolute;
            top: 15px;
            right: 15px;
            background: var(--primary-orange);
            color: white;
            padding: 4px 16px;
            border-radius: 25px;
            font-size: 14px;
            font-weight: 600;
            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.05); }
        }

        .news-content {
            padding: 25px;
        }

        .news-meta {
            display: flex;
            gap: 20px;
            margin-bottom: 15px;
            flex-wrap: wrap;
        }

        .meta-item {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #666;
            font-size: 14px;
        }

        .meta-item i {
            color: var(--primary-orange);
            font-size: 1rem;
        }

        .news-title {
            font-size: 18px;
            font-weight: 700;
            color: #333;
            margin-bottom: 15px;
            line-height: 1.4;
            transition: color 0.3s ease;
        }

        .news-card:hover .news-title {
            color: var(--primary-orange);
        }

        .news-description {
            color: #666;
            line-height: 1.7;
            margin-bottom: 20px;
            font-size: 14px;
        }

        .read-more-btn {
               display: inline-flex;
                align-items: center;
                gap: 8px;
                background: linear-gradient(135deg, var(--primary-orange), var(--dark-orange));
                color: white;
                padding: 6px 25px;
                border-radius: 25px;
                text-decoration: none;
                font-weight: 600;
                transition: all 0.3s ease;
                border: none;
                font-size: 14px;
        }

        .read-more-btn:hover {
            background: linear-gradient(135deg, var(--dark-orange), var(--primary-orange));
            color: white;
            transform: translateX(5px);
            box-shadow: 0 5px 15px rgba(193, 122, 74, 0.4);
        }

        .read-more-btn i {
            transition: transform 0.3s ease;
        }

        .read-more-btn:hover i {
            transform: translateX(5px);
        }

        @keyframes fadeInDown {
            from {
                opacity: 0;
                transform: translateY(-30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .news-card {
            animation: fadeInUp 0.6s ease forwards;
            opacity: 0;
        }

        .news-card:nth-child(1) { animation-delay: 0.1s; }
        .news-card:nth-child(2) { animation-delay: 0.2s; }
        .news-card:nth-child(3) { animation-delay: 0.3s; }
        .news-card:nth-child(4) { animation-delay: 0.4s; }
        .news-card:nth-child(5) { animation-delay: 0.5s; }
        .news-card:nth-child(6) { animation-delay: 0.6s; }

        @media (max-width: 768px) {
           
            .news-title {
                font-size: 1.2rem;
            }
        }
        
        /*Admission*/
        
        :root {
            --primary-color: #b8792a;
            --secondary-color: #8b5e3c;
            --accent-color: #d4a574;
            --dark-bg: #2c2c2c;
            --light-bg: #f8f9fa;
            --text-dark: #333;
        }

       

        /* Main Content */
        .admission-page .content-section {
            padding: 60px 0;
        }

        .admission-page .section-title {
            text-align: center;
            margin-bottom: 50px;
            animation: fadeInUp 0.8s ease-out;
        }

        .admission-page .section-title h2 {
            font-size: 30px;
            color: #525252;
            font-weight: 700;
            /*margin-bottom: 15px;*/
            margin-bottom: 10px;
            position: relative;
            display: inline-block;
        }

        .admission-page .section-title h2::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 3px;
            background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
        }

        .admission-page .section-title p {
            color: #666;
            font-size: 1.1rem;
            margin-top: 20px;
        }

        /* Timeline Steps */
        .admission-page .timeline-container {
            max-width: 1000px;
            margin: 0 auto;
            position: relative;
            /*padding: 20px 0;*/
        }

        .admission-page .timeline-item {
            display: flex;
            margin-bottom: 50px;
            position: relative;
            opacity: 0;
            animation: fadeInUp 0.8s ease-out forwards;
        }

        .admission-page .timeline-item:nth-child(1) { animation-delay: 0.2s; }
        .admission-page .timeline-item:nth-child(2) { animation-delay: 0.4s; }
        .admission-page .timeline-item:nth-child(3) { animation-delay: 0.6s; }
        .admission-page .timeline-item:nth-child(4) { animation-delay: 0.8s; }
        .admission-page .timeline-item:nth-child(5) { animation-delay: 1s; }

        .admission-page .timeline-number {
            flex-shrink: 0;
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.5rem;
            font-weight: 700;
            box-shadow: 0 5px 20px rgba(184, 121, 42, 0.3);
            position: relative;
            z-index: 2;
            transition: transform 0.3s ease;
        }

        .admission-page .timeline-item:hover .timeline-number {
            transform: scale(1.1) rotate(5deg);
        }

        .admission-page .timeline-content {
            flex: 1;
            margin-left: 30px;
            background: white;
            padding: 25px 30px;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            border-left: 4px solid var(--primary-color);
            transition: all 0.3s ease;
        }

        .admission-page .timeline-content:hover {
            transform: translateX(10px);
            box-shadow: 0 8px 30px rgba(184, 121, 42, 0.15);
        }

        .admission-page .timeline-content h3 {
            color: var(--primary-color);
            font-size: 1.4rem;
            margin-bottom: 15px;
            font-weight: 600;
        }

        .admission-page .timeline-content p {
            color: #555;
            line-height: 1.8;
            margin-bottom: 10px;
        }

        .admission-page .timeline-content ul {
            margin-top: 15px;
            padding-left: 20px;
        }

        .admission-page .timeline-content ul li {
            color: #555;
            margin-bottom: 8px;
            line-height: 1.6;
        }

        /* Info Cards */
        .admission-page .info-cards {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 50px;
        }

        .admission-page .info-card {
            background: white;
            padding: 30px;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            text-align: center;
            transition: all 0.4s ease;
            border-top: 4px solid var(--primary-color);
            opacity: 0;
            animation: fadeInUp 0.8s ease-out forwards;
        }

        .admission-page .info-card:nth-child(1) { animation-delay: 0.3s; }
        .admission-page .info-card:nth-child(2) { animation-delay: 0.5s; }
        .admission-page .info-card:nth-child(3) { animation-delay: 0.7s; }

        .admission-page .info-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 40px rgba(184, 121, 42, 0.2);
            border-top-color: var(--accent-color);
        }

        .admission-page .info-card-icon {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            transition: transform 0.3s ease;
        }

        .admission-page .info-card:hover .info-card-icon {
            transform: rotateY(360deg);
        }

        .admission-page .info-card-icon i {
            font-size: 2rem;
            color: white;
        }

        .admission-page .info-card h3 {
            color: var(--primary-color);
            font-size: 1.3rem;
            margin-bottom: 15px;
            font-weight: 600;
        }

        .admission-page .info-card p {
            color: #666;
            line-height: 1.7;
        }

        /* Programs Section */
        .admission-page .programs-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            margin-top: 40px;
        }

        .admission-page .program-card {
            background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);
            padding: 25px;
            border-radius: 10px;
            border: 2px solid #e9ecef;
            transition: all 0.3s ease;
            cursor: pointer;
            opacity: 0;
            animation: fadeInScale 0.6s ease-out forwards;
            display : flex;
        }

        .admission-page .program-card:nth-child(odd) { animation-delay: 0.1s; }
        .admission-page .program-card:nth-child(even) { animation-delay: 0.2s; }

        .admission-page .program-card:hover {
            border-color: var(--primary-color);
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(184, 121, 42, 0.15);
        }

        .admission-page .program-card h4 {
            color: var(--secondary-color);
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .admission-page .program-card h4 i {
            color: var(--primary-color);
        }

        .admission-page .badge-custom {
            background: var(--primary-color);
            color: white;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 600;
            margin-left: auto;
        }

        /* Reservation Table */
        .admission-page .reservation-table {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            margin-top: 40px;
            animation: fadeInUp 1s ease-out;
        }

        .table {
            margin: 0;
        }

        .admission-page .table thead {
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: white;
        }

        .admission-page .table thead th {
            border: none;
            padding: 18px;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.9rem;
            letter-spacing: 0.5px;
            color: white;
        }

        .admission-page .table tbody tr {
            transition: background 0.3s ease;
        }

        .admission-page .table tbody tr:hover {
            background: rgba(184, 121, 42, 0.05);
        }

        .admission-page .table tbody td {
            padding: 15px 18px;
            vertical-align: middle;
            font-size: 14px;
        }

        /* CTA Section */
        .admission-page.cta-section {
            /*background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));*/
            padding: 60px 0;
            color: white;
            text-align: center;
            margin-top: 60px;
        }

        .admission-page.cta-section h2 {
               font-size: 28px;
                margin-bottom: 20px;
                font-weight: 700;
                color: #525252;
        }

        .admission-page.cta-section p {
            font-size: 1.1rem;
            margin-bottom: 30px;
            opacity: 0.95;
        }

        .admission-page .btn-custom {
            padding: 14px 40px;
            font-size: 1.1rem;
            font-weight: 600;
            border-radius: 50px;
            border: none;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin: 0 10px;
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }

        .admission-page .btn-primary-custom {
                background: #f0cfc5;
                color: #141210;
        }

        .admission-page .btn-primary-custom:hover {
           background: white;
            color: var(--primary-color);
            transform: translateY(-3px);
        }

        .admission-page .btn-outline-custom {
            background: #f0cfc5;
            color: #2e2323;
            border: 2px solid white;
        }

        .admission-page .btn-outline-custom:hover {
            background: white;
            color: var(--primary-color);
            transform: translateY(-3px);
        }

        @keyframes fadeInDown {
            from {
                opacity: 0;
                transform: translateY(-50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeInScale {
            from {
                opacity: 0;
                transform: scale(0.8);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        /* Responsive */
        @media (max-width: 768px) {
            .admission-page .hero-content h1 {
                font-size: 2rem;
            }

            .section-title h2 {
                font-size: 1.8rem;
            }

            .admission-page .timeline-item {
                flex-direction: column;
            }

            .admission-page .timeline-content {
                margin-left: 0;
                margin-top: 20px;
            }

            .admission-page .btn-custom {
                display: block;
                margin: 10px auto;
                width: 90%;
            }
        }
        
        .document-card strong {
            font-size: 18px;
        }

@media(max-width: 767px){
    .approval-status .col-md-2 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
    }
}

@media(max-width:1400px){
    .stats-number {
        font-size: 20px;
     
    }
}
.approval-status .col-md-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}



/*downloads*/

:root {
        --sample1: #2a2a2abd;
        --sample2: #cf9147;
        --sample3: #261e15;
        --sample4: #2a2a2abd;
        --sample5: #ffffff;
        --sample6: #261e15;
      }

  

      .main-container.downloads {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
      }

    

      .downloads .tab-section {
        margin-bottom: 40px;
        animation: fadeInUp 0.8s ease-out 0.2s both;
      }

      .downloads .custom-tabs {
        display: flex;
        gap: 15px;
        margin-bottom: 30px;
        flex-wrap: wrap;
        justify-content: center;
      }

      .downloads .custom-tab {
        background: white;
        border: none;
        padding: 15px 30px;
        border-radius: 50px;
        font-weight: 600;
        color: var(--sample1);
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      }

      .downloads .custom-tab:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        background: var(--sample2);
        color: white;
      }

      .downloads .custom-tab.active {
        background: linear-gradient(
          135deg,
          var(--sample1),
          var(--sample2)
        );
        color: white;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
      }

      .downloads .content-card {
        background: white;
        border-radius: 20px;
        padding: 40px;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
        margin-bottom: 30px;
        animation: fadeIn 0.5s ease-out;
      }

      .downloads .section-title {
        color: var(--sample1);
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 25px;
        padding-bottom: 15px;
        border-bottom: 3px solid var(--sample3);
      }

      .downloads .links-section {
        margin-bottom: 35px;
      }

      .downloads .link-item {
        display: flex;
        align-items: center;
        gap: 15px;
        padding: 15px 20px;
        margin-bottom: 12px;
        /* background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); */
        border-radius: 12px;
        text-decoration: none;
        color: var(--sample4);
        transition: all 0.3s ease;
        border-left: 4px solid var(--sample2);
        box-shadow: 0 0px 5px rgb(212 119 78 / 40%);
      }

      .downloads .link-item:hover {
            transform: translateX(10px);
            box-shadow: 0 5px 20px rgb(215 191 182);
        }

      .downloads .link-item i {
        font-size: 1.3rem;
        color: #cf9147;
        transition: all 0.3s ease;
      }

      .downloads .link-item:hover i {
        
        transform: rotate(360deg);
      }

      .downloads .programs-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 20px;
        margin-top: 25px;
      }

      .downloads .program-card {
        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
        border-radius: 15px;
        padding: 25px;
        text-decoration: none;
        color: var(--sample4);
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        border: 2px solid transparent;
        position: relative;
        overflow: hidden;
      }

      .downloads .program-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(
          135deg,
          var(--sample2),
          var(--sample3)
        );
        transition: all 0.4s ease;
        z-index: 0;
      }

      .downloads .program-card:hover::before {
        left: 0;
      }

      .downloads .program-card-content {
            position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
      }

      .downloads .program-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 35px rgba(59, 130, 246, 0.3);
        border-color: var(--sample2);
      }

      .downloads .program-card:hover .program-card-content {
        color: white;
      }

      .downloads .program-number {
        display: inline-block;
        width: 40px;
        height: 40px;
        background: var(--sample2);
        color: white;
        border-radius: 50%;
        text-align: center;
        line-height: 40px;
        font-weight: 700;
        /*margin-bottom: 15px;*/
        transition: all 0.3s ease;
      }

      .downloads .program-card:hover .program-number {
        background: white;
        color: var(--sample2);
        transform: scale(1.1);
      }

      .downloads .program-title {
        font-weight: 600;
        font-size: 1.1rem;
        margin: 0;
        color: #2c2c2c;
        margin-left: 10px;
      }

      .downloads .tab-content-item {
        display: none;
      }

      .downloads .tab-content-item.active {
        display: block;
        animation: fadeIn 0.5s ease-out;
      }

      @keyframes fadeIn {
        from {
          opacity: 0;
          transform: translateY(20px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @keyframes fadeInDown {
        from {
          opacity: 0;
          transform: translateY(-30px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @keyframes fadeInUp {
        from {
          opacity: 0;
          transform: translateY(30px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .downloads .pdf-icon {
        font-size: 1.2rem;
      }

      @media (max-width: 768px) {
       

        .downloads .content-card {
          padding: 25px;
        }

        .downloads .programs-grid {
          grid-template-columns: 1fr;
        }

        .downloads .custom-tabs {
          flex-direction: column;
        }

        .downloads .custom-tab {
          width: 100%;
        }
      }

      /* Loading animation */
      .downloads .loading {
        pointer-events: none;
        opacity: 0.6;
      }

      .downloads .loading::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 30px;
        height: 30px;
        border: 3px solid rgba(255, 255, 255, 0.3);
        border-top-color: white;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
      }

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

      .downloads .accordion-item-custom {
        background: white;
        border-radius: 15px;
        margin-bottom: 20px;
        overflow: hidden;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        animation: slideInUp 0.5s ease-out backwards;
      }

      .downloads .accordion-item-custom:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
      }

      .downloads .accordion-header-custom {
        padding: 18px 30px;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: all 0.3s ease;
        border-left: 5px solid var(--sample2);
      }

      .downloads .accordion-header-custom:hover {
        background: linear-gradient(135deg, white, var(--sample1));
        color: white;
      }

      .downloads .accordion-header-custom.active {
        background: linear-gradient(135deg, white, var(--sample1));
        color: white;
      }

      .downloads .accordion-header-custom h3 {
        margin: 0;
        font-size: 20px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 15px;
        color: #504e4e;
      }

      .downloads .year-badge {
        background: var(--sample2);
        color: white;
        padding: 5px 15px;
        border-radius: 20px;
        font-size: 0.85rem;
        font-weight: 600;
      }

      .downloads .accordion-header-custom:hover .year-badge,
      .downloads .accordion-header-custom.active .year-badge {
        background: white;
        color: var(--sample2);
      }

      .downloads .accordion-icon {
        font-size: 16px;
        transition: transform 0.3s ease;
      }

      .downloads .accordion-header-custom.active .accordion-icon {
        transform: rotate(180deg);
      }

      .downloads .accordion-body-custom {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
      }

      .downloads .accordion-body-custom.active {
        max-height: 1000px;
      }

      .downloads .accordion-content {
        padding: 30px;
        background: #f8fafc;
      }

      .downloads .links-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 15px;
      }

      .downloads .link-card {
        background: white;
        padding: 20px;
        border-radius: 12px;
        text-decoration: none;
        color: var(--sample4);
        display: flex;
        align-items: center;
        gap: 15px;
        transition: all 0.3s ease;
        border: 2px solid transparent;
        position: relative;
        overflow: hidden;
      }

      .downloads .link-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(
          135deg,
          var(--sample2),
          var(--sample3)
        );
        transition: all 0.3s ease;
        z-index: 0;
      }

      .downloads .link-card:hover::before {
        left: 0;
      }

      .downloads .link-card-content {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        gap: 15px;
        flex: 1;
      }

      .downloads .link-card:hover {
        transform: translateX(10px);
        border-color: var(--sample2);
        box-shadow: 0 5px 20px rgba(59, 130, 246, 0.3);
      }

      .downloads .link-card:hover .link-card-content {
        color: white;
      }

      .downloads .link-icon {
        width: 45px;
        height: 45px;
        background: linear-gradient(
          135deg,
          var(--sample2),
          var(--sample3)
        );
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 1.2rem;
        transition: all 0.3s ease;
        flex-shrink: 0;
      }

      .downloads .link-card:hover .link-icon {
        background: white;
        color: var(--sample2);
        transform: rotate(360deg) scale(1.1);
      }

      .downloads .link-text {
        font-weight: 500;
        font-size: 1rem;
        color: #2a2a2a;
      }

      .downloads .arrow-icon {
        margin-left: auto;
        color: var(--sample2);
        transition: all 0.3s ease;
        position: relative;
        z-index: 1;
      }

      .downloads .link-card:hover .arrow-icon {
        color: white;
        transform: translateX(5px);
      }

/*downloads*/

td.bg {
    background: #e9ecef !important;
}


/*Library Page*/
 :root {
        --primary-color-library: #c4805c;
        --secondary-color-library: #8b5e3c;
        --dark-bg-library: #2c2c2c;
        --light-bg-library: #f5f5f5;
        --text-dark-library: #333333;
      }


      /* Header Styles */
      .library-page .library-header {
        background: linear-gradient(
          135deg,
          var(--primary-color-library) 0%,
          var(--secondary-color-library) 100%
        );
        color: white;
        padding: 80px 0 60px;
        position: relative;
        overflow: hidden;
      }

      .library-page .library-header::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path fill="rgba(255,255,255,0.05)" d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z"></path></svg>')
          no-repeat bottom;
        background-size: cover;
        opacity: 0.3;
      }

      .library-page .library-header h1 {
        font-weight: 700;
        font-size: 3rem;
        margin-bottom: 15px;
        position: relative;
      }

      .library-page .library-header p {
        font-size: 1.2rem;
        opacity: 0.95;
        position: relative;
      }

      /* Stats Section */
      .library-page .stats-section {
        background: white;
        padding: 40px 0;
        margin-top: -30px;
        position: relative;
        z-index: 10;
      }

      .library-page .stat-card {
        text-align: center;
        padding: 30px 20px;
        border-radius: 15px;
        background: var(--light-bg-library);
        transition: all 0.3s ease;
        height: 100%;
      }

      .library-page .stat-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 10px 30px rgba(196, 128, 92, 0.2);
      }

      .library-page .stat-card i {
        font-size: 3rem;
        color: var(--primary-color-library);
        margin-bottom: 15px;
      }

      .library-page .stat-card h3 {
        font-size: 2.5rem;
        font-weight: 700;
        color: var(--secondary-color-library);
        margin-bottom: 10px;
      }

      .library-page .stat-card p {
        color: #666;
        font-size: 1rem;
      }

      /* Section Titles */
      .library-page .section-title {
        position: relative;
        margin-bottom: 0px;
        text-align: center;
      }

      .library-page .section-title h2 {
        font-size: 2.5rem;
        font-weight: 700;
        color: var(--secondary-color-library);
        margin-bottom: 15px;
      }

   

      /* Collections Section */
      .library-page .collections-section {
        padding: 25px 0;
        background: var(--light-bg-library);
      }

      .library-page .collection-card {
        background: white;
        border-radius: 15px;
        padding: 30px;
        margin-bottom: 30px;
        transition: all 0.3s ease;
        border: 2px solid transparent;
        height: 100%;
      }

      .library-page .collection-card:hover {
        border-color: var(--primary-color-library);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        transform: translateY(-5px);
      }

      .library-page .collection-card .icon-box {
        width: 70px;
        height: 70px;
        background: linear-gradient(
          135deg,
          var(--primary-color-library),
          var(--secondary-color-library)
        );
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
      }

      .library-page .collection-card .icon-box i {
        font-size: 2rem;
        color: white;
      }

      .library-page .collection-card h4 {
        font-size: 1.5rem;
        font-weight: 600;
        color: var(--secondary-color-library);
        margin-bottom: 15px;
      }

      .library-page .collection-card p {
        color: #666;
        line-height: 1.7;
      }

      /* Services Section */
      .library-page .services-section {
        padding: 80px 0;
        background: white;
      }

      .library-page .service-item {
        display: flex;
        align-items: start;
        margin-bottom: 30px;
        padding: 25px;
        border-radius: 10px;
        transition: all 0.3s ease;
      }

      .library-page .service-item:hover {
        background: var(--light-bg-library);
      }

      .service-item i {
        font-size: 2rem;
        color: var(--primary-color-library);
        margin-right: 20px;
        min-width: 50px;
      }

      .library-page .service-item h5 {
        font-size: 1.3rem;
        font-weight: 600;
        color: var(--secondary-color-library);
        margin-bottom: 10px;
      }

      .library-page .service-item p {
        color: #666;
        margin: 0;
      }

      /* Timings Section */
      .library-page .timings-section {
        padding: 80px 0;
        background: linear-gradient(
          135deg,
          var(--secondary-color-library) 0%,
          var(--primary-color-library) 100%
        );
        color: white;
      }

      .library-page .timings-card {
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(10px);
        border-radius: 15px;
        padding: 40px;
        border: 1px solid rgba(255, 255, 255, 0.2);
      }

      .library-page .timings-card h3 {
        font-size: 2rem;
        margin-bottom: 30px;
        text-align: center;
      }

      .library-page .timing-row {
        display: flex;
        justify-content: space-between;
        padding: 15px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      }

      .library-page .timing-row:last-child {
        border-bottom: none;
      }

      .library-page .timing-row span:first-child {
        font-weight: 500;
      }

      .library-page .timing-row span:last-child {
        font-weight: 600;
      }

      /* Rules Section */
      .library-page .rules-section {
        padding: 80px 0;
        background: white;
      }

      .library-page .rules-list {
        list-style: none;
        padding: 0;
      }

      .library-page .rules-list li {
            padding: 5px;
            margin-bottom: 9px;
            /*background: #745f534f;*/
            border-left: 4px solid var(--primary-color-library);
            border-radius: 8px;
            transition: all 0.3s ease;
        }
        
        @media(max-width:1450px){
            .library-page .rules-list li {
                font-size: 14px;
            }
        }

      .library-page .rules-list li:hover {
        /*background: white;*/
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        transform: translateX(10px);
      }

      .library-page .rules-list li::before {
        content: "\f00c";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        color: #ffffff;
        margin-right: 15px;
      }

      /* Contact Section */
      .library-page .contact-section {
        padding: 80px 0;
        background: var(--light-bg-library);
      }

      .library-page .contact-card {
        background: white;
        border-radius: 15px;
        padding: 40px;
        text-align: center;
        height: 100%;
        transition: all 0.3s ease;
      }

      .library-page .contact-card:hover {
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      }

      .library-page .contact-card i {
        font-size: 3rem;
        color: var(--primary-color-library);
        margin-bottom: 20px;
      }

      .library-page .contact-card h4 {
        font-size: 1.3rem;
        font-weight: 600;
        color: var(--secondary-color-library);
        margin-bottom: 15px;
      }

      .library-page .contact-card p {
        color: #666;
        margin: 0;
      }

  

      /* Responsive */
      @media (max-width: 768px) {
        .library-page .library-header h1 {
          font-size: 2rem;
        }

        .library-page .section-title h2 {
          font-size: 2rem;
        }

        .library-page .stat-card h3 {
          font-size: 2rem;
        }
      }