@import "https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i";

@font-face {
    font-family: 'LikeSnow';
    src: url("../fonts/likesnow.otf") format("opentype");
}
@font-face {
    font-family: 'Males';
    src: url("../fonts/males.otf") format("opentype");
}
html, body, div{
    cursor: url("../../cursor.svg") 16 16, default;
}
body{
    font-family:"poppins", sans-serif;
    padding:0;
    margin:0;
    font-size:14px;
}
a:hover{
    cursor: url("../../hand.svg") 16 16, auto;
}
.container{
    max-width:1140px
}
img{
    max-width:100%
}
a{
    color:#0e314c;
    display:inline-block;
    -webkit-transition:.5s;
    transition:.5s;
    text-decoration:none;
    outline:0!important
}
a:hover,a:focus{
    color:#8E4000;
    text-decoration:none;
    cursor: url("../../hand.svg") 16 16, pointer;
}
.ml-auto{
    margin-left:auto!important
}
.d-table{
    width:100%;
    height:100%
}
.d-table-cell{
    vertical-align:middle
}
p{
    color:#446889;
    font-weight: 500;
    line-height:1.9
}
p:last-child{
    margin-bottom:0
}
h1,h2,h3{
    color:#0e314c;
    font-weight:500;
    font-family: 'Males', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.pl-5{
    padding-left:3rem!important
}
:focus{
    outline:0!important
}
.ptb-80{
    padding-top:80px;
    padding-bottom:80px
}
.bg-f7fafd{
    background-color:#e9f3fc;
    background: url(../img/background3.png) center center no-repeat;
    background-size: cover;
}
.bg-f9fafb{
    background-color:#f9fafb;
}
.bg-0f054b{
    background-color:#234B6F;
    background: url(../img/bg.jpg) top no-repeat;
    background-size: cover;
}
.bg-eef6fd{
    background-color:#eef6fd
}
.btn-primary{
    color:#fff;
    background-color:#8E4000;
    -webkit-box-shadow:0 13px 27px 0 rgba(68,206,111,.25);
    box-shadow:0 13px 27px 0 rgba(68,206,111,.25)
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{
    color:#fff;
    background:#0e314c;
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px);
    -webkit-box-shadow:0 13px 27px 0 rgba(198,121,227,.25);
    box-shadow:0 13px 27px 0 rgba(198,121,227,.25)
}
.btn-primary:focus{
    -webkit-box-shadow:unset;
    box-shadow:unset
}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus{
    -webkit-box-shadow:unset;
    box-shadow:unset
}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active{
    color:#fff;
    background:#0e314c;
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px);
    -webkit-box-shadow:0 13px 27px 0 rgba(198,121,227,.25);
    box-shadow:0 13px 27px 0 rgba(198,121,227,.25)
}
.btn-primary:disabled{
    color:#fff;
    background-color:#44ce6f;
    -webkit-box-shadow:0 13px 27px 0 rgba(68,206,111,.25);
    box-shadow:0 13px 27px 0 rgba(68,206,111,.25);
    opacity:1
}
.btn-primary:disabled:hover,.btn-primary:disabled:focus{
    background:#0e314c;
    -webkit-box-shadow:0 13px 27px 0 rgba(227,121,121,.25);
    box-shadow:0 13px 27px 0 rgb(227,121,121, 0.25)
}
.btn{
    font-weight:600;
    font-size:14px;
    border:none;
    padding:15px 40px;
    position:relative;
    border-radius:12px;
    z-index:1;
    text-transform:uppercase;
    -webkit-transition:.5s;
    transition:.5s
}
.btn::after,.btn::before{
    content:'';
    position:absolute;
    top:0;
    height:100%;
    width:0;
    -webkit-transition:.5s;
    transition:.5s;
    z-index:-1
}
.btn::after{
    left:0;
    border-radius:4px 0 0 4px
}
.btn::before{
    right:0;
    border-radius:0 4px 4px 0
}
.btn:hover::after,.btn:hover::before{
    width:50%
}
.btn.btn-secondary:not(:disabled):not(.disabled).active,.btn.btn-secondary:not(:disabled):not(.disabled):active{
    color:#fff;
    background-color:#6fb2ff;
    border-color:#6fb2ff
}
.btn.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn.btn-secondary:not(:disabled):not(.disabled):active:focus{
    -webkit-box-shadow:5px 5px 5px #e9caf5;
    box-shadow:5px 5px 5px #e9caf5
}
.section-title{
    text-align:center;
    margin-bottom:60px
}
.section-title h2{
    margin-bottom:0;
    text-transform:capitalize;
    font-size:42px;
}
.section-title p{
    max-width:520px;
    margin:0 auto
}
.preloader{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:9999999;
    background-image: url('../img/loader.jpg');
    background-size: cover;
    background-color: #CCE6FF;
}
.preloader .spinner{
    width:100px;
    height:100px;
    background-color:#fff;
    margin:0 auto;
   /*  -webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;
    animation:sk-rotateplane 1.2s infinite ease-in-out; */
    position:absolute;
    right:0;
    left:0;
    -webkit-box-shadow:0 0 70px 0 rgba(0,0,0,.4);
    box-shadow:0 0 70px 0 rgba(0,0,0,.4);
    top:50%;
    margin-top:-75px;
    border-radius: 50px;
}
.spinner img{
    border-radius: 50px;
}
.acy-responsive-nav{
    display:none
}
.acy-sticky{
    webkit-box-shadow: 0 2px 28px 0 rgb(0 0 0 / 6%);
    box-shadow: 0 2px 28px 0 rgb(0 0 0 / 6%);
    background-color: rgb(255 255 255 / 85%)!important;
    border-radius: 50px;
}
#header.headroom{
    position:fixed;
    width:100%;
    z-index:9999;
    top:0;
    left:0;
    background-color:transparent;
    -webkit-transition:.3s;
    transition:.3s;
    padding-top:15px
}
.navbar-brand img{
    width: 42px;
    border-radius: 50px;
}
.acy-nav{
    background:0 0
}
.acy-nav-group{
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
}
.acy-nav nav{
    padding:0;
    justify-content: space-between;
}
.acy-nav nav ul{
    padding:0;
    margin:0;
    list-style-type:none
}
.acy-nav nav .navbar-nav .nav-item{
    position:relative;
    padding:15px 0
}
.acy-nav nav .navbar-nav .nav-item a{
    font-weight:500;
    font-size:18px;
    color:#4a6f8a;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    padding-bottom:0;
    margin-left:14px;
    font-family: 'Males';
    margin-right:14px
}
.acy-nav nav .navbar-nav .nav-item a:hover,.acy-nav nav .navbar-nav .nav-item a:focus{
    color:#59A929
}
.acy-nav nav .others-option{
    margin-left:20px
}
.text-right{
    text-align: right;
}
@media only screen and (max-width:991px){
    #header{
        padding-top:15px;
        padding-bottom:15px
    }
    .acy-responsive-nav{
        display:block
    }
    .acy-responsive-nav .acy-responsive-menu{
        position:relative
    }
    .acy-responsive-nav .logo{
        position:relative;
        background-size: contain;
        width:50%;
        z-index:999
    }
    .acy-nav{
        display:none
    }
}
.verse-cartel{
    flex-direction: row;
    justify-content: center;
    align-items: center;
   padding-bottom: 40px;
}
.main-banner{
    position:relative;
    height:900px;
    z-index:1;
    background:url(../img/background.jpg) center top no-repeat;
    background-size: cover;
}
.main-banner .hero-content h1{
    font-size:45px;
    font-weight:500;
    margin-bottom:20px
}
.main-banner .hero-content p{
    margin-bottom:30px
}
.main-banner .banner-image{
    position:relative
}
.main-banner .banner-image img{
    position:absolute
}
.main-banner .banner-image img:nth-child(1){
    z-index:3;
    top:-130px;
    left:-45px
}
.main-banner .banner-image img:nth-child(2){
    right:145px;
    top:-387px
}
.main-banner .banner-image img:nth-child(3){
    left:25px;
    top:-20px
}
.main-banner .banner-image img:last-child{
    display:none
}
.shape1{
    position:absolute;
    top:15%;
    z-index:-1;
    left:15%;
    -webkit-animation:rotate3d 4s linear infinite;
    animation:rotate3d 4s linear infinite;
    opacity:.4
}
.shape2{
    position:absolute;
    z-index:-1;
    top:60%;
    left:15%
}
.shape3{
    position:absolute;
    left:25%;
    bottom:15%;
    z-index:-1;
    -webkit-animation:animationFramesOne 15s infinite linear;
    animation:animationFramesOne 15s infinite linear
}
.shape4{
    position:absolute;
    right:25%;
    bottom:15%;
    z-index:-1;
    -webkit-animation:animationFramesOne 20s infinite linear;
    animation:animationFramesOne 20s infinite linear
}
.shape5{
    position:absolute;
    right:5%;
    top:10%;
    z-index:-1;
    -webkit-animation:movebounce 5s linear infinite;
    animation:movebounce 5s linear infinite;
    opacity:.2
}
.shape6{
    position:absolute;
    z-index:-1;
    top:40%;
    right:10%
}
.shape7{
    position:absolute;
    left:25%;
    top:15%;
    z-index:-1;
    -webkit-animation:animationFramesOne 20s infinite linear;
    animation:animationFramesOne 20s infinite linear
}
.shape8{
    position:absolute;
    z-index:-1;
    top:15%;
    right:10%
}
@-webkit-keyframes movebounce{
    0%{
        -webkit-transform:translateY(0px);
        transform:translateY(0px)
    }
    50%{
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        -webkit-transform:translateY(0px);
        transform:translateY(0px)
    }
}
@keyframes movebounce{
    0%{
        -webkit-transform:translateY(0px);
        transform:translateY(0px)
    }
    50%{
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        -webkit-transform:translateY(0px);
        transform:translateY(0px)
    }
}
.rotateme{
    -webkit-animation-name:rotateme;
    animation-name:rotateme;
    -webkit-animation-duration:20s;
    animation-duration:20s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear
}
@-webkit-keyframes rotateme{
    from{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes rotateme{
    from{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes rotate3d{
    0%{
        -webkit-transform:rotateY(0deg);
        transform:rotateY(0deg)
    }
    100%{
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg)
    }
}
@keyframes rotate3d{
    0%{
        -webkit-transform:rotateY(0deg);
        transform:rotateY(0deg)
    }
    100%{
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg)
    }
}
@-webkit-keyframes animationFramesOne{
    0%{
        -webkit-transform:translate(0px,0px) rotate(0deg)
    }
    20%{
        -webkit-transform:translate(73px,-1px) rotate(36deg)
    }
    40%{
        -webkit-transform:translate(141px,72px) rotate(72deg)
    }
    60%{
        -webkit-transform:translate(83px,122px) rotate(108deg)
    }
    80%{
        -webkit-transform:translate(-40px,72px) rotate(144deg)
    }
    100%{
        -webkit-transform:translate(0px,0px) rotate(0deg)
    }
}
@keyframes animationFramesOne{
    0%{
        -webkit-transform:translate(0px,0px) rotate(0deg)
    }
    20%{
        -webkit-transform:translate(73px,-1px) rotate(36deg)
    }
    40%{
        -webkit-transform:translate(141px,72px) rotate(72deg)
    }
    60%{
        -webkit-transform:translate(83px,122px) rotate(108deg)
    }
    80%{
        -webkit-transform:translate(-40px,72px) rotate(144deg)
    }
    100%{
        -webkit-transform:translate(0px,0px) rotate(0deg)
    }
}
.boxes-area{
    position:relative;
    padding-bottom:80px;
    /*margin-top:-130px;*/
    z-index:1;
    /*background: url(../img/background2.jpg) center top no-repeat;*/
    background-size: cover;
}
.features-area{
    padding-bottom:50px
}

.team-member{
    background: #fff;
    -webkit-transition: .5s;
    display: flex;
    transition: .5s;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 16px 36px;
}
.team-member h3{
    font-size:18px;
    color: #17324b;
    margin: 0;
}
.team-member .team-member-avatar{
    text-align:center;
    width:130px;
    border-radius:50px;
    color:#44ce6f;
    -webkit-transition:.5s;
    transition:.5s
}
.team-member .team-member-avatar img{
    border-radius: 50%;
    border: 3px solid #cdf1d8;
}
.team-member .team-member-info{
    border-radius: 75px;
    -webkit-transition: .5s;
    transition: .5s;
    width: 100%;
    padding: 10px;
    text-align: center;
    margin: 16px;
}

.team-member .team-member-info p{
    color: #0e314c;
}
.team-member .social-team{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.team-member .social-team img{
    width: 32px;
}
.team-member .social-team li{
    display: inline-block;
    margin: 0 3px;
}
li a:hover{
    transform: scale(1.2);
    cursor: url(../../hand.svg) 16 16, auto;
    color: red;
}
.accordion li a:hover{
    transform: scale(1.05);
    cursor: url(../../hand.svg) 16 16, auto;
    color: red;
}
.team-member:hover{
    -webkit-transform:translateY(-10px);
    transform:translateY(-10px);
    -webkit-box-shadow:0 2px 48px 0 rgba(0,0,0,.08);
    box-shadow:0 2px 48px 0 rgba(0,0,0,.08)
}
.funfact{
    text-align:center
}
.funfact h3{
    color:#44ce6f;
    font-size:32px;
    margin-bottom:7px
}
.funfact p{
    line-height:initial
}

.contact-cta-box{
    margin:80px auto 0;
    max-width:630px;
    border:1px solid #234B6F;
    padding:30px 210px 30px 30px;
    border-radius:12px;
    position:relative
}
.contact-cta-box h3{
    font-size:20px;
    margin-bottom:6px
}
.contact-cta-box p{
    margin-bottom:0;
    padding-right: 30px;
}
.contact-cta-box .btn{
    position:absolute;
    right:30px;
    top:50%;
    margin-top:-27px
}

.contact-cta-box .btn-primary{
    background: #8e4000;
    -webkit-box-shadow: 0 13px 27px 0 rgb(227 136 121 / 25%);
    box-shadow: 0 13px 27px 0 rgb(227 136 121 / 25%);
}
.contact-cta-box .btn-primary:hover,.contact-cta-box .btn-primary:focus{
    -webkit-box-shadow:0 13px 27px 0 rgb(192 204 216);
    box-shadow:0 13px 27px 0 rgb(192 204 216)
}
.pricing-box .buy-btn .btn-primary:not(:disabled):not(.disabled).active,.pricing-box .buy-btn .btn-primary:not(:disabled):not(.disabled):active{
    background:-webkit-gradient(linear,left bottom,right top,from(#a3a3a3),color-stop(#9a9a9a),color-stop(#909090),color-stop(#878787),to(#7e7e7e));
    background:linear-gradient(to right top,#a3a3a3,#9a9a9a,#909090,#878787,#7e7e7e)
}
.cart-buttons .btn-light:hover:not(:disabled):not(.disabled).active,.cart-buttons .btn-light:hover:not(:disabled):not(.disabled):active,.cart-buttons .btn-light:focus:not(:disabled):not(.disabled).active,.cart-buttons .btn-light:focus:not(:disabled):not(.disabled):active{
    color:#fff
}
.order-details .payment-method p [type=radio]:not(:checked){
    display:none
}
.order-details .payment-method p [type=radio]:not(:checked)+label{
    padding-left:27px;
    display:block;
    color:#0e314c;
    position:relative;
    margin-bottom:8px;
    font-weight:500
}
.order-details .payment-method p [type=radio]:not(:checked)+label::before{
    content:'';
    position:absolute;
    left:0;
    top:4px;
    width:18px;
    height:18px;
    border:1px solid #ddd;
    border-radius:50%;
    background:#fff
}
.order-details .payment-method p [type=radio]:not(:checked)+label::after{
    content:'';
    width:12px;
    height:12px;
    background:#44ce6f;
    position:absolute;
    top:7px;
    left:3px;
    border-radius:50%;
    -webkit-transition:.5s;
    transition:.5s
}
.order-details .payment-method p [type=radio]:not(:checked)+label::after{
    opacity:0;
    visibility:hidden;
    -webkit-transform:scale(0);
    transform:scale(0)
}
.about-cool-yeti{
    overflow:hidden;
    position:relative;
    z-index:1;
    /* background-color: #CCE6FF; */
}
.about-cool-yeti h2{
    color:#fff;
    font-size: 42px;
    margin-bottom:16px
}
.about-cool-yeti p{
    color:#446889;
    opacity:.95;
    margin-bottom:25px;
    font-weight: 500;
}
.about-cool-yeti-img{
    text-align:center;
}
.about-cool-yeti-img img{
    width: 150px;
    border-radius: 5px;
}
.circle-box{
    position:absolute;
    top:0;
    left:0;
    z-index:-1
}
.cta-shape{
    position:absolute;
    bottom:0;
    right:0;
    z-index:-1
}
.agency-about-area{
    position:relative;
    z-index:1
}
.agency-about-img{
    /* padding-right:100px */
    text-align: center;
}
.agency-about-img img{
    /* width:100% */
    max-width: 330px;
    border-radius: 50%;
}
.agency-about-content{
    max-width:540px
}
.agency-about-content .sub-title{
    display:inline-block;
    color:#c679e3;
    background-color:#f5dffd;
    margin-bottom:18px;
    border-radius:30px;
    padding:5px 20px 4px;
    font-size:13px
}
.agency-about-content h2{
    margin-bottom:0;
    line-height:1.4;
    font-size:28px;
    font-weight:600;
    text-transform:capitalize
}
.agency-about-content p{
    margin-bottom:12px
}
.btn-gradient:not(:disabled):not(.disabled).active,.btn-gradient:not(:disabled):not(.disabled):active{
    color:#fff;
    background:-webkit-gradient(linear,left top,right top,color-stop(0,#ee0979),to(#ff6a00));
    background:linear-gradient(90deg,#ee0979 0,#ff6a00 100%);
    -webkit-box-shadow:unset!important;
    box-shadow:unset!important
}
.btn-gradient:not(:disabled):not(.disabled).active::before,.btn-gradient:not(:disabled):not(.disabled):active::before{
    opacity:1;
    visibility:visible;
    width:100%
}
.footer-area{
    padding-top:80px;
    position:relative;
    z-index:1
}
.footer-area .map{
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    text-align:center;
    z-index:-1;
    bottom:0;
    opacity:.7
}
.single-footer-widget .logo{
    margin-bottom:20px
}
.single-footer-widget .logo a{
    display:block
}
.single-footer-widget h3{
    font-size:18px;
    margin-bottom:30px
}
.single-footer-widget ul{
    padding:0;
    margin:0;
    list-style-type:none
}
.single-footer-widget ul.list li{
    margin-bottom:10px
}
.single-footer-widget ul.list li a{
    color:#6084a4
}
.single-footer-widget ul.list li a:hover{
    color:#44ce6f;
    padding-left:7px
}
.single-footer-widget ul.list li:last-child{
    margin-bottom:0
}
.single-footer-widget ul.social-links li{
    display:inline-block;
    margin-right:2px
}
.single-footer-widget ul.social-links li a{
    width:32px;
    text-align:center;
    line-height:29px;
    height:32px;
    border:1px solid #44ce6f;
    border-radius:50%;
    color:#44ce6f
}
.single-footer-widget ul.social-links li a.facebook{
    border-color:#4267b2;
    color:#4267b2
}
.single-footer-widget ul.social-links li a.facebook:hover{
    background:#4267b2;
    color:#fff
}
.single-footer-widget ul.social-links li a.twitter{
    border-color:#38a1f3;
    color:#38a1f3
}
.single-footer-widget ul.social-links li a.twitter:hover{
    background:#38a1f3;
    color:#fff
}
.single-footer-widget ul.social-links li a.linkedin{
    border-color:#0077b5;
    color:#0077b5
}
.single-footer-widget ul.social-links li a.linkedin:hover{
    background:#0077b5;
    color:#fff
}
.single-footer-widget ul.social-links li a.instagram{
    border-color:#231f20;
    color:#231f20
}
.single-footer-widget ul.social-links li a.instagram:hover{
    background:#231f20;
    color:#fff
}
.single-footer-widget ul.social-links li a:hover{
    background:#44ce6f;
    color:#fff
}
.copyright-area{
    margin-top:80px;
    border-top:1px solid #d8ebfd;
    text-align:center;
    padding-top:25px;
    padding-bottom:25px
}
.copyright-area p a{
    font-weight:600
}
.go-top{
    position:fixed;
    bottom:30px;
    right:0;
    color:#fff;
    background-color:#8e4000;
    z-index:1;
    display:none;
    width:45px;
    text-align:center;
    height:45px;
    border-radius:50%;
    line-height:46px;
    -webkit-transition:.5s;
    transition:.5s
}
.go-top:hover{
    color:#fff;
    background:#44ce6f
}
.card-section{
    /*background: rgb(255 255 255 / 55%);
    padding: 26px 36px;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 6px rgb(145 191 227 / 18%)*/
    padding: 26px 36px;
    border-radius: 10px;
    /* border: 1px solid; */
    background-color: white;
    -webkit-box-shadow: 0 2px 48px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 2px 48px 0 rgb(0 0 0 / 8%);
}
.card-section p {
    font-size: 15px;
}
.floateffect{
    overflow: hidden;
	/*box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);*/
	transform: translatey(0px);
	animation: float 3s ease-in-out infinite;
}
@keyframes float {
	0% {
		/*box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);*/
		transform: translatey(0px);
	}
	50% {
		/*box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);*/
		transform: translatey(-20px);
	}
	100% {
		/*box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);*/
		transform: translatey(0px);
	}
}
.social-links-main{
    display: flex;
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
.social-links-main li{
    margin-right: 10px;
}

.wallet img :hover´{
    cursor: url("../../hand.svg") 16 16, auto;
}
.social-icon{
    width: 32px;
    margin-right: 10px;
    transition: transform .38s; /* Animation */
}
.social-icon:hover{
    transform: scale(1.2);
    cursor: url("../../hand.svg") 16 16, auto;
}
.text-shadow{
    text-shadow: rgb(86 92 155) 3px 2px 0px;
    -webkit-text-stroke: 2px rgb(74, 111, 138);
}
.white{
    color: #FFF;
    -webkit-text-fill-color: white;
}
.light-blue{
    background-color: #d3eaff;
}
.mean-menu{
    flex-grow: initial;
}

.faq-accordion .accordion{
    list-style-type:none;
    padding:0;
    margin:0
}
.faq-accordion .accordion .accordion-item{
    display:block;
    margin-bottom:15px;
    border-radius: 10px
}
.faq-accordion .accordion .accordion-item:last-child{
    margin-bottom:0
}
.accordion-item {
    border: none
}
.faq-accordion .accordion .accordion-item .accordion-title{
    display:block;
    padding:12px 20px 12px 51px;
    text-decoration:none;
    color:#0e314c;
    position:relative;
    background:#f5f9ff;
    font-size:16px;
    font-weight:500;
    border-radius: 12px;
}
.faq-accordion .accordion .accordion-item .accordion-title i{
    position:absolute;
    left:0;
    top:0;
    width:40px;
    text-align:center;
    height:100%;
    color:#0e314c
}
.faq-accordion .accordion .accordion-item .accordion-title i::before{
    position:absolute;
    left:0;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:15px
}
.faq-accordion .accordion .accordion-item .accordion-title.active{
    border-radius: 10px
}
.faq-accordion .accordion .accordion-item .accordion-title.active i::before{
    content:"\f10f"
}
.faq-accordion .accordion .accordion-item .accordion-content{
    display:none;
    position:relative;
    overflow:hidden;
    padding:15px;
    line-height:1.9
}
.faq-accordion .accordion .accordion-item .accordion-content.show{
    display:block;
    padding: 10px;
}
.xgames-img{
    border-radius: 12px;
    margin: 10px;
}