@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

* {
    margin: 0;
    padding: 0;
}

ol,
ul {
    list-style: none;
}

a,
a:hover {
    text-decoration: none !important;
}

img {
    border: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
p,
address {
    margin-top: 0px;
    margin-bottom: 0px;
}

@font-face {
    font-family: Helvetica;
    src: url(../fonts/HelveticaLTStd-Roman.otf);
}

body {
    font-family: 'Roboto';
}

.logo img {
    width: 68px;
    height: auto;
}

header.bg-header {
    background: #E8592D;
}

.slider-main {
    position: relative;
    width: 100%;
    height: 100%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}


.slider-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    flex-direction: column;
}

.title {
    font-size: 38px;
    color: #616161;
    font-style: italic;
    font-weight: 800;
}

.timeline {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 5px 25px 5px rgba(0, 0, 0, .2);
}

.timeline .swiper-container {
    height: 600px;
    width: 100%;
    position: relative;
}

.timeline .swiper-wrapper {
    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}

.timeline .swiper-slide {
    position: relative;
    color: #fff;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* .timeline .swiper-slide::after {
    content: "";
    position: absolute;
    z-index: 1;
    right: -115%;
    bottom: -10%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    box-shadow: -230px 0 150px 60vw rgba(0, 0, 0, .7);
    border-radius: 100%;
} */
.timeline .swiper-slide::after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    /* box-shadow: -230px 0 150px 60vw rgba(0, 0, 0, .7); */
    /* border-radius: 100%; */
}

.timeline .swiper-slide-content {
    position: absolute;
    text-align: center;
    width: 100%;
    max-width: 38%;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    font-size: 12px;
    z-index: 2;
}

.timeline .swiper-slide .timeline-year {
    display: block;
    font-style: italic;
    font-size: 42px;
    margin-bottom: 50px;
    transform: translate3d(20px, 0, 0);
    color: #d4a024;
    font-weight: 300;
    opacity: 0;
    transition: 0.2s ease 0.4s;
}

.timeline .swiper-slide .timeline-title {
    font-weight: 800;
    font-size: 34px;
    margin: 0 0 30px;
    opacity: 0;
    transform: translate3d(20px, 0, 0);
    transition: 0.2s ease 0.5s;
}

.timeline .swiper-slide .timeline-text {
    line-height: 1.5;
    opacity: 0;
    transform: translate3d(20px, 0, 0);
    transition: 0.2s ease 0.6s;
    font-size: 16px;
}

.timeline .swiper-slide-active .timeline-year {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: 0.4s ease 1.6s;
}

.timeline .swiper-slide-active .timeline-title {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: 0.4s ease 1.7s;
}

.timeline .swiper-slide-active .timeline-text {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: 0.4s ease 1.8s;
}

.timeline .swiper-pagination {
    right: 3% !important;
    height: 100%;
    display: none !important;
    flex-direction: column;
    justify-content: center;
    font-style: italic;
    font-weight: 300;
    font-size: 18px;
    z-index: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px !important;
}

.timeline .swiper-pagination::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: rgba(255, 255, 255, .2);
}

.timeline .swiper-pagination-bullet {
    width: auto;
    height: auto;
    text-align: center;
    opacity: 1;
    background: transparent;
    color: #dc552b;
    margin: 15px 0 !important;
    position: relative;
}

.timeline .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 8px;
    left: -32.5px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #d4a024;
    transform: scale(0);
    transition: 0.2s;
}

.timeline .swiper-pagination-bullet-active {
    color: #d4a024;
}

.timeline .swiper-pagination-bullet-active::before {
    transform: scale(1);
}

.timeline .swiper-button-next,
.timeline .swiper-button-prev {
    background-size: 20px 20px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: 0;
    z-index: 2;
    transition: 0.2s;
}

.timeline .swiper-button-prev {
    left: 8%;
    /* background-image: url("data:image/svg+xml;
   charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E"); */
}

.timeline .swiper-button-prev:hover,
.timeline .swiper-button-prev {
    transform: translateX(-3px);
}

.timeline .swiper-button-next {
    right: 8%;
    /* background-image: url("data:image/svg+xml;
   charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E"); */
}

.timeline .swiper-button-next:hover,
.timeline .swiper-button-next {
    transform: translateX(3px);
}

.img-box img {
    width: 100%;
    min-width: 376px;
    height: 305px;
    padding-bottom: 15px;
}
.notice-content .marq {
	height: 100%;
}

.text-box h4 {
    font-family: 'Roboto';
    font-weight: 900;
    font-size: 28px;
    line-height: 40px;
    color: #000;
    margin-bottom: 35px;
}

.img-box.d-flex {
    gap: 20px;
}

.notice-content {
    padding: 0 15px;
}

section.news {
    margin-top: 80px;
    margin-bottom: 100px;
}

.text-box p,
.text-second p {
    font-size: 17px;
    font-weight: 400;
    line-height: 32px;
    font-family: 'Roboto';
    color: #3D3D3D;
    text-align: justify;
}

a.btn-details {
    width: 190px;
    height: 50px;
    background: #E8592D;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Roboto';
    font-weight: 900;
    font-size: 15px;
    line-height: 28px;
    border-radius: 100px;
    margin-top: 40px;
}

.notice-container h4 {
    background: radial-gradient(54.36% 115.77% at 50% 50%, #0C349B 0%, #0C0438 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    ;
    color: #fff;
    line-height: 30px;
    font-size: 20px;
    font-family: 'Roboto';
    padding: 10px 12px;
    letter-spacing: 1px;
}

.notice-item {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #fff;
    padding: 10px;
    margin-top: 10px;
}

.notice-container {
    background: #E8592D;
    padding-bottom: 20px;
}

.notice-item span.notice-date {
    color: #fff;
    background: #00000099;
    width: fit-content;
    padding: 4px 9px;
    margin-bottom: 6px;
}

span.notice-text {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    font-weight: 700;
}

a.btn-details.btn-black {
    margin: auto;
    border: 1px solid #0B1760;
    background: #000;
}

/* video slider  */
.carosel-container {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 128px;
}

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

.video-container img {
    width: 100%;
    height: auto;
    display: block;
}

.play-button {
    position: absolute;
    top: 100%;
    left: 100%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px 20px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 9;
}

.slick-prev,
.slick-next {
    font-size: 30px;
    color: #fff;
    z-index: 1;
}

.slick-prev {
    left: -50px;
}

.slick-next {
    right: -50px;
}

.slick-prev:before,
.slick-next:before {
    color: #fff;
    /* White arrow color */
}

.slick-track {
    display: flex;
    gap: 48px;
}

div.video iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

ul.slick-dots {
    display: none !important;
}


.btn-arrow button.carosel-nav-left.slick-arrow {
    position: absolute;
    left: 95px;
    top: 60%;
    border: none;
    background: #3d4138;
    width: 80px;
    border-radius: 15px;
    height: 80px;
}

.btn-arrow button.carosel-nav-right.slick-arrow {
    position: absolute;
    right: 95px;
    top: 60%;
    border: none;
    background: #3d4138;
    width: 80px;
    border-radius: 15px;
    height: 80px;
}

section.video-gallery {
    position: relative;
    background-image: url(../images/img-2.png);
    width: 100%;
    height: 100%;
    padding-top: 128px;
}

section.video-gallery h4 {
    color: #fff;
    font-size: 48px;
    line-height: 72px;
    text-align: center;
    font-family: 'Roboto';
    padding-bottom: 107px;
    font-weight: 800;
}

.btn-arrow button i {
    color: #fff;
    font-size: 24px;
}

.video-container img {
    width: 100%;
    height: 290px;
    display: block;
    border-radius: 30px;
}

.play-button {
    background: #E8592D;
    color: #E8592D;
    width: 100px;
    height: 100px;
    line-height: 100px;
    padding-top: 20px;
}

.btn-width {
    background: #fff;
    border-radius: 30px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    padding-left: 5px;
}

/* gallery start  */
/* Magnific Popup CSS */
section.gallery .mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

section.gallery .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

section.gallery .mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

section.gallery .mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

section.gallery .mfp-align-top .mfp-container:before {
    display: none;
}

section.gallery .mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

section.gallery .mfp-inline-holder .mfp-content,
section.gallery .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

section.gallery .mfp-ajax-cur {
    cursor: progress;
}

section.gallery .mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

section.gallery .mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

section.gallery .mfp-auto-cursor .mfp-content {
    cursor: auto;
}

section.gallery .mfp-close,
section.gallery .mfp-arrow,
section.gallery .mfp-preloader,
section.gallery .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

section.gallery .mfp-loading.mfp-figure {
    display: none;
}

section.gallery .mfp-hide {
    display: none !important;
}

section.gallery .mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

section.gallery .mfp-preloader a {
    color: #CCC;
}

section.gallery .mfp-preloader a:hover {
    color: #FFF;
}

section.gallery .mfp-s-ready .mfp-preloader {
    display: none;
}

section.gallery .mfp-s-error .mfp-content {
    display: none;
}

section.gallery button.mfp-close,
section.gallery button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

section.gallery button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

section.gallery .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

section.gallery .mfp-close-btn-in .mfp-close {
    color: #333;
}

section.gallery .mfp-image-holder .mfp-close,
section.gallery .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

section.gallery .mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

section.gallery .mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

section.gallery .mfp-arrow:active {
    margin-top: -54px;
}

section.gallery .mfp-arrow:hover,
section.gallery .mfp-arrow:focus {
    opacity: 1;
}

section.gallery .mfp-arrow:before,
section.gallery .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

section.gallery .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

section.gallery .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

section.gallery .mfp-arrow-left {
    left: 0;
}

section.gallery .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}

section.gallery .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

section.gallery .mfp-arrow-right {
    right: 0;
}

section.gallery .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}

section.gallery .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F;
}

section.gallery .mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

section.gallery .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

section.gallery .mfp-iframe-holder .mfp-close {
    top: -40px;
}

section.gallery .mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

section.gallery .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

/* Main image in popup */
section.gallery img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
section.gallery .mfp-figure {
    line-height: 0;
}

/* .mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
} */

section.gallery .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

section.gallery .mfp-figure figure {
    margin: 0;
}

section.gallery .mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

section.gallery .mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

section.gallery .mfp-image-holder .mfp-content {
    max-width: 100%;
}

section.gallery .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

section.gallery .col-md-3 {
    width: 21%;
    float: left;
    position: relative;
}

section.gallery .col-md-3 img {
    max-width: 100%;
    min-width: 100%;
    min-height: 300px;
    max-height: 300px;
    object-fit: cover;
    border-radius: 50px;
}

section.gallery .gallery_container .col-md-3,
.video_container .col-md-3 {
    margin: 22px;
}

section.gallery .gallery_container,
.video_container {
    margin: 10px 0;
    display: inline-block;
    width: 100%;
    position: relative;
}

section.gallery .video_container img+img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    max-width: 30px;
    max-height: 30px;
    min-width: 30px;
    min-height: 30px;
    z-index: 9;
}

section.gallery a.lightbox::before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'fontAwesome';
    content: "\f00e";
    pointer-events: none;
    z-index: 9;
    transition: 0.4s;
}

section.gallery a.lightbox:hover:before {
    opacity: 1;
}

section.gallery a:after {
    position: absolute;
    top: 0;
    left: 0;
    /* margin-left: 15px; */
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(69, 68, 68, 0.9);
    content: '';
    transition: 0.4s;
    border-radius: 50px;
}

section.gallery {
    padding-top: 118px;
    padding-bottom: 169px;
}

section.gallery a:hover:after {
    opacity: 1;
}

.mfp-wrap.mfp-gallery.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
    z-index: 999;
    left: 50%;
    transform: translateX(-50%);
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    float: right;
    padding: 0px 11px;
    border-radius: 50px;
    font-size: 23px;
    position: relative;
    top: 20px;
    left: 13px;
    border: none;
    cursor: pointer;
}

.inputfiled input {
    width: 100%;
    background: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 50px;
    padding: 17px 29px;
    margin-bottom: 30px;
}

.inputfiled input::placeholder {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.form-input.d-flex {
    gap: 24px;
    width: 100%;
}

.inputfiled {
    width: 100%;
}

.footer {
    background-image: url(../images/img-2.png);
    width: 100%;
    height: auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 130px;
    padding-bottom: 45px;
}

.footer-bottom {
    background: #E8592D;
    text-align: center;
    border-radius: 50px;
}

.footer-bottom p {
    font-size: 17px;
    line-height: 30px;
    color: #fff;
    font-family: 'Roboto';
    padding: 15px 0;
}

.address h4 {
    font-size: 28px;
    line-height: 20px;
    font-weight: 700;
    font-family: 'Roboto';
    color: #ffff;
    margin: 45px 0 20px;
}

.address p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    font-family: 'Roboto';
    margin-bottom: 80px;
}

.contact-us h2 {
    color: #D4542D;
    font-size: 48px;
    line-height: 72px;
    font-weight: 700;
    margin-bottom: 30px;
}

textarea#floatingTextarea {
    border: 1px solid #FFFFFF;
    border-radius: 30px;
    height: 150px;
    background: transparent;
    color: #212529 !important;
}
textarea#floatingTextarea:focus {
    background: #fff !important;
}
button.btn.btn-main {
    background: #E8592D;
}

button.btn.btn-main {
    background: #E8592D;
    margin-top: 30px;
    width: 216px;
    height: 60px;
    border-radius: 50px;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
}

section.gallery h4 {
    font-size: 48px;
    font-family: 'Roboto';
    line-height: 28px;
    font-weight: 900;
    margin-bottom: 28px;
}

section.gallery p {
    color: #3D3D3D;
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 40px;
}

.mfp-bg.mfp-fade.mfp-ready {
    width: 100%;
    background: #000;
    z-index: 9;
    opacity: .8;
}

/* second page start  */
.banner-histroy {
    background: url(../images/banner-img.png);
    width: 100%;
    height: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
}

.histroy {
    text-align: center;
}

.histroy h2 {
    color: #fff;
    font-size: 48px;
    line-height: 72px;
    font-weight: 800;
    margin-bottom: 22px;
}

.histroy span {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    background: #E8592D;
    border: 3px solid #fff;
    border-radius: 30px;
    padding: 7px 21px;
}

section.content-histroy.text-center {
    padding-top: 118px;
    padding-bottom: 167px;
}

.heading-img h4 {
    font-size: 48px;
    line-height: 56px;
    font-weight: 900;
    color: #E8592D;
    margin-bottom: 50px;
}

.heading-img img {
    width: 628px;
    height: auto;
    margin-bottom: 60px;
}

.heading-pragraph p {
    color: #3D3D3D;
    font-size: 20px;
    line-height: 40px;
    font-weight: 900;
    text-align: justify;
}

section.table table.table.table-striped thead {
    background: #E8592D;
    border: 0.8px solid #BBBBBB;
    color: #fff;
    height: 50px;
    line-height: 50px;
}

section.table {
    padding-top: 134px;
    padding-bottom: 114px;
}

table.table.table-striped {
    border: 0.8px solid #BBBBBB;
}

table.table.table-striped>:not(caption)>*>* {
    border: 0.8px solid #BBBBBB;
    padding: 10px 20px;
}

.img-spaceh img {
    width: 100%;
    position: relative;
    margin-top: -35px;
    height: 400px;
}

.img-spaceh {
    background: #E8592D;
    margin-top: 35px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.heading-text h4 {
    font-weight: 800;
    font-size: 24px;
    line-height: 53px;
    text-align: center;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.president-spaceh h4 {
    font-size: 48px;
    line-height: 24px;
    font-weight: 900;
    margin-top: 45px;
}

.president-spaceh p {
    color: #3D3D3D;
    font-weight: 400;
    font-size: 16px;
    line-height: 38px;
    text-align: justify;
    margin-top: 43px;
}

.president-spaceh {
    border: 3px solid #28120B;
    border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;
    border-left: 0;
}

section.spaceh .col-4 {
    padding-right: 0;
}

section.spaceh .col-8 {
    padding-left: 0;
}

.president-spaceh {
    border: 3px solid #28120B;
    border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;
    border-left: 0;
    padding: 15px 30px;
}

section.spaceh {
    padding-top: 119px;
    padding-bottom: 185px;
}

.mapouter {
    position: relative;
    text-align: right;
    width: 600px;
    height: 400px;
}

.gmap_canvas {
    overflow: hidden;
    background: none !important;
    width: 600px;
    height: 400px;
}

.gmap_iframe {
    width: 600px !important;
    height: 400px !important;
}

section.constitution h4 {
    font-size: 28px;
    font-weight: 400;
    color: #321C15;
}

section.constitution h4 span {
    color: #E8592D;
    font-size: 40px;
    font-weight: 800;
    line-height: 56px;
}

section.constitution img {
    width: 628px;
    height: auto;
    margin-top: 35px;
}

section.constitution {
    padding: 100px 0 150px;
}

.ul-list ul {
    list-style: bengali;
}

.ul-list ul li {
    font-size: 16px;
    margin-bottom: 10px;
}

.ul-list h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 30px;
}

.ul-list {
    margin-top: 80px;
}

.menus-tab ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    background: #000000CC;
    padding: 20px 0;
}

.menus-tab ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
    background: #000000CC;
    padding: 20px 0;
}

.menus-tab ul li a {
    color: #fff;
    font-size: 16px;
}

.menus-tab ul li a {
    padding: 8px 35px;
    border-radius: 100px;
}

.menus-tab ul li a.active {
    background: #E8592D;
}

.section-years.text-center {
    margin-top: 90px;
}

.section-years h4 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 30px;
}

.section-years p {
    font-size: 16px;
    line-height: 32px;
    color: #3D3D3D;
}

section.tab-pane {
    padding-top: 120px;
}

section.gallery.pic-house {
    padding-top: 25px;
    padding-bottom: 50px;
}

.advisor-title h4 {
    font-size: 36px;
    color: #E8592D;
    margin-bottom: 40px;
}

.advisor-title img {
    width: 628px;
    height: auto;
    margin-bottom: 95px;
}

section.advisor {
    padding: 100px 0;
}

.author-box {
    background: #E8592D;
    border-radius: 30px;
}

.author-box img {
    width: 100%;
    padding: 8px;
}

.author-box h4 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
}

.author-box h5 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
}

.author-box h6 {
    color: #fff;
    font-size: 14px;
}

.advisor-title.text-center.porishod-panel2 {
    margin-top: 100px;
}

.executive-committee img {
    width: 100%;
    height: auto;
}

.president.text-center {
    background: #E8592D;
}

.president.text-center h4 {
    color: #fff;
    padding: 10px 0;
    font-size: 18px;
}

.president.text-center h3 {
    color: #fff;
    font-size: 24px;
}

.president.text-center {
    background: #E8592D;
    padding: 15px 0 15px;
    position: relative;
    top: -20px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}

.president:after {
    position: absolute;
    content: '';
    width: 50%;
    height: 20px;
    background: #e8592d;
    left: 0;
    top: -9px;
    transform: skewY(8deg);
    border-top-left-radius: 24px;
}

.president::before {
    position: absolute;
    content: '';
    width: 50%;
    height: 20px;
    background: #e8592d;
    right: 0;
    top: -9px;
    transform: skewY(-8deg);
    border-top-right-radius: 24px;
}

.row.mt-hundreed {
    margin-top: 100px;
}

span.img-exc img {
    width: 100%;
    height: 100px;
    border-radius: 24px;
    object-fit: contain;
}

.commite table.table.table-striped>:not(caption)>*>* {

    line-height: 60px;
}

section.table.commite {
    padding: 100px 0;
}

div#navbarNav .dropdown-item:focus,
div#navbarNav .dropdown-item:hover {
    color: #fff;
    background-color: #df552b;
}

button.accordion-button.collapsed {
    background: #f55432;
    color: #fff;
    font-weight: 700;
}

div#accordionExample .accordion-item {
    padding: 0 !important;
}

.accordion-button::after {
    background-image: none;
    content: "+";
    font-size: 40px;
    font-weight: 100;
    line-height: 15px;
}

.accordion-button:not(.collapsed)::after {
    background: none;
    content: '-';
    color: #fff;
}

.accordion-button:not(.collapsed) {
    background: #f55432;
    color: #fff;
    font-weight: bold;
}

.accordion-button:focus {
    outline: none;
    border: none;
    box-shadow: none;
}
textarea#floatingTextarea::placeholder {
    color: #fff;
}
textarea#floatingTextarea:focus{
    padding: 1rem .75rem;
}
.applynow a:hover {
    background: #e8592d;
    transition: .3s ease-in-out;
}
/* responsive css start  */

@media only screen and (max-width: 1300px) and (min-width: 1025px){
    .mapouter, .gmap_canvas, iframe.gmap_iframe {
        width: 100% !important;
    }
    section.gallery .gallery_container .col-md-3, .video_container .col-md-3 {
        margin: 21px;
    }
    section.gallery .col-md-3 img {
        min-height: 200px;
        max-height: 200px;
    }
    .text-box h4 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    section.video-gallery {
        padding-top: 60px;
    }
    section.video-gallery h4 {
        font-size: 36px;
        line-height: 36px;
        padding-bottom: 50px;
    }
    .btn-arrow button.carosel-nav-left.slick-arrow {
        left: 10px;
        width: 60px;
        height: 60px;
    }
    .btn-arrow button.carosel-nav-right.slick-arrow {
        right: 10px;
        width: 60px;
        height: 60px;
    }
    .play-button {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .btn-width {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    section.gallery h4 {
        font-size: 32px;
    }
    section.gallery p span {
        font-size: 14px !important;
        line-height: normal !important;
    }
    section.gallery {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .footer {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .contact-us h2 {
        font-size: 32px;
        line-height: 26px;
    }
    span.notice-text {
        font-size: 12px;
    }
    .notice-item span.notice-date {
        padding: 0px 5px;
    }
    .text-box p span, .text-second p span, .text-box p {
        font-size: 13px !important;
    }
    section.news {
        margin-top: 60px;
        margin-bottom: 65px;
    }
    .histroy h2 {
        font-size: 34px;
        line-height: 40px;
    }
    .banner-histroy {
        height: 300px;
    }
    section.constitution {
        padding: 60px 0 80px;
    }
    section.constitution p span {
        font-size: 14px;
        line-height: 30px;
    }
    section.table {
        padding-top: 60px;
        padding-bottom: 30px;
    }
    section.table table.table.table-striped thead tr th {
        font-size: 14px;
    }
    .heading-img h4 {
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 30px;
    }
    section.content-histroy.text-center {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    section.video-gallery-history .carosel-container .row.gap-5 {
        gap: 0 !important;
    }
    .play-button {
        top: 95%;
        left: 89%;
    }
    .heading-pragraph p, .heading-pragraph p span {
        font-size: 14px !important;
        line-height: 30px;
    }
    .ul-list {
        margin-top: 50px;
    }
    section.constitution h4 {
        font-size: 24px;
    }
    section.constitution h4 span {
        font-size: 32px;
    }
    .president-spaceh h4 {
        font-size: 36px;
        line-height: 24px;
        margin-top: 20px;
    }
    .president-spaceh p {
        margin-top: 25px;
    }
    .heading-text h4 {
        font-size: 20px;
        line-height: 36px;
    }
    section.spaceh {
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .address h4 {
        font-size: 22px;
        line-height: 20px;
        margin: 30px 0 15px;
    }
    .address p {
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 40px;
    }
    button.btn.btn-main {
        margin-top: 20px;
        width: 165px;
        height: 45px;
        font-size: 16px;
        line-height: 28px;
    }
    .inputfiled input::placeholder {
        font-size: 14px;
    }
    .inputfiled input {
        padding: 10px 25px;
        font-size: 14px;
    }
    textarea#floatingTextarea {
        font-size: 14px;
    }
    .footer-bottom p {
        font-size: 15px;
        line-height: 25px;
    }
    section.table.commite {
        padding: 50px 0;
    }
    .advisor-title h4 {
        margin-bottom: 20px;
    }
    .advisor-title img {
        margin-bottom: 50px;
    }
    .president.text-center h3 {
        font-size: 18px;
    }
    .row.mt-hundreed {
        margin-top: 50px;
    }
    .president.text-center {
        padding: 10px;
    }
    section.advisor {
        padding: 50px 0;
    }
    .sub-heading h4 {
        font-size: 16px;
    }
    .socail-icon ul.d-flex.gap-3 {justify-content: end;}

.socail-icon ul.d-flex.gap-3 svg {
    width: 34px;
}
.notice-container h4 {
    font-size: 22px;
}
}
@media only screen and (max-width: 1200px) and (min-width: 1024px){
    header.bg-header nav.navbar.navbar-expand-lg.navbar-light ul.navbar-nav.gap-4  li.nav-item a.nav-link {
        font-size: 14px;
    }
    header.bg-header nav.navbar.navbar-expand-lg.navbar-light ul.navbar-nav.gap-4 {
        gap: 12px !important;
    }
    .mapouter, .gmap_canvas, .gmap_iframe {
        width: 100% !important;
    }
    .footer {
        background-image: url(../images/img-2.png);
        padding-top: 45px;
    }
    section.constitution {
        padding: 50px 0 50px;
    }
    section.gallery .gallery_container .col-md-3, .video_container .col-md-3 {
        margin: 18px;
    }
    .advisor-title img {
        margin-bottom: 50px;
    }
    section.table.commite {
        padding: 80px 0;
    }
    form#form-create {
        margin-top: 20px;
    }
    .btn-arrow button.carosel-nav-left.slick-arrow {
        left: 0;
    }
    .btn-arrow button.carosel-nav-right.slick-arrow {
        right: 0px;
    }
    section.gallery {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    section.table {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    section.video-gallery-history .carosel-container .row.gap-5 .play-button {
        left: 85%;
    }
    section.video-gallery-history .carosel-container .row.gap-5 {
        gap: 0px !important;
    }
    section.content-histroy.text-center {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    section.spaceh {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .heading-text h4 {
        padding: 10px;
        line-height: 35px;
        font-size: 17px;
    }
    .president-spaceh h4 {
        line-height: 100%;
        font-size: 40px;
        margin-top: 20px;
    }
    .president-spaceh p {
        margin-top: 20px;
    }
    section.advisor {
        padding: 50px 0;
    }
    section.gallery .col-md-3 img {
        min-height: 210px;
        object-fit: contain;
    }
    .row.mt-hundreed {
        margin-top: 50px;
    }
    .president.text-center {
        padding: 10px;
    }
    .ul-list {
        margin-top: 0;
    }
    .heading-img h4 {
        font-size: 36px;
    }
    section.constitution p {
        text-align: justify;
    }
    .img-box.d-flex.p- {
        flex-direction: column;
    }
    section.tab-pane {
        padding-top: 60px;
    }
    .section-years.text-center {
        margin-top: 60px;
    }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
    button.navbar-toggler:focus {
        box-shadow:0 !important;
        border:none;
    }
    section.gallery .col-md-3, .video_container .col-md-3 {
        width: 27%;
    }
    section.gallery .gallery_container .col-md-3 , .video_container .col-md-3{
        margin: 21px;
    }
    section.gallery .col-md-3 img {
        min-height: 210px;
    }
    section.gallery {
        padding-top: 55px;
        padding-bottom: 0;
    }
    .mapouter, .gmap_canvas, .gmap_iframe {
        width: 100% !important;
    }
    .footer-bottom {
        border-radius: 0;
    }
    .img-spaceh img {
        height: auto;
    }
    section.spaceh {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .heading-text h4 {
        margin-bottom: 50px;
    }
    .advisor-title img {
        margin-bottom: 30px;
    }
    section.table.commite {
        padding: 70px 0;
    }
    .advisor-title h4 {
        margin-bottom: 20px;
    }
    .btn-arrow button.carosel-nav-left.slick-arrow {
        left: 0px;
    }
    .btn-arrow button.carosel-nav-right.slick-arrow {
        right: 0px;
    }
    a.btn-details {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    section.news {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .video-container {
        width: 85%;
        margin: auto;
    }
    .video-container img {
        height: auto;
    }
    .ul-list {
        margin-top: 40px;
    }
    section.table {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .president::before {
        top: 4px;
    }
    .president:after {
        top: 4px;
    }
    .president.text-center h4 {
        padding: 23px 0 10px;
        font-size: 26px;
    }
    .president.text-center h3 {
        font-size: 36px;
    }
    .commite table.table.table-striped>:not(caption)>*>* {
        line-height: 30px;
    }
    .president-spaceh {
        border-left: 3px solid #28120B;
        border-radius: 27px;
    }
    .heading-img h4 {
        font-size: 34px;
        line-height: 50px;
    }
    section.constitution {
        padding: 50px 0;
    }
    section.constitution p {
        text-align: justify;
    }
    .img-box.d-flex.p- {
        flex-direction: column;
    }
    .img-box img {
        width: 100%;
        height: auto;
    }
    section.tab-pane {
        padding-top: 50px;
    }
}
@media only screen and (max-width: 767px) and (min-width: 320px) {

    .img-box.d-flex.p- {
        flex-direction: column;
    }

    .mapouter, .gmap_canvas, .gmap_iframe {
        width: 100% !important;
    }

    .gallery_container img {
        width: 100%;
        margin-bottom: 30px;
        padding: 0 10px;
        height: auto;
    }

    section.gallery {
        padding-top: 60px;
        padding-bottom: 0;
    }

    section.gallery h4 {
        font-size: 26px;
        margin-bottom: 10px;
        line-height: 36px;
    }

    section.gallery p {
        text-align: justify;
    }

    .footer-bottom {
        border-radius: 0px;
        padding: 5px 19px;
        margin-top: 50px;
    }

    .form-input.d-flex {
        flex-direction: column;
        gap: 0;
    }

    section.video-gallery h4 {
        font-size: 26px;
        padding-bottom: 20px;
    }

    section.news {
        margin-bottom: 40px;
        margin-top: 40px;
    }

    .notice-container {
        margin-top: 40px;
    }

    section.gallery .col-md-3, .video_container .col-md-3 {
        width: 100%;
        float: none;
    }
    section.gallery .gallery_container .col-md-3, .video_container .col-md-3{
        margin: 0;
    }
    .btn-arrow button.carosel-nav-left.slick-arrow, .btn-arrow button.carosel-nav-right.slick-arrow{
        top: 50%;
    }
    .btn-arrow button.carosel-nav-left.slick-arrow{
        left: 0%;
    }
    .btn-arrow button.carosel-nav-right.slick-arrow{
        right: 0%;
    }
    .timeline .swiper-container {
        height: 400px;
    }
    .timeline .swiper-pagination-bullet {
        margin: 15px 12px !important;;
    }
    .timeline .swiper-pagination-bullet::before {
        left: -9.5px;
    }
    section.video-gallery {
        padding-top: 35px;
    }
    .play-button {
        width: 85px;
        height: 85px;
        line-height: 85px;
        padding-top: 23px;
        padding-left: 23px;
        left: 90%;
    }
    .btn-width {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .btn-arrow button.carosel-nav-left.slick-arrow, .btn-arrow button.carosel-nav-right.slick-arrow{
        width: 60px;
        height: 60px;
    }
    .carosel-container .slick-track {
        gap:10px
    }
    .histroy h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .banner-histroy {
        height: 200px;
    }
    section.constitution {
        padding: 40px 0 40px;
    }
    section.constitution p {
        text-align: justify;
    }
    section.table {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .footer {
        padding-top: 45px;
    }
    .heading-img img {
        width: 100%;
    }
    .heading-img h4 {
        font-size: 32px;
        line-height: 45px;
    }
    section.content-histroy.text-center {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .carosel-container {
        padding-bottom: 80px;
    }
    section.constitution img {
        width: 100%;
    }
    section.constitution h4 span {
        font-size: 36px;
    }
    .president-spaceh h4 {
        font-size: 28px;
        text-align: center;
        margin-top: 20px;
        line-height: 30px;
    }
    .heading-text h4 {
        line-height: 30px;
        margin-bottom: 45px;
        font-size: 16px;
    }
    section.spaceh {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .contact-us h2 {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 20px;
    }
    .president-spaceh p {
        margin-top: 20px;
    }
    .advisor-title img {
        width: 100%;
        margin-bottom: 30px;
    }
    section.table.commite {
        padding: 50px 0;
    }
    .advisor-title h4 {
        margin-bottom: 0;
        font-size: 28px;
    }
    .address p {
        margin-bottom: 50px;
    }
    .form-heading.text-center h2 {
        font-size: 18px !important;
    }
    .form-heading.text-center p {
        margin: 3px 0 7px;
    }
    form#form-create {
        margin-top: 30px;
    }
    .profile-image-top {
        margin: 30px 0;
    }
    .applynow {
        margin-top: 40px !important;
        margin-bottom: 40px;
    }
    .section-years h4 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .section-years.text-center {
        margin-top: 50px;
    }
    section.gallery.pic-house {
        padding-bottom: 0;
    }
    .timeline .swiper-pagination::before {
        left: 6px;
    }
    .sub-heading {
        text-align: center;
    }

    .logo.text-center {
        margin: 15px 0;
    }

    .socail-icon ul.d-flex.gap-3 {
        justify-content: center;
    }
    button.navbar-toggler.collapsed::focus {
        box-shadow:none !important;
        border:none;
    }
    .president::before {
        top: 4px;
    }
    .president:after {
        top: 4px;
    }
    .president.text-center h4 {
        padding: 23px 0 10px;

    }
    .commite table.table.table-striped>:not(caption)>*>* {
        line-height: 30px;
    }
    .president-spaceh {
        border-left: 3px solid #28120B;
        border-radius: 27px;
    }
    .menus-tab ul {
        gap: 0;
    }
    section.tab-pane {
        padding-top: 35px;
    }
    .slider-container {
        display: none;
    }
}