@charset "UTF-8";
body{
    font-family:source sans pro,sans-serif;
    overflow-x:hidden
}
html{
    scroll-behavior:smooth;
    overflow-x:hidden
}
a{
    text-decoration: none !important;
}
button,input,textarea{
    border:0;
    background:0 0;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
button:focus,input:focus,textarea:focus{
    outline:none
}
a{
    display:inline-block;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
a:hover{
    text-decoration:none
}
img{
    max-width:100%
}
span{
    display:inline-block
}
@-webkit-keyframes pulse-1{
    0%{
        width:100%;
        height:100%;
        top:0;
        left:0
    }
    100%{
        width:150%;
        height:150%;
        top:-25%;
        left:-25%;
        opacity:0
    }
}
@keyframes pulse-1{
    0%{
        width:100%;
        height:100%;
        top:0;
        left:0
    }
    100%{
        width:150%;
        height:150%;
        top:-25%;
        left:-25%;
        opacity:0
    }
}
@media only screen and (min-width:1200px){
    .container{
        min-width:1200px
    }
}
.preloader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    z-index:99
}
.preloader .loader{
    width:100px;
    height:100px
}
.preloader .loader img{
    width:100%
}
.scroll-to-top{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:11;
    visibility:hidden
}
.scroll-to-top .container{
    height:100%;
    position:relative
}
.scroll-to-top .container button{
    position:absolute;
    bottom:100%;
    right:15px;
    width:55px;
    height:55px;
    line-height:50px;
    font-size:22px;
    color:#fff;
    background:#ff5e19;
    border:2px solid #fff;
    border-radius:50%;
    visibility:visible
}
.scroll-to-top .container button.active{
    bottom:20px
}
.scroll-to-top .container button:hover{
    color:#ff5e19;
    background:#fff;
    border-color:#ff5e19
}
.def-btn{
    height:60px;
    line-height:60px;
    background:-webkit-gradient(linear,right top,left top,color-stop(50%,#FF6C1C),to(#FF3A33));
    background:-webkit-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:-o-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:linear-gradient(-90deg,#FF6C1C 50%,#FF3A33);
    border-radius:5px;
    padding:0 45px;
    font-size:18px;
    font-weight:600;
    color:#fff;
    position:relative;
    z-index:2
}
.def-btn.def-btn-2{
    background: linear-gradient(-90deg,#FF6C1C 50%,#FF3A33);
}
.def-btn.def-btn-3{
    background:-webkit-gradient(linear,right top,left top,from(#3FB0F7),to(#5754FE));
    background:-webkit-linear-gradient(right,#3FB0F7,#5754FE);
    background:-o-linear-gradient(right,#3FB0F7,#5754FE);
    background:linear-gradient(-90deg,#3FB0F7,#5754FE)
}
.def-btn.def-btn-3:after{
    background:-webkit-gradient(linear,left top,right top,from(#3FB0F7),to(#5754FE));
    background:-webkit-linear-gradient(left,#3FB0F7,#5754FE);
    background:-o-linear-gradient(left,#3FB0F7,#5754FE);
    background:linear-gradient(90deg,#3FB0F7,#5754FE)
}
.def-btn:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:-webkit-gradient(linear,left top,right top,from(#FF6C1C),to(#FF3A33));
    background:-webkit-linear-gradient(left,#FF6C1C,#FF3A33);
    background:-o-linear-gradient(left,#FF6C1C,#FF3A33);
    background:linear-gradient(90deg,#FF6C1C,#FF3A33);
    border-radius:5px;
    z-index:-1;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    opacity:0
}
.def-btn:hover{
    color:#fff
}
.def-btn:hover:after{
    opacity:1
}
.heading{
    text-align:center;
    margin-bottom:80px;
    margin-top:-7px
}
.heading.heading-2 h2{
    color:#fff
}
.heading.heading-3 p{
    background:-webkit-gradient(linear,right top,left top,color-stop(50%,#FF6C1C),to(#FF3A33));
    background:-webkit-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:-o-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:linear-gradient(-90deg,#FF6C1C 50%,#FF3A33);
    -webkit-background-clip:text;
    background-clip:text
}
.heading.heading-3 h2:after{
    background:-webkit-gradient(linear,right top,left top,color-stop(50%,#FF6C1C),to(#FF3A33));
    background:-webkit-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:-o-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:linear-gradient(-90deg,#FF6C1C 50%,#FF3A33);
}
.heading p{
    display:inline-block;
    font-size:16px;
    line-height:100%;
    font-weight:700;
    color:transparent;
    letter-spacing:2px;
    background:-webkit-gradient(linear,right top,left top,color-stop(50%,#FF6C1C),to(#FF3A33));
    background:-webkit-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:-o-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:linear-gradient(-90deg,#FF6C1C 50%,#FF3A33);
    -webkit-background-clip:text;
    background-clip:text;
    margin-top:0;
    margin-bottom:22px
}
.heading h2{
    font-size:45px;
    line-height:65px;
    font-weight:700;
    color:#1d2860;
    text-transform:capitalize;
    padding-bottom:22px;
    margin-top:-7px;
    margin-bottom:0;
    position:relative
}
.heading h2:after{
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    width:50px;
    height:5px;
    border-radius:3px;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    background:-webkit-gradient(linear,right top,left top,color-stop(50%,#FF6C1C),to(#FF3A33));
    background:-webkit-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:-o-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:linear-gradient(-90deg,#FF6C1C 50%,#FF3A33)
}
.clear{
    overflow:hidden
}
.header{
/*    background: #f4f3f9a6;*/
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:11
}
.header.header-2.fixed-header{
    background:#322496
}
.header.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover{
    color:#ff4a9b
}
.header.header-2 .navbar .navbar-nav .nav-item .nav-link{
    color:#fff
}
.header.header-2 .navbar .navbar-nav .nav-item .nav-link:hover{
    color:#ff4a9b
}
.header.header-2 .nav-btn{
    background:-webkit-gradient(linear,left top,right top,from(#3FB0F7),to(#5754FE));
    background:-webkit-linear-gradient(left,#3FB0F7,#5754FE);
    background:-o-linear-gradient(left,#3FB0F7,#5754FE);
    background:linear-gradient(90deg,#3FB0F7,#5754FE);
    border:0;
    position:relative;
    z-index:2
}
.header.header-2 .nav-btn:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:-webkit-gradient(linear,right top,left top,from(#3FB0F7),to(#5754FE));
    background:-webkit-linear-gradient(right,#3FB0F7,#5754FE);
    background:-o-linear-gradient(right,#3FB0F7,#5754FE);
    background:linear-gradient(-90deg,#3FB0F7,#5754FE);
    border-radius:5px;
    opacity:0;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    z-index:-1
}
.header.header-2 .nav-btn:hover{
    background:-webkit-gradient(linear,left top,right top,from(#3FB0F7),to(#5754FE));
    background:-webkit-linear-gradient(left,#3FB0F7,#5754FE);
    background:-o-linear-gradient(left,#3FB0F7,#5754FE);
    background:linear-gradient(90deg,#3FB0F7,#5754FE);
    color:#fff
}
.header.header-2 .nav-btn:hover:after{
    opacity:1
}
.header.fixed-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    -webkit-box-shadow:0 10px 20px 0 rgba(25,25,25,.1);
    box-shadow:0 10px 20px 0 rgba(25,25,25,.1);
    background:#fff
}
.header.fixed-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{
    margin-top:-10px
}
.header.fixed-header .navbar .navbar-nav .nav-item .nav-link{
    padding:27px 21px
}
.header .logo{
    padding-right:5px
}
.header .navbar{
    padding:0;
    padding-left:9px
}
.header .navbar .navbar-nav .nav-item:last-child{
    padding-right:0
}
.header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{
    display:block;
    margin-top:-30px;
    border:0;
    border-radius:0;
    padding:0;
    width:220px;
    -webkit-box-shadow:0 10px 30px 0 rgba(25,25,25,.15);
    box-shadow:0 10px 30px 0 rgba(25,25,25,.15);
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    transition:all .3s ease-in
}
.header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item{
    font-size:16px;
    line-height:100%;
    font-weight:600;
    color:#454545;
    padding:0 20px;
    border-bottom:1px solid rgba(25,25,25,.1);
    -webkit-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    transition:all .3s ease-in
}
.header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:last-child{
    border-bottom:0
}
.header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover{
    background:0 0;
    color:#ff5e19
}
.header .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu{
    opacity:1;
    visibility:visible
}
.header .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item{
    padding:20px
}
.header .navbar .navbar-nav .nav-item .nav-link{
    padding:47px 18px;
    font-size:18px;
    line-height:100%;
    font-weight:600;
    color:#1d2860;
    position:relative
}
.header .navbar .navbar-nav .nav-item .nav-link:hover{
    color:#ff5e19 !important;
}
.header .navbar .navbar-nav .nav-item .nav-link:active{
    color: #d8622d;
}
.header .nav-btn{
    height:55px;
    line-height:53px;
    font-size:18px;
    font-weight:600;
    color:#fff;
    padding:0 40px;
    background:#1d2860;
    border:1px solid #1d2860;
    border-radius:5px
}
.header .nav-btn:hover{
    background:#fff !important;
    color:#1d2860 !important;
}
.banner{
    overflow:hidden;
    padding-top:84px;
    background:url(../images/banner-bg.jpg) center center no-repeat;
    background-size:cover
}
.banner.banner-2{
    background-image:url(../images/banner-bg-2.png);
    background-position-y:bottom
}
.banner.banner-2 .banner-txt{
    padding:185px 0
}
.banner.banner-2 .banner-txt h1,.banner.banner-2 .banner-txt p{
    color:#f3f3f9
}
.banner.banner-2 .part-img{
    margin-left:0
}
.banner .banner-txt{
    padding:175px 0
}
.banner .banner-txt h1{
    font-size:53px;
    line-height:75px;
    font-weight:900;
    color:#1d2860;
    text-transform:capitalize;
    margin-top:-18px;
    margin-bottom:19px
}
.banner .banner-txt h1 span{
    color:#ff5e19
}
.banner .banner-txt p{
    font-size:18px;
    line-height:28px;
    color:#454545;
    margin-bottom:32px
}
.banner .part-img{
    margin-left:-30px
}
.process{
    padding:120px 0
}
.process.process-2{
    background:#f8f7ff
}
.process.process-2 .boxes .single-box .wrap .part-icon{
    background:-webkit-linear-gradient(315deg,#4434BF,#211664);
    background:-o-linear-gradient(315deg,#4434BF,#211664);
    background:linear-gradient(135deg,#4434BF,#211664)
}
.process.process-2 .boxes .single-box .wrap .part-icon:after{
    background:-webkit-gradient(linear,left top,right top,from(#FF57A0),to(#FFADA7));
    background:-webkit-linear-gradient(left,#FF57A0,#FFADA7);
    background:-o-linear-gradient(left,#FF57A0,#FFADA7);
    background:linear-gradient(90deg,#FF57A0,#FFADA7)
}
.process.process-2 .boxes .single-box .wrap .part-icon span{
    color:#fff
}
.process .boxes{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.process .boxes .single-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.process .boxes .single-box.top .wrap .part-icon{
    margin-bottom:0;
    margin-top:40px
}
.process .boxes .single-box .wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.process .boxes .single-box .wrap .part-icon{
    text-align:center;
    width:110px;
    height:110px;
    line-height:110px;
    background:#f2f2f9;
    border-radius:50%;
    margin-bottom:40px;
    position:relative;
    z-index:2
}
.process .boxes .single-box .wrap .part-icon:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:-webkit-gradient(linear,right top,left top,color-stop(50%,#FF6C1C),to(#FF3A33));
    background:-webkit-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:-o-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:linear-gradient(-90deg,#FF6C1C 50%,#FF3A33);
    border-radius:50%;
    opacity:0;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    z-index:-1
}
.process .boxes .single-box .wrap .part-icon span{
    font-size:45px;
    color:transparent;
    background:-webkit-gradient(linear,right top,left top,color-stop(50%,#FF6C1C),to(#FF3A33));
    background:-webkit-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:-o-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:linear-gradient(-90deg,#FF6C1C 50%,#FF3A33);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.process .boxes .single-box .wrap .part-txt{
    text-align:center
}
.process .boxes .single-box .wrap .part-txt h3{
    font-size:25px;
    line-height:100%;
    font-weight:700;
    color:#1d2860;
    margin-top:-5px;
    margin-bottom:-4px
}
.process .boxes .single-box .wrap:hover .part-icon:after{
    opacity:1
}
.process .boxes .single-box .wrap:hover .part-icon span{
    color:#fff
}
.process .boxes .single-box .arrow{
    margin-left:60px
}
.process .boxes .single-box .arrow.rotate{
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
.service{
    padding:120px 0;
    background:url(../images/service-bg.jpg) center center no-repeat;
    background-size:cover
}
.service .single-box{
    background:#2a3778;
    padding:65px 55px;
    border-radius:5px;
    position:relative;
    z-index:2;
    margin-bottom: 30px;
}
.service .single-box:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
   border: 2px solid #FF6C1C;
    border-radius:5px;
    opacity:0;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    z-index:-1
}
.service .single-box .part-icon{
    margin-bottom:38px
}
.service .single-box .part-icon span{
    font-size:60px;
    line-height:100%;
    color:transparent;
    background:-webkit-gradient(linear,right top,left top,color-stop(50%,#FF6C1C),to(#FF3A33));
    background:-webkit-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:-o-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:linear-gradient(-90deg,#FF6C1C 50%,#FF3A33);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.service .single-box .part-txt a{
    font-size:30px;
    line-height:100%;
    font-weight:700;
    color:#fff;
    margin-bottom:23px
}
.service .single-box .part-txt p{
    font-size:18px;
    line-height:28px;
    color:#fff;
    margin-bottom:-8px
}
.service .single-box:hover:after{
    opacity:1
}
.service .single-box:hover .part-icon span{
    color:#fff
}
.service-2{
    padding:120px 0
}
.service-2.service-inner .all-service .single-box{
    margin-bottom:30px
}
.service-2.service-inner .all-service .single-box:hover{
    background:#211664
}
.service-2.service-inner .all-service .single-box:hover .part-txt h3,.service-2.service-inner .all-service .single-box:hover .part-txt p{
    color:#fff
}
.service-2.service-inner .all-service .single-box:hover .service-view{
    color: white !important;
    border: 4px solid #FF3A33;
}
.service-2.service-inner .all-service .single-box:hover .part-txt a{
    color:#ff57a0
}
.service-2.service-inner .all-service .single-box:hover .part-txt a:before{
    background:#fff;
    opacity:.15
}
.service-2.service-inner .all-service .def-btn{
    margin-top:30px
}
.service-2 .all-service .center .single-box{
    background:#211664
}
.service-2 .all-service .center .single-box .part-txt h3,.service-2 .all-service .center .single-box .part-txt p{
    color:#fff
}
.service-2 .all-service .center .single-box .part-txt a{
    color:#ff57a0
}
.service-2 .all-service .center .single-box .part-txt a:before{
    background:#fff;
    opacity:.15
}
.service-2 .all-service .single-box{
    background:#f8f7ff;
    border-radius:5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:45px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.service-2 .all-service .single-box .part-img{
    margin-bottom:35px
}
.service-2 .all-service .single-box .part-txt{
    text-align:center
}
.service-2 .all-service .single-box .part-txt h3{
    font-size:32px;
    line-height:100%;
    font-weight:700;
    color:#1d2860;
    margin-top:-4px;
    margin-bottom:23px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.service-2 .all-service .single-box .part-txt p{
    font-size:18px;
    line-height:28px;
    color:#454545;
    margin-bottom:19px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.service-2 .all-service .single-box .part-txt a{
    height:30px;
    line-height:30px;
    font-size:18px;
    font-weight:700;
    color:#1d2860;
    padding:0 10px;
    position:relative;
    z-index:2
}
.service-2 .all-service .single-box .part-txt a:before{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:50%;
    background:-webkit-gradient(linear,left top,right top,from(#FF57A0),to(#FFADA7));
    background:-webkit-linear-gradient(left,#FF57A0,#FFADA7);
    background:-o-linear-gradient(left,#FF57A0,#FFADA7);
    background:linear-gradient(90deg,#FF57A0,#FFADA7);
    opacity:.5;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    z-index:-1
}
.service-2 .all-service .single-box .part-txt a:hover:before{
    height:100%
}
.service-2 .all-service .single-box .part-txt a:hover{
    color: #ff5e19;
}
.service-2 .all-service .owl-nav{
    padding-top:60px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.service-2 .all-service .owl-nav button{
    text-align:center;
    width:50px;
    height:50px;
    line-height:50px;
    border:1px solid #c9c9c9;
    border-radius:50%;
    font-size:18px;
    color:#1d2860;
    position:relative;
    z-index:2
}
.service-2 .all-service .owl-nav button:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:-webkit-gradient(linear,left top,right top,from(#FF57A0),to(#FFADA7));
    background:-webkit-linear-gradient(left,#FF57A0,#FFADA7);
    background:-o-linear-gradient(left,#FF57A0,#FFADA7);
    background:linear-gradient(90deg,#FF57A0,#FFADA7);
    border-radius:50%;
    opacity:0;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    z-index:-1
}
.service-2 .all-service .owl-nav button.owl-prev{
    margin-right:20px
}
.service-2 .all-service .owl-nav button:hover{
    color:#fff;
    border-color:transparent
}
.service-2 .all-service .owl-nav button:hover:after{
    opacity:1
}
.choosing-reason{
    padding:120px 0
}
.choosing-reason.choosing-reason-2 .part-txt{
    margin-left:0;
    margin-right:-30px
}
.choosing-reason.choosing-reason-2 .part-txt .def-btn{
    margin-top:22px
}
.choosing-reason .part-img{
    margin-right:-30px
}
.choosing-reason .part-img img{
    width:100%
}
.choosing-reason .part-txt{
    margin-left:-30px
}
.choosing-reason .part-txt .heading{
    text-align:left;
    margin-bottom:38px
}
.choosing-reason .part-txt .heading h2:after{
    left:0;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.choosing-reason .part-txt .txt p{
    font-size:18px;
    line-height:28px;
    color:#454545;
    margin-bottom:15px
}
.choosing-reason .part-txt .txt ul{
    padding-top:21px;
    padding-left:0;
    margin-bottom:-23px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.choosing-reason .part-txt .txt ul li{
    list-style:none;
    width:50%;
    font-size:25px;
    line-height:100%;
    font-weight:700;
    color:#1d2860;
    margin-bottom:21px
}
.choosing-reason .part-txt .txt ul li span{
    color:transparent;
    background:-webkit-gradient(linear,right top,left top,color-stop(50%,#FF6C1C),to(#FF3A33));
    background:-webkit-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:-o-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:linear-gradient(-90deg,#FF6C1C 50%,#FF3A33);
    -webkit-background-clip:text;
    background-clip:text;
    margin-right:16px
}
.portfolio{
    background:#f2f2f9;
    padding:120px 0
}
.portfolio .slider-wrap{
    max-width:1392px;
    margin:0 auto
}
.portfolio .slider-wrap .portfolio-slider .center .single-box .part-txt{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
.portfolio .slider-wrap .portfolio-slider .single-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.portfolio .slider-wrap .portfolio-slider .single-box .part-img{
    border-radius:5px;
    overflow:hidden
}
.portfolio .slider-wrap .portfolio-slider .single-box .part-txt{
    background:#fff;
    border-radius:5px;
    text-align:center;
    padding:20px 60px;
    margin-top:-42px;
    -webkit-transition:all .4s ease-in;
    -o-transition:all .4s ease-in;
    transition:all .4s ease-in;
    -webkit-transform:translateY(42px);
    -ms-transform:translateY(42px);
    transform:translateY(42px);
    opacity:0
}
.portfolio .slider-wrap .portfolio-slider .single-box .part-txt a{
    display:block;
    font-size:23px;
    line-height:100%;
    font-weight:700;
    color:#1d2860;
    margin-top:-4px;
    margin-bottom:14px
}
.portfolio .slider-wrap .portfolio-slider .single-box .part-txt p{
    font-size:16px;
    line-height:100%;
    color:#ff5e19;
    margin-bottom:-2px
}
.portfolio .slider-wrap .portfolio-slider .owl-dots{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-top:60px
}
.portfolio .slider-wrap .portfolio-slider .owl-dots .owl-dot{
    width:12px;
    height:12px;
    background:#c5c5dc;
    border-radius:50%;
    margin-right:15px
}
.portfolio .slider-wrap .portfolio-slider .owl-dots .owl-dot:last-child{
    margin-right:0
}
.portfolio .slider-wrap .portfolio-slider .owl-dots .owl-dot.active{
    background:#ff5e19
}
.portfolio-2{
    padding-top:120px;
    padding-bottom:90px;
    background:url(../images/service-bg.jpg) center center no-repeat;
    background-size:cover;
}
.portfolio-2.portfolio-inner{
    padding-bottom:120px
}
.portfolio-2 .single-box{
    border-radius:5px;
    overflow:hidden;
    margin-bottom:30px;
    position:relative
}
.portfolio-2 .single-box:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#211664;
    opacity:0;
    -webkit-transition:all .4s ease-in;
    -o-transition:all .4s ease-in;
    transition:all .4s ease-in;
    z-index:1
}
.portfolio-2 .single-box .part-img img{
    width:100%
}
.portfolio-2 .single-box .part-txt{
    position:absolute;
    top:30%;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    opacity:0;
    z-index:2;
    -webkit-transition:all .4s ease-in;
    -o-transition:all .4s ease-in;
    transition:all .4s ease-in
}
.portfolio-2 .single-box .part-txt b{
    font-size:30px;
    line-height:100%;
    font-weight:700;
    color:#fff;
    margin-bottom:18px
}
.portfolio-2 .single-box .part-txt p{
    font-size:16px;
    line-height:100%;
    color:#ff442f;
    padding-bottom:2px;
    margin-bottom:0
}
.portfolio-2 .single-box:hover:after{
    opacity:.9
}
.portfolio-2 .single-box:hover .part-txt{
    top:0;
    opacity:1
}
.testimonial{
    padding:120px 0
}
.testimonial .comment-slider .center .single-comment{
    background:#f2f2f9
}
.testimonial .comment-slider .single-comment{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:20px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    border-radius: 100%;
    transition: .4s;
    border: 3px solid;
    height: 150px;
    width: 150px;
}
.testimonial .comment-slider .single-comment .part-img{
    width:80px;
    height:80px;
    position:relative;
    margin-bottom:42px
}
.testimonial .comment-slider .single-comment .part-img:after{
    content:"“";
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    bottom:-20px;
    width:35px;
    height:35px;
    background:-webkit-gradient(linear,right top,left top,color-stop(50%,#FF6C1C),to(#FF3A33));
    background:-webkit-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:-o-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:linear-gradient(-90deg,#FF6C1C 50%,#FF3A33);
    border:2px solid #fff;
    border-radius:50%;
    text-align:center;
    font-size:34px;
    line-height:40px;
    font-weight:700;
    color:#fff
}
.testimonial .comment-slider .single-comment .part-img img{
    border-radius:50%
}
.testimonial .comment-slider .single-comment .part-txt{
    text-align:center;
    margin-bottom:-6px
}
.testimonial .comment-slider .single-comment .part-txt p{
    font-size:16px;
    line-height:26px;
    color:#454545;
    margin-bottom:19px
}
.testimonial .comment-slider .single-comment .part-txt h3{
    font-size:23px;
    line-height:100%;
    font-weight:700;
    color:#1d2860;
    margin-bottom:10px
}
.testimonial .comment-slider .single-comment .part-txt span{
    font-size:16px;
    line-height:100%;
    color:#ff5e19
}
.testimonial .comment-slider .owl-dots{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-top:60px
}
.testimonial .comment-slider .owl-dots .owl-dot{
    width:12px;
    height:12px;
    background:#c5c5dc;
    border-radius:50%;
    margin-right:15px
}
.testimonial .comment-slider .owl-dots .owl-dot:last-child{
    margin-right:0
}
.testimonial .comment-slider .owl-dots .owl-dot.active{
    background:#ff5e19
}
.testimonial .client-area{
    margin-right:-30px
}
.testimonial .client-area.client-area-2{
    margin-right:0;
    margin-left:-30px
}
.testimonial .client-area .clients{
    margin-bottom:-20px
}
.testimonial .client-area .clients .part-img{
    width:100px;
    height:100px;
    border-radius:50%;
    overflow:hidden;
    cursor:pointer;
    margin-bottom:20px
}
.testimonial .comment-area{
    margin:0 -30px
}
.testimonial .comment-area .comment-slider-2{
    width:100%
}
.testimonial .comment-area .comment-slider-2 .single-comment{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:#f2f2f9;
    border-radius:10px;
    padding:65px 55px
}
.testimonial .comment-area .comment-slider-2 .single-comment .part-img{
    width:200px;
    height:200px;
    margin-right:50px;
    position:relative
}
.testimonial .comment-area .comment-slider-2 .single-comment .part-img:after{
    content:"“";
    position:absolute;
    bottom:0;
    right:12px;
    width:48px;
    height:48px;
    background:-webkit-gradient(linear,left top,right top,from(#FF57A0),to(#FFADA7));
    background:-webkit-linear-gradient(left,#FF57A0,#FFADA7);
    background:-o-linear-gradient(left,#FF57A0,#FFADA7);
    background:linear-gradient(90deg,#FF57A0,#FFADA7);
    border:2px solid #fff;
    border-radius:50%;
    text-align:center;
    font-size:47px;
    line-height:125%;
    font-weight:700;
    color:#fff
}
.testimonial .comment-area .comment-slider-2 .single-comment .part-img img{
    border-radius:50%
}
.testimonial .comment-area .comment-slider-2 .single-comment .part-txt{
    width:470px;
    margin-top:-8px;
    margin-bottom:-6px
}
.testimonial .comment-area .comment-slider-2 .single-comment .part-txt p{
    font-size:20px;
    line-height:30px;
    font-weight:600;
    color:#454545;
    margin-bottom:28px
}
.testimonial .comment-area .comment-slider-2 .single-comment .part-txt h3{
    font-size:28px;
    line-height:100%;
    font-weight:700;
    color:#0b193b;
    margin-bottom:9px
}
.testimonial .comment-area .comment-slider-2 .single-comment .part-txt span{
    font-size:16px;
    line-height:100%;
    color:#ff5e19
}
.cta{
    background:-webkit-gradient(linear,right top,left top,color-stop(50%,#FF6C1C),to(#FF3A33));
    background:-webkit-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:-o-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:linear-gradient(-90deg,#FF6C1C 50%,#FF3A33);
    padding:65px 0
}
.cta.cta-2{
    background:-webkit-gradient(linear,right top,left top,from(#3FB0F7),to(#5754FE));
    background:-webkit-linear-gradient(right,#3FB0F7,#5754FE);
    background:-o-linear-gradient(right,#3FB0F7,#5754FE);
    background:linear-gradient(-90deg,#3FB0F7,#5754FE)
}
.cta.cta-3{
    background: linear-gradient(-90deg,#FF6C1C 50%,#FF3A33);
}
.cta .part-txt{
    padding-left:70px
}
.cta .part-txt h2{
    font-size:37px;
    line-height:60px;
    font-weight:700;
    color:#fff;
    margin-top:-12px;
    margin-bottom:-12px
}
.cta .part-btn{
    padding-right:70px
}
.cta .part-btn a{
    height:60px;
    line-height:60px;
    font-size:16px;
    font-weight:600;
    color:#191919 !important;
    background:#fff !important;
    border-radius:5px;
    padding:0 45px
}
.cta .part-btn a:hover{
    background:#1d2860 !important;
    color:#fff !important;
}
.blog{
    padding:120px 0
}
.blog.blog-2 .single-box .part-txt .date .color{
    color:#5754fe
}
.blog.blog-2 .single-box .part-txt a:after{
    background:-webkit-gradient(linear,left top,right top,from(#FF57A0),to(#FFADA7));
    background:-webkit-linear-gradient(left,#FF57A0,#FFADA7);
    background:-o-linear-gradient(left,#FF57A0,#FFADA7);
    background:linear-gradient(90deg,#FF57A0,#FFADA7)
}
.blog .single-box .part-img{
    border-radius:5px;
    overflow:hidden;
    margin-bottom:30px
}
.blog .single-box .part-txt{
    margin-top:-5px
}
.blog .single-box .part-txt .date{
    font-size:18px;
    line-height:100%;
    color:#656565;
    margin-bottom:19px
}
.blog .single-box .part-txt .date .color{
    font-weight:700;
    color:#ff5e19;
    margin-right:7px
}
.blog .single-box .part-txt h3{
    font-size:20px;
    line-height:30px;
    font-weight:700;
    color:#1d2860;
    margin-bottom:15px
}
.blog .single-box .part-txt p{
    font-size:18px;
    line-height:28px;
    color:#454545;
    margin-bottom:22px
}
.blog .single-box .part-txt a{
    height:50px;
    line-height:50px;
    padding:0 20px;
    background:#f2f2f9;
    border-radius:5px;
    font-size:17px;
    font-weight:600;
    color:#191919;
    position:relative;
    z-index:2
}
.blog .single-box .part-txt a:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:-webkit-gradient(linear,right top,left top,color-stop(50%,#FF6C1C),to(#FF3A33));
    background:-webkit-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:-o-linear-gradient(right,#FF6C1C 50%,#FF3A33);
    background:linear-gradient(-90deg,#FF6C1C 50%,#FF3A33);
    border-radius:5px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    opacity:0;
    z-index:-1
}
.blog .single-box .part-txt a:hover{
    color:#fff
}
.blog .single-box .part-txt a:hover:after{
    opacity:1
}
.footer.footer-2{
    background:url(../images/footer-bg.jpg) center center no-repeat;
    background-size:cover
}
.footer.footer-2 .main-footer{
    background:0 0
}
.footer.footer-2 .main-footer .info .part-txt p{
    color:#e7e7e7
}
.footer.footer-2 .main-footer .links ul li a{
    color:#e7e7e7
}
.footer.footer-2 .main-footer .links ul li a:hover{
    color:#ff368b
}
.footer.footer-2 .copyright{
    background:#211664
}
.footer .main-footer{
    padding:120px 0;
    background:#191919
}
.footer .main-footer .info .logo{
/*    width:165px;*/
    margin-bottom:31px
}
.footer .main-footer .info .part-txt p{
    font-size:14px !important;
    line-height:30px;
    color: white;
    margin-bottom:12px;
}
.footer .main-footer .info .part-txt p:last-child{
    margin-bottom:-9px
}
.footer .main-footer .links{
    margin-bottom:-11px
}
.footer .main-footer .links h3{
    font-size:23px;
    line-height:100%;
    font-weight:700;
    color:#fff;
    margin-top:-4px;
    margin-bottom:36px
}
.footer .main-footer .links ul{
    padding:0;
    margin:0
}
.footer .main-footer .links ul li{
    list-style:none
}
.footer .main-footer .links ul li a{
    font-size:14px;
    line-height:40px;
    color:#c9c9c9
}
.footer .main-footer .links ul li a:hover{
    color:#ff5e19
}
.footer .copyright{
    background:#222;
    text-align:center
}
.footer .copyright p{
    font-size:16px;
    line-height:100%;
    color:#fff;
    margin-top:0;
    padding-top:26px;
    margin-bottom:0;
    padding-bottom:28px
}
.breadcrumb{
    padding:84px 0 0;
    margin:0;
    background:url(../images/banner-bg.jpg) ;
    background-size: 100% 100%;
    border-radius:0;
    margin-bottom: 0px !important;
}
.breadcrumb .part-txt{
    text-align:center;
    padding:105px 0
}
.breadcrumb .part-txt h1{
    font-size:38px;
    line-height:100%;
    font-weight:900;
    color: #1d2860;
    margin-top:34px;
    margin-bottom:39px
}
.breadcrumb .part-txt ul{
    padding:0;
    margin-bottom:-3px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.breadcrumb .part-txt ul li{
    margin-top: 4px;
    list-style:none;
    font-size:19px;
    line-height:100%;
    font-weight:600;
    color:#fff;
    margin-right:10px;
    color: #1d2860;
}
.breadcrumb .part-txt ul li.color{
    color: #ff422f;
    margin-right:0
}
.about{
    padding:120px 0;
    padding-bottom: 0px;
}
.about .part-img img{
    width:100%
}
.about .part-txt{
    margin-left:-30px
}
.about .part-txt .heading{
    text-align:left;
    margin-bottom:31px
}
.about .part-txt .heading h2{
    font-size:40px;
    line-height:50px;
    padding:0;
    margin-top:-5px
}
.about .part-txt .heading h2:after{
    display:none
}
.about .part-txt .txt p{
    font-size:16px;
    line-height:26px;
    color:#454545;
    margin-bottom:15px
}
.about .part-txt .txt .def-btn{
    margin-top:18px
}
.team{
    padding:120px 0
}
.team .single-box{
    width:330px
}
.team .single-box .part-img{
    margin:0 -3px
}
.team .single-box .part-img img{
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    border-bottom:2px solid transparent
}
.team .single-box .part-txt{
    text-align:center;
    padding:30px 0;
    position:relative;
    z-index:-1
}
.team .single-box .part-txt:before{
    content:"";
    position:absolute;
    top:-121px;
    left:26.8px;
    right:26.8px;
    bottom:21px;
    background:#f8f7ff;
    border-radius:5px;
    -webkit-transform:perspective(50px) rotateX(4.6deg);
    transform:perspective(50px) rotateX(4.6deg);
    z-index:-1
}
.team .single-box .part-txt:after{
    content:"";
    position:absolute;
    top:-121px;
    left:26.8px;
    right:26.8px;
    bottom:21px;
    background:-webkit-gradient(linear,left top,right top,from(#FF57A0),to(#FFADA7));
    background:-webkit-linear-gradient(left,#FF57A0,#FFADA7);
    background:-o-linear-gradient(left,#FF57A0,#FFADA7);
    background:linear-gradient(90deg,#FF57A0,#FFADA7);
    border-radius:5px;
    -webkit-transform:perspective(0) rotateX(0);
    transform:perspective(0) rotateX(0);
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    opacity:0;
    z-index:-1
}
.team .single-box .part-txt h3{
    font-size:28px;
    line-height:100%;
    font-weight:700;
    color:#211664;
    margin-top:-4px;
    margin-bottom:13px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.team .single-box .part-txt p{
    font-size:16px;
    line-height:100%;
    color:#ff4a9b;
    margin-bottom:-2px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.team .single-box:hover .part-txt:after{
    -webkit-transform:perspective(50px) rotateX(4.6deg);
    transform:perspective(50px) rotateX(4.6deg);
    opacity:1
}
.team .single-box:hover .part-txt h3,.team .single-box:hover .part-txt p{
    color:#fff
}
.service-details{
    padding:120px 0
}
.service-details .main-content{
    margin-right:-30px
}
.service-details .main-content .part-txt{
    margin-bottom:38px
}
.service-details .main-content .part-txt.part-txt-2{
    margin-bottom:-27px
}
.service-details .main-content .part-txt h2{
    font-size:35px;
    line-height:45px;
    font-weight:700;
    color:#211664;
    text-transform:capitalize;
    margin-top:-9px;
    margin-bottom:26px
}
.service-details .main-content .part-txt p{
    font-size:16px;
    line-height:26px;
    color:#656565;
    margin-bottom:20px
}
.service-details .main-content .part-txt h3{
    font-size:30px;
    line-height:40px;
    font-weight:700;
    color:#211664;
    text-transform:capitalize;
    margin-top:-5px;
    margin-bottom:28px
}
.service-details .main-content .part-img{
    border-radius:10px;
    overflow:hidden;
    margin: 40px 0px;
    text-align: center;
}
.service-details .main-content .img{
    border-radius:10px;
    overflow:hidden;
    margin-bottom:45px
}
.service-details .sidebar{
    margin-left:-30px
}
.service-details .sidebar h2{
    font-size:25px;
    line-height:100%;
    font-weight:700;
    color:#1d2860;
    margin-top:-5px;
    margin-bottom:26px
}
.service-details .sidebar .nav .nav-link{
    height:55px;
    line-height:55px;
    font-size:18px;
    color:#211664 !important;
    padding:0 15px;
    background:#f8f7ff;
    border-radius:5px;
    margin-bottom:12px;
    -webkit-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    transition:all .3s ease-in;
    position:relative;
    z-index:2
}
.service-details .sidebar .nav .nav-link:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    background: linear-gradient(-90deg,#FF6C1C 50%,#FF3A33);
    border-radius:5px;
    -webkit-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    transition:all .3s ease-in;
    z-index:-1
}
.service-details .sidebar .nav .nav-link:last-child{
    margin-bottom:0
}
.service-details .sidebar .nav .nav-link span{
    font-size:17px;
    margin-right:15px
}
.service-details .sidebar .nav .nav-link.active{
    color:#fff !important; 
}
.service-details .sidebar .nav .nav-link.active:after{
    width:100%
}
.project-details{
    padding-top: 112px;
}
.project-details .main-img{
    border-radius:10px;
    overflow:hidden;
    margin-bottom:70px
}
.project-details .main-img .project-details-slider .single-box{
    width:570px;
    border-radius:10px;
    overflow:hidden
}
.project-details .main-txt{
    padding-bottom:70px
}
.project-details .main-txt .information{
    padding:55px 70px;
    background:#f8f7ff;
    border-radius:10px
}
.project-details .main-txt .information h3{
    font-size:30px;
    line-height:100%;
    font-weight:700;
    color:#211664;
    margin-top:-5px;
    margin-bottom:27px
}
.project-details .main-txt .information ul{
    padding:0;
    margin:0
}
.project-details .main-txt .information ul li{
    list-style:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:17px;
    line-height:29px;
    color:#656565;
    margin-bottom:8px
}
.project-details .main-txt .information ul li:last-child{
    margin-bottom:-9px
}
.divide{
    margin: 0px 25px;
}
.specs{
    font-size: 16px;
}
.project-details .main-txt .information ul li .strong{
    min-width:80px;
    font-weight:600;
    color:#211664
}
/* .project-details .main-txt .information ul li .divider{
    font-weight:700;
    margin-right:30px
} */
.project-details .main-txt .txt{
    padding-left:40px;
    margin-bottom:-27px
}
.project-details .main-txt .txt h2{
    font-size:40px;
    line-height:100%;
    font-weight:700;
    color:#211664;
    margin-top:-6px;
    margin-bottom:26px
}
.project-details .main-txt .txt p{
    font-size:16px;
    line-height:26px;
    color:#656565;
    margin-bottom:20px
}
.project-details .overview{
    background:#f8f7ff;
    border-radius:10px;
    padding:50px 70px;
    margin-bottom:120px
}
.project-details .overview .txt{
    margin-bottom:-22px
}
.project-details .overview .txt h2{
    font-size:30px;
    line-height:38px;
    font-weight:700;
    color:#211664;
    margin-top:-5px;
    margin-bottom:18px
}
.project-details .overview .txt p{
    font-size:16px;
    line-height:26px;
    color:#656565;
    margin-bottom:15px
}
.project-details .related-project .title{
    margin-bottom:70px
}
.project-details .related-project .title h2{
    font-size:55px;
    line-height:100%;
    font-weight:700;
    color:#211664;
    margin-top:-8px;
    margin-bottom:-8px
}
.project-details .related-project .portfolio-2{
    padding:0;
    background:0 0
}
.project-details .related-project .portfolio-2 .single-box{
    margin-bottom:0
}
.project-details .related-project .portfolio-2 .owl-nav{
    position:absolute;
    top:-109px;
    right:0
}
.project-details .related-project .portfolio-2 .owl-nav button{
    text-align:center;
    width:52px;
    height:52px;
    line-height:50px;
    border:2px solid #efeef7;
    border-radius:50%;
    font-size:18px;
    color:#211664;
    position:relative;
    z-index:1
}
.project-details .related-project .portfolio-2 .owl-nav button.owl-prev{
    margin-right:20px
}
.project-details .related-project .portfolio-2 .owl-nav button:after{
    content:"";
    position:absolute;
    top:-2px;
    left:-2px;
    width:52px;
    height:52px;
    background:-webkit-gradient(linear,left top,right top,from(#FF57A0),to(#FFADA7));
    background:-webkit-linear-gradient(left,#FF57A0,#FFADA7);
    background:-o-linear-gradient(left,#FF57A0,#FFADA7);
    background:linear-gradient(90deg,#FF57A0,#FFADA7);
    border-radius:50%;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    opacity:0;
    z-index:-1
}
.project-details .related-project .portfolio-2 .owl-nav button:hover{
    color:#fff
}
.project-details .related-project .portfolio-2 .owl-nav button:hover:after{
    opacity:1
}
.faq{
    padding:120px 0
}
.faq .main-content{
    margin-left:-30px
}
.faq .main-content .content .single-box{
    background:#f8f7ff;
    border-radius:5px;
    margin-bottom:20px;
    padding:40px 50px;
    position:relative;
    z-index:2
}
.faq .main-content .content .single-box:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:-webkit-linear-gradient(225deg,#4434BF,#211664);
    background:-o-linear-gradient(225deg,#4434BF,#211664);
    background:linear-gradient(-135deg,#4434BF,#211664);
    border-radius:5px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    opacity:0;
    z-index:-1
}
.faq .main-content .content .single-box h2{
    display:inline-block;
    font-size:25px;
    line-height:100%;
    font-weight:700;
    color:#211664;
    background:-webkit-gradient(linear,left top,right top,from(#FF57A0),to(#FFADA7));
    background:-webkit-linear-gradient(left,#FF57A0,#FFADA7);
    background:-o-linear-gradient(left,#FF57A0,#FFADA7);
    background:linear-gradient(90deg,#FF57A0,#FFADA7);
    -webkit-background-clip:text;
    background-clip:text;
    margin-top:-3px;
    margin-bottom:18px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.faq .main-content .content .single-box p{
    font-size:16px;
    line-height:26px;
    color:#656565;
    margin-bottom:-7px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.faq .main-content .content .single-box:hover:after{
    opacity:1
}
.faq .main-content .content .single-box:hover h2{
    color:transparent
}
.faq .main-content .content .single-box:hover p{
    color:#fff
}
.faq .main-content .content .pagination a{
    text-align:center;
    width:52px;
    height:52px;
    line-height:52px;
    background:#f8f7ff;
    border-radius:5px;
    margin-right:15px;
    font-size:16px;
    font-weight:600;
    color:#211664;
    position:relative;
    z-index:2
}
.faq .main-content .content .pagination a:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:-webkit-gradient(linear,left top,right top,from(#3FB0F7),to(#5754FE));
    background:-webkit-linear-gradient(left,#3FB0F7,#5754FE);
    background:-o-linear-gradient(left,#3FB0F7,#5754FE);
    background:linear-gradient(90deg,#3FB0F7,#5754FE);
    border-radius:5px;
    opacity:0;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    z-index:-1
}
.faq .main-content .content .pagination a:last-child{
    margin-right:0
}
.faq .main-content .content .pagination a:hover{
    color:#fff
}
.faq .main-content .content .pagination a:hover:after{
    opacity:1
}
.faq .sidebar{
    margin-right:-30px
}
.faq .sidebar h2{
    font-size:30px;
    line-height:100%;
    font-weight:700;
    color:#1d2860;
    margin-top:-5px;
    margin-bottom:26px
}
.faq .sidebar .nav .nav-link{
    height:55px;
    line-height:55px;
    font-size:18px;
    color:#211664;
    padding:0 30px;
    background:#f8f7ff;
    border-radius:5px;
    margin-bottom:12px;
    -webkit-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    transition:all .3s ease-in;
    position:relative;
    z-index:2
}
.faq .sidebar .nav .nav-link:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    background:-webkit-gradient(linear,left top,right top,from(#FF57A0),to(#FFADA7));
    background:-webkit-linear-gradient(left,#FF57A0,#FFADA7);
    background:-o-linear-gradient(left,#FF57A0,#FFADA7);
    background:linear-gradient(90deg,#FF57A0,#FFADA7);
    border-radius:5px;
    -webkit-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    transition:all .3s ease-in;
    z-index:-1
}
.faq .sidebar .nav .nav-link:last-child{
    margin-bottom:0
}
.faq .sidebar .nav .nav-link span{
    font-size:17px;
    margin-right:15px
}
.faq .sidebar .nav .nav-link.active{
    color:#fff
}
.faq .sidebar .nav .nav-link.active:after{
    width:100%
}
.blog-inner .main-content .single-box{
    margin-bottom:50px
}
.blog-inner .main-content .pagination{
    padding-top:30px
}
.blog-inner .main-content .pagination a{
    text-align:center;
    width:52px;
    height:52px;
    line-height:52px;
    background:#f8f7ff;
    border-radius:5px;
    margin-right:15px;
    font-size:16px;
    font-weight:600;
    color:#211664;
    position:relative;
    z-index:2
}
.blog-inner .main-content .pagination a:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:-webkit-gradient(linear,left top,right top,from(#3FB0F7),to(#5754FE));
    background:-webkit-linear-gradient(left,#3FB0F7,#5754FE);
    background:-o-linear-gradient(left,#3FB0F7,#5754FE);
    background:linear-gradient(90deg,#3FB0F7,#5754FE);
    border-radius:5px;
    opacity:0;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    z-index:-1
}
.blog-inner .main-content .pagination a:last-child{
    margin-right:0
}
.blog-inner .main-content .pagination a:hover{
    color:#fff
}
.blog-inner .main-content .pagination a:hover:after{
    opacity:1
}
.blog-inner .sidebar{
    margin-left:-30px
}
.blog-inner .sidebar .search-box{
    margin-bottom:40px
}
.blog-inner .sidebar .search-box form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background:#f8f7ff;
    border-radius:5px;
    padding:0 30px
}
.blog-inner .sidebar .search-box form input{
    width:100%;
    padding:0;
    font-size:18px;
    color:#211664
}
.blog-inner .sidebar .search-box form input::-webkit-input-placeholder{
    color:#656565
}
.blog-inner .sidebar .search-box form input:-ms-input-placeholder{
    color:#656565
}
.blog-inner .sidebar .search-box form input::-ms-input-placeholder{
    color:#656565
}
.blog-inner .sidebar .search-box form input::placeholder{
    color:#656565
}
.blog-inner .sidebar .search-box form button{
    padding-right:0;
    padding-left:10px;
    height:60px;
    font-size:17px;
    color:#211664
}
.blog-inner .sidebar h3{
    font-size:25px;
    line-height:100%;
    font-weight:700;
    color:#1d2860;
    margin-top:-5px;
    margin-bottom:26px
}
.blog-inner .sidebar .category{
    margin-bottom:40px
}
.blog-inner .sidebar .category ul{
    padding:0;
    margin:0
}
.blog-inner .sidebar .category ul li{
    list-style:none;
    margin-bottom:12px
}
.blog-inner .sidebar .category ul li:last-child{
    margin-bottom:0
}
.blog-inner .sidebar .category ul li a{
    display:block;
    height:55px;
    line-height:55px;
    font-size:18px;
    color:#211664;
    padding:0 30px;
    background:#f8f7ff;
    border-radius:5px;
    -webkit-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    transition:all .3s ease-in;
    position:relative;
    z-index:2
}
.blog-inner .sidebar .category ul li a:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    background:-webkit-gradient(linear,left top,right top,from(#FF57A0),to(#FFADA7));
    background:-webkit-linear-gradient(left,#FF57A0,#FFADA7);
    background:-o-linear-gradient(left,#FF57A0,#FFADA7);
    background:linear-gradient(90deg,#FF57A0,#FFADA7);
    border-radius:5px;
    -webkit-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    transition:all .3s ease-in;
    z-index:-1
}
.blog-inner .sidebar .category ul li a span{
    font-size:17px;
    margin-right:15px
}
.blog-inner .sidebar .category ul li a:hover{
    color:#fff
}
.blog-inner .sidebar .category ul li a:hover:after{
    width:100%
}
.blog-inner .sidebar .recent-post{
    margin-bottom:40px
}
.blog-inner .sidebar .recent-post ul{
    padding:15px 30px;
    margin:0;
    background:#f8f7ff
}
.blog-inner .sidebar .recent-post ul li{
    list-style:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:15px 0
}
.blog-inner .sidebar .recent-post ul li .img{
    width:62px;
    height:62px;
    border-radius:50%;
    overflow:hidden;
    margin-right:20px
}
.blog-inner .sidebar .recent-post ul li .txt{
    width:158px
}
.blog-inner .sidebar .recent-post ul li .txt a{
    font-size:16px;
    line-height:25px;
    font-weight:600;
    color:#211664;
    margin-top:-7px;
    margin-bottom:8px
}
.blog-inner .sidebar .recent-post ul li .txt a:hover{
    color:#5754fe
}
.blog-inner .sidebar .recent-post ul li .txt span{
    display:block;
    font-size:14px;
    line-height:100%;
    color:#ff57a0;
    margin-bottom:-3px
}
.blog-inner .sidebar .recent-post ul li .txt span i{
    margin-right:8px
}
.blog-inner .sidebar .tags .all-tag{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:-5px
}
.blog-inner .sidebar .tags .all-tag a{
    height:48px;
    line-height:48px;
    background:#f8f7ff;
    border-radius:5px;
    padding:0 30px;
    margin:5px;
    font-size:17px;
    color:#656565;
    position:relative;
    z-index:2
}
.blog-inner .sidebar .tags .all-tag a:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:-webkit-gradient(linear,left top,right top,from(#FF57A0),to(#FFADA7));
    background:-webkit-linear-gradient(left,#FF57A0,#FFADA7);
    background:-o-linear-gradient(left,#FF57A0,#FFADA7);
    background:linear-gradient(90deg,#FF57A0,#FFADA7);
    border-radius:5px;
    opacity:0;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    z-index:-1
}
.blog-inner .sidebar .tags .all-tag a:hover{
    color:#fff
}
.blog-inner .sidebar .tags .all-tag a:hover:after{
    opacity:1
}
.blog-details{
    padding:120px 0
}
.blog-details .main-content{
    margin-right:-30px
}
.blog-details .main-content .blog-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.blog-details .main-content .blog-info ul{
    padding:0;
    margin-top:-2px;
    margin-bottom:28px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.blog-details .main-content .blog-info ul li{
    list-style:none;
    font-size:18px;
    line-height:100%;
    margin-right:38px;
    color:#656565
}
.blog-details .main-content .blog-info ul li:last-child{
    margin-right:0
}
.blog-details .main-content .blog-info ul li span{
    color:#5754fe;
    font-weight:700
}
.blog-details .main-content .part-txt{
    margin-bottom:33px
}
.blog-details .main-content .part-txt h2{
    font-size:35px;
    line-height:45px;
    font-weight:700;
    color:#211664;
    text-transform:capitalize;
    margin-bottom:21px
}
.blog-details .main-content .part-txt p{
    font-size:16px;
    line-height:26px;
    color:#656565;
    margin-bottom:15px
}
.blog-details .main-content .part-img{
    border-radius:10px;
    overflow:hidden;
    margin-bottom:31px
}
.blog-details .main-content .quote{
    background:-webkit-gradient(linear,right top,left top,from(#3FB0F7),to(#5754FE));
    background:-webkit-linear-gradient(right,#3FB0F7,#5754FE);
    background:-o-linear-gradient(right,#3FB0F7,#5754FE);
    background:linear-gradient(-90deg,#3FB0F7,#5754FE);
    border-radius:10px;
    padding:40px 70px 35px;
    text-align:center;
    margin-bottom:31px;
    position:relative;
    z-index:2
}
.blog-details .main-content .quote:after{
    content:"“";
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    font-size:360px;
    line-height:80%;
    font-weight:700;
    color:rgba(255,255,255,.2);
    z-index:-1
}
.blog-details .main-content .quote p{
    font-size:25px;
    line-height:35px;
    font-weight:700;
    color:#fff;
    margin-top:-8px;
    margin-bottom:-4px
}
.blog-details .main-content .other-info{
    background:#f8f7ff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    border-radius:10px;
    height:65px;
    line-height:65px;
    padding:0 30px;
    margin-top:53px;
    margin-bottom:70px
}
.blog-details .main-content .other-info .tags p{
    font-size:17px;
    font-weight:700;
    color:#211664;
    margin-bottom:0
}
.blog-details .main-content .other-info .tags p a{
    font-weight:400;
    color:#656565
}
.blog-details .main-content .other-info .tags p a:hover{
    color:#ff57a0
}
.blog-details .main-content .other-info .tags p span{
    font-weight:400;
    color:#656565
}
.blog-details .main-content .other-info .share a{
    text-align:center;
    width:40px;
    height:40px;
    line-height:38px;
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius:50%;
    font-size:14px;
    color:#1d2860;
    margin-right:11px;
    position:relative;
    z-index:2
}
.blog-details .main-content .other-info .share a:after{
    content:"";
    position:absolute;
    top:-1px;
    left:-1px;
    width:40px;
    height:40px;
    background:-webkit-gradient(linear,right top,left top,from(#3FB0F7),to(#5754FE));
    background:-webkit-linear-gradient(right,#3FB0F7,#5754FE);
    background:-o-linear-gradient(right,#3FB0F7,#5754FE);
    background:linear-gradient(-90deg,#3FB0F7,#5754FE);
    border-radius:50%;
    opacity:0;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    z-index:-1
}
.blog-details .main-content .other-info .share a:last-child{
    margin-right:0
}
.blog-details .main-content .other-info .share a:hover{
    color:#fff
}
.blog-details .main-content .other-info .share a:hover:after{
    opacity:1
}
.blog-details .main-content .blog-comment{
    margin-bottom:63px
}
.blog-details .main-content .blog-comment h3{
    font-size:30px;
    line-height:100%;
    font-weight:700;
    color:#211664;
    margin-top:-6px;
    margin-bottom:46px
}
.blog-details .main-content .blog-comment .single-comment{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:33px
}
.blog-details .main-content .blog-comment .single-comment .img{
    width:100px;
    height:100px;
    border-radius:50%;
    overflow:hidden;
    margin-right:50px
}
.blog-details .main-content .blog-comment .single-comment .txt{
    width:650px
}
.blog-details .main-content .blog-comment .single-comment .txt .top{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:16px
}
.blog-details .main-content .blog-comment .single-comment .txt .top h4{
    font-size:25px;
    line-height:100%;
    font-weight:700;
    color:#211664;
    margin-top:-3px;
    margin-bottom:9px
}
.blog-details .main-content .blog-comment .single-comment .txt .top span{
    font-size:16px;
    line-height:100%
}
.blog-details .main-content .blog-comment .single-comment .txt .top span.date{
    margin-right:9px;
    color:#ff57a0
}
.blog-details .main-content .blog-comment .single-comment .txt .top span.time{
    color:#211664
}
.blog-details .main-content .blog-comment .single-comment .txt .top button{
    padding:0;
    font-size:18px;
    line-height:100%;
    font-weight:700;
    color:transparent;
    background:-webkit-gradient(linear,left top,right top,from(#FF57A0),to(#FFADA7));
    background:-webkit-linear-gradient(left,#FF57A0,#FFADA7);
    background:-o-linear-gradient(left,#FF57A0,#FFADA7);
    background:linear-gradient(90deg,#FF57A0,#FFADA7);
    -webkit-background-clip:text;
    background-clip:text
}
.blog-details .main-content .blog-comment .single-comment .txt .top button:hover{
    background:-webkit-gradient(linear,right top,left top,from(#FF57A0),to(#FFADA7));
    background:-webkit-linear-gradient(right,#FF57A0,#FFADA7);
    background:-o-linear-gradient(right,#FF57A0,#FFADA7);
    background:linear-gradient(-90deg,#FF57A0,#FFADA7);
    -webkit-background-clip:text;
    background-clip:text
}
.blog-details .main-content .blog-comment .single-comment .txt p{
    font-size:16px;
    line-height:26px;
    color:#656565;
    margin-bottom:0
}
.blog-details .main-content .post-a-comment h3{
    font-size:30px;
    line-height:100%;
    font-weight:700;
    color:#1d2860;
    margin-top:-6px;
    margin-bottom:46px
}
.blog-details .main-content .post-a-comment form input{
    width:100%;
    height:55px;
    padding:0 25px;
    font-size:17px;
    background:#f8f7ff;
    border-radius:5px;
    margin-bottom:30px
}
.blog-details .main-content .post-a-comment form input::-webkit-input-placeholder{
    color:#656565
}
.blog-details .main-content .post-a-comment form input:-ms-input-placeholder{
    color:#656565
}
.blog-details .main-content .post-a-comment form input::-ms-input-placeholder{
    color:#656565
}
.blog-details .main-content .post-a-comment form input::placeholder{
    color:#656565
}
.blog-details .main-content .post-a-comment form textarea{
    width:100%;
    height:200px;
    padding:15px 25px;
    font-size:17px;
    background:#f8f7ff;
    border-radius:5px;
    margin-bottom:32px
}
.blog-details .main-content .post-a-comment form textarea::-webkit-input-placeholder{
    color:#656565
}
.blog-details .main-content .post-a-comment form textarea:-ms-input-placeholder{
    color:#656565
}
.blog-details .main-content .post-a-comment form textarea::-ms-input-placeholder{
    color:#656565
}
.blog-details .main-content .post-a-comment form textarea::placeholder{
    color:#656565
}
.blog-details .main-content .post-a-comment form button:hover{
    border-color:#1d2860
}
.contact{
    padding:120px 0
}
.contact .form input{
    width:100%;
    height:55px;
    background:#f8f7ff;
    border-radius:5px;
    padding:0 30px;
    margin-bottom:20px;
    font-size:17px;
    color:#1d2860
}
.contact .form input::-webkit-input-placeholder{
    color:#656565
}
.contact .form input:-ms-input-placeholder{
    color:#656565
}
.contact .form input::-ms-input-placeholder{
    color:#656565
}
.contact .form input::placeholder{
    color:#656565
}
.contact .form textarea{
    width:100%;
    height:220px;
    background:#f8f7ff;
    border-radius:5px;
    padding:20px 30px;
    margin-bottom:32px;
    font-size:17px;
    color:#1d2860
}
.contact .form textarea::-webkit-input-placeholder{
    color:#656565
}
.contact .form textarea:-ms-input-placeholder{
    color:#656565
}
.contact .form textarea::-ms-input-placeholder{
    color:#656565
}
.contact .form textarea::placeholder{
    color:#656565
}
.contact .map{
    margin-top:120px;
    position:relative
}
.contact .map .address{
    position:absolute;
    top:60%;
    left:70px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:280px;
    background:#211664;
    border-radius:10px;
    padding:50px 40px
}
.contact .map .address ul{
    padding:0;
    margin-top:-6px;
    margin-bottom:-7px
}
.contact .map .address ul li{
    list-style:none;
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:16px;
    line-height:26px;
    font-weight:600;
    margin-bottom:10px
}
.contact .map .address ul li:last-child{
    margin-bottom:0
}
.contact .map .address ul li i{
    font-size:17px;
    color:#FF6C1C;
    margin-right:17px
}
.contact .map iframe{
    width:100%;
    border-radius:10px;
    margin-bottom:-8px
}
.error{
    padding:120px 0
}
.error .part-img{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:50px
}
.error .part-txt{
    text-align:center
}
.error .part-txt h2{
    font-size:55px;
    line-height:100%;
    font-weight:700;
    color:#1d2860;
    margin-top:-8px;
    margin-bottom:43px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .heading h2{
        font-size:45px;
        line-height:55px;
        margin-top:-5px;
        padding-bottom:23px
    }
    .header .navbar .navbar-nav .nav-item .nav-link{
        padding:47px 20px
    }
    .header.fixed-header .navbar .navbar-nav .nav-item .nav-link{
        padding:27px 20px
    }
    .header .nav-btn{
        padding:0 30px
    }
    .banner .banner-txt h1{
        font-size:55px;
        line-height:60px;
        margin-top:-13px;
        margin-bottom:26px
    }
    .process .boxes .single-box .arrow{
        width:40px;
        margin-left:24px
    }
    .service .single-box{
        padding:35px
    }
    .service .single-box .part-icon{
        margin-bottom:23px
    }
    .service .single-box .part-txt a{
        font-size:25px;
        margin-bottom:23px
    }
    .service-2 .all-service .single-box .part-img{
        margin-bottom:30px
    }
    .service-2 .all-service .single-box{
        padding:30px
    }
    .service-2 .all-service .single-box .part-txt h3{
        font-size:25px;
        margin-top:-2px;
        margin-bottom:18px
    }
    .service-2 .all-service .single-box .part-txt p{
        margin-bottom:13px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-img{
        width:150px;
        height:150px;
        margin-right:30px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-txt{
        width:379px;
        margin-top:-6px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-txt p{
        font-size:18px;
        line-height:26px
    }
    .testimonial .client-area.client-area-2{
        margin-left:30px
    }
    .cta .part-txt{
        padding-left:0
    }
    .cta .part-btn{
        padding-right:0
    }
    .about .part-txt{
        margin-left:0
    }
    .team .single-box{
        width:100%
    }
    .project-details .main-txt .information{
        padding:40px 30px
    }
    .project-details .main-txt .txt{
        padding-left:0
    }
    .project-details .main-txt .txt h2{
        font-size:40px;
        margin-top:-6px;
        margin-bottom:21px
    }
    .project-details .related-project .title h2{
        font-size:45px;
        margin-top:-6px;
        margin-bottom:-7px
    }
    .project-details .related-project .portfolio-2 .owl-nav{
        top:-102px
    }
    .faq .sidebar{
        margin-right:0
    }
    .faq .main-content{
        margin-left:0
    }
    .faq .main-content .content .single-box{
        padding:30px
    }
    .error .part-img{
        width:400px;
        margin:0 auto 50px
    }
    .blog-inner .sidebar{
        margin-left:0
    }
    .blog-inner .sidebar .category ul li a{
        font-size:16px
    }
    .blog-inner .sidebar .category ul li a span{
        font-size:15px
    }
    .blog-inner .sidebar .recent-post ul li .img{
        margin-right:15px
    }
    .blog-inner .sidebar .recent-post ul li .txt{
        width:152px
    }
    .blog-details .main-content{
        margin-right:0
    }
    .blog-details .main-content .quote p br{
        display:none
    }
    .blog-details .main-content .blog-comment .single-comment .img{
        width:80px;
        height:80px;
        margin-right:30px
    }
    .blog-details .main-content .blog-comment .single-comment .txt{
        width:499px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .def-btn{
        height:45px;
        line-height:45px;
        padding:0 20px 0 24px;
        font-size:16px;
        font-weight:500
    }
    .heading{
        margin-top:-9px;
        margin-bottom:50px
    }
    .heading p{
        font-size:14px;
        letter-spacing:1px;
        margin-bottom:18px
    }
    .heading h2{
        font-size:30px;
        line-height:35px;
        padding-bottom:18px
    }
    .header{
        background:#fff;
        padding:10px 0;
        border-bottom:1px solid #e7e7e7
    }
    .header.header-2{
        background:#322496;
        border-bottom:0
    }
    .header.header-2 .navbar-toggler{
        background:-webkit-gradient(linear,left top,right top,from(#FF57A0),to(#FFADA7));
        background:-webkit-linear-gradient(left,#FF57A0,#FFADA7);
        background:-o-linear-gradient(left,#FF57A0,#FFADA7);
        background:linear-gradient(90deg,#FF57A0,#FFADA7)
    }
    .header.header-2 .navbar{
        background:0 0
    }
    .header.fixed-header{
        -webkit-box-shadow:0 0;
        box-shadow:0 0
    }
    .header.fixed-header .navbar .navbar-nav{
        padding:15px
    }
    .header.fixed-header .navbar .navbar-nav .nav-item{
        padding:7px 0 8px
    }
    .header.fixed-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{
        margin-top:10px
    }
    .header.fixed-header .navbar .navbar-nav .nav-item .nav-link{
        padding:5px 0
    }
    .header .navbar-toggler{
        padding:0;
        border:0;
        width:40px;
        height:40px;
        background:-webkit-gradient(linear,right top,left top,color-stop(50%,#FF6C1C),to(#FF3A33));
        background:-webkit-linear-gradient(right,#FF6C1C 50%,#FF3A33);
        background:-o-linear-gradient(right,#FF6C1C 50%,#FF3A33);
        background:linear-gradient(-90deg,#FF6C1C 50%,#FF3A33);
        font-size:25px;
        color:#fff
    }
    .header .logo img{
        width:100%;
    }
    .header .navbar{
        background:#fff;
        -webkit-box-shadow:0 15px 20px 0 rgba(25,25,25,.1);
        box-shadow:0 15px 20px 0 rgba(25,25,25,.1);
        padding:0
    }
    .header .navbar .navbar-nav{
        padding:15px;
        max-height:320px;
        overflow-y:scroll
    }
    .header .navbar .navbar-nav .nav-item{
        padding:7px 0 8px
    }
    .header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{
        display:none;
        width:100%;
        -webkit-box-shadow:0 0 20px 0 rgba(25,25,25,.15);
        box-shadow:0 0 20px 0 rgba(25,25,25,.15);
        opacity:1;
        visibility:visible;
        margin-top:10px
    }
    .header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item{
        padding:15px 20px;
        font-size:14px
    }
    .header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show{
        display:block
    }
    .header .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item{
        padding:15px 20px
    }
    .header .navbar .navbar-nav .nav-item .nav-link{
        font-size:16px;
        font-weight:500;
        color:#1d2860;
        padding:5px 0
    }
    .banner{
        padding-top:60px
    }
    .banner .banner-txt{
        padding:120px 0
    }
    .banner .banner-txt h1{
        font-size:30px;
        line-height:35px;
        margin-top:-7px;
        margin-bottom:16px
    }
    .banner .banner-txt p{
        font-size:16px;
        line-height:24px;
        font-weight:400;
        margin-bottom:24px
    }
    .process{
        padding-top:60px;
        padding-bottom:30px
    }
    .process .boxes .single-box{
        width:50%;
        display:block;
        margin-bottom:30px;
        position:relative
    }
    .process .boxes .single-box.top .wrap{
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
    .process .boxes .single-box.top .wrap .part-icon{
        margin-top:0;
        margin-bottom:30px
    }
    .process .boxes .single-box.top .arrow{
        display:none
    }
    .process .boxes .single-box .wrap .part-icon{
        width:80px;
        height:80px;
        line-height:80px;
        margin-bottom:30px
    }
    .process .boxes .single-box .wrap .part-icon span{
        font-size:35px
    }
    .process .boxes .single-box .wrap .part-txt h3{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:-3px
    }
    .process .boxes .single-box .arrow{
        position:absolute;
        top:50%;
        right:0;
        -webkit-transform:translateY(-50%) translateX(20px);
        -ms-transform:translateY(-50%) translateX(20px);
        transform:translateY(-50%) translateX(20px);
        margin-left:0
    }
    .process .boxes .single-box .arrow.rotate{
        display:none
    }
    .process .boxes .single-box .arrow img{
        width:40px
    }
    .service{
        padding-top:60px;
        padding-bottom:30px
    }
    .service .single-box{
        padding:30px;
        margin-bottom:30px
    }
    .service .single-box .part-icon{
        margin-bottom:20px
    }
    .service .single-box .part-icon span{
        font-size:40px
    }
    .service .single-box .part-txt a{
        font-size:20px;
        margin-bottom:21px
    }
    .service .single-box .part-txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:-6px
    }
    .service-2{
        padding:60px 0
    }
    .service-2 .all-service .single-box{
        padding:30px
    }
    .service-2 .all-service .single-box .part-img{
        height:120px;
        margin-bottom:30px
    }
    .service-2 .all-service .single-box .part-img img{
        height:100%
    }
    .service-2 .all-service .single-box .part-txt h3{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:21px
    }
    .service-2 .all-service .single-box .part-txt p{
        font-size:15px;
        line-height:23px;
        margin-bottom:14px
    }
    .service-2 .all-service .single-box .part-txt a{
        font-size:16px
    }
    .service-2 .all-service .owl-nav{
        padding-top:30px
    }
    .choosing-reason{
        padding:60px 0
    }
    .choosing-reason .part-txt{
        margin-left:0
    }
    .choosing-reason .part-txt .heading{
        margin-bottom:29px
    }
    .choosing-reason .part-txt .txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .choosing-reason .part-txt .txt ul{
        padding-top:10px;
        margin-bottom:-24px
    }
    .choosing-reason .part-txt .txt ul li{
        font-size:16px
    }
    .portfolio{
        padding:60px 0
    }
    .portfolio .slider-wrap{
        max-width:720px
    }
    .portfolio .slider-wrap .portfolio-slider .single-box .part-txt{
        padding:20px 30px
    }
    .portfolio .slider-wrap .portfolio-slider .single-box .part-txt a{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:15px
    }
    .portfolio .slider-wrap .portfolio-slider .single-box .part-txt p{
        font-size:14px
    }
    .portfolio .slider-wrap .portfolio-slider .owl-dots{
        padding-top:30px
    }
    .portfolio-2{
        padding-top:60px;
        padding-bottom:30px
    }
    .portfolio-2 .single-box .part-txt a{
        font-size:25px
    }
    .testimonial{
        padding:60px 0
    }
    .testimonial .comment-slider .single-comment{
        text-align:center
    }
    .testimonial .comment-slider .single-comment .part-img{
        width:70px;
        height:70px;
        margin-bottom:44px
    }
    .testimonial .comment-slider .single-comment .part-txt p{
        font-size:15px;
        line-height:23px;
        margin-bottom:21px
    }
    .testimonial .comment-slider .single-comment .part-txt h3{
        font-size:20px;
        margin-bottom:5px
    }
    .testimonial .comment-slider .single-comment .part-txt span{
        font-size:16px;
        font-weight:400
    }
    .testimonial .comment-slider .owl-dots{
        padding-top:30px
    }
    .testimonial .client-area{
        margin-right:0
    }
    .testimonial .client-area.client-area-2{
        margin-left:0
    }
    .testimonial .client-area .clients .part-img{
        width:80px;
        height:80px
    }
    .testimonial .comment-area{
        margin:0
    }
    .testimonial .comment-area .comment-slider-2 .single-comment{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        padding:30px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-img{
        width:100px;
        height:100px;
        margin-right:0;
        margin-bottom:50px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-img:after{
        bottom:-20px;
        right:50%;
        -webkit-transform:translateX(50%);
        -ms-transform:translateX(50%);
        transform:translateX(50%)
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-txt{
        width:100%;
        text-align:center;
        margin-top:-6px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-txt p{
        font-size:15px;
        line-height:23px;
        margin-bottom:21px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-txt h3{
        font-size:20px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-txt span{
        font-size:14px
    }
    .cta{
        padding:60px 0
    }
    .cta .part-txt{
        padding-left:0
    }
    .cta .part-txt h2{
        font-size:25px;
        line-height:33px;
        margin-top:-7px;
        margin-bottom:-8px
    }
    .cta .part-btn{
        padding-right:0
    }
    .cta .part-btn a{
        height:45px;
        line-height:45px;
        padding:0 20px 0 24px;
        font-size:16px
    }
    .blog{
        padding-top:60px;
        padding-bottom:20px
    }
    .blog .single-box{
        margin-bottom:40px
    }
    .blog .single-box .part-txt{
        margin-top:-7px
    }
    .blog .single-box .part-txt .date{
        font-size:16px;
        margin-bottom:12px
    }
    .blog .single-box .part-txt h3{
        font-size:19px;
        line-height:25px;
        margin-bottom:13px
    }
    .blog .single-box .part-txt p{
        font-size:15px;
        line-height:23px;
        margin-bottom:19px
    }
    .blog .single-box .part-txt a{
        height:45px;
        line-height:45px
    }
    .footer .main-footer{
        padding:60px 0;
        padding-bottom:33px
    }
    .footer .main-footer .info{
        margin-bottom:30px
    }
    .footer .main-footer .info .logo{
        width:100px;
        margin-bottom:19px
    }
    .footer .main-footer .info .part-txt p{
        font-size:14px !important;
        line-height:22px;
        margin-bottom:13px
    }
    .footer .main-footer .links{
        margin-bottom:20px
    }
    .footer .main-footer .links h3{
        font-size:20px;
        margin-top:0;
        margin-bottom:15px
    }
    .footer .main-footer .links ul li a{
        font-size:15px;
        line-height:25px
    }
    .footer .copyright p{
        font-size:14px
    }
    .breadcrumb{
        padding-top:60px
    }
    .breadcrumb .part-txt{
        padding:60px 0
    }
    .breadcrumb .part-txt h1{
        font-size:35px;
        font-weight:700;
        margin-top:-4px;
        margin-bottom:17px
    }
    .breadcrumb .part-txt ul{
        margin-bottom:-2px
    }
    .breadcrumb .part-txt ul li{
        font-size:15px
    }
    .about{
        padding:60px 0
    }
    .about .part-txt{
        margin-left:0
    }
    .about .part-txt .heading{
        margin-bottom:22px
    }
    .about .part-txt .txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .about .part-txt .txt .def-btn{
        margin-top:11px
    }
    .team{
        padding-top:60px;
        padding-bottom:32px
    }
    .team .single-box{
        width:100%;
        margin:0 auto 28px
    }
    .team .single-box .part-txt{
        padding-top:28px
    }
    .team .single-box .part-txt:before{
        top:-110px;
        -webkit-transform:perspective(42px) rotateX(4.6deg);
        transform:perspective(42px) rotateX(4.6deg)
    }
    .team .single-box .part-txt:after{
        top:-110px
    }
    .team .single-box .part-txt h3{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:15px
    }
    .team .single-box .part-txt p{
        font-size:14px
    }
    .team .single-box:hover .part-txt:after{
        -webkit-transform:perspective(42px) rotateX(4.6deg);
        transform:perspective(42px) rotateX(4.6deg)
    }
    .service-2.service-inner .all-service .def-btn{
        margin-top:0
    }
    .service-details{
        padding:60px 0
    }
    .service-details .sidebar{
        margin-left:-20px
    }
    .service-details .sidebar h2{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:21px
    }
    .service-details .sidebar .nav .nav-link{
        height:45px;
        line-height:45px;
        font-size:14px;
        margin:0 5px 12px
    }
    .service-details .main-content{
        margin-right:0
    }
    .service-details .main-content .part-img{
        border-radius:5px;
        margin-bottom:30px
    }
    .service-details .main-content .part-txt{
        margin-bottom:24px
    }
    .service-details .main-content .part-txt.part-txt-2{
        margin-bottom:-24px
    }
    .service-details .main-content .part-txt h2{
        font-size:25px;
        line-height:33px;
        margin-top:-7px;
        margin-bottom:16px
    }
    .service-details .main-content .part-txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .service-details .main-content .part-txt h3{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:21px
    }
    .service-details .main-content .part-txt .quote{
        margin-top:22px;
        padding:31px 25px 26px;
        margin-bottom:21px
    }
    .service-details .main-content .part-txt .quote:after{
        display:none
    }
    .service-details .main-content .part-txt .quote span{
        font-size:18px;
        line-height:26px
    }
    .service-details .main-content .part-txt .quote span br{
        display:none
    }
    .service-details .main-content .img{
        border-radius:5px;
        margin-bottom:30px
    }
    .portfolio-2.portfolio-inner{
        padding-bottom:60px
    }
    .project-details{
        padding:60px 0
    }
    .project-details .main-img{
        border-radius:5px;
        margin-bottom:40px
    }
    .project-details .main-img .project-details-slider .single-box{
        width:400px;
        border-radius:5px
    }
    .project-details .main-txt{
        padding-bottom:40px
    }
    .project-details .main-txt .information{
        padding:30px 25px
    }
    .project-details .main-txt .information h3{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:19px
    }
    .project-details .main-txt .information ul li{
        font-size:15px;
        line-height:25px;
        margin-bottom:6px
    }
    .project-details .main-txt .information ul li:last-child{
        margin-bottom:-7px
    }
    .project-details .main-txt .txt{
        padding-left:0;
        margin-bottom:-24px
    }
    .project-details .main-txt .txt h2{
        font-size:25px;
        line-height:33px;
        margin-top:-7px;
        margin-bottom:16px
    }
    .project-details .main-txt .txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .project-details .overview{
        padding:40px 30px;
        margin-bottom:60px
    }
    .project-details .overview .txt{
        margin-bottom:-24px
    }
    .project-details .overview .txt h2{
        font-size:25px;
        line-height:100%;
        margin-top:-3px;
        margin-bottom:20px
    }
    .project-details .overview .txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .project-details .related-project .title{
        margin-bottom:50px
    }
    .project-details .related-project .title h2{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:-4px
    }
    .project-details .related-project .portfolio-2 .single-box{
        width:auto
    }
    .project-details .related-project .portfolio-2 .owl-nav{
        top:-80px
    }
    .project-details .related-project .portfolio-2 .owl-nav button{
        width:45px;
        height:45px;
        line-height:42px
    }
    .project-details .related-project .portfolio-2 .owl-nav button:after{
        width:45px;
        height:45px
    }
    .project-details .related-project .portfolio-2 .owl-nav button.owl-prev{
        margin-right:10px
    }
    .faq{
        padding:60px 0
    }
    .faq .sidebar{
        margin-right:-10px
    }
    .faq .sidebar h2{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:21px
    }
    .faq .sidebar .nav .nav-link{
        height:45px;
        line-height:45px;
        font-size:14px;
        margin:0 5px 12px
    }
    .faq .main-content{
        margin-left:0
    }
    .faq .main-content .content .single-box{
        padding:30px
    }
    .faq .main-content .content .single-box h2{
        font-size:20px;
        line-height:25px;
        margin-top:-6px;
        margin-bottom:19px
    }
    .faq .main-content .content .single-box p{
        font-size:14px;
        line-height:22px;
        margin-bottom:-6px
    }
    .faq .main-content .content .pagination a{
        width:45px;
        height:45px;
        line-height:45px
    }
    .error{
        padding:60px 0
    }
    .error .part-img{
        max-width:320px;
        margin:0 auto 40px
    }
    .error .part-txt h2{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:26px
    }
    .blog-inner{
        padding-bottom:60px
    }
    .blog-inner .main-content{
        margin-bottom:50px
    }
    .blog-inner .main-content .pagination{
        padding-top:0;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .blog-inner .main-content .pagination a{
        width:40px;
        height:40px;
        line-height:40px;
        font-size:15px
    }
    .blog-inner .sidebar{
        width:290px;
        margin:0 auto
    }
    .blog-inner .sidebar .search-box{
        margin-bottom:35px
    }
    .blog-inner .sidebar .search-box form{
        padding:0 25px
    }
    .blog-inner .sidebar .search-box form input{
        font-size:14px
    }
    .blog-inner .sidebar .search-box form button{
        height:50px;
        font-size:15px
    }
    .blog-inner .sidebar h3{
        font-size:25px;
        margin-bottom:21px
    }
    .blog-inner .sidebar .category{
        margin-bottom:35px
    }
    .blog-inner .sidebar .category ul li a{
        height:45px;
        line-height:45px;
        font-size:15px;
        padding:0 20px
    }
    .blog-inner .sidebar .category ul li a span{
        font-size:15px
    }
    .blog-inner .sidebar .recent-post{
        margin-bottom:35px
    }
    .blog-inner .sidebar .recent-post ul{
        padding:15px 25px
    }
    .blog-inner .sidebar .tags .all-tag a{
        height:40px;
        line-height:40px;
        font-size:14px;
        padding:0 15px
    }
    .blog-details{
        padding:60px 0
    }
    .blog-details .main-content{
        margin-right:0;
        margin-bottom:50px
    }
    .blog-details .main-content .blog-info{
        margin-top:-5px;
        margin-bottom:14px
    }
    .blog-details .main-content .blog-info ul{
        margin-bottom:3px
    }
    .blog-details .main-content .blog-info ul li{
        font-size:14px;
        line-height:24px
    }
    .blog-details .main-content .part-txt{
        margin-bottom:24px
    }
    .blog-details .main-content .part-txt h2{
        font-size:20px;
        line-height:25px;
        margin-bottom:19px
    }
    .blog-details .main-content .part-txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:13px
    }
    .blog-details .main-content .part-img{
        border-radius:5px;
        margin-bottom:24px
    }
    .blog-details .main-content .quote{
        padding:30px 25px 26px;
        border-radius:5px;
        margin-bottom:24px
    }
    .blog-details .main-content .quote:after{
        display:none
    }
    .blog-details .main-content .quote p{
        font-size:20px;
        line-height:28px
    }
    .blog-details .main-content .quote p br{
        display:none
    }
    .blog-details .main-content .other-info{
        border-radius:5px;
        margin-top:34px;
        margin-bottom:40px
    }
    .blog-details .main-content .other-info .tags p{
        font-size:14px
    }
    .blog-details .main-content .blog-comment{
        margin-bottom:34px
    }
    .blog-details .main-content .blog-comment h3{
        font-size:20px;
        margin-bottom:27px;
        margin-top:-4px
    }
    .blog-details .main-content .blog-comment .single-comment{
        margin-bottom:24px
    }
    .blog-details .main-content .blog-comment .single-comment .img{
        width:80px;
        height:80px;
        margin-right:30px
    }
    .blog-details .main-content .blog-comment .single-comment .txt{
        width:460px
    }
    .blog-details .main-content .blog-comment .single-comment .txt .top{
        margin-bottom:8px
    }
    .blog-details .main-content .blog-comment .single-comment .txt .top h4{
        font-size:20px;
        margin-bottom:3px
    }
    .blog-details .main-content .blog-comment .single-comment .txt .top span{
        font-size:14px
    }
    .blog-details .main-content .blog-comment .single-comment .txt .top button{
        font-size:16px
    }
    .blog-details .main-content .blog-comment .single-comment .txt p{
        font-size:14px;
        line-height:22px
    }
    .blog-details .main-content .post-a-comment h3{
        font-size:20px;
        margin-bottom:27px;
        margin-top:-4px
    }
    .blog-details .main-content .post-a-comment form input{
        height:45px;
        font-size:14px;
        margin-bottom:20px
    }
    .blog-details .main-content .post-a-comment form textarea{
        height:100px;
        font-size:14px;
        margin-bottom:17px
    }
    .contact{
        padding:60px 0
    }
    .contact .form input{
        height:45px;
        padding:0 25px;
        font-size:14px
    }
    .contact .form textarea{
        height:130px;
        padding:15px 25px;
        font-size:14px;
        margin-bottom:22px
    }
    .contact .map{
        margin-top:60px
    }
    .contact .map .address{
        top:50px;
        left:50px;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
        width:250px;
        padding:30px
    }
    .contact .map .address ul li{
        font-weight:400
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .def-btn{
        height:45px;
        line-height:45px;
        padding:0 20px 0 24px;
        font-size:16px;
        font-weight:500
    }
    .heading{
        margin-top:-9px;
        margin-bottom:50px
    }
    .heading p{
        font-size:14px;
        letter-spacing:1px;
        margin-bottom:18px
    }
    .heading h2{
        font-size:30px;
        line-height:35px;
        padding-bottom:18px
    }
    .header{
        background:#fff;
        padding:10px 0;
        border-bottom:1px solid #e7e7e7
    }
    .header.header-2{
        background:#322496;
        border-bottom:0
    }
    .header.header-2 .navbar-toggler{
        background:-webkit-gradient(linear,left top,right top,from(#FF57A0),to(#FFADA7));
        background:-webkit-linear-gradient(left,#FF57A0,#FFADA7);
        background:-o-linear-gradient(left,#FF57A0,#FFADA7);
        background:linear-gradient(90deg,#FF57A0,#FFADA7)
    }
    .header.header-2 .navbar{
        background:0 0
    }
    .header.fixed-header{
        -webkit-box-shadow:0 0;
        box-shadow:0 0
    }
    .header.fixed-header .navbar .navbar-nav{
        padding:15px
    }
    .header.fixed-header .navbar .navbar-nav .nav-item{
        padding:7px 0 8px
    }
    .header.fixed-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{
        margin-top:10px
    }
    .header.fixed-header .navbar .navbar-nav .nav-item .nav-link{
        padding:5px 0
    }
    .header .navbar-toggler{
        padding:0;
        border:0;
        width:40px;
        height:40px;
        background:-webkit-gradient(linear,right top,left top,color-stop(50%,#FF6C1C),to(#FF3A33));
        background:-webkit-linear-gradient(right,#FF6C1C 50%,#FF3A33);
        background:-o-linear-gradient(right,#FF6C1C 50%,#FF3A33);
        background:linear-gradient(-90deg,#FF6C1C 50%,#FF3A33);
        font-size:25px;
        color:#fff
    }
    .header .logo img{
        width:100%;
    }
    .header .navbar{
        background:#fff;
        -webkit-box-shadow:0 15px 20px 0 rgba(25,25,25,.1);
        box-shadow:0 15px 20px 0 rgba(25,25,25,.1);
        padding:0
    }
    .header .navbar .navbar-nav{
        padding:15px;
        max-height:320px;
        overflow-y:scroll
    }
    .header .navbar .navbar-nav .nav-item{
        padding:7px 0 8px
    }
    .header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{
        display:none;
        width:100%;
        -webkit-box-shadow:0 0 20px 0 rgba(25,25,25,.15);
        box-shadow:0 0 20px 0 rgba(25,25,25,.15);
        opacity:1;
        visibility:visible;
        margin-top:10px
    }
    .header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item{
        padding:15px 20px;
        font-size:14px
    }
    .header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show{
        display:block
    }
    .header .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item{
        padding:15px 20px
    }
    .header .navbar .navbar-nav .nav-item .nav-link{
        font-size:16px;
        font-weight:500;
        color:#1d2860;
        padding:5px 0
    }
    .banner{
        padding-top:60px
    }
    .banner.banner-2 .banner-txt{
        padding:80px 0
    }
    .banner.banner-2 .part-img{
        padding-bottom:0;
        margin:0 auto
    }
    .banner .banner-txt{
        padding:80px 0
    }
    .banner .banner-txt h1{
        font-size:30px;
        line-height:35px;
        margin-top:-7px;
        margin-bottom:16px
    }
    .banner .banner-txt p{
        font-size:16px;
        line-height:24px;
        font-weight:400;
        margin-bottom:24px
    }
    .banner .part-img{
        padding-bottom:80px;
        width:290px;
        margin:0 auto
    }
    .process{
        padding-top:60px;
        padding-bottom:30px
    }
    .process .boxes .single-box{
        width:50%;
        display:block;
        margin-bottom:30px;
        position:relative
    }
    .process .boxes .single-box.top .wrap{
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
    .process .boxes .single-box.top .wrap .part-icon{
        margin-top:0;
        margin-bottom:30px
    }
    .process .boxes .single-box.top .arrow{
        display:none
    }
    .process .boxes .single-box .wrap .part-icon{
        width:80px;
        height:80px;
        line-height:80px;
        margin-bottom:30px
    }
    .process .boxes .single-box .wrap .part-icon span{
        font-size:35px
    }
    .process .boxes .single-box .wrap .part-txt h3{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:-3px
    }
    .process .boxes .single-box .arrow{
        position:absolute;
        top:50%;
        right:0;
        -webkit-transform:translateY(-50%) translateX(20px);
        -ms-transform:translateY(-50%) translateX(20px);
        transform:translateY(-50%) translateX(20px);
        margin-left:0
    }
    .process .boxes .single-box .arrow.rotate{
        display:none
    }
    .process .boxes .single-box .arrow img{
        width:40px
    }
    .service{
        padding-top:60px;
        padding-bottom:30px
    }
    .service .single-box{
        padding:30px;
        margin-bottom:30px
    }
    .service .single-box .part-icon{
        margin-bottom:20px
    }
    .service .single-box .part-icon span{
        font-size:40px
    }
    .service .single-box .part-txt a{
        font-size:20px;
        margin-bottom:21px
    }
    .service .single-box .part-txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:-6px
    }
    .service-2{
        padding:60px 0
    }
    .service-2 .all-service .single-box{
        padding:30px
    }
    .service-2 .all-service .single-box .part-img{
        height:120px;
        margin-bottom:30px
    }
    .service-2 .all-service .single-box .part-img img{
        height:100%
    }
    .service-2 .all-service .single-box .part-txt h3{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:21px
    }
    .service-2 .all-service .single-box .part-txt p{
        font-size:15px;
        line-height:23px;
        margin-bottom:14px
    }
    .service-2 .all-service .single-box .part-txt a{
        font-size:16px
    }
    .service-2 .all-service .owl-nav{
        padding-top:30px
    }
    .choosing-reason{
        padding:60px 0
    }
    .choosing-reason.choosing-reason-2 .part-txt{
        margin-bottom:40px
    }
    .choosing-reason.choosing-reason-2 .part-img{
        margin-bottom:0
    }
    .choosing-reason .part-img{
        width:290px;
        margin:0 auto 40px
    }
    .choosing-reason .part-txt{
        margin-left:0
    }
    .choosing-reason .part-txt .heading{
        margin-bottom:29px
    }
    .choosing-reason .part-txt .txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .choosing-reason .part-txt .txt ul{
        padding-top:10px;
        margin-bottom:-24px
    }
    .choosing-reason .part-txt .txt ul li{
        font-size:16px
    }
    .portfolio{
        padding:60px 0
    }
    .portfolio .slider-wrap{
        max-width:540px
    }
    .portfolio .slider-wrap .portfolio-slider .single-box .part-txt{
        padding:20px 30px
    }
    .portfolio .slider-wrap .portfolio-slider .single-box .part-txt a{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:15px
    }
    .portfolio .slider-wrap .portfolio-slider .single-box .part-txt p{
        font-size:14px
    }
    .portfolio .slider-wrap .portfolio-slider .owl-dots{
        padding-top:30px
    }
    .portfolio-2{
        padding-top:60px;
        padding-bottom:30px
    }
    .portfolio-2 .single-box .part-txt a{
        font-size:25px
    }
    .testimonial{
        padding:60px 0
    }
    .testimonial .comment-slider .single-comment{
        text-align:center
    }
    .testimonial .comment-slider .single-comment .part-img{
        width:70px;
        height:70px;
        margin-bottom:44px
    }
    .testimonial .comment-slider .single-comment .part-txt p{
        font-size:15px;
        line-height:23px;
        margin-bottom:21px
    }
    .testimonial .comment-slider .single-comment .part-txt h3{
        font-size:20px;
        margin-bottom:5px
    }
    .testimonial .comment-slider .single-comment .part-txt span{
        font-size:16px;
        font-weight:400
    }
    .testimonial .comment-slider .owl-dots{
        padding-top:30px
    }
    .testimonial .client-area{
        margin-right:0
    }
    .testimonial .client-area.client-area-2{
        margin-left:0
    }
    .testimonial .client-area.client-area-2 .clients{
        margin-bottom:0;
        margin-top:30px
    }
    .testimonial .client-area .clients{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin-bottom:30px
    }
    .testimonial .client-area .clients .part-img{
        width:80px;
        height:80px;
        margin:0 7.5px
    }
    .testimonial .comment-area{
        margin:0
    }
    .testimonial .comment-area .comment-slider-2 .single-comment{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        padding:30px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-img{
        width:100px;
        height:100px;
        margin-right:0;
        margin-bottom:50px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-img:after{
        bottom:-20px;
        right:50%;
        -webkit-transform:translateX(50%);
        -ms-transform:translateX(50%);
        transform:translateX(50%)
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-txt{
        width:100%;
        text-align:center;
        margin-top:-6px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-txt p{
        font-size:15px;
        line-height:23px;
        margin-bottom:21px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-txt h3{
        font-size:20px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-txt span{
        font-size:14px
    }
    .cta{
        padding:60px 0
    }
    .cta .part-txt{
        padding-left:0
    }
    .cta .part-txt h2{
        font-size:25px;
        line-height:33px;
        margin-top:-7px;
        margin-bottom:22px
    }
    .cta .part-btn{
        padding-right:0
    }
    .cta .part-btn a{
        height:45px;
        line-height:45px;
        padding:0 20px 0 24px;
        font-size:16px
    }
    .blog{
        padding-top:60px;
        padding-bottom:20px
    }
    .blog .single-box{
        width:290px;
        margin:0 auto 40px
    }
    .blog .single-box .part-txt{
        margin-top:-7px
    }
    .blog .single-box .part-txt .date{
        font-size:16px;
        margin-bottom:12px
    }
    .blog .single-box .part-txt h3{
        font-size:19px;
        line-height:25px;
        margin-bottom:13px
    }
    .blog .single-box .part-txt p{
        font-size:15px;
        line-height:23px;
        margin-bottom:19px
    }
    .blog .single-box .part-txt a{
        height:45px;
        line-height:45px
    }
    .footer .main-footer{
        padding:60px 0;
        padding-bottom:33px
    }
    .footer .main-footer .info{
        margin-bottom:30px
    }
    .footer .main-footer .info .logo{
        width:100px;
        margin-bottom:19px
    }
    .footer .main-footer .info .part-txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:13px
    }
    .footer .main-footer .links{
        margin-bottom:20px
    }
    .footer .main-footer .links h3{
        font-size:20px;
        margin-top:0;
        margin-bottom:15px
    }
    .footer .main-footer .links ul li a{
        font-size:15px;
        line-height:25px
    }
    .footer .copyright p{
        font-size:14px
    }
    .breadcrumb{
        padding-top:60px
    }
    .breadcrumb .part-txt{
        padding:60px 0
    }
    .breadcrumb .part-txt h1{
        font-size:35px;
        font-weight:700;
        margin-top:-4px;
        margin-bottom:17px
    }
    .breadcrumb .part-txt ul{
        margin-bottom:-2px
    }
    .breadcrumb .part-txt ul li{
        font-size:15px
    }
    .about{
        padding:60px 0
    }
    .about .part-img{
        width:290px;
        margin:0 auto 40px
    }
    .about .part-txt{
        margin-left:0
    }
    .about .part-txt .heading{
        margin-bottom:22px
    }
    .about .part-txt .txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .about .part-txt .txt .def-btn{
        margin-top:11px
    }
    .team{
        padding-top:60px;
        padding-bottom:32px
    }
    .team .single-box{
        width:100%;
        margin:0 auto 28px
    }
    .team .single-box .part-txt{
        padding-top:28px
    }
    .team .single-box .part-txt:before{
        top:-110px;
        -webkit-transform:perspective(42px) rotateX(4.6deg);
        transform:perspective(42px) rotateX(4.6deg)
    }
    .team .single-box .part-txt:after{
        top:-110px
    }
    .team .single-box .part-txt h3{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:15px
    }
    .team .single-box .part-txt p{
        font-size:14px
    }
    .team .single-box:hover .part-txt:after{
        -webkit-transform:perspective(42px) rotateX(4.6deg);
        transform:perspective(42px) rotateX(4.6deg)
    }
    .service-2.service-inner .all-service .def-btn{
        margin-top:0
    }
    .service-details{
        padding:60px 0
    }
    .service-details .sidebar{
        margin:0 auto 40px
    }
    .service-details .sidebar h2{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:21px
    }
    .service-details .sidebar .nav{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:normal!important;
        -ms-flex-direction:row!important;
        flex-direction:row!important
    }
    .service-details .sidebar .nav .nav-link{
        width:calc(100%/2 - 10px);
        height:40px;
        line-height:42px;
        font-size:14px;
        margin:0 5px 12px
    }
    .service-details .main-content{
        margin-right:0
    }
    .service-details .main-content .part-img{
        border-radius:5px;
        margin-bottom:30px
    }
    .service-details .main-content .part-txt{
        margin-bottom:24px
    }
    .service-details .main-content .part-txt.part-txt-2{
        margin-bottom:-24px
    }
    .service-details .main-content .part-txt h2{
        font-size:20px;
        line-height:28px;
        margin-top:-7px;
        margin-bottom:17px
    }
    .service-details .main-content .part-txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .service-details .main-content .part-txt h3{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:21px
    }
    .service-details .main-content .part-txt .quote{
        margin-top:22px;
        padding:31px 25px 26px;
        margin-bottom:21px
    }
    .service-details .main-content .part-txt .quote:after{
        display:none
    }
    .service-details .main-content .part-txt .quote span{
        font-size:18px;
        line-height:26px
    }
    .service-details .main-content .part-txt .quote span br{
        display:none
    }
    .service-details .main-content .img{
        border-radius:5px;
        margin-bottom:30px
    }
    .service-details .next{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
    .portfolio-2.portfolio-inner{
        padding-bottom:60px
    }
    .project-details{
        padding:60px 0
    }
    .project-details .main-img{
        border-radius:5px;
        margin-bottom:40px
    }
    .project-details .main-img .project-details-slider .single-box{
        width:320px;
        border-radius:5px
    }
    .project-details .main-txt{
        padding-bottom:40px
    }
    .project-details .main-txt .information{
        padding:30px 25px;
        max-width:320px;
        margin:0 auto 40px
    }
    .project-details .main-txt .information h3{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:19px
    }
    .project-details .main-txt .information ul li{
        font-size:15px;
        line-height:25px;
        margin-bottom:6px
    }
    .project-details .main-txt .information ul li:last-child{
        margin-bottom:-7px
    }
    .project-details .main-txt .txt{
        padding-left:0;
        margin-bottom:-24px
    }
    .project-details .main-txt .txt h2{
        font-size:25px;
        line-height:33px;
        margin-top:-7px;
        margin-bottom:16px
    }
    .project-details .main-txt .txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .project-details .overview{
        padding:40px 30px;
        margin-bottom:60px
    }
    .project-details .overview .txt{
        margin-bottom:24px
    }
    .project-details .overview .txt h2{
        font-size:20px;
        line-height:25px;
        margin-top:-6px;
        margin-bottom:19px
    }
    .project-details .overview .txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .project-details .overview .img{
        width:290px;
        margin:0 auto
    }
    .project-details .related-project .title{
        margin-bottom:50px
    }
    .project-details .related-project .title h2{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:-4px
    }
    .project-details .related-project .portfolio-2 .single-box{
        width:auto
    }
    .project-details .related-project .portfolio-2 .owl-nav{
        top:-80px
    }
    .project-details .related-project .portfolio-2 .owl-nav button{
        width:45px;
        height:45px;
        line-height:42px
    }
    .project-details .related-project .portfolio-2 .owl-nav button:after{
        width:45px;
        height:45px
    }
    .project-details .related-project .portfolio-2 .owl-nav button.owl-prev{
        margin-right:10px
    }
    .faq{
        padding:60px 0
    }
    .faq .sidebar{
        margin:0 auto 40px
    }
    .faq .sidebar h2{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:21px
    }
    .faq .sidebar .nav{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:normal!important;
        -ms-flex-direction:row!important;
        flex-direction:row!important
    }
    .faq .sidebar .nav .nav-link{
        width:calc(100%/2 - 10px);
        height:40px;
        line-height:42px;
        font-size:14px;
        margin:0 5px 12px
    }
    .faq .main-content{
        margin-left:0
    }
    .faq .main-content .content .single-box{
        padding:30px
    }
    .faq .main-content .content .single-box h2{
        font-size:20px;
        line-height:25px;
        margin-top:-6px;
        margin-bottom:19px
    }
    .faq .main-content .content .single-box p{
        font-size:14px;
        line-height:22px;
        margin-bottom:-6px
    }
    .faq .main-content .content .pagination{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .faq .main-content .content .pagination a{
        width:40px;
        height:40px;
        line-height:40px;
        font-size:15px
    }
    .error{
        padding:60px 0
    }
    .error .part-img{
        max-width:320px;
        margin:0 auto 40px
    }
    .error .part-txt h2{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:26px
    }
    .blog-inner{
        padding-bottom:60px
    }
    .blog-inner .main-content{
        margin-bottom:50px
    }
    .blog-inner .main-content .pagination{
        padding-top:0;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .blog-inner .main-content .pagination a{
        width:40px;
        height:40px;
        line-height:40px;
        font-size:15px
    }
    .blog-inner .sidebar{
        width:290px;
        margin:0 auto
    }
    .blog-inner .sidebar .search-box{
        margin-bottom:35px
    }
    .blog-inner .sidebar .search-box form{
        padding:0 25px
    }
    .blog-inner .sidebar .search-box form input{
        font-size:14px
    }
    .blog-inner .sidebar .search-box form button{
        height:50px;
        font-size:15px
    }
    .blog-inner .sidebar h3{
        font-size:25px;
        margin-bottom:21px
    }
    .blog-inner .sidebar .category{
        margin-bottom:35px
    }
    .blog-inner .sidebar .category ul li a{
        height:45px;
        line-height:45px;
        font-size:15px;
        padding:0 20px
    }
    .blog-inner .sidebar .category ul li a span{
        font-size:15px
    }
    .blog-inner .sidebar .recent-post{
        margin-bottom:35px
    }
    .blog-inner .sidebar .recent-post ul{
        padding:15px 25px
    }
    .blog-inner .sidebar .tags .all-tag a{
        height:40px;
        line-height:40px;
        font-size:14px;
        padding:0 15px
    }
    .blog-details{
        padding:60px 0
    }
    .blog-details .main-content{
        margin-right:0;
        margin-bottom:50px
    }
    .blog-details .main-content .blog-info{
        margin-top:-5px;
        margin-bottom:14px
    }
    .blog-details .main-content .blog-info ul{
        margin-bottom:3px
    }
    .blog-details .main-content .blog-info ul li{
        font-size:14px;
        line-height:24px
    }
    .blog-details .main-content .part-txt{
        margin-bottom:24px
    }
    .blog-details .main-content .part-txt h2{
        font-size:20px;
        line-height:25px;
        margin-bottom:19px
    }
    .blog-details .main-content .part-txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:13px
    }
    .blog-details .main-content .part-img{
        border-radius:5px;
        margin-bottom:24px
    }
    .blog-details .main-content .quote{
        padding:30px 25px 26px;
        border-radius:5px;
        margin-bottom:24px
    }
    .blog-details .main-content .quote:after{
        display:none
    }
    .blog-details .main-content .quote p{
        font-size:20px;
        line-height:28px
    }
    .blog-details .main-content .quote p br{
        display:none
    }
    .blog-details .main-content .other-info{
        border-radius:5px;
        margin-top:34px;
        margin-bottom:40px
    }
    .blog-details .main-content .other-info .tags p{
        font-size:14px
    }
    .blog-details .main-content .blog-comment{
        margin-bottom:34px
    }
    .blog-details .main-content .blog-comment h3{
        font-size:20px;
        margin-bottom:27px;
        margin-top:-4px
    }
    .blog-details .main-content .blog-comment .single-comment{
        margin-bottom:24px
    }
    .blog-details .main-content .blog-comment .single-comment .img{
        width:80px;
        height:80px;
        margin-right:30px
    }
    .blog-details .main-content .blog-comment .single-comment .txt{
        width:400px
    }
    .blog-details .main-content .blog-comment .single-comment .txt .top{
        margin-bottom:8px
    }
    .blog-details .main-content .blog-comment .single-comment .txt .top h4{
        font-size:20px;
        margin-bottom:3px
    }
    .blog-details .main-content .blog-comment .single-comment .txt .top span{
        font-size:14px
    }
    .blog-details .main-content .blog-comment .single-comment .txt .top button{
        font-size:16px
    }
    .blog-details .main-content .blog-comment .single-comment .txt p{
        font-size:14px;
        line-height:22px
    }
    .blog-details .main-content .post-a-comment h3{
        font-size:20px;
        margin-bottom:27px;
        margin-top:-4px
    }
    .blog-details .main-content .post-a-comment form input{
        height:45px;
        font-size:14px;
        margin-bottom:20px
    }
    .blog-details .main-content .post-a-comment form textarea{
        height:100px;
        font-size:14px;
        margin-bottom:17px
    }
    .contact{
        padding:60px 0
    }
    .contact .form input{
        height:45px;
        padding:0 25px;
        font-size:14px
    }
    .contact .form textarea{
        height:130px;
        padding:15px 25px;
        font-size:14px;
        margin-bottom:22px
    }
    .contact .map{
        margin-top:60px
    }
    .contact .map .address{
        top:50px;
        left:50px;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
        width:250px;
        padding:30px
    }
    .contact .map .address ul li{
        font-weight:400
    }
}
@media only screen and (min-width:480px) and (max-width:575px){
    .def-btn{
        height:45px;
        line-height:45px;
        padding:0 20px 0 24px;
        font-size:16px;
        font-weight:500
    }
    .heading{
        margin-top:-9px;
        margin-bottom:50px
    }
    .heading p{
        font-size:14px;
        letter-spacing:1px;
        margin-bottom:18px
    }
    .heading h2{
        font-size:30px;
        line-height:35px;
        padding-bottom:18px
    }
    .header{
        background:#fff;
        padding:10px 0;
        border-bottom:1px solid #e7e7e7
    }
    .header.header-2{
        background:#322496;
        border-bottom:0
    }
    .header.header-2 .navbar-toggler{
        background:-webkit-gradient(linear,left top,right top,from(#FF57A0),to(#FFADA7));
        background:-webkit-linear-gradient(left,#FF57A0,#FFADA7);
        background:-o-linear-gradient(left,#FF57A0,#FFADA7);
        background:linear-gradient(90deg,#FF57A0,#FFADA7)
    }
    .header.header-2 .navbar{
        background:0 0
    }
    .header.fixed-header{
        -webkit-box-shadow:0 0;
        box-shadow:0 0
    }
    .header.fixed-header .navbar .navbar-nav{
        padding:15px
    }
    .header.fixed-header .navbar .navbar-nav .nav-item{
        padding:7px 0 8px
    }
    .header.fixed-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{
        margin-top:10px
    }
    .header.fixed-header .navbar .navbar-nav .nav-item .nav-link{
        padding:5px 0
    }
    .header .navbar-toggler{
        padding:0;
        border:0;
        width:40px;
        height:40px;
        background:-webkit-gradient(linear,right top,left top,color-stop(50%,#FF6C1C),to(#FF3A33));
        background:-webkit-linear-gradient(right,#FF6C1C 50%,#FF3A33);
        background:-o-linear-gradient(right,#FF6C1C 50%,#FF3A33);
        background:linear-gradient(-90deg,#FF6C1C 50%,#FF3A33);
        font-size:25px;
        color:#fff
    }
    .header .logo img{
        width:100%;
    }
    .header .navbar{
        background:#fff;
        -webkit-box-shadow:0 15px 20px 0 rgba(25,25,25,.1);
        box-shadow:0 15px 20px 0 rgba(25,25,25,.1);
        padding:0
    }
    .header .navbar .navbar-nav{
        padding:15px;
        max-height:320px;
        overflow-y:scroll
    }
    .header .navbar .navbar-nav .nav-item{
        padding:7px 0 8px
    }
    .header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{
        display:none;
        width:100%;
        -webkit-box-shadow:0 0 20px 0 rgba(25,25,25,.15);
        box-shadow:0 0 20px 0 rgba(25,25,25,.15);
        opacity:1;
        visibility:visible;
        margin-top:10px
    }
    .header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item{
        padding:15px 20px;
        font-size:14px
    }
    .header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show{
        display:block
    }
    .header .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item{
        padding:15px 20px
    }
    .header .navbar .navbar-nav .nav-item .nav-link{
        font-size:16px;
        font-weight:500;
        color:#1d2860;
        padding:5px 0
    }
    .banner{
        padding-top:60px
    }
    .banner.banner-2 .banner-txt{
        padding:80px 0
    }
    .banner.banner-2 .part-img{
        padding-bottom:0;
        margin:0 auto
    }
    .banner .banner-txt{
        padding:80px 0
    }
    .banner .banner-txt h1{
        font-size:30px;
        line-height:35px;
        margin-top:-7px;
        margin-bottom:16px
    }
    .banner .banner-txt p{
        font-size:16px;
        line-height:24px;
        font-weight:400;
        margin-bottom:24px
    }
    .banner .part-img{
        padding-bottom:80px;
        width:290px;
        margin:0 auto
    }
    .process{
        padding-top:60px;
        padding-bottom:30px
    }
    .process .boxes{
        display:block
    }
    .process .boxes .single-box{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin-bottom:30px
    }
    .process .boxes .single-box.top .wrap{
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
    .process .boxes .single-box.top .wrap .part-icon{
        margin-top:0;
        margin-bottom:30px
    }
    .process .boxes .single-box .wrap .part-icon{
        width:80px;
        height:80px;
        line-height:80px;
        margin-bottom:30px
    }
    .process .boxes .single-box .wrap .part-icon span{
        font-size:35px
    }
    .process .boxes .single-box .wrap .part-txt h3{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:-3px
    }
    .process .boxes .single-box .arrow{
        padding-top:30px;
        margin-left:0
    }
    .process .boxes .single-box .arrow.rotate{
        -webkit-transform:rotateY(180deg);
        transform:rotateY(180deg)
    }
    .process .boxes .single-box .arrow img{
        width:40px
    }
    .service{
        padding-top:60px;
        padding-bottom:30px
    }
    .service .single-box{
        width:290px;
        padding:30px;
        margin:0 auto 30px
    }
    .service .single-box .part-icon{
        margin-bottom:20px
    }
    .service .single-box .part-icon span{
        font-size:40px
    }
    .service .single-box .part-txt a{
        font-size:20px;
        margin-bottom:21px
    }
    .service .single-box .part-txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:-6px
    }
    .service-2{
        padding:60px 0
    }
    .service-2 .all-service .single-box{
        padding:30px
    }
    .service-2 .all-service .single-box .part-img{
        height:120px;
        margin-bottom:30px
    }
    .service-2 .all-service .single-box .part-img img{
        height:100%
    }
    .service-2 .all-service .single-box .part-txt h3{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:21px
    }
    .service-2 .all-service .single-box .part-txt p{
        font-size:15px;
        line-height:23px;
        margin-bottom:14px
    }
    .service-2 .all-service .single-box .part-txt a{
        font-size:16px
    }
    .service-2 .all-service .owl-nav{
        padding-top:30px
    }
    .choosing-reason{
        padding:60px 0
    }
    .choosing-reason.choosing-reason-2 .part-txt{
        margin-bottom:40px
    }
    .choosing-reason.choosing-reason-2 .part-img{
        margin-bottom:0
    }
    .choosing-reason .part-img{
        width:290px;
        margin:0 auto 40px
    }
    .choosing-reason .part-txt{
        margin-left:0
    }
    .choosing-reason .part-txt .heading{
        margin-bottom:29px
    }
    .choosing-reason .part-txt .txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .choosing-reason .part-txt .txt ul{
        padding-top:10px;
        margin-bottom:-24px
    }
    .choosing-reason .part-txt .txt ul li{
        font-size:16px
    }
    .choosing-reason .part-txt .txt ul li span{
        margin-right:3px
    }
    .portfolio{
        padding:60px 0
    }
    .portfolio .slider-wrap{
        max-width:290px
    }
    .portfolio .slider-wrap .portfolio-slider .single-box{
        width:290px
    }
    .portfolio .slider-wrap .portfolio-slider .single-box .part-txt{
        padding:20px 30px
    }
    .portfolio .slider-wrap .portfolio-slider .single-box .part-txt a{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:15px
    }
    .portfolio .slider-wrap .portfolio-slider .single-box .part-txt p{
        font-size:14px
    }
    .portfolio .slider-wrap .portfolio-slider .owl-dots{
        padding-top:30px
    }
    .portfolio-2{
        padding-top:60px;
        padding-bottom:30px
    }
    .portfolio-2 .single-box{
        width:290px;
        margin:0 auto 30px
    }
    .portfolio-2 .single-box .part-txt a{
        font-size:25px
    }
    .testimonial{
        padding:60px 0
    }
    .testimonial .comment-slider .single-comment{
        text-align:center
    }
    .testimonial .comment-slider .single-comment .part-img{
        width:70px;
        height:70px;
        margin-bottom:44px
    }
    .testimonial .comment-slider .single-comment .part-txt p{
        font-size:15px;
        line-height:23px;
        margin-bottom:21px
    }
    .testimonial .comment-slider .single-comment .part-txt h3{
        font-size:20px;
        margin-bottom:5px
    }
    .testimonial .comment-slider .single-comment .part-txt span{
        font-size:16px;
        font-weight:400
    }
    .testimonial .comment-slider .owl-dots{
        padding-top:30px
    }
    .testimonial .client-area{
        margin-right:0
    }
    .testimonial .client-area.client-area-2{
        margin-left:0
    }
    .testimonial .client-area.client-area-2 .clients{
        margin-bottom:0;
        margin-top:30px
    }
    .testimonial .client-area .clients{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin-bottom:30px
    }
    .testimonial .client-area .clients .part-img{
        width:80px;
        height:80px;
        margin:0 7.5px
    }
    .testimonial .comment-area{
        margin:0
    }
    .testimonial .comment-area .comment-slider-2 .single-comment{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        padding:30px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-img{
        width:100px;
        height:100px;
        margin-right:0;
        margin-bottom:50px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-img:after{
        bottom:-20px;
        right:50%;
        -webkit-transform:translateX(50%);
        -ms-transform:translateX(50%);
        transform:translateX(50%)
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-txt{
        width:100%;
        text-align:center;
        margin-top:-6px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-txt p{
        font-size:15px;
        line-height:23px;
        margin-bottom:21px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-txt h3{
        font-size:20px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-txt span{
        font-size:14px
    }
    .cta{
        padding:60px 0
    }
    .cta .part-txt{
        padding-left:0
    }
    .cta .part-txt h2{
        font-size:25px;
        line-height:33px;
        margin-top:-7px;
        margin-bottom:22px
    }
    .cta .part-btn{
        padding-right:0
    }
    .cta .part-btn a{
        height:45px;
        line-height:45px;
        padding:0 20px 0 24px;
        font-size:16px
    }
    .blog{
        padding-top:60px;
        padding-bottom:20px
    }
    .blog .single-box{
        width:290px;
        margin:0 auto 40px
    }
    .blog .single-box .part-txt{
        margin-top:-7px
    }
    .blog .single-box .part-txt .date{
        font-size:16px;
        margin-bottom:12px
    }
    .blog .single-box .part-txt h3{
        font-size:19px;
        line-height:25px;
        margin-bottom:13px
    }
    .blog .single-box .part-txt p{
        font-size:15px;
        line-height:23px;
        margin-bottom:19px
    }
    .blog .single-box .part-txt a{
        height:45px;
        line-height:45px
    }
    .footer .main-footer{
        padding:60px 0;
        padding-bottom:33px
    }
    .footer .main-footer .info{
        margin-bottom:30px
    }
    .footer .main-footer .info .logo{
        width:100px;
        margin-bottom:19px
    }
    .footer .main-footer .info .part-txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:13px
    }
    .footer .main-footer .links{
        margin-bottom:20px
    }
    .footer .main-footer .links h3{
        font-size:20px;
        margin-top:0;
        margin-bottom:15px
    }
    .footer .main-footer .links ul li a{
        font-size:15px;
        line-height:25px
    }
    .footer .copyright p{
        font-size:14px
    }
    .breadcrumb{
        padding-top:60px
    }
    .breadcrumb .part-txt{
        padding:60px 0
    }
    .breadcrumb .part-txt h1{
        font-size:35px;
        font-weight:700;
        margin-top:-4px;
        margin-bottom:17px
    }
    .breadcrumb .part-txt ul{
        margin-bottom:-2px
    }
    .breadcrumb .part-txt ul li{
        font-size:15px
    }
    .about{
        padding:60px 0
    }
    .about .part-img{
        width:290px;
        margin:0 auto 40px
    }
    .about .part-txt{
        margin-left:0
    }
    .about .part-txt .heading{
        margin-bottom:22px
    }
    .about .part-txt .txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .about .part-txt .txt .def-btn{
        margin-top:11px
    }
    .team{
        padding-top:60px;
        padding-bottom:33px
    }
    .team .single-box{
        width:290px;
        margin:0 auto 27px
    }
    .team .single-box .part-txt{
        padding-top:28px
    }
    .team .single-box .part-txt:before{
        top:-110px;
        -webkit-transform:perspective(42px) rotateX(4.6deg);
        transform:perspective(42px) rotateX(4.6deg)
    }
    .team .single-box .part-txt:after{
        top:-110px
    }
    .team .single-box .part-txt h3{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:15px
    }
    .team .single-box .part-txt p{
        font-size:14px
    }
    .team .single-box:hover .part-txt:after{
        -webkit-transform:perspective(42px) rotateX(4.6deg);
        transform:perspective(42px) rotateX(4.6deg)
    }
    .service-2.service-inner .all-service .single-box{
        width:290px;
        margin:0 auto 30px
    }
    .service-2.service-inner .all-service .def-btn{
        margin-top:0
    }
    .service-details{
        padding:60px 0
    }
    .service-details .sidebar{
        width:290px;
        margin:0 auto 40px
    }
    .service-details .sidebar h2{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:21px
    }
    .service-details .sidebar .nav .nav-link{
        height:40px;
        line-height:42px;
        font-size:14px
    }
    .service-details .main-content{
        margin-right:0
    }
    .service-details .main-content .part-img{
        border-radius:5px;
        margin-bottom:30px
    }
    .service-details .main-content .part-txt{
        margin-bottom:24px
    }
    .service-details .main-content .part-txt.part-txt-2{
        margin-bottom:-24px
    }
    .service-details .main-content .part-txt h2{
        font-size:20px;
        line-height:28px;
        margin-top:-7px;
        margin-bottom:17px
    }
    .service-details .main-content .part-txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .service-details .main-content .part-txt h3{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:21px
    }
    .service-details .main-content .part-txt .quote{
        margin-top:22px;
        padding:31px 25px 26px;
        margin-bottom:21px
    }
    .service-details .main-content .part-txt .quote:after{
        display:none
    }
    .service-details .main-content .part-txt .quote span{
        font-size:18px;
        line-height:26px
    }
    .service-details .main-content .part-txt .quote span br{
        display:none
    }
    .service-details .main-content .img{
        border-radius:5px;
        margin-bottom:30px
    }
    .service-details .next{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
    .portfolio-2.portfolio-inner{
        padding-bottom:60px
    }
    .project-details{
        padding:60px 0
    }
    .project-details .main-img{
        border-radius:5px;
        margin-bottom:40px
    }
    .project-details .main-img .project-details-slider .single-box{
        width:290px;
        border-radius:5px
    }
    .project-details .main-txt{
        padding-bottom:40px
    }
    .project-details .main-txt .information{
        padding:30px 25px;
        max-width:320px;
        margin:0 auto 40px
    }
    .project-details .main-txt .information h3{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:19px
    }
    .project-details .main-txt .information ul li{
        font-size:15px;
        line-height:25px;
        margin-bottom:6px
    }
    .project-details .main-txt .information ul li:last-child{
        margin-bottom:-7px
    }
    .project-details .main-txt .txt{
        padding-left:0;
        margin-bottom:-24px
    }
    .project-details .main-txt .txt h2{
        font-size:25px;
        line-height:33px;
        margin-top:-7px;
        margin-bottom:16px
    }
    .project-details .main-txt .txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .project-details .overview{
        padding:40px 30px;
        margin-bottom:60px
    }
    .project-details .overview .txt{
        margin-bottom:24px
    }
    .project-details .overview .txt h2{
        font-size:20px;
        line-height:25px;
        margin-top:-6px;
        margin-bottom:19px
    }
    .project-details .overview .txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .project-details .overview .img{
        width:290px;
        margin:0 auto
    }
    .project-details .related-project .title{
        margin-bottom:50px
    }
    .project-details .related-project .title h2{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:-4px
    }
    .project-details .related-project .portfolio-2 .single-box{
        width:auto
    }
    .project-details .related-project .portfolio-2 .owl-nav{
        top:-80px
    }
    .project-details .related-project .portfolio-2 .owl-nav button{
        width:45px;
        height:45px;
        line-height:42px
    }
    .project-details .related-project .portfolio-2 .owl-nav button:after{
        width:45px;
        height:45px
    }
    .project-details .related-project .portfolio-2 .owl-nav button.owl-prev{
        margin-right:10px
    }
    .faq{
        padding:60px 0
    }
    .faq .sidebar{
        width:290px;
        margin:0 auto 40px
    }
    .faq .sidebar h2{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:21px
    }
    .faq .sidebar .nav .nav-link{
        height:40px;
        line-height:42px;
        font-size:14px
    }
    .faq .main-content{
        margin-left:0
    }
    .faq .main-content .content .single-box{
        padding:30px
    }
    .faq .main-content .content .single-box h2{
        font-size:20px;
        line-height:25px;
        margin-top:-6px;
        margin-bottom:19px
    }
    .faq .main-content .content .single-box p{
        font-size:14px;
        line-height:22px;
        margin-bottom:-6px
    }
    .faq .main-content .content .pagination{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .faq .main-content .content .pagination a{
        width:40px;
        height:40px;
        line-height:40px;
        font-size:15px
    }
    .error{
        padding:60px 0
    }
    .error .part-img{
        max-width:320px;
        margin:0 auto 40px
    }
    .error .part-txt h2{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:26px
    }
    .blog-inner{
        padding-bottom:60px
    }
    .blog-inner .main-content{
        margin-bottom:50px
    }
    .blog-inner .main-content .pagination{
        padding-top:0;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .blog-inner .main-content .pagination a{
        width:40px;
        height:40px;
        line-height:40px;
        font-size:15px
    }
    .blog-inner .sidebar{
        width:290px;
        margin:0 auto
    }
    .blog-inner .sidebar .search-box{
        margin-bottom:35px
    }
    .blog-inner .sidebar .search-box form{
        padding:0 25px
    }
    .blog-inner .sidebar .search-box form input{
        font-size:14px
    }
    .blog-inner .sidebar .search-box form button{
        height:50px;
        font-size:15px
    }
    .blog-inner .sidebar h3{
        font-size:25px;
        margin-bottom:21px
    }
    .blog-inner .sidebar .category{
        margin-bottom:35px
    }
    .blog-inner .sidebar .category ul li a{
        height:45px;
        line-height:45px;
        font-size:15px;
        padding:0 20px
    }
    .blog-inner .sidebar .category ul li a span{
        font-size:15px
    }
    .blog-inner .sidebar .recent-post{
        margin-bottom:35px
    }
    .blog-inner .sidebar .recent-post ul{
        padding:15px 25px
    }
    .blog-inner .sidebar .tags .all-tag a{
        height:40px;
        line-height:40px;
        font-size:14px;
        padding:0 15px
    }
    .blog-details{
        padding:60px 0
    }
    .blog-details .main-content{
        margin-right:0;
        margin-bottom:50px
    }
    .blog-details .main-content .blog-info{
        margin-top:-5px;
        margin-bottom:14px
    }
    .blog-details .main-content .blog-info ul{
        margin-bottom:3px
    }
    .blog-details .main-content .blog-info ul li{
        font-size:14px;
        line-height:24px;
        margin-right:23px
    }
    .blog-details .main-content .part-txt{
        margin-bottom:24px
    }
    .blog-details .main-content .part-txt h2{
        font-size:20px;
        line-height:25px;
        margin-bottom:19px
    }
    .blog-details .main-content .part-txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:13px
    }
    .blog-details .main-content .part-img{
        border-radius:5px;
        margin-bottom:24px
    }
    .blog-details .main-content .quote{
        padding:30px 25px 26px;
        border-radius:5px;
        margin-bottom:24px
    }
    .blog-details .main-content .quote:after{
        display:none
    }
    .blog-details .main-content .quote p{
        font-size:20px;
        line-height:28px
    }
    .blog-details .main-content .quote p br{
        display:none
    }
    .blog-details .main-content .other-info{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        height:auto;
        line-height:inherit;
        border-radius:5px;
        padding:25px;
        margin-top:34px;
        margin-bottom:40px
    }
    .blog-details .main-content .other-info .tags{
        margin-bottom:18px
    }
    .blog-details .main-content .other-info .tags p{
        font-size:14px;
        line-height:100%;
        margin-top:-2px
    }
    .blog-details .main-content .blog-comment{
        margin-bottom:34px
    }
    .blog-details .main-content .blog-comment h3{
        font-size:20px;
        margin-bottom:27px;
        margin-top:-4px
    }
    .blog-details .main-content .blog-comment .single-comment{
        display:block;
        margin-bottom:24px
    }
    .blog-details .main-content .blog-comment .single-comment .img{
        width:60px;
        height:60px;
        margin-right:0;
        margin-bottom:20px
    }
    .blog-details .main-content .blog-comment .single-comment .txt{
        width:auto
    }
    .blog-details .main-content .blog-comment .single-comment .txt .top{
        margin-bottom:8px
    }
    .blog-details .main-content .blog-comment .single-comment .txt .top h4{
        font-size:20px;
        margin-bottom:3px
    }
    .blog-details .main-content .blog-comment .single-comment .txt .top span{
        font-size:14px
    }
    .blog-details .main-content .blog-comment .single-comment .txt .top button{
        font-size:16px
    }
    .blog-details .main-content .blog-comment .single-comment .txt p{
        font-size:14px;
        line-height:22px
    }
    .blog-details .main-content .post-a-comment h3{
        font-size:20px;
        margin-bottom:27px;
        margin-top:-4px
    }
    .blog-details .main-content .post-a-comment form input{
        height:45px;
        font-size:14px;
        margin-bottom:20px
    }
    .blog-details .main-content .post-a-comment form textarea{
        height:100px;
        font-size:14px;
        margin-bottom:17px
    }
    .contact{
        padding:60px 0
    }
    .contact .form input{
        height:45px;
        padding:0 25px;
        font-size:14px
    }
    .contact .form textarea{
        height:100px;
        padding:15px 25px;
        font-size:14px;
        margin-bottom:22px
    }
    .contact .map{
        margin-top:60px
    }
    .contact .map .address{
        top:50px;
        left:50px;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
        width:250px;
        padding:30px
    }
    .contact .map .address ul li{
        font-weight:400
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .def-btn{
        height:45px;
        line-height:45px;
        padding:0 20px 0 24px;
        font-size:16px;
        font-weight:500
    }
    .heading{
        margin-top:-9px;
        margin-bottom:50px
    }
    .heading p{
        font-size:14px;
        letter-spacing:1px;
        margin-bottom:18px
    }
    .heading h2{
        font-size:30px;
        line-height:35px;
        padding-bottom:18px
    }
    .header{
        background:#fff;
        padding:10px 0;
        border-bottom:1px solid #e7e7e7
    }
    .header.header-2{
        background:#322496;
        border-bottom:0
    }
    .header.header-2 .navbar-toggler{
        background:-webkit-gradient(linear,left top,right top,from(#FF57A0),to(#FFADA7));
        background:-webkit-linear-gradient(left,#FF57A0,#FFADA7);
        background:-o-linear-gradient(left,#FF57A0,#FFADA7);
        background:linear-gradient(90deg,#FF57A0,#FFADA7)
    }
    .header.header-2 .navbar{
        background:0 0
    }
    .header.fixed-header{
        -webkit-box-shadow:0 0;
        box-shadow:0 0
    }
    .header.fixed-header .navbar .navbar-nav{
        padding:15px
    }
    .header.fixed-header .navbar .navbar-nav .nav-item{
        padding:7px 0 8px
    }
    .header.fixed-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{
        margin-top:10px
    }
    .header.fixed-header .navbar .navbar-nav .nav-item .nav-link{
        padding:5px 0
    }
    .header .navbar-toggler{
        padding:0;
        border:0;
        width:40px;
        height:40px;
        background:-webkit-gradient(linear,right top,left top,color-stop(50%,#FF6C1C),to(#FF3A33));
        background:-webkit-linear-gradient(right,#FF6C1C 50%,#FF3A33);
        background:-o-linear-gradient(right,#FF6C1C 50%,#FF3A33);
        background:linear-gradient(-90deg,#FF6C1C 50%,#FF3A33);
        font-size:25px;
        color:#fff
    }
    .header .logo img{
        width:100%;
    }
    .header .navbar{
        background:#fff;
        -webkit-box-shadow:0 15px 20px 0 rgba(25,25,25,.1);
        box-shadow:0 15px 20px 0 rgba(25,25,25,.1);
        padding:0
    }
    .header .navbar .navbar-nav{
        padding:15px;
        max-height:320px;
        overflow-y:scroll
    }
    .header .navbar .navbar-nav .nav-item{
        padding:7px 0 8px
    }
    .header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{
        display:none;
        width:100%;
        -webkit-box-shadow:0 0 20px 0 rgba(25,25,25,.15);
        box-shadow:0 0 20px 0 rgba(25,25,25,.15);
        opacity:1;
        visibility:visible;
        margin-top:10px
    }
    .header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item{
        padding:15px 20px;
        font-size:14px
    }
    .header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show{
        display:block
    }
    .header .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item{
        padding:15px 20px
    }
    .header .navbar .navbar-nav .nav-item .nav-link{
        font-size:16px;
        font-weight:500;
        color:#1d2860;
        padding:5px 0
    }
    .banner{
        padding-top:60px
    }
    .banner.banner-2 .banner-txt{
        padding:80px 0
    }
    .banner.banner-2 .part-img{
        padding-bottom:0;
        margin:0 auto
    }
    .banner .banner-txt{
        padding:80px 0
    }
    .banner .banner-txt h1{
        font-size:30px;
        line-height:35px;
        margin-top:-7px;
        margin-bottom:16px
    }
    .banner .banner-txt p{
        font-size:16px;
        line-height:24px;
        font-weight:400;
        margin-bottom:24px
    }
    .banner .part-img{
        padding-bottom:80px;
        width:290px;
        margin:0 auto
    }
    .process{
        padding-top:60px;
        padding-bottom:30px
    }
    .process .boxes{
        display:block
    }
    .process .boxes .single-box{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin-bottom:30px
    }
    .process .boxes .single-box.top .wrap{
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
    .process .boxes .single-box.top .wrap .part-icon{
        margin-top:0;
        margin-bottom:30px
    }
    .process .boxes .single-box .wrap .part-icon{
        width:80px;
        height:80px;
        line-height:80px;
        margin-bottom:30px
    }
    .process .boxes .single-box .wrap .part-icon span{
        font-size:35px
    }
    .process .boxes .single-box .wrap .part-txt h3{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:-3px
    }
    .process .boxes .single-box .arrow{
        padding-top:30px;
        margin-left:0
    }
    .process .boxes .single-box .arrow.rotate{
        -webkit-transform:rotateY(180deg);
        transform:rotateY(180deg)
    }
    .process .boxes .single-box .arrow img{
        width:40px
    }
    .service{
        padding-top:60px;
        padding-bottom:30px
    }
    .service .single-box{
        width:290px;
        padding:30px;
        margin:0 auto 30px
    }
    .service .single-box .part-icon{
        margin-bottom:20px
    }
    .service .single-box .part-icon span{
        font-size:40px
    }
    .service .single-box .part-txt a{
        font-size:20px;
        margin-bottom:21px
    }
    .service .single-box .part-txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:-6px
    }
    .service-2{
        padding:60px 0
    }
    .service-2 .all-service .single-box{
        padding:30px
    }
    .service-2 .all-service .single-box .part-img{
        height:120px;
        margin-bottom:30px
    }
    .service-2 .all-service .single-box .part-img img{
        height:100%
    }
    .service-2 .all-service .single-box .part-txt h3{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:21px
    }
    .service-2 .all-service .single-box .part-txt p{
        font-size:15px;
        line-height:23px;
        margin-bottom:14px
    }
    .service-2 .all-service .single-box .part-txt a{
        font-size:16px
    }
    .service-2 .all-service .owl-nav{
        padding-top:30px
    }
    .choosing-reason{
        padding:60px 0
    }
    .choosing-reason.choosing-reason-2 .part-txt{
        margin-bottom:40px
    }
    .choosing-reason.choosing-reason-2 .part-img{
        margin-bottom:0
    }
    .choosing-reason .part-img{
        width:290px;
        margin:0 auto 40px
    }
    .choosing-reason .part-txt{
        margin-left:0
    }
    .choosing-reason .part-txt .heading{
        margin-bottom:29px
    }
    .choosing-reason .part-txt .txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .choosing-reason .part-txt .txt ul{
        padding-top:10px;
        margin-bottom:-24px
    }
    .choosing-reason .part-txt .txt ul li{
        font-size:16px
    }
    .choosing-reason .part-txt .txt ul li span{
        margin-right:3px
    }
    .portfolio{
        padding:60px 0
    }
    .portfolio .slider-wrap{
        max-width:290px
    }
    .portfolio .slider-wrap .portfolio-slider .single-box{
        width:290px
    }
    .portfolio .slider-wrap .portfolio-slider .single-box .part-txt{
        padding:20px 30px
    }
    .portfolio .slider-wrap .portfolio-slider .single-box .part-txt a{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:15px
    }
    .portfolio .slider-wrap .portfolio-slider .single-box .part-txt p{
        font-size:14px
    }
    .portfolio .slider-wrap .portfolio-slider .owl-dots{
        padding-top:30px
    }
    .portfolio-2{
        padding-top:60px;
        padding-bottom:30px
    }
    .portfolio-2 .single-box{
        width:290px;
        margin:0 auto 30px
    }
    .portfolio-2 .single-box .part-txt a{
        font-size:25px
    }
    .testimonial{
        padding:60px 0
    }
    .testimonial .comment-slider .single-comment{
        text-align:center
    }
    .testimonial .comment-slider .single-comment .part-img{
        width:70px;
        height:70px;
        margin-bottom:44px
    }
    .testimonial .comment-slider .single-comment .part-txt p{
        font-size:15px;
        line-height:23px;
        margin-bottom:21px
    }
    .testimonial .comment-slider .single-comment .part-txt h3{
        font-size:20px;
        margin-bottom:5px
    }
    .testimonial .comment-slider .single-comment .part-txt span{
        font-size:16px;
        font-weight:400
    }
    .testimonial .comment-slider .owl-dots{
        padding-top:30px
    }
    .testimonial .client-area{
        margin-right:0
    }
    .testimonial .client-area.client-area-2{
        margin-left:0
    }
    .testimonial .client-area.client-area-2 .clients{
        margin-bottom:0;
        margin-top:30px
    }
    .testimonial .client-area .clients{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin-bottom:30px
    }
    .testimonial .client-area .clients .part-img{
        width:80px;
        height:80px;
        margin:0 7.5px
    }
    .testimonial .comment-area{
        margin:0
    }
    .testimonial .comment-area .comment-slider-2 .single-comment{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        padding:30px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-img{
        width:100px;
        height:100px;
        margin-right:0;
        margin-bottom:50px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-img:after{
        bottom:-20px;
        right:50%;
        -webkit-transform:translateX(50%);
        -ms-transform:translateX(50%);
        transform:translateX(50%)
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-txt{
        width:100%;
        text-align:center;
        margin-top:-6px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-txt p{
        font-size:15px;
        line-height:23px;
        margin-bottom:21px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-txt h3{
        font-size:20px
    }
    .testimonial .comment-area .comment-slider-2 .single-comment .part-txt span{
        font-size:14px
    }
    .cta{
        padding:60px 0
    }
    .cta .part-txt{
        padding-left:0
    }
    .cta .part-txt h2{
        font-size:25px;
        line-height:33px;
        margin-top:-7px;
        margin-bottom:22px
    }
    .cta .part-btn{
        padding-right:0
    }
    .cta .part-btn a{
        height:45px;
        line-height:45px;
        padding:0 20px 0 24px;
        font-size:16px
    }
    .blog{
        padding-top:60px;
        padding-bottom:20px
    }
    .blog .single-box{
        width:290px;
        margin:0 auto 40px
    }
    .blog .single-box .part-txt{
        margin-top:-7px
    }
    .blog .single-box .part-txt .date{
        font-size:16px;
        margin-bottom:12px
    }
    .blog .single-box .part-txt h3{
        font-size:19px;
        line-height:25px;
        margin-bottom:13px
    }
    .blog .single-box .part-txt p{
        font-size:15px;
        line-height:23px;
        margin-bottom:19px
    }
    .blog .single-box .part-txt a{
        height:45px;
        line-height:45px
    }
    .footer .main-footer{
        padding:60px 0;
        padding-bottom:33px
    }
    .footer .main-footer .info{
        margin-bottom:30px
    }
    .footer .main-footer .info .logo{
/*        width:100px;*/
        margin-bottom:19px
    }
    .footer .main-footer .info .part-txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:13px
    }
    .footer .main-footer .links{
        margin-bottom:20px
    }
    .footer .main-footer .links h3{
        font-size:20px;
        margin-top:0;
        margin-bottom:15px
    }
    .footer .main-footer .links ul li a{
        font-size:15px;
        line-height:25px
    }
    .footer .copyright p{
        font-size:14px
    }
    .breadcrumb{
        padding-top:60px
    }
    .breadcrumb .part-txt{
        padding:60px 0
    }
    .breadcrumb .part-txt h1{
        font-size:35px;
        font-weight:700;
        margin-top:-4px;
        margin-bottom:17px
    }
    .breadcrumb .part-txt ul{
        margin-bottom:-2px
    }
    .breadcrumb .part-txt ul li{
        font-size:15px
    }
    .about{
        padding:60px 0
    }
    .about .part-img{
        width:290px;
        margin:0 auto 40px
    }
    .about .part-txt{
        margin-left:0
    }
    .about .part-txt .heading{
        margin-bottom:22px
    }
    .about .part-txt .txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .about .part-txt .txt .def-btn{
        margin-top:11px
    }
    .team{
        padding-top:60px;
        padding-bottom:33px
    }
    .team .single-box{
        width:290px;
        margin:0 auto 27px
    }
    .team .single-box .part-txt{
        padding-top:28px
    }
    .team .single-box .part-txt:before{
        top:-110px;
        -webkit-transform:perspective(42px) rotateX(4.6deg);
        transform:perspective(42px) rotateX(4.6deg)
    }
    .team .single-box .part-txt:after{
        top:-110px
    }
    .team .single-box .part-txt h3{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:15px
    }
    .team .single-box .part-txt p{
        font-size:14px
    }
    .team .single-box:hover .part-txt:after{
        -webkit-transform:perspective(42px) rotateX(4.6deg);
        transform:perspective(42px) rotateX(4.6deg)
    }
    .service-2.service-inner .all-service .single-box{
        width:290px;
        margin:0 auto 30px
    }
    .service-2.service-inner .all-service .def-btn{
        margin-top:0
    }
    .service-details{
        padding:60px 0
    }
    .service-details .sidebar{
        width:290px;
        margin:0 auto 40px
    }
    .service-details .sidebar h2{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:21px
    }
    .service-details .sidebar .nav .nav-link{
        height:40px;
        line-height:42px;
        font-size:14px
    }
    .service-details .main-content{
        margin-right:0
    }
    .service-details .main-content .part-img{
        border-radius:5px;
        margin-bottom:30px
    }
    .service-details .main-content .part-txt{
        margin-bottom:24px
    }
    .service-details .main-content .part-txt.part-txt-2{
        margin-bottom:-24px
    }
    .service-details .main-content .part-txt h2{
        font-size:20px;
        line-height:28px;
        margin-top:-7px;
        margin-bottom:17px
    }
    .service-details .main-content .part-txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .service-details .main-content .part-txt h3{
        font-size:20px;
        margin-top:-3px;
        margin-bottom:21px
    }
    .service-details .main-content .part-txt .quote{
        margin-top:22px;
        padding:31px 25px 26px;
        margin-bottom:21px
    }
    .service-details .main-content .part-txt .quote:after{
        display:none
    }
    .service-details .main-content .part-txt .quote span{
        font-size:18px;
        line-height:26px
    }
    .service-details .main-content .part-txt .quote span br{
        display:none
    }
    .service-details .main-content .img{
        border-radius:5px;
        margin-bottom:30px
    }
    .service-details .next{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
    .portfolio-2.portfolio-inner{
        padding-bottom:60px
    }
    .project-details{
        padding:60px 0
    }
    .project-details .main-img{
        border-radius:5px;
        margin-bottom:40px
    }
    .project-details .main-img .project-details-slider .single-box{
        width:290px;
        border-radius:5px
    }
    .project-details .main-txt{
        padding-bottom:40px
    }
    .project-details .main-txt .information{
        padding:30px 25px;
        max-width:320px;
        margin:0 auto 40px
    }
    .project-details .main-txt .information h3{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:19px
    }
    .project-details .main-txt .information ul li{
        font-size:15px;
        line-height:25px;
        margin-bottom:6px
    }
    .project-details .main-txt .information ul li:last-child{
        margin-bottom:-7px
    }
    .project-details .main-txt .txt{
        padding-left:0;
        margin-bottom:-24px
    }
    .project-details .main-txt .txt h2{
        font-size:25px;
        line-height:33px;
        margin-top:-7px;
        margin-bottom:16px
    }
    .project-details .main-txt .txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .project-details .overview{
        padding:40px 30px;
        margin-bottom:60px
    }
    .project-details .overview .txt{
        margin-bottom:24px
    }
    .project-details .overview .txt h2{
        font-size:20px;
        line-height:25px;
        margin-top:-6px;
        margin-bottom:19px
    }
    .project-details .overview .txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px
    }
    .project-details .related-project .title{
        margin-bottom:50px
    }
    .project-details .related-project .title h2{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:-4px
    }
    .project-details .related-project .portfolio-2 .owl-nav{
        top:-80px
    }
    .project-details .related-project .portfolio-2 .owl-nav button{
        width:45px;
        height:45px;
        line-height:42px
    }
    .project-details .related-project .portfolio-2 .owl-nav button:after{
        width:45px;
        height:45px
    }
    .project-details .related-project .portfolio-2 .owl-nav button.owl-prev{
        margin-right:10px
    }
    .faq{
        padding:60px 0
    }
    .faq .sidebar{
        width:290px;
        margin:0 auto 40px
    }
    .faq .sidebar h2{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:21px
    }
    .faq .sidebar .nav .nav-link{
        height:40px;
        line-height:42px;
        font-size:14px
    }
    .faq .main-content{
        margin-left:0
    }
    .faq .main-content .content .single-box{
        padding:30px 25px
    }
    .faq .main-content .content .single-box h2{
        font-size:20px;
        line-height:25px;
        margin-top:-6px;
        margin-bottom:19px
    }
    .faq .main-content .content .single-box p{
        font-size:14px;
        line-height:22px;
        margin-bottom:-6px
    }
    .faq .main-content .content .pagination{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .faq .main-content .content .pagination a{
        width:40px;
        height:40px;
        line-height:40px;
        font-size:15px
    }
    .error{
        padding:60px 0
    }
    .error .part-img{
        max-width:320px;
        margin:0 auto 40px
    }
    .error .part-txt h2{
        font-size:25px;
        margin-top:-3px;
        margin-bottom:26px
    }
    .blog-inner{
        padding-bottom:60px
    }
    .blog-inner .main-content{
        margin-bottom:50px
    }
    .blog-inner .main-content .pagination{
        padding-top:0;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .blog-inner .main-content .pagination a{
        width:40px;
        height:40px;
        line-height:40px;
        font-size:15px
    }
    .blog-inner .sidebar{
        width:290px;
        margin:0 auto
    }
    .blog-inner .sidebar .search-box{
        margin-bottom:35px
    }
    .blog-inner .sidebar .search-box form{
        padding:0 25px
    }
    .blog-inner .sidebar .search-box form input{
        font-size:14px
    }
    .blog-inner .sidebar .search-box form button{
        height:50px;
        font-size:15px
    }
    .blog-inner .sidebar h3{
        font-size:25px;
        margin-bottom:21px
    }
    .blog-inner .sidebar .category{
        margin-bottom:35px
    }
    .blog-inner .sidebar .category ul li a{
        height:45px;
        line-height:45px;
        font-size:15px;
        padding:0 20px
    }
    .blog-inner .sidebar .category ul li a span{
        font-size:15px
    }
    .blog-inner .sidebar .recent-post{
        margin-bottom:35px
    }
    .blog-inner .sidebar .recent-post ul{
        padding:15px 25px
    }
    .blog-inner .sidebar .tags .all-tag a{
        height:40px;
        line-height:40px;
        font-size:14px;
        padding:0 15px
    }
    .blog-details{
        padding:60px 0
    }
    .blog-details .main-content{
        margin-right:0;
        margin-bottom:50px
    }
    .blog-details .main-content .blog-info{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin-top:-5px;
        margin-bottom:14px
    }
    .blog-details .main-content .blog-info ul{
        margin-bottom:3px
    }
    .blog-details .main-content .blog-info ul li{
        font-size:14px;
        line-height:24px
    }
    .blog-details .main-content .part-txt{
        margin-bottom:24px
    }
    .blog-details .main-content .part-txt h2{
        font-size:20px;
        line-height:25px;
        margin-bottom:19px
    }
    .blog-details .main-content .part-txt p{
        font-size:14px;
        line-height:22px;
        margin-bottom:13px
    }
    .blog-details .main-content .part-img{
        border-radius:5px;
        margin-bottom:24px
    }
    .blog-details .main-content .quote{
        padding:30px 25px 26px;
        border-radius:5px;
        margin-bottom:24px
    }
    .blog-details .main-content .quote:after{
        display:none
    }
    .blog-details .main-content .quote p{
        font-size:20px;
        line-height:28px
    }
    .blog-details .main-content .quote p br{
        display:none
    }
    .blog-details .main-content .other-info{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        height:auto;
        line-height:inherit;
        border-radius:5px;
        padding:25px;
        margin-top:34px;
        margin-bottom:40px
    }
    .blog-details .main-content .other-info .tags{
        margin-bottom:18px
    }
    .blog-details .main-content .other-info .tags p{
        font-size:14px;
        line-height:100%;
        margin-top:-2px
    }
    .blog-details .main-content .blog-comment{
        margin-bottom:34px
    }
    .blog-details .main-content .blog-comment h3{
        font-size:20px;
        margin-bottom:27px;
        margin-top:-4px
    }
    .blog-details .main-content .blog-comment .single-comment{
        display:block;
        margin-bottom:24px
    }
    .blog-details .main-content .blog-comment .single-comment .img{
        width:60px;
        height:60px;
        margin-right:0;
        margin-bottom:20px
    }
    .blog-details .main-content .blog-comment .single-comment .txt{
        width:auto
    }
    .blog-details .main-content .blog-comment .single-comment .txt .top{
        margin-bottom:8px
    }
    .blog-details .main-content .blog-comment .single-comment .txt .top h4{
        font-size:20px;
        margin-bottom:3px
    }
    .blog-details .main-content .blog-comment .single-comment .txt .top span{
        font-size:14px
    }
    .blog-details .main-content .blog-comment .single-comment .txt .top button{
        font-size:16px
    }
    .blog-details .main-content .blog-comment .single-comment .txt p{
        font-size:14px;
        line-height:22px
    }
    .blog-details .main-content .post-a-comment h3{
        font-size:20px;
        margin-bottom:27px;
        margin-top:-4px
    }
    .blog-details .main-content .post-a-comment form input{
        height:45px;
        font-size:14px;
        margin-bottom:20px
    }
    .blog-details .main-content .post-a-comment form textarea{
        height:100px;
        font-size:14px;
        margin-bottom:17px
    }
    .contact{
        padding:60px 0
    }
    .contact .form input{
        height:45px;
        padding:0 25px;
        font-size:14px
    }
    .contact .form textarea{
        height:100px;
        padding:15px 25px;
        font-size:14px;
        margin-bottom:22px
    }
    .contact .map{
        margin-top:60px
    }
    .contact .map .address{
        top:50px;
        left:50%;
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%);
        width:250px;
        padding:30px
    }
    .contact .map .address ul li{
        font-weight:400
    }
}
.headericon{
	height: 39px !important;
    line-height: 39px !important;
    padding: 0 10px !important;
    margin: 3px;
}
.align-items-end {
    -ms-flex-align: center !important;
    align-items: center !important;
}
.footerbt .nav-btn {
    background: linear-gradient(90deg,#3FB0F7,#5754FE);
    border: 0;
    position: relative;
    z-index: 2;
    height: 55px;
    line-height: 53px;
    font-size: 18px;
    font-weight: 600;
    color: #fff !important;
    border-radius: 5px;
    transition: 0.5s !important;
    width: 100%; 
    padding: 0px; 
    text-align: center; 
} 
.footerbt .nav-btn:hover {
    background: linear-gradient(-90deg,#3FB0F7,#5754FE);
}
.part-img img{
    height: 100%;
}
.service-img-sec{
    height: 50vh;
}
service-img-sec a {
    color: white ;
    text-decoration: none;
    background-color: transparent;
}
.Terms-h h4{
    color: #FF6C1C;
}
.more-services{
    display: flex;
    justify-content: center;
    align-items: center;
}
.customize-service{
    background: linear-gradient(-90deg,#FF6C1C 50%,#FF3A33);
    border-radius: 5px;
    padding: 17px 45px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    position: relative;
}
.icons-class{
    color: #d8622d !important;
    font-size: 24px;
}
.service-view{
    /* background: #1d2860; */
    border-bottom: 5px solid #FF3A33;
    color: #1d2860 !important;
    width: 100%;
    text-align: center;
    padding: 12px 0px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 20px;
}
#select-catg{
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.example-image{
    width: auto;
    margin: 40px;
    border-radius: 15px;
    border: 2px solid black;
    height: 20vh;
}
.whiteback{
    background: url("../../assets/images/breadcrumb/backgroundwhite.jpg");
    background-size: cover;
    background-attachment: fixed;
}
.optimize-btn{
   background-color: #212529;
    color: white;
    text-align: center;
    padding: 8px 35px;
display: block;
margin: auto;
    border-radius: 8px;
    font-size: 18px;
}
.optimize-btn:hover{color:#fff;}
.white-color{
    color: white !important;
}
#select-services{
    width: 100%;
    height: 55px;
    background: #f8f7ff;
    border-radius: 5px;
    border-color: #f8f7ff !important;
    padding: 0 30px;
    margin-bottom: 20px;
    font-size: 17px;
    color: #1d2860;
}
.link-home{
    color: #1d2860 !important;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 0px;
}
#marginonly_1{
    display: block;
    width: auto;
    margin: auto 0px;
}
.active_menu{color: #ff5e19 !important;}
.a-color{
    color: white;
}

.hiring-pad{
    margin-top: 80px;
}
.filter-button{
    padding: 6px 15px;
    font-size: 18px;
    border: 2px solid #f0f0f0 ;
    border-radius: 20px;
    margin: 0px 8px;
}
.active-tab {
    background: #1d2860;
      color: #fff;
      border: 1px solid #1d2860;
    }

    .light-blue_bg{
        background: #edf2f7;
        border-radius: 4px;
        text-transform: capitalize;
        text-align: center;
        padding: 8px 0px;
        font-weight: 400;
        letter-spacing: 1px;
        font-size: 14px;
      }
      .title-type{
        font-size: 20px;
        font-weight: 500;
        color: #0a2134;
      }
    .time-exp{
        background-color: #edf2f7;
        border-radius: 4px;
        text-transform: capitalize;
    }
    .blue-btn{
        width: 100%;
      color: #fff;
      background: #1d2860;
      border: 1px solid #1d2860;
      border-radius: 8px;
      opacity: 1 !important;
      font-size: 17px;
      font-weight: 500;
      margin-top: 33px;
    }
    .blue-btn:hover{
      background-color: white;
      color: #1d2860;
      border-color: #1d2860;
    }
    .icon-col{
      color: #1d2860;
    }
    .item {
        display: none;
        margin: 20px 0px;
        padding: 18px 25px;
        border: 1px solid #ccc ;
        background-color: white;
        border-radius: 8px;
    }
    .special-flex {
        display: flex;
        align-items: center; 
        justify-content: space-between;
      }
      .right-part{
       display: flex;
       justify-content: end;
      }
      .applicable{
        color: #FF6C1C;
        text-align: center;
      }
      .whatsicon{
        position: fixed;
        z-index: 9999999;
        top: 50%;
        right: 2%;
        height: 60px;
      }
      .left-part{
        margin-top: 33px;
      }
    /* responsive */

@media only screen and (min-width: 320px) and (max-width: 479px){
    .breadcrumb .part-txt {
        padding: 92px 0;
    }
   
    .email-mt{
        margin-top: 13px;
    }
    .blue-btn {
        color: #fff;
        background: #1d2860;
        border: 1px solid #1d2860;
        border-radius: 8px;
        opacity: 1 !important;
        font-size: 17px;
        font-weight: 500;
        margin-top: 20px;
        width: 100%;
        display: block;
        font-size: 14px;
    }
    .special-dflex{
        display: block;
    }
    .list-unstyled {
        padding-left: 0;
        list-style: none;
        margin-top: 15px;
        line-height: 29px;
    }
    .filter-button {
        padding: 6px 15px;
        font-size: 18px;
        border: 2px solid #f0f0f0;
        border-radius: 20px;
        margin: 4px 8px;
    }
    .portfolio-2 .single-box {
        width: 100%;
        margin: 0 auto 30px;
        /*margin-left: 55px;*/
    }
    .cta .part-btn {
        padding-right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .banner .banner-txt {
        padding: 50px 0;
    }
    .breadcrumb .part-txt ul li {
        font-size: 15px;
        margin-top: 8px;
    }
    .about .part-txt .heading h2 {
        font-size: 30px;
        line-height: 43px;
        padding: 0;
        margin-top: -5px;
    }
}
@media only screen and (max-width: 320px){
    .portfolio-2 .single-box {
        width: 100%;
        margin: 0 auto 30px;
        /*margin-left: 2px;*/
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    
    .light-blue_bg {
        background: #edf2f7;
        border-radius: 4px;
        text-transform: capitalize;
        text-align: center;
        padding: 8px 0px;
        font-weight: 400;
        letter-spacing: 1px;
        font-size: 13px;
    }
    .breadcrumb .part-txt ul li{
        margin-top: 5px;
    }
    .header .navbar .navbar-nav .nav-item .nav-link {
        padding: 47px 20px;
        font-size: 15px;
        line-height: 100%;
        font-weight: 600;
        color: #1d2860;
        position: relative;
    }
    .def-btn{
        font-size: 14px;
    }
    .service-details .sidebar .nav .nav-link {
        font-size: 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .left-part{
        margin-top: 22spx;
      }
    .breadcrumb .part-txt {
        padding: 95px 0;
    }
    .breadcrumb .part-txt ul li {
        font-size: 15px;
        margin-top: 8px;
    }
    .about .part-txt .txt p {
        font-size: 12px;
        line-height: 19px;
        margin-bottom: 18px;
    }
    .service-details .sidebar .nav .nav-link {
        font-size: 13px;
    }
}
@media only screen and (max-width:768px){
   
    .special-flex {
        flex-direction: row; 
        justify-content: space-between; 
      }
    .email-mt{
        margin-top: 13px;
    }
    .list-unstyled {
        padding-left: 0;
        list-style: none;
        margin-top: 15px;
        line-height: 29px;
    }
    .special-dflex{
        display: block;
    }
    .filter-button {
        padding: 6px 15px;
        font-size: 18px;
        border: 2px solid #f0f0f0;
        border-radius: 20px;
        margin: 6px 8px;
    }
}
@media only screen and (max-width:1024px) {
    .right-part{
        margin: 25px 0px;
        display: flex;
        justify-content: center;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px){
    .breadcrumb .part-txt {
        padding: 97px 0;
    }
   
    .breadcrumb .part-txt ul li {
        font-size: 15px;
        margin-top: 8px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 575px){
    .breadcrumb .part-txt {
        padding: 97px 0;
    }
   
    .portfolio-2 .single-box {
        width: 100%;
        margin: 0 auto 30px;
        /*margin-left: 118px;*/
    }
    .breadcrumb .part-txt ul li {
        margin-top: 8px;
    }
}