header{
  overflow: hidden;
}
header .top-header {
  background-color: #0d1538;
}

header .top-header .left-content p {
  margin-bottom: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 0;
}

header .top-header .left-content p svg {
  color: #ffbd29;
  animation: iconLeftRight .6s infinite alternate;
}

@keyframes iconLeftRight {
  0% {
    transform: translateX(-20px);
  }

  100% {
    transform: translate(0);
  }
}

header .top-header .right-content {
  position: relative;
  padding: 10px 0;
  text-align: end;
}

header .top-header .right-content::before {
  content: "";
  position: absolute;
  width: 1400px;
  height: 100%;
  top: 0px;
  right: 0px;
  bottom: inherit;
  left: 0px;
  margin: 0 auto;
  background: #ffbd29;
  clip-path: polygon(3% 0, 100% 0, 100% 100%, 0% 100%);
}

header .top-header .right-content .btn-grp {
  position: relative;
}

header .top-header .right-content .btn-grp .main-btn {
  font-size: 18px;
  font-weight: 600;
  color: #0d1538;
  margin-right: 20px;
}

header .top-header .right-content .btn-grp button {
  background-color: #0d1538;
  border: 2px solid #f9d423;
  padding: 8px 20px;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  font-weight: 600;
  animation: blinktxt 2s infinite;
}

@keyframes blinktxt{
  0% { background-color: #0d1538; box-shadow: 0 0 3px #0d1538; border-color: #f9d423;}
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; border-color: #fff;}
  100% { background-color: #0d1538; box-shadow: 0 0 3px #0d1538; border-color: #f9d423;}
}

header .mid-header {
  padding: 10px 0;
  position: relative;
}

header .mid-header .container-fluid {
  padding: 0 120px;
}

header .mid-header img {
  width: 100%;
  height: 100%;
  min-height: 120px;
  
}

header .marquee-text {
  padding: 10px 0;
  background-color: #0d1538;
}

header .marquee-text marquee p {
  font-weight: 600;
  color: #fff;
  font-size: 18px;
  margin-bottom: 0;
}
header .marquee-text.text-second {
  display: none;
}
header .typed-text {
  padding: 10px 0;
  background-color: #0d1538;
  display: none;
}

header .typed-text .typed-cursor {
  display: none;
}

header .typed-text p {
  margin-bottom: 0;
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  color: #fff;
  min-height: 30px;
}

@media (min-width:992px) and (max-width:1200px) {
  header .top-header .right-content .btn-grp .main-btn {
    display: none;
  }
}

@media (max-width:992px) {
  header .top-header .left-content {
    text-align: center;
  }

  header .top-header .right-content {
    text-align: center;
  }

  header .top-header .right-content::before {
    content: "";
    position: absolute;
    width: 1600px;
    height: 100%;
    top: 0px;
    right: 0px;
    bottom: inherit;
    left: -200px;
    margin: 0 auto;
    background: #ffbd29;
    clip-path: none;
  }

  header .mid-header .container-fluid {
    padding: 0 10px;
  }
}

@media (max-width:568px) {
  header .top-header .row>*{
padding:0;

  }
  header .top-header .right-content::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    bottom: inherit;
    left: 0;
    margin: 0 auto;
    background: #ffbd29;
    clip-path: none;
  }

  header .mid-header img {
    margin-bottom: 20px;
    
  }
  header .marquee-text {
    display: none;
  }
  header .marquee-text.text-second {
    display: block;
  }
  header .top-header .right-content .btn-grp .main-btn{
    display: none;
  }
  header .typed-text {
    display: block;
  }
}