/* Custom Fonts */
 @font-face {
     font-family: "Made";
     src: url("../fonts/Made-Black.otf") format("otf");
     font-weight: bold;
     font-style: normal;
     font-display: swap;
}
/* End Custom Fonts */
 :root {
     --dark: #000000;
     --white: #ffffff;
     --pink-light: #f147e5;
     --pink-dark: #aa0399;
     --text-grey: #707070;
}
/* Typograpy */
 body {
     font-family: "Arial";
     background: #000000;
     color: #ffffff;
}
 ul, ol {
     list-style: none;
     outline: none;
     margin: 0;
     padding: 0;
}
 p {
     margin-bottom: 0;
}
 a {
     text-decoration: none;
}
 .btn {
     font-family: "Made";
     font-size: 20px;
     line-height: 26px;
     background: #ee6f02;
     color: #ffffff !important;
     text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.761);
     border-radius: 50px;
     border: 1px solid #f7e301;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     transition: all 0.3s ease;
}
.btn:hover {
     background: #f7e301;
     color: #ffffff !important;
}
 .container {
     width: 100%;
     max-width: 1055px;
     box-sizing: border-box;
}
/* End */
/* Header */
 .mainNav {
     background: #000000 !important;
     color: #ffffff !important;
     font-family: "Made";
	 font-size:23px;
}

 .mainNav a {
	color: #ffffff;
	font-weight:bold;
	
}

 .navbar-brand img {
     max-width: 250px;
}
 .menu .nav-item .nav-link {
     color: #ffffff !important;
     text-transform: uppercase;
     font-size: 18px;
     line-height: 24px;
     transition: all 0.3s ease;
     padding: 0;
     margin-bottom: 15px;
}


 .menu .nav-item .nav-link, a:hover {
     color: #ee6f02 !important;

}
 .btn-header {
     width: 212px;
     height: 40px;
}
 .navbar-toggler.x {
     border: none;
}
 .navbar-toggler.x:focus {
     outline: none;
}
 .navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(1) {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transform-origin: 10% 10%;
     -ms-transform-origin: 10% 10%;
     transform-origin: 10% 10%;
}
 .navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(2) {
     opacity: 0;
     filter: alpha(opacity=0);
}
 .navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(3) {
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -webkit-transform-origin: 10% 90%;
     -ms-transform-origin: 10% 90%;
     transform-origin: 10% 90%;
}
 .navbar-toggler.x .icon-bar {
     width: 30px;
     display: block;
     height: 2px;
     background-color: #fff;
     -webkit-transition: all 0.2s;
     transition: all 0.2s;
}
 .navbar-toggler.x .icon-bar + .icon-bar {
     margin-top: 6px;
}
 .navbar-toggler.x .icon-bar:nth-of-type(1) {
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
}
 .navbar-toggler.x .icon-bar:nth-of-type(2) {
     opacity: 1;
     filter: alpha(opacity=100);
}
 .navbar-toggler.x .icon-bar:nth-of-type(3) {
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
}
/* Media Query */
 @media screen and (min-width: 992px) {
     .navbar-brand img {
         width: 250px;
    }
     .menu .nav-item .nav-link {
         font-size: 20px;
         line-height: 27px;
         margin-right: 30px;
         margin-bottom: 0;
    }
}
 @media screen and (min-width: 1400px) {
     .navbar-brand img {
         width: auto;
    }
}
/* End Header */
/* Section Banner */
 .hero-img img {
     min-height: 160px;
}
/* Media Query */
 @media screen and (min-width: 992px) {
     .hero-img img {
         height: auto;
    }
}
/* End */
/* Section About */
 .about-section {
     padding-top: 20px;
     padding-bottom: 35px;
}
 .about-content h2 {
     font-size: 33px;
     line-height: 43px;
     color: #e92302;
}
 .about-content p {
     font-size: 18px;
     line-height: 24px;
     color: #707070;
     padding-bottom: 33px;
}
 .about-model-img {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
     gap: 10px;
     margin-bottom: 32px;
}
 .about-btn {
     max-width: 385px;
     height: 47px;
     font-size: 24px;
     margin: auto;
}
/* Media Query */
 @media screen and (min-width: 992px) {
     .about-content h2 {
         font-size: 40px;
         line-height: 53px;
    }
     .about-content p {
         font-size: 20px;
         line-height: 27px;
    }
     .about-model-img {
         gap: 26px;
         margin-bottom: 32px;
    }
     .about-btn {
         max-width: 385px;
         height: 72px;
         font-size: 30px;
    }
}
/* End About */
/* Info Section */
 .info-section {
     background: rgba(233,35,2,0.24);
     padding: 15px 0px;
}
 .info-row {
     display: flex;
     justify-content: space-between;
     flex-flow: column;
     gap: 20px;
     padding: 0px 0px;
}
 .info-content {
     padding: 15px 0px 25px;
}
 .info-middle {
     padding: 2px;
     width: auto;
     height: auto;
     background: #ee6f02;
}
 .info-content h3 {
     font-size: 25px;
     line-height: 33px;
     padding-bottom: 15px;
     color: #000000;
}
 .info-content p {
     font-size: 15px;
     line-height: 20px;
}
/* Media Query */
 @media screen and (min-width: 992px) {
     .info-section {
         padding: 33px 0px;
    }
     .info-row {
         display: flex;
         justify-content: space-between;
         flex-flow: row;
         padding: 0px 10px;
         gap: 48px;
    }
     .info-content {
         padding: 20px 0px 40px;
    }
     .info-content h3 {
         padding-bottom: 30px;
    }
}
/* End Info Section */
/* Model Info Section */
 .model-section {
     padding-top: 34px;
     padding-bottom: 52px;
}
 .model-row {
     display: flex;
     flex-flow: column;
     gap: 26px;
}
 .model-row:nth-child(even) {
     flex-flow: column-reverse;
}
 .model-row:not(:last-of-type) {
     margin-bottom: 37px;
}
 .model-row .model-img-box {
     width: 272px;
     height: 272px;
     flex-shrink: 0;
}
 .model-row .model-img-box img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .model-content {
     flex: 1;
}
 .model-content h2 {
     font-size: 27px;
     line-height: 37px;
     color: #e92302;
     padding-bottom: 13px;
}
 .model-content p {
     font-size: 18px;
     line-height: 24px;
     color: #707070;
}
 .model-content-wrp hr {
     height: 2px;
     width: 84%;
     background: #ee6f02;
     margin: 45px auto 45px;
}
 .model-content-wrp .heading {
     font-size: 37px;
     line-height: 44px;
     color: #e92302;
     text-align: center;
     padding-bottom: 40px;
}
 .model-btn {
     max-width: 385px;
     height: 47px;
     font-size: 24px;
     margin: 0 auto;
}
/* Media Query */
 @media screen and (min-width: 768px) {
     .model-row {
         flex-flow: row;
    }
     .model-row:nth-child(even) {
         flex-flow: row;
    }
     .model-row:not(:last-of-type) {
         margin-bottom: 27px;
    }
     .model-content h2 {
         font-size: 30px;
         line-height: 40px;
    }
     .model-content p {
         font-size: 20px;
         line-height: 27px;
    }
     .model-content-wrp .heading {
         font-size: 57px;
         line-height: 76px;
         padding-bottom: 60px;
    }
     .model-btn {
         height: 62px;
         font-size: 30px;
    }
}
/* End Model Info Section */
/* Footer */
 .footer-wrp {
     padding-bottom: 21px;
}
 .footer-container {
     max-width: 944px;
     width: 100%;
     margin: auto;
}
 .footer-content-wrp {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-wrap: wrap;
}
 .footer-logo {
     grid-column: auto / span 1;
}
 .footer-logo img {
     width: 174px;
     margin-bottom: 10px;
}
 .footer-right-content {
     padding-left: 10px;
     padding-bottom: 7px;
}
 .footer-right-content a {
     color: #ffffff;
}
 .footer-menu {
     flex-wrap: wrap;
     margin-bottom: 6px;
}
 .footer-menu li a {
     color: #ffffff;
     text-transform: uppercase;
     transition: 0.3s ease;
     font-size: 12px;
     line-height: 14px;
}
 .footer-menu li a:hover {
     color: #ee6f02;
     text-decoration: none;
}
 .footer-menu li:not(:last-child) a {
     margin-right: 10px;
     padding-right: 10px;
     border-right: 1px solid var(--pink-light);
}
 .footer-right-content p {
     color: #ffffff;
     text-transform: uppercase;
     font-size: 12px;
     line-height: 14px;
}
 .footer-right-content p a:hover {
     color: #ee6f02;
     text-decoration: none;
}
 .footer-right-content p span {
     color: #700468;
}
/* Media Query */
 @media screen and (min-width: 768px) {
     .footer-logo img {
         width: 274px;
         margin-bottom: 0px;
    }
}
/* End Footer */
/* Contact Wrap */
 .contact-form {
     background: rgba(233,35,2,0.24);
     padding: 26px 20px 36px;
     box-sizing: border-box;
     width: 100%;
     max-width: 496px;
     margin: 60px auto 65px;
     border-radius: 25px;
}
 .contact-form h3 {
     font-size: 35px;
     line-height: 37px;
     color: #ffffff;
     padding-bottom: 18px;
     margin-bottom: 21px;
     text-align: center;
     position: relative;
     font-weight: 700;
}
 .contact-form h3::after {
     content: "";
     position: absolute;
     left: 50%;
     bottom: 0;
     transform: translateX(-50%);
     width: 88%;
     height: 2px;
     background: #ee6f02;
}
 .form-content .form-group .form-control {
     border: 0;
     border-radius: 0;
     outline: none;
     box-shadow: 0;
}
 .btn-contact {
     width: 100%;
     max-width: 385px;
     height: 55px;
     font-size: 26px;
     margin: 30px auto 0;
}
/* Media Query */
 @media screen and (min-width: 768px) {
     .contact-form {
         padding: 26px 37px 36px;
         margin: 89px auto 124px;
         border-radius: 50px;
    }
     .btn-contact {
         height: 62px;
         font-size: 30px;
         margin: 40px auto 0;
    }
}
/* End Contact */
/* Join Wrap */
 .join-section {
     padding-top: 60px;
     padding-bottom: 80px;
}
 .join-content-wrp {
     background: rgba(233,35,2,0.24);
     border-radius: 25px;
     display: flex;
     box-sizing: border-box;
     flex-flow: column;
     gap: 33px;
     width: 100%;
     max-width: 1006px;
     min-height: 504px;
     margin: 0 auto;
     padding: 35px 15px;
}
 .join-content h2 {
     color: #ffffff;
     font-size: 27px;
     line-height: 33px;
     padding-bottom: 6px;
     text-align: center;
}
 .join-content hr {
     margin: 0;
     border: 0;
     width: 100%;
     height: 2px;
     background: #ee6f02;
     margin-bottom: 27px;
}
 .join-content p {
     color: #ffffff;
     font-size: 18px;
     line-height: 24px;
}
 .join-right {
     width: 100%;
     max-width: 372px;
     height: auto;
     flex-shrink: 0;
     margin-top: 0;
     margin-right: 0;
     position: relative;
     margin: auto;
}
 .join-right img {
     width: 100%;
     height: 100%;
     border-radius: 20px;
}
 .btn-playing {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     bottom: 33px;
     width: 270px;
     height: 55px;
     font-size: 27px;
}
/* Media Query */
 @media screen and (min-width: 992px) {
     .join-section {
         padding-top: 226px;
         padding-bottom: 138px;
    }
     .join-content-wrp {
         flex-flow: row;
         padding: 45px 28px;
         border-radius: 50px;
    }
     .join-content h2 {
         font-size: 35px;
         line-height: 37px;
    }
     .join-content p {
         font-size: 20px;
         line-height: 27px;
    }
     .join-right {
         margin-top: -147px;
         margin-right: 31px;
         height: 563px;
    }
     .btn-playing {
         bottom: 56px;
         width: 438px;
         height: 68px;
         font-size: 40px;
    }
}
/* End Join */