/* Common CSS for buttons */

h1 {
    font-size: 28px;
    font-weight: 600;
}
h2 {
    font-size: 24px;
    font-weight: 600;
}
h3 {
    font-size: 20px;
    font-weight: 600;
}
h4 {
    font-size: 18px;
    font-weight: 600;
    color: #202020;
}

button {
    text-transform: uppercase;
    font-size: 14px;
    justify-content: center;
}

.btn-primary {
  gap: 8px !important;
  font-family: "Roboto" !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  padding: 13px 42px;
  border-radius: 6px !important;
  border: 1px solid #2b4960 !important;
  background: #2b4960 !important;
  margin: 0px 8px 0px 0px !important;
  color: #fff !important;
  line-height: 19px !important;
}

.btn-primary:hover {
    background: #1F3444 !important;
    color: #FFFFFF !important;
}

.btn-primary:disabled {
    opacity: 1 !important;
    background: #C8C8C8 !important;
    border: #EDEDED !important;
    cursor: not-allowed !important;
    color: #888888 !important;
}

.btn-secondry {
  gap: 8px !important;
  font-family: "Roboto" !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  padding: 13px 42px;
  border-radius: 6px !important;
  border: 1px solid #2b4960 !important;
  background: #ffffff !important;
  margin: 0px 8px 0px 0px !important;
  color: #2b4960 !important;
  line-height: 19px !important;
}

.btn-secondry:hover {
    background: #EAEDEF !important;
    border: 1px solid #2B4960 !important;
    color: #2B4960 !important;
}

.btn-secondry:disabled {
    opacity: 1 !important;
    background: #DCDCDC !important;
    border: 1px solid #888888 !important;
    cursor: not-allowed !important;
    color: #888888 !important;
}

.tertiary-btn {
    color: #2B4960;
    border: none;
    background: none;
    margin: 0px 8px 0px 0px;
}

.tertiary-btn:hover {
    color: #1F3444;
}

.link-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    font-weight: 600;
    background: none;
    color: #2B4960;
    font-size: 18px;
    margin-top: 5px;
}

/* Common Footer changes Start */

footer {
    border-top: 1px solid #ccc;
    background-color: #2a2a2a;
    color: #c8c8c8;
    font-size: 12px;
    margin-top: 30px;
}

footer .footerLogo {
    margin-bottom: 15px;
    display: inline-block;
}

footer .footerLogo img {
    height: 33px;
    max-width: 100%;
    width: 100%;
}

footer .footer-p {
    color: #ededed;
}

footer h3 {
    font-size: 16px;
    margin-bottom: 1rem;
}

footer ul {
    list-style-type: none;
    padding: 0;
}

footer a {
    color: #c8c8c8;
}

footer a:hover {
    text-decoration: none;
    color: blueviolet;
}

.footerTop {
    padding: 30px 0 10px;
}

.footerTop h3 {
    font-size: 14px;
}

.footerTop .footer-contains {
    list-style-type: disc;
    padding-left: 25px;
}

.footerTop .count {
    width: 90%;
    margin: 0 auto;
}

.footerTop .rote {
    transform: rotate(90deg);
}

.socialBox {
    border-left: 1px solid #ccc;
}

.socialBox .socialIcon {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    align-items: center;
}

.socialBox .socialIcon div {
    display: flex;
    flex-wrap: wrap;
}

.socialBox .socialIcon div p {
    margin-bottom: 0;
}

.socialBox .socialIcon i,
.socialBox .socialIcon .contactIcon {
    min-width: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    background-color: #ffcf23;
    color: #1b1241;
    text-align: center;
    border-radius: 50%;
    font-size: 14px;
    margin-right: 15px;
}

.socialBox .socialIcon strong {
    display: block;
}

.footerBot {
    background-color: #232121;
    color: #c8c8c8;
}

.footerBot a {
    color: #c8c8c8;
}

.footerBot a:hover {
    color: #ffcf23;
}

.footerBot .footerBotContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}

.footerBot ul {
    display: flex;
    margin: 0;
}

.footerBot ul li:first-child a::before {
    display: none;
}

.footerBot ul a {
    padding: 0px 10px;
    position: relative;
}

.footerBot ul a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px !important;
    width: 1px;
    height: 10px;
    border-left: 1px solid #ccc;
}

.footerBot .poweredBy {
    display: flex;
    align-items: center;
}

.footerBot .poweredBy img {
    height: 35px;
}

@media (max-width: 991px) {

    .footerTop [class^="col-"],
    .footerTop [class*=" col-"] {
        margin-bottom: 20px;
    }

    .footerBot .footerBotContainer {
        display: flex;
        flex-direction: column;
    }

    .footerBot ul {
        padding: 25px 0;
        flex-direction: column;
        align-items: center;
    }

    .footerBot ul a {
        padding: 5px;
        display: inline-block;
    }

    .footerBot ul a::before {
        display: none;
    }
}

.container {
    padding: 0px;
}

.linkFont {
    font-size: 12px;
}

/* Common Footer changes End */

/* Common Header Changes Start */

.topNav {
    background-color: #2b4960;
    padding: 0.5rem 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    align-items: center;
    font-size: 14px;
}

.topNav a,
.topNav .btn-link {
    color: #fff;
}

.topNav a:hover,
.topNav .btn-link:hover {
    text-decoration: none;
    color: #ffcf23;
}

.topNav .container {
    display: flex;
    justify-content: space-between;
}

.topNav .container::after,
.topNav .container::before {
    display: none;
}

.topNav .topNavLeft {
    display: flex;
    align-items: center;
}

.topNav .topNavLeft span {
    display: inline-block;
    padding: 3px 8px;
    margin-left: 15px;
}

.topNav .topNavRight {
    display: flex;
    align-items: center;
}

.webTranslate {
    margin-right: 25px;
}

.webTranslate label {
    margin-right: 0px;
    font-size: 18px;
    color: #fff;
    position: relative;
}

.webTranslate label::after {
    display: inline-block;
    margin-left: -13px;
    vertical-align: 25px;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    color: #fff;
    pointer-events: none;
    position: absolute;
    top: 11px;
    right: 0;
}

.webTranslate select {
    padding: 3px 0px 3px 8px !important;
    height: auto;
    appearance: auto;
    font-size: 14px;
    border: 0;
    color: #fff !important;
    background: #2b4960 !important;
    box-shadow: none !important;
}

.siteFontSize {
    margin-right: 25px;
    display: flex;
    align-items: center;
}

.siteFontSize div {
    display: flex;
    align-items: baseline;
}

.siteFontSize div button {
    padding: 0 5px;
    padding-top: 4px;
    font-size: 14px;
    line-height: 0;
    color: #fff !important;
}

.siteFontSize div button:first-child {
    margin-left: 6px;
    margin-bottom: 2px;
}

.siteFontSize div button:nth-child(2) {
    margin-bottom: 1px;
}

.darkNLiteTheme button {
    font-size: 18px;
    padding: 5px 10px;
}

.darkNLiteTheme .checkbox {
    opacity: 0;
    position: absolute;
}

.darkNLiteTheme .checkbox-label {
    background-color: #e3dffc;
    width: 36px;
    height: 16px;
    border-radius: 50px;
    position: relative;
    padding: 5px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
}

.darkNLiteTheme i {
    color: #847f98;
    font-size: 12px;
}

.darkNLiteTheme i::before {
    margin-top: 1px;
}

.darkNLiteTheme .checkbox-label .ball {
    background-color: #fff;
    width: 20px;
    height: 20px;
    line-height: 21px;
    position: absolute;
    left: -2px;
    top: -2px;
    border-radius: 50%;
    text-align: center;
    transition: transform 0.2s linear;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

.darkNLiteTheme .checkbox-label .ball .fa-sun-o {
    display: none;
}

.darkNLiteTheme .checkbox:checked+.checkbox-label .ball {
    transform: translateX(20px);
}

.darkNLiteTheme .checkbox:checked+.checkbox-label .ball .fa-moon-o {
    display: none;
}

.darkNLiteTheme .checkbox:checked+.checkbox-label .ball .fa-sun-o {
    display: inline-block;
    color: #ffcf23;
}

.header .container {
    display: flex;
    justify-content: space-between;
}

.header .container::after,
.header .container::before {
    display: none;
}

.header .header-cont {
    width: 1120px;
}

.header .count {
    width: 97.9%;
    justify-content: space-between;
    margin: 0 auto;
    display: flex;
}

.header .logo {
    padding: 0;
}

.header .logo img {
    height: 43px;
    margin-left: 0px;
}

.header .navbar {
    background: none !important;
    border-bottom: 1px solid #2b4960;
    padding-left: 0;
    padding-right: 0;
}

.header .navbar .navbar-nav .nav-link {
    font-size: 1rem;
    padding-right: 0.7rem;
    padding-left: 0.7rem;
    color: #202020;
}

.header .navbar .dropdown-toggle::after {
    display: inline-block;
    margin-left: 5px;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    pointer-events: none;
}

.container {
    padding: 0px;
}

.form-group label {
    margin-bottom: 0;
}

.navbar-expand-lg .navbar-collapse {
    justify-content: end;
}

.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

.disableMenu {
    background: #f3f3f3;
    pointer-events: none;
    color: #a8a5a5 !important;
}

.dropdown-item {
    padding: 10px 15px;
}

.sel img {
    width: 15px;
}

.ball img {
    width: 12px;
    display: inline-flex;
    align-items: center;
    margin-top: -3px;
}

.navbar {
    padding: 0.8rem 1rem;
}

@media (max-width: 991px) {
    .navbar-nav {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .topNav .topNavRigh {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding-bottom: 5px;
    }

    .topNav .webTranslate {
        margin-right: 10px;
    }

    .topNav .webTranslate label {
        display: flex;
        align-items: center;
    }

    .topNav .siteFontSize {
        display: none;
    }

    .topNav .topNavLeft span {
        margin-left: 5px;
        padding-right: 0;
    }

    .topNav .topNavLeft a {
        font-size: 0;
    }

    .topNav .topNavLeft a i {
        font-size: 12px;
    }
}

header .btn-link {
    text-decoration: none !important;
    padding-top: 4px;
}

/* Common Header Changes End */

/* Color coding classes with weight Start*/


.blue-D50 {
    background: #eaedef;
}

.blue-D100 {
    background: #bdc7ce;
}

.blue-D200 {
    background: #9dabb6;
}

.blue-D300 {
    background: #718594;
}

.blue-D400 {
    background: #556d80;
}

.blue-D500 {
    background: #2b4960;
}

.blue-D600 {
    background: #274257;
}

.blue-D700 {
    background: #1f3444;
}

.blue-D800 {
    background: #182835;
}

.blue-D900 {
    background: #121f28;
}

.cyan-25 {
    background: #f2f6f6;
}

.cyan-50 {
    background: #ebf2f2;
}

.cyan-100 {
    background: #c0d7d6;
}

.cyan-200 {
    background: #a2c3c2;
}

.cyan-300 {
    background: #77a8a6;
}

.cyan-400 {
    background: #5d9795;
}

.cyan-500 {
    background: #347D7A;
}

.cyan-600 {
    background: #2f726f;
}

.cyan-700 {
    background: #255957;
}

.cyan-800 {
    background: #1d4543;
}

.cyan-900 {
    background: #163533;
}


.blue-I50 {
    background: #eef7ff;
}

.blue-I75 {
    background: #b8ddff;
}

.blue-I100 {
    background: #9bcfff;
}

.blue-I200 {
    background: #70bbff;
}

.blue-I300 {
    background: #53adff;
}

.blue-I400 {
    background: #3a79b3;
}

.blue-I500 {
    background: #336a9c;
}

.green-S50 {
    background: #e9faf2;
}

.green-S75 {
    background: #a6ecc9;
}

.green-S100 {
    background: #81e4b3;
}

.green-S200 {
    background: #4bd892;
}

.green-S300 {
    background: #26d07c;
}

.green-S400 {
    background: #1b9257;
}

.green-S500 {
    background: #177f4c;
}

.red-E50 {
    background: #feeceb;
}

.red-E75 {
    background: #fdb2ae;
}

.red-E100 {
    background: #fc918d;
}

.red-E200 {
    background: #fa625b;
}

.red-E300 {
    background: #f9423a;
}

.red-E400 {
    background: #ae2e29;
}

.red-E500 {
    background: #982823;
}

.orange-W50 {
    background: #fdf3e6;
}

.orange-W75 {
    background: #f8cf96;
}

.orange-W100 {
    background: #f5bc6b;
}

.orange-W200 {
    background: #f09f2b;
}

.orange-W300 {
    background: #ed8b00;
}

.orange-W400 {
    background: #a66100;
}

.orange-W500 {
    background: #915500;
}

.teal-T50 {
    background: #f6fbfc;
}

.teal-T75 {
    background: #dbf0f1;
}

.teal-T100 {
    background: #cdeaeb;
}

.teal-T200 {
    background: #b7e0e2;
}

.teal-T300 {
    background: #a8dadc;
}

.teal-T400 {
    background: #76999a;
}

.teal-T500 {
    background: #668586;
}

.lilac-L50 {
    background: #f7f6ff;
}

.lilac-L75 {
    background: #dddbfd;
}

.lilac-L100 {
    background: #cfcdfd;
}

.lilac-L200 {
    background: #bbb7fc;
}

.lilac-L300 {
    background: #ada8fb;
}

.lilac-L400 {
    background: #7976b0;
}

.lilac-L500 {
    background: #6a6699;
}

.peach-P50 {
    background: #fef8f6;
}

.peach-P75 {
    background: #fde0d8;
}

.peach-P100 {
    background: #fcd4c8;
}

.peach-P200 {
    background: #fac1b0;
}

.peach-P300 {
    background: #f9b4a0;
}

.peach-P400 {
    background: #ae7e70;
}

.peach-P500 {
    background: #986e62;
}

.apple-G50 {
    background: #f8fdf1;
}

.apple-G75 {
    background: #e2f5c4;
}

.apple-G100 {
    background: #d6f1ab;
}

.apple-G200 {
    background: #c5eb87;
}

.apple-G300 {
    background: #b9e76e;
}

.apple-G400 {
    background: #82a24d;
}

.apple-G500 {
    background: #718d43;
}

.egg-yolk-E50 {
    background: #fffae6;
}

.egg-yolk-E75 {
    background: #ffec96;
}

.egg-yolk-E100 {
    background: #ffe46b;
}

.egg-yolk-E200 {
    background: #ffd92b;
}

.egg-yolk-E300 {
    background: #ffd100;
}

.egg-yolk-E400 {
    background: #b39200;
}

.egg-yolk-E500 {
    background: #9c7f00;
}

/* Color coding classes with weight End*/

/* Font weight classes with font weight and size Start*/
.bold-60 {
    font-weight: bold;
    font-size: 60px;
}

.bold-48 {
    font-weight: bold;
    font-size: 48px;
}

.bold-36 {
    font-weight: bold;
    font-size: 36px;
}

.bold-24 {
    font-weight: bold;
    font-size: 24px;
}

.bold-20 {
    font-weight: bold;
    font-size: 20px;
}

.bold-18 {
    font-weight: bold;
    font-size: 18px;
}

.bold-16 {
    font-weight: bold;
    font-size: 16px;
}

.bold-14 {
    font-weight: bold;
    font-size: 14px;
}

.bold-12 {
    font-weight: bold;
    font-size: 12px;
}

.semi-bold-60 {
    font-weight: 600;
    font-size: 60px;
}

.semi-bold-48 {
    font-weight: 600;
    font-size: 48px;
}

.semi-bold-36 {
    font-weight: 600;
    font-size: 36px;
}

.semi-bold-24 {
    font-weight: 600;
    font-size: 24px;
}

.semi-bold-20 {
    font-weight: 600;
    font-size: 20px;
}

.semi-bold-18 {
    font-weight: 600;
    font-size: 18px;
}

.semi-bold-16 {
    font-weight: 600;
    font-size: 16px;
}

.semi-bold-14 {
    font-weight: 600;
    font-size: 14px;
}

.semi-bold-12 {
    font-weight: 600;
    font-size: 12px;
}

.medium-bold-60 {
    font-weight: 500;
    font-size: 60px;
}

.medium-bold-48 {
    font-weight: 500;
    font-size: 48px;
}

.medium-bold-36 {
    font-weight: 500;
    font-size: 36px;
}

.medium-bold-24 {
    font-weight: 500;
    font-size: 24px;
}

.medium-bold-20 {
    font-weight: 500;
    font-size: 20px;
}

.medium-bold-18 {
    font-weight: 500;
    font-size: 18px;
}

.medium-bold-16 {
    font-weight: 500;
    font-size: 16px;
}

.medium-bold-14 {
    font-weight: 500;
    font-size: 14px;
}

.medium-bold-12 {
    font-weight: 500;
    font-size: 12px;
}

.regular-bold-60 {
    font-weight: 400;
    font-size: 60px;
}

.regular-bold-48 {
    font-weight: 400;
    font-size: 48px;
}

.regular-bold-36 {
    font-weight: 400;
    font-size: 36px;
}

.regular-bold-24 {
    font-weight: 400;
    font-size: 24px;
}

.regular-bold-20 {
    font-weight: 400;
    font-size: 20px;
}

.regular-bold-18 {
    font-weight: 400;
    font-size: 18px;
}

.regular-bold-16 {
    font-weight: 400;
    font-size: 16px;
}

.regular-bold-14 {
    font-weight: 400;
    font-size: 14px;
}

.regular-bold-12 {
    font-weight: 400;
    font-size: 12px;
}



/* Font weight classes with font weight and size End*/