@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

body {
	/* background-color: rgb(28, 30, 34); */
	font-family: "Manrope", Sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 32px;
    color: #DDDDDD;
}
.octf-mainbar-row .octf-col.logo-col {
	flex-grow: initial;
}
.site-logo img {
	max-width: 114px;
}
.main-navigation > ul > li > a{
	font-family: "Manrope", Sans-serif;
    font-size: 16px;
    color: #fff;
}
.main-navigation > ul > li > a:hover, .main-navigation > ul > li.current-menu-item > a, .main-navigation > ul > li.current-menu-ancestor > a {
	color: #DE976E;
}
.main-navigation ul li li a:hover, .main-navigation ul ul li.current-menu-item > a, .main-navigation ul ul li.current-menu-ancestor > a {
	background-color: #DE976E;
}
.main-navigation>ul>li>a:before {
	bottom: 28px;
}
.octf-search .search-form .search-submit {
	background-color: #DE976E;
}
.octf-sidepanel {
	padding: 7px 16px;
    background-color: #FFFFFF33;
    border-radius: 50% 50% 50% 50%;
    margin-left: 40px;
}
.panel-btn i, .mmenu-toggle button {
	color: #fff;
}
.panel-btn i:before {
	font-size: 18px;
}
.side-panel .side-panel-block {
	background-color: #ffffff;
}
.side-panel .side-panel-close {
	color: #292B2E;
    background: transparent;
}
.side-panel-content {
	padding: 0px 35px 0px 75px;
}
.side-panel-logo img {
	width: 166px;
}
.side-panel-content p {
    color: #585756;
    font-family: "Manrope", Sans-serif;
    font-weight: 500;
}
.side-panel-content .author-widget_social a {
	background-color: #EFEEED;
	color: #DE976E;
}
.side-panel-content .author-widget_social a:hover {
	color: #fff;
	background-color: #DE976E;
}
.side-panel-content .insta-item {
	margin-right: 9px;
}
.side-panel-adress {
	margin-right: 100px;
}
.side-pannel-phone {
    margin-bottom: 0px;
    font-family: "Manrope", Sans-serif;
    font-size: 18px;
    color: #292B2E;
    font-weight: 500;
    line-height: 32px;
}
.side-pannel-mail {
	margin-bottom: 0px;
    font-family: "Manrope", Sans-serif;
    font-size: 18px;
    color: #292B2E;
    font-weight: 500;
    line-height: 32px;
}
.side-pannel-mail:hover, .side-pannel-phone:hover {
	color: #DE976E;
}
.top-sec {
	background-image: url(../images/home7_bg1.png);
    background-color: rgba(14, 13, 13, 0.8);
  background-blend-mode: overlay;
	background-position: top center;
	background-repeat: no-repeat;
}
.ot-heading__sub {
    margin-bottom: 5px;
    color: #ffc001;
    font-family: "Red Hat Display", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
}
.ot-heading__title {
    color: #FFFFFF;
    font-family: "Manrope", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 64px;
}
h1.ot-heading__title {
    font-size: 72px;
    font-weight: 700;
    line-height: 86px;
}
.ot-icon-list-wrapper .ot-icon-list-item {
    color: #FFFFFF;
    font-family: "Manrope", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 0;
}
.ot-icon-list-wrapper .ot-icon-list-icon {
    margin-right: 20px;
    font-size: 13px;
}
.ot-icon-list-wrapper .ot-icon-list-icon svg {
	fill: #ffffff;
}
.ot-icon-list-wrapper .ot-icon-list-item:hover a, .ot-icon-list-wrapper .ot-icon-list-item:hover svg {
	color: #ffc001;
	fill: #ffc001;
}
.style-auto a.link-content-wrapper {
    align-items: flex-end;
    color: #FFFFFF;
    font-family: "Manrope", Sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
}
.style-auto .link-content-wrapper .link-text {
	margin-right: 20px;
}
.style-auto a.link-content-wrapper:hover {
    color: #ffc001;
}
.style-auto .link-content-wrapper .link-icon svg, .style-auto .link-content-wrapper .link-icon i {
	transition: none;
}
hr {
	background-color: #FFFFFF80;
	margin: 0;
}
.portfolio-box .link-content-wrapper {
    align-items: flex-end;
    color: #FFFFFF;
    font-family: "Manrope", Sans-serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 44px;
} 
.portfolio-box .link-content-wrapper:hover {
	color: #ffc001;
}
.portfolio-box .link-content-wrapper .link-icon svg, .portfolio-box .link-content-wrapper .link-icon i {
	transition: none;
}
.portfolio-box .link-content-wrapper .link-icon {
	margin-bottom: 8px;
}
.ot-acc-item {
	background-color: transparent;
	border-color: #FFFFFF33;
}
.ot-acc-item.current .ot-acc-item__title, .ot-acc-item:hover .ot-acc-item__title {
	color: #ffc001;
}
.ot-acc-item__title {
	font-family: "Manrope", Sans-serif;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
}
.ot-acc-item:last-child {
    border-bottom: 1px solid #FFFFFF33;
}
.award {
	background-image: url(../images/home7_bg3.jpg);
	background-attachment: fixed;
	background-position: center center;
}
.award-info{
    color: #FFFFFF;
    font-family: "Manrope", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
}
.skill {
	background-image: url(../images/home7_bg4.png);
	background-attachment: fixed;
}
.ot-progress-circle .ot-progress-percent {
	font-family: "Manrope", Sans-serif;
    font-weight: 500;
    color: #fff;
}
.ot-progress-circle .ot-progress-title {
	font-family: "Manrope", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    color: #FFFFFFCC;
}
.ot-progress-circle__inner:after {
	border-color: #FFFFFF80;
}
.blog {
	background-image: url(../images/home7_bg5.png);
}
.post-box .post-inner {
	background-color: transparent;
}
.post-box .entry-meta {
	color: #BABABA;
    font-family: "Manrope", Sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 14px;
    text-transform: capitalize;
}
.post-box .entry-meta a {
	color: #BABABA;
}
.post-box .entry-meta a:hover {
	color: #ffc001;
}
.post-box .entry-meta.meta-s2 span:not(:first-child) a {
	border: none;
}
.post-box .entry-meta.meta-s2 .cate {
	border-left: 1px solid #BABABA;
}
.blog-grid .post-box .entry-meta > span:not(:last-child) {
	margin-right: 8px;
}
.post-box .entry-meta a {
	padding-left: 13px;
}
.blog-grid .post-box .entry-title {
	color: #FFFFFF;
    font-family: "Manrope", Sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 0;
}
.blog-grid .post-box .entry-title a {
	color: #fff;
}
.blog-grid .post-box .entry-title a:hover {
	color: #ffc001;
}
.blog-grid .post-box .entry-media.post-cat-abs {
	margin-bottom: 10px;
}
.post-box .entry-media.post-cat-abs .entry-meta {
	margin-top: 30px;
}
.divider-blog {
	background-color: #FFFFFF1A;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 1px;
}
.inner-post .the-excerpt {
	color: #BABABA;
    font-family: "Manrope", Sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 32px;
}
.wpcf7 .form-home-7 p{
    margin-bottom: 38px;
}
.wpcf7 .form-home-7 p:last-child{
    margin-bottom: 0;
}
.wpcf7 .form-home-7 .field-label{
    display: block;
    font-family: "Manrope";
    font-size: 14px;
    font-weight: 300;
    color: rgba(221,221,221,0.5);
    line-height: 1;
    margin-bottom: 12px
}
.wpcf7 .form-home-7 input,
.wpcf7 .form-home-7 textarea{
    font-family: "Manrope";
    font-size: 16px;
    color: #dddddd;
    font-weight: 500;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    border-radius: 0;
    padding: 0 20px 23px 0;
    width: 100%;
    background-color: transparent!important;
}
.wpcf7 .form-home-7 textarea{
    display: inline-block;
    height: 105px;
}
.wpcf7 .form-home-7 input:focus,
.wpcf7 .form-home-7 textarea:focus,
.wpcf7 ::-webkit-input-placeholder{
    color: #dddddd;
}
.wpcf7 .form-home-7 .octf-btn{
    font-family: "Manrope";
    color: #ffc001;
    font-size: 24px;
    font-weight: 600;
    padding: 0;
    width: auto;
    background-color: transparent;
    border-radius: 0;
}
.wpcf7 .form-home-7 .octf-btn i:before{
    font-size: 20px;
    margin-left: 23px;
}
.cinfo-block .ot-title-link h5 {
    font-family: "Manrope", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 48px;
}
.cinfo-block .ot-title-link h5 a {
	color: #fff;
}
.cinfo-block .title-link {
    background-size: 100% 1px;
}
.cinfo-block p {
	margin-bottom: 0;
}
.cinfo-block h6 {
    color: #ffc001;
    font-family: "Manrope", Sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.cinfo-block .ot-icon-list-items .title-link {
	background-size: 0 1px;
}
.cinfo-block .ot-icon-list-items .title-link:hover {
	background-size: 100% 1px;
}
.cinfo-block .ot-icon-list-wrapper .ot-icon-list-item {
	line-height: 32px;
}
.copyright-text {
	color: #DDDDDD;
    font-family: "Manrope", Sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}
.privacy a {
	justify-content: flex-end;
    color: #DDDDDD;
    font-family: "Manrope", Sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}
#back-to-top {
	background-color: #ffc001;
    
}

/*======== ABOUT US ======*/
.abt-text{
    display: flex;
   align-items: center;
   justify-content: center;
   font-family: "Manrope", Sans-serif;

  }
  
  .abt-img {
    height: auto;
   
  }
  .abt-img img {
    width: 320rem;

    /* position: static; */
  }
  
  
  
   .abt-text h2{
    font-size: 16px;
    color: white;
  
   }
  
  .abt-text p{
    width: auto;
    flex-wrap: wrap;
    line-height: 1.8;
    padding-right:0px;
    font-size: 16px;  
  
  }
  .dropdown {
	position: relative;
    width: auto;
   
}

.dropdown-preview {
    font-family: "Manrope", Sans-serif;

	/* padding: 10px; */
	color: #ffffff;
	height: 260px; /* adjust the height to show a small preview */
	overflow: hidden;
	text-overflow: ellipsis;
}

.dropdown-header {
	
    color: #ffc001;
	cursor: pointer;
}

.dropdown-content {
    font-family: "Manrope", Sans-serif;

	display: none;
	overflow: hidden;
	/* padding: 10px; */

}

.dropdown-content.show {
	display: block;
    transition: transform 1s ease-in-out;

}
  
   /* OneDrive */

.lightville{
    background: url(../images/lightville.jpg)  no-repeat center
      center/cover;
      background-color: rgba(14, 13, 13, 0.6); /* Adjust the RGB values and alpha (0.5 for 50% transparency) */
  background-blend-mode: overlay;
    height: 600px;
    color: #fff;
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-self: center;
    font-family: "Manrope", Sans-serif;

  }

  
  
  .lightville-content {
    /* width: 450px; */
    padding: 10px 0 0 10px;
  }
  
  .lightville-content h2 {
    margin-bottom: 10px;
    color: #FFFFFF;
  }
  
  .lightville button {
    margin-top: 15px;
    padding: 10px;
    font-size: 15px;
    font-weight: bold;
    background-color:#ffc001;
    color: #ffc001;
    border: none;
    cursor: pointer;
    width: 200px;
    border-radius: 30px;
    height: 60px;
  }



  .lightville  a {
    text-decoration: none;
    color: #1C1E22;
  }



/* jjjjjjjjjjjjjjj */



  .container-h {
    position: relative;
    height: 100vh;
    background: url(../images/home7_nav.png)  no-repeat center
    center/cover;
    background-color: rgba(14, 13, 13, 0.1); /* Adjust the RGB values and alpha (0.5 for 50% transparency) */
background-blend-mode: overlay;
    /* max-width: 1700px; */
    /* margin-left: 200px; */
  }
  .menu-btn{
    position: absolute;
    right: 10%;
    top: 20px;
    z-index: 2;
    cursor: pointer;
    color: white;
    display: none;
  }
  .menu-btn:hover{
    /* border: 2px dotted white; */
    border-radius: 5px;
  }
  .container-h .hhhhhhh {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: auto;
padding-top: 20px;
color: white;
/* background-color: #292B2E; */
z-index: 999;

    /* margin-bottom: 20px; */
    /* padding: 10px 10px ; */
/* width: 100%; */


  }
 
  .hhhhhhh ul li a {
    text-decoration: none;
    color: white;
  }
.hhhhhhh ul li a:hover{
    color: #ffc001;

}
  
  a
  {text-decoration: none;
}
 .hhhhhhh li {
    list-style: none;
  }
  
 .hhhhhhh img {
    width: 3rem;
    padding: 10px 0 0 10px;
    margin-top: 1px;
  }
 .hhhhhhh ul {
    display: flex;
    /* margin-left: 600px; */
  }
  .main-menu li {
    margin-left: 30px;
    padding-bottom: 5px;
  }
  .main-menu li:hover{
    border-bottom: #ffc001 2px solid;

  }

  
.nav-container{
    /* background-color: var(--primary); */
    width: auto;


}


.nav{
    display: flex;
    text-align: left;
    padding-top: 100px;
    margin-left: 100px;
}

.video-icon {
	position: relative;
}

.video-icon svg {
	animation: blink 1s infinite;
}

@keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.modal {
	display: none;
    position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
}

.modal iframe {
	width: 100%;
	height: 100%;
}


.nav-img img{
    width:700px;
    margin-top: 60px;
}
/* .contact-btn{
    width: 130px;
    background-color: #ffc001;
    padding: 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 20px;
    font-size: 15px;
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);


} */
.cont-btn{
    width: 120px;
    height: 40px;
    background-color: transparent;
    /* padding: 10px; */
    border: 2px #ffc001 solid ;
    /* border-radius: 5px; */
   
    cursor: pointer;
    /* margin-left:40px; */
    font-size: 15px;
box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
}




.cont-btn a{
    color: white;
    ;

}
/* .contact-btn a{
    color: var(--primary);

} */
.nav-text{
    font-family: "Manrope", Sans-serif;

    width: 600px;
   
}

.nav-text h3{
    font-family: "Manrope", Sans-serif;
    font-size: 28px;
    color: #ffc001;
    margin-top: 0;
}
.nav-text h4{
    font-size: 20px;
    color: #ffc001;
    margin-top: 0;

}
.nav p span{
    color: white;
}
.nav-text p{
    font-size: 16px;
    text-wrap: wrap;
    
}

main {
	display: flex;
	flex-direction: column;
	align-items: center;
    justify-content: flex-end;
	padding: 20px;
}

.booking-form {
	width: 30%;
	margin: 0 auto;
	padding: 20px;
    background: transparent;
	/* border: 1px solid #ddd; */
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.booking-form h2{
	color: #fff;
    font-size: 20px;
}
.calendar-view {
	width: 50%;
	margin: 0 auto;
	padding: 20px;
    background: transparent;
	/* border: 1px solid #ddd; */
    color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.calendar-view h2{
	color: #fff;
    font-size: 20px;
}
.reservation-status {
	width: 50%;
	margin: 0 auto;
	padding: 20px;
    background: transparent;
	/* border: 1px solid #ddd; */
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
label {
	display: block;
	margin-bottom: 10px;
}

input[type="text"], input[type="email"], input[type="date"], input[type="time"] {
    font-family: "Manrope";
    font-size: 16px;
    color: #dddddd;
    font-weight: 500;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    border-radius: 0;
    padding: 0 20px 23px 0;
    width: 100%;
    background-color: transparent!important;

}

input[type="submit"] {
	background-color: #ffc001;
	color: #fff;
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

input[type="submit"]:hover {
	background-color: #3e8e41;
}

.success-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	max-width: 400px;
	margin: 40px auto;
	border-radius: 5px;
	padding: 20px;
	background-color: #fff;
	/* border: 1px solid #ddd; */
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.success-container h2 {
	color: #333;
	margin-bottom: 10px;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
}

.success-container p {
	margin-bottom: 20px;
    text-align: center;
	color: rgba(0, 0, 0, 0.7);

}

.success-container button {
	background-color: transparent;
	color: rga(0, 0, 0);
	padding: 3px 3px;
	border: none;

	border-radius: 5px;
	cursor: pointer;
}


.good-sign-icon {
    width: 100px;
    display: flex;

    align-items: center;
  
    justify-content: center;
    height: 100px;
    background-color: #2ecc71; /* green color */
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    color: #fff; /* white color for the icon */
  }
  
  .good-sign-icon i {
    font-size: 60px;
  }



  .video-section {
	max-width: 100%;
	margin: 0 auto;
	padding: 20px;
	text-align: left;
	display: flex;
	/* flex-direction: row; */
	flex-wrap: wrap;
	justify-content: center;
}

.video-container {
	margin: 20px;
	width: 20%;
    height: 290px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* background-color: white; */
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
}
.video-container small{
    font-size: 13px;
    color: #ffc001;
    text-wrap: wrap;
    line-height: 1.1;
    /* margin-top: 5px;  */
    margin-bottom: 50px;
    color: #ffc001;
}


.video-container h2 {
	/* margin-top: 16px; */
    font-size: 16px;
    color: #ffc001;
    text-wrap: wrap;
    line-height: 1.3;


}

.video-section p {
	margin-bottom: 10px;
    font-size: 16px;
    color: #fff;
}

.more-button {
	background-color: transparent;
	color: #fff;
	padding: 10px 20px;
	border: none;
	/* border-radius: 5px; */
	cursor: pointer;
}

.more-button:hover {
	color: #ffc001;
}

.vid-btn{
    display: flex;
	/* flex-direction: row; */
	flex-wrap: wrap;
	justify-content: center;
    align-items: center;
}
.vid-btn button {
    margin-top: 15px;
    padding: 10px;
    font-size: 15px;
    font-weight: bold;
    background-color:#ffc001;
    color: #ffc001;
    border: none;
    cursor: pointer;
    width: 200px;
    border-radius: 30px;
    height: 60px;
  }

  .you-click{
    display: flex;
    /* flex-direction: ; */
    justify-content: center;
    align-items: center;
  }
  .you-click button {
    margin-top: 15px;
    padding: 10px;
    font-size: 15px;
    font-weight: bold;
    background-color:#ffc001;
    color: white;
    border: none;
    cursor: pointer;
    width: 200px;
    border-radius: 30px;
    height: 60px;
  }
  .you-click a{
    text-decoration: none;
    color: white;
    font-size: 16px;
}




.modal {
    display: none;
    /* position: absolute; */
    z-index: 9999;
    left:  0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  /* Style the modal content */
  .modal-content {
    background-color: #fefefe;
    margin: 6% auto;
    padding: 20px;
    /* border: 1px solid #888; */
    width: 40%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    position: relative;
  }
  
  /* Style the close button */
  .modal-content button {
    color: white;
    padding: 0px 10px;
    border: none;
    border-radius: 60px;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    background-color: #000;
  }
  
  .ti-close{
    display: flex;
    align-items: center;
    justify-content: space-between;
    outline: none;
    font-weight: bold;  
  }
  button:focus {
    outline: none;
    box-shadow: none;
  }
  
  .ti-close h3{
    font-size: 16px;
    line-height: 1.6;
    outline: none;
    font-weight: bold;
    width: 70%;
    text-wrap: wrap;
  }
  .ti-close button{
   
  }
  
  
  .video-player {
    position: relative;
     /* adjust to your needs */
    /* border:  1px solid black; */
  } 
  
  .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    cursor: pointer;
    color: white;
  }
  
  .play-icon:before {
    content: "\25B6"; /* play icon */
  }

  video {
	width: 100%;
    border-radius: 6px;
	height: auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

  .timer {
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    font-size: 16px;
  }


  
@media (min-width: 1200px){
	.pr-xl-200 {
		padding-right: 200px;
	}
    
}
@media (min-width: 992px){
	.mt-lg--30 {
		margin-top: -30px;
	}


}
@media (max-width: 991px){
	.top-sec {
		background-position: center center;
		background-size: cover;
	}
    .container-h .hhhhhhh {
        display: flex;
        justify-content: flex-start;
      
    
    
      }
      .hhhhhhh img{
        margin-left: 90px;
      }
      /* Calendly */

    /* .container-h .calendly2{
        width: 330px;
        height: 330px;
    } */
    
/* .container-h .calendly2 .sch-btn{
    background-color: #1C1E22;
    padding: 6px;
    color: white;
    border-radius: 60px;
    margin-bottom: 20px;
    text-align: center;
} */
/* .container-h  .calendly{
    position: absolute;
    width: 200px;
    height: 520px;
    top:1000px;
    background-color:#ffc001 ;
}
.container-h .calendly2 p{
    font-weight: 700;
    line-height: 1.8;
font-size: 20px;


} */

.hhhhhhh{
    z-index: 999;
  }
  .hhhhhhh .main-menu {
    margin-top: 50px;
    display: block;
    position: absolute;
    top: 3px;
    left: 0px;
    background:#1C1E22;
    width: 100%;
    filter: blur(0.6);
    height: 100vh;
    /* border-right: #ccc 1px solid; */
    opacity: 0.9;
    padding: 30px;
    transform: translateX(-1000px);
    transition: transform 1s ease-in-out;
    /* scroll-behavior: smooth; */
    z-index: 999;

   } 
   .hhhhhhh .main-menu.show{
transform: translateX(0px);
   }
   .hhhhhhh ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    padding-left: 0;
   }

   .hhhhhhh .menu-btn{
    color: white;
    display: block;

   }
   .main-menu li {
   margin-bottom: 20px;
    padding-bottom: 5px;
    font-size: 20px;
  }
  .cont-btn{
    display: none;
  }
  .hhhhhhh ul li a:hover{
    color: none;

}
.main-menu li:hover{
 border-bottom: none;

  }

  .video-container {
    /* margin: 2px; */
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* background-color: white; */
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    height: 280px;
    margin-bottom: 20px;
    transition: transform 0.3s ease;

}
.video-container small{
    font-size: 14px;
    text-wrap: wrap;
    line-height: 1.1;
    /* margin-top: 5px; */
    margin-bottom: 5px;
    color: #ffc001;
}
.modal-content {
    width: 90%;
  }
    
}
@media (max-width: 767px){
	h1.ot-heading__title {
	    font-size: 48px;
	    line-height: 62px;
	}
	.cinfo-block .ot-title-link h5 {
		font-size: 20px;
	}

    /*======== ABOUT US ======*/
.abt-text{
    display: flex;
    flex-direction: column;
  }
  
  .abt-img {

    height: auto;
   
  }
  .dropdown  {
	
    width: 100%;
   
}
.abt-text .dropdown p{
    /* width: 300px; */
    padding-left: 0;
  
  }

  /* ======== Heade and Nav  ========== */
  .hhhhhhh{
    z-index: 999;
  }

  .container-h .hhhhhhh {
    display: flex;
    justify-content: flex-start;
  


  }
  .hhhhhhh img{
    margin-left: 20px;
  }
  .hhhhhhh .main-menu {
    margin-top: 50px;
    display: block;
    position: absolute;
    top: 3px;
    left: 0px;
    background:#1C1E22;
    width: 100%;
    filter: blur(0.6);
    height: 100vh;
    /* border-right: #ccc 1px solid; */
    opacity: 0.9;
    padding: 30px;
    transform: translateX(-1000px);
    transition: transform 1s ease-in-out;
    /* scroll-behavior: smooth; */
    z-index: 999;

   } 
   .hhhhhhh .main-menu.show{
transform: translateX(0px);
   }
   .hhhhhhh ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    padding-left: 0;
   }

   .hhhhhhh .menu-btn{
    color: white;
    display: block;

   }
   .main-menu li {
   margin-bottom: 20px;
    padding-bottom: 5px;
    font-size: 20px;
  }
  .cont-btn{
    display: none;
  }
  .hhhhhhh ul li a:hover{
    color: none;

}
.main-menu li:hover{
 border-bottom: none;

  }
  .nav-container .nav{
    margin-left: 0px;

  }
  .nav .nav-text{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: 130px;
}
.nav-text{
    width:auto;
   
}

.nav-text h3{
    font-size: 28px;
    color: #ffc001;
    margin-top: 0;
}
.nav-text h4{
    font-size: 20px;
    color: #ffc001;
    margin-top: 0;

}
.nav p span{
    color: white;
}
.nav-text p{
    font-size: 16px;
    text-wrap: wrap;
    display: none;
    
}
.dropdown .dropdown-preview {
	
	height: 470px; /* adjust the height to show a small preview */
	
}
/* video Section */


 
    .modal-content {
        width: 90%;
      }

      .video-section {
		padding: 10px;
	}
	video {
		width: 100%;
		height: auto;
	}
	.more-button {
		padding: 5px 10px;
	}
	/* .video-container {
		width: 50%;
	} */

    .video-container {
        /* margin: 2px; */
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* background-color: white; */
        padding: 10px;
        border-radius: 5px;
        border: 1px solid #ffffff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        height: 270px;
        margin-bottom: 20px;
        transition: transform 0.3s ease;
    
    }
    .video-container small{
        font-size: 14px;
        text-wrap: wrap;
        line-height: 1.1;
        /* margin-top: 5px; */
        margin-bottom: 5px;
        color: #ffc001;
    }
    /* Calendly */

   .cinfo-block .calendly2{
       margin-bottom: 20px;
        padding: 10px;
    }

    /* .cinfo-block .calendly2 .sch-btn{
        background-color: #1C1E22;
        padding: 6px;
        color: white;
        border-radius: 60px;
        margin-bottom: 20px;
        text-align: center;
    }
    .cinfo-block  .calendly{
        width: 200px;
        height: 520px;
        background-color:#ffc001 ;
    }
    .cinfo-block .calendly2 p{
        font-weight: 300;
        line-height: 1.2;
    font-size: 13px;

    
    } */
    .cinfo-block .cal-soc{
        display: flex;
        flex-direction: column;
        margin-left: 1px;
    }
    
}




/* Calendly */
.cal-soc{
    display: flex;
    flex-direction: row;
    margin-left: 1px;
}
.calendly{
    position: absolute;
    width: 200px;
    height: 600px;
    top:40%;
    background-color:#ffc001 ;
    display: none;
}
.calendly2{
    /* position: absolute; */
    width: 250px;
    height: auto;
    background-color:#ffc001 ;
    left:70%;
    /* top: 300px; */
    padding: 10px;
}

.calendly2 .sch-btn{
    background-color: #1C1E22;
    padding: 6px;
    color: white;
    border-radius: 60px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
}
.calendly2 p{
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;

}

.calendly2 a{
    text-decoration: none;
    color: white;
    font-size: 16px;
}
.calendly2 a:hover{
    color: none;
}

/* Blog */

.blog-grid-1{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    grid-gap:30px;
    
}

article .post-title h3{
    font-size: 25px;
    line-height: 1.3;
}
article .post-title h3 a{
    text-decoration: none;

}
article .post-title h3 a:hover{
color: gold;
}

article .post-more:hover
{
color: #fff;
background-color: #1C1E22;
border-radius: 30px;
padding:5px 10px ;
transition: transform 5s ease-in
}
article .post-more a{
    text-decoration: none;

}