@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);

@import url(https://fonts.googleapis.com/css2?family=Gotu&display=swap);

* {

    padding: 0;

    margin: 0

}



html {

    font-size: 100%

}



a,

abbr,

acronym,

address,

applet,

b,

big,

blockquote,

body,

caption,

center,

cite,

code,

dd,

del,

dfn,

div,

dl,

dt,

em,

fieldset,

font,

form,

h1,

h2,

h3,

h4,

h5,

h6,

html,

i,

iframe,

img,

ins,

kbd,

label,

legend,

li,

object,

ol,

p,

pre,

q,

s,

samp,

small,

span,

strike,

strong,

sub,

sup,

table,

tbody,

td,

tfoot,

th,

thead,

tr,

tt,

u,

ul,

var {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%

}



ol,

ul {

    list-style: none

}



:focus {

    outline: 0

}





a,

a:link {

    text-decoration: none;

    outline: 0;

}



p {

    font-size: 14px;

    color: #000;

    line-height: 22px;

    font-weight: 400;

    margin-bottom: 20px

}



.clear {

    clear: both

}



a:focus {

    outline: 0

}



img {

    max-width: 100%

}



input:focus {

    outline: 0

}



button:focus {

    outline: 0

}



body {

    margin: 0;

    padding: 0;

    font-size: 13px;

    color: #606060;

    line-height: 20px;

    font-weight: 500;

    background: #fff;

    /* font-family: Poppins, sans-serif */

}



.var-row {

    align-items: center

}



iframe {

    width: 100%

}



.bd_mt_so {

    margin-top: 40px

}



.bd_so.bd_mt_so {

    margin-bottom: 0

}



header.site-header {

    background-color: #fff;

    padding: 10px 0

}



header.site-header .container-fluid {

    padding: 0 50px

}



.header-wrap {

    align-items: center;

    justify-content: space-between

}



.logo-section img {

    height: 65px

}



.menu-section ul {

    display: flex

}



.menu-section ul li {

    margin-left: 6px

}



.menu-section ul li a {

    display: inline-block;

    color: #161616;

    font-size: 13px;

    font-weight: 600;

    /* text-transform: uppercase; */

    padding: 7px 10px

}



/* .menu-section ul li.active a {

    background-color: #161616;

    color: #fff;

    border-radius: 3px

} */



.menu-section ul li.active:last-child a , .go-btn{
    padding: 12px 22px !important;
    border-radius: 30px !important;
    background-color: #fff;
    border: 0 !important;
    -webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.1);
}

.menu-section ul li.active:last-child a {
    background:#fff;
    color:#fb0469 !important;
}


.menu-section ul li.active:last-child {
    margin-left: 40px !important;
}



.home-banner video {

    width: 100%;

    height: 100%

}



.title-section h2 {

    color: #000;

    font-weight: 700;

    font-size: 40px;

    line-height: 46px;

    padding-bottom: 20px

}



.title-section p {

    color: #000;

    font-weight: 400;

    font-size: 15px

}



.approach-sec {

    background-color: #fff;

    padding: 50px 0

}



.approach-sec .title-section {

    margin-bottom: 50px

}



.approach-sec .title-section h2 {

    text-align: center

}



.approach-sec .title-section p {

    text-align: center

}



.approach-tab h6.section-title {

    color: #000

}



.approach-tab .nav-tabs .nav-link {

    color: #000;

    font-size: 16px;

    border-radius: 50px;

    margin: 0 5px;

    font-weight: 500;

    border: #707070 solid 1px !important

}



.approach-tab .nav-tabs .nav-item.show .nav-link,

.nav-tabs .nav-link.active {

    color: #fff;

    background-color: #000

}



.approach-tab .nav-tabs {

    border-bottom: none !important

}



.approach-tab .nav-tabs .nav-item {

    margin-bottom: 0 !important

}



.tab-pane {

    padding-top: 50px

}



.tab-cont h3 {

    color: #000;

    font-weight: 700;

    font-size: 25px;

    padding-bottom: 30px;

    text-transform: uppercase

}



.tab-cont p {

    color: #000;

    font-weight: 400;

    font-size: 15px

}



.more-txt a {

    display: inline-block;

    color: #000;

    text-decoration: underline

}



.journey-sec {

    background-color: #161616;

    padding: 70px 0

}



.journey-sec .title-section h2 {

    text-align: left;

    color: #fff

}



.journey-sec .title-section p {

    color: #fff

}



.journey-wrap {

    text-align: center

}



.journey-box {

    max-width: 150px;

    margin: 0 auto;

    text-align: left;

    margin-bottom: 30px

}



.journey-box h2 {

    padding-bottom: 5px;

    font-size: 50px;

    font-weight: 800;

    background: linear-gradient(to right, #bd0cc2 0, #fb0469 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.journey-box h3 {

    color: #c5c5c5;

    font-size: 14px

}



.experience-sec {

    background-color: #fbf2ec;

    padding: 70px 0

}



.experience-box {

    background-color: #fff;

    padding: 15px;

    height: 100%;

    border-radius: 5px;

    margin-bottom: 20px;

    -webkit-box-shadow: 5px 5px 0 0 rgb(238 221 212);

    -moz-box-shadow: 5px 5px 0 0 #eeddd4;

    box-shadow: 5px 5px 0 0 rgb(238 221 212)

}



.experience-box .media {

    align-items: center

}



.experience-box .media .media-left {

    width: 90px;

    text-align: center

}



.experience-box .media .media-left img {

    width: 60%

}



.experience-box .media .media-body h2 {

    padding-bottom: 15px;

    color: #000;

    font-weight: 600;

    font-size: 18px

}



.experience-box .media .media-body p {

    margin-bottom: 0;

    font-size: 13px;

    line-height: 20px

}



.method-sec {

    background-color: #f6b3b3;

    padding: 80px 0

}



.approach-tab.method-tab {

    padding-top: 50px

}



.approach-tab.method-tab .nav-link {

    border: none !important;

    padding: 0;

    color: #b18181;

    position: relative

}



.approach-tab.method-tab .nav-link.active {

    background-color: transparent;

    border: none !important;

    padding: 0;

    color: #000;

    border-bottom: #000 solid 2px;

    padding-bottom: 5px

}



.approach-tab.method-tab .nav-link span {

    display: inline-block;

    position: relative;

    padding-bottom: 5px

}



.approach-tab.method-tab .nav-link.active span:before {

    content: '';

    height: 2px;

    width: 100%;

    background-color: #000;

    position: absolute;

    bottom: 0;

    left: 0

}



.approach-tab.method-tab .nav-link span:after {

    content: '';

    height: 2px;

    width: 20px;

    background-color: #b18181;

    position: absolute;

    top: 10px;

    right: -35px

}



.approach-tab.method-tab .nav-link:last-child span:after {

    content: none

}



.full-logo-sec {

    overflow: hidden

}



.full-logo-sec .logo-box {

    height: 250px;

    display: flex;

    justify-content: center;

    align-items: center;

    border: #dfdfdf solid 10px;

    padding: 15px

}



.full-logo-sec .logo-box img {

    max-height: 100px

}



.logo-box.bl-none {

    border-left: none

}



.logo-box.bt-none {

    border-top: none

}



.middle-logo-wrap {

    padding: 40px;

    align-items: center;

    height: 100%

}



.middle-logo-img {

    margin-bottom: 10px

}



.middle-logo-wrap p {

    margin-bottom: 15px

}



.middle-logo-wrap .owl-dots {

    display: none

}



.middle-logo-info h3 {

    color: #000;

    font-size: 18px;

    font-weight: 600;

    padding-bottom: 10px

}



.middle-logo-info h4 {

    color: #9f9f9f;

    font-size: 15px;

    font-weight: 400;

    padding-bottom: 10px

}



.middle-logo-wrap .middle-logo-title {

    color: #000;

    font-size: 18px;

    font-weight: 600;

    padding-bottom: 10px

}



.middle-logo-wrap .title-star img {

    width: 100px

}



.team-sec {

    background-color: #fff;

    padding: 80px 0;

    position: relative

}



.team-sec .title-section h2 {

    padding-bottom: 6px

}



.team-sec .title-section h4 {

    font-size: 22px;

    margin-bottom: 49px

}



.team-sec:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: -moz-linear-gradient(90deg, #f8c7ec 0, #f8e3c5 50%, #b4fcfe 100%);

    background: -webkit-linear-gradient(90deg, #f8c7ec 0, #f8e3c5 50%, #b4fcfe 100%);

    background: -o-linear-gradient(90deg, #f8c7ec 0, #f8e3c5 50%, #b4fcfe 100%);

    background: -ms-linear-gradient(90deg, #f8c7ec 0, #f8e3c5 50%, #b4fcfe 100%);

    background: linear-gradient(90deg, #f8c7ec 0, #f8e3c5 50%, #b4fcfe 100%)

}



.team-sec-cont {

    margin-top: 100px

}



.team-sec-cont .title-section h2 {

    font-size: 22px;

    line-height: 30px

}



.team-sec-cont p {

    font-size: 13px;

    line-height: 18px

}



footer.site-footer {

    background-color: #fff

}



.f-section1 {

    border-top: #eaeaea solid 1px;

    padding: 15px 0

}



.footer-logo {

    justify-content: center;

    align-items: center

}



.footer-logo img {

    height: 50px;

    margin: 0 15px

}



.f-section2 {

    border-top: #eaeaea solid 1px;

    border-bottom: #eaeaea solid 1px

}




.f-address .owl-nav {

    margin-top: 0

}



.f-address .owl-nav button.owl-next {

    position: absolute;

    top: 30%;

    right: -60px;

    margin: 0

}



.f-address .owl-nav button.owl-next span {

    font-size: 0;

    background-image: url(../images/arrow-right.png);

    background-repeat: no-repeat;

    height: 50px;

    width: 50px;

    display: inline-block

}



.f-address .owl-nav button:focus {

    background-color: transparent !important;

    box-shadow: none

}



.f-address .owl-nav button:hover {

    background-color: transparent !important;

    box-shadow: none

}



.f-section3 {

    padding: 40px 0

}



.f-contact h2 {

    color: #161616;

    font-size: 18px;

    font-weight: 600;

    padding-bottom: 15px

}



.f-contact h3 {

    color: #161616;

    font-size: 15px;

    font-weight: 600;

    padding-bottom: 5px

}



.f-contact h4 {

    font-size: 14px;

    font-weight: 300;

    color: #000;

    margin-top: 5px

}



.f-contact h4 a {

    color: #000

}



.f-quick {

    -ms-flex: 0 0 17%;

    flex: 0 0 17%;

    max-width: 17%

}



.f-queris {

    -ms-flex: 0 0 17%;

    flex: 0 0 17%;

    max-width: 17%

}



.f-sales {

    -ms-flex: 0 0 66%;

    flex: 0 0 66%;

    max-width: 66%

}



.call-wrap {

    padding-right: 15px

}



.footer-bottom {

    align-items: center

}



.f-logo {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%

}



.f-logo img {

    max-width: 250px;

    height: 100px

}



.footer-menu {

    -ms-flex: 0 0 35%;

    flex: 0 0 35%;

    max-width: 45%

}



.f-menu {

    -ms-flex: 0 0 80%;

    flex: 0 0 80%;

    max-width: 80%

}



.f-menu ul {

    display: flex;

    flex-wrap: wrap

}



.f-menu ul li {

    font-size: 13px;

    border-right: #666 solid 1px;

    font-weight: 300;

    line-height: 13px;

    margin-bottom: 10px

}



.f-menu ul li:nth-last-child(1) {

    border-right: 0

}



.f-menu ul li a {

    display: inline-block;

    color: #000;

    padding: 0 5px

}



.copyright-txt {

    font-size: 13px;

    color: #000;

    font-weight: 300;

    padding-left: 5px

}



.copyright-txt a {

    color: #000

}



.f-social {

    -ms-flex: 0 0 15%;

    flex: 0 0 15%;

    max-width: 15%

}



.f-social ul li {

    display: inline-block;

    margin: 0 5px

}



.f-social ul li a {

    color: grey;

    font-size: 25px

}



.f-social ul li a:hover {

    color: #de196f

}



.payment-logo {

    -ms-flex: 0 0 15%;

    flex: 0 0 15%;

    max-width: 15%

}



.f-right-logo {

    text-align: right;

    -ms-flex: 0 0 10%;

    flex: 0 0 10%;

    max-width: 10%

}



.f-section4 {

    border-top: #eaeaea solid 1px;

    padding: 20px 0

}



.portfolio-sec {

    flex-wrap: wrap

}



.portfolio-sec .portfolio-box {

    height: 300px;

    position: relative;

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%

}



.portfolio-sec .portfolio-box img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.portfolio-sec .portfolio-layer {

    opacity: 0;

    position: absolute;

    background-color: rgba(0, 0, 0, .6);

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    -ms-transition: all 1s ease;

    transition: all 1s ease

}



.portfolio-sec .portfolio-layer h2 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    font-size: 16px;

    line-height: 22px;

    padding: 0 10px 15px 10px

}



.portfolio-sec .portfolio-layer h3 {

    color: #fff;

    text-align: center;

    font-size: 14px;

    line-height: 20px;

    padding: 0 10px

}



.portfolio-sec .portfolio-layer a {

    display: block;

    height: 100%;

    display: flex;

    align-items: center

}



.portfolio-sec .portfolio-box:hover .portfolio-layer {

    opacity: 1

}



.bd_so_inner h2 {

    padding: 10px 0;

    font-size: 18px;

    line-height: 24px;

    font-weight: 600;

    color: #000

}



.bd_so_inner p {

    margin-bottom: 0

}



.logo-wrap-box {

    justify-content: flex-start;

    flex-wrap: wrap

}



.logo-wrap-box span {

    margin-right: 20px

}



.logo-wrap-box span:nth-last-child(1) {

    margin-right: 0

}



.bottom-fld .bd_so {

    margin-bottom: 70px

}



.bd_txtwrap-left h2 {

    position: relative;

    margin-bottom: 10px !important;

    padding-bottom: 10px

}



.bd_txtwrap-left h2:after {

    position: absolute;

    content: " ";

    bottom: 0;

    left: 0;

    width: 100px;

    height: 2px;

    background: #ccc

}



.bd_txtwrap-right h2 {

    position: relative;

    margin-bottom: 10px !important;

    padding-bottom: 10px;

    text-align: right

}



.bd_txtwrap-right h2:after {

    position: absolute;

    content: " ";

    bottom: 0;

    right: 0;

    width: 100px;

    height: 2px;

    background: #ccc

}



.bd_txtwrap-right .bd_txtbox {

    padding-right: 80px

}



.bd_txtwrap-right .bd_txtimg {

    left: inherit;

    right: 0

}



.bd_txtwrap-right .bd_txtbox p {

    text-align: right

}



.header-appear {

    position: fixed;

    top: 0;

    padding: 0;

    z-index: 999;

    width: 100%;

    background-color: #fff;

    -webkit-animation-name: animationFade;

    -o-animation-name: animationFade;

    animation-name: animationFade;

    -webkit-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .35);

    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .35)

}



.header-appear .header-bottom {

    padding: 5px 0;

    background: #d8f4fa

}



header {

    width: 100%;

    z-index: 99

}



.top-header-area {

    position: absolute;

    top: 0;

    z-index: 99;

    width: 100%;

    display: block;

    height: 45px;

    line-height: 45px;

    font-size: 14px

}



.top-header-area~.navbar-top-default {

    background-color: #000;

    top: 45px;

    height: 65px

}



.header-appear .top-header-area {

    display: none

}



.header-appear .top-header-area~.navbar-top-default {

    top: 0

}



.navbar-top-default {

    position: absolute;

    top: 0;

    z-index: 99;

    overflow: hidden;

    width: 100%;

    background-color: var(--color-black);

    -webkit-transition: all .1s ease;

    -moz-transition: all .1s ease;

    -ms-transition: all .1s ease;

    -o-transition: all .1s ease;

    transition: all .1s ease

}



.header-appear .navbar-top-default {

    position: fixed;

    z-index: 999;

    background-color: var(--color-black);

    -webkit-animation-name: animationFade;

    -o-animation-name: animationFade;

    animation-name: animationFade;

    -webkit-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .35);

    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .35)

}



@-webkit-keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@-o-keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        -o-transform: none;

        transform: none

    }

}



@keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        -o-transform: none;

        transform: none

    }

}



header.header-appear {

    padding: 5px 0

}



header.header-appear .logo-section img {

    height: 50px

}



.colc-2 {

    column-count: 2

}



.bd-ul-list ul {

    list-style-type: disc;

    margin-left: 15px

}



.bd-ul-list ul li {

    list-style-type: disc;

    font-size: 15px;

    padding-top: 15px

}



.payment-box {

    background-color: #fff;

    -webkit-box-shadow: 5px 5px 0 0 rgb(238 221 212);

    -moz-box-shadow: 5px 5px 0 0 #eeddd4;

    box-shadow: 5px 5px 0 0 rgb(238 221 212)

}



.payment-box h3 {

    color: #fff;

    background-color: #000;

    text-align: center;

    padding: 10px;

    height: 60px;

    font-size: 15px

}



.payment-box ul {

    padding: 10px

}



.payment-box ul li {

    margin: 15px 0;

    font-size: 15px;

    color: #000;

    background-image: url(../images/check-mark.png);

    background-repeat: no-repeat;

    background-position: top left;

    padding-left: 25px

}



.process-box h2 {

    position: relative;

    border-bottom: #ddd solid 1px;

    padding-bottom: 20px;

    margin-bottom: 20px !important

}



.process-box h2 span {

    display: inline-block;

    height: 30px;

    width: 30px;

    background-color: #0e1f33;

    border-radius: 100%;

    color: #fff;

    text-align: center;

    line-height: 30px;

    position: absolute;

    bottom: -15px;

    left: 50%;

    margin-left: -15px;

    font-size: 18px

}



.divid-txt {

    padding: 20px 0;

    color: #666;

    font-weight: 600;

    font-size: 17px

}



.bd_txt ul li {

    margin: 15px 0;

    font-size: 15px;

    color: #000;

    background-image: url(../images/check-mark-2.png);

    background-repeat: no-repeat;

    background-position: top left;

    padding-left: 25px

}



.bd-right-wrap .bd_txtbox {

    padding-left: 0;

    padding-right: 80px;

    text-align: right

}



.bd-right-wrap .bd_txtimg {

    right: 0;

    left: inherit

}



.bd-right-wrap .bd_txtbox h2 {

    position: relative;

    padding-bottom: 10px;

    margin-bottom: 10px

}



.bd-left-wrap .bd_txtbox h2 {

    position: relative;

    padding-bottom: 10px;

    margin-bottom: 10px

}



.bd-right-wrap .bd_txtbox h2:after {

    position: absolute;

    content: " ";

    bottom: 0;

    right: 0;

    width: 120px;

    height: 2px;

    background: #ccc

}



.bd-left-wrap .bd_txtbox h2:after {

    position: absolute;

    content: " ";

    bottom: 0;

    left: 0;

    width: 120px;

    height: 2px;

    background: #ccc

}



.faq-section1 .accordion-toggle {

    position: relative

}



.faq-section1 .accordion-toggle.collapsed:after {

    content: "";

    position: absolute;

    width: 26px;

    height: 16px;

    background: url(../images/acc-arr.png) no-repeat 0 0;

    float: right;

    right: 25px;

    top: 0;

    bottom: 0;

    margin: auto;

    transform: rotate(0) scale(.5);

    -moz-transform: rotate(0) scale(.5);

    -webkit-transform: rotate(0) scale(.5);

    -webkit-transition: all .5s ease-out 0s;

    -moz-transition: all 1s ease-out 0s;

    -o-transition: all 1s ease-out 0s;

    transition: all .5s ease-out 0s

}



.faq-section1 .accordion-toggle:after {

    content: "";

    position: absolute;

    width: 26px;

    height: 16px;

    background: url(../images/acc-arr.png) no-repeat 0 0;

    float: right;

    right: 25px;

    top: 0;

    bottom: 0;

    margin: auto;

    transform: rotate(-180deg) scale(.5);

    -moz-transform: rotate(-180deg) scale(.5);

    -webkit-transform: rotate(-180deg) scale(.5);

    -webkit-transition: all .5s ease-out 0s;

    -moz-transition: all 1s ease-out 0s;

    -o-transition: all 1s ease-out 0s;

    transition: all .5s ease-out 0s

}



.faq-section1 .accordion-group {

    margin-bottom: 10px

}



.faq-section1 .accordion-heading a {

    font-size: 18px;

    font-weight: 500;

    color: #000;

    display: block;

    background-color: #fff;

    padding: 20px

}



.faq-section1 .accordion-inner {

    display: block;

    background-color: #fff;

    padding: 20px

}



.faq-section1 .accordion-inner p {

    color: #000

}



.loginsection {

    position: relative;

    z-index: 9

}



.loginSection {

    width: 100%;

    max-width: 800px;

    margin: 0 auto

}



.loginSection .login-block-bg {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    background-color: #651456;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 30px;

    font-weight: 300;

    font-size: 40px;

    color: #fff

}



.loginSection .login-form {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    background-color: #000;

    padding: 30px;

    color: #fff

}



.loginSection .login-form-content h3 {

    color: #fff;

    font-size: 25px;

    text-transform: uppercase;

    padding-bottom: 15px

}



.loginSection .login-form-content p {

    color: #fff;

    font-size: 16px;

    text-transform: uppercase

}



.loginSection .login-form-content input[type=text] {

    height: 45px;

    border-radius: 0;

    border: none

}



.loginSection .login-form-content input[type=text]:focus {

    border: none;

    outline: 0;

    box-shadow: none

}



.loginSection .login-form-content button[type=submit] {

    border: 2px solid #ff3a8b;

    background-color: #ff3a8b;

    color: #fff;

    padding: 7px 30px;

    border-radius: 50px;

    color: #fff;

    text-transform: uppercase;

    font-size: 16px;

    letter-spacing: 1px;

    margin-top: 10px

}



.loginSection .login-form-content button[type=submit]:hover {

    background-color: transparent;

    color: #ff3a8b

}



.loginSection .cnt-form {

    background-color: #651456;

    padding: 30px;

    color: #fff

}



.loginSection .cnt-form h3 {

    color: #fff;

    font-size: 25px;

    text-transform: uppercase;

    padding-bottom: 15px;

    text-align: center

}



.loginSection .cnt-form select {

    height: 45px;

    border-radius: 0;

    border: none

}



.loginSection .cnt-form input[type=number] {

    height: 45px;

    border-radius: 0;

    border: none

}



.loginSection .cnt-form input[type=text]:focus {

    border: none;

    outline: 0;

    box-shadow: none

}



.alert.success {

    font-size: 17px;

    color: #2c731a

}



.alert.error {

    font-size: 17px;

    color: red

}



.custom-cms-page h2 {

    color: #000;

    font-weight: 700;

    font-size: 22px;

    line-height: 22px;

    padding-bottom: 15px

}



.custom-cms-page h3 {

    color: #000;

    font-weight: 600;

    font-size: 17px;

    line-height: 20px;

    padding-bottom: 15px

}



.custom-cms-page p {

    margin-bottom: 30px

}



ul.cmn-list {

    margin: 15px 0

}



ul.cmn-list li {

    position: relative;

    color: #000;

    font-size: 14px;

    position: relative;

    padding-left: 30px;

    margin-bottom: 10px;

    font-weight: 400;

    line-height: 22px;

    text-align: left;

    display: inline-block;

    width: 100%

}



ul.cmn-list li:before {

    content: "";

    background: url(../images/spirit.png) no-repeat -12px -83px;

    width: 22px;

    height: 22px;

    position: absolute;

    left: 0;

    top: 3px

}



.success-txt {

    color: #118d08;

    font-size: 40px;

    line-height: 50px;

    font-family: Gotu, sans-serif;

    font-weight: 700

}



.success-pic {

    margin-bottom: 30px

}



.success-pic img {

    height: 150px

}



.failed-txt {

    color: #fd0100;

    font-size: 40px;

    line-height: 50px;

    font-family: Gotu, sans-serif;

    font-weight: 700

}



.failed-pic {

    margin-bottom: 30px

}



.failed-pic img {

    height: 150px

}



.thank-txt {

    color: #118d08;

    font-size: 40px;

    line-height: 50px;

    font-family: Gotu, sans-serif;

    font-weight: 700

}



.thank-pic {

    margin-bottom: 30px

}



.thank-pic img {

    height: 120px

}



.error-page h2 {

    color: #ff3a8b;

    font-size: 75px;

    font-family: Gotu, sans-serif;

    padding-bottom: 20px

}



.error-page h3 {

    color: #ff3a8b;

    font-size: 40px;

    font-family: Gotu, sans-serif

}



#captha_value {

    background: #1656a5;

    display: inline;

    color: #fff;

    padding: 5px

}



.paypal-error-msg p {

    color: red

}

.bg_lightblue {
    background: #e9f4ff;
}

.more-serv h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #1b3567;
    margin: 0 0 15px 0;
}
.smallbox.related-tech .pool-tech {
    width: 6%;
    margin: 5px;
}
.related-tech .pool-tech {
    margin: 10px;
    border-radius: 6px;
    overflow: hidden;
    width: 15%;
    background-color: #fff;
    text-align: center;
    border: 2px solid #fff;
    transition: 0.3s;
    position: relative;
}
.smallbox.related-tech .pool-tech .i-wrap {
    padding: 10px;
}
.related-tech .pool-tech .i-wrap {
    position: relative;
    z-index: 3;
    padding: 20px 15px;
}
.smallbox.related-tech .pool-tech img {
    height: 38px;
}
.related-tech .pool-tech img {
    margin: auto;
    height: 50px;
    object-fit: contain;
}
.smallbox.related-tech .pool-tech small {
    font-size: 12px;
}
.related-tech .pool-tech small {
    margin: 16px 0 0 0;
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #000;
    line-height: normal;
}