/*=======footer section css start=========*/
.footer {position: relative;background-color: #d9d6f2;}

.footer ul li, .footer ol li {padding: 0px;}
.footer ul li::before, .footer ol li::before {display: none;}

.footer-top-img img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.footer-inner {padding: 50px 0px;display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
.footer-left {width: 30%;padding-right: 50px;}
.footer-right {width: 68%; border: 1px solid #3b3663;}

.footer-logo {display: inline-block;margin-bottom: 15px;}
.contact-link ul li {padding: 7px 0px;margin-bottom: 5px;font-size: 16px;color: #17123d;font-family: 'Mulish Bold';}
.contact-link ul li a {font-size: inherit;color: inherit;}
.contact-link ul li a img {margin-right: 10px;max-width: 28px;max-height: 28px;}
.contact-link ul li a:hover {color: #ff5757;}

.footer-social-link {margin-top: 30px;}
.footer-social-link ul {display: flex;flex-direction:row;flex-wrap:wrap;margin-bottom: 0px;}
.footer-social-link ul li {margin-bottom: 0px;}
.footer-social-link ul li a {display: inline-block;margin-right: 20px;}
.footer-social-link ul li a img {max-width: 30px;max-height: 30px;transition: all .4s;}
.footer-social-link ul li a:hover img {transform: translateY(-5px);}

.footer .paypal-img {margin-top: 30px;}

.footer-link {margin: 0px -1px;display: flex;flex-direction: row;flex-wrap: wrap;}
.footer-col {width: 33.33%;}
.footer-col h5 {font-size: 16px;color: #fff;background: #3b3663;padding: 8px 20px 8px 60px;margin-bottom: 0px;text-transform: uppercase;font-family: 'Mulish Bold';}
.footer-col ul {padding: 50px 0px 50px 60px;margin-bottom: 0px;}
.footer-col ul li {margin-bottom: 5px;}
.footer-col ul li a {color:#17123d;}
.footer-col ul li a:hover {color:#ff5757;}

.copyright {background: #3b3663;padding: 9px 10px;}
.copyright p, .copyright p a {color: #fff;text-align: center;font-size: 14px;line-height:normal;}
.copyright p a:hover {color: #ff5757;}
/*=======footer section css end=========*/

/* how to apply section css start */
.how-to-apply { padding: 130px 0px; height: 100%; position: fixed; top: 50%; right: 0px; transform: translateY(-50%) translate(82%); z-index: 9; transition: all .6s; }
.how-to-inner {max-height: 525px; height: 100%;background: #fff; border-bottom-left-radius: 10px;border-top-left-radius: 10px;display: flex;flex-direction: row;flex-wrap: nowrap;filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, .2)); overflow: hidden;transition: all .6s;}
.how-to-apply.active {transform:  translateY(-50%) translate(0);}
.how-to-left {position: relative;}
.how-to-left::after {display: block; content: "";position: absolute;top: 50%;left: 98%;transform: translateY(-50%);border: 35px solid #ffff;border-top-color: transparent;border-bottom-color: transparent;border-right-color: transparent;}
.how-to-left p {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;height: 100%; color: #3b3663;font-size: 30px;font-family: 'Mulish ExtraBold';writing-mode: vertical-lr;padding: 10px 23px;margin: 0px;text-transform: uppercase;cursor: pointer;user-select: none;animation: text_move 2s linear infinite;}
.how-to-right {background: #1c1835;padding: 25px 47px 25px 70px;overflow-x: auto;}
.how-to-right ul li {padding: 10px;display: flex;flex-direction: column;flex-wrap: nowrap;margin-bottom: 0px;}
.how-to-right ul li::before {display: none;}
.how-to-right ul li img {display: block;max-width: 50px;max-height: 50px;margin: 0 auto;}
.how-to-right ul li p {color: #fff;font-size: 16px;line-height: 20px; margin-top: 10px;display: block;text-align: center;}

@keyframes text_move {
  0%, 100% {transform:scale(1);}
  50% {transform:scale(.9)}
}

/* how to apply section css end  */