@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400,500,600,700&family=Roboto:wght@100&display=swap');
/* General styles for the body */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* body {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: transparent !important; 
color: #333;
} */
/* Style for links in the body */
a {
color: #007bff; /* Set the default link color */
text-decoration: none;
}
a:hover {
text-decoration: underline; /* Underline links on hover */
}

body {
position: relative;
}

html, html a {
    -webkit-font-smoothing: antialiased;
}

html{
    scroll-behavior: smooth;
}
/* Responsive styles for mobile devices */
@media (max-width: 768px) {
body {
font-size: 10px;
}
}

/* -------------------------------------------------- Top Bar Start Here -------------------------------------------------- */


/* Styles for the top bar */
.top-bar {
background-color: rgba(214,27,31,0.3) !important;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
backdrop-filter: blur(5px);
}
.text-container {
display: flex;
padding: 0;
}

.text-container a{
color: #000;
text-decoration: none;
font-size: 14px;
display: flex;
align-items: center;
letter-spacing: 1.6px;
font-weight: 600;
}
/* Styles for social links */
.social-link {
color: #ffffff;
text-decoration: none;
font-size: 14px;
margin-right: 10px;
}
.social-link:hover {
text-decoration: underline;
}
/* Styles for the phone and WhatsApp links */
.phone-whatsapp-container {
display: flex;
padding: 0;
}
.phone-whatsapp-container a {
color: #000;
text-decoration: none;
font-size: 14px;
display: flex;
align-items: center;
letter-spacing: 1.6px;
}
/* .phone-whatsapp-container a span {
margin-right: 5px;
}
.phone-whatsapp-container a:hover {
text-decoration: underline;
}
*/

/* -------------------------------------------------- Media___992px -------------------------------------------------- */

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

    .text-container a{
        font-size: 12px;
    }
}


/* -------------------------------------------------- Media___768px -------------------------------------------------- */

@media (max-width: 768px) {
.phone-whatsapp-container {
display: flex;
justify-content: flex-end;
padding: 0;
}
.text-container {
display: flex;
justify-content: flex-start;    
padding: 0;
}

.text-container svg{
width: 20px;
height: 20px;
}
}


/* -------------------------------------------------- Navbar Start Here -------------------------------------------------- */


/* Navigation Bar Styles */
.navbar {
background-color: rgba(255,255,255,0.3); /* Set the background color of the navbar */
box-shadow: none; /* Add a subtle box shadow */
position: absolute;
top: 37px;
right: 0;
left: 0;
backdrop-filter: blur(5px);
}
.navbar-brand img {
max-width: 100%; /* Make sure the logo doesn't exceed the width of its container */
height: auto; /* Allow the logo to scale with its width */
width: 30%;
vertical-align: baseline;
}
.navbar-toggler {
border: none; /* Remove the border on the navbar toggler button */
}
.toggler-icon {
background-color: #333; /* Color of the toggler bars */
height: 3px; /* Height of each toggler bar */
width: 25px; /* Width of each toggler bar */
margin: 4px 0; /* Spacing between toggler bars */
}
/* Navigation Links Styles */
.navbar-nav {
font-size: 14px; /* Set the font size of the navigation links */
}
.nav-item {
/* margin-right: 15px; /* Adjust the right margin between navigation items */ */
}


.navbar-light .navbar-nav .nav-link{
    color: #000;
    transition: color 0s; /* Add a smooth transition effect on color change */
/*     font-weight: 600; */
letter-spacing: 1px;
}

@keyframes fadeInDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

        .sticky {
         position: fixed;
          top: 0;
          width: 100%;
          z-index: 1000;
          background-color: rgba(255, 255, 255, 1);
          box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
          animation: fadeInDown 0.5s;
        }





.navbar-light .navbar-nav .nav-link:hover {
    color: #9e2023 !important;
/*     text-decoration: underline !important;
    text-decoration-color: #d6963a !important;
    text-decoration-thickness: 4px !important;
    text-underline-offset: 6px !important; */
}

.navbar-nav .active a {
font-weight: bold; /* Style the active link differently, e.g., bold font */
color: #007bff; /* Change the color of the active link */
}




.sticky-navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}


/* -------------------------------------------------- Media___1200px -------------------------------------------------- */

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

.navbar-light .navbar-nav .nav-link {

letter-spacing: 0.5px;
}

.navbar-nav {
    font-size: 13px;
}

}



/* -------------------------------------------------- Media___992px -------------------------------------------------- */
@media only screen and (max-width: 992px) {
/* Navbar Start */
.navbar-brand .royal-image-2 {
display: none;
}

.close-navbar-toggler{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:1;
cursor:pointer;
}
.close-navbar-toggler.collapsed{
z-index:-1;
}
#drop_view{
display: none;

&.is_active{
display: block;
}

.list-group-item{
cursor: pointer;
&:hover{
background-color: transparent;
}
}
}
.navbar-toggler {
width: 20px;
height: 20px;
position: relative;
transition: .5s ease-in-out;
}
.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
outline: none;
box-shadow: none;
border: 0;
position: relative;
}
.navbar-toggler span {
margin: 0;
padding: 0;
}
.toggler-icon {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #690003;
border-radius: 1px;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: .25s ease-in-out;
}
a.nav-link.desk_top {
display: none;
}
a.desk_top {
display: none;
}
a.nav-link.mob_top {
display: block;
}
a.mob_top {
display: block;
}
.middle-bar {
margin-top: 0px;
}
.navbar-toggler.collapsed .top-line-bar {
position: absolute;
top: 0px;
transform: rotate(0deg);
}
.navbar-toggler.collapsed .middle-bar {
opacity: 1;
position: absolute;
top: 10px;
filter: alpha(opacity=100);
}
.navbar-toggler.collapsed .bottom-bar {
position: absolute;
top: 20px;
transform: rotate(0deg);
}
.navbar-toggler .top-line-bar {
top: inherit;
transform: rotate(135deg);
}
.navbar-toggler .middle-bar {
opacity: 0;
top: inherit;
filter: alpha(opacity=0);
}
.navbar-toggler .bottom-bar {
top: inherit;
transform: rotate(-135deg);
}
/* Color of 3 lines */
.navbar-toggler.collapsed .toggler-icon {
background: linear-gradient(263deg, rgba(105,0,3,1) 35%, rgba(105,0,3,1) 100%);
}
}

/* -------------------------------------------------- Media___768px -------------------------------------------------- */


@media (max-width: 768px) {
/* Add a class to handle the animation */
.slide-in {
animation: slideIn 0.5s forwards;
}
/* Define the slide-in animation */
@keyframes slideIn {
from {
transform: translateX(100%);
}
to {
transform: translateX(0);
}
}



/* Style for the close button on the overlay */
.close-btn {
position: absolute;
top: 20px;
right: 20px;
font-size: 24px;
color: #fff;
cursor: pointer;
}
button:focus {
outline: none;
}

.navbar-light .navbar-brand{
    width: 50%;
}

.navbar-brand img{
    width: 60%;
}

}


/* -------------------------------------------------- Banner Start Here -------------------------------------------------- */

.hero-wrap {
    height: 100vh;
    min-height: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    background-image: url('../img/bg_1.jpg');
    z-index: 0;
}

.hero-wrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: #111111;
    z-index: -1;
}

.hero-wrap .slider-text {
    height: 100vh;
    min-height: 750px;
    color: rgba(255, 255, 255, 0.8);
    z-index: 3;
}



.pt-5 {
    padding-top: 3rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

[data-aos=fade-up] {
    transform: translate3d(0,100px,0);
}

.hero-wrap .slider-text .subheading {
    text-transform: uppercase;
    font-weight: bold;
    color: rgba(205, 12, 18, 1);
    font-size: 70px;
    display: inline-block;
    letter-spacing: 2px;
    position: relative;
    line-height: 1;
    z-index: 0;
    float: right;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 4rem!important;
}

.subheading .small_text {
    font-size: 35px;
    font-weight: 300;
    display: flex;
    padding-top: 2px;
    color: #35303b;
}

.hero-wrap .slider-text .subheading-1 {
    text-transform: uppercase;
/*     font-weight: 700; */
    color: rgba(53, 48, 59, 1);
    font-size: 18px;
    display: inline-block;
    margin-bottom: 5px;
    position: relative;
    z-index: 0;
    float: right;
    width: 100%;
    letter-spacing: 1.2px;
    font-family: 'Poppins', sans-serif;
}

.text {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.hero-wrap .slider-text h1, .hero-wrap .slider-text .h1 {
    font-weight: bold;
    color: rgba(53, 48, 59, 1);
    font-size: 60px;
    line-height: 1.2;
    float: right;
    text-align-last: left;
    text-transform: uppercase;
    width: 100%;
    font-family: 'Poppins', sans-serif;
}

/* .mb-4 {
    margin-bottom: 1.5rem !important;
} */

.button-container p{
    float: inline-start;

}

.button-container .btn-primary{
    background-color: #d6963a;
    outline: none;
    border: none;
    letter-spacing: 2px;
    padding: 15px 0;
    width: 240px;
/*     border-radius: 10px; */
/*     height: 50px; */

}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #d6963a;
    border-color: #d6963a;
}

.btn-primary:focus {
  outline:none !important;
  box-shadow: none !important;
  border: none;
}



p {
    margin-top: 0;
    margin-bottom: 1rem;
}

/* -------------------------------------------------- Media___1024px -------------------------------------------------- */
@media only screen and (max-width: 1024px) {


.hero-wrap .slider-text .subheading {
        font-size: 58px;
}

}
/* -------------------------------------------------- Media___992px -------------------------------------------------- */
@media only screen and (max-width: 992px) {

.hero-wrap .slider-text .subheading {
    font-size: 65px;
}

.hero-wrap .slider-text .subheading-1 {
    font-size: 24px;
}

}


/* -------------------------------------------------- Media___768px -------------------------------------------------- */


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


.hero-wrap {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 1)), url(../img/m_bg_1.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

}

.hero-wrap {
        height: 100vh;
    }


.hero-wrap .slider-text {
    height: 126vh;
    margin-left: 1px;
}

.subheading .small_text {
    font-size: 21px;
    justify-content: center;
}

.hero-wrap .slider-text h1, .hero-wrap .slider-text .h1 {
    font-size: 46px;
}

.button-container p {
    margin-bottom: 20px;
    width: 100%;
}

.video-container img {
    margin-top: 1.5rem!important;
}


.button-container .btn-primary {
    width: 100%;
    letter-spacing: 3px;
    font-size: 19px;
}

.hero-wrap .slider-text .subheading-1 {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 35px !important;
    text-align: center;

}

.hero-wrap .slider-text .subheading {
    font-size: 35px;
    text-align: center;
}

.text {
    padding: 20px 0;
}

.button-container {
    margin-top: 20px;
}
}



/* -------------------------------------------------- Media___400px -------------------------------------------------- */


@media only screen and (max-width: 380px) {
/* .hero-wrap .slider-text {
    height: 150vh;
    margin-left: -1px;
    } */

.hero-wrap .slider-text .subheading {
    font-size: 17px;
    text-align: center;

}    

.button-container .btn-primary {
    letter-spacing: 3px;
    font-size: 19px;
}

.hero-wrap .slider-text h1, .hero-wrap .slider-text .h1 {
    font-size: 44px;
}


.hero-wrap {
        height: 95vh;
    }

    .button-container {
    margin-top: 20px;
}
}


/* -------------------------------------------------- Media___391px -------------------------------------------------- */


@media only screen and (max-width: 391px) {
.hero-wrap .slider-text {
    height: 130vh;
    margin-left: -1px;
    }

.hero-wrap .slider-text .subheading {
    font-size: 31px;
    text-align: center;

}

.subheading .small_text {
    font-size: 18px;
    justify-content: center;
}

.button-container .btn-primary {
    letter-spacing: 3px;
    font-size: 19px;
}

.hero-wrap .slider-text h1, .hero-wrap .slider-text .h1 {
    font-size: 44px;
}


.hero-wrap {
        height: 100vh;
    }

.text {
    padding: 10px 0;
}
.button-container {
    margin-top: 20px;
}
}



/* -------------------------------------------------- Media___360px -------------------------------------------------- */


@media only screen and (max-width: 361px) {
.hero-wrap .slider-text {
    height: 130vh;
    margin-left: -1px;
    }

.hero-wrap .slider-text .subheading {
    font-size: 28px;
    text-align: center;
}    

.subheading .small_text {
    font-size: 16px;
    justify-content: center;
}


.button-container .btn-primary {
    letter-spacing: 3px;
    font-size: 19px;
}

.hero-wrap .slider-text h1, .hero-wrap .slider-text .h1 {
    font-size: 44px;
}


.hero-wrap {
        height: 100vh;
    }
}



/* -------------------------------------------------- Courses Start Here -------------------------------------------------- */

.double-line-bottom-centered-theme-colored-2.courses {
    margin-bottom: 20px;
    margin-top: 8px;
    margin-left: -46px;
    padding-bottom: 5px;
    position: relative;
}


.bg-silver-deep {
    background-color: #fff5f5;
    position: relative;
}

.pt-50-1 {
    padding: 50px 0;
}

.text-header-2 {
    color: #343233;
}

.course-thumb {
    position: relative;
}

.owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
}

.price-tag {
    background: #df2123;
}

.course-single-item.bg-white.border-1px.clearfix.mb-30 {
    border: 1px solid #cfcfcf;
    border-radius: 10px;
}

.course-single-item.bg-white.border-1px.clearfix{
    border: 1px solid #cfcfcf;
    border-radius: 10px;
}


.price-tag {
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 5px 10px;
    position: absolute;
    right: 8px;
/*     text-transform: capitalize; */
    top: 8px;
    -webkit-transition: all 150ms ease-in-out 0s;
    -o-transition: all 150ms ease-in-out 0s;
    transition: all 150ms ease-in-out 0s;
}

.price-tag::before {
/*     border-left: 7px solid rgba(0, 0, 0, 0.45); */
    border-top: 7px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -1px;
    top: 0;
    transform: translateY(-100%);
    width: 0;
}

.pt-15 {
    padding-top: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-20 {
    padding: 20px !important;
}

.clearfix:before {
    display: table;
    content: " ";
}

.mr-40 {
    margin-right: 40px !important;
}

html, html a {
    -webkit-font-smoothing: antialiased;
}

/* .mb-5 {
    margin-bottom: 5px !important;
} */

ul.list-inline{
    display: flex;
    justify-content: space-between;
}


.br-lines{
  position: relative;
  max-width: 500px;
  text-align: center;
}


/* .hr-lines:before{
  content:" ";
  height: 2px;
  width: 130px;
  background: red;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
} */

.br-lines:before{
    content: " ";
    border: 1px solid #ddd;
    height: 40px;
    background: #df2123;
    position: absolute;
}


/* .list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
} */

.img-circle {
    border-radius: 50%;
    max-width: 20%;
    float: right;
}

/* img.img-circle.student_2 {
    max-width: 64%;
}

img.img-circle.student_3 {
    max-width: 32%;
}

img.img-circle.student_4 {
    max-width: 75%;
}

img.img-circle.student_5 {
    max-width: 53%;
}

img.img-circle.student_6 {
    max-width: 52%;
}

img.img-circle.student_7 {
    max-width: 84%;
}

img.img-circle.student_9{
      max-width: 56%;
} */

.clearfix:after {
    clear: both;
}

.clearfix:after {
    display: table;
    content: " ";
}

.mt-20 {
    margin-top: 20px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {
    margin-bottom: 10px;
}

p.course-description {
  font-size: 12px;
  color: #5b5b5b;
  letter-spacing: 0.1px;
  line-height: 1.3;
  margin-bottom: 0;
}

img.img-fullwidth {
      max-width: 100%;
      border-radius: 10px 10px 0 0;
}
p.course-description.mt-10.mb-10 {
    display: inline-block;
    padding: 5px 10px 5px 5px;
    letter-spacing: 1.3px;
/*     border: 1.5px solid #43B14B; */

}

i.fa.fa-file-pdf-o {
    font-size: 15px;
}


h4.mt-0.mb-5.lengthy {
    font-weight: bold;
    font-size: 16px;
}

.pull-left a {
    color: #3b3a3f;
    text-decoration: none;
    pointer-events: none;
}

.course-description a{
    cursor: pointer;
    color: #ba2229;
}

.pull-left a:hover {
    text-decoration: none;
}

.course-meta li {
/*     border-right: 1px solid #ddd; */
/*     padding: 0 10px; */
}

.course-meta li:first-child {
/*     padding-right: 10px; */
}

.course-meta li:last-child {
  border: 0;
/*   padding-left: 10px; */
}

.course-meta li:nth-child(2) {  
/*     padding: 0 10px ; */
}

.course-meta li h6 {
    color: #444;
    font-size: 12px;
    font-weight: 600;
    margin: 5px 0 0;
}

.course-meta li span {
    font-size: 12px;
    margin: 0;
}

span.course-time {
  color: #444;
  font-weight: 600;
}

.couage {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}


h4.mt-0.mb-3 {
  font-weight: bold;
  font-size: 16px;
}

.mt-38 {
    margin-top: 38px;
}

.mb-10 {
    margin-bottom: 10px !important;
}

button.btn.btn-primary {
    float: right;
    box-shadow: none;
}

button.btn.btn-primary.subscribe {
    width: -webkit-fill-available;
}

button.btn.btn-primary.course {
    margin-top: 20px;
}

button#submit:hover {
  background-color: #d6963a;
  color: white;
}

button#submit {
    background: #d6963a;
    border-color: #d6963a ;
    box-shadow: none;
}

button {
    border: none;
    outline: none;
    box-shadow: none;
}

.popup_message {
    color: red;
    letter-spacing: 1.6px;
    line-height: 1.2;
    margin: 15px;
}


.popup_message_subscribe {
    color: red;
    position: absolute;
    letter-spacing: 1.6px;
    line-height: 1.2;
    margin: 10px;
}

.pt-50-1 {
    padding: 50px 0 50px 0;
    overflow: hidden;
    /* padding-bottom: 30px; */
}

.pb-40 {
/*     padding-bottom: 40px !important; */
}


.double-line-bottom-centered-theme-colored-2.courses {
    margin-bottom: 20px;
    margin-top: 8px;
    margin-left: -46px;
    padding-bottom: 5px;
    position: relative;
}


.team-block .team-thumb .styled-icons a:hover, .work-gallery .gallery-thumb .styled-icons a:hover, .work-gallery:hover .gallery-bottom-part, .double-line-bottom-theme-colored-2:after, .double-line-bottom-theme-colored-2:before, .double-line-bottom-centered-theme-colored-2:after, .double-line-bottom-centered-theme-colored-2:before, .line-bottom-theme-colored-2:after, .line-bottom-centered::after, .event-block .event-date, .event-small .event-date, .portfolio-filter a.active, .title-border::after, .search-menu {
    background: #6d8b3e;
}

.double-line-bottom-centered-theme-colored-2:before {
    border-radius: 8px;
    bottom: 0;
    content: "";
    height: 6px;
    bottom: -2px;
    left: -20px;
    right: 0px;
    margin: 0 auto;
    position: absolute;
    width: 24px;
}


.double-line-bottom-centered-theme-colored-2:after {
    border-radius: 8px;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    right: 0px;
    margin: 0 auto;
    position: absolute;
    width: 64px;
}

.pt-50-1 .container .row {
    justify-content: center;
    margin-top: 40px;
}

.pull-left {
    float: left;
}


/* .mb-10 {
    margin-bottom: 10px !important;
} */

.mt-10 {
    margin-top: 10px !important;
}

ul, ol, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.modal-header {
    display: flex;
    flex-direction: row-reverse;
}

.modal-title {
/*     margin-left: 24px; */
    margin-bottom: 0;
    line-height: 1.6;
    font-weight: bold;
    color: red;
    font-size: 20px;
}

p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {
    margin-bottom: 10px;
}

.popup_message {
    color: red;
    letter-spacing: 1.6px;
    line-height: 1.2;
    margin: 15px;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin: 10px auto;
}


.free-career img {
    width: 200px;
}

.modal-header .enroll_button_close{
    margin: 0;
    padding: 1rem;
    font-size: 30px;
    outline: none;
    background-color: transparent;
}


.bg-silver-deep .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bg-silver-deep .header .textbox {
    display: inline-flex;
    align-items: center;
}

.button_1-container p {
    margin-top: 10px;
}

.button_1-container .btn-primary{
    background-color: transparent;
    outline: none;
    border: none;
    letter-spacing: 2px;
    padding: 15px 0;
    width: 200px;
    color: #000;
    border: 1px solid #000;
/*     border-radius: 10px; */
/*     height: 50px; */

}

.button_1-container .btn-primary:hover{
    background-color: #d6963a;
    color: #fff;
    border: 1px solid #d6963a;    
}


.iti {
  position: relative;
  display: block !important;
  }

#phoneInput10, #phoneInput9, #phoneInput8, #phoneInput7, #phoneInput6, #phoneInput5, #phoneInput4, #phoneInput3, #phoneInput2, #phoneInput1 {
    margin-top: 10px !important;
}


/* -------------------------------------------------- Media___1200px -------------------------------------------------- */



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


    p.course-description {
        font-size: 10px;
    }

    h4.mt-0.mb-5.lengthy {
        font-size: 10px;
    }
    .course-meta li span {
        font-size: 10px;
    }
    .course-meta li h6 {
        font-size: 10px;
    }
    .course-meta li {
        padding: 0 7px;
    }

    h4.mt-0.mb-5 {
        font-size: 10px;
    }

    .price-tag {
        font-size: 10px;
    }

    .clearfix.column_1 {
        margin-top: -7px;
    }

    .clearfix.column_3 {
        margin-top: -24px;
    }

    .clearfix.column_8 {
        margin-top: 0px;
    }

    .couage {
        display: block
    }


    h4.mt-0.mb-3 {
        font-size: 15px;
    }



}



/* -------------------------------------------------- Media___992px -------------------------------------------------- */


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

    p.course-description {
        font-size: 10px;
    }

    h4.mt-0.mb-5.lengthy {
        font-size: 10px;
    }
    .course-meta li span {
        font-size: 10px;
    }
    .course-meta li h6 {
        font-size: 10px;
    }
    .course-meta li {
        padding: 0;
    }

    h4.mt-0.mb-5 {
        font-size: 10px;
    }

    h4.mt-0.mb-3 {
    font-weight: bold;
    font-size: 10px;
    }

    .couage {
        display: block;
    }

/*     .br-lines:before {
    content: " ";
    border: 1px solid #ddd;
    height: 30px;
    background: #df2123;
    position: absolute;
    margin-top: 2px;
    }
 */
    .price-tag {
        font-size: 10px;
    }

    .clearfix.column_1 {
        margin-top: -12px;
    }

    .clearfix.column_3 {
        margin-top: -17px;
    }

    .clearfix.column_8 {
        margin-top: 0;
    }




}




/* -------------------------------------------------- Media___768px -------------------------------------------------- */



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

.row.mtli-row-clearfix.mt-40 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    flex-direction: column;
    }


.col-4 {
    min-width: -webkit-fill-available;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    }

    .svg_icon{
        width: auto !important;
    }


.bg-silver-deep .header {
    flex-direction: column;
}

.button_1-container .btn-primary {
    width: 100%;
}

.ls {
    letter-spacing: 0.5px !important;
}

.course-single-item.bg-white.border-1px.clearfix{
    margin-bottom: 30px;
}

.course-meta li {
/*         padding: 0 20px; */
}

p.course-description {
/*     margin-left: 5px; */
}

.button_1-container {

   width: 100%;
}


.price-tag {
top: 12px;
right: 12px;
}

.pt-50-1 {
    padding: 50px 0;
}

}



/* -------------------------------------------------- About_US Start Here -------------------------------------------------- */



#About_Us {
    position: relative;
}

.text-header {
    color: #df2123;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.hr-lines{
  position: relative;
  max-width: 500px;
  text-align: center;
}


/* .hr-lines:before{
  content:" ";
  height: 2px;
  width: 130px;
  background: red;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
} */

.hr-lines:before{
    content: " ";
    height: 4px;
    width: 30px;
    background: #df2123;
    display: block;
    position: absolute;
    top: 37%;
    left: 5px;
    margin: 0;
}

.hr-lines-red,
.hr-lines-blue,
.hr-lines-green {
  position: relative;
  max-width: 500px;
  text-align: center;
}


/* .hr-lines:before{
  content:" ";
  height: 2px;
  width: 130px;
  background: red;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
} */

.hr-lines-red:before{
    content: " ";
    height: 4px;
    width: 30px;
    background: red;
    display: block;
    position: absolute;
    top: 37%;
    left: 5px;
    margin: 0;
}

.hr-lines-blue:before{
    content: " ";
    height: 4px;
    width: 30px;
    background: blue;
    display: block;
    position: absolute;
    top: 37%;
    left: 5px;
    margin: 0;
}


.hr-lines-green:before{
    content: " ";
    height: 4px;
    width: 30px;
    background: green;
    display: block;
    position: absolute;
    top: 37%;
    left: 5px;
    margin: 0;
}




/* Add this style for the video container */
.video-container {
    position: relative;
    overflow: hidden;
/*     padding-top: 71.25%; /* 16:9 aspect ratio (height: 9/16 = 56.25%) */ */
}

.video-container iframe {
    border: 1px solid #d8d8d8;
}

/* Adjust styles for the small screen logo */
/* .video-container img {
    max-width: 100%; 
    height: auto;
    border-radius: 5px;
} */


.ls {
    letter-spacing: 1px; /* Adjust the letter-spacing as needed */
}


.text-black {
    color: #000000;
}

/* Add any additional styles as needed */

.about p{
    color: #516180;
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: 1.4px;
/*     padding: 10px; */
    font-weight: 300;
}

#About_Us span{
    color: #565656;
}

#About_Us h4{
          /* font-size: 30px; */
       line-height: 1.3;
    letter-spacing: 1.5px;
    color: #d6963a;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}


.pt-50-3 {
padding: 50px 0 50px 0;
background-color: #ffffff;
}




.column {
    text-align: left;
/*     border: 1px solid #cacaca;
    padding: 0 25px; */
    border-radius: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}

.svg_icon {
    display: inline-block;
    width: 100%;
}

#About_Us h4{
/*     margin-top: 20px; */
    font-size: 16px;
    font-weight: bold;
/*     color: #df2123; */
    line-height: 1.3;
    letter-spacing: 1.5px;
}

.about_us .heading p{
    font-size: 25px;
    line-height: 1.2;
    text-align: justify;
    font-weight: bold;
    color: #000;
}

.column p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
    line-height: 1.5;
}

.about_us .sub_heading p{
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1.5px;
    text-align: justify;
}

.about_us .sub_heading b {
    font-weight: 400;
}


/* .about_row {
    margin: 50px 0 50px 0;
    flex-wrap: nowrap;
    width: 96.3%;
    gap: 20px;
} */


.svg_icon svg {
    margin: 25px 0;
    color: #363636;
    width: 100%;
} 

.section-spacing {
    margin: 50px 0 0 0;
/*     margin-bottom: 120px; */
}

.theme-title-one {
    position: relative;
    text-align: center;
}

.theme-title-one h2 {
    position: relative;
    text-transform: uppercase;
/*     padding-bottom: 22px; */
}


h2 {
    font-size: 38px;
    font-weight: 900;
}


.theme-title-one p {
/*     padding-top: 20px; */
    font-size: 25px;
    line-height: 1.2;
    text-align: justify;
    font-weight: bold;
    color: #000;
}

.digital {
    padding: 50px 0;
    background-color: #fff5f5;
}

.digital .digital_para p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
    line-height: 1.5;
}

.digital_signature h6 {
    font-weight: bold;
}

.digital_signature {
    width: 250px;
    height: auto;
}

.digital_signature img{
    width: 100px;
    height: 100px;
}

.our-team .wrapper {
/*     margin-top: 25px; */
}

.our-team .team-member {
    margin-top: 30px;
    text-align: center;
}

.our-team .team-member .image-box {
    position: relative;
    overflow: hidden;
}

.our-team .team-member .image-box img {
    width: 100%;
    border-radius: 5px 5px 0 0;
    border: 1px solid #eaeaea;

}


.our-team .team-member:hover .overlay {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.our-team .team-member .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(201,54,54,0.7);
    border-radius: 5px 5px 0 0;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    backdrop-filter: blur(6px);
}

.our-team .team-member .overlay {
    transition: all .3s ease-in-out;
}

.our-team .team-member .overlay .hover-content {
    position: relative;
    top: 30%; /* Adjust the percentage as needed */
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.our-team .team-member .overlay .hover-content ul {
    display: flex;
    justify-content: flex-start;
    padding-left: 15px;
    position: absolute;
    bottom: -80px; /* Adjust the distance from the bottom as needed */
}

.our-team .team-member .overlay .hover-content ul li {
    display: inline-block;
    margin: 0 5px;
}


.our-team .team-member .overlay .hover-content ul li a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #fff;
    line-height: 38px;
    color: #fff;
    font-size: 14px;
}

.our-team .team-member .overlay .hover-content p {
    line-height: 25px;
    color: #fff;
    padding-top: 15px;
    text-align: left;
    padding-left: 15px;
}

.our-team .team-member .client-name {
    padding: 13px 0 13px 15px;
    border: 1px solid #eaeaea;
    border-top: none;
    border-radius: 0 0 5px 5px;
    text-align: left;
/*     background-color: #fff; */
}



.our-team .team-member .client-name {
    background-color: #ffffffbf;
    backdrop-filter: blur(15px);    
}

.our-team .team-member .client-name h6 {
    font-weight: bold;
}

.our-team .team-member .client-name span {
    font-size: 16px;
    font-style: normal;

}

.about_topic {
        display: none;
}
/* -------------------------------------------------- Media___992px -------------------------------------------------- */

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

    #About_Us p {
        font-size: 16px;
    }

    img.img-responsive {
    width: 74%;
    margin-top: 40px;
}

.section-spacing {
    margin-bottom: 80px;
}


.video-container iframe {
    border: 2px solid #d8d8d8;

}

}
/* -------------------------------------------------- Media___768px -------------------------------------------------- */


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


img.img-responsive {
    width: 50%;
    margin-right: 0;
    margin-left: 0px;
    }  


.about_Us p {
    margin-top: 50px;
    margin-left: 0px;
    color: #5b5b5b;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 1.6px;
    font-weight: 300;
    text-align: center;
    }


    .section-spacing {
/*     margin-bottom: 60px; */
    }

/*     .theme-title-one h2 {
    font-size: 30px;
    padding-bottom: 18px;
    } */

    .about_row {
    flex-direction: column;
    margin: auto;
    flex-wrap: nowrap;
    width: auto;
    gap: 20px;
    padding: 50px 0;
    }

    .column {
    padding: 0;
    flex-direction: column;
    }


    .text-header{
    margin-top: 1.5rem
    }


    .about_us .heading p{
    text-align: left;
    margin-top: 1.5rem;
    }


.about_hidden {
    display: none;
}


.about_topic {
    display: block;
    margin-bottom: 1.5rem !important;
}

.theme-title-one p {
text-align: left;
}


.video-container iframe {
    background-color: currentcolor;
}

.pt-50-3 {
padding: 50px 0;
background-color: #ffffff;
}

.our-team .team-member .overlay .hover-content p {

font-size: 18px;

}


}




/* -------------------------------------------------- Trainer Start Here -------------------------------------------------- */


.col-xs-12.col-sm-6.col-md-3 {
  padding-left: 10px;
  padding-right: 10px;
  max-width: fit-content;
}


#team {
overflow-x: hidden;
}


.double-line-bottom-centered-theme-colored-2.trainer {
margin-bottom: 20px;
margin-top: 8px;
margin-left: -232px;
padding-bottom: 5px;
position: relative;
}

.bg-color {
    background-color: #fff;
    position: relative;
}


.pt-50 {
    padding: 50px 0 20px 0;
    overflow: hidden;
    /* padding-bottom: 30px; */
}


.bg-color .heading p{
    font-size: 25px;
    line-height: 1.2;
    text-align: justify;
    font-weight: bold;
    color: #000;
}

.paragraph {
    color: #393738;
    font-size: 18px;
    letter-spacing: 1.6px;
    line-height: 1.3;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
    }

.paragraph span {
    font-size: 18px;
}

/* .row:after, .row:before {
    display: table;
    content: " ";
    } */

.mb-30 {
    margin-bottom: 30px !important;
    }

.card__read-more--open{
  display: block;
  opacity: 1;
  height: 64rem;
}

.team-members {
    overflow: hidden;
    position: relative;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #eaeaea;
}

.team-social {
    background: #0a66c2;
}

.team-social {
    opacity: 0;
    padding: 5px 5px;
    position: absolute;
    /* display: none; */
    right: 0;
    top: -140px;
    transition: all 300ms ease-in-out 0s;
}

.team-social li {
    display: block;
}

.styled-icons li {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
}

.team-members .team-social li a {
    margin: 0;
}

.styled-icons.icon-sm a {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin: 2px 7px 2px 0;
    width: 30px;
}


.styled-icons a {
    color: #333333;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    width: 32px;
    float: left;
    margin: 5px 7px 5px 0;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.team-social li a i {
    color: #fff;
}

/* .team-members .team-details {
    background: #fff none repeat scroll 0 0;
    bottom: -80px;
    padding: 10px 15px;
    position: absolute;
    transition: all 300ms ease-in-out 0s;
    width: 100%;
} */


.team-members .team-details {
    background: #ffffffbf none repeat scroll 0 0;
    bottom: -111px;
    padding: 10px 15px;
    position: absolute;
    transition: all 300ms ease-in-out 0s;
    width: 100%;
    backdrop-filter: blur(15px);    
}



h4.text-uppercase.text-theme-colored.m-5 {
    font-weight: bold;
/*     font-family: 'CenturyGothic', serif; */
    line-height: 1.42857143;
    letter-spacing: 1.6px;
    color: #333333;
    font-size: 15px;
    text-align: left;
}

.team-social li a:hover i {
    color: #212331;
}

.text-theme-colored {
    color: #1E3148 !important;
}

.m-5 {
    margin: 5px 5px 5px 0 !important;
}

h6.text-gray.font-13.line-bottom-centered.mt-0 {
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    color: #565656;
}


p.hidden-md {
    font-size: 12px;
    margin-bottom: 10px;
    text-align: left;
}

p.hidden-md {
/*     font-family: CenturyGothic; */
    letter-spacing: 1.6px;
    line-height: 1.3;
}

img.team-thumb-image {
    max-width: 100%;
    border-radius: 5px 5px 0 0;
}



.team-members:hover .team-details {
  bottom: 0;
}
.team-social {
  opacity: 0;
  padding: 5px 5px;
  position: absolute;
/*   display: none; */
  right: 0;
  top: -140px;
  transition: all 300ms ease-in-out 0s;
}
.team-social li {
  display: block;
}
.team-members:hover .team-social {
  opacity: 1;
  top: 0;
}
.team-members .team-social li a {
  margin: 0;
}
.team-social li a i {
  color: #fff;
}
.team-social li a:hover i {
  color: #212331;
}

/* -------------------------------------------------- Media___992px -------------------------------------------------- */


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



    h4.text-uppercase.text-theme-colored.m-5 {
        font-size: 9px !important;
    }

    h6.text-gray.font-13.line-bottom-centered.mt-0 {
        font-size: 9px !important; 
    }

    p.hidden-md {
        font-size: 8px !important;
    }

    .paragraph span {
        font-size: 16px;
    }

    .paragraph {
        font-size: 16px;
    }

    .card__read-more--open {
        height: 24rem;
    }

    .team-members .team-details {
        bottom: -70px;
    }

    .bg-color .heading p {
        text-align: left !important;
    }



    }

/* -------------------------------------------------- Media___1200px -------------------------------------------------- */


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

/*   Team Section Start Here   */

    h4.text-uppercase.text-theme-colored.m-5 {
        font-size: 10px !important;
    }

    h6.text-gray.font-13.line-bottom-centered.mt-0 {
        font-size: 10px !important; 
    }

    p.hidden-md {
        font-size: 10px !important;
    }

    .paragraph span {
        font-size: 15px;
    }

    .paragraph {
        font-size: 15px;
    }

    .card__read-more--open {
        height: 19rem;
    }

    .team-members .team-details {
        bottom: -70px;
    }


}

/* -------------------------------------------------- Media___768px -------------------------------------------------- */



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

.col-xs-12.col-sm-6.col-md-3 {
    margin-top: 30px;
    padding: 0 15px;
    max-width: 100%;
}


.team-thumb img {
    width: 100% !important;
}

.team-members .team-details{
    bottom: -70px;
}

.bg-color .heading p {
    text-align: left;
}

.p-sm-0 {
    padding: 0 !important;
}

p.hidden-md {
font-size: 13px;
}


.pt-50 {
    padding: 50px 0 20px 0;
    overflow: hidden;
    /* padding-bottom: 30px; */
}

}




/* -------------------------------------------------- Media___400px -------------------------------------------------- */



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

p.hidden-md {
    font-size: 13px;
}

}

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

.team-members .team-details {
    padding: 10px 22px;
}
}

/* -------------------------------------------------- Media___390px -------------------------------------------------- */



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

p.hidden-md {
    font-size: 12px;
}

.line-bottom-centered {
    margin-bottom: 1.5rem;

}

}


/* -------------------------------------------------- Client-Side Testimonals Start Here -------------------------------------------------- */




.parallax-section {
      height: 100%;
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      background: linear-gradient(rgb(244 228 228 / 50%), rgb(242 235 235 / 90%)), url(../img/bg_5.jpg);
  }




.ftco-section {
    padding: 50px 0 50px 0;
    position: relative;
}
/* Rest of your CSS remains unchanged */


.ftco-consult .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
/*     opacity: .7; */
    /* background: #fd6100;
    background: -moz-linear-gradient(45deg, #fd6100 0%, #0d1128 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fd6100), color-stop(100%, #0d1128));
    background: -webkit-linear-gradient(45deg, #fd6100 0%, #0d1128 100%);
    background: -o-linear-gradient(45deg, #fd6100 0%, #0d1128 100%);
    background: -ms-linear-gradient(45deg, #fd6100 0%, #0d1128 100%);
    background: linear-gradient(45deg, #ffffff 0%, #0d1128 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd6100', endColorstr='#0d1128', GradientType=1 ); */
}
.client-side{
    width:100%;
    position: relative;
    z-index: 1;
/*       padding: 100px 0; */
            
}

        .title_text{
/*             width:60%;
            text-align:center;
            margin:auto; */
        }
        .title_text h2{
            color: #d1ac51;
            font-family: "Poppins", Sans-serif;
            font-size: 14px;
            font-weight: 600;
            text-transform: uppercase;
            margin-bottom: 20px;
        }
        .title_text  p{
            font-size: 25px;
            line-height: 1.2;
            text-align: justify;
            font-weight: bold;
            color: #000;
        }
        .cards{
            display:grid;
            grid-template-columns:repeat(1,1fr);
            grid-gap:20px;
            margin:25px auto;
        }
        .client-review{
            background-color:rgb(244 246 254 / 41%);
            margin: 0px 10px 0px 10px;
            width: 100%;
            float: left;
            padding: 70px 20px 67px 30px;
            border: 1px solid #B18822;
            backdrop-filter: blur(6px);
            border-radius: 10px;
         }
        .image-section img{
            width:100%;
            height:auto;
        }

        .image-section {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .report{
/*             padding:15px 20px; */
        }
        .report h4{
            font-size: 19px;
            line-height: 28px;
            font-weight: 500;
            display: -webkit-box !important;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            white-space: normal;
            overflow: hidden;
            margin-bottom: 0.5rem;
        }
        .description p{
            font-size: 19px;
            font-weight: 300;
            line-height: 32px;
            letter-spacing: 0px;
            color: #11161e;
            margin-bottom: 1rem;

        }

        .report .entry-title {
            line-height: 26px;
            margin-top: 10px;
        }

        .icon-quote {
            float: left;
        }

        .icon-quote img{
            width: auto;
            display: block;
            height: auto;
            max-width: 100%;
            border: none;
            border-radius: 0;
            box-shadow: none;
        }

        .user-mark {
            float: right;
            width: 100px;
            height: 100px;
/*             position: absolute; */
            right: 30px;
            border-radius: 50%;
            overflow: hidden;
        }

        .user-mark img {
            width: 100%;
            display: block;
        }

        .description {
          width: 100%;
          float: left;
          font-size: 19px;
          font-weight: 300;
/*           text-decoration: underline; */
          line-height: 32px;
          letter-spacing: 0px;
          color: #11161e;
          margin: 22px 0px 51px 0px;
          display: -webkit-box !important;
          -webkit-line-clamp: 6;
          -webkit-box-orient: vertical;
          text-overflow: ellipsis;
          white-space: normal;
          overflow: hidden;
          margin-bottom: 20px !important;
        }

        .wrap-author {
            width: 100%;
            float: left;
        }

        .content {
            position: relative;
        }

        .client-review .report .name {
          position: relative;
          z-index: 1;
          font-size: 18px;
          font-weight: 700;
          text-transform: uppercase;
          line-height: 27px;
          letter-spacing: 0px;
          color: #11161e;
          margin: 0px 0px 0px 0px;
          padding: 0px 0px 0px 10px;
        }

        .client-review .report .name::before {
          content: '';
          position: absolute;
          z-index: -1;
          top: 0px;
          left: 0px;
          width: 17px;
          height: 17px;
          border-radius: 50%;
          background: #d1ac51;
          display: block;
        }

        .client-review .report .position {
          font-size: 14px;
          font-weight: 400;
          line-height: 18px;
          letter-spacing: 0px;
          color: #565656;
          margin: 3px 0px 0px 0px;
          padding: 0px 0px 0px 10px;
        }

        .navigation-buttons {
            position: inherit;
            top: inherit;
            right: 0;
            margin-top: 0px;
            text-align: center;
            margin-top: 25px;
        }

        .slick_prev {
          height: 55px !important;
          width: 55px !important;
          font-size: 24px !important;
          border-color: #d1ac51 !IMPORTANT;
          border: 1px solid #d1ac51 !IMPORTANT;
          background-color: transparent;
          margin-left: 20px;
          border-radius: 50%;
        }

        .slick_prev:hover{
            background-color: #d1ac51;

        }

        .slick_prev .bi {
            padding: 15px;
            color : #d1ac51;
        }

        .slick_prev .bi:hover {
            color : #fff;
        }  


        button.slick_prev {
            outline: none;
        }



        .slick_next {
          height: 55px !important;
          width: 55px !important;
          font-size: 24px !important;
          border-color: #d1ac51 !IMPORTANT;
          background-color: transparent;
          border: 1px solid #d1ac51 !IMPORTANT;
          margin-left: 20px;
          border-radius: 50%;
        }

        .slick_next:hover{
            background-color: #d1ac51;
        }

        .slick_next .bi {
            padding: 15px;
            color : #d1ac51;
        } 

        .slick_next .bi:hover {
            color : #fff;
        }


        button.slick_next {
            outline: none;
        }

/* -------------------------------------------------- Media___600px -------------------------------------------------- */



@media only screen and (max-width: 600px) {
        .client-side{
            width:100%;
            padding: 50px 0px;
        }


        .title_text {
            width: 100%;
            text-align: left;
        }

        .parallax-section {
            display: block;
        }

        .title_text p{
            text-align: left;
        }


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

}

/* -------------------------------------------------- MNCs -------------------------------------------------- */


#Associated {
background-image: url("img/MNCs.png"); 
/*   position: relative; 
  background-repeat: no-repeat; 
  text-align: center; */
}

.double-line-bottom-centered-theme-colored-2.mncs {
margin-bottom: 20px;
margin-top: 8px;
margin-left: -200px;
padding-bottom: 5px;
position: relative;
}

.pt-50 {
    padding: 50px 0; 
}


.pt-50-5 {
padding-top: 30px;
padding-bottom: 0px;
}

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

.logos {
  overflow: hidden;
  padding: 0 0;
  background: white;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}

/* .logos:before,
.logos:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}

.logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}

.logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.logos:hover .logos-slide {
  animation-play-state: paused;
}

.logos-slide {
  display: inline-block;
  animation: 35s slide infinite linear;
}

.logos-slide img {
  height: 100px;
  margin: 0 40px;
}
 */


/* 
.brands {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.brands__item {
  flex: 0 0 50%;
}



.brands__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}


.brands__item img {
  width: 130px;
  height: 75px;
  object-fit: contain;
  mix-blend-mode: multiply;
}


@media (min-width: 700px) {
  .brands__item {
    flex: 0 0 33.33%;
  }
}

@media (min-width: 1100px) {
  .brands__item {
    flex: 0 0 25%;
  }
} */


.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  grid-gap: 6rem;
  > div {
    background: transparent;
    padding: 1rem;
    display: grid;
    place-items: center;
    &::before {
      // for apsect ratio
      content: "";
      display: block;
      padding-bottom: 100%;
      grid-area: 1 / 1 / 2 / 2;
    }
    img {
      width: 100%;
      // height: 100%;
      // object-fit: contain;
      grid-area: 1 / 1 / 2 / 2;
    }
  }
}
       
/* -------------------------------------------------- Gallery -------------------------------------------------- */


.block {
    padding: 50px 0 50px 0;
    background-color: #000;
}

.ts-title {
/*     margin-bottom: 5rem; */
    display: flex;
}

.ts-title h3 {
    color: #B18822;
}

.ts-title .title p {
    font-size: 25px;
    line-height: 1.2;
    text-align: justify;
    font-weight: bold;
    color: #fff;
/*     padding-bottom: 50px; */
}


.hr-lines-1 {
  position: relative;
  max-width: 500px;
  text-align: center;
}

.hr-lines-1:before {
    content: " ";
    height: 4px;
    width: 30px;
    background:#B18822;
    display: block;
    position: absolute;
    top: 37%;
    left: 5px;
    margin: 0;
}

.textbox {
    width: 100%;
    display: flex;
    justify-content: flex-end;
/*     margin: 50px 0 0 0; */
}

.button_2-container .btn-primary{
    background-color: transparent;
    outline: none;
    border: none;
    letter-spacing: 2px;
    padding: 15px 0;
    width: 200px;
    color: #FFF;
    border: 1px solid #FFF;
}

.button_2-container .btn-primary:hover{
    background-color: #d6963a;
    color: #fff;
    border: 1px solid #d6963a;    
}


.ts-gallery {
    position: relative;
}

.ts-gallery .ts-gallery__image {
    background-color: #191919;
    color: #fff;
    display: block;
    height: 28rem;
    overflow: hidden;
}

.ts-gallery .ts-gallery__caption {
    padding: 3rem;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 2;
}

.ts-gallery .ts-img-into-bg {
    opacity: .6;
    transition: 1s cubic-bezier(.23, .05, .17, 1.02);
    transform: scale(1.03);
}

.ts-background-image, .ts-img-into-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.ts-background-image, .ts-img-into-bg img{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.ts-background-image img, .ts-img-into-bg img {
    display: none;
}


.ts-gallery .ts-gallery__image:hover .ts-img-into-bg {
    opacity: .3;
    transform: scale(1.1);
}

.ts-gallery .ts-gallery__caption {
    padding: 3rem;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 2;
}

.ts-gallery .ts-img-into-bg {
    opacity: .6;
    transition: 1s cubic-bezier(.23, .05, .17, 1.02);
    transform: scale(1.03);
}




/* -------------------------------------------------- Media___768px -------------------------------------------------- */


@media (max-width: 35.9375rem){
.ts-title {
    margin-bottom: 1.875rem;
}

.textbox {
        align-items: flex-start !important;
        flex-direction: column;
        margin: auto;
        gap: 20px;
}

.ts-title .title p {
    text-align: left;
}


.button_2-container{
/*     margin-top: 1.5rem!important; */
width: 100%;
}

.button_2-container .btn-primary {
    width: 100%;
}

.block {
    padding: 50px 0;
}
}


/* -------------------------------------------------- Media___1200px -------------------------------------------------- */


@media (min-width: 36rem) and (max-width: 61.9375rem){
.ts-title {
    margin-bottom: 3.125rem;
}


h2, .ts-h2 {
    font-size: 1.875rem;
}

h3, .ts-h3 {
    font-size: 1.375rem;
}


}



/* -------------------------------------------------- News and Event -------------------------------------------------- */


        .blog-section {
            width:100%;
            background-color: #fff5f5;
            padding: 50px 0 50px 0;
        }
        .section-content{
            width:100%;
        }
        .title-blog{
            width:60%;
            text-align:center;
            margin:auto;
        }
        .title h2{
            color: #d1ac51;
            font-family: "Poppins", Sans-serif;
            font-size: 14px;
            font-weight: 600;
            text-transform: uppercase;
            margin-bottom: 20px;
        }
        .title p{
            font-size: 25px;
            line-height: 1.2;
            font-weight: bold;
            color: #000;
        }
        .cards{
            display:grid;
            grid-template-columns:repeat(1,1fr);
            grid-gap:20px;
            margin:25px auto;
        }
        .card{
            width:100%;
            background-color:#f7f7f7;
            position:relative;
             margin: 0 10px;
             border-radius: 10px;
         }
        .image-section img{
            width:100%;
            height:auto;
        }

        .image-section{
            position: relative;
        }
        .article{
            padding:15px 20px;
        }
        .article h4{
            font-size: 19px;
            line-height: 28px;
            font-weight: 500;
            display: -webkit-box !important;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            white-space: normal;
            overflow: hidden;
            margin-bottom: 0.5rem;
        }
        .article p{
            font-size: 15px;
            font-weight: normal;
            color: #686868;
            display: -webkit-box !important;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            white-space: normal;
            overflow: hidden;
            margin-bottom: 1rem;
        }
        .blog-view a{
            text-decoration:none;
            display:inline-block;
/*             background-color:#25c5c5; */
            color:#d1ac51 ;
            padding:8px 15px;
            margin-left:20px;
            margin-bottom:20px;
        }
        .posted-date{
            top:70px;
            display:inline-block;
            writing-mode:vertical-rl;
            text-align:center;
            position:absolute;
            width:40px;
            height:max-content;
            line-height:0;
            background:#d1ac51;
            padding:12px;
            color:#fff;
            right:10px;
            bottom:0;
            font-size:12px;
        }

        .posted-date p{
            color: #fff;  
            font-weight: 300;
            margin-bottom: 0;
        }

        .article .entry-title {
            line-height: 26px;
            margin-top: 10px;
        }


        .navigation-buttons {
            position: relative;
            top: inherit;
            right: 0;
            margin-top: 0px;
            text-align: center;
            margin-top: 25px;
        }

        .slick-prev {
          height: 55px !important;
          width: 55px !important;
          font-size: 24px !important;
          border-color: #d1ac51 !IMPORTANT;
          border: 1px solid #d1ac51 !IMPORTANT;
          background-color: transparent;
          margin-left: 20px;
          border-radius: 50%;
        }

        .slick-prev:hover{
            background-color: #d1ac51;

        }

        .slick-prev .bi {
            padding: 15px;
            color : #d1ac51;
        }

        .slick-prev .bi:hover {
            color : #fff;
        }  

        button.slick-prev {
            outline: none;
        }


        .slick-next {
          height: 55px !important;
          width: 55px !important;
          font-size: 24px !important;
          border-color: #d1ac51 !IMPORTANT;
          background-color: transparent;
          border: 1px solid #d1ac51 !IMPORTANT;
          margin-left: 20px;
          border-radius: 50%;
        }

        .slick-next:hover{
            background-color: #d1ac51;
        }

        .slick-next .bi {
            padding: 15px;
            color : #d1ac51;
        } 

        .slick-next .bi:hover {
            color : #fff;
        }  


        button.slick-next {
            outline: none;
        }


[class^="bi-"]::before, [class*=" bi-"]::before{
    line-height: 2;
    vertical-align: -0.125em;
}




.cards {
    display: flex; /* Ensure the container is displayed as a flex container */
    flex-wrap: wrap; /* Allow items to wrap onto multiple lines */
}

.card {
    width: calc(33.33% - 40px); /* Set width for each card, considering margins */
    margin: 20px; /* Add space between cards */
}




.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



/* -------------------------------------------------- Media___1024px -------------------------------------------------- */

@media (min-width: 992px) and (max-width: 1024px){
.posted-date {
    top: 130px;
}
.spacing_gap_1 {
    padding-bottom: 26px;
}
.spacing_gap_2 {
    padding-bottom: 20px;
}
.blog-section {
    padding: 40px 0;
}
}

/* -------------------------------------------------- Media___992px -------------------------------------------------- */


@media (min-width: 820px) and (max-width: 992px){
.posted-date {
    top: 50px;
}

}

/* -------------------------------------------------- Media___768px -------------------------------------------------- */


@media (min-width: 481px) and (max-width: 769px){
.posted-date {
    top: 50px;
}
.blog-section {
    padding: 50px 0;
}

}


/* -------------------------------------------------- Media___480px -------------------------------------------------- */

@media only screen and (max-width: 480px) {
        .blog-section{
            width:100%;
            background-color: #fffcf5;
            padding: 50px 0px;
        }
        .title-blog {
            width: 100%;
            text-align: left;
        }
        .posted-date {
            top: 74px;
        }
        .posted-date p{
            font-size: 12px;
        }


}




/* -------------------------------------------------- Footer -------------------------------------------------- */



.footer .page-preview .page-preview-body iframe {
display: block;
width:100%
height:100%
}
.pt_120 {
padding-top: 50px !important;
}
.tf__footer_content .footer_logo {
width: 240px;
border-bottom: 1px solid #FFFFFF;
padding-bottom: 20px;
margin-bottom: 25px;
}
a {
display: inline-block;
text-decoration: none;
}
.tf__footer_content .footer_description {
margin-bottom: 30px;
margin-top: 0;
font-family:"Poppins", Sans-serif;
letter-spacing: 1.6px;
line-height: 1.3;
}
.tf__footer_content p {
color: #F7F9FB;
font-family: font-family: "Poppins", Sans-serif;
letter-spacing: 1.6px;
}
ul, ol {
list-style: none;
margin: 0;
padding: 0;
}
.tf__footer_content .social_link li a {
font-size: 16px;
width: 35px;
height: 35px;
line-height: 36px;
text-align: center;
background: #FFFFFF;
color: #rgb(48 32 21);
border-radius: 50%;
margin-right: 10px;
transition: all linear .3s;
-webkit-transition: all linear .3s;
-moz-transition: all linear .3s;
-ms-transition: all linear .3s;
-o-transition: all linear .3s;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.tf__footer_content .social_link li a:hover {
color: #rgb(48 32 21);
}
.tf__footer_content h3 {
font-weight: 600;
font-size: 24px;
color: #FFFFFF;
}
.tf__footer_content .footer_link li a {
color: #F7F9FB;
font-family: "Poppins", Sans-serif;
letter-spacing: 1.6px;
line-height: 1.3;
font-weight: 400;
font-size: 16px;
margin-bottom: 21px;
transition: all linear .3s;
-webkit-transition: all linear .3s;
-moz-transition: all linear .3s;
-ms-transition: all linear .3s;
-o-transition: all linear .3s;
}
.tf__footer_location p {
padding-left: 35px;
position: relative;
}
.tf__footer_content p {
color: #F7F9FB;
font-size: 16px;
}
.tf__footer_location p i {
position: absolute;
top: 3px;
left: 0;
font-size: 18px;
}
.tf__footer_location p span {
display: block;
/*     margin-bottom: 15px; */
color: #F7F9FB;
/*     font-size: 16px; */
line-height: 1.3;
}
.explore_header {
margin-top: 0px;
}
/* .touch_header {
margin-top: -35px;
}
.subscribe_header {
margin-top: -40px;
} */
p#message10 {
margin-top: 50px;
}
.tf__footer_content form {
position: relative;
}
input, textarea {
width: 100%;
padding: 12px 20px;
outline: none;
resize: none;
border: 1px solid #E3E8EF;
font-size: 16px;
font-weight: 300;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
}
/* .tf__footer_content form button {
width: 100%;
background: #FF9B24;
color: #FFFFFF;
border-radius: 8px;
padding: 9.5px 15px;
font-size: 14px;
transition: all linear .3s;
-webkit-transition: all linear .3s;
-moz-transition: all linear .3s;
-ms-transition: all linear .3s;
-o-transition: all linear .3s;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
position: absolute;
top: 5px;
right: 5px;
} */
/* button#submit {
border-color: #d1ac51;
background-color: #d1ac51;
width: 100%;
border-radius: 0.25rem;
} */
button#submit:hover {
border-color: #B18822;
background-color: #B18822;
}
button#submit:active,
button#submit:focus
{
border:none;
background-color: #d1ac51;
box-shadow: none;
outline: none;
}

button:focus{
    outline: none;
}
/* button#submit {
outline: none;
border: none;
margin: 0;
} */
.tf__footer_bottom {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
align-items: center;

}

.flex-container {
    display: flex;
    align-items: center; /* Align items vertically in the middle */
    width: 20%;
    justify-content: space-between;
}

.link-container {
/*     padding: 0 10px; /* Adjust spacing around each link */ */
}


.link-container a {
    color: #fff;
}

.vertical-line {
    height: 13px; /* Take up the full height of the container */
    width: 1px; /* Set the width of the vertical line */
    background-color: #fff; /* Color of the vertical line */
}

.legal {
    display: flex;
    flex-direction: column;
    border-top: 2px solid #FFFFFF20;
    margin-top: 40px;
    padding-top: 30px;
    margin-bottom: 30px;    
}

/* Add any additional styling as needed */

.divider {
    border-top: 1px solid #ccc; /* Add a horizontal line */
    flex-grow: 1; /* Allow the line to take up all available space */
    margin: 0 10px; /* Adjust the spacing on both sides of the line */
}
.tf__footer_bottom p {
color: #FFFFFF;
}
.tf__footer_bottom ul {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.tf__footer_bottom li a {
/*     font-size: 16px; */
font-weight: 400;
color: #F7F9FB;
margin-left: 20px;
margin-bottom: 1rem;
transition: all linear .3s;
-webkit-transition: all linear .3s;
-moz-transition: all linear .3s;
-ms-transition: all linear .3s;
-o-transition: all linear .3s;
}
.scroll-top-button {
display: none;
position: fixed;
bottom: 115px;
right: 30px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
color: #fff;
cursor: pointer;
padding: 15px;
border-radius: 4px;
}
.scroll-top-button.show {
display: block;
}
  .icon-bar {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  font-size: 30px;
  z-index: 100;
  right: 30px;
  }
form.requires-validation {
margin-bottom: -54px;
font-size: 16px;
}
.connect_us {
display: flex;
flex-direction: column;
gap: 20px;
}
.handle {
display: flex;
}
.footer_container {
padding: 0;
}
.pillar {
padding: 0;
}
.tf__footer_content  hr{
background-color: #fff;
}
.popup_message_subscribe {
color: red;
position: absolute;
letter-spacing: 1.6px;
font-family: "Poppins", Sans-serif;
line-height: 1.2;
margin: 10px;
}
p#message {
    padding: 0;
    height: calc(0.5em + 0.75rem + 3px);
    width: 100%;
}



/* -------------------------------------------------- Media___1024px -------------------------------------------------- */


@media (min-width: 800px) and (max-width: 1024px){
.handle {
    flex-direction: row
}
.pillar {
    max-width: 100%;
}

.social_link {
    padding-bottom: 30px;
}



}
/* -------------------------------------------------- Media___912px -------------------------------------------------- */


@media (min-width: 800px) and (max-width: 912px){


.flex-container {
    width: 35% !important;
}

}

/* -------------------------------------------------- Media___1200px -------------------------------------------------- */


@media only screen and (max-width: 1280px) {
    .text-content {
    margin-left: 0px;
    }

    .tf__footer_content{
      margin: 30px auto;
    }

    .flex-container {
        width: 25%;
    }

}

/* -------------------------------------------------- Media___540px -------------------------------------------------- */


@media (min-width: 481px) and (max-width: 540px){
      
.flex-container {
    width: 35% !important;
}

}


/* -------------------------------------------------- Media___768px -------------------------------------------------- */


@media (min-width: 481px) and (max-width: 769px){
.handle {
    flex-direction: row;
}
.pillar {
    max-width: 100%;
}

.social_link {
    padding-bottom: 30px;
}

      .fa-map-marker:before{
      margin-top: 0;
      }




}



/* -------------------------------------------------- Media___480px -------------------------------------------------- */



@media only screen and (max-width: 480px){
.xs_pt_80 {
/*     padding-top: 80px !important; */
}
.tf__footer_content .footer_logo {
width: 50%;
}
.tf__footer_content h3 {
}
.tf__footer_content {
margin-bottom: 0;
text-align: center;
}
ul.social_link.d-flex.flex-wrap {
justify-content: center;
margin-bottom: 20px;
}
.tf__footer_location p {
padding-left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.tf__footer_bottom {
margin-top: 0;
justify-content: center;
flex-direction: column;
}
.tf__footer_bottom p {
margin-bottom: 0;
}
.tf__footer_location p i {
position: absolute;
top: 0px;
left: 0;
font-size: 16px;
display: contents;
}
.tf__footer_bottom li a {
margin-left: 0;
margin-bottom: 0;
}
.tf__footer_location p span {
margin-left: 10px;
}
.handle {
display: flex;
flex-direction: column;
gap: 20px;
}
.tf__footer_content hr{
background-color: #fff;
width: 40%;
display: inline-flex;
margin-top: 0;
}

.fa-map-marker:before {
/* margin-top: -64px; */
}


.tf__footer_bottom ul{
    margin-bottom: 0;
}   

.legal {
    align-items: center;
}  

.flex-container {
    width: 50%;
} 


.vertical-line {
    width: 2px;
}
}