@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');

*{margin: 0;padding: 0;box-sizing: border-box;}
body{font-family: "Unbounded", sans-serif;background-color: black;color: white;}
.container{max-width: 90%;}
.container-fluid{max-width: 90%;border: 1px solid #1B1B1B;border-top: none;border-bottom: none;padding: 0;}
::selection {color: black;background: #FB435B;}
#cursor{height: 30px;width: 30px;border-radius: 50%;position: fixed;z-index: 99;transition: all linear 0.1s;border: 5px solid #FB435B;}

/* HEADER START */
header{padding: 30px 20px !important;}
.border-b{border-bottom: 1px solid #1B1B1B;}
.border-t{border-top: 1px solid #1B1B1B;}
.logo{font-size: 30px;margin-bottom: 0;margin-top: 0;}
.logo-dot{color: #FB435B;}
header a{margin-bottom: 0;font-size: 20px;}
header p{margin-bottom: 0;font-size: 20px;}
/* HEADER END */

/* HERO-SEC START */
.hero-sec{background-image: url("../img/group_1597883250.webp");background-position: center center;background-size: cover;background-repeat: no-repeat;border-bottom: 1px solid #1B1B1B;}
.hero-2{font-size: 65px;margin-bottom: 31px;margin-top: 200px;}
.pera-1{font-size: 18px;color: #C9C9C9;font-weight: lighter;}
.my-img{margin-top: 220px;margin-bottom: 228px;}
.gif{z-index: -1;position: relative;margin-top: 118px;margin-bottom: 79px;}
.second-h2{font-size: 65px;margin-bottom: 0;text-align: start;}
.therd-h2{font-size: 65px;margin-bottom: 0;text-align: end;}
.span-2{border-bottom: 1px solid #FB435B;padding-bottom: 10px;}
.name{text-align: end;}
/* HERO-SEC END */

/* SECTION-1 START */
.section-1{padding-bottom: 120px;}
.section-1-h2{font-size: 50px;margin-bottom: 80px;padding-top: 120px;}
.h5{font-size: 30px;margin-bottom: 15px;}
.pera-2{color: #C9C9C9;font-size: 18px;margin-bottom: 40px;width: 90%;font-weight: lighter;}
.pera-3{color: #C9C9C9;font-size: 18px;margin-bottom: 40px;width: 80%;font-weight: lighter;}
.no-1{font-size: 18px;font-weight: 500;margin-bottom: 30px;}
.no-2{font-size: 18px;color: #C9C9C9;}
.button-1{font-size: 18px;font-weight: 600;margin-top: 30px;}
.card-1{padding-bottom: 60px;margin-bottom: 60px;border-bottom: 1px solid #202020;}
.card-2{padding-bottom: 60px;margin-bottom: 60px;border-bottom: 1px solid #202020;}
.margin-left{margin-left: 115px;}
/* SECTION-1 END */

/* SECTION-2 START */
.section-2{border-top: 1px solid #202020;border-bottom: 1px solid #202020;}
.marquee-text {overflow: clip;}
.marquee-text-track {display: flex;padding-left: 4.8rem;gap: 20px;width: max-content;animation: marquee-move-text var(--speed, 15s) linear infinite var(--direction,forwards);}
.marquee-text-track p{font-size: 26px;margin-bottom: 34px;margin-top: 34px;}
@keyframes marquee-move-text {
  to {
    transform: translateX(-50%);
  }
}
/* SECTION-2 END */

/* SECTION-3 START*/
.section-3{padding-bottom: 120px;padding-top: 120px;}
.uper-line{border: 1px solid #202020;}
.uper-line img{padding: 30px;border: 1px solid #202020;}
/* SECTION-3 END*/

/* SECTION-4 START*/
/* .section-4{} */
.section-4 h2{font-size: 50px;text-align: center;}
.back-img{background-image: url("../img/section-4\ back.webp");background-position: center center;background-repeat: no-repeat;background-size: cover;padding-top: 120px;padding-bottom: 120px;}
.section-4 img{margin-top: 60px;}
.expri{font-size: 26px;padding-top: 50px;}
/* SECTION-4 END*/

/* SECTION-5 START */
.section-5{padding-bottom: 120px;padding-top: 120px;}
.section-5 h5{font-size: 30px;}
.h2{font-size: 50px;text-align: center;margin-bottom: 60px;}
.accordion{--bs-accordion-btn-icon: none;--bs-accordion-btn-icon-width: 0;--bs-accordion-bg: black;--bs-accordion-border-color: none;}
.accordion-button:not(.collapsed){color:white;background-color: black;}
.accordion-body{color: #C9C9C9;font-size: 16px;}
.button-2{border:none;background-color: black;color: white;}
.accordion-button{color: white;}
h3{font-size: 32px;margin-bottom: 0;color: white;margin-top: 20px;}
.accordion-button h4{font-size: 22px;margin-bottom: 0;line-height: 1.6;}
.accordion-item{border-bottom: 1px solid #202020;padding-bottom: 30px;margin-bottom: 30px;}
/* SECTION-5 END */

/* SECTION-6 START */
.section-6{background: url("../img/section-6.webp");background-position: center center;background-size: cover;background-repeat: no-repeat;padding-bottom: 200px;}
.section-6 h2{font-size: 80px;margin-bottom: 100px;padding-top: 140px;}
.small-text{font-size: 60px;color: #E8E8E8;}
.counter-container {display: flex;justify-content: space-between;}
.counter {font-size: 80px;color: #FB435B;}
.plus-indicator {display: none;font-size: 50px;color: #FB435B;}
.plus-indicator.visible {display: block;}
.section-6 h3{font-size: 40px;width: 80%;}
.section-6 h4{font-size: 18px;font-weight: lighter;}
.pera-4{color: #C9C9C9;font-size: 16px;margin-bottom: 0;margin-top: 30px;width: 70%;}
/* SECTION-6 END */

/*FOOTER START  */
.end{padding-top: 40px;padding-bottom: 40px;border-top: 1px solid #202020;}
a{text-decoration: none;color: white;}
.bac-top{border-bottom: 1px solid white;}
.bac-top:hover{cursor: pointer;}
/*FOOTER END */

@media (max-width: 1700px) {
  .container-fluid{max-width: 1400px;}
}

@media (max-width: 1440px) {
  .container-fluid{max-width: 1140px;}
  .container{max-width: 1140px;}
  .hero-sec h2{font-size: 50px;}
  .hero-sec img{width: 80%;}
  .pera-2{width: 100%;}
  .pera-3{width: 100%;}
}

@media (max-width: 1280px) {
  .container-fluid{max-width: 992px;}
  .container{max-width: 992px;}
  .margin-left{margin-left: 40px;}
  #cursor{display: none;}
}

@media (max-width: 992px) {
  .container-fluid{max-width: 960px;}
  .container{max-width: 960px;}
  .hero-sec{background: none;text-align: center;padding-bottom: 40px;margin-bottom: 80px;}
  .my-img{margin-bottom: 50px;margin-top: 50px;width: 50%;}
  .hero-2{margin-top: 100px;}
  .second-h2{text-align: center;}
  .therd-h2{text-align: center;}
  .name{text-align: center;}
  .gif{display: none;}
  .card-2{flex-direction: column-reverse;}
  .card-2 h5{margin-top: 40px;}
  .margin-left{margin: 0;margin-top: 40px;}
  .section-1-h2{margin: 0;margin-bottom: 40px;}
  .section-1 img{text-align: center;}
  .section-3{text-align: center;}
  .section-3 img{width: 90%;}
  .back-img{background: none;}
  .my-skill{margin-bottom: 60px;}
  .section-6{text-align: center;background: none;padding-bottom: 100px;}
  .section-6 .row{justify-content: center;}
  .section-6 h3{width: 100%;}
  .pera-4{width: 100%;margin-bottom: 40px;margin-top: 40px;}
  #cursor{display: none;}
}

@media (max-width: 768px) {
  .container{max-width: 720px;}
  .container-fluid{max-width: 720px;}
}

@media (max-width: 576px) {
  .container{max-width: 540px;}
  .container-fluid{max-width: 540px;}

}

@media (max-width: 430px) {
  .container{max-width: 100%;}
  .container-fluid{max-width: 100%;}
  .hero-2{margin-top: 20px;font-size: 30px;margin-bottom: 20px;}
  .my-img{margin-top: 30px;margin-bottom: 30px;}
  .pera-1{font-size: 16px;margin-bottom: 0;}
  .second-h2{font-size:30px;}
  .therd-h2{font-size:30px;}
  .section-1-h2{font-size: 30px;}
  .card-2{padding-bottom: 30px;}
  .section-3{margin-bottom: 60px;}
  .back-img{padding-top: 60px;padding-bottom: 60px;}
  .section-4{margin-bottom: 60px;}
  .section-4 h2{font-size: 30px;}
  .expri{font-size: 18px;}
  .section-5{margin-bottom: 60px;}
  .section-5 h2{font-size: 30px;}
  .section-5 h4{font-size: 18px;}
  .section-5 h3{font-size: 18px;}
  .section-6 h2{padding-top: 0;margin-top: 60px;margin-bottom: 60px;font-size: 30px;}
  .small-text{font-size: 38px;}
  .section-6 h3{font-size: 30px;}
  .end{font-size: 12px;}
  .counter {font-size: 50px;}
  .name{display: none;}
}