.topbar{
    background:#040837
}
.topbar-Social{
}
.topbar-Social li{
    display:inline-block
}
.topbar-Social li.active a{
    background:#3d65fb
}
.topbar-Social li a{
    padding:10px 13px;
    display:block;
    color:#fff
}
.topbar-Social li a:hover{
    background:#3d65fb
}
.topbar-Contact{
    text-align:right
}
.topbar-Contact li{
    display:inline-block;
    margin-right:20px
}
.topbar-Contact li:last-child{
    margin:0
}
.topbar-Contact li a{
    display:block;
    color:#fff;
    font-size:14px;
    font-weight:500;
    padding:8px 0 10px
}
.topbar-Contact li a i{
    margin-right:8px;
    color:#fff
}
.header{
    position:relative;
    z-index:2
}
.header .logo{
    margin-top:27px
}
.header .main-menu{
    float:right
}
.header .navbar{
    padding:0
}
.header .navigation{
}
.header .navigation li{
    display:inline-block;
    margin-right:20px;
    position:relative
}
.header .navigation li:last-child{
    margin:0
}
.navigation li.active a{
    color:#3d65fb
}
.navigation li a{
    color:#222;
    font-size:16px;
    font-weight:500;
    padding:35px 12px;
    display:block;
    position:relative
}
.navigation li a::before{
    position:absolute;
    content:"";
    width:0;
    height:3px;
    background:#3d65fb;
    bottom:22px;
    left:50%;
    border-radius:2px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    transition:all .5s ease;
    margin-left:-25%
}
.navigation li a:hover::before,.navigation li.active a::before{
    opacity:1;
    visibility:visible;
    width:50%
}
.navigation li a:hover{
    color:#3d65fb
}
.menu-right-btn{
    text-align:right;
    margin-top:35px
}
.header .navigation li .sub-menu{
    position:absolute;
    top:94px;
    width:220px;
    background:#fff;
    z-index:5222;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    transition:all .3s ease;
    transform:translateY(-20px);
    box-shadow:0 10px 15px #22222217;
    border-radius:8px;
    margin:0
}
.header .navigation li .sub-menu li .sub-menu-2{
    position:absolute;
    width:220px;
    background:#fff;
    z-index:5222;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    transition:all .3s ease;
    transform:translateY(-20px);
    box-shadow:0 10px 15px #22222217;
    border-radius:8px;
    top:0;
    left:225px;
    margin:0
}
.header .navigation li .sub-menu li:hover .sub-menu-2{
    opacity:1;
    visibility:visible;
    transform:translateY(0px)
}
.header .navigation li .sub-menu li.active a{
    color:#3d65fb!important;
    padding:10px 25px
}
.header .navigation li:hover .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0px)
}
.header .navigation li .sub-menu li{
    display:block;
    margin:0;
    text-align:left;
    border-bottom:1.5px dashed #a7b9fa
}
.header .navigation li .sub-menu li:last-child{
    border:none
}
.header .navigation li .sub-menu li a{
    color:#222;
    display:block;
    padding:10px 25px;
    font-size:15px;
    border-radius:0
}
.header .navigation li .sub-menu li a:hover{
    color:#3d65fb;
    padding:10px 25px;
    margin-left:5px
}
.header .navigation li a i{
    margin-left:5px;
    font-size:14px
}
.header .navigation li .sub-menu a i{
    float:right;
    margin-top:6px
}
.header .navigation li:hover .sub-menu a::before{
    opacity:0;
    visibility:hidden
}
.header .navigation li:hover a{
    color:#3d65fb
}
.header .navigation li:hover a::before{
    opacity:1;
    visibility:visible;
    width:50%
}
.header .navigation li .sub-menu li a::before{
    display:none
}
.header.sticky{
    position:fixed;
    width:100%;
    top:0;
    -webkit-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease;
    box-shadow:#7fff00;
    z-index:666;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.32);
    -moz-box-shadow:0 0 10px rgba(0,0,0,.32);
    box-shadow:0 0 15px rgb(0 0 0/17%);
    background:#fff;
    animation:fadeInDown 1s both .2s
}
.header.header-2 .logo-2{
    display:none
}
.header.header-2{
    position:absolute;
    width:100%;
    padding:0;
    z-index:99;
    box-shadow:none
}
.header.header-2 .navigation li a{
    color:#fff
}
.header.header-2 .navigation li a::before{
    position:absolute;
    content:"";
    background:#fff
}
.header.header-2 .menu-right-btn{
}
.header.header-2 .menu-right-btn .theme-btn{
    border:2px solid transparent;
    color:#3d65fb;
    background:#fff
}
.header.header-2 .menu-right-btn .theme-btn i{
    background:linear-gradient(to right,#3851f9 0%,#4381fc 100%);
    color:#fff
}
.header.header-2 .menu-right-btn .theme-btn:hover{
    border:2px solid #fff;
    color:#fff;
    background:0 0
}
.header.header-2 .menu-right-btn .theme-btn:hover i{
    background:#fff;
    color:#3d65fb
}
.header.header-2 .navigation li .sub-menu li .sub-menu-2{
    position:absolute;
    left:-225px
}
.header.header-2.sticky .menu-right-btn .theme-btn{
    border:2px solid #3d65fb;
    color:#222
}
.header.header-2.sticky .menu-right-btn .theme-btn:hover{
    border:2px solid transparent;
    color:#fff;
    background:#3d65fb
}
.header.header-2.sticky .menu-right-btn .theme-btn:hover i{
    background:#fff;
    color:#3d65fb
}
.header.header-2.sticky .navigation li a::before{
    position:absolute;
    content:"";
    background:#3d65fb
}
.header.header-2.sticky{
    position:fixed;
    width:100%;
    top:0;
    -webkit-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease;
    box-shadow:#7fff00;
    z-index:666;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.32);
    -moz-box-shadow:0 0 10px rgba(0,0,0,.32);
    box-shadow:0 0 15px rgb(0 0 0/17%);
    background:#fff;
    animation:fadeInDown 1s both .2s
}
.header.header-2.sticky .logo-1{
    display:none
}
.header.header-2.sticky .logo-2{
    display:block
}
.header.header-2.sticky .navigation li a{
    color:#222
}
.header.header-2.sticky .navigation li a:hover{
    color:#3d65fb
}
.header.header-2.sticky .navigation li:hover a{
    color:#3d65fb!important
}
.header.header-2.sticky .navigation li.active a{
    color:#3d65fb
}
.header.header-2.sticky .navigation li .sub-menu li a:hover{
    color:#3d65fb!important;
    padding:10px 25px
}
.header.header-2.sticky .navigation li .sub-menu li a{
    color:#222!important
}
.header.header-2.sticky .navigation li .sub-menu li.active a{
    color:#3d65fb!important
}
.hero-area{
    height:700px;
    background:#eaf0ff;
    position:relative;
    z-index:1;
    overflow:hidden
}
.hero-shape-1{
    animation-name:rotateIn;
    animation-duration:9s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    position:absolute;
    top:15%;
    left:25%
}
.hero-shape-2{
    position:absolute;
    top:25%;
    animation-name:flash;
    animation-duration:4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    left:5%
}
.hero-shape-3{
    animation-name:shake;
    animation-duration:20s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    position:absolute;
    top:10%;
    left:55%
}
.hero-shape-4{
    animation-name:flash;
    animation-duration:5s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    position:absolute;
    bottom:20%;
    left:5%
}
.hero-content{
    margin:220px 0;
    z-index:2;
    position:relative
}
.hero-content span{
    color:#3d65fb;
    font-size:20px;
    display:block;
    margin-bottom:15px;
    font-weight:600;
    position:relative;
    padding-left:20px;
    z-index:2
}
.hero-content span::before{
    position:absolute;
    content:"";
    width:5px;
    height:100%;
    background:#3d65fb;
    left:0
}
.hero-content h1{
    font-size:50px;
    font-weight:700;
    line-height:60px;
    color:#222
}
.hero-content .hero-search{
    position:relative;
    margin-top:40px
}
.hero-content .hero-search input{
    width:70%;
    border:none;
    background:#fff;
    padding:10px 170px 10px 20px;
    height:60px;
    font-size:15px;
    color:#222;
    font-weight:500;
    border-radius:10px;
    position:relative
}
.hero-content .hero-search .button{
    position:absolute;
    top:0;
    right:120px
}
.hero-content .hero-search .theme-btn{
    line-height:36px;
    background:#3d65fb;
    color:#fff;
    border:2px solid transparent;
    font-size:20px;
    padding:10px 30px;
    border-radius:10px
}
.hero-content .hero-search .theme-btn i{
    margin:0;
    background:0 0;
    color:#fff
}
.hero-content .hero-search .theme-btn:hover{
    background:#222;
    color:#fff
}
.hero-image{
    margin:85px 0;
    position:relative;
    z-index:2
}
.hero-image img{
    animation-name:shake;
    animation-duration:9s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    z-index:1;
    position:relative
}
.hero-content.animation-1 span{
    animation:fadeInLeft 1s both 1.2s
}
.hero-content.animation-1 h1{
    animation:fadeInUp 1s both 1.5s
}
.hero-content.animation-1 .hero-search{
    animation:fadeInRight 1.5s both 2s
}
.hero2-area{
    position:relative;
    overflow:hidden;
    height:700px;
    background:linear-gradient(to right,#3851f9 0%,#4381fc 100%)
}
.hero2-area::before{
    position:absolute;
    content:"";
    width:500px;
    height:500px;
    background:#fff;
    border-radius:100%;
    opacity:.2;
    right:-82px;
    top:-225px
}
.hero2-area::after{
    position:absolute;
    content:"";
    width:700px;
    height:700px;
    background:#fff;
    border-radius:100%;
    opacity:.1;
    right:-300px;
    top:-500px
}
.h-shape-bottom{
    position:absolute;
    top:auto;
    bottom:-7px;
    left:0;
    right:0
}
.hero2-area .hero-content{
    z-index:33;
    position:relative;
    margin:185px 0
}
.hero2-area .hero-content span{
    color:#fff
}
.hero2-area .hero-content span::before{
    background:#fff
}
.hero2-area .hero-content h1{
    line-height:60px;
    margin-bottom:15px;
    color:#fff
}
.hero2-area .hero-content p{
    color:#fff
}
.hero2-area .hero-image-2{
    z-index:33;
    position:relative;
    margin:155px 0
}
.hero2-area .hero-image-2 img{
    animation-name:shake;
    animation-duration:9s;
    animation-iteration-count:infinite;
    animation-timing-function:linear
}
.hero2-area .hero-btn{
    margin-top:40px;
    display:inline-flex;
    align-items:center
}
.hero2-area .hero-btn .theme-btn.primary{
    background:#fff;
    border:2px solid transparent;
    color:#3d65fb;
    padding:10px 30px;
    border-radius:8px
}
.hero2-area .hero-btn .theme-btn.primary:hover{
    background:0 0;
    border:2px solid #fff;
    color:#fff
}
.hero-content.animation-2 span{
    animation:fadeInDown 1s both 1s
}
.hero-content.animation-2 h1{
    animation:fadeInUp 1s both 1.2s
}
.hero-content.animation-2 p{
    animation:fadeInRight 1s both 1.5s
}
.hero-content.animation-2 .hero-btn{
    animation:fadeInUp 1.2s both 1.8s
}
.hero2-area .hero-btn .video-main{
    margin-left:30px;
    position:relative
}
.hero2-area .promo-video .waves-block .waves{
    position:absolute;
    width:100px;
    height:100px;
    opacity:0;
    -ms-filter:"alpha(opacity=0)";
    border-radius:100%;
    -webkit-animation:waves 3s ease-in-out infinite;
    animation:waves 3s ease-in-out infinite;
    left:50%;
    z-index:444;
    background:#f5f5f5;
    margin-left:-50px;
    top:50%;
    margin-top:-50px
}
.hero2-area .promo-video .waves-block .wave-1{
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.hero2-area .promo-video .waves-block .wave-2{
    -webkit-animation-delay:2s;
    animation-delay:2s
}
.hero2-area .promo-video .waves-block .wave-3{
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.hero2-area .video-main .video{
    height:60px;
    width:60px;
    line-height:60px;
    text-align:center;
    border-radius:100%;
    background:#fff;
    color:#3d65fb;
    display:inline-block;
    z-index:444;
    padding:0;
    padding-left:2px;
    font-size:17px;
    font-weight:600;
    position:relative;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.hero2-area .video-main .video:hover{
    background:#222;
    color:#fff
}
.hero3-area{
    position:relative;
    overflow:hidden;
    background:#3d65fb;
    border-radius:0 0 150px 0
}
.hero3-area::before{
    position:absolute;
    content:"";
    width:500px;
    height:500px;
    background:#fff;
    border-radius:100%;
    opacity:.2;
    right:-82px;
    top:-225px
}
.hero3-area::after{
    position:absolute;
    content:"";
    width:700px;
    height:700px;
    background:#fff;
    border-radius:100%;
    opacity:.1;
    right:-300px;
    top:-500px
}
.hero3-area .hero-content{
    margin:0;
    margin-top:200px
}
.hero3-area .hero-content h5{
    color:#fff;
    font-weight:500;
    font-size:20px;
    margin-bottom:15px
}
.hero3-area .hero-content .typed{
    font-weight:600
}
.hero3-area .hero-content .typed-cursor{
    font-weight:700;
    margin-left:5px
}
.hero3-area .hero-content h1{
    color:#fff;
    font-size:45px;
    animation:none
}
.hero3-area .hero-content p{
    color:#fff;
    margin-top:20px
}
.hero-content-btn{
    margin-top:30px
}
.hero3-area .hero-content-btn .theme-btn{
    background:#fff;
    border:2px solid transparent;
    font-size:15px;
    font-weight:500;
    padding:13px 25px;
    color:#3d65fb
}
.hero3-area .hero-content-btn .theme-btn:hover{
    border:2px solid #fff;
    background:0 0;
    color:#fff
}
.hero3-area .hero-image-3{
    text-align:center;
    margin-top:140px
}
.hero3-area .hero-image-3 img{
    animation-name:shake;
    animation-duration:9s;
    animation-iteration-count:infinite;
    animation-timing-function:linear
}
.partner-area{
    padding:50px 0;
    background:#eaf0ff
}
.single-partner{
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.service-area{
    padding:100px 0
}
.service-inner{
}
.single-service.active.service-2::before{
    opacity:.2;
    visibility:visible;
    right:30px
}
.service-1::before{
    position:absolute;
    content:"\f643";
    font-family:"font awesome 5 pro";
    font-size:60px;
    right:0;
    top:40px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.service-2::before{
    position:absolute;
    content:"\f672";
    font-family:"font awesome 5 pro";
    font-size:60px;
    right:0;
    top:40px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.service-3::before{
    position:absolute;
    content:"\f509";
    font-family:"font awesome 5 pro";
    font-size:60px;
    right:0;
    top:40px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.service-4::before{
    position:absolute;
    content:"\f5fd";
    font-family:"font awesome 5 pro";
    font-size:60px;
    right:0;
    top:40px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.single-service:hover.service-1::before,.single-service:hover.service-2::before,.single-service:hover.service-3::before,.single-service:hover.service-4::before{
    opacity:.2;
    visibility:visible;
    right:30px
}
.single-service.active .service-img-2{
    display:inline-block
}
.single-service.active .service-img-1{
    display:none
}
.single-service.active .service-img{
    background:#3d65fb
}
.single-service.active .service-btn a{
    color:#3d65fb;
    letter-spacing:1px
}
.single-service{
    background:#fff;
    padding:40px;
    position:relative;
    border-radius:10px;
    z-index:33;
    margin-top:90px;
    box-shadow:0 0 38px 0 rgb(0 0 0/8%)
}
.single-service:hover .service-img-2{
    display:inline-block
}
.single-service:hover .service-img-1{
    display:none
}
.service-img-1{
    display:inline-block
}
.service-img-2{
    display:none
}
.single-service:hover .service-img{
    background:#3d65fb
}
.service-icon{
    width:110px;
    height:110px;
    line-height:125px;
    background:#3d65fb;
    text-align:center;
    border-radius:100%;
    position:absolute;
    top:-55px;
    box-shadow:3px 3px 17px #2222220f;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.service-icon::before{
    position:absolute;
    content:"";
    width:20px;
    height:20px;
    background:#3d65fb;
    bottom:-19px;
    border-radius:50%;
    left:15px;
    z-index:-1
}
.service-icon::after{
    position:absolute;
    content:"";
    width:20px;
    height:20px;
    background:#3d65fb;
    top:-10px;
    border-radius:50%;
    right:1px;
    z-index:-1
}
.service-icon i{
    font-size:40px;
    color:#fff
}
.service-content{
    margin-top:50px
}
.service-content h3{
    margin-bottom:15px
}
.single-service:hover .service-btn a{
    color:#3d65fb;
    letter-spacing:1px
}
.service-content h3 a:hover{
    color:#3d65fb
}
.service-content h3 a{
    font-size:23px;
    font-weight:600;
    display:block
}
.service-content p{
}
.service-btn{
    margin-top:10px
}
.service-btn a{
    font-size:15px;
    font-weight:500;
    color:#666
}
.service-btn a i{
    margin-left:5px
}
.service2-area{
    padding:100px 0
}
.service-content-left{
}
.service-c-title{
    margin-bottom:20px
}
.service-c-title span{
    margin-bottom:15px;
    background:#3d65fb1a;
    padding:8px 25px;
    display:inline-block;
    color:#3d65fb;
    font-size:16px;
    font-weight:500;
    border-radius:20% 30% 20% 20%
}
.service-c-title h3{
    font-size:35px;
    line-height:40px;
    font-weight:600
}
.service-content-left p{
}
.service2-area .s-service{
    padding:30px;
    box-shadow:0 0 10px #2222220f;
    position:relative;
    border-radius:10px;
    margin:10px;
    overflow:hidden;
    background:#fff
}
.service2-area .s-service.active::before{
    opacity:1;
    visibility:visible;
    height:100%
}
.service2-area .s-service.active .s-service-icon{
    background:#fff
}
.service2-area .s-service.active .s-service-content h3 a,.service2-area .s-service.active .s-service-content p,.service2-area .s-service.active .s-service-btn a{
    color:#fff
}
.service2-area .s-service::before{
    position:absolute;
    content:"";
    width:100%;
    height:0;
    background:#3d65fb;
    top:0;
    left:0;
    opacity:0;
    visibility:hidden;
    border-radius:4px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.service2-area .s-service::after{
    position:absolute;
    content:"";
    width:150px;
    height:150px;
    background:#fff;
    border-radius:100%;
    top:-70px;
    right:-100px;
    opacity:0;
    visibility:hidden;
    transition:all .6s ease;
    -webkit-transition:all .6s ease;
    -moz-transition:all .6s ease
}
.service2-area .s-service:hover::before{
    opacity:1;
    visibility:visible;
    height:100%
}
.service2-area .s-service:hover::after,.service2-area .s-service.active::after{
    opacity:.2;
    visibility:visible;
    top:-50px;
    right:-50px
}
.service2-area .s-service:hover .s-service-icon{
    background:#fff
}
.service-shape{
    position:relative
}
.service-shape::before{
    position:absolute;
    content:""
}
.s-service-icon{
    width:100px;
    height:100px;
    font-size:40px;
    color:#3d65fb;
    background:#eaf0ff;
    text-align:center;
    border-radius:100%;
    line-height:100px;
    z-index:1;
    position:relative;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.s-service-icon img{
    width:50px!important;
    height:50px;
    display:inline-block!important
}
.s-service-content{
    margin-top:15px;
    z-index:1;
    position:relative
}
.service2-area .s-service:hover .s-service-content h3 a,.service2-area .s-service:hover .s-service-content p,.service2-area .s-service:hover .s-service-btn a{
    color:#fff
}
.s-service-content h3{
    margin-bottom:10px
}
.s-service-content h3 a{
    font-size:23px;
    font-weight:600
}
.s-service-content p{
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.s-service-btn{
    margin-top:15px
}
.s-service-btn a{
}
.s-service-btn a i{
    margin-left:5px;
    font-size:16px
}
.service2-area .owl-carousel .owl-controls{
    position:absolute;
    bottom:50%;
    right:-50px;
    margin-bottom:-40px;
    z-index:999;
    background:#3d65fb;
    padding:5px;
    border-radius:4px
}
.service2-area .owl-carousel .owl-controls .owl-dot{
    display:block
}
.service2-area .owl-theme .owl-dots .owl-dot span{
    background:#3d65fb;
    border:2px solid #fff;
    width:12px;
    height:12px;
    margin:15px 8px
}
.service2-area .owl-theme .owl-dots .owl-dot.active span{
    background:#fff;
    border:2px solid #3d65fb
}
.service-details-area{
    padding:100px 0
}
.service-details-main{
}
.service-d-single-top{
}
.service-d-single-content{
    margin-bottom:30px
}
.service-d-single-content:last-child{
    margin:0
}
.service-d-single-content h3{
    font-size:25px;
    font-weight:600;
    margin-bottom:10px;
    position:relative;
    padding-left:35px
}
.service-d-single-content h3::before{
    position:absolute;
    content:"";
    width:20px;
    height:20px;
    background:#3d65fb;
    border-radius:4px;
    left:0;
    top:8px
}
.service-d-single-content h3::after{
    position:absolute;
    content:"";
    width:6px;
    height:6px;
    background:#fff;
    border-radius:100%;
    left:0;
    top:8px;
    margin-top:7px;
    margin-left:7px
}
.service-d-single-content p{
    padding-left:40px
}
.service-d-top-img{
    margin-top:50px
}
.service-details-content{
    margin-top:50px
}
.service-details-content h3{
    font-size:25px;
    font-weight:600;
    margin-bottom:10px
}
.service-details-content p{
}
.service-d-list-content{
    margin-top:50px
}
.service-d-list-left{
}
.service-d-list-left h5{
    font-size:25px;
    font-weight:600;
    margin-bottom:10px
}
.service-d-list-left p{
}
.service-d-list-inner{
    margin-top:20px
}
.service-d-list-inner li{
    font-size:16px;
    margin-bottom:10px
}
.service-d-list-inner li:last-child{
    margin:0
}
.service-d-list-inner li i{
    font-size:18px;
    color:#3d65fb;
    margin-right:5px
}
.service-d-list-right{
}
.service-details-sidebar{
}
.service-sidbar-widget{
    margin-bottom:30px;
    background:#eaf0ff;
    padding:30px;
    border-radius:10px
}
.service-d-menu{
}
.service-d-menu li{
    margin-bottom:10px
}
.service-d-menu li:last-child{
    margin:0
}
.service-d-menu li a{
    padding:13px;
    font-size:15px;
    display:block
}
.service-d-menu li.active a,.service-d-menu li a:hover{
    background:#3d65fb;
    padding:13px;
    color:#fff;
    border-radius:10px;
    font-size:15px;
    display:block
}
.service-d-menu li a:hover{
    background:#3d65fb
}
.service-d-download{
}
.service-d-sidebar-title{
    font-size:25px;
    font-weight:600;
    margin-bottom:25px;
    position:relative;
    padding-left:35px
}
.service-d-sidebar-title::before{
    position:absolute;
    content:"";
    width:20px;
    height:20px;
    background:#3d65fb;
    border-radius:50px;
    left:0;
    top:9px
}
.service-d-sidebar-title::after{
    position:absolute;
    content:"";
    width:18px;
    height:18px;
    background:#fff;
    border-radius:100%;
    left:0;
    top:8px;
    margin-top:8px;
    margin-left:7px
}
.service-d-download{
}
.service-d-download li{
    margin-bottom:15px
}
.service-d-download li:last-child{
    margin:0
}
.service-d-download li a{
    display:block;
    padding:13px;
    border:1px solid #2222221f;
    border-radius:10px
}
.service-d-download li i{
    margin-right:10px;
    color:#3d65fb;
    font-size:18px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.service-d-download li a:hover{
    background:#3d65fb;
    color:#fff;
    border:1px solid transparent
}
.service-d-download li a:hover i{
    color:#fff
}
.service-d-client-slider{
    background:#3d65fb;
    border-radius:10px
}
.service-d-client-content{
    margin-top:15px
}
.service-d-single-client{
    background:#3d65fb;
    padding:30px;
    border-radius:10px;
    text-align:center
}
.service-d-client-head{
}
.service-d-client-head img{
    width:100px!important;
    display:inline-block!important;
    height:100px;
    border:3px solid #fff;
    border-radius:100%;
    padding:5px
}
.service-d-client-content{
}
.service-d-client-content p{
    color:#fff;
    font-size:15px
}
.service-d-client-title{
    margin-top:20px
}
.service-d-client-title h5{
    color:#fff;
    font-weight:500;
    font-size:22px;
    margin-bottom:5px
}
.service-d-client-title span{
    color:#fff;
    opacity:.8
}
.section-shape{
    position:relative;
    overflow:hidden
}
.section-shape::before{
    position:absolute;
    content:"";
    background-image:url(../img/shape-1.png);
    width:78%;
    height:100%;
    right:0;
    top:-7px;
    background-size:cover;
    background-position:center
}
.about-area{
    padding-bottom:100px
}
.about-content{
}
.about-content .about-title{
    margin-bottom:30px
}
.about-content .about-title span{
    background:#3d65fb1a;
    padding:6px 25px;
    display:inline-block;
    color:#3d65fb;
    font-size:15px;
    font-weight:500;
    border-radius:20% 30% 20% 20%
}
.about-content .about-title h3{
    font-size:40px;
    font-weight:600;
    margin-top:15px;
    line-height:45px
}
.about-content .about-title p{
    color:#222;
    font-size:16px;
    font-weight:400;
    margin-top:15px
}
.about-image{
    margin-top:30px;
    padding-left:50px
}
.funfact-area{
}
.funfact-inner{
    background:#3d65fb;
    padding:20px 50px 50px;
    border-radius:10px
}
.single-fact{
    position:relative;
    padding:0 10px;
    margin-top:30px
}
.single-fact .fact-image{
    position:absolute;
    width:50px
}
.single-fact .fact-image i{
    color:#fff;
    font-size:50px
}
.single-fact .fact-content{
    padding-left:70px
}
.single-fact .fact-content h6{
    font-size:35px;
    color:#fff;
    font-weight:600;
    margin-bottom:10px;
    display:block
}
.single-fact .fact-content h6 span{
}
.single-fact .fact-content p{
    color:#fff
}
.funfact2-area{
    background:#3d65fb;
    z-index:2;
    position:relative;
    padding:70px 0 100px
}
.funfact-area.funfact2-area::before{
    position:absolute;
    content:"";
    background-image:url(../img/funfact.jpg);
    width:100%;
    height:100%;
    top:0;
    opacity:.5
}
.single-fact2{
    background:#fff;
    padding:20px 0;
    border-radius:10px;
    text-align:center;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    box-shadow:0 4px 10px #22222224;
    position:relative;
    z-index:22;
    overflow:hidden;
    margin-top:30px
}
.single-fact2::before{
    position:absolute;
    content:"";
    width:150px;
    height:150px;
    background:#3d65fb0f;
    left:-100px;
    bottom:-100px;
    border-radius:100%;
    z-index:-2;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    transition:all .5s ease
}
.single-fact2:hover::before{
    left:-50px;
    bottom:-70px;
    opacity:1;
    visibility:visible
}
.single-fact-icon{
    margin-bottom:25px
}
.single-fact-icon i{
    width:70px;
    height:70px;
    line-height:70px;
    display:inline-block;
    background:#3d65fb0f;
    border-radius:100%;
    color:#fff;
    font-size:25px;
    color:#3d65fb;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    border:2px dashed #3d65fb
}
.single-fact2:hover .single-fact-icon i{
    transform:rotate(1turn);
    background:#3d65fb;
    color:#fff;
    border:1.5px solid transparent
}
.single-fact2:hover{
    transform:translateY(-10px)
}
.s-fact-content{
}
.s-fact-content h6{
    font-size:35px;
    font-weight:600;
    margin-bottom:15px
}
.s-fact-content p{
    color:#3d65fb;
    font-weight:500
}
.process-area{
    padding:100px 0
}
.single-process{
    text-align:center;
    position:relative;
    cursor:pointer;
    margin-top:40px
}
.single-process.active .process-image{
    background:#3d65fb
}
.single-process.active .process-img-1{
    display:none
}
.single-process.active .process-img-2{
    display:inline-block
}
.single-process.active .process-count span{
    background:#fff;
    color:#3d65fb;
    box-shadow:0 0 15px #22222212
}
.single-process-2{
    margin-top:150px
}
.process-inner{
    position:relative
}
.process-inner::before{
    position:absolute;
    content:"";
    background-image:url(../img/process-line.png);
    background-size:contain;
    background-position:center;
    width:100%;
    height:100%;
    top:-60px;
    background-repeat:no-repeat;
    opacity:.2;
    left:5px
}
.process-count{
}
.process-count span{
    position:absolute;
    top:-11px;
    width:40px;
    height:40px;
    background:#3d65fb;
    color:#fff;
    border-radius:100%;
    display:inline-block;
    line-height:40px;
    z-index:22;
    left:54%;
    font-weight:600;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.single-process .process-image{
    width:130px;
    height:130px;
    background:#fff;
    box-shadow:0 3px 10px #22222214;
    line-height:130px;
    border-radius:100%;
    position:absolute;
    left:50%;
    margin-left:-65px;
    top:0;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.single-process .process-image img{
    width:55px
}
.single-process:hover .process-count span{
    background:#fff;
    color:#3d65fb;
    box-shadow:0 0 15px #22222212
}
.single-process:hover .process-image{
    background:#3d65fb
}
.single-process:hover .process-img-1{
    display:none
}
.single-process:hover .process-img-2{
    display:inline-block
}
.single-process .process-img-1{
}
.single-process .process-img-2{
    display:none
}
.process-content{
    padding-top:150px
}
.process-content h3{
    font-size:20px;
    font-weight:600;
    margin-bottom:5px;
}
.process-content p{
}
.process2-area{
    padding-bottom:100px
}
.single-process2{
    background:#fff;
    box-shadow:0 0 38px 0 rgba(0,0,0,.08);
    padding:50px 30px;
    position:relative;
    overflow:hidden;
    margin-top:30px;
    border-radius:10px;
    transition:all .5s ease-in-out
}
.single-process2:hover{
    margin-top:10px
}
.single-process2:hover i{
    opacity:1
}
.single-process2-head{
    margin-bottom:25px
}
.process2-icon i{
    font-size:50px;
    color:#3d65fb;
    opacity:.3;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.process2-count{
}
.process2-count span{
    font-size:50px;
    display:block;
    font-weight:800;
    text-shadow:-5px 5px 0 #e7ecfc;
    position:relative;
    line-height:1;
    color:#3d65fb
}
.process2-icon{
    position:absolute;
    top:50px;
    right:30px
}
.process2-content{
}
.process2-content h3{
    font-size:20px;
    font-weight:600;
    margin-bottom:10px
}
.process2-content p{
}
.s-process-style-2{
}
.s-process-style-2 .process2-content{
    margin-bottom:25px
}
.s-process-style-2 .single-process2-head{
    margin:0
}
.s-process-style-2 .process2-icon{
    position:absolute;
    top:225px;
    bottom:0
}
.team-section-title{
    z-index:2;
    position:relative
}
.team-section-title span{
    background:#fff;
    box-shadow:0 2px 10px #22222214
}
.team-section-title h3{
    color:#fff;
    margin-top:20px
}
.team-area{
    padding:70px 0;
    background:#3d65fb;
    position:relative
}
.team-bg{
    background:#eaf0ff
}
.single-team{
    display:flex;
    align-items:center;
    background:#fff;
    padding:30px;
    box-shadow:0 0 18px #22222208;
    border-radius:15px;
    margin-top:30px;
    position:relative;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.single-team:hover{
    box-shadow:0 0 20px #2222221f
}
.team-image{
}
.team-image img{
    border-radius:20px;
    width:200px;
    padding:.4rem
}
.team-content{
    margin-left:30px
}
.team-content span{
    color:#3d65fb;
    display:block;
    margin-bottom:5px;
    font-size:15px;
    font-weight:500
}
.team-content h5{
    font-size:20px;
    font-weight:600;
    margin-bottom:10px
}
.team-content p{
    font-size:15px;
}
.team-social{
    margin-top:10px
}
.team-social li{
    display:inline-block;
    margin-right:10px
}
.team-social li:last-child{
    margin:0
}
.team-social li a{
    color:#3d65fb;
    width:35px;
    height:35px;
    line-height:34px;
    display:block;
    border:2px solid #3d65fb;
    border-radius:100%;
    text-align:center
}
.team-social li a:hover{
    color:#fff;
    background:#3d65fb;
    border:2px solid transparent
}
.team-page{
    padding:70px 0 100px
}
.team2-area{
    padding:100px 0 70px;
    background:#eaf0ff;
    position:relative
}
.single-team2{
    margin:30px 0
}
.single-team2 img{
    width:100%
}
.single-team2-head{
    position:relative;
    overflow:hidden;
    border-radius:10px
}
.single-team2-head::before{
    position:absolute;
    content:"";
    width:100%;
    height:0;
    background:rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(255,255,255,1) 150%) repeat scroll 0 0;
    bottom:0;
    z-index:1;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    transition:all .35s ease-in-out
}
.single-team2:hover .single-team2-head::before{
    opacity:1;
    visibility:visible;
    height:100%
}
.single-team2:hover .single-team2-head img{
    transform:scale(1.1)
}
.single-team2-head img{
}
.single-team2-social{
    position:absolute;
    background:#fff;
    padding:10px 20px;
    border-radius:10px;
    left:50%;
    margin-left:-110px;
    top:50%;
    margin-top:-27.5px;
    transform:scale(0);
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    z-index:2;
    box-shadow:2px 4px 14px #22222261
}
.single-team2:hover .single-team2-social{
    opacity:1;
    visibility:visible;
    transform:scale(1)
}
.single-team2-social li{
    display:inline-block;
    margin-right:10px
}
.single-team2-social li:last-child{
    margin:0
}
.single-team2-social li a{
    width:35px;
    height:35px;
    line-height:34px;
    display:block;
    text-align:center;
    border-radius:100%;
    background:0 0;
    color:#3d65fb;
    border:1px solid #3d65fb
}
.single-team2-social li a:hover{
    background:#3d65fb;
    color:#fff;
    border:1px solid transparent
}
.single-team2-social li i{
}
.single-team2-content{
    padding:0 30px;
    position:relative;
    top:-50px;
    margin-bottom:-50px;
    z-index:1
}
.single-t-info-box{
    padding:20px 30px;
    background:#fff;
    box-shadow:0 0 38px 0 rgba(0,0,0,.08);
    border-radius:10px;
    position:relative;
    z-index:22;
    overflow:hidden;
    text-align:center
}
.single-t-info-box::before{
    position:absolute;
    content:"";
    width:100%;
    height:0;
    background:#3d65fb;
    bottom:0;
    left:0;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    transition:all .35s ease-in-out;
    z-index:-2
}
.single-team2:hover .single-t-info-box::before{
    height:100%;
    opacity:1;
    visibility:visible
}
.single-team2:hover .single-t-info-box h5,.single-team2:hover .single-t-info-box span{
    color:#fff
}
.single-t-info-box h5{
    font-size:20px;
    font-weight:600;
    margin-bottom:5px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.single-t-info-box span{
    color:#3d65fb;
    font-size:17px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.intro-video-area{
    padding:100px 0
}
.video-overview{
    position:relative;
    margin:30px
}
.video-overview::before{
    position:absolute;
    content:"";
    background-image:url(../img/video-img/shape-1.png);
    width:150px;
    height:150px;
    right:-30px;
    top:-30px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
.video-image{
    position:relative
}
.video-image img{
    border-radius:20px
}
.video-image::before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background:#3d65fb;
    opacity:.7;
    border-radius:20px
}
.video-overview-shape-1{
    margin:40px 0
}
.video-overview-shape-2{
    margin:40px 0
}
.video-overview-shape-1 img{
    animation-name:shake;
    animation-duration:12s;
    animation-iteration-count:infinite;
    animation-timing-function:linear
}
.video-overview-shape-2 img{
    animation-name:shake;
    animation-duration:9s;
    animation-iteration-count:infinite;
    animation-timing-function:linear
}
.video-overview .video-main{
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-40px;
    margin-top:-40px
}
.video-overview .promo-video .waves-block .waves{
    position:absolute;
    width:200px;
    height:200px;
    opacity:0;
    -ms-filter:"alpha(opacity=0)";
    border-radius:100%;
    -webkit-animation:waves 3s ease-in-out infinite;
    animation:waves 3s ease-in-out infinite;
    left:50%;
    z-index:444;
    background:#f5f5f5;
    margin-left:-100px;
    top:50%;
    margin-top:-100px
}
.video-overview .promo-video .waves-block .wave-1{
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.video-overview .promo-video .waves-block .wave-2{
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.video-overview .promo-video .waves-block .wave-3{
    -webkit-animation-delay:6s;
    animation-delay:6s
}
.video-overview .video-main .video{
    height:80px;
    width:80px;
    line-height:80px;
    text-align:center;
    border-radius:100%;
    background:#fff;
    color:#3d65fb;
    display:inline-block;
    z-index:444;
    padding:0;
    padding-left:2px;
    font-size:25px;
    font-weight:600;
    position:relative;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.faq-area{
    padding:100px 0;
    background:#eaf0ff
}
.faq-img{
    margin-top:30px
}
.faq-inner{
    margin-top:30px
}
.faq-area .panel-group{
    margin:0
}
.faq-area .panel{
    background:#fff;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.faq-area .panel-heading{
    background:0 0
}
.faq-area .faq-title a{
    position:relative;
    width:100%;
    display:block;
    padding:20px;
    background:#fff;
    border-radius:10px;
    line-height:26px;
    font-weight:600;
    font-size:17px;
    color:#222
}
.faq-area .faq-title b{
    font-weight:600;
    font-size:17px;
    line-height:26px;
    text-align:center;
    color:#3d65fb;
    margin-right:10px
}
.faq-area .faq-title a::before{
    content:"\f106";
    font-family:"font awesome 5 pro";
    top:55%;
    margin-top:-15px;
    position:absolute;
    background:0 0;
    color:#3d65fb;
    border-radius:0;
    text-align:center;
    font-size:25px;
    font-weight:400;
    right:20px;
    transition:all .5s ease-in-out
}
.faq-area .panel .faq-title a{
    text-decoration:none
}
.faq-area .panel .faq-title a.collapsed{
    color:#fff;
    text-decoration:none;
    box-sizing:border-box;
    border-radius:10px;
    padding:20px;
    background:#fff;
    font-weight:600;
    font-size:17px;
    line-height:26px;
    color:#222;
    transition:all .5s ease-in-out
}
.faq-area .faq-title a.collapsed::before{
    transform:rotate(-180deg)
}
.faq-area .faq-body{
    padding:0 20px 20px;
    color:#666;
    box-shadow:none;
    text-shadow:none;
    background:0 0;
    font-weight:400;
    background:#fff;
    font-size:15px;
    line-height:26px;
    border-radius:0 0 10px 10px
}
.faq-area .faq-body .body-btn{
    font-weight:700;
    font-size:16px;
    line-height:26px;
    color:#3d65fb
}
.faq-area .panel-default{
    border:none;
    box-shadow:none;
    text-shadow:none;
    margin:0 0 15px;
    margin-bottom:30px;
    box-shadow:none;
    border-radius:10px
}
.faq-area .panel-default:last-child{
    margin-bottom:0
}
.portfolio-area{
    padding:100px 0
}
.project-nav{
    text-align:center;
    margin:30px 0 50px
}
.project-nav li{
    display:inline-block;
    font-weight:500;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    margin-right:25px;
    margin-bottom:0;
    font-size:16px;
    color:#181e4e!important;
    padding:5px 18px 8px!important;
    background:0 0;
    border-radius:8px;
    margin:0!important;
    position:relative!important;
    margin-right:10px!important
}
.project-nav li.active{
    color:#fff!important;
    background:#3d65fb
}
.project-nav li:hover{
    color:#fff!important;
    background:#3d65fb!important
}
.project-nav li:last-child{
    margin:0!important
}
.single-portfolio{
    position:relative
}
.single-portfolio::before{
    position:absolute;
    content:"";
    width:0;
    height:0;
    background:#3d65fb;
    opacity:0;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    transition:all .5s ease;
    opacity:0;
    visibility:hidden;
    bottom:0;
    border-radius:10px
}
.single-portfolio:hover::before{
    opacity:.6;
    visibility:visible;
    width:100%;
    height:100%
}
.portfolio-image{
}
.portfolio-image img{
    border-radius:10px
}
.single-portfolio:hover .portfolio-image .image-view{
    opacity:1;
    visibility:visible;
    transform:translateY(0px)
}
.portfolio-image .image-view{
    position:absolute;
    top:30px;
    right:30px;
    width:50px;
    height:50px;
    background:0 0;
    border:2px solid #fff;
    text-align:center;
    line-height:46px;
    color:#fff;
    border-radius:100%;
    font-size:18px;
    transform:translateY(-70px);
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    z-index:2
}
.portfolio-image .image-view:hover{
    background:#fff;
    color:#3d65fb
}
.single-portfolio:hover .portfolio-content{
    opacity:1;
    visibility:visible;
    transform:translateY(0px)
}
.portfolio-content{
    position:absolute;
    bottom:30px;
    left:30px;
    transform:translateY(70px);
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    z-index:2
}
.portfolio-content h3{
}
.portfolio-content h3 a{
    color:#fff;
    font-weight:600;
    font-size:20px
}
.portfolio-content .item-category{
    color:#fff;
    font-size:16px;
    font-weight:400
}
.portfolio-content .item-category:hover{
    text-decoration:underline;
    letter-spacing:1px
}
.portfolio-details-area{
    padding:100px 0
}
.portfolio-d-content-left{
}
.portfolio-d-content-widget{
}
.portfolio-d-content-widget h3{
    font-size:30px;
    font-weight:600;
    margin-bottom:10px
}
.portfolio-single-img img{
    width:100%;
    border-radius:10px;
    margin-bottom:30px
}
.portfolio-d-content-widget p{
}
.portfolio-d-img-inner{
    margin:30px 0
}
.portfolio-d-img-inner img{
    border-radius:10px
}
.portfolio-d-single-widget{
    position:relative;
    z-index:2
}
.portfolio-d-single-widget img{
    border-radius:4px
}
.portfolio-d-single-widget::before{
    position:absolute;
    content:"";
    width:0;
    height:0;
    background:#3d65fb;
    opacity:0;
    visibility:hidden;
    left:0;
    bottom:0;
    border-radius:4px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    z-index:2
}
.portfolio-d-single-widget::after{
    position:absolute;
    content:"";
    width:0;
    height:0;
    background:#3d65fb;
    opacity:0;
    visibility:hidden;
    right:0;
    top:0;
    border-radius:4px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.portfolio-d-single-widget:hover::before,.portfolio-d-single-widget:hover::after{
    opacity:.7;
    visibility:visible;
    width:100%;
    height:100%
}
.portfolio-d-single-widget .image-view{
    position:absolute;
    left:50%;
    top:50%;
    width:50px;
    height:50px;
    background:0 0;
    line-height:50px;
    display:block;
    text-align:center;
    border-radius:100%;
    margin-left:-25px;
    margin-top:-25px;
    border:1px solid #fff;
    color:#fff;
    z-index:22;
    transform:scale(0);
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.portfolio-d-single-widget .image-view:hover{
    color:#3d65fb;
    background:#fff
}
.portfolio-d-single-widget:hover .image-view{
    opacity:1;
    visibility:visible;
    transform:scale(1)
}
.portfolio-d-single-widget{
}
.portfolio-d-list{
    margin-bottom:30px
}
.portfolio-d-list-title{
    margin-bottom:20px
}
.portfolio-d-list-title h3{
    font-size:30px;
    font-weight:600;
    margin-bottom:10px
}
.portfolio-d-list-title p{
}
.portfolio-d-list-inner{
}
.portfolio-d-list-inner li{
    font-size:16px;
    margin-bottom:10px
}
.portfolio-d-list-inner li:last-child{
    margin:0
}
.portfolio-d-list-inner li i{
    font-size:18px;
    color:#3d65fb;
    margin-right:5px
}
.portfolio-d-sidebar{
}
.p-single-sidebar-widget{
    background:#eaf0ff;
    padding:40px 30px;
    border-radius:10px;
    margin-bottom:30px
}
.p-single-sidebar-widget h3{
    font-size:25px;
    font-weight:600;
    margin-bottom:30px;
    position:relative;
    padding-left:40px
}
.p-single-sidebar-widget h3::before{
    position:absolute;
    content:"";
    width:25px;
    height:25px;
    background:#3d65fb;
    top:6px;
    left:0;
    border-radius:50px
}
.p-single-sidebar-widget h3::after{
    position:absolute;
    content:"";
    width:22px;
    height:22px;
    background:#fff;
    top:6px;
    left:0;
    border-radius:100%;
    margin-top:8px;
    margin-left:9px
}
.p-single-sidebar-widget li{
    font-size:17px;
    margin-bottom:15px;
    border-bottom:1px solid #2222221f;
    padding-bottom:15px;
    font-weight:500
}
.p-single-sidebar-widget li:last-child{
    margin:0;
    padding:0;
    border:none
}
.p-single-sidebar-widget li span{
    float:right;
    font-weight:400;
    color:#3d65fb
}
.n-project-contact-widget{
    background:#3d65fb;
    padding:30px;
    border-radius:10px
}
.n-project-contact-widget h5{
    color:#fff;
    font-size:25px;
    font-weight:600;
    line-height:33px
}
.n-project-contact-btn{
    margin-top:40px;
    margin-bottom:20px
}
.n-project-contact-btn .theme-btn{
    background:#fff;
    color:#3d65fb;
    border:2px solid transparent
}
.n-project-contact-btn .theme-btn:hover{
    color:#fff;
    border:2px solid #fff;
    background:0 0
}
.industries-area{
    padding:100px 0;
    background:#eaf0ff
}
.industries-title{
}
.industries-title span{
    background:#3d65fb1a;
    padding:6px 25px;
    display:inline-block;
    color:#3d65fb;
    font-size:15px;
    font-weight:500;
    border-radius:20% 30% 20% 20%
}
.industries-title h3{
    font-size:40px;
    font-weight:600;
    line-height:46px;
    margin-top:15px
}
.industries-tab-menu{
    margin:40px 0 10px
}
.industries-tab-menu .menu-tab-menu{
    margin:0;
    display:block;
    border:none
}
.industries-tab-menu .menu-tab-menu .nav-item{
    margin:0;
    display:inline-block;
    padding:0;
    margin:10px
}
.industries-tab-menu .menu-tab-menu .nav-item a.active,.industries-tab-menu .menu-tab-menu .nav-item a.active i,.industries-tab-menu .menu-tab-menu .nav-item a:hover{
    color:#fff;
    background:#3d65fb
}
.industries-tab-menu .menu-tab-menu .nav-item a.active span{
    color:#fff
}
.industries-tab-menu .menu-tab-menu .nav-item a:hover span{
    color:#fff
}
.industries-tab-menu .menu-tab-menu a:hover i{
    color:#fff
}
.industries-tab-menu .menu-tab-menu a{
    display:block;
    background:#fff;
    text-align:center;
    padding:20px 0;
    width:235px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    box-shadow:0 1px 20px #2222220d;
    border-radius:10px
}
.industries-tab-menu .menu-tab-menu i{
    font-size:40px;
    margin-bottom:15px;
    color:#3d65fb;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.industries-tab-menu .menu-tab-menu span{
    display:block;
    color:#222;
    font-size:15px;
    margin-top:10px;
    font-weight:600;
    margin:0;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
}
.industries-tab-inner{
}
.industries-image{
    margin-top:30px
}
.industries-content{
    margin-top:30px
}
.industries-content h3{
    font-size:33px;
    font-weight:700;
    line-height:40px
}
.industries-content h6{
    margin-top:15px;
    font-size:16px;
    color:#3d65fb;
    margin-bottom:20px
}
.industries-content p{
}
.industries-content-btn{
    margin-top:30px
}
.testimonial-area{
    padding:100px 0
}
.testimonial-inner{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    position:relative;
    margin-top:40px
}
.testimonial-inner::before{
    position:absolute;
    content:"";
    background-image:url(../img/testimonial/bg-shape.png);
    width:550px;
    height:500px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    left:20px;
    top:-35px
}
.single-testimonial{
    text-align:center;
    padding:97px 45px;
    position:relative
}
.single-testimonial::before{
    position:absolute;
    content:"\efcd";
    font-family:IcoFont;
    font-size:120px;
    left:40px;
    color:#fff;
    opacity:.4;
    top:120px
}
.testimonial-head{
    position:relative;
    z-index:1
}
.testimonial-head::before{
    position:absolute;
    content:"";
    width:100px;
    height:121px;
    background:#fff;
    opacity:.5;
    z-index:-1;
    border-radius:100%;
    top:-12px
}
.testimonial-head::after{
    position:absolute;
    content:"";
    width:117px;
    height:106px;
    background:#fff;
    opacity:.5;
    z-index:-1;
    border-radius:100%;
    top:-4px;
    right:167px
}
.testimonial-head img{
    width:100px!important;
    height:100px;
    display:inline-block!important;
    border-radius:100%
}
.testimonial-content{
    margin-top:30px;
    z-index:1;
    position:relative
}
.testimonial-content p{
    color:#fff;
    font-size:16px;
    font-weight:500;
    opacity:.9
}
.testimonial-bottom{
    margin-top:25px
}
.testimonial-bottom h3{
    color:#fff;
    font-size:20px;
    font-weight:600
}
.testimonial-bottom span{
    color:#fff
}
.testimonial-title-content{
    padding:100px 0 100px 70px
}
.testimonial-title-content span{
    background:#3d65fb1a;
    padding:6px 25px;
    display:inline-block;
    color:#3d65fb;
    font-size:15px;
    font-weight:500;
    border-radius:3px;
    margin-bottom:10px
}
.testimonial-title-content h3{
    font-size:35px;
    font-weight:600;
    margin-bottom:15px;
    line-height:42px
}
.testimonial-title-content p{
}
.testimonial-area .owl-carousel .owl-controls{
    position:absolute;
    bottom:25%;
    right:-43%;
    z-index:999
}
.testimonial-area .owl-carousel .owl-controls .owl-dot{
    display:inline-block
}
.testimonial-area .owl-theme .owl-dots .owl-dot span{
    background:#3d65fb;
    width:30px;
    height:5px;
    border-radius:0;
    opacity:.3
}
.testimonial-area .owl-theme .owl-dots .owl-dot.active span{
    background:#3d65fb!important;
    opacity:1
}
.testimonial2-area{
    padding:100px 0 80px;
    position:relative
}
.testimonial2-area::after{
    position:absolute;
    content:"";
    width:100%;
    height:50%;
    background-image:url(../img/client.png);
    top:0;
    background-repeat:no-repeat;
    background-position:center;
    opacity:.2
}
.testimonial2-area::before{
    position:absolute;
    content:"";
    width:100%;
    height:50%;
    background:#3d65fb;
    top:0
}
.testimonial2-s-title{
    margin-bottom:50px;
    z-index:1;
    position:relative
}
.testimonial2-s-title h3{
    color:#fff;
    font-size:40px;
    font-weight:600;
}
.testimonial2-slider{
    margin-top:20px
}
.single-testimonial2{
    background:#fff;
    padding:40px;
    border-radius:10px;
    box-shadow:0 6px 20px 0 rgba(0,33,121,.08);
    margin:10px 15px 20px;
    position:relative
}
.s-testimonial2-head{
    display:flex;
    align-items:center;
    margin-bottom:20px;
    position:relative
}
.s-testimonial2-head::before{
    position:absolute;
    content:"\f10e";
    font-family:"font awesome 5 pro";
    font-size:70px;
    color:#3d65fb;
    opacity:;
    top:15px;
    right:0
}
.s-testimonial2-img{
}
.s-testimonial2-img img{
    width:100px!Important;
    height:100px;
    display:inline-block!Important;
    border-radius:100%
}
.s-testimonial2-title{
    margin-left:20px
}
.s-testimonial2-title h5{
    font-size:20px;
    font-weight:600;
    margin-bottom:5px
}
.s-testimonial2-title span{
    color:#3d65fb;
    font-size:15px;
    font-weight:500
}
.s-testimonial2-content{
}
.s-testimonial2-content p{
    font-style:italic;
    font-weight:400;
    font-size:15px
}
.testimonial-ratting{
    margin-bottom:10px
}
.testimonial-ratting li{
    display:inline-block;
    margin-right:3px;
    font-size:16px;
    color:#fbc509
}
.testimonial-ratting li:last-child{
    margin:0
}
.testimonial2-area .owl-carousel .owl-controls{
    position:absolute;
    top:10px;
    right:0;
    margin-left:-65px;
    z-index:999
}
.testimonial2-area .owl-carousel .owl-nav{
    margin:0;
    width:100%
}
.testimonial2-area .owl-carousel .owl-nav div{
    width:50px;
    height:50px;
    position:absolute;
    margin:0;
    padding:inherit;
    font-size:25px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    bottom:93px;
    margin-bottom:-20px;
    line-height:50px;
    border-radius:100%;
    color:#fff;
    background:0 0;
    border:1px solid #fff
}
.testimonial2-area .owl-carousel .owl-nav div:hover{
    background:#fff;
    color:#3d65fb
}
.testimonial2-area .owl-carousel .owl-nav .owl-prev{
    right:50px;
    margin-right:15px
}
.testimonial2-area .owl-carousel .owl-nav .owl-next{
    right:0
}
.pricing-area{
    padding:100px 0;
    background:#eaf0ff
}
.single-pricing{
    text-align:center;
    background:#fff;
    padding:40px 30px;
    border-radius:15px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    margin-top:40px
}
.single-pricing.active{
    box-shadow:0 20px 40px 0 rgba(0,33,121,.08);
    transform:translateY(-10px);
    background:#3d65fb
}
.single-pricing:hover{
    box-shadow:0 20px 40px 0 rgba(0,33,121,.08);
    transform:translateY(-10px);
    background:#3d65fb
}
.single-pricing:hover .pricing-head h5,.single-pricing:hover .price-rate h4,.single-pricing:hover .price-rate span,.single-pricing:hover .price-details li,.single-pricing:hover .price-details li i{
    color:#fff
}
.single-pricing .pricing-head h5,.single-pricing .price-rate h4,.single-pricing .price-rate span,.single-pricing .price-details li,.single-pricing .price-details li i{
    color:#222;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.single-pricing:hover .pricing-button .theme-btn{
    background:#fff;
    color:#3d65fb
}
.single-pricing:hover .pricing-button .theme-btn i{
    background:#3d65fb;
    color:#fff
}
.single-pricing.active .pricing-head h5,.single-pricing.active .price-rate h4,.single-pricing.active .price-rate span,.single-pricing.active .price-details li,.single-pricing.active .price-details li i{
    color:#fff
}
.single-pricing.active .pricing-bottom{
    border-top:1px solid #ffffff63
}
.single-pricing .pricing-button .theme-btn{
    background:#3d65fb;
    color:#fff;
    border:1px solid transparent
}
.single-pricing .pricing-button .theme-btn i{
    background:#fff;
    color:#3d65fb;
    border:1px solid transparent
}
.single-pricing.active .pricing-button .theme-btn{
    background:#fff;
    color:#3d65fb
}
.single-pricing.active .pricing-button .theme-btn i{
    background:#3d65fb;
    color:#fff
}
.pricing-head{
    margin-bottom:30px
}
.pricing-head h5{
    font-size:18px;
    font-weight:500;
    margin-bottom:20px;
    color:#fff
}
.price-rate{
}
.price-rate h4{
    font-size:45px;
    font-weight:600;
    margin-bottom:5px;
    color:#fff
}
.price-rate span{
    font-size:14px;
    font-weight:500;
    margin-left:5px
}
.pricing-bottom{
    margin-top:30px;
    border-top:1px solid #ffffff63;
    padding-top:30px
}
.price-details{
}
.price-details li{
    font-size:16px;
    margin-bottom:15px;
    font-weight:500
}
.price-details li:last-child{
    margin:0
}
.pricing-bottom li i{
    font-size:18px;
    margin-right:5px
}
.pricing-button{
    margin-top:30px
}
.pricing2-area{
    background:#f4f7fe
}
.single-pricing2{
    background:#fff;
    padding:30px;
    border-radius:20px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    margin-top:30px
}
.single-pricing2:hover{
    box-shadow:0 10px 30px rgba(0,0,0,.07);
    transform:translateY(-10px)
}
.pricing2-head-icon i{
    font-size:50px;
    color:#3d65fb;
    margin-bottom:20px
}
.pricing2-head{
    margin-bottom:30px
}
.pricing2-head h5{
    font-size:20px;
    font-weight:600
}
.price2-rate{
    border-top:2px dashed #f4f5fe;
    border-bottom:2px dashed #f4f5fe;
    padding:15px 0;
    margin-top:25px
}
.price2-rate h4{
    font-size:40px;
    font-weight:700
}
.price2-rate h4 span{
    font-size:16px;
    margin-left:5px;
    font-weight:500
}
.price2-details{
}
.pricing2-bottom{
}
.pricing2-bottom li{
    font-size:15px;
    margin-bottom:15px;
    color:#666;
    font-weight:500
}
.pricing2-bottom li:last-child{
    margin:0
}
.pricing2-bottom li i{
    font-size:18px;
    margin-right:5px;
    color:#3d65fb
}
.pricing2-button{
    margin-top:30px
}
.pricing2-button a{
    padding:15px 30px;
    background:#3d65fb;
    color:#fff;
    display:inline-block;
    border-radius:15px;
    text-transform:uppercase;
    font-size:15px
}
.single-pricing2:hover .pricing2-button a{
    background:#222
}
.blog-section-title{
    z-index:2;
    position:relative
}
.blog-section-title span{
    background:#fff;
    box-shadow:0 2px 10px #22222214
}
.blog-section-title h3{
    color:#fff;
    margin-top:20px
}
.blog-area{
    background:#eaf0ff;
    position:relative
}
.blog-bg-pattern{
    position:relative;
    padding:100px 0
}
.blog-bg-pattern::before{
    position:absolute;
    content:"";
    width:100%;
    height:50%;
    top:0;
    background:#3d65fb
}
.blog-bg-pattern::after{
    position:absolute;
    content:"";
    background-image:url(../img/bg-pattern.png);
    width:100%;
    height:50%;
    top:0;
    z-index:1;
    opacity:.2
}
.single-blog{
    box-shadow:0 3px 15px #22222214;
    margin-top:30px;
    border-radius:15px;
    z-index:2;
    position:relative
}
.single-blog:hover .blog-image img{
    transform:scale(1.2) rotate(4deg)
}
.blog-image{
    overflow:hidden;
    position:relative;
    border-radius:15px 15px 0 0
}
.blog-image::before{
    position:absolute;
    content:"";
    width:0;
    height:0;
    background:#fff;
    left:0;
    bottom:0;
    z-index:1;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease
}
.blog-image::after{
    position:absolute;
    content:"";
    width:0;
    height:0;
    background:#fff;
    right:0;
    top:0;
    z-index:1;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease
}
.single-blog:hover .blog-image::before,.single-blog:hover .blog-image::after{
    width:100%;
    height:100%;
    opacity:.2;
    visibility:visible
}
.blog-image img{
    border-radius:15px 15px 0 0;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    transition:all .5s ease
}
.blog-content{
    padding:25px 30px;
    background:#fff;
    border-radius:0 0 15px 15px
}
.blog-top-meta{
    margin-bottom:15px
}
.blog-top-meta li{
    display:inline-block;
    margin-right:15px;
    font-size:14px
}
.blog-top-meta li:last-child{
    margin:0
}
.blog-top-meta li i{
    margin-right:8px;
    color:#3d65fb
}
.blog-content h3{
    margin-bottom:10px
}
.blog-content h3 a{
    font-weight:600;
    font-size:20px;
    line-height:28px;
    display:block;
}
.blog-content h3 a:hover{
    color:#3d65fb
}
.blog-content p{
}
.single-blog:hover .blog-button a{
    color:#3d65fb;
    letter-spacing:1px
}
.blog-button{
    margin-top:10px
}
.blog-button a{
    font-size:14px;
    font-weight:500
}
.blog-page-area{
    padding:70px 0 100px
}
.blog2-area{
    background:#fff;
    padding:100px 0
}
.single-blog2{
    box-shadow:0 0 30px 0 rgba(0,0,0,.08);
    position:relative;
    border-radius:10px;
    margin-top:30px
}
.blog2-image{
    overflow:hidden;
    border-radius:10px 10px 0 0
}
.single-blog2:hover .blog2-image img{
    transform:scale(1.2) rotate(4deg)
}
.blog2-image img{
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    transition:all .5s ease
}
.post-date{
    position:absolute;
    top:20px;
    background:#fff;
    padding:10px 23px;
    text-align:center;
    font-size:14px;
    font-weight:500;
    border-radius:10px;
    right:20px;
    box-shadow:0 5px 10px #22222263
}
.post-date span{
    display:block;
    font-size:20px;
    font-weight:600;
    margin-top:5px;
    color:#3d65fb
}
.blog2-content{
    padding:25px 20px
}
.blog2-meta{
    margin-bottom:10px
}
.blog2-meta li{
    display:inline-block;
    margin-right:5px;
    font-size:14px
}
.blog2-meta li:last-child{
    margin:0
}
.blog2-meta li a{
    font-weight:500;
    color:#666
}
.blog2-meta li a:hover{
    color:#3d65fb
}
.blog2-meta li i{
    color:#3d65fb;
    font-size:17px
}
.blog2-content h3{
    margin-bottom:10px
}
.blog2-content h3 a{
    font-size:20px;
    font-weight:600;
    line-height:28px;
    display:block
}
.blog2-content h3 a:hover{
    color:#3d65fb
}
.blog2-content p{
    font-size:15px
}
.blog2-button{
    margin-top:15px
}
.single-blog2:hover .blog2-button{
}
.blog2-button a{
    color:#3d65fb;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.blog2-button a i{
    font-size:16px;
    margin-left:8px
}
.single-blog2:hover .blog2-button a{
    letter-spacing:1px
}
.blog-detail-sidebar{
}
.singles-s-widget{
    background:#fff;
    box-shadow:0 6px 25px rgba(0,0,0,.07)!important;
    padding:40px 30px;
    margin-top:30px;
    border-radius:10px
}
.singles-s-widget .search-widget{
    position:relative
}
.singles-s-widget .search-widget input{
    width:100%;
    height:50px;
    padding:10px 60px 10px 15px;
    border:1px solid #2222221f;
    font-size:15px;
    font-weight:500;
    border-radius:8px
}
.singles-s-widget .search-btn{
    position:absolute;
    top:0;
    right:0;
    border:none;
    background:#3d65fb;
    font-size:18px;
    color:#fff;
    padding:15px 20px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    border-radius:0 8px 8px 0
}
.singles-s-widget .search-btn:hover{
    background:#222
}
.singles-s-widget .widget-title{
    font-size:20px;
    font-weight:600;
    position:relative;
    padding-left:30px;
    margin-bottom:30px
}
.singles-s-widget .widget-title::before{
    position:absolute;
    content:"";
    width:20px;
    height:20px;
    background:#3d65fb;
    border-radius:50px;
    left:0;
    top:3px
}
.singles-s-widget .widget-title::after{
    position:absolute;
    content:"";
    width:18px;
    height:18px;
    background:#eaf0ff;
    border-radius:50px;
    left:0;
    margin-top:10px;
    margin-left:7px
}
.categories-widget{
}
.categories-widget li{
    margin-bottom:10px
}
.categories-widget li:last-child{
    margin:0
}
.categories-widget li a{
    color:#363636;
    font-weight:500
}
.categories-widget li a:hover{
    color:#3d65fb
}
.categories-widget li a:hover i{
    color:#3d65fb;
    margin-right:10px
}
.categories-widget li a i{
    margin-right:8px;
    font-size:18px;
    color:#666;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.categories-widget li span{
    color:#3d65fb;
    float:right
}
.popular-feeds{
}
.popular-feed-loop{
}
.single-popular-feed{
    display:flex;
    align-items:center;
    margin-bottom:20px;
    overflow:hidden
}
.single-popular-feed:last-child{
    margin:0
}
.single-popular-feed .feed-img{
}
.single-popular-feed .feed-img img{
    border-radius:4px;
    max-width:80px;
    height:auto
}
.single-popular-feed .feed-desc{
    margin-left:15px
}
.single-popular-feed .feed-desc h6{
    margin-bottom:5px
}
.single-popular-feed .feed-desc h6 a{
    font-size:16px;
    font-weight:500;
    display:block
}
.single-popular-feed .feed-desc h6 a:hover{
    color:#3d65fb
}
.single-popular-feed .feed-desc .feed-date{
    font-size:13px
}
.single-popular-feed .feed-desc .feed-date i{
    margin-right:5px;
    color:#3d65fb
}
.singles-s-widget.socail-widget{
}
.singles-s-widget.socail-widget li{
    display:inline-block;
    margin-right:10px
}
.singles-s-widget.socail-widget li:last-child{
    margin:0
}
.singles-s-widget.socail-widget li a{
    background:#eaf0ff;
    display:block;
    color:#3d65fb;
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    border-radius:50px
}
.singles-s-widget.socail-widget li a:hover,.singles-s-widget.p-tag-widget li a:hover{
    background:#3d65fb;
    color:#fff
}
.singles-s-widget.p-tag-widget{
}
.singles-s-widget.p-tag-widget li{
    display:inline-block;
    margin:5px 0;
    margin-right:10px
}
.singles-s-widget.p-tag-widget li a{
    background:#eaf0ff;
    padding:6px 20px 9px;
    display:block;
    font-size:14px;
    border-radius:8px;
    font-weight:500
}
.blog-details-area{
    padding:70px 0 100px;
    background:#eaf0ff
}
.blog-details-inner{
    margin-top:30px
}
.blog-detail-content{
    background:#fff;
    padding:30px;
    border-radius:0 0 10px 10px;
    box-shadow:0 0 40px 3px rgba(0,0,0,.05)
}
.blog-d-head-img{
}
.blog-d-head-img img{
    border-radius:10px 10px 5px 5px;
    width:100%
}
.blog-d-head-title{
    margin-bottom:30px
}
.blog-single-meta{
    margin-bottom:20px;
    border-bottom:1px solid #3d65fb1a;
    padding-bottom:15px
}
.blog-single-meta li{
    display:inline-block;
    margin-right:15px
}
.blog-single-meta li:last-child{
    margin:0
}
.blog-single-meta li i{
    margin-right:8px;
    color:#3d65fb
}
.blog-single-meta li a{
    font-weight:500
}
.blog-single-meta li a:hover{
    color:#3d65fb
}
.blog-d-single-content{
}
.blog-d-single-content blockquote{
    background:#eaf0ff;
    padding:30px;
    position:relative
}
.blog-d-single-content blockquote::before{
    position:absolute;
    content:"";
    left:0;
    width:3px;
    height:100%;
    background:#3d65fb;
    top:0
}
.blog-d-single-content blockquote i{
    position:absolute;
    right:30px;
    font-size:50px;
    opacity:.2;
    color:#3d65fb;
    top:30px
}
.blog-d-single-content blockquote span{
    font-size:17px;
    font-weight:500;
    color:#3d65fb
}
.blog-d-single-content blockquote h3{
    font-size:20px;
    font-weight:600;
    line-height:30px;
    margin-top:10px
}
.blog-d-img-widget{
    margin:30px 0
}
.blog-d-img-widget img{
    border-radius:10px
}
.single-d-img-widget{
    position:relative;
    z-index:2
}
.single-d-img-widget img{
    border-radius:4px
}
.single-d-img-widget::before{
    position:absolute;
    content:"";
    width:0;
    height:0;
    background:#3d65fb;
    opacity:0;
    visibility:hidden;
    left:0;
    bottom:0;
    border-radius:4px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    z-index:2
}
.single-d-img-widget::after{
    position:absolute;
    content:"";
    width:0;
    height:0;
    background:#3d65fb;
    opacity:0;
    visibility:hidden;
    right:0;
    top:0;
    border-radius:4px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.single-d-img-widget:hover::before,.single-d-img-widget:hover::after{
    opacity:.7;
    visibility:visible;
    width:100%;
    height:100%
}
.single-d-img-widget .image-view{
    position:absolute;
    left:50%;
    top:50%;
    width:50px;
    height:50px;
    background:0 0;
    line-height:50px;
    display:block;
    text-align:center;
    border-radius:100%;
    margin-left:-25px;
    margin-top:-25px;
    border:1px solid #fff;
    color:#fff;
    z-index:22;
    transform:scale(0);
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.single-d-img-widget .image-view:hover{
    color:#3d65fb;
    background:#fff
}
.single-d-img-widget:hover .image-view{
    opacity:1;
    visibility:visible;
    transform:scale(1)
}
.blog-d-content-list{
    margin-bottom:30px
}
.blog-d-content-list h5{
    font-size:25px;
    font-weight:600;
    margin-bottom:15px
}
.blog-d-content-list li{
    margin-bottom:10px;
    font-size:16px
}
.blog-d-content-list li:last-child{
    margin:0
}
.blog-d-content-list li i{
    font-size:18px;
    color:#3d65fb;
    margin-right:5px
}
.blog-d-content-middle{
}
.blog-d-content-middle h3{
    font-size:25px;
    font-weight:600;
    margin-bottom:10px
}
.blog-d-content-middle p{
}
.blog-d-tag-widget{
    margin-top:30px;
    padding:30px 0
}
.blog-d-tag-title{
    font-size:20px;
    font-weight:600;
    margin-bottom:20px
}
.blog-d-tag-title i{
    margin-right:8px;
    color:#3d65fb
}
.blog-d-tag-widget li{
    display:inline-block;
    margin-right:10px
}
.blog-d-tag-widget li:last-child{
    margin:0
}
.blog-d-tag-widget li a{
    padding:8px 20px;
    background:0 0;
    border-radius:8px;
    border:1px solid #2222221f;
    display:block;
    font-size:14px
}
.blog-d-tag-widget li a:hover{
    background:#3d65fb;
    color:#fff;
    border:1px solid transparent
}
.prev-next-widget{
    margin:40px 0
}
.prev-content-left{
    display:flex;
    align-items:center
}
.prev-content-left .prev-img{
}
.prev-content-left .prev-img img{
    border-radius:4px
}
.prev-content-left .prev-content{
    margin-left:20px
}
.prev-content-left .prev-content span{
    font-size:15px;
    color:#3d65fb;
    margin-bottom:5px;
    display:block
}
.prev-content-left .prev-content span i{
}
.prev-content-left .prev-content h3{
    font-size:18px;
    font-weight:500;
    line-height:25px
}
.prev-content-left .prev-content h3:hover{
    color:#3d65fb
}
.next-content-left{
}
.next-content-left .next-content{
    margin:0;
    margin-right:20px;
    text-align:right
}
.post-comment-widget{
    margin-top:30px
}
.p-comment-title{
    margin-bottom:30px
}
.p-comment-title h3{
    font-size:25px;
    font-weight:600;
    position:relative;
    padding-left:40px;
    margin-bottom:15px;
    border-bottom:1px solid #3d65fb1a;
    padding-bottom:15px
}
.p-comment-title h3::before{
    position:absolute;
    content:"";
    width:20px;
    height:20px;
    background:#3d65fb;
    border-radius:50px;
    top:8px;
    left:0
}
.p-comment-title h3::after{
    position:absolute;
    content:"";
    width:18px;
    height:18px;
    background:#eaf0ff;
    border-radius:100%;
    top:0;
    left:0;
    margin-top:16px;
    margin-left:8px
}
.p-comment-title p{
}
.comment-single{
    margin-bottom:30px
}
.comment-single img{
    width:60px;
    height:60px;
    border-radius:50px
}
.comment-single h5{
    font-weight:500
}
.comment-single a{
    color:#3d65fb
}
.comment-single a:hover{
    color:#000
}
.comment-reply{
    margin-left:40px
}
.p-comment-form{
}
.p-comment-form .form-group{
    margin-bottom:30px
}
.p-comment-form .form-group input:hover,.p-comment-form .form-group textarea:hover{
    border:1px solid #3d65fb
}
.p-comment-form .form-group label{
    font-size:14px;
    color:#222;
    font-weight:500;
    margin-bottom:10px
}
.p-comment-form .form-group input{
    width:100%;
    height:55px;
    border:1px solid #2222221f;
    background:0 0;
    padding:10px 15px;
    border-radius:8px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    font-weight:500
}
.p-comment-form .form-group textarea{
    width:100%;
    height:150px;
    border:1px solid #2222221f;
    background:0 0;
    padding:10px 15px;
    border-radius:8px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    font-weight:500
}
.p-comment-save{
    position:relative;
    margin-bottom:30px
}
.p-comment-save p{
    padding-left:5px;
    color:#222;
    font-weight:400;
    font-size:15px;
    display:inline-block
}
.p-comment-save .checkbox-inline{
    bottom:0;
    cursor:pointer;
    position:absolute;
    left:0;
    top:5px
}
.p-comment-save .checkbox-inline input{
    width:30px;
    height:30px;
    background:0 0;
    background:red;
    display:none
}
.p-comment-save .checkbox-inline::before{
    position:absolute;
    color:#fff;
    content:"";
    left:0;
    top:0;
    width:16px;
    height:16px;
    border:2px solid #3d65fb;
    background:#fff;
    border:1px solid #3d65fb;
    box-sizing:border-box;
    box-shadow:0 0 0 3px rgba(58,122,251,.16);
    border-radius:4px
}
.p-comment-save .checkbox-inline::after{
    position:absolute;
    color:#fff;
    content:"\f00c";
    left:3px;
    top:8px;
    font-family:fontawesome;
    font-size:10px;
    line-height:0;
    display:none
}
.p-comment-save .checkbox-inline.checked:after{
    display:block
}
.p-comment-save .checkbox-inline.checked::before{
    background:#5966f8
}
.post-comment-btn{
}
.button.theme-btn.primary{
    padding:15px 20px
}
.newsletter-area{
    padding-bottom:100px
}
.newsletter-inner{
    padding:40px 0;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    position:relative;
    border-radius:12px;
    overflow:hidden
}
.newsletter-inner::before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background:#3d65fb;
    top:0;
    opacity:.8;
    border-radius:12px
}
.newsletter-inner{
}
.newsletter-content{
    text-align:center;
    margin:0 180px;
    z-index:1;
    position:relative
}
.newsletter-title{
    margin-bottom:40px
}
.newsletter-title span{
    color:#fff;
    font-size:20px;
    font-weight:500;
    display:block;
    margin-bottom:10px
}
.newsletter-title h3{
    font-size:40px;
    font-weight:700;
    color:#fff;
    line-height:46px
}
.newsletter-form-content{
    margin:0 110px
}
.newsletter-form-content .newsletter-f-widget{
    position:relative
}
.newsletter-form-content .newsletter-f-widget input{
    width:100%;
    height:60px;
    border-radius:10px;
    padding:10px 165px 10px 20px;
    font-size:15px;
    font-weight:500;
    border:none
}
.newsletter-form-content .newsletter-f-widget .button{
    position:absolute;
    top:3px;
    right:3px;
    padding:17px 28px;
    background:#222;
    color:#fff
}
.newsletter-form-content .newsletter-f-widget .button:hover{
    background:#3d65fb;
    color:#fff
}
.newsletter-shape{
    position:absolute;
    bottom:40px
}
.newsletter-shape img{
    max-width:200px;
    height:100%
}
.eror-page-area{
    padding:100px 0
}
.eror-page-inner{
}
.eror-content-img{
}
.eror-content{
    margin-top:30px;
    text-align:center;
    padding:0 130px
}
.eror-content h3{
    font-size:40px;
    margin-bottom:15px;
    font-weight:600
}
.eror-content p{
    font-size:16px;
    line-height:25px
}
.eror-content-btn{
    margin-top:25px
}
.eror-content-btn .theme-btn.primary{
    padding:13px 25px
}
.coming-soon-area{
    padding:50px 0;
    background:#3d65fb;
    position:relative;
    overflow:hidden
}
.coming-soon-area::before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../img/client.png);
    opacity:.3;
    top:0
}
.coming-soon-area .container{
    position:relative;
    z-index:35
}
.coming-soon-content{
    text-align:center
}
.c-soon-top-content{
    margin-bottom:40px
}
.c-soon-top-content i{
    font-size:50px;
    color:#fff;
    border:3px solid #fff;
    border-radius:100%;
    width:100px;
    height:100px;
    display:inline-block;
    line-height:100px;
    margin-bottom:20px;
    animation-name:shake;
    animation-duration:4222ms;
    animation-iteration-count:infinite;
    animation-timing-function:linear
}
.c-soon-top-content h3{
    font-size:40px;
    color:#fff;
    font-weight:600;
    margin-bottom:20px
}
.c-soon-top-content h5{
    color:#fff;
    font-weight:500;
    font-size:23px;
    margin-bottom:20px
}
.c-soon-top-content p{
    color:#fff
}
.coming-soon-form{
    position:relative;
    margin:0 130px
}
.coming-soon-form input{
    width:100%;
    height:55px;
    padding:10px 155px 10px 15px;
    font-size:15px;
    font-weight:500;
    background:#fff;
    border-radius:10px;
    border:none;
    box-shadow:0 3px 10px #0000000f
}
.coming-soon-form .button{
    position:absolute;
    top:0;
    right:0;
    padding:18px 25px!important;
    background:#222;
    border-radius:10px
}
.coming-soon-form .button:hover{
    background:#3d65fb;
    color:#fff
}
.c-date-count{
    margin-top:50px
}
.coming-soon .count-date{
    margin-left:-25px
}
.coming-soon .cdown{
    text-align:center;
    display:inline-block;
    width:120px;
    height:120px;
    background:0 0;
    border-radius:15px;
    line-height:120px;
    font-size:40px;
    font-weight:600;
    color:#fff;
    border:2px solid #fff;
    margin-left:25px
}
.coming-soon .cdown{
    text-align:center
}
.coming-soon .cdown span{
    color:#fff;
    font-size:40px
}
.coming-soon .cdown p{
    font-size:15px;
    color:#fff;
    display:block
}
.coming-soon-social{
    margin-top:50px;
    border-top:2px solid #fff;
    padding-top:30px
}
.coming-soon-social li{
    display:inline-block;
    margin-right:10px
}
.coming-soon-social li:last-child{
    margin:0
}
.coming-soon-social li a{
    width:40px;
    height:40px;
    display:block;
    background:#fff;
    text-align:center;
    line-height:40px;
    border-radius:100%;
    box-shadow:0 5px 10px #2222220f;
    font-size:15px;
    color:#3d65fb
}
.coming-soon-social li a:hover{
    color:#3d65fb;
    transform:translateY(-3px)
}
.coming-soon-social li i{
}
.mail-success-area{
    padding:120px 0;
    background:#eaf0ff
}
.mail-success-content{
    text-align:center
}
.mail-success-content i{
    width:120px;
    height:120px;
    line-height:120px;
    display:inline-block;
    background:#00b159;
    border-radius:100%;
    color:#fff;
    font-size:50px;
    margin-bottom:20px
}
.mail-success-content h3{
    font-size:35px;
    font-weight:600;
    margin-bottom:10px
}
.mail-success-content p{
}
.mail-bottom-btn{
    margin-top:25px
}
.contact-area{
    padding:70px 0 100px;
    background:#fff
}
.contact-details{
}
.single-c-details{
    text-align:center;
    background:#fff;
    box-shadow:0 2px 15px #22222214;
    padding:40px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    border-radius:20px;
    margin-top:30px
}
.single-c-details:hover{
    background:#3d65fb
}
.single-c-details:hover .contact-d-icon{
    border-right:5px dashed #fff;
    border-bottom:5px solid #fff
}
.contact-d-icon{
    border:5px dashed #3d65fb;
    display:inline-block;
    margin-bottom:30px;
    padding:10px;
    border-radius:50%;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.single-c-details.active{
    background:#3d65fb;
    color:#fff
}
.single-c-details.active .contact-d-icon i{
    background:#fff;
    color:#3d65fb
}
.single-c-details.active .contact-d-content h3,.single-c-details.active .contact-d-content li{
    color:#fff
}
.single-c-details.active .contact-d-btn a{
    background:#fff
}
.single-c-details.active .contact-d-icon{
    border-right:5px dashed #fff;
    border-bottom:5px solid #fff
}
.single-c-details:hover .contact-d-icon i{
    background:#fff;
    color:#3d65fb
}
.contact-d-icon i{
    text-align:center;
    color:#fff;
    display:inline-block;
    border-radius:50%;
    width:110px;
    height:110px;
    line-height:110px;
    font-size:45px;
    background:#3d65fb;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.contact-d-content{
}
.single-c-details:hover .contact-d-content h3,.single-c-details:hover .contact-d-content li{
    color:#fff
}
.contact-d-content h3{
    font-size:25px;
    font-weight:600;
    margin-bottom:10px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.contact-d-content li{
    font-size:15px;
    color:#666;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.contact-d-btn{
    margin-top:20px
}
.single-c-details:hover .contact-d-btn a{
    background:#fff
}
.contact-d-btn a{
    background:#3d65fb14;
    padding:10px 25px;
    display:inline-block;
    color:#3d65fb;
    font-size:14px;
    border-radius:4px
}
.contact-d-btn a i{
    margin-right:5px
}
.contact-inner{
    margin-top:100px
}
.contact-inner .contact-img{
}
.ontact-inner-box{
}
.contact-c-title{
    margin-bottom:30px
}
.contact-c-title p{
    font-size:16px;
    margin-bottom:10px;
    color:#3d65fb;
    font-weight:500;
    position:relative;
    padding-left:35px
}
.contact-c-title p::before{
    position:absolute;
    content:"";
    width:20px;
    height:20px;
    background:#eaf0ff;
    border-radius:50px;
    left:0;
    top:0
}
.contact-c-title p::after{
    position:absolute;
    content:"";
    width:18px;
    height:18px;
    background:#3d65fb;
    border-radius:100%;
    left:0;
    top:0;
    margin-top:9px;
    margin-left:9px
}
.contact-c-title h3{
    font-size:35px;
    font-weight:600
}
.contact-form{
}
.contact-form .form-group{
    margin-bottom:30px
}
.contact-form .form-group label{
    display:block;
    margin-bottom:10px;
    font-weight:400;
    font-size:15px
}
.contact-form .form-group input{
    width:100%;
    height:55px;
    padding:10px 15px;
    font-size:14px;
    border:none;
    border-radius:10px;
    background:#eaf0ff;
    font-weight:500
}
.contact-form .form-group textarea{
    width:100%;
    height:150px;
    padding:10px 15px;
    font-size:14px;
    border:none;
    background:#eaf0ff;
    border-radius:10px;
    font-weight:500
}
.contact-btn .button.theme-btn{
    padding:16px 25px
}
#contact-map{
    height:610px;
    width:100%;
    border-radius:10px
}
.preeloader{
    background:#3d65fb none repeat scroll 0 0;
    height:100%;
    position:fixed;
    width:100%;
    z-index:999999
}
.loader{
    display:flex;
    flex-direction:row;
    left:50%;
    margin:-20px 0 0 -20px;
    position:fixed;
    top:50%
}
.loader div{
    height:20px;
    width:5px;
    background:#fff;
    margin:3px;
    border-radius:25px
}
.loader div:nth-child(1){
    animation:loader-wave 1s ease-in-out infinite 0s
}
.loader div:nth-child(2){
    animation:loader-wave 1s ease-in-out infinite .1s
}
.loader div:nth-child(3){
    animation:loader-wave 1s ease-in-out infinite .2s
}
.loader div:nth-child(4){
    animation:loader-wave 1s ease-in-out infinite .3s
}
.loader div:nth-child(5){
    animation:loader-wave 1s ease-in-out infinite .4s
}
.loader div:nth-child(6){
    animation:loader-wave 1s ease-in-out infinite .5s
}
.loader div:nth-child(7){
    animation:loader-wave 1s ease-in-out infinite .6s
}
@keyframes loader-wave{
    0%{
        transform:scaleY(1)
    }
    50%{
        transform:scaleY(2)
    }
    100%{
        transform:scaleY(1)
    }
}
.breadcrumbs{
    padding:150px 0 50px;
    background:#3d65fb;
    position:relative;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    overflow:hidden!important
}
.breadcrumbs::before{
    position:absolute;
    content:"";
    width:500px;
    height:500px;
    background:#fff;
    border-radius:100%;
    opacity:.2;
    left:-82px;
    top:-225px
}
.breadcrumbs::after{
    position:absolute;
    content:"";
    width:300px;
    height:300px;
    background:#fff;
    border-radius:100%;
    opacity:.1;
    right:82px;
    top:150px
}
.breadcrumbs .container{
    position:relative;
    z-index:34
}
.breadcrumb-content{
}
.breadcrumb-content p{
    font-size:16px;
    margin-bottom:10px;
    color:#fff
}
.breadcrumb-content h3{
    color:#ffff;
    font-size:35px;
    font-weight:700;
    position:relative;
    padding-left:35px
}
.breadcrumb-content h3::before{
    position:absolute;
    content:"";
    width:23px;
    height:23px;
    background:#fff;
    border-radius:50px;
    left:0;
    top:8px
}
.breadcrumb-content h3::after{
    position:absolute;
    content:"";
    width:20px;
    height:20px;
    background:#3d65fb;
    border-radius:100%;
    left:0;
    top:8px;
    margin-top:8px;
    margin-left:8px
}
.breadcrumb-menu{
    text-align:right;
    margin-top:25px
}
.breadcrumb-menu li{
    display:inline-block;
    margin-right:10px
}
.breadcrumb-menu li.active{
    position:relative;
    padding-left:10px
}
.breadcrumb-menu li.active::before{
    position:absolute;
    content:"";
    width:6px;
    height:6px;
    border-radius:50px;
    background:#fff;
    left:-5px;
    top:10px
}
.breadcrumb-menu li:last-child{
    margin:0
}
.breadcrumb-menu li a{
    color:#fff
}
.breadcrumb-menu li a:hover{
    color:#222
}
.breadcrumb-menu li.active a{
    color:#fff
}
.pagination-main{
    text-align:center
}
.pagination{
    display:block;
    padding-left:0;
    margin:50px 0 0;
    border-radius:4px;
    text-align:center
}
.pagination li{
    display:inline-block;
    margin-right:10px
}
.pagination li:last-child{
    margin-right:0
}
.pagination li a{
    background:#fff;
    border:none;
    display:block;
    width:40px;
    height:40px;
    line-height:38px;
    font-size:14px;
    color:#222;
    border-radius:8px;
    box-shadow:0 4px 10px #22222212
}
.pagination li:hover a{
    color:#fff;
    border-color:transparent
}
.pagination li:hover a,.pagination li.active a{
    border-color:transparent;
    -webkit-box-shadow:0 0 14px rgba(0,0,0,.1);
    -moz-box-shadow:0 0 14px rgba(0,0,0,.1);
    box-shadow:0 0 14px rgba(0,0,0,.1)
}
.pagination li.prev a,.pagination li.next a{
    font-size:15px;
    text-align:center
}
.pagination li.active a,.pagination li:hover a{
    color:#fff!important;
    background:#3d65fb
}
.scrollToTop{
    right:20px;
    z-index:33;
    bottom:20px;
    position:fixed;
    text-align:center;
    opacity:0;
    transform:translateX(50px);
    visibility:hidden;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    transition:all 1s ease
}
.scrollToTop.show{
    opacity:1;
    visibility:visible;
    transform:translateX(0px)
}
.scrollToTop i{
    height:50px;
    width:50px;
    line-height:50px;
    background:#3d65fb;
    border-radius:10px;
    font-size:20px;
    -webkit-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease;
    display:block;
    color:#fff
}
.scrollToTop i:hover{
    background:#222;
    color:#fff
}
.terms-conditions-area{
    padding:100px 0 80px
}
.terms-c-content-widget{
    margin-bottom:30px
}
.terms-c-content-widget h3{
    font-size:30px;
    font-weight:600;
    margin-bottom:15px;
    position:relative
}
.terms-c-content-widget p{
    margin-bottom:15px
}
.terms-c-single-list{
    margin-bottom:20px
}
.terms-c-single-list h5{
    font-size:20px;
    font-weight:600;
    margin-bottom:10px;
    color:#3d65fb
}
.terms-c-single-list p{
}
.terms-c-single-list-inner{
    margin-top:15px
}
.terms-c-single-list-inner li{
    font-size:16px;
    margin-bottom:5px
}
.terms-c-single-list-inner li:last-child{
    margin:0
}
.terms-c-single-list-inner li i{
    color:#3d65fb;
    font-size:18px;
    margin-right:5px
}
.footer-area{
    background:#040837;
    position:relative
}
.footer-top-inner{
    padding:50px 0 80px
}
.single-widget{
    margin-top:30px
}
.footer-logo{
    margin-bottom:15px
}
.footer-logo img{
    width:220px
}
.single-widget .widget-title{
    color:#fff;
    font-weight:700;
    font-size:25px;
    margin-bottom:25px;
    position:relative;
    padding-bottom:20px
}
.single-widget .widget-title::before{
    position:absolute;
    content:"";
    width:40%;
    height:3px;
    background:#fff;
    bottom:0;
    opacity:.1;
    left:0;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.single-widget .widget-title::after{
    position:absolute;
    content:"";
    width:20%;
    height:3px;
    background:#3d65fb;
    bottom:0;
    opacity:1;
    left:0;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.single-widget:hover .widget-title::after{
    width:40%
}
.footer-about-widget{
    margin-top:30px
}
.single-widget.about-widget{
    padding-left:30px
}
.footer-about-btn{
    margin-top:30px
}
.footer-about-btn .theme-btn{
    padding:15px 25px;
    text-transform:uppercase
}
.footer-about-btn .theme-btn:hover{
    background:#fff;
    border:2px solid transparent;
    color:#3d65fb
}
.single-widget.logo{
}
.footer-about-widget p{
    color:#fff
}
.single-widget li{
    margin-bottom:15px
}
.single-widget li:last-child{
    margin:0
}
.single-widget li a{
    color:#fff;
    font-weight:500;
    font-size:16px
}
.widget-footer-info a{
    display:block;
    color:#fff;
    margin-top:10px;
    transition:all .5s ease-in-out
}
.widget-footer-info a:hover{
    color:#3d65fb;
    padding-left:10px
}
.widget-footer-info a i{
    margin-right:5px
}
.f-contact-widget{
}
.f-contact-inner{
}
.f-contact-inner li{
    color:#fff;
    font-size:16px;
    font-weight:500;
    margin-bottom:20px;
    position:relative;
    padding-left:60px
}
.f-contact-inner li:last-child{
    margin:0
}
.f-contact-inner li i{
    position:absolute;
    content:"";
    left:0;
    width:40px;
    height:40px;
    background:#fff;
    border-radius:100%;
    color:#3d65fb;
    font-size:18px;
    line-height:40px;
    text-align:center;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    top:6px
}
.f-contact-inner li:hover i{
    background:#3d65fb;
    color:#fff
}
.f-latest-post{
}
.single-f-post{
    display:flex;
    align-items:center;
    margin-bottom:25px
}
.single-f-post:last-child{
    margin:0
}
.f-post-img{
}
.f-post-img img{
    max-width:80px;
    height:80px;
    border-radius:8px
}
.f-post-content{
    margin-left:15px
}
.f-post-content h5{
}
.f-post-content h5 a{
    color:#fff;
    font-weight:600;
    font-size:16px;
    display:block;
    margin-bottom:5px
}
.f-post-content h5 a:hover{
    color:#3d65fb
}
.f-post-date{
    color:#fff;
    font-size:14px
}
.f-post-date i{
    color:#3d65fb;
    margin-right:5px
}
.footer-social{
}
.footer-social{
    margin-top:30px
}
.footer-social li{
    display:inline-block;
    margin:0;
    margin-right:10px
}
.footer-social li:last-child{
    margin:0
}
.footer-social li a{
    width:35px;
    height:35px;
    line-height:35px;
    display:block;
    text-align:center;
    background:#3d65fb;
    color:#fff;
    font-size:15px;
    border-radius:100%;
    box-shadow:0 5px 10px #22222212
}
.footer-social li a:hover{
    background:#fff;
    color:#3d65fb;
    padding:0;
    transform:translateY(-3px)
}
.app-store-img{
    margin-top:20px
}
.app-store-img img{
    margin-top:10px
}
.copyright{
}
.copyright-inner{
    border-top:2px dashed rgba(255,255,255,.2);
    padding:25px 0
}
.copyright-text{
    color:#fff;
    font-size:15px
}
.copyright-text a{
    color:#3d65fb
}
.footer-bottom-right{
    text-align:right
}
.footer-bottom-right a{
    color:#fff;
    margin-left:10px;
    font-size:15px;
    font-weight:400
}
.footer-bottom-right a:hover{
    color:#3d65fb
}