@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&family=Syncopate:wght@400;700&display=swap');
*,:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}



:root {
  --animation-duration-horizontal: 1s;
  --animation-duration-vertical: 1s;
  --animation-delay: 1s;
}

body,html{
    font-size:100%;
    padding:0;
    margin:0;
    overflow-x:hidden;
    
  -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
     -o-font-smoothing:antialiased;
    
    
    
} 


.text-center {
    text-align: center;
}


h1 {
    font-family: 'Syncopate', sans-serif;
    font-size: 4.5em;
    color:#fff;
    font-weight: 700;
}


.info h1 {
    font-family: 'Syncopate', sans-serif;
    font-size: 1em;
    color:#fff;
    font-weight: 700;
}



h4 {
    font-family: 'Syncopate', sans-serif;
    font-size: 1.8em;
    color:#fff;
    line-height: 1.6em;
    font-weight: 700;
}



h5 {
    font-family: 'Syncopate', sans-serif;
    font-size: 1.2em;
    color:#fff;
    font-weight:400;
    padding-top: 0.4em;
}


h6 {
    font-family: 'Syncopate', sans-serif;
    font-size: 1.1em;
    color:#fff;
    font-weight:700;
    padding-top: 0.4em;
    letter-spacing: 2px;
}

p{
    font-family: 'Poppins', sans-serif;
     font-size: 1em;
    color:#fff;
    line-height: 2em;
    font-weight: 400;
}

.main-wrapper {
    background-color: #0A010C;
    padding-top: 3em;
    padding-bottom: 3em;
}

.content-wrapper {
    width: 75%;
    margin: 0 auto;
    padding-top: 0em;
}

.my-margin {
    margin-top: 7em;
}




.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}

/*****NAVBAR******/

.my-nav {
  background:url(../images/navbar-bg.jpg) repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
  border-radius: 20px; 
    z-index: 1000;
      width: 78%;
    margin: 0 auto 0 auto;
    padding:0.2em 0.3em;
}



.my-nav img {
    height: 55px;
    width: auto;
}

.navbar {
    transition: all 0.4s;
}


.navbar .nav-link {
     color: #555;
  font-size:1em;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
     color: #555;
    text-decoration: none;
    font-size:1em;
 font-weight: 400;
  font-family: 'Poppins', sans-serif;
}

.navbar .navbar-brand {
     color: #555;
}


/* Change navbar styling on scroll */
.navbar.active {
    background: #fff;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
    
}

.navbar.active .nav-link {
    color: #555;
}

.navbar.active .nav-link:hover,
.navbar.active .nav-link:focus {
    color: #555;
    text-decoration: none;
}

.navbar.active .navbar-brand {
    color: #555;
}


.nav-btn {
    background-color:#0A010C;
   border: #fff 2px solid;
    border-radius: 40px;
    padding: 0.9em 1.5em;
    font-family: 'Poppins', sans-serif;
    color:#DAED00;
    text-decoration: none;
    transition: 0.4s;
    font-weight: 400;
}



.nav-btn a img {
    width: 45px;
    height: auto;
    padding-left: 0.6em;
   
}


.nav-btn:hover  {
     background-color:#0A010C;
   border: #fff 2px solid;
    border-radius: 40px;
    padding: 0.9em 1.5em;
    font-family: 'Poppins', sans-serif;
    color:#DAED00;
    text-decoration: none;
    transition: 0.4s;
    font-weight: 400;
}

/*****END OF NAVBAR******/



/*****HERO******/

.showcase {
	height: 100vh;
    min-height: 500px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	padding: 0 20px;
}

.video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
     min-height: 500px;
	overflow: hidden;
	 background:url(../images/poster-1.jpg) repeat center top;
}

.video-container video {
	min-width: 100%;
	min-height: 100%;
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.video-container:after {
	content: '';
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
}

.content {
	z-index: 2;
   bottom:1em;
   
}



.content img{
    margin-top:30em;
}



.scroll-down {
	/*position: absolute;
	left: 50%;
	bottom: 10vh;
	display: block;*/
    margin-top: 7em;
    position: absolute;
    left: 50%;
	text-align: center;
	font-size: 20px;
	z-index: 100;
	text-decoration: none;
	text-shadow: 0;
	width: 55px;
	height: 55px;
	border-bottom: 4px solid #fff;
	border-right: 4px solid #fff;
	z-index: 9;
	-webkit-transform: translate(-50%, 0%) rotate(45deg);
	-moz-transform: translate(-50%, 0%) rotate(45deg);
	transform: translate(-50%, 0%) rotate(45deg);
	-webkit-animation: fade_move_down 2s ease-in-out infinite;
	-moz-animation: fade_move_down 2s ease-in-out infinite;
	animation: fade_move_down 2s ease-in-out infinite;
}


/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
 0% {
-webkit-transform:translate(0, -10px) rotate(45deg);
opacity: 0;
}
 50% {
opacity: 1;
}
 100% {
-webkit-transform:translate(0, 10px) rotate(45deg);
opacity: 0;
}
}
@-moz-keyframes fade_move_down {
 0% {
-moz-transform:translate(0, -10px) rotate(45deg);
opacity: 0;
}
 50% {
opacity: 1;
}
 100% {
-moz-transform:translate(0, 10px) rotate(45deg);
opacity: 0;
}
}
@keyframes fade_move_down {
 0% {
transform:translate(0, -10px) rotate(45deg);
opacity: 0;
}
 50% {
opacity: 1;
}
 100% {
transform:translate(0, 10px) rotate(45deg);
opacity: 0;
}
}


.desk-hero {
    display: block!important;
}


.mobile-hero {
    display: none!important;
}



/*****END OF HERO******/



/*****ABOUT ME******/
.home-carousel {
    padding: 4em;
}


 .carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}

/*****END OF ABOUT ME******/


/*****SERVICES******/

.service-bg {
    background: url(../images/service-bg.jpg) repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
    padding: 4em;
    border-radius: 50px;
    margin-bottom: 5em;
}


.service-details {
  border:#fff 2px solid;
  border-radius: 15px;
  padding: 1em;
  display: flex;
  flex-direction: row;
    justify-content:space-between;
    width: 100%;
    margin-top: 0.8em;
    align-items: center;
	
}


.service-details img {
   width: 45px;
    height: auto;
}





.service-bg  h6{
    text-align: center;
    font-size: 1em;
}

.service-bg h6 img {
    width: 40px;
    height: auto;
}

.service-bg  span {
    border-radius: 50px;
    border:#fff solid 2px;
    padding: 1.5em 2em;
    color:#0A010C!important;
   background:url(../images/get-quote-bg.jpg) repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
   
}


/*****END OF SERVICES******/


/*****PRODUCTIONS******/

.production  {
  padding: 2em;
}


.production a img{
    border-radius: 20px;
    transition: 3s;
}

.production a:hover{
    opacity: 0.6;
}


/*****END OF PRODUCTIONS******/


/*****COURSES******/

.course {
     background: url(../images/course-bg.jpg) repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 22em;
    width: 90%;
    padding: 4em 1.5em;
    border-radius: 30px;
    margin: 1em auto;
}

.course h4 {
    margin-bottom: 1em;
}

/*.course a {
    background-color: #fff;
    border-radius: 40px;
     font-family: 'Syncopate', sans-serif;
    font-size: 1.5em;
    color:#0A010C!important;
    font-weight: 700;
    padding: 1em 0.3em 1em 1em;
    text-decoration: none;
    transition:1s;
    
}


.course a:hover {
    background-color: rgba(255,255,255,0.6);
}

.course a img {
    width: 60px;
    height: auto;
    margin-left: 1.3em;
}*/


.course a img {
    width: 80%;
    height: auto;
}

/*****END OF COURSES******/




/*****CONTACT******/

.contact-modal h1 {
    font-family: 'Syncopate', sans-serif;
    font-size: 3.8em;
    color:#fff;
    font-weight: 700;
    text-align: right;
}

.contact-modal {
    border-right: #fff solid 2px;
    padding-right: 2em;
}

.contact-modal h6{
    text-align: right;
}

.contact-icon img {
    width: 40px;
    height: auto;
}

.contact-modal span {
    border-radius: 50px;
    border:#fff solid 2px;
    padding: 1.5em 2em;
    color:#0A010C!important;
   background:url(../images/get-quote-bg.jpg) repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
   
}


.contact-details {
    padding-left: 2em;
}

.contact-details a {
    
    border-radius: 50px;
    border:#fff solid 2px;
    padding: 1.5em 2em;
    color:#fff;
    text-decoration: none;
    
}


.contact-details ul {
    margin-top: 4em;
    padding-left: 0px!important;
}

.contact-details ul li {
    display: inline-block;
   
}


.social-icons li a {
    border:none!important;
    padding: 0.5em!important;
   
}


.social-icons img {
    width: 60px;
    height: auto;
}


.my-footer {
    border-top: #fff 2px solid;
    margin-top: 3em;
    padding-top: 1em;
}


.my-footer-left small {
     font-family: 'Syncopate', sans-serif;
    font-size: 1em;
    color:#fff;
    font-weight:400;
    letter-spacing: 2px;
    margin-top: 0.7em;
}


.my-footer-right small a {
     font-family: 'Syncopate', sans-serif;
    font-size: 1em;
    color:#fff;
    font-weight:400;
    letter-spacing: 2px;
    text-decoration: none;
    float: right;
    margin-top: 0.7em;
}



.quote-banner {
    background: url(../images/quote-bg.jpg) repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
    padding: 8em 2em;
    border-radius: 30px;
    margin-bottom: 2em;
}



.quote-banner h2 {
    font-family: 'Syncopate', sans-serif;
    font-size: 3em;
    color:#fff;
    font-weight:700;
    letter-spacing: 2px;
    text-align: center;
}


.modal-header {
    border-bottom: none!important;
}


.my-form label {
     font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
   
    color:#0A010C;
    font-weight:500;
    opacity: 0.8;
}


.my-form input {
     font-family: 'Poppins', sans-serif;
    font-size: 1em;
    color:#0A010C;
    font-weight:400;
    opacity: 0.8;
  border-radius: 0px;
}

.check-label label {
     font-family: 'Poppins', sans-serif;
    font-size: 0.9em;
    color:#0A010C;
    font-weight:400!important;
    opacity: 0.7!important;
}


.check-label input {
     font-family: 'Poppins', sans-serif;
    font-size: 1em;
    color:#0A010C;
    font-weight:400;
    opacity: 0.8;
    border-radius: 0px;
    margin-top: 0em!important;
}


.my-form textarea {
     font-family: 'Poppins', sans-serif;
    font-size: 1em;
    color:#0A010C;
    font-weight:400;
    opacity: 0.8;
    border-radius: 0px;
    
}



.quote-send2 input {
    background: #0A010C!important;
    width: 100%;
    border: none;
    opacity: 1!important;
    border-radius: 50px;
    padding: 15px 30px 10px 30px;
     font-family: 'Syncopate', sans-serif;
    color: #fff!important;
    font-size: 1.6em;
    font-weight: 700;
}






/*****END OF CONTACT******/









.heading {
    text-align: center;
    color: #454343;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    margin-bottom: 70px;
    text-transform: uppercase;
    z-index: 999;
}
.white-heading{
    color: #ffffff;
}
.heading:after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 40px;
    width: 180px;
    border-radius: 4px;
    transform: translateX(-50%);
    background: url(img/heading-line.png);
    background-repeat: no-repeat;
    background-position: center;
}
.white-heading:after {
    background: url(https://i.ibb.co/d7tSD1R/heading-line-white.png);
    background-repeat: no-repeat;
    background-position: center;
}

.heading span {
    font-size: 18px;
    display: block;
    font-weight: 500;
}
.white-heading span {
    color: #ffffff;
}
/*-----Testimonial-------*/

.testimonial:after {
    position: absolute;
    top: -0 !important;
    left: 0;
    content: " ";
    background: url(img/testimonial.bg-top.png);
    background-size: 100% 100px;
    width: 100%;
    height: 100px;
    float: left;
    z-index: 99;
}

.testimonial {
    min-height: 400px;
    position: relative;
    background: #160E18;
    padding-top: 50px;
    padding-bottom: 50px;
    background-position: center;
        background-size: cover;
    border-radius: 30px;
    width: 77%;
    margin: 0 auto;
}
#testimonial4 .carousel-inner:hover{
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#testimonial4 .carousel-inner:active{
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#testimonial4 .carousel-inner .item{
  overflow: hidden;
}

.testimonial4_indicators .carousel-indicators{
  left: 0;
  margin: 0;
  width: 100%;
  font-size: 0;
  height: 20px;
  bottom: 15px;
  padding: 0 5px;
  cursor: e-resize;
  overflow-x: auto;
  overflow-y: hidden;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}
.testimonial4_indicators .carousel-indicators li{
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  text-indent: 0;
  margin: 2px 3px;
  cursor: pointer;
  display: inline-block;
  background: #ffffff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators .active{
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  margin: 2px 3px;
  background-color: #9dd3af;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar{
  height: 3px;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{
  background: #eeeeee;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.testimonial4_control_button .carousel-control{
  top: 175px;
  opacity: 1;
  width: 40px;
  bottom: auto;
  height: 40px;
  font-size: 10px;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  line-height: 38px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  background: transparent;
  border: 2px solid #ffffff;
  text-transform: uppercase;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
  transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.testimonial4_control_button .carousel-control.left{
  left: 7%;
  top: 50%;
  right: auto;
}
.testimonial4_control_button .carousel-control.right{
  right: 7%;
  top: 50%;
  left: auto;
}
.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover{
  color: #000;
  background: #fff;
  border: 2px solid #fff;
}

.testimonial4_header{
  top: 0;
  left: 0;
  bottom: 0;
  width: 550px;
  display: block;
  margin: 30px auto;
  text-align: center;
  position: relative;
}
.testimonial4_header h4{
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.testimonial4_slide{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 80%;
  margin: auto;
  padding: 15px;
  position: relative;
  text-align: center;
}
.testimonial4_slide img {
    top: 0;
    left: 0;
    right: 0;
    width: 136px;
    height: 136px;
    margin: auto;
    display: block;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    /*box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);*/
}
.testimonial4_slide p {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    margin: 40px 0 20px 0;
}
.testimonial4_slide h4 {
  color: #ffffff;
  font-size: 20px;
}

.testimonial .carousel {
	padding-bottom:50px;
}
.testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {
    width: 35px;
    height: 35px;
}
/* ------testimonial  close-------*/


@media (max-width: 1399.98px) {

/*.course {
     background: url(../images/course-bg.jpg) repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
    padding: 2em 1em;
    border-radius: 25px;
    margin: 1em auto;
} 
    
.course h4 {
    font-family: 'Syncopate', sans-serif;
    font-size: 0.4em!important;
    color:#fff;
    line-height: 1.6em;
    font-weight: 700;
}
    
   
  
.course a {
    background-color: #fff;
    border-radius: 40px;
     font-family: 'Syncopate', sans-serif;
    font-size: 0.5em!important;
    color:#0A010C!important;
    font-weight: 700;
    padding: 1em 0.3em 1em 1em;
    text-decoration: none;
    transition:1s;
    
}


.course a:hover {
    background-color: rgba(255,255,255,0.6);
}

.course a img {
    width: 50px;
    height: auto;
    margin-left: 0.5em;
}
    */
    

.contact-modal h1 {
    font-family: 'Syncopate', sans-serif;
    font-size: 3em;
    color:#fff;
    font-weight: 700;
    text-align: right;
}
}



@media (max-width: 1199.98px) {
  
   .my-nav {
  background:url(../images/navbar-bg.jpg) repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
  border-radius:10px; 
    z-index: 1000;
      width: 85%;
    margin: 0 auto 0 auto;
    padding:0.2em 0.3em;
}
 
  .content-wrapper {
    width: 85%;
    margin: 0 auto;
    padding-top: 0em;
}  
    
 
h1 {
    font-family: 'Syncopate', sans-serif;
    font-size: 4em;
    color:#fff;
    font-weight: 700;
}
   
  
 .scroll-down {
	/*position: absolute;
	left: 50%;
	bottom: 10vh;
	display: block;*/
    margin-top: 4em;
    position: absolute;
    left: 50%;
	text-align: center;
	font-size: 20px;
	z-index: 100;
	text-decoration: none;
	text-shadow: 0;
	width: 35px;
	height: 35px;
	border-bottom: 4px solid #fff;
	border-right: 4px solid #fff;
	z-index: 9;
	-webkit-transform: translate(-50%, 0%) rotate(45deg);
	-moz-transform: translate(-50%, 0%) rotate(45deg);
	transform: translate(-50%, 0%) rotate(45deg);
	-webkit-animation: fade_move_down 2s ease-in-out infinite;
	-moz-animation: fade_move_down 2s ease-in-out infinite;
	animation: fade_move_down 2s ease-in-out infinite;
}

    
    

.contact-modal h1 {
    font-family: 'Syncopate', sans-serif;
    font-size: 2.5em;
    color:#fff;
    font-weight: 700;
}
    
    
.contact-modal {
    border-right: #fff solid 2px;
    padding-right:1em;
}




.contact-details {
    padding-left: 1em;
}    
    
    
    

}


@media (max-width: 991.98px) { 


h1 {
    font-family: 'Syncopate', sans-serif;
    font-size: 3.8em;
    color:#fff;
    font-weight: 700;
}

    
.contact-modal h1 {
    font-family: 'Syncopate', sans-serif;
    font-size: 3.2em;
    color:#fff;
    font-weight: 700;
    text-align: left;
}
.contact-modal h6{
    text-align: left;
}    
    
.contact-modal {
    border-right: none;
    padding-right:0em;
}




.contact-details {
    padding-left: 0em;
}    
        
  .course a img {
    width: 50%;
    height: auto;
}   
           
    


}



@media (max-width: 767.98px) {
    
    
 .my-nav {
  background:url(../images/navbar-bg.jpg) repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
  border-radius: 10px; 
    z-index: 1000;
      width: 95%;
    margin: 0 auto 0 auto;
    padding:0.2em 0.9em;
}   
    
 .main-wrapper {
    background-color: #0A010C;
    padding-top: 1em;
    padding-bottom: 1em;
}

  
    
.desk-hero {
    display: none!important;
}


.mobile-hero {
    display: block!important;
}


  .carousel-item2 {
  height: 100vh;
  min-height: 700px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.showcase-mobile {
	height: 100vh;
    min-height: 700px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	padding: 0.5em;
}


.carousel .background.a {
  background-image:url(../images/slide-1.jpg);
}
.carousel .background.b {
  background-image:url(../images/slide-2.jpg);
}
.carousel .background.c {
  background-image:url(../images/slide-3.jpg);
}

.carousel .background.d {
  background-image:url(../images/slide-4.jpg);
}





.video-container-mobile {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    min-height:700px;
	overflow: hidden;
     background: var(--primary-color)
   /* url("./https://traversymedia.com/downloads/cover.jpg") no-repeat center
    center/cover*/;
}

.video-container-mobile .mycarousel {
	min-width: 100%;
	min-height:600px;
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.video-container-mobile:after {
	content: '';
	z-index: 1;
	height:100%;
    min-height:700px;
	width: 100%;
	top: 0;
	left: 0;
	background-image: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));
	position: absolute;
   
}

.content-mobile {
	z-index: 2;
    width: 100%;
    height: auto;
    min-height:600px;
      
}  
    
    

    
 .content-mobile h1 {
    /* font-family: 'Sofiapro-Bold', sans-serif;  
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size:350%;*/
     font-weight: 700;
    font-size: 4.5em; 
    letter-spacing: 1px;
    color:#fff;
    text-align:center;
     margin-top: 0.2em;
}

.content-mobile h6 {
    /*font-family: 'Calaya-Regular', sans-serif;
    font-weight: 500;
    font-size:300%;*/
    letter-spacing: 2px;
    color:#fff;
    text-align:center;
    margin-top:4.5em; 
    font-size: 1.7em;
}



.scroll-down {
	/*position: absolute;
	left: 50%;
	bottom: 10vh;
	display: block;*/
     position: absolute;
    left: 50%;
    margin-top: 4em;
	text-align: center;
	font-size: 20px;
	z-index: 100;
	text-decoration: none;
	text-shadow: 0;
	width: 35px;
	height: 35px;
	border-bottom: 4px solid #fff;
	border-right: 4px solid #fff;
	z-index: 9;
	-webkit-transform: translate(-50%, 0%) rotate(45deg);
	-moz-transform: translate(-50%, 0%) rotate(45deg);
	transform: translate(-50%, 0%) rotate(45deg);
	-webkit-animation: fade_move_down 2s ease-in-out infinite;
	-moz-animation: fade_move_down 2s ease-in-out infinite;
	animation: fade_move_down 2s ease-in-out infinite;
}


/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
 0% {
-webkit-transform:translate(0, -10px) rotate(45deg);
opacity: 0;
}
 50% {
opacity: 1;
}
 100% {
-webkit-transform:translate(0, 10px) rotate(45deg);
opacity: 0;
}
}
@-moz-keyframes fade_move_down {
 0% {
-moz-transform:translate(0, -10px) rotate(45deg);
opacity: 0;
}
 50% {
opacity: 1;
}
 100% {
-moz-transform:translate(0, 10px) rotate(45deg);
opacity: 0;
}
}
@keyframes fade_move_down {
 0% {
transform:translate(0, -10px) rotate(45deg);
opacity: 0;
}
 50% {
opacity: 1;
}
 100% {
transform:translate(0, 10px) rotate(45deg);
opacity: 0;
}
}    
    
    
.home-carousel {
    padding: 1em;
}
    
.my-footer-left small {
     font-family: 'Syncopate', sans-serif;
    font-size: 0.8em;
    color:#fff;
    font-weight:400;
    letter-spacing: 1px;
    margin-top: 0.7em;
}


.my-footer-right small a {
     font-family: 'Syncopate', sans-serif;
    font-size: 0.8em;
    color:#fff;
    font-weight:400;
    letter-spacing: 1px;
    text-decoration: none;
    float: left;
    margin-top: 0.7em;
}
    
    
 .production  {
  padding: 1em;
}   
    
    

}



@media (max-width: 575.98px) { 
    
.my-nav img {
    height: 50px;
    width: auto;
}
    
    
    
h1 {
    font-family: 'Syncopate', sans-serif;
    font-size: 2em;
    color:#fff;
    font-weight: 700;
}

h4{
    font-family: 'Syncopate', sans-serif;
    font-size: 1.6em;
    color:#fff;
    font-weight: 700;
    line-height: 1.2em;
}
    
    

h6 {
    font-family: 'Syncopate', sans-serif;
    font-size: 0.9em;
    color:#fff;
    font-weight:700;
    padding-top: 0.4em;
    letter-spacing: 2px;
}    
    
.service-bg {
    background: url(../images/service-bg.jpg) repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
    padding: 4em 1em;
    border-radius: 30px;
    margin-bottom: 2em;
}


.service-details {
  border:#fff 2px solid;
  border-radius: 10px;
  padding: 1em 0.5em;
  display: flex;
  flex-direction: row;
    justify-content:space-between;
    width: 100%;
    margin-top: 0.8em;
    align-items: center;
	
}


.service-details img {
   width: 40px;
    height: auto;
}    
  
    
    
 .course {
     background: url(../images/course-bg.jpg) repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
    padding: 4em 1em;
    border-radius: 20px;
    margin: 1em auto;
}

.course h4 {
    margin-bottom: 1em;
}

/*.course a {
    background-color: #fff;
    border-radius: 40px;
     font-family: 'Syncopate', sans-serif;
    font-size: 1.2em;
    color:#0A010C;
    font-weight: 700;
    padding: 1em 0.3em 1em 1em;
    text-decoration: none;
    transition:1s;
    
}


.course a:hover {
    background-color: rgba(255,255,255,0.6);
}

.course a img {
    width: 50px;
    height: auto;
    margin-left: 1em;
}*/

    
    
.testimonial {
    min-height: 400px;
    position: relative;
    background: rgba(255,255,255,0.2);
    padding-top: 50px;
    padding-bottom: 50px;
    background-position: center;
        background-size: cover;
    border-radius: 20px;
    width: 100%;
    margin: 0 auto;
}    
    
 
.contact-modal h1 {
    font-family: 'Syncopate', sans-serif;
    font-size: 2.1em;
    color:#fff;
    font-weight: 700;
    text-align: left;
}    
    
.social-icons img {
    width: 50px;
    height: auto;
}
    
.my-footer-left small {
     font-family: 'Syncopate', sans-serif;
    font-size: 0.6em;
    color:#fff;
    font-weight:400;
    letter-spacing: 1px;
    margin-top: 0.7em;
}


.my-footer-right small a {
     font-family: 'Syncopate', sans-serif;
    font-size: 0.6em;
    color:#fff;
    font-weight:400;
    letter-spacing: 1px;
    text-decoration: none;
    float: left;
    margin-top: 0.7em;
}    

}





.pop_up_form h5 {
   color:#130217;
     font-family: 'Syncopate', sans-serif;
    font-size: 2em;
    font-weight:700;
}





/* Text Marquee Effect */
.marquee {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 0.5em;
 /* transform: rotate(-2deg) scale(1.1);*/
  
}

.marquee  h2 {
    
}


.marquee:hover {
    cursor: pointer;
}

.marquee .marquee_text {
  display: inline-block;
  padding-left: 50%;
  font-size: 0.9em;
  text-transform: uppercase;
  color: white;
  animation: marquee-right-left 26s linear infinite;
/* animation: marquee-left-right 36s linear infinite; */
}

@keyframes marquee-right-left {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* @keyframes marquee-left-right {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(0%); }
} */