@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Righteous&display=swap');

body, html {
  width: 100%;
  overflow-x: hidden;
}

.membershipResponse table {
  width: 100% !important;
  border: 1px solid black !important;
}

.membershipResponse table td, .membershipResponse table th {
  border: 1px solid darkgray !important;
}

.bgblackLight {
    background-color: rgba(243, 231, 5, 0.5) !important;
  }

  .bannerText {
    padding: 20px;
    margin-top: 40px;
  }

  #aboutImage img {
    width: 100%;
  }

  .bold {
    font-weight: bold !important;
  }

  .bold400 {
    font-weight: 400 !important;
  }

  .hr {
    width: 100%;
    height: 2px;
    color: darkred;
    background-color: darkred;
  }

  .sectionPadding1 {
    padding: 30px 0px !important;
  }

  .sectionPadding2 {
    padding: 50px 0px !important;
  }

  #articles {
    background-image: url(../imgs/pages/home_article_3.png);
    background-size: cover;
    background-size: 100% 100%;
  }

  .colorWhite{color:#fff;}

  #requests .row .row .type h2 img {
    height: 100%;
    width: 100%;
  }

  #headerInner {
    background-image: url(../imgs/banner/inner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 250px;
  }

  #logoImg {
    background: darkred;
  padding: 5px;
  }

  /* member page */
  #memberData .profileBox {
    background-color: darkred;
    color: #fff;
  }

  .profileBox {
    border-radius: 10px;
    border-top: 5px solid orange;
    box-shadow: 0 0.5rem 0.8rem #00000080;
    margin: 15px 0px;
    width: 100%;
    height: auto;
    padding: 10px 12px;
    text-align: center;
  }

  .profileBox img {
    border-radius: 50%;
    border: 4px solid gold;
  }

  .profileBox img {
    height: 150px;
    width: 150px;
  }

  .colorWhite {
    color: #fff;
  }

  .colorGold {
    color: gold;
  }

  .colorOrange {
    color: orange;
  }

  .colorBlack80 {
    color: #212121;
  }

  .colorBlack60 {
    color: #3c3c3d;
  }

  .colorGrey {
    color: grey;
  }

  .colorBlack {
    color: #000000;
  }

.txtShadowBlack {
  text-shadow: #000000;
}

.txtShadowWhite {
  text-shadow: #ffffff;
}

.pageTitle {
  box-shadow: 2px 3px 2px grey;
  color: darkred;
  padding: 10px;
  text-transform: capitalize;
  position: relative;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: "Righteous", sans-serif;
  font-weight: 400;
  font-style: normal;
}

#Nav2 li a {
  font-weight: 400 !important;
}

.memberID {
  color:gold;
  margin-top: -19px;
}

/*member search box */

#memberSearch {
  width: 90% !important;
}

.membersearchBtn {
  padding: 14px;
  border-radius: 0 1.5em 1.5em 0;
  margin-left: -60px;
  margin-top: -3px;
}

.searchBox input[type="text"] {
  box-sizing: border-box;
  width: 100%;
  height: calc(3em + 2px);
  margin: 0 0 1em;
  padding: 1em;
  border: 1px solid #ccc;
  border-radius: 1.5em;
  background: #fff;
  resize: none;
  outline: none;
}
.searchBox input[type="text"][required]:focus {
  border-color: #00bafa;
}
.searchBox input[type="text"][required]:focus + label[placeholder]:before {
  color: #00bafa;
}
.searchBox input[type="text"][required]:focus + label[placeholder]:before,
.searchBox input[type="text"][required]:valid + label[placeholder]:before {
  transition-duration: 0.2s;
  transform: translate(0, -1.5em) scale(0.9, 0.9);
}
.searchBox input[type="text"][required]:invalid + label[placeholder][alt]:before {
  content: attr(alt);
}
.searchBox input[type="text"][required] + label[placeholder] {
  display: block;
  pointer-events: none;
  line-height: 1.25em;
  margin-top: calc(-3em - 2px);
  margin-bottom: calc((3em - 1em) + 2px);
}
.searchBox input[type="text"][required] + label[placeholder]:before {
  content: attr(placeholder);
  display: inline-block;
  margin: 0 calc(1em + 2px);
  padding: 0 2px;
  color: #898989;
  white-space: nowrap;
  transition: 0.3s ease-in-out;
  background-image: linear-gradient(to bottom, #fff, #fff);
  background-size: 100% 5px;
  background-repeat: no-repeat;
  background-position: center;
}

/* end of search text */


/* ======================================= */
.about_ishbt .aboutPara {
  box-shadow: 0px 0px 9px black;
  border-radius: 10rem;
  height: 350px;
}

.about_ishbt .aboutPara .content {
  height: 350px;
  border-radius: 10rem 0 0 10rem;
  margin-top: 8%;
  margin-left: 50px;
}

.about_ishbt .aboutPara .img {
  overflow: hidden;
  border-radius: 0 10rem 10rem 0;
  height: 350px;
}
.about_ishbt .aboutPara .img img {
  width:100%;
  height: 100%;
}

.about_ishbt .content2, .about_ishbt .img2 {
  height: 250px;
}

.about_ishbt .img2 {
overflow: hidden;
}

.about_ishbt .img2 img {
  height: 100%;
  width: 100%;
}

.imagesRow {
  border-top: 2px dashed darkred;
  padding-top: 15px;
}

.imagesRow .imgs img{
  height: 350px;
}

/* ====================================== */


/* stylish list journey */

.aboutJourney ol li {
  margin: 0;
	padding: 9px 0 9px 40px;
	list-style: none;
	background-image: url(../imgs/web/icons/timer.png);
	background-repeat: no-repeat;
	background-position: left center top;
	background-size: 25px;
}

.aboutJourney ol li ol li {
  margin: 0;
	padding: 6px 0 6px 24px;
	list-style: none;
	background-image: url(../imgs/web/icons/redDot.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px;
}

.exeProfileBox {
  overflow: hidden;
  height: 290px;
  margin-bottom: 20px;
}

.exeProfileBox .labels {
  background-color: #3c3c3d;
  color: #fff;
  text-align: center !important;
}

.exeProfileBox .img {
  height: 180px;
}

.exeProfileBox .img img {
  height: 100%;
  width:auto;
}
/* stylish list - journey */

/* defaults-theme */

.font14 {
  font-size: 14px !important;
}

.font16 {
  font-size: 16px !important;
}

.font18 {
  font-size: 18px !important;
}

.font20 {
  font-size: 20px !important;
}

.font22 {
  font-size: 22px !important;
}

.font32 {
  font-size: 32px !important;
}

.shadow {
  box-shadow: 0px 0px 6px black;
}

.shadowInset {
  box-shadow: 0px 0px 6px black inset;
}

/* ================================================================= */
/* custom btn */
.btns {
  display: flex;
  height: 3vh;
  align-items: center;
  justify-content: center;
  border-top: 0px solid #2C3BA7 !important;
  flex-flow: column;
  width: 100%;
  transform: scale(10);
  transition: 1s;
  animation: bummer 1s;
  animation-fill-mode: forwards;
}

.btns a {
  width: 100%;
  width: 320px;
  height: 74px;
  padding: 8px;
  font-size: 0.8rem;
  font-weight: 900;
  color: #ff4655;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0px 0px 6px gold;
  position: relative;
  margin: 10px 0;
  background-color: gainsboro;
}

.btns a.white:hover>p {
  color: #ece8e1;
}

.btns a.white>p {
  /* background: #253A97; */
  color: #ffffff;
  background: rgb(22, 120, 200);
  /* background: radial-gradient(circle, rgba(22,120,200,1) 20%, rgba(43,62,169,1) 100%); */
  animation-name: backgroundColorPalette;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
}

.btns a.white>p span.base {
  border: 1px solid transparent;
}

.btns a.transparent:hover>p {
  color: #ece8e1;
}

.btns a.transparent:hover>p span.text {
  box-shadow: 0 0 0 1px #ece8e1;
}

.btns a.transparent>p {
  background: #0f1923;
  color: #ece8e1;
}

.btns a.transparent>p span.base {
  border: 1px solid #ece8e1;
}

.btns a:after,
.btns a:before {
  content: "";
  width: 3px;
  position: absolute;
  height: 8px;
  background: #2C3BA7;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.btns a:before {
  right: 0;
  left: initial;
}

.btns a p {
  margin: 0;
  height: 54px;
  line-height: 54px;
  box-sizing: border-box;
  z-index: 1;
  left: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.btns a p span.base {
  box-sizing: border-box;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  left: 0;
  border: 1px solid #147ECB;
}

.btns a p span.base:before {
  content: "";
  width: 2px;
  height: 2px;
  left: -1px;
  top: -1px;
  background: #0f1923;
  position: absolute;
  transition: 0.3s ease-out all;
}

.btns a p span.bg {
  left: -5%;
  position: absolute;
  background: #c92027;
  width: 0;
  height: 100%;
  z-index: 3;
  transition: 0.3s ease-out all;
  transform: skewX(-10deg);
}

.btns a p span.text {
  z-index: 4;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: normal;
  font-size: 18px;
  border: 2px solid #c92027;
  font-weight: 600;

}

.btns a p span.text:after {
  content: "";
  width: 4px;
  height: 4px;
  right: 0;
  bottom: 0;
  background: #0f1923;
  position: absolute;
  transition: 0.3s ease-out all;
  z-index: 5;
}

.btns a:hover {
  color: #ece8e1;
}

.btns a:hover span.bg {
  width: 110%;
}

.btns a:hover span.text:after {
  background: #ece8e1;
}

@keyframes backgroundColorPalette {
  0% {
      background: -webkit-linear-gradient(top left, #4B100E, #3759A2);
      background: -moz-linear-gradient(top left, #4B100E, #3759A2);
      background: linear-gradient(to bottom right, #4B100E, #3759A2);
  }

  25% {
      background: -webkit-linear-gradient(top left, rgba(248, 212, 83, 1.0), rgba(255, 93, 91, 1.0));
      background: -moz-linear-gradient(top left, rgba(248, 212, 83, 1.0), rgba(255, 93, 91, 1.0));
      background: linear-gradient(to bottom right, rgba(248, 212, 83, 1.0), rgba(255, 93, 91, 1.0));
  }

  50% {
      background: #888EBF;
      background: -webkit-linear-gradient(top left, #888EBF, #2293A0);
      background: -moz-linear-gradient(top left, #888EBF, #2293A0);
      background: linear-gradient(to bottom right, #888EBF, #2293A0);
  }

  75% {
      background: -webkit-linear-gradient(top left, #98F7AF, #4480BD);
      background: -moz-linear-gradient(top left, #98F7AF, #4480BD);
      background: linear-gradient(to bottom right, #98F7AF, #4480BD);
  }

  100% {
      background: #2F5C7F;
      background: -webkit-linear-gradient(top left, #2F5C7F, #1D7986);
      background: -moz-linear-gradient(top left, #2F5C7F, #1D7986);
      background: linear-gradient(to bottom right, #2F5C7F, #1D7986);
  }
}

@-webkit-keyframes bummer {
  100% {
      -webkit-transform: scale(1, 1);
  }
}

@keyframes bummer {
  100% {
      transform: scale(1, 1);
  }
}

/* custom btn */

/* executive committee */
.team-block {
  position: relative;
  background: #f6f6f6;
  overflow: hidden;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.1);
  -khtml-box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.1);
  -moz-transition: all 700ms ease-out 0s;
  -webkit-transition: all 700ms ease-out 0s;
  -ms-transition: all 700ms ease-out 0s;
  -o-transition: all 700ms ease-out 0s;
  transition: all 700ms ease-out 0s;
}
.team-block .team-upper-part img {
  border-radius: 8px 0px 0 40px;
  -moz-transition: all 500ms ease-out 0s;
  -webkit-transition: all 500ms ease-out 0s;
  -ms-transition: all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.team-block .team-upper-part .social-list {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  -moz-transition: all 500ms ease-out 0s;
  -webkit-transition: all 500ms ease-out 0s;
  -ms-transition: all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
  opacity: 0;
  transform: scale(0);
}
.team-block .team-bottom-part {
  padding: 20px;
  display: inline-block;
  width: 100%;
  text-align: center;
  z-index: 2;
}
.team-block .team-bottom-part .designation {
  color: #0c59db;
  -moz-transition: all 400ms ease-out 0s;
  -webkit-transition: all 400ms ease-out 0s;
  -ms-transition: all 400ms ease-out 0s;
  -o-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
}
.team-block .team-bottom-part .social-list {
  display: inline-block;
  margin-top: 15px;
  text-align: center;
}
.team-block .team-bottom-part .social-list li a {
  background: transparent;
  font-size: 18px;
  color: #333;
}
.team-block .team-bottom-part .social-list li:last-child {
  margin-right: 0;
}
.team-block:after {
  position: absolute;
  content: "";
  background: linear-gradient(45deg, #0E90D5, #3032A2) !important;
  height: 8%;
  width: 12px;
  bottom: 0;
  right: 0;
  transition: 500ms;
  opacity: 0.6;
}
.team-block:before {
  content: "";
  position: absolute;
  height: 70px;
  width: 80px;
  background: linear-gradient(-20deg, darkred, red) !important;
  bottom: -30px;
  left: -50px;
  transform: rotate(45deg);
  transition: 500ms;
  opacity: 0.6;
}
.team-block:hover {
  background: linear-gradient(45deg, darkred, red) !important;
}
.team-block:hover:after {
  content: none;
}
.team-block:hover:before {
  transform: rotate(135deg);
  opacity: 0;
}
.team-block:hover .team-upper-part img {
  margin-left: 10px;
}
.team-block:hover .team-bottom-part .social-list li a {
  color: #fff;
}
.team-block:hover .team-bottom-part .team-title a {
  color: #fff;
}
.team-block:hover .team-bottom-part .designation {
  color: #fff;
}

.img290 {
  height: 290px;
}

/* exe committee end */

/* events */
.mrb-15 {
  margin-bottom: 15px;
}
.mrt-15 {
  margin-top: 15px;
}
.sub-title-side-line {
  position: relative;
  padding-left: 60px;
  display: inline-block;
}
.text-primary-color {
  color: darkred;
}
h5 {
  font-size: 18px;
  line-height: 24px;
}
h5, h6 {
  font-weight: 600;
}
.sub-title-side-line::before {
  position: absolute;
  background: linear-gradient(45deg, red, darkred) !important;
  height: 2px;
  width: 50px;
  content: "";
  top: 15px;
  left: 0;
}

.mrb-30 {
  margin-bottom: 30px;
}

.news-wrapper .news-thumb {
  position: relative;
  overflow: hidden;
}

.news-wrapper:hover .news-thumb img {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.news-wrapper:hover .news-thumb .news-top-meta {
  left: 30px;
}
.news-wrapper:hover .news-thumb:after {
  opacity: 1;
  -moz-transform: perspective(0) rotateX(0);
  -o-transform: perspective(0) rotateX(0);
  -ms-transform: perspective(0) rotateX(0);
  -webkit-transform: perspective(0) rotateX(0);
  transform: perspective(0) rotateX(0);
}

.news-wrapper .news-thumb {
  position: relative;
  overflow: hidden;
}
.news-wrapper .news-thumb img {
  -moz-transition: all 500ms ease-out 0s;
  -webkit-transition: all 500ms ease-out 0s;
  -ms-transition: all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.news-wrapper .news-thumb .news-top-meta {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 1;
  padding: 4px 14px;
  background: darkred;
  font-size: 14px;
  color: #fff;
  -moz-transition: all 400ms ease-out 0s;
  -webkit-transition: all 400ms ease-out 0s;
  -ms-transition: all 400ms ease-out 0s;
  -o-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
}
.news-wrapper .news-thumb .news-top-meta a {
  color: #fff;
}
.news-wrapper .news-thumb .news-top-meta i {
  font-size: 15px;
  margin-right: 8px;
  vertical-align: middle;
  color: #ffffff;
}
.news-wrapper .news-thumb .news-top-meta .admin {
  background: #ececec;
  padding: 2px 20px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1.2px;
  font-size: 11px;
  color: #17305e;
}
.news-wrapper .news-thumb .news-top-meta .admin a {
  color: #17305e;
}
.news-wrapper .news-thumb .news-top-meta .comment {
  background: darkred;
  padding: 2px 17.9px;
  min-width: 96px;
}
.news-wrapper .news-thumb:after {
  position: absolute;
  content: "";
  /*background: rgba(23, 48, 94, 0.6);*/
  background: rgba(139, 0, 0, 0.6);
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -moz-transition: all 400ms ease-out 0s;
  -webkit-transition: all 400ms ease-out 0s;
  -ms-transition: all 400ms ease-out 0s;
  -o-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
  -moz-transform: perspective(3em) rotateY(-3deg);
  -o-transform: perspective(3em) rotateY(-3deg);
  -ms-transform: perspective(3em) rotateY(-3deg);
  -webkit-transform: perspective(3em) rotateY(-3deg);
  transform: perspective(3em) rotateY(-3deg);
  transform-origin: top;
}
.news-wrapper .news-details {
  background: #ffffff;
  padding: 30px;
  box-shadow: 0 0 16px 10px rgba(0, 0, 0, 0.06);
}
.news-wrapper .news-details .news-description .news-bottom-meta {
  color: #828c99;
  background: #f5f6fc;
  padding: 10px 20px;
  border-left: 3px solid darkred;
}
.news-wrapper .news-details .news-description .the-content {
  margin-bottom: 20px;
}
.news-wrapper .news-details .news-link {
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  letter-spacing: 1.2px;
  line-height: 16px;
  position: relative;
}
.news-wrapper .news-details .news-link a {
  color: darkred;
  font-size: 15px;
}
.news-wrapper .news-details .news-link a i::before {
  font-size: 16px;
  vertical-align: middle;
  transition: 300ms;
}
.news-wrapper .news-details .news-link:hover {
  color: darkred;
}
.news-wrapper .news-details .news-link:hover:before {
  width: 100%;
}
.news-wrapper .news-details .news-link:hover a i::before {
  margin-left: 6px;
}
.news-wrapper .news-details .news-link:before {
  content: '';
  width: 60%;
  height: 2px;
  background: darkred;
  left: 0;
  position: absolute;
  bottom: -5px;
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.news-wrapper:hover .news-thumb img {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.news-wrapper:hover .news-thumb .news-top-meta {
  left: 30px;
}
.news-wrapper:hover .news-thumb:after {
  opacity: 1;
  -moz-transform: perspective(0) rotateX(0);
  -o-transform: perspective(0) rotateX(0);
  -ms-transform: perspective(0) rotateX(0);
  -webkit-transform: perspective(0) rotateX(0);
  transform: perspective(0) rotateX(0);
}

.news-wrapper .news-details .news-description .news-bottom-meta {
  color: #828c99;
  background: #f5f6fc;
  padding: 10px 20px;
  border-left: 3px solid darkred;
}

.newAddon img {
  height: 400px !important;
  width: auto;
}

.pimg {
  height: 180px;
  width: 180px;
  border-radius: 50%;
  border:3px groove red;
  overflow: hidden;
}

.pimg:hover img {
transform: scale(1.1);
}

.pimg img {
  height: 100%;
  width: 100%;
}

.awardMainCategory {
  background-color: #147ECB;
  color:#fff;
  padding: 10px 30px 10px 10px;
  border-radius: 0px 20px 20px 0px;
  border: 2px solid #00bafa;
  box-shadow: 0px 0px 3px grey;
  font-size: 24px;
}

.awardSubCategory {
  background: linear-gradient(-20deg, red, darkred) !important;
  color:#fff;
  padding: 10px 30px 10px 10px;
  border-radius: 20px 0px 0px 20px;
  border: 2px solid red;
  box-shadow: 0px 0px 3px grey;
  font-size: 18px;
}

table tr:hover {
  background-color: #0E90D5;
  color:#fff;
  transition: all 1.5s;
}

/* events */

/* home download section */

.accordion .accordion-item .accordion-header.active .title {
  background: linear-gradient(-20deg, red, darkred) !important;
  color: #fff;
  margin-bottom: 0px;
}

.accordion .accordion-item .accordion-body {
  padding: 20px;
  background: #edf0fa;
  margin-top: 0px;
}

.footer-widget-list li a::before {
  position: absolute;
  content: '\f105';
  left: 0px;
  top: -3px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/* home download section */

/* menu for nav_2 */
.header-style-one .header-wrapper .header-navigation-area {
  background: #ECF1F8;
  transition: all 0.4s ease-out 0s;
}
.header-style-one .header-wrapper .header-navigation-area .main-menu ul li {
  display: inline-block;
  margin-right: 45px;
  position: relative;
  -moz-transition: all 300ms ease-out 0s;
  -webkit-transition: all 300ms ease-out 0s;
  -ms-transition: all 300ms ease-out 0s;
  -o-transition: all 300ms ease-out 0s;
  transition: all 300ms ease-out 0s;
}
.header-style-one .header-wrapper .header-navigation-area .main-menu ul li:last-child {
  margin-right: 0;
}
.header-style-one .header-wrapper .header-navigation-area .main-menu ul li a {
  padding: 36px 0;
  display: block;
  color: #2f2b2b;
  font-weight: 600;
}
.header-style-one .header-wrapper .header-navigation-area .main-menu ul li.has-sub.right-view ul {
  right: -20px;
  left: auto;
}
.header-style-one .header-wrapper .header-navigation-area .main-menu ul li.has-sub > a::before {
  content: "\f067";
  position: absolute;
  right: -16px;
  top: 50%;
  -moz-transform: translate(0, -13px);
  -o-transform: translate(0, -13px);
  -ms-transform: translate(0, -13px);
  -webkit-transform: translate(0, -13px);
  transform: translate(0, -13px);
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
}
.header-style-one .header-wrapper .header-navigation-area .main-menu ul li:hover > a {
  color: #0c59db;
}
.header-style-one .header-wrapper .header-navigation-area .main-menu ul li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.header-style-one .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu {
  position: absolute;
  width: 220px;
  background: #f8f8f8;
  z-index: 2;
  -moz-transition: all 300ms ease-out 0s;
  -webkit-transition: all 300ms ease-out 0s;
  -ms-transition: all 300ms ease-out 0s;
  -o-transition: all 300ms ease-out 0s;
  transition: all 300ms ease-out 0s;
  opacity: 0;
  visibility: hidden;
  left: 0;
  transform-origin: top;
  top: 100%;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
}
.header-style-one .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li {
  display: block;
  margin: 0;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.header-style-one .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li:last-child {
  border-bottom: none;
}
.header-style-one .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li a {
  padding: 8px 20px;
  font-size: 14px;
}
.header-style-one .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li:hover > a {
  padding-left: 25px;
  background-color: #0c59db;
  color: #fff;
}
.header-style-one .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
}
.header-style-one .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li ul.sub-menu {
  left: 100%;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.header-style-one .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li.has-sub-child > a::before {
  content: "\f105";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-15px);
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
}
.header-style-one .header-wrapper .header-navigation-area.inner-page .main-menu ul li a {
  padding: 35px 0;
}
.header-style-one .header-wrapper .header-navigation-area.transparent-header {
  background: transparent;
  position: fixed;
  z-index: 9999;
  width: 100%;
  padding: 20px 0;
  top: 0;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header-style-one .header-wrapper .header-navigation-area.transparent-header.fixed {
  background: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  padding: 10px 0;
  -webkit-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -khtml-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
}
.header-style-one .header-wrapper .header-navigation-area.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -khtml-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

/*Header Style Two*/
.header-style-two .header-wrapper .header-middle {
  padding: 30px 0;
  margin: 0 auto;
  position: static;
}
.header-style-two .header-wrapper .header-middle .topbar-info-area i {
  margin-right: 15px;
  color: #0c59db;
  vertical-align: middle;
  height: 48px;
  width: 48px;
  line-height: 48px;
  text-align: center;
  background: #ECF1F8;
  border: 1px solid #eee;
}
.header-style-two .header-wrapper .header-middle .topbar-info-area i:before {
  font-size: 26px;
}
.header-style-two .header-wrapper .header-middle .topbar-info-area a {
  font-size: 15px;
}
.header-style-two .header-wrapper .header-navigation-area {
  background: #F7F8FC;
  position: relative;
  z-index: 5;
}
.header-style-two .header-wrapper .header-navigation-area .main-menu ul li {
  display: inline-block;
  margin-right: 25px;
  position: relative;
  -moz-transition: all 300ms ease-out 0s;
  -webkit-transition: all 300ms ease-out 0s;
  -ms-transition: all 300ms ease-out 0s;
  -o-transition: all 300ms ease-out 0s;
  transition: all 300ms ease-out 0s;
}
.header-style-two .header-wrapper .header-navigation-area .main-menu ul li:last-child {
  margin-right: 0;
}
.header-style-two .header-wrapper .header-navigation-area .main-menu ul li a {
  padding: 26px 0;
  display: block;
  color: #1e1e1e;
  font-weight: 600;
}
.header-style-two .header-wrapper .header-navigation-area .main-menu ul li.has-sub.right-view ul {
  right: -20px;
  left: auto;
}
.header-style-two .header-wrapper .header-navigation-area .main-menu ul li.has-sub > a::before {
  content: "\f067";
  position: absolute;
  right: -12px;
  top: 50%;
  -moz-transform: translate(0, -13px);
  -o-transform: translate(0, -13px);
  -ms-transform: translate(0, -13px);
  -webkit-transform: translate(0, -13px);
  transform: translate(0, -13px);
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
}
.header-style-two .header-wrapper .header-navigation-area .main-menu ul li:hover > a {
  color: deepskyblue;
}
.header-style-two .header-wrapper .header-navigation-area .main-menu ul li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}
.header-style-two .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu {
  position: absolute;
  width: 220px;
  background: purple;
  z-index: 2;
  -moz-transition: all 300ms ease-out 0s;
  -webkit-transition: all 300ms ease-out 0s;
  -ms-transition: all 300ms ease-out 0s;
  -o-transition: all 300ms ease-out 0s;
  transition: all 300ms ease-out 0s;
  opacity: 0;
  visibility: hidden;
  left: 0;
  transform-origin: top;
  top: 100%;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
}
.header-style-two .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li {
  display: block;
  margin: 0;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.header-style-two .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li:last-child {
  border-bottom: none;
}
.header-style-two .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li a {
  padding: 8px 20px;
  font-size: 14px;
}
.header-style-two .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li:hover > a {
  padding-left: 25px;
  background: #0c59db;
  color: #fff;
}
.header-style-two .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
}
.header-style-two .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li ul.sub-menu {
  left: 100%;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.header-style-two .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li.has-sub-child > a::before {
  content: "\f067";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-12px);
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
}
.header-style-two .header-wrapper .header-navigation-area.inner-page .main-menu ul li a {
  padding: 35px 0;
}
.header-style-two .header-wrapper .header-navigation-area.transparent-header {
  background: transparent;
  position: fixed;
  z-index: 9999;
  width: 100%;
  padding: 20px 0;
  top: 0;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header-style-two .header-wrapper .header-navigation-area.transparent-header.fixed {
  background: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  padding: 10px 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -khtml-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.header-style-two .header-wrapper .header-navigation-area.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -khtml-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -moz-transition: all 600ms ease-out 0s;
  -webkit-transition: all 600ms ease-out 0s;
  -ms-transition: all 600ms ease-out 0s;
  -o-transition: all 600ms ease-out 0s;
  transition: all 600ms ease-out 0s;
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

/*Header Searchbox Style Two*/
.header-searchbox-style-one {
  position: relative;
  float: right;
}
.header-searchbox-style-one .show-searchbox {
  float: right;
  margin-left: 32px;
  position: relative;
  margin-top: 3px;
}
.header-searchbox-style-one .show-searchbox a {
  position: relative;
  width: 35px;
  height: 35px;
  background: #0c59db;
  display: block;
  border-radius: 6px;
  text-align: center;
  line-height: 35px;
  margin: 27px 0 30px;
}
.header-searchbox-style-one .show-searchbox a i {
  font-size: 14px;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header-searchbox-style-one .show-searchbox.active .fa-search::before {
  content: "\f00d";
}
.header-searchbox-style-one .toggle-searchbox {
  position: absolute;
  right: 0;
  top: 170%;
  width: 315px;
  opacity: 0;
  padding: 20px;
  visibility: hidden;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header-searchbox-style-one .toggle-searchbox #searchform-all {
  position: relative;
}
.header-searchbox-style-one .toggle-searchbox #searchform-all #s {
  margin-bottom: 0;
  height: 50px;
  font-size: 14px;
  color: #0c59db;
  top: 6px;
  background-color: #fff;
  border-radius: 0;
}
.header-searchbox-style-one .toggle-searchbox #searchform-all #searchsubmit {
  padding: 3px;
  position: absolute;
  right: 12px;
  top: 9px;
  font-family: "" Font Awesome 5 Free "";
  color: #0c59db;
  background: transparent;
  border: none;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header-searchbox-style-one .toggle-searchbox form input[type="text"] {
  border: 1px solid #ddd6d9;
}
.header-searchbox-style-one .toggle-searchbox.show {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  top: 103%;
  padding: 20px;
  background: #f4f4f4;
  border: 1px solid #0c59db;
}

.gradient_rd {
  background: linear-gradient(45deg, red, darkred) !important;
}

.gradient_dr {
  background: linear-gradient(45deg, darkred, red) !important;
}