::selection {
    background: #895ffc;
    color: #fff;
    text-shadow: none;
}
::-webkit-scrollbar {
    width: 7px;
    background-color: #f5f5f5;
}
::-webkit-scrollbar-button:end:increment,
::-webkit-scrollbar-button:start:decrement {
    display: none;
}
::-webkit-scrollbar-track-piece {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #dedede;
}
::-webkit-scrollbar-thumb:vertical {
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-image: linear-gradient(#121212, #4e41d9);
}
.loader {
    position: fixed;
    z-index: 99999;
    height: 100%;
    width: 100%;
    background: #03296b;
}
.loader .bounce-conteneur {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}
.loader .bounce-conteneur .bounce {
    display: inline-block;
    height: 13px;
    width: 13px;
    background: #fff;
    border-radius: 100%;
    margin: 2px;
}
body {
    font-family: Poppins;
    overflow-x: hidden;
    background: #040223;
    position: relative;
    z-index: -1;
}
*,
:focus,
:hover {
    outline: 0 !important;
}
.overflw {
    overflow: hidden;
}
[class^="box-"] {
    display: none;
}
[class^="box-"].showfirst {
    display: block;
}
img {
    max-width: 100%;
    height: auto;
}
a:hover {
    -webkit-transition: all 0.4s ease-In-out;
    -moz-transition: all 0.4s ease-In-out;
    -o-transition: all 0.4s ease-In-out;
    transition: all 0.4s ease-In-out;
}
.vid-sec {
    position: fixed;
    width: 100%;
    z-index: 999;
    transition: all 0.6s ease-out;
    top: 0;
}
.hidevideo {
    top: -1100px;
}
video#myVideo {
    margin: 0 auto;
}
.pad {
    padding: 0;
}
.padL {
    padding-left: 0;
}
.padR {
    padding-right: 0;
}
.pad-top {
    padding-top: 60px;
}
.pad-btmm {
    padding-bottom: 50px;
}
.pad-btm {
    padding-bottom: 90px;
}
.padtbm {
    padding: 50px 0;
}
.padtb {
    padding: 100px 0;
}
/**/
.cd-nav-trigger {
        display: none !important;
    }
.pdt-20{
    padding-top: 20% !important;
    padding-bottom: 10% !important;
}
/**/
.btn-a {
    background-color: #4e41d9;
    border-radius: 5px;
    color: #fff;
    padding: 15px 40px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    background-image: linear-gradient(180deg, #281e8f 29%, #4e41d9 90%);
}
.btn-a:hover {
    color: #fff;
    transition: all 0.9s ease;
    transform: scale(0.9);
    box-shadow: inset 0 0 5px 5px #150e5f;
}
.hide {
    display: none;
}
.m1-h h1 {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.m1-h h1 span {
    color: #4e41d9;
}
.ban-con .m1-h h1 span {
    font-size: 60px;
    color: #fdc30e;
}
.m2-h h5 {
    font-size: 32px;
    color: #fff;
    font-weight: 600;
}
.m3-h h5 {
    font-size: 59px;
    font-weight: 600;
    color: #4e41d9;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.m4-h h6 {
    font-size: 23px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: 1px;
    font-weight: 600;
}
.p1 p {
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    letter-spacing: 0.5px;
    font-weight: 300;
}
.menu-Bar {
    width: 30px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 22;
    display: none;
}
.menu-Bar span {
    display: block;
    height: 4px;
    width: 100%;
    background: #4e41d9;
    position: absolute;
    transition: 0.6s all;
    border-radius: 100px;
}
.menu-Bar span:nth-child(1) {
    top: 0;
}
.menu-Bar span:nth-child(2) {
    top: 8px;
    transform-origin: left;
}
.menu-Bar span:nth-child(3) {
    top: 16px;
}
.menu-Bar.open span {
    background: #fff;
}
.menu-Bar.open span:nth-child(1) {
    transform: rotate(45deg);
    top: 12px;
    transform-origin: right-center;
}
.menu-Bar.open span:nth-child(2) {
    width: 0;
    opacity: 0;
}
.menu-Bar.open span:nth-child(3) {
    transform: rotate(-45deg);
    top: 12px;
    transform-origin: right-center;
}
ul.top-menu {
    display: block;
    margin-bottom: 15px;
}
ul.top-menu > li {
    display: inline-block;
    margin-right: 30px;
}
ul.top-menu > li span {
    display: inline-block;
    margin-right: 5px;
    color: #4e41d9;
    font-size: 15px;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}
ul.top-menu > li a {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}
ul.menu > li a:hover {
    color: #4e41d9;
}
ul.top-menu > li:last-child {
    margin-right: 0;
}
ul.menu {
    display: block;
}
ul.menu > li {
    display: inline-block;
    margin-right: 18px;
}
ul.menu > li a {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.9s ease;
}
ul.menu > li:last-child {
    margin-right: 0;
}
header {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
    padding: 20px 0;
    transition: all 0.4s ease-in;
}
header.sticky-header {
    padding: 15px 0;
    background: #0c0830;
}
header.sticky-header ul.menu > li a {
    color: #fff;
}
header.sticky-header ul.menu > li a:hover {
    color: #4e41d9;
}
.mainBanner {
    background-size: cover;
    background-position: center;
    height: auto !important;
    background-repeat: no-repeat;
    display: flex;
    
    padding-top: 16% !important;
    align-items: flex-end;
    position: relative;
    z-index: 1;
    background-image: linear-gradient(180deg, #121212 29%, #040223 90%);
    /*max-height: 750px;*/
    padding-bottom: 50px;
}
.mainBanner:after {
    position: absolute;
    content: "";
    height: auto !important;
    width: 100% !important;
    z-index: -1;
    background-image: linear-gradient(180deg, #121212 29%, #040223 90%);
    margin: auto;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    filter: blur(50px);
    opacity: 0.9;
}
canvas {
    display: block;
    vertical-align: bottom;
}
#particles-js {
    width: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    height: 100%;
}
.main-form {
    position: relative;
    padding: 70px 20px 45px;
    background: #0906218c;
    border-radius: 8px;
    box-shadow: 0 2px 18px 0 #4e41d9;
    z-index: 1;
}
img.hello {
    position: absolute;
    top: -21%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}
.pulse {
    animation: pulse 1s infinite;
    animation-timing-function: linear;
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}
.m-flied input,
.m-flied select {
    width: 100%;
    height: 49px;
    border: 1px solid #4539c1;
    font-size: 16px;
    font-weight: 400;
    padding: 0 27px;
    font-family: Poppins, sans-serif;
    color: #fff;
    background: rgb(4 2 35 / 60%);
    border-radius: 6px;
}
.m-flied input::placeholder {
    color: #fff;
}
.m-flied select {
    color: #fff;
}
.m-flied select option {
    background: #040223;
    color: #fff;
}
.m-flied {
    margin-bottom: 20px;
}
.btn-form {
    font-family: Poppins;
    width: 100%;
    border: none;
    background-color: #4e41d9;
    border-radius: 5px;
    color: #fff;
    padding: 15px 40px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    background-image: linear-gradient(180deg, #281e8f 29%, #4e41d9 90%);
}
.btn-form:hover {
    color: #fff;
    transition: all 0.9s ease;
    transform: scale(0.9);
    box-shadow: inset 0 0 5px 5px #150e5f;
}
ul.mainf-lst > li:last-child {
    margin-right: 0;
}
ul.mainf-lst > li {
    display: inline-flex;
    margin-right: 9px;
}
ul.mainf-lst > li:first-child .m-flied {
    width: 80px;
}
ul.mainf-lst > li .m-flied {
    width: 334px;
}
.ban-con {
    margin-bottom: 100px;
}
.ban-ctn h2 {
    font-size: 45px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.ban-ctn p {
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    margin-bottom: 13px;
    letter-spacing: 0.5px;
    font-weight: 300;
}
.b-field {
    margin-bottom: 10px;
    position: relative;
    width: 479px;
}
.b-field input {
    height: 38px;
    background: 0 0;
    border: 1px solid #4e41d9;
    border-radius: 10px;
    width: 100%;
    font-size: 12px;
    padding: 15px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
}
.b-field input::placeholder {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.b-field button {
    position: absolute;
    background: 0 0;
    color: #fff;
    border: none;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 15px;
    font-size: 13px;
}
ul.ban-lst {
    display: block;
    margin-bottom: 15px;
}
ul.ban-lst > li {
    margin-bottom: 5px;
}
ul.ban-lst > li:last-child {
    margin-bottom: 0;
}
ul.ban-lst > li > p {
    margin-bottom: 0;
    display: inline-block;
    font-size: 14px;
}
ul.ban-lst > li > span {
    display: inline-block;
    margin-right: 5px;
    color: #fdc30e;
    font-size: 14px;
}
img.bpic-two {
    position: absolute;
    left: 0;
    animation: bannerImgBounce 5s ease-in-out 0s infinite alternate;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
}
@keyframes bannerImgBounce {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
    100% {
        -webkit-transform: translateY(-20px) translateX(-20px);
        transform: translateY(-20px) translateX(-20px);
    }
}
.ban-pic {
    text-align: center;
    position: relative;
}
section.sat-sec {
    background: #040223;
}
ul.sat-lst {
    display: block;
    font-size: 0;
    text-align: center;
}
ul.sat-lst > li {
    display: inline-block;
    margin-right: 28px;
    width: 18%;
    position: relative;
    text-align: left;
}
ul.sat-lst > li > span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 13px;
}
.sat-bx {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.sat-bx p {
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 1px;
}
ul.sat-lst > li:last-child {
    margin-right: 0;
}
ul.sat-lst > li:before {
    width: 2px;
    height: 60px;
    background: #fff;
    content: "";
    position: absolute;
    left: -16px;
    top: 0;
    bottom: 0;
    margin: auto;
}
ul.sat-lst > li:first-child:before {
    display: none;
}
section.cre-sec {
    background: #040223;
}
section.tab-sec {
    background: #040223;
}
.tabl-wrap {
    background: #4b3ed3;
    text-align: center;
    padding: 20px 0;
    border-radius: 30px 0 0 30px;
    width: 62%;
    z-index: -1;
}
ul.tab-lst {
    display: block;
}
ul.tab-lst > li {
    position: relative;
    margin-bottom: 30px;
}
ul.tab-lst > li a {
    position: relative;
    font-size: 36px;
    color: #fff;
    height: 60px;
    width: 60px;
    display: flex;
    background: 0 0;
    text-align: center;
    margin: auto;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transition: all 0.9s ease;
}
ul.tab-lst > li.current > a {
    color: #4b3ed3;
    transition: all 0.9s ease;
}
ul.tab-lst > li.current > a:after {
    position: absolute;
    content: "";
    height: 96px;
    width: 90px;
    margin: auto;
    background: url(../images/icons/shap.png) no-repeat;
    z-index: -1;
    right: -23px;
    transition: all 0.9s ease;
}
ul.tab-lst > li:last-child {
    margin-bottom: 0;
}
ul.tab-btn {
    display: block;
}
ul.tab-btn > li {
    display: inline-block;
    margin-right: 10px;
}
ul.tab-btn > li:last-child {
    margin-right: 0;
}
.tab-ctn h5 {
    margin-bottom: 15px;
    line-height: 45px;
    text-transform: uppercase;
    font-size: 3em;
}
.tab-ctn h5 > span {
    color: #4e41d9;
    font-size: 30px;
}
.tab-ctn p {
    margin-bottom: 20px;
}
.tab-con {
    border-radius: 30px;
    box-shadow: 0 2px 18px 0 #4e41d9;
}
section.port-sec {
    background: #040223;
}
.port-h {
    margin-bottom: 25px;
}
.port-h p {
    line-height: 20px;
    margin-bottom: 45px;
}
ul.port-menu {
    display: block;
    margin-bottom: 50px;
}
ul.port-menu > li {
    display: inline-block;
    margin-right: 20px;
}
ul.port-menu > li:last-child {
    margin-right: 0;
}
ul.port-menu > li a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1px;
    padding-bottom: 5px;
    border-bottom: 2px solid #040223;
}
ul.port-menu > li.current a {
    border-bottom: 1px solid #4e41d9;
    color: #4e41d9;
}
ul.port-lst {
    display: block;
    overflow: hidden;
    margin-right: 11px;
}
ul.port-lst > li {
    display: inline-block;
    width: 24%;
    margin-right: 11px;
}
ul.port-lst > li:nth-child(4n) {
    margin-right: 0;
}
.port-box {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    transition: all 0.9s ease;
}
.port-box img {
    margin: auto;
    width: 100%;
    transition: all 0.9s ease;
}
.port-ctn {
    position: absolute;
    bottom: 0;
    opacity: 0;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    height: 100%;
    transition: all 0.9s ease;
    margin: auto;
    display: flex;
    align-items: flex-end;
    padding-bottom: 20px;
    padding-left: 15px;
    background-image: linear-gradient(180deg, rgb(255 255 255 / 0.1) 29%, rgb(78 65 217 / 0.9) 90%);
}
.port-ctn:hover {
    opacity: 1;
    transition: all 0.9s ease;
}
.port-ctn h5 {
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 10px;
    display: none;
}
.port-ctn a {
    font-size: 40px;
    color: #fff;
}
.port-sil .slick-list.draggable {
    padding: 0 40px 0 0 !important;
}
ul.port-sil {
    position: relative;
}
ul.port-sil button.slick-arrow {
    position: absolute;
    z-index: 1;
    font-size: 0;
    border: 0;
    padding: 0;
    top: -13%;
    width: 40px;
    height: 40px;
    background: 0 0;
    margin: auto;
}
ul.port-sil button.slick-arrow:after {
    content: "\f178";
    position: absolute;
    font-family: fontAwesome;
    font-size: 28px;
    color: #fff;
    width: 50px;
    height: 50px;
    background: rgb(78 65 217 / 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 3px solid #4e41d9;
}
ul.port-sil button.slick-prev.slick-arrow {
    right: 15%;
}
ul.port-sil button.slick-next.slick-arrow {
    right: 12%;
}
ul.port-sil button.slick-prev.slick-arrow:after {
    content: "\f177";
}
.mon-wrap {
    height: 147px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    box-shadow: 0 2px 18px 0 #4e41d9;
    border-radius: 10px 0 0 10px;
}
.mon-ban {
    padding-left: 20px;
}
.mon-wrap .container-fluid {
    width: 100%;
}
.mon-ban h1 {
    font-size: 25px;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.mon-ban h5 {
    font-size: 29px;
}
ul.mon-btn {
    display: block;
}
ul.mon-btn > li {
    display: inline-block;
    margin-right: 15px;
}
ul.mon-btn > li:last-child {
    margin-right: 0;
}
ul.packages-lst {
    display: block;
    font-size: 0;
    text-align: center;
    letter-spacing: 0;
}
ul.packages-lst > li {
    display: inline-block;
    margin-bottom: 40px;
    vertical-align: middle;
}
.pack-bx {
    width: 350px;
    height: 600px;
    background: #0d0d0d;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid #4e41d9;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all 0.9s ease;
    padding: 0 40px;
}
.pack-bx:hover img.backpic {
    opacity: 0.8;
    transition: all 0.9s ease;
}
.pack-bx:hover .pack-ctn h5 {
    color: #fff;
    transition: all 0.9s ease;
}
.pack-bx:hover .pack-b h5 {
    color: #fff;
    transition: all 0.9s ease;
}
.pack-bx:hover ul.pack-lst::-webkit-scrollbar-thumb:vertical {
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-image: linear-gradient(#121212, #4e41d9);
}
.pack-bx .backpic {
    position: absolute;
    z-index: -1;
    width: 100%;
    opacity: 0;
    transition: all 0.9s ease;
}
.pack-ctn h5 {
    margin-bottom: 10px;
    color: #4e41d9;
    transition: all 0.9s ease;
}
.pack-ctn p {
    line-height: 20px;
}
.pack-ctn {
    padding-bottom: 17px;
    border-bottom: 1px solid #fff;
    margin-bottom: 30px;
}
.pack-b h5 {
    color: #fdc30e;
    margin-bottom: 6px;
    transition: all 0.9s ease;
    font-family: "Titillium Web";
    font-size: 47px;
}
ul.pack-lst {
    text-align: left;
    margin-bottom: 30px;
    overflow: scroll;
    overflow-x: hidden;
    padding-right: 25px;
    height: 264px;
}
ul.pack-lst::selection {
    background: #895ffc;
    color: #fff;
    text-shadow: none;
}
ul.pack-lst::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5;
}
::-webkit-scrollbar-button:end:increment,
ul.pack-lst::-webkit-scrollbar-button:start:decrement {
    display: none;
}
ul.pack-lst::-webkit-scrollbar-track-piece {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #dedede;
}
ul.pack-lst::-webkit-scrollbar-thumb:vertical {
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-image: linear-gradient(#4e41d9, #a198ff);
}
ul.pack-lst > li {
    margin-bottom: 12px;
    position: relative;
}
ul.pack-lst > li p {
    line-height: 19px;
    font-size: 13px;
    padding-left: 19px;
    position: relative;
}
ul.pack-lst > li > p:before {
    position: absolute;
    content: "\f00c ";
    font-family: fontAwesome;
    color: #fdc30e;
    font-size: 12px;
    left: 0;
    top: 0;
    bottom: 0;
}
.pack-b a {
    padding: 10px 30px;
    box-shadow: 0 2px 18px 0 #4e41d9;
}
ul.pk-skt {
    margin-bottom: 15px;
}
ul.pk-skt > li {
    display: inline-block;
    margin-right: 8px;
}
ul.pk-skt > li > p {
    font-size: 23px;
    text-decoration: line-through;
    color: #4e41d9;
    font-weight: 700;
}
ul.pk-skt > li:last-child {
    margin-right: 0;
}
ul.pk-skt > li h6 {
    font-size: 16px;
    color: #fff;
}
section.sol-sec {
    padding: 50px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.sol-ban h5 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.sol-ban span {
    display: block;
    color: #4e41d9;
    font-size: 55px;
}
.sol-ban p {
    margin-bottom: 40px;
}
ul.sol-lst {
    column-count: 2;
    margin-bottom: 40px;
}
ul.sol-lst > li {
    margin-bottom: 35px;
}
.solwrap h6 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 18px;
}
ul.solbx-lst > li {
    margin-bottom: 10px;
    position: relative;
}
ul.solbx-lst > li:before {
    position: absolute;
    content: "\f00c ";
    font-family: fontAwesome;
    color: #fdc30e;
    font-size: 12px;
    left: 0;
    top: 0;
    bottom: 0;
}
ul.solbx-lst > li p {
    margin-bottom: 0;
    line-height: unset;
    padding-left: 15px;
}
ul.da-lst {
    column-count: 2;
    margin-bottom: 30px;
}
ul.da-lst > li {
    margin-bottom: 19px;
}
ul.da-lst > li span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
.da-ctn {
    display: inline-block;
    vertical-align: middle;
}
.da-ctn p {
    margin-bottom: 0;
    line-height: unset;
}
.da-ctn h6 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 5px;
}
ul.sol-btn {
    display: block;
}
ul.sol-btn > li {
    display: inline-block;
    margin-right: 20px;
}
ul.sol-btn > li:last-child {
    margin-right: 0;
}
.sol-pic img {
    max-width: fit-content;
    animation: banner2ImgBounce 3s ease-in-out 0s infinite alternate;
}
@keyframes banner2ImgBounce {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
    100% {
        -webkit-transform: translateY(-20px) translateX(-20px);
        transform: translateY(-20px) translateX(-20px);
    }
}
.world-sec {
    position: relative;
}
.world-sec:before {
    position: absolute;
    content: "";
    background: #040408;
    height: 75%;
    width: 78%;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 0 30px 30px 0;
}
.world-bx h1 {
    font-size: 27px;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 60px;
}
.world-bx h1 > span {
    font-size: 41px;
    display: block;
}
ul.rew-lst {
    margin-left: 40px;
}
ul.rew-lst > li {
    display: inline-block;
    margin-right: 80px;
    vertical-align: bottom;
}
ul.rew-lst > li:last-child {
    margin-right: 0;
}
ul.rew-lst > li:hover .rew-pic {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.4s ease-In-out;
    opacity: 0.7;
}
.rew-pic {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: all 0.4s ease-In-out;
    opacity: 1;
}
.client-ctn h6 {
    font-size: 20px;
    line-height: 29px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 30px;
}
.client-ctn h6 > span {
    color: #4e41d9;
}
.client-ctn p {
    margin-bottom: 20px;
    line-height: 20px;
}
.client-wrap h5 {
    font-size: 20px;
}
.client-wrap p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
    font-style: italic;
}
ul.star > li {
    display: inline-block;
}
.client-wrap {
    display: inline-block;
    vertical-align: middle;
    width: 74%;
}
.client-bx span {
    display: inline-block;
    width: 22%;
    margin-right: 13px;
    vertical-align: top;
}
.client-bx {
    padding: 40px 20px;
    background: #181631;
    border-radius: 20px;
    transition: all 0.9s ease;
}
.client-bx:hover {
    box-shadow: 0 2px 18px 0 #4e41d9;
    transition: all 0.9s ease;
}
.client-lst .slick-list.draggable {
    padding: 15px;
}
ul.client-lst ul.slick-dots {
    text-align: center;
    position: absolute;
    right: 0;
    z-index: 1;
    left: 0;
    bottom: -17px;
}
ul.client-lst ul.slick-dots li {
    width: auto;
    display: inherit;
    vertical-align: middle;
    overflow: hidden;
    padding: 0;
    border: none;
    display: inline-block;
}
ul.client-lst .slick-dots li button:before,
ul.home-sil .slick-dots li button:before {
    color: #4e41d9;
    opacity: 1;
    font-size: 20px;
}
ul.client-lst .slick-dots li button {
    height: 6px;
    width: 31px;
    border-radius: 0;
    padding: 0;
    background: rgb(78 65 217 / 0.2);
    border: none;
    cursor: pointer;
    font-size: 0;
    padding: 0;
    -webkit-transition: all 0.4s ease-In-out;
    -moz-transition: all 0.4s ease-In-out;
    -o-transition: all 0.4s ease-In-out;
    transition: all 0.4s ease-In-out;
    box-sizing: border-box;
}
ul.client-lst .slick-dots li.slick-active button {
    background: #4e41d9;
}
.f-in input[type="text"],
.f-in select,
.f-in textarea {
    width: 100%;
    height: 50px;
    border: 1px solid #fff;
    font-size: 13px;
    color: #fff;
    padding: 0 19px;
    background: 0 0;
    font-weight: 300;
    font-family: Poppins;
    letter-spacing: 1px;
}
.f-in textarea {
    height: 200px;
    resize: none;
    padding: 16px;
    line-height: normal;
    letter-spacing: 1px;
}
.f-in input[type="text"]::placeholder,
.f-in textarea::placeholder {
    color: #fff;
}
.f-in {
    margin-bottom: 25px;
}
.f-in select option {
    background: #040223;
}
.one-half {
    width: 363px;
    display: inline-block;
    margin-right: 35px;
}
.one-half:nth-child(2n) {
    margin: 0;
}
.ctnt-sec {
    padding: 50px 0;
    background-image: linear-gradient(180deg, #040223 29%, #040408 90%);
}
.ctnt-head {
    text-align: left;
}
.ctnt-head h5 {
    font-weight: 600;
    font-size: 37px;
    color: #fff;
    margin-bottom: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.ctnt-head p {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    line-height: 25px;
    margin-bottom: 40px;
    letter-spacing: 1px;
}
.linfo-box h5 {
    color: #fff;
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 15px;
}
ul.info-l > li {
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
}
ul.info-l > li a {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
}
ul.info-l > li a:hover {
    color: #4e41d9;
}
ul.info-l > li span {
    color: #fff;
    font-size: 32px;
}
ul.linfo-lst > li {
    padding: 26px 0;
    border-bottom: 1px solid #fff;
}
ul.linfo-lst {
    width: 98%;
}
label.pg-radio {
    color: #fff;
    font-weight: 500;
    display: inline-block;
    margin-right: 23%;
}
.ctnt-btn input[type="submit"] {
    font-family: Poppins;
    padding: 15px 40px;
    border: none;
    background-color: #4e41d9;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    background-image: linear-gradient(180deg, #281e8f 29%, #4e41d9 90%);
}
.ctnt-btn input[type="submit"]:hover {
    color: #fff;
    transition: all 0.9s ease;
    transform: scale(0.9);
    box-shadow: inset 0 0 5px 5px #150e5f;
}
p.checkbx-btnpara {
    color: #fff;
    font-weight: 200;
    display: inline-block;
    font-size: 14px;
    padding-left: 5px;
}
.ctnt-head span {
    display: block;
    color: #4e41d9;
    font-size: 30px;
}
.ctnt-btn {
    display: inline-block;
}
.logot-h {
    margin-bottom: 45px;
}
.logot-ctn {
    padding-left: 29px;
}
.logot-ctn h1 {
    font-size: 36px;
}
.logot-ctn h1 span {
    display: block;
}
ul.logot-sil {
    position: relative;
}
ul.logot-sil button.slick-arrow {
    position: absolute;
    z-index: 1;
    font-size: 0;
    border: 0;
    padding: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: 0 0;
    bottom: 0;
    margin: auto;
}
ul.logot-sil button.slick-arrow:after {
    content: "\f078";
    position: absolute;
    font-family: fontAwesome;
    font-size: 23px;
    color: #4e41d9;
    width: 50px;
    height: 50px;
}
ul.logot-sil button.slick-prev.slick-arrow {
    left: -5%;
    bottom: inherit;
}
ul.logot-sil button.slick-next.slick-arrow {
    left: -5%;
    top: auto;
}
ul.logot-sil button.slick-prev.slick-arrow:after {
    content: "\f077";
}
ul.logot-sil ul.slick-dots {
    text-align: center;
    position: absolute;
    z-index: 1;
    left: -19px;
    top: 41%;
}
ul.logot-sil ul.slick-dots li {
    margin: 0 6px 5px 0;
    width: auto;
    display: inherit;
    vertical-align: middle;
    overflow: hidden;
    padding: 0;
    border: none;
}
ul.home-sil .slick-dots li button:before,
ul.logot-sil .slick-dots li button:before {
    color: #c4a11b;
    opacity: 1;
    font-size: 20px;
}
ul.logot-sil .slick-dots li button {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    padding: 0;
    background: #4e4c72;
    border: none;
    cursor: pointer;
    font-size: 0;
    padding: 0;
    -webkit-transition: all 0.4s ease-In-out;
    -moz-transition: all 0.4s ease-In-out;
    -o-transition: all 0.4s ease-In-out;
    transition: all 0.4s ease-In-out;
    box-sizing: border-box;
}
ul.logot-sil .slick-dots li.slick-active button {
    background: 0 0;
    border: 2px solid #4e41d9;
}
.dprocess-h {
    margin-bottom: 40px;
}
.dprocess-h h1 span {
    display: block;
    font-size: 53px;
}
.dprocess-h h1 {
    font-size: 32px;
}
.dproc-ctn h5 {
    font-size: 27px;
}
.dproc-stp {
    text-align: center;
    position: relative;
}
.dproc-stp h6 {
    font-size: 55px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.9s ease;
}
.dproc-stp h6 span {
    display: block;
    color: #4e41d9;
    font-size: 20px;
    transition: all 0.9s ease;
}
.dproc-icon span {
    font-size: 80px;
    color: #fff;
}
.dproc-stp:after {
    position: absolute;
    content: "";
    height: 60px;
    width: 2px;
    border: 2px dashed #4e41d9;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.9s ease;
}
.dproc-four .dproc-stp:after {
    display: none;
}
.dproc-hv:hover .dproc-stp h6 {
    color: #4e41d9;
    transition: all 0.9s ease;
}
.dproc-hv:hover .dproc-stp h6 span {
    color: #fff;
    transition: all 0.9s ease;
}
.dproc-hv:hover .dproc-stp:after {
    border: 2px dashed #fff;
    transition: all 0.9s ease;
}
ul.ani-port .port-ctn a {
    font-size: 14px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}
.apport-sec .port-h {
    padding-bottom: 50px;
    margin-bottom: 0;
}
.apport-sec .port-h p {
    margin-bottom: 0;
}
.logot-img img {
    margin: auto;
    text-align: center;
}
.apport-ctn h5 {
    font-size: 40px;
}
.app-bx img.aps {
    border-radius: 27px;
    border: 5px solid transparent;
    margin: auto;
    transition: all 0.9s ease;
    z-index: -1;
}
ul.apport-lst {
    display: block;
    font-size: 0;
}
ul.apport-lst > li {
    display: inline-block;
    z-index: -1;
    vertical-align: middle;
}
ul.apport-lst .slick-list.draggable {
    padding: 48px 0 !important;
}
ul.apport-lst .slick-current .app-bx {
    transform: scale(1.26);
    z-index: 9999;
    transition: all 0.9s ease;
}
ul.apport-lst .slick-current .app-bx img.aps {
    border: 5px solid #8680ca;
    transition: all 0.9s ease;
    box-shadow: 0 1px 22px 0 #000;
    z-index: 1;
}
.app-bx {
    z-index: -99;
    transition: all 0.9s ease;
}
.apport-wrap {
    margin-bottom: 40px;
}
.apport-ctn p {
    line-height: 22px;
}
ul.provide-lst {
    display: block;
    text-align: center;
}
ul.provide-lst > li {
    display: inline-block;
    width: 23%;
    margin-right: 27px;
    vertical-align: middle;
}
ul.provide-lst > li:last-child {
    margin-right: 0;
}
img.backpictwo {
    width: 100%;
    position: absolute;
    z-index: -1;
    opacity: 0;
    transition: all 0.9s ease;
}
.provide-wrap {
    position: relative;
    z-index: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 292px;
    height: 360px;
    text-align: left;
    padding: 0 17px;
    overflow: hidden;
    background: #040223;
    transition: all 0.9s ease;
    box-shadow: 0 -1px 6px 0 rgb(78 65 217 / 0.9);
}
.provide-wrap span {
    font-size: 50px;
    color: #fff;
    margin-bottom: 15px;
    display: block;
}
.provide-wrap h5 {
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 12px;
    line-height: 25px;
    letter-spacing: 1px;
    color: #4e41d9;
    transition: all 0.9s ease;
}
.provide-wrap p {
    line-height: 18px;
    font-size: 13px;
}
.provide-wrap:hover {
    transition: all 0.9s ease;
}
.provide-wrap:hover img.backpictwo {
    opacity: 1;
    transition: all 0.9s ease;
}
.provide-wrap:hover h5 {
    color: #fff;
    transition: all 0.9s ease;
}
.gs-ctn p {
    margin-bottom: 15px;
}
ul.pay-icn {
    display: block;
    text-align: center;
}
ul.pay-icn > li {
    display: inline-block;
    margin-right: 100px;
}
ul.pay-icn > li:last-child {
    margin-right: 0;
}
.pay-field input,
.pay-field select,
.pay-field textarea {
    width: 100%;
    height: 44px;
    border: 1px solid #4539c1 !important;
    font-size: 13px;
    font-weight: 400;
    padding: 0 27px;
    font-family: Poppins, sans-serif;
    color: #fff;
    background: rgb(0 46 93 / 0.22) !important;
    border-radius: 6px;
    letter-spacing: 1px;
}
.pay-field textarea {
    height: 180px;
    resize: none;
    padding: 16px;
    line-height: normal;
    letter-spacing: 1px;
}
.pay-field input#favcolor {
    border: none;
    background: 0 0;
    padding: 0;
}
.pay-field select option {
    background: #2c0776;
    color: #fff;
}
.payment-fm h6 {
    font-size: 23px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: 1px;
    font-weight: 600;
}
.payment-h {
    margin-bottom: 25px;
}
.pay-field {
    margin-bottom: 16px;
}
.pay-field label {
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 10px;
    padding-left: 5px;
    letter-spacing: 1px;
    display: block;
}
ul.pay-card {
    display: block;
    text-align: center;
}
ul.pay-card > li {
    margin-right: 30px;
    display: inline-block;
}
ul.pay-card > li:last-child {
    margin-right: 0;
}
.payment-ban {
    padding-bottom: 20px;
}
.payment-ban .ban-con {
    margin-bottom: 50px;
}
.pay-af {
    position: relative;
    padding-right: 35px;
}
.pay-af:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 445px;
    background: #4e41d9;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.payment-h h5 {
    font-size: 41px;
}
ul.cvc-lst {
    display: block;
}
ul.cvc-lst > li .pay-field {
    width: 165px;
}
ul.cvc-lst > li {
    display: inline-block;
    margin-right: 10px;
}
ul.cvc-lst > li:last-child .pay-field {
    width: 100%;
}
ul.cvc-lst > li:last-child {
    margin-right: 0;
}
.cuspayment-ban .payment-h {
    margin-bottom: 0;
}
.cuspayment-ban .pay-field input::placeholder {
    color: #fff;
}
.callusnow {
    width: 50px;
    height: 50px;
    line-height: 47px;
    color: #4e41dd;
    display: block;
    text-align: center;
    border-radius: 50%;
    font-size: 24px;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
    box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71);
    animation: scrollDownAnimation 0.5s ease infinite alternate;
    -webkit-animation: scrollDownAnimation 0.5s ease infinite alternate;
    background: #fff;
    border: solid 3px #4e41d9;
}
.callusnow:hover {
    color: #766fc7;
}
@keyframes scrollDownAnimation {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
    }
}
@-webkit-keyframes scrollDownAnimation {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
    }
}
.floating_wrap {
    position: fixed;
    right: 0;
    top: 100px;
    z-index: 99;
}
.floating_wrap .btns_wrap {
    position: fixed;
    right: 0;
}
.floating_wrap .btns_wrap a:hover {
    text-decoration: none !important;
    right: 0;
}
.floating_wrap .btns_wrap .call_wrap {
    width: 275px;
    position: absolute;
    right: -225px;
    background: #4e41d9;
    top: 60px;
    border-radius: 0 0 0 50px;
    overflow: hidden;
    box-shadow: 0 0 40px #00000026 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.floating_wrap .btns_wrap .call_wrap span {
    color: #fff;
    font-size: 15px;
    vertical-align: middle;
    padding: 15px 20px 15px 15px;
    border-color: #4e41d9;
}
.floating_wrap .btns_wrap .chat_wrap {
    display: block;
    position: absolute;
    right: -225px;
    width: 275px;
    background: #4e41d9;
    top: 0;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 0 40px #00000026 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 50px 0 0 0;
}
.floating_wrap .btns_wrap .chat_wrap:hover {
    text-decoration: none;
}
.floating_wrap .btns_wrap .call_wrap:hover {
    text-decoration: none;
}
.floating_wrap .btns_wrap .call_wrap span.icoo,
.floating_wrap .btns_wrap .chat_wrap span.icoo {
    color: #fff;
    background: #4e41d9;
    font-size: 20px;
    line-height: 1;
    padding: 14px 20px;
    border-right: 1px solid #ded9d9;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50px 0 0 50px;
}
.floating_wrap .btns_wrap .chat_wrap span {
    color: #fff;
    font-size: 15px;
    vertical-align: middle;
    background: #4e41d9;
    padding: 15px 30px 15px 15px;
}
.floatbutton.visible .clickbutton {
    opacity: 1;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.floatbutton {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: fixed;
    right: -430px;
    top: 220px;
    font-size: 0;
    width: 340px;
    z-index: 99;
}
.floating_wrap {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: none;
}
.floating_wrap.visible {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: block;
}
.floatbutton .clickbutton {
    width: 50px;
    z-index: 99;
    opacity: 0;
    vertical-align: top;
    height: 0;
    cursor: pointer;
    box-shadow: -20px 0 35px #0000001f;
    border-radius: 50% 0 0 50%;
    background: #fff;
    display: inline-block;
    padding-top: 0;
}
.floatbutton.visible {
    right: -345px;
}
.floatbutton .clickbutton .crossplus {
    position: relative;
    display: block;
    transform: rotate(0);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.floatbutton .clickbutton .crossplus.rotate {
    transform: rotate(-90deg);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.floatbutton .clickbutton .crossplus p {
    font-size: 20px;
    width: 250px;
    top: -52px;
    position: relative;
    margin-top: 194px;
    background: #fff;
    height: 55px;
    background: #4e41d9;
    border-radius: 20px 20px 0 0;
    padding-top: 15px;
    text-align: right;
    text-align: center;
    font-weight: 600;
    color: #fff;
    box-shadow: 0 0 40px #00000026 !important;
    left: -4px;
}
.floatbutton .clickbutton .crossplus {
    transform: rotate(-90deg);
}
.floatbutton.active {
    right: 0;
    z-index: 9;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.floatbutton .banner-form {
    background: #040223;
    padding: 35px 20px 40px 33px;
    border-radius: 0 0 0 10px;
    box-shadow: 0 2px 18px 0 #4e41d9;
    opacity: 1;
}
.lf-fld input,
.lf-fld select {
    width: 100%;
    height: 39px;
    border: 1px solid #4539c1;
    font-size: 14px;
    font-weight: 300;
    padding: 0 20px;
    font-family: Poppins, sans-serif;
    color: #fff;
    background: rgb(4 2 35 / 60%);
    border-radius: 6px;
}
.lf-fld input::placeholder {
    color: #fff;
}
.lf-fld select option {
    background: #2c0776;
    color: #fff;
}
.lf-fld {
    margin-bottom: 15px;
}
.banner-form.visible {
    opacity: 1;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.popupMain {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 886px;
    height: 550px;
    padding: 0;
    border-radius: 15px;
    margin: auto;
    z-index: 9;
    display: flex;
    align-items: center;
    display: none;
    box-shadow: 0 2px 18px 0 #4e41d9;
    background: #040223;
}
.popupMain .closePop {
    position: absolute;
    right: -15px;
    top: -10px;
    background: #4e41d9;
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 600;
}
.popTxt {
    margin-bottom: 15px;
}
.popTxt h6 {
    font-size: 35px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.03;
    letter-spacing: 0;
    color: #4e41d9;
    margin-bottom: 1px;
    font-weight: 700;
}
.popTxt > span {
    line-height: normal;
    font-weight: 400;
    color: #fff;
    font-size: 14px;
}
.popTxt h6 span {
    font-weight: 600;
    color: #3498db;
}
.popTxt p {
    font-size: 25px;
    color: #000;
    font-weight: 500;
    margin-bottom: 33px;
}
.popTxt p span {
    color: #181818;
    font-weight: 700;
}
.popField {
    margin-bottom: 18px;
    position: relative;
}
.popField.half {
    width: 48.2%;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}
.popField.half.noMar {
    margin-right: 0;
}
.popField.half.two {
    width: 22.3%;
}
.signIn {
    font-size: 18px;
    color: #222;
    font-weight: 600;
}
.signIn a {
    color: #b70404;
    font-size: 18px;
}
.overlay {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: none;
}
.popup-close {
    position: absolute;
    right: -15px;
    top: -15px;
    background: #159567;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    z-index: 10;
    padding: 0;
    line-height: 27px;
    text-align: center;
}
.signUpPop .align-items-center {
    display: flex;
}
.frmicon-box {
    margin: 0 0 15px;
}
.popup-img {
    float: left;
    width: 41.7%;
}
.pop-filed input,
.pop-filed select {
    width: 100%;
    height: 45px;
    border: 1px solid #4539c1;
    font-size: 13px;
    font-weight: 400;
    padding: 0 18px;
    font-family: Poppins, sans-serif;
    color: #fff;
    background: rgb(4 2 35 / 60%);
    border-radius: 6px;
}
.pop-filed input::placeholder {
    color: #fff;
}
.popform-holder {
    padding-left: 35px;
    width: 55%;
}
.pop-filed {
    margin-bottom: 15px;
}
.popup-img img {
    border-radius: 16px;
}
.logo-brief-ban {
    height: 20vh;
}
.logo-brief-ban:after {
    display: none;
}
.pay-field label > span {
    font-size: 9px;
    margin-left: 7px;
}
ul.logosel-lst {
    display: block;
}
ul.logosel-lst > li {
    display: inline-block;
    width: 49%;
    margin-right: 14px;
}
ul.logosel-lst > li:nth-child(2n) {
    margin-right: 0;
}
.logosel-bx {
    text-align: center;
    margin-bottom: 15px;
}
.logo-sel-pic {
    padding: 10px;
    border: 2px solid #4539c1;
    margin-bottom: 10px;
    border-radius: 14px;
}
.logosel-bx h4 {
    font-size: 15px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 400;
}
ul.logosel-fonts {
    display: block;
}
ul.logosel-fonts > li {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    margin-right: 10px;
}
.logofont {
    width: 220px;
    height: 85px;
    text-align: center;
    border: 2px solid #4539c1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}
ul.logosel-fonts > li:nth-child(5n) {
    margin-right: 0;
}
.logoclr h4 {
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.logoclr img {
    margin-bottom: 5px;
}
ul.lcu-clr {
    display: block;
}
ul.lcu-clr > li {
    display: inline-block;
    width: 48%;
    margin-right: 30px;
    vertical-align: middle;
}
ul.lcu-clr > li:last-child {
    margin-right: 0;
}
ul.logosel-clr {
    margin-bottom: 40px;
    text-align: center;
}
ul.logosel-clr > li {
    margin-right: 35px;
}
.files-upload {
    text-align: center;
    padding: 15px;
    border: 2px solid #4539c1;
    border-radius: 14px;
}
.files-upload label {
    margin-bottom: 20px;
}
.files-upload input#fileToUpload {
    background: 0 0;
}
.files-upload input::-webkit-file-upload-button {
    cursor: pointer !important;
    height: 42px;
    width: 100%;
}
.wf-h {
    padding: 20px 0 30px;
}
.wf-h h5 {
    font-size: 20px;
    color: #4e41d9;
}
ul.yes-btn {
    column-count: 2;
}
ul.yes-btn > li .switch-field p {
    display: inline-block;
    margin-right: 25px;
    width: 340px;
}
.switch-field p {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 10px;
}
.switch-field {
    margin-bottom: 36px;
    overflow: hidden;
    font-size: 0;
}
.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}
.switch-field label {
    background-color: transparent;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding: 8px 16px;
    margin-right: -1px;
    border: 1px solid #4e41d9;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    transition: all 0.1s ease-in-out;
}
.switch-field label:hover {
    cursor: pointer;
}
.switch-field input:checked + label {
    background-color: #4e41d9;
    box-shadow: none;
}
.switch-field label:first-of-type {
    border-radius: 4px 0 0 4px;
}
.switch-field label:last-of-type {
    border-radius: 0 4px 4px 0;
}
.port-box:hover img {
    transform: scale(1.09);
    transition: all 0.9s ease;
}
.animat-logo-pot .port-box img {
    width: 376px;
    height: 376px;
}
ul.c-awrd {
    display: block;
}
ul.c-awrd > li {
    display: inline-block;
    width: 30%;
}
ul.c-awrd > li > img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.4s ease-In-out;
    opacity: 0.7;
}
ul.c-awrd > li > img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: all 0.4s ease-In-out;
    opacity: 1;
}
.form-control:focus {
    background: 0 0 !important;
    color: #fff !important;
}
ul.pack-lst > li > h5 {
    font-size: 16px;
}
.num2-ec h5 {
    font-size: 20px;
}
.rs2-ec h5 {
    font-size: 35px;
}
.white_select {
    border: 2px solid #fbfbfb;
}
.gt_logofnt {
    border: 2px solid #fff;
}
.ecsol-h h6 {
    font-size: 85px;
    font-weight: 700;
    color: #eb8401;
    margin-bottom: 21px;
}
.ecsol-h h6 > span {
    display: block;
    color: #fff;
    font-weight: 400;
    font-size: 50px;
    text-decoration: line-through;
}
.ecsol-h p {
    line-height: 20px;
    margin-bottom: 20px;
    font-size: 16px;
}
.ecsol-h h1 {
    font-size: 60px;
}
.ec-pack h5 {
    font-size: 23px;
}
.logoclr-slect {
    box-shadow: 0 2px 18px 0 #fff;
    background: #4e41d9;
}
.logoclr {
    padding-bottom: 7px;
}
.thank-wrap {
    text-align: center;
}
.thank-pic {
    margin-bottom: 60px;
}
.thank-wrap h1 {
    font-size: 70px;
}
.glow {
    font-size: 80px;
    color: #fff;
    text-align: center;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #1088ef, 0 0 40px #1088ef, 0 0 50px #1088ef, 0 0 60px #1088ef, 0 0 70px #1088ef;
    }
    to {
        text-shadow: 0 0 20px #fff, 0 0 30px #4e41d9, 0 0 40px #4e41d9, 0 0 50px #4e41d9, 0 0 60px #4e41d9, 0 0 70px #4e41d9, 0 0 80px #4e41d9;
    }
}
footer {
    border-top: 1px solid #4e41d9;
    background: #040408;
}
.ft-ctn h5 {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px;
}
ul.f-lnk > li {
    margin-bottom: 12px;
    position: relative;
}
ul.f-lnk > li:before {
    position: absolute;
    content: "\f178 ";
    font-family: fontAwesome;
    color: #fdc30e;
    font-size: 12px;
    left: 0;
    top: 4px;
    bottom: 0;
}
ul.f-lnk > li:last-child {
    margin-bottom: 0;
}
ul.f-lnk > li a {
    font-size: 14px;
    color: #8a8a8a;
    text-transform: capitalize;
    font-weight: 300;
    padding-left: 19px;
}
ul.f-lnk > li a:hover {
    color: #4e41d9;
}
ul.f-icn {
    text-align: left;
    margin-bottom: 30px;
}
ul.f-icn > li {
    margin-right: 19px;
    display: inline-block;
}
ul.f-icn > li:last-child {
    margin-right: 0;
}
ul.f-icn > li a {
    font-size: 16px;
    color: #c1c1c1;
}
ul.f-icn > li a:hover {
    color: #fff;
}
ul.pay {
    display: block;
}
ul.pay > li {
    display: inline-block;
    margin-right: 12px;
}
ul.pay > li:last-child {
    margin-right: 0;
}
ul.pay > li a {
    font-size: 26px;
    color: #c1c1c1;
}
ul.pay > li a:hover {
    color: #fff;
}
.copright p {
    font-size: 13px;
    color: #fff;
    font-weight: 300;
}
ul.policy > li {
    display: inline-block;
    margin-right: 15px;
}
ul.policy > li a {
    font-size: 12px;
    color: #fff;
}
ul.policy {
    text-align: center;
}
ul.policy > li:last-child {
    margin-right: 0;
}
section.copright {
    padding: 17px 0;
}
.ft-warp {
    padding: 40px 0;
}
a.ft-logo {
    display: block;
    margin-bottom: 20px;
}
.ft-ctn p {
    font-size: 14px;
    color: #8a8a8a;
    text-transform: capitalize;
    line-height: 23px;
}
.cd-nav-trigger {
    position: fixed;
    z-index: 3;
    left: 16%;
    top: 20px;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
}
.cd-nav-trigger .cd-nav-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 22px;
    height: 2px;
    background-color: #fff;
}
.cd-nav-trigger .cd-nav-icon::before,
.cd-nav-trigger .cd-nav-icon:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: inherit;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
    -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
    transition: transform 0.5s, width 0.5s, top 0.3s;
}
.cd-nav-trigger .cd-nav-icon::before {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
}
.cd-nav-trigger .cd-nav-icon::after {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
    top: 2px;
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
    top: -2px;
}
.cd-nav-trigger svg {
    position: absolute;
    top: 0;
    left: 0;
}
.cd-nav-trigger circle {
    -webkit-transition: stroke-dashoffset 0.4s 0s;
    -moz-transition: stroke-dashoffset 0.4s 0s;
    transition: stroke-dashoffset 0.4s 0s;
}
.navigation-is-open .cd-nav-trigger {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after,
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
    width: 50%;
    -webkit-transition: -webkit-transform 0.5s, width 0.5s;
    -moz-transition: -moz-transform 0.5s, width 0.5s;
    transition: transform 0.5s, width 0.5s;
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after,
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {
    top: 0;
}
.navigation-is-open .cd-nav-trigger circle {
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset 0.4s 0.3s;
    -moz-transition: stroke-dashoffset 0.4s 0.3s;
    transition: stroke-dashoffset 0.4s 0.3s;
}
@media only screen and (min-width: 1170px) {
    .cd-nav-trigger {
        display: flex !important;
    }
}
.cd-nav {
    position: fixed;
    z-index: 2;
    top: 0;
    left: -100%;
    height: 100%;
    width: 100%;
    -webkit-transition: visibility 0s 0.7s;
    -moz-transition: visibility 0s 0.7s;
    transition: visibility 0s 0.7s;
    transition: all 0.9s ease;
    background-image: linear-gradient(180deg, #121212 29%, #040223fa 90%);
}
.cd-nav .cd-navigation-wrapper {
    height: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: -webkit-transform 0.7s;
    -moz-transition: -moz-transform 0.7s;
    transition: transform 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
    -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
    transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
    width: 100%;
    display: flex;
    align-items: center;
}
.navigation-is-open .cd-nav {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
    left: 0;
    transition: all 0.9s ease;
}
.navigation-is-open .cd-nav .cd-navigation-wrapper {
    transform: translateX(0);
}
.cd-nav .cd-primary-nav {
    margin-top: 60px;
}
.cd-nav .cd-primary-nav li {
    margin-bottom: 24px;
}
.cd-nav .cd-primary-nav a {
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
}
.cd-nav .cd-primary-nav a.selected {
    color: #fff;
}
.no-touch .cd-nav .cd-primary-nav a:hover {
    color: #fff;
}
.cd-nav .cd-contact-info li {
    margin-bottom: 1.5em;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.3);
}
.cd-nav .cd-contact-info a,
.cd-nav .cd-contact-info p {
    color: #fff;
}
.cd-nav .cd-contact-info span {
    display: block;
}
.cd-nav .cd-contact-info a,
.cd-nav .cd-contact-info li,
.cd-nav .cd-contact-info span {
    font-size: 1.6rem;
}
@media only screen and (min-width: 1170px) {
    .cd-nav .cd-navigation-wrapper::after {
        clear: both;
        content: "";
        display: table;
    }
    .cd-nav .cd-primary-nav {
        margin-top: 0;
    }
    .cd-nav .cd-primary-nav a {
        font-size: 35px;
    }
    .cd-nav .cd-contact-info {
        text-align: right;
    }
    .cd-nav .cd-contact-info li {
        margin-bottom: 22px;
    }
    .cd-nav .cd-contact-info a,
    .cd-nav .cd-contact-info li,
    .cd-nav .cd-contact-info span {
        font-size: 19px;
    }
}
.no-js main {
    height: auto;
    overflow: visible;
}
.no-js .cd-nav {
    position: static;
    visibility: visible;
}
.no-js .cd-nav .cd-navigation-wrapper {
    height: auto;
    overflow: visible;
    padding: 100px 5%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.fullmenu-pic {
    margin-bottom: 20px;
    text-align: right;
}
.cd-half-block ul.f-icn {
    text-align: right;
}
.fullmenu-pic img {
    width: 45%;
}

.webbanner {
	position: absolute;
	width: 100%;
	height: 100%;
    background: url(../images/webbanner.webp);
    background-size: 100%;
    animation: 100s e infinite linear;
    top: -13%;
}

.logobanner {
	position: absolute;
	width: 100%;
	height: 100%;
    background: url(../images/logobanner.webp);
    background-size: 100%;
    animation: 100s e infinite linear;
    top: -13%;
}

.homebanner {
	position: absolute;
	width: 100%;
	height: 100%;
    background: url(../images/homebanner.webp);
    background-size: 100%;
    animation: 100s e infinite linear;
    top: -13%;
}

.appbanner {
	position: absolute;
	width: 100%;
	height: 100%;
    background: url(../images/web-app.webp);
    background-size: 100%;
    animation: 100s e infinite linear;
    top: -13%;
}


@keyframes e {
    to {
        background-position: 0 -3000px;
    }
}

@media (max-width: 1440px) {
	.webbanner, .logobanner, .homebanner, .appbanner {
		top: -16%;
	}
    .mainBanner {
        height: auto !important;
        padding-top: 16% !important;
    }
    .m1-h h1 {
        font-size: 30px;
    }
    .ban-ctn h1 {
        font-size: 50px;
    }
    .ban-ctn h2 {
        font-size: 40px;
    }
    .b-field {
        width: 400px;
    }
    .ban-ctn p {
        font-size: 13px;
        line-height: 24px;
    }
    ul.ban-lst > li > p {
        font-size: 13px;
    }
    img.bpic-two {
        width: 60%;
    }
    img.bpic-one {
        width: 60%;
        margin: auto;
    }
    .btn-a {
        font-size: 12px;
    }
    .cre-l h1 {
        font-size: 60px;
    }
    .m3-h h5 {
        font-size: 45px;
    }
    ul.port-lst > li {
        width: 23%;
    }
    .mon-ban h1 {
        font-size: 25px;
    }
    .sol-pic img {
        max-width: -webkit-fill-available;
    }
    ul.rew-lst > li {
        margin-right: 40px;
    }
    .ban-con {
        margin-bottom: 35px;
    }
    .m-flied input,
    .m-flied select {
        height: 40px;
    }
    .m-flied {
        margin-bottom: 15px;
    }
    img.hello.pulse {
        width: 43%;
        top: -12%;
    }
    .animat-logo-pot .port-box img {
        height: 245px;
    }
    .thank-wrap h1 {
        font-size: 70px;
    }
    .cd-nav-trigger {
        display: none !important;
        left: 3%;
    }
}
@media (max-width: 1300px) {
    .logo-brief-ban {
        height: 20vh;
    }
    .cd-nav-trigger {
        left: 0;
    }
}
@media (max-width: 1200px) {
    .menu-Bar {
        display: block;
        top: 0;
    }
    .menuWrap.open {
        display: flex;
        left: 0;
    }
    .menuWrap {
        position: fixed;
        left: -210%;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background: #040223;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        transition: all 0.4s ease;
        z-index: 3;
        width: 100vw;
    }
    .menuWrap .menu li {
        display: block;
    }
    .menuWrap .menu li a {
        margin-bottom: 10px;
        padding: 0;
        display: block;
        text-align: center;
        margin-bottom: 15px;
        padding-right: 0;
        margin-right: 0;
        color: #fff;
        font-size: 15px;
        text-transform: capitalize;
    }
    .container {
        position: relative;
    }
    header .header-top {
        display: none;
    }
    header .main-header ul.menu > li {
        display: block;
        padding: 0;
    }
    header .main-header ul.menu > li a {
        color: #fff;
        padding: 0;
        text-align: left;
    }
    header .main-header ul.menu > li a:before {
        display: none;
    }
}
@media (max-width: 1024px) {
    .vid-sec {
        display: none;
    }
    .fullmenu-pic {
        text-align: left;
    }
    .fullmenu-pic img {
        width: 40%;
    }
    .sat-bx {
        width: 86%;
    }
    .cd-nav .cd-contact-info a {
        font-size: 16px;
        display: inline-block;
    }
    .cd-contact-info p {
        font-size: 16px;
        display: inline-block;
        line-height: 30px;
        margin-left: 10px;
    }
    ul.f-icn {
        margin-right: 10px;
    }
    .mon-ban h5 {
        font-size: 24px;
    }
    .logo-ban {
        height: 112vh !important;
    }
    ul.provide-lst > li {
        margin-right: 85px;
    }
    ul.provide-lst > li:last-child {
        margin-right: 85px;
        margin-top: 14px;
    }
    ul.cd-contact-info > li i {
        margin-right: 20px;
        color: #fff;
    }
    .cd-half-block ul.f-icn {
        text-align: left;
    }
    ul.sat-lst > li {
        width: 16%;
    }
    .cd-nav .cd-contact-info li {
        margin-bottom: 20px;
    }
    .cd-nav-trigger {
        left: 90%;
    }
    .menu-Bar {
        display: none;
    }
    ul.rew-lst {
        margin-left: 0;
    }
    ul.rew-lst > li img {
        width: 140px;
    }
    .f-in.one-half {
        margin-bottom: 10px;
    }
    ul.info-l > li a {
        font-size: 12px;
    }
}
@media (max-width: 824px) {
    #particles-js {
        display: none;
    }
}
@media (max-width: 768px) {
     /**/
    .navigation-is-open .cd-nav .cd-navigation-wrapper {
    overflow: auto;
    padding-top: 100px !important;
    transform: translateX(0);
}
.pdt-20{
    padding-top: 40% !important;
    padding-bottom: 20% !important;
}
    /**/
    a.logo img {
        width: 100%;
    }
  
    .payment-ban {
        height: 88vh !important;
    }
    ul.pay-card > li {
        margin-right: 5px;
    }
    ul.pay-icn > li {
        margin-right: 30px;
    }
    .mainBanner:after {
        height: 0;
    }
    .mainBanner:after {
        filter: blur(0);
    }
    .m1-h h1 {
        font-size: 25px;
    }
    .ban-ctn h2 {
        font-size: 20px;
    }
    .ban-ctn p br {
        display: none;
    }
    .ban-ctn p {
        font-size: 13px;
        line-height: 20px;
    }
    .ban-ctn {
    display:none;
        
    }
    .ban-pic {
        display: none;
    }
    .sat-con {
        display: none;
    }
    .btn-a {
        padding: 10px 25px;
        margin-bottom: 10px;
    }
    .mainBanner:after {
        height: 490px;
    }
    ul.ban-lst > li > span {
        color: #fdc30e;
    }
    .ban-con {
        margin-bottom: 50px;
    }
    .col-md-6.hid {
        display: none;
    }
    .padtb {
        padding: 50px 0;
    }
    ul.cre-lst > li > p {
        font-size: 12px;
        line-height: 20px;
    }
    ul.cre-lst > li > p > br {
        display: none;
    }
    .cre-l h1 {
        margin-bottom: 10px;
    }
    .tabl-wrap {
        width: 100%;
        border-radius: 30px;
    }
    ul.tab-lst > li.current > a:after {
        display: none;
    }
    ul.tab-lst > li {
        display: inline-block;
    }
    ul.tab-lst > li.current > a {
        color: #857ce6;
        transition: all 0.9s ease;
    }
    ul.tab-lst > li a {
        font-size: 23px;
        height: 100%;
        width: 49px;
    }
    ul.tab-lst > li {
        margin-bottom: 50px;
    }
    .floating_wrap.visible {
        display: none;
    }
    .floatbutton.visible {
        display: none;
    }
    .tab-ctn {
        padding: 23px 15px;
    }
    .tab-ctn h5 {
        line-height: 26px;
    }
    .m2-h h5 {
        font-size: 24px;
    }
    .p1 p {
        font-size: 13px;
        line-height: 20px;
    }
    .tab-img {
        text-align: center;
    }
    .tab-img img {
        width: 65%;
    }
    .m3-h h5 {
        font-size: 25px;
    }
    .p1 p > br {
        display: none;
    }
    .pad-btm {
        padding-bottom: 50px;
    }
    ul.port-menu > li a {
        font-size: 11px;
    }
    ul.port-menu > li {
        margin-right: 10px;
        margin-bottom: 15px;
    }
    ul.port-lst > li {
        display: inline-block;
        width: 47%;
        margin-right: 10px;
    }
    ul.port-lst > li:nth-child(2n) {
        margin-right: 0;
    }
    .mon-ban h1 {
        font-size: 16px;
        margin-bottom: 6px;
    }
    .mon-ban h5 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .mon-ban {
        padding-left: 0;
    }
    ul.port-menu {
        text-align: center;
        margin-bottom: 15px;
    }
    .pack-ctn p > br {
        display: block;
    }
    .pack-bx {
        width: 300px;
        height: 545px;
        padding: 10px 10px;
    }
    .pack-ctn {
        padding-bottom: 17px;
        margin-bottom: 16px;
    }
    ul.pack-lst > li p {
        line-height: 18px;
        font-size: 12px;
    }
    .popup-img {
        display: none;
    }
    .popupMain {
        width: 90%;
        height: 450px;
    }
    .popform-holder {
        padding-left: 0;
        width: 100%;
        padding: 15px;
    }
    .popTxt {
        text-align: center;
    }
    .solwrap h6 {
        font-size: 12px;
    }
    ul.solbx-lst > li p {
        font-size: 11px;
    }
    ul.da-lst > li span > img {
        width: 60%;
        margin-right: 0;
    }
    .da-ctn {
        display: block;
    }
    ul.sol-lst {
        margin-bottom: 10px;
    }
    .sol-pic {
        display: none;
    }
    ul.da-lst > li {
        margin-bottom: 0;
    }
    .world-bx h1 {
        font-size: 15px;
        margin-bottom: 30px;
    }
    .world-bx h1 > span {
        font-size: 17px;
        margin-top: 5px;
    }
    .world-sec:before {
        height: 93%;
        width: 92%;
    }
    ul.rew-lst > li {
        margin-right: 30px;
        width: 33%;
    }
    ul.rew-lst > li:nth-child(2n) {
        margin-right: 0;
    }
    .client-ctn h6 {
        font-size: 15px;
        line-height: 20px;
    }
    img.client-pic {
        display: none;
    }
    .ctnt-sec {
        padding: 0 0 20px;
    }
    .one-half {
        width: 100%;
        display: inline-block;
        margin-right: 0;
    }
    .f-in {
        margin-bottom: 15px;
    }
    .one-half:nth-child(2n) {
        margin-bottom: 15px;
    }
    .client-bx {
        text-align: center;
    }
    .client-bx span {
        margin-bottom: 10px;
    }
    label.pg-radio {
        margin-bottom: 10px;
    }
    p.checkbx-btnpara {
        font-size: 10px;
        padding-left: 0;
    }
    input.checkbx-btn {
        vertical-align: middle;
    }
    .linfo-box h5 {
        display: none;
    }
    ul.info-l > li a {
        font-size: 13px;
        line-height: 20px;
    }
    ul.linfo-lst > li {
        padding: 8px 0;
    }
    .ft-ctn {
        margin-bottom: 10px;
    }
    a.ft-logo {
        display: block;
        margin-bottom: 10px;
    }
    ul.f-lnk > li {
        margin-bottom: 5px;
    }
    .ft-ctn h5 {
        font-size: 13px;
        margin-bottom: 10px;
    }
    ul.f-icn {
        margin-bottom: 15px;
    }
    section.copright {
        text-align: center;
    }
    .ft-warp {
        padding: 15px 0;
    }
    footer {
        border-top: none;
    }
    .copright p {
        margin-bottom: 10px;
        font-size: 12px;
    }
    .logo-ban div#particles-js {
        display: none;
    }
    .logo-ban .ban-ctn {
        display: none;
    }
    .main-form {
        padding: 34px 17px 15px;
    }
    .logo-ban {
        height: 60vh !important;
    }
    .logo-ban .ban-con {
        margin-bottom: 0;
    }
    ul.mainf-lst > li .m-flied {
        width: 215px;
    }
    img.hello.pulse {
        width: 50%;
        top: -15%;
    }
    .m-flied input,
    .m-flied select {
        height: 40px;
    }
    .logot-ctn {
        margin-bottom: 20px;
    }
    .dproc-icon {
        display: none;
    }
    .dproc-stp {
        display: none;
    }
    .dproc-ctn h5 {
        font-size: 20px;
    }
    .dproc-ctn p {
        margin-bottom: 5px;
    }
    .dprocess-h h1 span {
        font-size: 32px;
    }
    .f-in input[type="text"],
    .f-in select {
        height: 40px;
    }
    ul.info-l > li a br {
        display: none;
    }
    ul.info-l > li span {
        width: 35px;
        display: block;
    }
    ul.provide-lst > li {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
        padding: 0 15px;
    }
    .provide-wrap {
        width: 100%;
    }
    .gs-img {
        padding: 15px 0;
        width: 50%;
        margin: auto;
    }
    ul.top-menu {
        display: none;
    }
    ul.menu {
        width: 100%;
    }
    ul.menu > li {
        border-bottom: 1px solid;
        padding: 13px 0 !important;
    }
    ul.menu > li > a {
        margin-bottom: 0 !important;
        padding-left: 10px !important;
    }
    .animat-logo-pot .port-box img {
        height: 168px;
    }
    .cd-nav .cd-contact-info p {
        font-size: 11px;
    }
    .cd-nav .cd-contact-info a {
        font-size: 15px;
    }
    section.ctnt-sec .col-md-8 {
        display: contents;
    }
    ul.info-l {
        display: inline-flex;
    }
    .ft-warp .row:first-child {
        margin-left: -100px;
    }
    .ft-warp .row div {
        margin-left: 100px;
    }
    .ft-warp .col-md-3 {
        display: contents;
    }
    .ft-warp .row div.col-md-2 {
        margin-left: -24px;
        display: contents;
    }
    .ft-warp .col-md-4 {
        display: contents;
    }
    .reviews_widget {
        width: 330px;
    }
    .cd-nav-trigger {
        display: flex !important;
    }
}
@media (min-width: 667px) and (max-width: 736px) and (orientation: landscape) {
    a.logo img {
        width: 40%;
    }
    .fullmenu-pic img {
        width: 38%;
    }
    .fullmenu-pic {
        text-align: center;
        margin-top: 10px;
    }
    .cd-nav .cd-primary-nav {
        margin-top: -20px;
    }
    .cd-nav .cd-primary-nav li {
        margin-bottom: 5px;
    }
    .cd-nav .cd-contact-info li {
        margin-bottom: 0;
    }
    ul.cd-contact-info > li i {
        margin-right: 0;
        font-size: 15px;
    }
    .cd-nav .cd-contact-info {
        margin-top: 0;
    }
    ul.tab-lst > li {
        margin-bottom: 0;
    }
    .logo-ban {
        height: 130vh !important;
    }
    .payment-ban {
        height: 330vh !important;
    }
    .pay-af:after {
        display: none;
    }
    ul.pay-icn {
        columns: 2;
    }
    ul.pay-icn > li {
        margin-right: 0;
    }
}
@media only screen and (max-width: 667px) and (orientation: landscape) {
    a.logo img {
        width: 40%;
    }
    .fullmenu-pic img {
        width: 38%;
    }
    .fullmenu-pic {
        text-align: center;
        margin-top: 10px;
    }
    .cd-nav .cd-primary-nav {
        margin-top: -20px;
    }
    .cd-nav .cd-primary-nav li {
        margin-bottom: 5px;
    }
    .cd-nav .cd-contact-info li {
        margin-bottom: 0;
    }
    ul.cd-contact-info > li i {
        margin-right: 0;
        font-size: 15px;
    }
    .cd-nav .cd-contact-info {
        margin-top: 0;
    }
    ul.tab-lst > li {
        margin-bottom: 0;
    }
    .payment-ban {
        height: 370vh !important;
    }
    .pay-af:after {
        display: none;
    }
    ul.pay-icn {
        columns: 2;
    }
    ul.pay-icn > li {
        margin-right: 0;
    }
}
@media only screen and (max-width: 600px) {
    .cd-nav-trigger {
        left: 85%;
    }
    a.logo img {
        width: 40%;
    }
    ul.cd-contact-info > li i {
        margin-right: 10px;
    }
    .cd-nav .cd-contact-info p {
        font-size: 12px;
    }
    ul.tab-lst > li {
        margin-bottom: 0;
    }
    .ctnt-head {
        padding: 0 10px;
    }
    form#quoteFormBottom {
        margin: 0 5px;
    }
    .logo-ban {
        height: 75vh !important;
    }
    .payment-ban {
        height: 170vh !important;
    }
    .pay-af:after {
        display: none;
    }
}
@media (max-width: 375px) {
    .payment-ban {
        height: 166vh !important;
    }
    ul.pay-icn > li {
        margin-right: 25px;
    }
}
@media (max-width: 375px) and (orientation: potrait) {
    .payment-ban {
        height: 190vh !important;
    }
}
.reviews_widget {
    position: fixed;
    left: 20px;
    background: #06051e;
    border-radius: 10px;
    padding: 20px 20px;
    bottom: 35px;
    z-index: 9;
    box-shadow: 0 0 25px #4e41d9;
}
.reviews_widget span {
    display: block;
    font-size: 14px;
    color: #fff;
}
.reviews_widget p {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 5px;
    color: #fff;
}
.priv-wrap h5 {
    font-size: 30px;
}
.priv-wrap {
    margin-bottom: 20px;
}
ul.term-lst > li > p {
    padding-left: 18px;
    position: relative;
}
ul.term-lst > li > p:before {
    position: absolute;
    content: "\f00c ";
    font-family: fontAwesome;
    color: #fdc30e;
    font-size: 12px;
    left: 0;
    top: 0;
    bottom: 0;
}
.priv-wrap h6 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
}
img.black-fri {
    position: absolute;
    left: -2px;
    top: 0;
}
/*blog-page*/
.blog-ban{height:40vh;align-items:center;padding-bottom:0;}
.blog-ban:after{height:400px;}
.blog-ban .ban-ctn{text-align:center;padding-top:50px;}
.date h3{font-size:16px;color:#fff;}
.date{background:#4d40d5;position:absolute;bottom:10px;z-index:1;display:flex;align-items:center;padding:10px;}
.date h3>span{margin-right:5px;}

/*-blogs-page*/
section.blogs-sec{padding:75px 0 133px 0;}
ul.blogs-list{display:block;font-size:0;}
ul.blogs-list>li{display:inline-block;margin-right:31px;width:31.5%;}
ul.blogs-list>li:nth-child(3n){margin-right:0;}
.blogs-img{margin-bottom:15px;position:relative;}
.blogs-ctn{margin-bottom:55px;}
.blogs-img img{}
.blogs-ctn a{font-size:20px;line-height:normal;color:#4e41d9;font-weight:600;margin-bottom:12px;display:block;}
.blogs-ctn a:hover{color:#fdc30e;}
.blogs-ctn p{font-size:14px;line-height:normal;color:#fff;font-weight:400;}

/*-blogs-Details-page*/
.blogD-ctn h5{font-size:44.08px;color:#4e41d9;font-weight:700;margin-bottom:25px;text-transform:uppercase;}
.blogD-ctn p{font-size:15px;color:#fff;font-weight:500;line-height:25px;margin-bottom:62px;}
.blogD-img{margin-bottom:43px;position:relative;}
.blogD-ctn h6{font-size:23px;color:#4e41d9;font-weight:600;line-height:normal;margin-bottom:48px;padding-left:34px;position:relative;}
.blogD-ctn h6:before{content:'';width:4px;height:100px;background:#cd003a;left:0;bottom:0;top:0;position:absolute;}
ul.B-icon{display:block;font-size:0;margin-bottom:40px;}
ul.B-icon>li{display:inline-block;border:1px solid #e1e1e1;vertical-align:middle;}
ul.B-icon>li span{font-size:14px;color:#fff;font-weight:700;text-transform:uppercase;display:block;height:39px;width:125px;line-height:39px;text-align:center;}
ul.B-icon>li a{width:39px;height:39px;background:transparent;color:#fff;display:block;line-height:39px;text-align:center;font-size:16px;}
ul.B-icon>li a:hover{background:#4e41d9;color:#fff;}
.BSearch{position:relative;margin-bottom:44px;}
.BSearch input[type=text]{padding:15px 38px 15px 10px;font-size:14px;border:1px solid #4e41d9;width:100%;font-family:'Nunito',sans-serif;background:transparent;color:#fff;}
.BSearch input[type=text]::placeholder{color:#fff;}
.BSearch button{position:absolute;top:0;bottom:0;right:15px;color:#dddddd;font-size:16px;margin:auto;background:transparent;border:none;cursor:pointer;}
.Bcategory h5{margin-bottom:34px;font-size:22px;font-weight:700;color:#fff;text-transform:uppercase;}
ul.Bcat-list>li{border-top:1px solid #4e41d9;}
ul.Bcat-list>li a{font-size:16px;color:#fff;font-weight:400;padding:15px 0px;display:block;position:relative;}
ul.Bcat-list>li a:hover{color:#4e41d9;}
ul.Bcat-list>li a:after{content:'\f0da';position:absolute;font-family:fontAwesome;text-align:center;top:15px;right:0;color:#cccccc;font-size:15px;}
.Bcoment{background:#f9f9f9;padding:49px 31px 38px 41px;}
.Bcoment h5{font-size:22px;font-weight:700;color:#1f1f1f;}
.Bcoment h5 span{color:#477628;}
ul.Bcoment-list{}
ul.Bcoment-list>li{padding:48px 0;}
ul.Bcoment-list>li:first-child{border-bottom:1px solid #eeeeee;}
ul.Bcoment-list>li img{display:inline-block;padding-right:34px;}
.Bcoment-ctn{display:inline-block;vertical-align:middle;}
.Bcoment-ctn h5{font-size:16px;color:#333333;font-weight:700;font-family:'Playfair Display',serif;margin-bottom:8px;}
.Bcoment-ctn h5 span{font-size:15px;color:#707071;}
.Bcoment-ctn h6{font-size:13px;color:#477628;font-weight:700;margin-bottom:25px;}
.Bcoment-ctn p{font-size:16px;color:#444141;line-height:25px;}
.coment-form{padding-top:68px;}
.coment-form h5{font-size:22px;color:#1f1f1f;margin-bottom:44px;}
.coment-f.field input,.coment-f.field textarea{width:436px;}
.coment-f.field textarea{height:159px;}
.coment-form input[type="submit"]{padding:15px 43px;}
.Bcategory{margin-bottom:35px;}
.rp-con figure{text-align:center;}
.rp-ctn h3{font-size:14px;color:#fff;line-height:24px;margin-bottom:3px;}
ul.rp-lst>li{margin-bottom:12px;}
.rp-ctn p{font-size:12px;color:#9f9fa5;margin-bottom:3px;}

.logo img {
    width:238px;
      
  }
  @media (min-width:320px) and (max-width:350px){
      .pack-wrap{
              margin-left: -11px;

      }
      html, body {
    width: 100%;
    overflow-x: hidden!important;
   
}
.main-form{
    top:142px;
}
.cre-sec {
    margin-top: 21%;
}

  }
  
  @media (min-width:351px) and (max-width:400px){
      .main-form{
        top: 70px;
}
  }