@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
body{font-family: "Raleway", sans-serif;  font-optical-sizing: auto;  font-style: normal;}

.pt_100{padding-top: 100px;}

.custom_nav{position: absolute; width: 100%; z-index: 99; margin-top: 10px;}
.custom_nav a{color: #fff; font-weight: 600; font-size: 18px; font-family: "Raleway", sans-serif; margin-left: 20px; }
.custom_nav a:hover{color: #FF57EE; text-decoration: none;}
.nav-link:focus, .nav-link:hover {color: #FF57EE !important}
.banner{width: 100%; height: 100vh;}
.banner_img{width: 100%; height: 100vh; object-fit: cover;}
.banner video{width: 100%; height: 100%; object-fit: cover;}
.banner_content{position: absolute;  text-align: center; color: white; left: 0; top: 0; width: 100%; height: 100vh;}
.banner_content h1{font-size: 72px; font-weight: 700; margin: 20px 0; color: #FFFFFF;}
.banner_content img{ width: 100px; margin-top: 50px; }
.banner_content ul{padding: 0; margin: 0; list-style: none;}
.banner_content ul li{font-size: 24px; margin: 0 15px; font-weight: 600;}
.banner_content .btn_ban{background-color: #ffffff; color: #000537; font-weight: 700; border: none; padding: 10px 20px; font-size: 20px; border-radius: 50px;}
.banner_content .btn_ban:hover{background-color: #afcfff; cursor: pointer;}

.about_section{background: #1E1E1E;}
.heading_1{background-image: linear-gradient(90deg, #005DF2, #FF57EE); -webkit-background-clip: text;  background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; font-weight: 800; font-size: 48px;}
.card1{ padding: 30px; border-radius: 15px; border: 1px solid #76B6FF33;}
.about_text h3{color: #fff; font-weight: 500; font-size: 36px; margin-bottom: 20px;}
.about_text p{color: #76B6FF; font-weight: 500;  font-size: 18px; line-height: 1.8; }
.team_bg{background: url('../img/team_bg.png') no-repeat center center; background-size: 100%; }
.team_section{background: #ACACAC33; padding: 100px 0;}
.heading_2{color: #1E1E1E; font-weight: 800; font-size: 48px;}
.team_card{padding: 20px;  display: flex; background: #fff; border-radius: 15px; min-height: 260px;}
.team_card img{width: 120px; height: 120px; object-fit: cover; border-radius: 50%;}
.team_card h5{color: #363636; font-weight: 600; font-size: 18px;  padding-top: 0px;}
.team_card h6{color: #363636; font-weight: 600; font-size: 14px;  padding-top: 0px;}
.team_card p{color: #363636; font-weight: 400; font-size: 13px; margin-top: 15px; padding-bottom: 0; margin-bottom: 0;}
.rectangle_l , .rectangle_r{position: relative !important; width: 100% ; height: 100% !important; padding: 20px;}
.rectangle_l::after{content: ""; position: absolute; width: 55px; height: 55px; top: 0; left: 0; background: url(../img/rectangle1.png) no-repeat;}
.rectangle_l::before{content: ""; position: absolute; width: 55px; height: 55px; bottom: 0; left: 0; background: url(../img/rectangle3.png) no-repeat;}
.rectangle_r::after{content: ""; position: absolute; width: 55px; height: 55px; top: 0; right: 0; background: url(../img/rectangle2.png) no-repeat;}
.rectangle_r::before{content: ""; position: absolute; width: 55px; height: 55px; bottom: 0; right: 0; background: url(../img/rectangle4.png) no-repeat;}


.explore_section{background: #1E1E1E; padding: 100px 0;}
.explore_card{background: linear-gradient(180deg, rgba(0, 119, 255, 0.13) 0%, rgba(255, 255, 255, 0) 100%); border: 1px solid #76B6FF1A; padding: 40px; border-radius: 10px; transition: all 0.3s ease-in-out;}
.explore_card{background: linear-gradient(180deg, rgba(0, 119, 255, 0.13) 0%, rgba(255, 255, 255, 0) 100%);}

.explore_btn{background: linear-gradient(180deg, #171717, #2e2f2f );border: 1px solid #171717; border-radius: 5px; color: #61B8FF;font-weight: 600; font-size: 14px; padding: 10px 20px; text-decoration: none;  display: inline-block; margin-top: 20px;}
.explore_btn:hover{background: linear-gradient(180deg, #424242, #676969 );border: 1px solid #171717; border-radius: 5px; color: #ffffff;font-weight: 600; font-size: 14px; padding: 10px 20px; text-decoration: none;  display: inline-block; margin-top: 20px;}
.explore_card h4{color: #FFFFFF; font-weight: 600; font-size: 24px; margin-top: 30px; line-height: 34px;}
.explore_card p{color: #ffffff; font-weight: 400; font-size: 16px; line-height: 1.8; margin-top: 40px;}
.explore_card p span{width: 30px; height: 30px; background: linear-gradient(180deg, #005DF2 0%, #2997D6 50%); display: inline-block; border-radius: 50%; text-align: center; margin-right: 10px; font-weight: 700;}

.start_building{padding-top: 100px;}
.start_building h4{color: #FFFFFF; font-weight: 500; font-size: 24px; margin-bottom: 0px;}
.contact_section{padding-top: 100px;}
.btn_3{background: #006AFF !important;  color: #fff; border-radius: 30px; padding: 10px 40px; font-size: 16px; font-weight: 700;}
.btn_3:hover{background: #0151c0 !important;  color: #fff; border-radius: 30px; padding: 10px 40px; font-size: 16px; font-weight: 700;}
.c_fild{border: 1px solid #76B6FF1A; border-radius: 5px; padding: 10px; margin-bottom: 20px; position: relative;}
.c_fild label{color: #ACACAC; font-weight: 500; font-size: 18px; background: #1E1E1E; position: absolute; top: -12px; left: 15px; padding: 0 5px;}
.c_fild p{ margin: 0; padding: 0;}
.c_fild p br{ display: none;}
.c_fild select{background-color: transparent;}
.c_fild select option {
    background-color: #1E1E1E; /* light gray */
    color: #ffffff; border: none;
}
.c_fild input, .c_fild textarea , .c_fild select{background: transparent; border: none; color: #FFFFFF !important; font-size: 16px; font-weight: 500; width: 100%; outline: none; box-shadow: none; height: 40px; resize: none; }
.c_fild input::placeholder, .c_fild textarea::placeholder , .c_fild select{color: #ACACAC80; font-weight: 400; font-size: 16px;}
.c_fild input:focus, .c_fild textarea:focus , .c_fild select:focus{background: none; box-shadow: none;}
.copyright{color: #FFFFFF !important; font-weight: 400 !important; font-size: 16px !important; text-align: center;  background: #363636; margin: 0; padding: 20px; }
.footer h4{color: #000000; font-weight: 800; font-size: 24px; padding-bottom: 0px;}
.footer p{color: #363636; font-weight: 500; font-size: 17px; }
.footer .list-unstyled{color: #363636; font-weight: 500; font-size: 17px;}
.footer .list-unstyled li{ padding-bottom: 10px;}
.social_icon li{margin-right: 15px;}
.social_icon li a{font-size: 24px; color: #363636; transition: all 0.3s ease-in-out;}
.social_icon li a:hover{color: #005DF2; text-decoration: none;}
.wpcf7-response-output{color: #ffb900;}


.layout {position: relative; width: 100%; height: 100vh; background: url(../img/dot_line.png) center center no-repeat; background-size:80%; }
.mobile-video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 360px; height: 640px; background-color: #2c2c2c;  border-radius: 20px ; overflow: hidden; border: 1px solid #C2DAFF33 ;display: flex; align-items: center; justify-content: center;}
.mobile-video video {width: 100%; height: 100%; object-fit: cover;}
.tab {position: absolute;width:200px; cursor: pointer; text-align: center; color: #ACACAC; font-size: 16px;}
.tab p{margin: 5px 0; font-weight: 600; padding: 0;}
.tab img{width: 100%;}
.tab:hover {border-color: #4a8cf7;}
.tab img {  filter: grayscale(80%);}
.tab.active img {  filter: grayscale(0%);}
.top-left { top: 80px; left: 30px; }
.top-right { top: 80px; right: 30px; }
.bottom-left { bottom: 80px; left: 30px; }
.bottom-right { bottom: 80px; right: 30px; }
.tab img { width: 100%; height: 100%;object-fit: cover;}
.for_mobile{display: none;}

.pulse {
  animation: pulse-animation 2s infinite;
  border-radius: 50%;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(81, 113, 255, 0.2);
  }
  100% {
    box-shadow: 0 0 0 25px rgba(81, 113, 255, 0);;
  }
}



  @media only screen and (max-width:700px) {
    .about_section {text-align: center;}
    .about_section h3 { margin-top: 30px;}
    .team_card img { width: 100px;height: 100px;}
    .explore_card{margin-bottom: 30px;}
    .heading_1{font-size: 35px;}
    .layout{display: none;}
    .footer h4{margin-top: 30px }
    .navbar-toggler{background: #fff;}
    .navbar-collapse{ background: linear-gradient(180deg, #020837e0 0%, #404bc1f0 50%); padding: 20px; border-radius: 0 0 10px 10px;}
    .for_mobile{display: block !important;}
    .for_mobile ul{padding:0; margin:25px 0;}
    .for_mobile ul li{padding:0; margin:0}

    .for_mobile ul{background: #32363B; border-radius: 40px; display: flex; justify-content: space-between; margin-top: 40px; }
    .for_mobile ul .nav-link {color: #7C8491;}
    .for_mobile .nav-pills .nav-link.active {color: #fff !important;background: linear-gradient(90deg, #005DF2 -20%, #FF57EE 192%);border-radius: 40px;}
    .footer .list-unstyled{margin-left: 0;}
    .footer .list-unstyled li{margin-left: 0;}
    .banner_content h1 { font-size: 25px;   }

    .team_card {flex-direction: column; align-items: center; text-align: center;}
  }