/* ==========Aboutus==========*/
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");


.termbox li{
    color: white;
}
.abouthead {
      font-family: Nunito;
      font-size: 34px !important;
      color: #ed1651;
      text-align: center;
      padding: 5px;
      font-weight: 700;
}

.abtext {
      color: #375975;
      font-size: 16px;
      text-align: justify;
      font-weight: 400;
}

.aboutheading {
      font-size: 36px;
      color: #ffffff;
      font-weight: 600;
      margin-top: 20px;
      text-align: center;
      font-family: Nunito;
}
.definition {
      color: #ed1651;
      text-align: center;
      font-size: 34px;
      font-weight: 700;
      font-family: Nunito;
}
.beautyhead {
      color: #ed1651;
      text-align: center;
      font-size: 34px;
      font-weight: 700;
      font-family: Nunito;
}

.parallax-window {
      /* height: 400px; */
      background: transparent;
      padding-top: 7%;
      padding-left: 100px;
      padding-right: 100px;
      width: 100%;
}

.abouttext {
      text-align: justify;
      font-size: 18px;
      line-height: 140%;
      font-weight: 400;
      color: #fff;
      padding: 10px !important;
      background-color: rgba(1, 18, 55, 0.9) !important;
}

.btnapply {
      background-color: #e51a4d !important;
      border: none;
      text-align: center !important;
      color: #ffffff !important;
      font-weight: 700;
      margin-top: 25px;
      padding: 10px 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
}

.btnapply:hover {
      background-color: #19294a !important;
      color: #e51a4d !important;
      border: #ffffff 2px solid !important;
}
.grid {
      position: relative;
      margin: 0 auto;
      padding: 1em 0 4em;
      max-width: 1000px;
      list-style: none;
}

/* Common style */
.grid figure {
      position: relative;
      float: left;
      overflow: hidden;
      background: #3085a3;
      text-align: center;
      cursor: pointer;
}

.grid figure img {
      position: relative;
      display: block;
      /* min-height: 100%; */
      /* max-width: 100%; */
      opacity: 0.8;
}

.grid figure figcaption {
      padding: 2em;
      color: #fff;
      text-transform: uppercase;
      font-size: 1.25em;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
      pointer-events: none;
}

/* Individual effects */

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
      /*  background: #9e5406;  */
      height: 350px;
      width: 100%;
      margin-top: 60px;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
      position: absolute;
      top: 30px;
      right: 30px;
      bottom: 30px;
      left: 30px;
      content: "";
      opacity: 0;
      -webkit-transition:
            opacity 0.35s,
            -webkit-transform 0.35s;
      transition:
            opacity 0.35s,
            transform 0.35s;
}

figure.effect-bubba figcaption::before {
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff;
      -webkit-transform: scale(0, 1);
      transform: scale(0, 1);
}

figure.effect-bubba figcaption::after {
      border-right: 1px solid #fff;
      border-left: 1px solid #fff;
      -webkit-transform: scale(1, 0);
      transform: scale(1, 0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
}

figure.effect2-bubba {
      background: #9e5406;
      height: 206px;
      width: 360px;
      margin-top: -300px;
      margin-left: 260px;
}

@media screen and (max-width: 50em) {
      .content {
            padding: 0 10px;
            text-align: center;
      }
      .grid figure {
            display: inline-block;
            float: none;
            margin: 10px auto;
            width: 100%;
      }
}

/*==============Sponsor===============*/

.sponsortext {
      font-size: 32px;
      color: #ed1651;
      text-align: center;
      font-weight: 600;
      padding-bottom: 2%;
}

/*===========Judgepanel==========*/

.judgetext {
      font-size: 32px;
      color: #ed1651;
      text-align: center;
      font-weight: 600;
      padding-bottom: 2%;
}

.judgename {
      color: #ababab;
      font-family: Nunito;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: 2px;
      text-transform: uppercase;
      text-align: center;
      font-style: normal;
}

/*=============Pageant calender========*/

div.bhoechie-tab-container {
      z-index: 10;
      background-color: #f8f8f8;
      padding: 25px !important;
      border-radius: 4px;
      -moz-border-radius: 4px;
      border: 1px solid #ddd;
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      background-clip: padding-box;
      opacity: 0.97;
      filter: alpha(opacity=97);
      width: 100%;
      border: 2px solid green;
      border-left: none;
      border-radius: 8px;
}
div.bhoechie-tab-menu {
      padding-right: 0;
      padding-left: 0;
      padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group {
      margin-bottom: 0;
      /* //border: 2px solid red; */
}
div.bhoechie-tab-menu div.list-group > a {
      width: 80%;
      padding: 12px 20px 12px 20px;
      margin-bottom: 0;
      /*  border-right: none;*/
      border-radius: 8px 0px 0px 8px;
      background-color: #375975;
      color: white;
      border: 1px solid #f8f8f8;
      border-radius: 46px;
      margin-bottom: 8px;
}

div.bhoechie-tab-menu div.list-group > a p{
    color: white !important;
}


div.bhoechie-tab-menu div.list-group > a .glyphicon,
div.bhoechie-tab-menu div.list-group > a .fa {
      color: #666;
}
div.bhoechie-tab-menu div.list-group > a:first-child {
      /*border-top-right-radius: 0;*/
      /*-moz-border-top-right-radius: 0;*/
}
div.bhoechie-tab-menu div.list-group > a:last-child {
      /*border-bottom-right-radius: 0;*/
      /*-moz-border-bottom-right-radius: 0;*/
}
div.bhoechie-tab-menu div.list-group > a.active,
div.bhoechie-tab-menu div.list-group > a.active .glyphicon,
div.bhoechie-tab-menu div.list-group > a.active .fa {
      background-color: #e51a4d;
      /*background-image: #5a55a3;*/
      color: white;
      padding-top: 5px;
      padding-bottom: 10px;
      line-height: 0.5;
      border-radius: 46;
      border-color: #ddd;
      border-right: none;
}

div.bhoechie-tab-menu div.list-group > a.active:after {
      content: "";
      position: absolute;
      /* //left: 100%; */
      /* // top: 50%; */
      margin-top: -13px;
      border-left: 0;
}

div.bhoechie-tab-content {
      background-color: #f8f8f8;
      /*border: 1px solid #eeeeee;*/
      text-align: justify;
      margin-top: 5%;
      margin-right: 20%;
      color: #375975;
      line-height: 1.8;
}
div.bhoechie-tab-content ul > li {
      list-style: none;
      text-align: justify;
      margin-top: 10px;
}
div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
      display: none;
}
.list-group-item {
      padding: 0px;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
      border-color: #f8f8f8;
      background-color: red;
}
.list-group-item.active {
      /* border-color:#f8f8f8;   */
      padding-top: 5px;
      padding-bottom: 10px;
      line-height: 0.5;
}
.list-group-item {
      padding-top: 5px;
      padding-bottom: 10px;
      line-height: 0.5;
}
.list-group a {
      color: #666;
}
.country {
      font-size: 18px;
      font-weight: bold;
}
.searchbtn {
      background-color: #e51a4d !important;

      border: none;
      text-align: center !important;
      color: #ffffff !important;
      font-weight: 700;

      margin-bottom: 10px;
      padding: 6px 20px;
      border-radius: 18px;
}
th {
      cursor: pointer;
      padding: 10px 10px 10px 15px;
}

/*==========Franchise=======*/

.fimg {
      background-image: url("");
      width: auto;
      height: 350px;
      position: relative;
}
.franchise {
      padding: 6% 5% 6% 5%;
      font-size: 16px;
      font-family: Nunito;
      color: #375975;
}
.franchiseterms {
      width: 95%;
      font-size: 16px;
      text-align: justify;
      margin: 0px auto;
      color: #fff;
      background-color: rgba(1, 18, 55, 0.8);
      padding: 3%;
      line-height: 28px;
      overflow-y: scroll;
      height: 550px;
}
.fterms {
      padding: 2% 0 0 5%;
}
.nextbtn {
      background-color: #e51a4d !important;
      border: none;
      text-align: center !important;
      color: #ffffff !important;
      font-weight: 700;
      margin-top: 20px;
      margin-bottom: 10px;
      padding: 6px 20px;
      border-radius: 2px;
}

/*===============Faq=========*/

.faqtext {
      text-align: justify;
      font-size: 16px;
      color: #375975;
      font-weight: 400;
      font-family: Nunito;
}

/*========= Contestants========*/

.countryname {
      color: #ababab;
      font-family: Nunito;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: 2px;
      text-transform: uppercase;
      text-align: center;
      font-style: normal;
}

/*==========Contact us===========*/

.misstext {
      font-family: Nunito;
      font-weight: 700;
      font-style: normal;
      font-size: 24px;
      color: #ed1651;
}

.misstext1 {
      font-family: Nunito;
      font-style: normal;
      font-size: 18px;
      color: #375975;
}
.inputtext {
      border-radius: 25px !important;
      outline: none;
      background-color: #faf8f4 !important ;
      font-family: Verdana, Geneva, sans-serif;
      overflow: hidden;
      resize: none;
}

.btnn {
      background: transparent !important ;
      border: 2px solid #e0e0e0 !important;
      border-radius: 50px;
      color: #e51a4d;
      font-weight: 700;
      margin-top: 25px;
      margin-bottom: 25px;
      padding: 10px 30px;
}
.btnn:hover {
      background-color: #e51a4d !important;
      border: 2px solid #ffffff !important;
      color: #ffffff;
}
.contact {
      text-align: center;
      color: #ed1651;
      font-family: Verdana, Geneva, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 28px;
}

/*==========Privacy policy======*/

.privacypolicy {
      padding: 2% 8% 5% 8%;
}
.privacytext {
      text-align: justify;
      font-size: 16px;
      color: #375975;
      font-weight: 400;
      font-family: Nunito;
}

/*=========Termscondition=========*/

.terms {
      padding: 3% 8% 5% 8%;
      text-align: justify;
      font-size: 16px;
      color: #375975;
      font-weight: 400;
      font-family: Nunito;
}
.ulstyle {
      list-style-type: disc;
}

/*========Career=========*/

.applyterms {
      width: 90%;
      font-size: 16px;
      text-align: justify;
      margin: 0px auto;
      color: #fff;
      background-color: rgba(1, 18, 55, 0.8);
      padding: 4%;
      line-height: 28px;
      overflow-y: scroll;
      height: 325px;
}
.applytext {
      color: #12385e;
      text-align: justify;
      font-family: Nunito;
      font-weight: 400;
}

.applylist {
      font-size: 18px;
      list-style-type: disc;
      font-weight: 400;
}

/*==========Registration Now============*/

.registertext {
      color: #12385e;
      text-align: justify;
      font-family: Nunito;
      font-weight: 400;
}
.registerterms {
      width: 90%;
      font-size: 16px;
      text-align: justify;
      margin: 0px auto;
      color: #fff;
      background-color: rgba(1, 18, 55, 0.8);
      padding: 4%;
      line-height: 28px;
      overflow-y: scroll;
      height: 450px;
}
.rterms {
      padding: 2% 7% 2% 7%;
}

/*  ==========Registration Form============*/

.formm {
      background-image: url("");
      background-size: cover;
      background-repeat: no-repeat;
      padding: 0px;
}

.formbody {
      background-color: #fff;
      opacity: 0.9;
}
.notok {
      border: 1px solid red;
}
.text {
      color: #375975;
      font-weight: 600;
}
.mtext {
      color: #375975;
      font-size: 17px;
      font-weight: 500;
}
.rtext {
      color: #375975;
      font-size: 17px;
      font-weight: 500;
}
.rad {
      text-align: center;
}
.tabs {
      background-color: red;
}

/*============Footer=============*/

.footer {
      width: 100%;
      height: auto;
      background-color: #000a38;
}
.imglogo {
      text-align: center;
      padding: 32% 0% 0% 0%;
}
.footer-heading,
.footer-heading p {
      color: #fff;
      margin-top: 45px;
      text-transform: uppercase;
      font-size: 18px;
      font-weight: 600;
}
.text-link {
      text-align: center;
      padding-top: 15px;
      list-style: none;
      color: #fff;
      font-size: 16px;
      line-height: 2.5;
      font-weight: 400;
      text-transform: uppercase;
}
.footertext {
      text-align: center;
      color: #fff;
}
.address {
      text-align: center;
      padding-top: 15px;
      color: #fff;
      font-size: 16px;
      font-weight: 400;
}
.copyright {
      color: #fff;
      text-align: center;
      padding-top: 5px;
}

hr {
      background-color: #616366;
}
.socail li {
      list-style: none;
      padding-left: 15px;
      float: left;
}
ul {
      list-style: none;
}
.contact-submit input {
      background: transparent;
      border: 2px solid #e0e0e0 !important;
      border: none;
      color: #e51a4d;
      font-weight: 700;
      margin-top: 25px;
      padding: 10px 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
}
.contact-submit input:hover {
      background-color: #e51a4d !important;
      border: 2px solid #e51a4d !important;
      color: #ffffff !important;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
      background-color: #faf8f4;
      border: 1px solid #faf8f4;
      margin-bottom: 30px;
      padding: 8px 15px;
      width: 100%;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      font-size: 14px;
}
/* ==========================================================================
   MISS DUNIYA - PREMIUM HEADER HOVER EFFECTS (::before & ::after)
   ========================================================================== */

.navbar {
      border-bottom: 2px solid rgba(228, 168, 20, 0.2) !important; /* ਹਲਕਾ ਗੋਲਡਨ ਬਾਰਡਰ */
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

/* ਨੇਵਬਾਰ ਦੇ ਲਿੰਕਸ ਦੀ ਬੇਸ ਸਟਾਈਲਿੰਗ */
.navbar-nav .nav-link {
      position: relative;
      color: #222222 !important;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 1px;
      padding: 10px 15px !important;
      transition: color 0.4s ease;
}
.navbar-nav .nav-link::before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%) scale(0);
      width: 5px;
      height: 5px;
      background-color: #e4a814;
      border-radius: 50%;
      transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.navbar-nav .nav-link:hover::before,
.navbar-nav .nav-item.show .nav-link::before {
      transform: translateX(-50%) scale(1);
}

.navbar-nav .nav-link::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 15px;
      right: 15px;
      height: 2px;
      background: linear-gradient(90deg, #e4a814, #ffcb42, #e4a814);
      transform: scaleX(0);
      transform-origin: center;
      transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-item.show .nav-link::after {
      transform: scaleX(1);
}

.navbar-nav .nav-link:hover {
      color: #e4a814 !important;
}
.dropdown-menu {
      border: none !important;
      border-top: 3px solid #e4a814 !important;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
      border-radius: 0px !important;
      padding: 10px 0;
}

.dropdown-item {
      position: relative;
      font-weight: 500;
      color: #444;
      padding: 10px 20px !important;
      overflow: hidden;
      transition: all 0.3s ease;
}

.dropdown-item::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 3px;
      height: 100%;
      background-color: #e4a814;
      transform: scaleY(0);
      transition: transform 0.25s ease;
}

.dropdown-item:hover::before {
      transform: scaleY(1);
}

.dropdown-item:hover {
      background-color: rgba(228, 168, 20, 0.05) !important;
      color: #e4a814 !important;
      padding-left: 25px !important;
}

.navbar-nav .btn-outline-primary {
      border-color: #e4a814 !important;
      color: #e4a814 !important;
      position: relative;
      overflow: hidden;
      z-index: 1;
      transition: color 0.4s ease;
}

.navbar-nav .btn-outline-primary::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #e4a814;
      z-index: -1;
      transform: scaleX(0);
      transform-origin: right;
      transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar-nav .btn-outline-primary:hover::after {
      transform: scaleX(1);
      transform-origin: left;
}

.navbar-nav .btn-outline-primary:hover {
      color: #fff !important;
      border-color: #e4a814 !important;
}
