@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Black.woff2') format('woff2'),
        url('fonts/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Bold.woff2') format('woff2'),
        url('fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Light.woff2') format('woff2'),
        url('fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MicroSquare';
    src: url('fonts/MicroSquareBold.woff2') format('woff2'),
        url('fonts/MicroSquareBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MicroSquare';
    src: url('fonts/MicroSquare-Regular.woff2') format('woff2'),
        url('fonts/MicroSquare-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Thin.woff2') format('woff2'),
        url('fonts/Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Medium.woff2') format('woff2'),
        url('Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

* {
    box-sizing:border-box;
    -webkit-box-sizing:
    border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
}
body {
    font-family: 'MicroSquare';
    font-size:14px;
    margin:0;
    color: #000000;
    background: #040422;
}
p,h1,h2,h3,h4,h5,h6,ul,li,a{
    margin: 0;
    padding:0; 
}
p{
    font-size: 16px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.5);
    font-family: 'Roboto';
}
a {
    text-decoration:none;
    outline:none;
    color: #e50009;
}
a:hover{color: rgba(255, 255, 255, 0.5);}
ul li{list-style: none;}
img {
    vertical-align:top;
    max-width:100%;
    height:auto;
    border:none;
}
input, 
select, 
textarea {
    font-size:13px;
    color:#737991;
    font-family: 'MicroSquare';
}
iframe {
    max-width:unset;
    border:none;
}
.fl {
    float:left;
}
.fr {
    float:right;
}
.clr, 
.cl, 
.clear {
    clear:both;
}
input, 
select, 
textarea,
button {
    font-size:13px;
    color:#737991;
}
.clearfix:after {
    clear:both;
    display:block;
    visibility:hidden;
    content:"";
}
textarea {
    resize:none;
    min-height:82px;
    line-height:normal;
    padding:9px;
    width:100%;
}
input:focus, 
textarea:focus, 
select:focus, 
button:focus {
    outline:none;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"], 
input[type="search"],
input[type="tel"],
input[type="color"]
{
	border:1px solid #dddddd;
	background:#fff;
	padding:0 13px;
	box-shadow:none;
	height:49px;
	max-width:100%;
	border-radius:0px;
	width:100%;
}
input[type="search"] {-webkit-appearance:none;}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus, 
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus
{
	border-color:#0EB1FE;
	background:#f9f9f9;
	box-shadow:0 0 4px rgba(0, 0, 0, 0.2);
}
select {
	border:1px solid #dddddd;
	background:#fff;
	max-width:100%;
	border-radius:3px;
	padding:15px 13px;
}
input[type="image"],
input[type="submit"],
input[type="button"],
button {
	background:#737991;
	border: medium none;
    border-radius: 0px;
	color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
	padding: 0px 23px;
	text-transform:uppercase;
	height:40px;
    transition: all 0.3s ease-in-out 0s;
	font-weight:bold;
	appearance:normal;
	-webkit-appearance:none;
	max-width:100%;
}
input[type="image"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
	background-color:var(--theme-green);
}
input[type="image"]:active,
input[type="submit"]:active,
input[type="button"]:active,
button:active {
	box-shadow:inset 0 0 12px rgba(0, 0, 0, 0.2);
}
.wrapper {
	margin:0 auto;
	padding:0 50px;
	max-width:1500px;/*1200px*/
}

html{scroll-behavior: smooth;}
:root{
    --theme-1: #070624;
    --theme-2: #ef5894;
    --theme-3: #31a8fe;
    --text-1: #737991;
    --text-2: #302357;
}
.pad_80{padding: 80px 0px;}
.pad_100{padding: 100px 0px;}
.pad_150{padding: 150px 0px;}
.a_btn a {background: transparent;border: 1px solid #fff;color: #fff;font-size: 17px;transition: all .3s ease-in-out;display: inline-block;text-align: center;padding: 15px 38px;text-transform: uppercase;border-radius: 12px;letter-spacing: 0.020em;font-weight: 600;}
.a_btn a:hover {color: var(--theme-1);background: #fff;}
.header .menu .a_btn a.bg_white {background: #fff;color: #070624;}
.header .menu .a_btn a.bg_white:hover {background: none;color: #fff;}
.title{text-align: center;}
.title h2{font-size: 50px;line-height: 70px;color: #fff;font-weight: 300;text-transform: uppercase;position: relative;margin-bottom: 20px;padding-bottom: 25px;}
.title h2::after{content: '';position: absolute;width: 81px;height: 15px;background: url(../images/line_img.png);left: 0;right: 0;margin: 0 auto;bottom: 0;}
.title h2 small{font-weight: 300;}

h4{font-size: 28px;line-height: 33px;color: #fff;}
h5{font-size: 22px;line-height: 25px;letter-spacing: 0.020em;color: #fff;font-weight: 500;}

.header{position: absolute;width: 100%;padding-top: 50px;z-index: 2;}
.logo{width: 21%;}
.menu{width: 79%;text-align: right;}
.header_inr{display: flex;justify-content: space-between;align-items: center;}
.header .menu .a_btn a{margin-left: 25px;}
.header .menu .a_btn a:first-child{margin-left: 0px;}

/* Banner Css */
.banner_inr {position: relative;}
.banner_img img {width: 100%;}
.banner_txt {position: absolute;top: 50px;z-index: 1;width: 50%;left: 50%;transform: translateX(-50%);}
.banner_txt_inr {text-align: center;}
.banner_txt_inr p{font-size: 25px;line-height: 44px;margin: 0 auto;margin-bottom: 50px;color: #737991;letter-spacing: 0.025em;}
.slick-arrow {position: absolute;bottom: 150px;width: 70px;height: 70px;background: none;border: solid 2px #434058;border-radius: 50%;padding: 0;font-size: 0;z-index: 1;}
.slick-prev.slick-arrow {left: 115px;background: url(../images/left_arw.png) no-repeat center;background-size: 100%;background-size: 20px;}
.slick-next.slick-arrow {right: 115px;background: url(../images/right_arw.png) no-repeat center;background-size: 100%;background-size: 20px;}
.slick-next.slick-arrow:hover{border-color: #e50009;background: url(../images/red_right_arw.png) no-repeat center;background-size: 100%;background-size: 20px;}
.slick-prev.slick-arrow:hover{border-color: #e50009;background: url(../images/red_left_arw.png) no-repeat center;background-size: 100%;background-size: 20px;}

.welcome_inr{display: flex;align-items: center;flex-wrap: wrap;}
.welcome_left{width: 50%;}
.welcome_left img{width: 100%;border-radius: 15px;z-index: 1;position: relative;height: 100%;}
.welcome_right{width: 50%;}
.welcome_left_inr{position: relative;}
.welcome_left_inr::after{position: absolute;left: -65px;top: -60px;width: 90%;height: 90%;border: 20px solid #181834;content: '';border-radius: 15px;}
.welcome_right .title{padding-left: 50px;text-align: left;}
.welcome_right .title h2{font-size: 30px;margin-bottom: 25px;line-height: 60px;padding-bottom: 35px;}
.welcome_right .title h2 strong{font-size: 80px;display: block;}
.welcome_right .title h2::after{right: inherit;}
.welcome_right .title p{margin-bottom: 25px;}
.play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;width: 90px;height: 90px;background: rgb(229 0 9 / 70%);display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer;z-index: 1;}
.play::after{position: absolute;width: 90px;height: 90px;content: '';animation: pulse-border 1500ms ease-out infinite;top: 50%;left: 50%;transform: translate(-50%,-50%);background: rgb(229 0 9 / 70%);border-radius: 50%;}
.play img{width: 65px;height: 46px;margin-left: 7px;}
.welcome_right .title .a_btn a{background: #e50009;border-color: #e50009;font-weight: 600;}
.welcome_right .title .a_btn a:hover{background: transparent;color: #e50009;}
  
.services_img{overflow: hidden;border-radius: 15px;}
.services_img img{width: 100%;height: 100%;border-radius: 15px;transition: all .3s ease;}
.services_card_inr{padding: 15px;}
.services_text{border: 5px solid rgba(255, 255, 255, 0.2);border-top: none;border-radius: 0px 0px 15px 15px;width: 80%;margin: 0 auto;padding: 35px 10px;text-align: center;position: relative;}
.services_text::after{position: absolute;content: '';width: 24px;height: 11px;background: url(../images/top_arw.png) no-repeat center;background-size: 100%;left: 50%;bottom: 0px;transform: translateX(-50%);opacity: 0;}
.services_card_inr:hover .services_text{border-color: #e50009;}
.services_card_inr:hover .services_img img{transform: scale(1.05);}
.services_card_inr:hover .services_text::after{opacity: 1;}
.services_sllider{margin-bottom: 100px;}
.services_sllider .slick-arrow{bottom: -100px;width: 60px;height: 60px;}
.services_sllider .slick-prev.slick-arrow{left: 46%;background-size: 16px;}
.services_sllider .slick-next.slick-arrow{right: 46%;background-size: 16px;}
.services_sllider .slick-slide.slick-active{opacity: 1;transition: all .3s ease;}
.services_sllider .slick-slide.slick-current.slick-active .services_text{border-color: #e50009;}
.services_sllider .slick-slide.slick-current.slick-active .services_text::after{opacity: 1;}
.services_sllider .slick-slide{opacity: .2;}
hr{max-width: 1200px;border: 1px dashed rgba(255, 255, 255, 0.2);}

.projects{padding-top: 80px;}
.projects_content_inr{display: none;}
.projects_content_inr.active{display: block;}
.about_text .title h2{margin-bottom: 5px;}
.about_text .title p{margin-bottom: 20px;font-weight: 500;}
.projects_tab{margin-bottom: 60px;}
.projects_tab ul{display: flex;align-items: center;gap: 15px;flex-wrap: wrap;margin-bottom: 15px;justify-content: center;}
.projects_tab ul li{background: transparent;color: #fff;font-size: 15px;padding: 10px 18px;border:solid 2px rgba(255, 255, 255, 0.2);text-transform: uppercase;border-radius: 9px;transition: all 0.3s ease-in-out;font-weight: 400;display:block;letter-spacing: 0.020em;cursor: pointer;}
.projects_tab ul li:hover{background-color: #e50009;border-color: #e50009;}
.projects_tab ul li.active{background-color: #e50009;border-color: #e50009;}
.projects_card{display: flex;justify-content: center;flex-wrap: wrap;}
.projects_card_inr{width: 20%;padding: 3PX;}
.projects_img{position: relative;overflow: hidden;}
.projects_img img{width: 100%;transition: all .5s ease;}
.projects_text{position: absolute;z-index: 1;top: 0;left: 0;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;background: rgb(229 0 9 / 70%);flex-wrap: wrap;flex-direction: column;transform: scale(0);transform-origin: center;transition: all .5s ease;}
.projects_text_inr{display: flex;align-items: center;justify-content: center;gap: 15px;}
.projects_text h4{width: 50%;margin-bottom: 15px;text-align: center;}
.projects_text a{width: 60px;height: 60px;padding: 17px;display: inline-flex;align-items: center;justify-content: center;background: rgb(41 13 34 / 90%);border-radius: 50%;}
.projects_card_inr:hover .projects_text{transform: scale(1);}
.projects_card_inr:hover .projects_img img{transform: scale(1.04);}

.details{background: url(../images/image18.jpg) no-repeat top center;background-size: cover;}
.details .title{text-align: left;width: 42%;}
.details .title h2::after{right: inherit;}
.subscribe_inr{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.details .title p{font-size: 24px;line-height: normal;color: #fff; font-family: 'MicroSquare';}
.subscribe{background: url(../images/image19.jpg) no-repeat left;background-size: cover;background-position: 40%;}
.subscribe .title{text-align: left;width: 30%;}
.subscribe .title h2::after{display: none;margin-bottom: 0px;}
.subscribe .title h2{padding-bottom: 0px;margin-bottom: 0px;}
.subscribe .title p{color: #fff;}
.subscribe_form{width: 70%;position: relative;padding-left: 40px;}
.subscribe_form_inr input[type="email"]{width: 100%;height: 70px;padding: 10px 70px;background: url(../images/mail.png) no-repeat left #32324a;border-color: #32324a;border-radius: 40px;color: #fff;font-size: 18px;background-position: 35px;}
.subscribe_form_inr input[type="submit"]{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);height: auto;padding: 15px 35px;font-size: 18px;letter-spacing: 0.020em;font-weight: 600;border-radius: 30px;background: #e50009;border: 1px solid #e50009;}
.subscribe_form_inr input[type="submit"]:hover{background: transparent;}
input::placeholder{color: #fff;font-weight: normal;font-family: 'Roboto';}

.footer{position: relative;}
.footer_inr{text-align: center;}
.footer_inr ul{display: flex;align-items: center;justify-content: center;gap: 40px;margin-bottom: 40px;flex-wrap: wrap;}
.footer_inr ul li{font-size: 18px;color: #fff;font-weight: 600;letter-spacing: .040em;text-transform: uppercase;position: relative;}
.footer_inr ul li::after{position: absolute;content: '';width: 2px;height: 18px;right: -20px;background: #fff;top: 50%;transform: translateY(-50%);}
.footer_inr ul li:last-child:after{display: none;}
.footer_inr ul li a{color: #fff;}
.footer_inr ul li a:hover{color: #e50009;transition: all .3s ease;}
.footer_inr p{color: #fff;}
.scroll_up a{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 30px 30px 0px 0px;position: absolute;top: 50%;right: 150px;transform: translateY(-50%);background: rgba(255, 255, 255, 0.2);border: 2px solid rgba(255, 255, 255, 0);transition: .3s ease;}
.scroll_up a:hover{background: transparent;border-color: rgba(255, 255, 255, 0.2);}

.mfp-iframe-holder .mfp-close{width: 45px;height: 45px;border-radius: 50%;background: #e50009;right: 0;padding: 0;text-align: center;top: -50px;opacity: 1;border: 2px solid #e50009;font-family: 'MicroSquare';font-size: 27px;}
.mfp-image-holder .mfp-close{width: 45px;height: 45px;border-radius: 50%;background: #e50009;right: 0;padding: 0;text-align: center;top: -50px;opacity: 1;border: 2px solid #e50009;font-family: 'MicroSquare';font-size: 27px;}
.mfp-iframe-holder .mfp-close:hover{background: transparent;border-color: rgba(255, 255, 255, 0.5);color: #fff;}
.mfp-image-holder .mfp-close:hover{background: transparent;border-color: rgba(255, 255, 255, 0.5);color: #fff;}
img.mfp-img{padding: 0px;border: 2px solid #e50009;border-radius: 15px;}
.mfp-bottom-bar{position: relative;}
.mfp-figure figure::before{position: absolute;content: '';bottom: -35px;left: 0;width: 100%;height: 100%;background: linear-gradient(transparent, rgb(229 0 9 / 70%));border-radius: 15px;}
.mfp-counter{color: #fff;font-size: 16px;padding-right: 15px;}

button.mfp-arrow {position: absolute;width: 45px;height: 45px;background: none;border: solid 2px #e50009;border-radius: 50%;padding: 0;font-size: 0;z-index: 1;top: 60%;transform: translateY(-50%);}
button.mfp-arrow-left {left: 35%;background: url(../images/white_left_arw.png) no-repeat center #e50009;background-size: 10px;}
button.mfp-arrow-right {right: 35%;background: url(../images/white_right_arw.png) no-repeat center #e50009;background-size: 10px;}
button.mfp-arrow-right:hover{border-color: #e50009;background: url(../images/red_right_arw.png) no-repeat center transparent;background-size: 10px;}
button.mfp-arrow-left:hover{border-color: #e50009;background: url(../images/red_left_arw.png) no-repeat center transparent;background-size: 10px;}
.mfp-arrow-left:before,.mfp-arrow-left:after,.mfp-arrow-right:before,.mfp-arrow-right:after{display: none;}



@keyframes pulse-border {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      opacity: 0;
    }
  }

.d-none {
    display: none !important;
}

.cclogos img{
    width: 100px;
    margin-bottom: 20px;
}