/* ***** Common Css **** */

:root {

    scroll-behavior: initial;

}



* {

    margin: 0;

    padding: 0;

    text-decoration: none;

    list-style: none;

}

a:hover,

a:focus,

a:active {

    text-decoration: none;

}

ol,

ul {

    margin: 0;

    padding: 0;

}

img {

    display: block;

}

figure{margin: 0;}

a,button {

    transition: 0.4s linear;

    -webkit-transition: 0.4s linear;

    text-decoration: none;

}



body {

    font-family: "Poppins", sans-serif;

    font-size: 14px;

    font-weight: 400;

    color: #000;

    text-decoration: none;

}

.slick-track,.slick-initialized{

  opacity: 1 !important;

}

.slick-slider {

  opacity: 0;

}

.slick-initialized.slick-slider{

  opacity: 1;

}



.main-wrpper {

    height: 100%;

    width: 100%;

    overflow: hidden;

}

.container{

    max-width: 1520px;

}

h1,h2{

    font-family: "DM Sans", sans-serif;

}

/* ***** End Common Css **** */



/* **** Header **** */

header{

    position: fixed;

    top: 0px;

    left: 0;

    right: 0;

    background: transparent;

    padding: 0;

    z-index: 120;

    border-bottom: 1px solid rgba(255, 255, 255, 0.15);

    transition: 0.4s linear;

    -webkit-transition: 0.4s linear;

}

header .container{

    max-width: 1720px;

}

.navbar .container .navbar-brand,

.navbar .container-fluid .navbar-brand {

    margin-left: 0;

}

.navbar-brand {

    float: none;

    height: auto;

    padding: 0 40px 0 0;    

    margin: 0;

}

.navbar-brand img {

    max-width: 100%;

    height: 50px;

}

.navbar {

    background: transparent;

    position: relative;

    width: 100%;

    left: 0;

    top: 0;

    border: none;

    border-radius: 0;

    margin: 0;

    padding: 0;

    z-index: 120;

    transition: 0.4s linear;

    -webkit-transition: 0.4s linear;

}

.nav-row{

    display: flex;

    align-items: center;

    width: 100%;

}

.navbar-light .navbar-nav {

    margin: 0 auto;

    width: 100%;

    border-right:1px solid rgba(255, 255, 255, 0.15);

    border-left:1px solid rgba(255, 255, 255, 0.15);

    justify-content: center;

}

.navbar-light .navbar-nav li {

    margin-right: 55px;

}

.navbar-light .navbar-nav li:last-child {

    margin-right: 0;

}

.navbar-light .navbar-nav .nav-link{

    padding: 50px 0px;

    color: #fff;

    font-size: 20px;

    text-transform: uppercase;

    position: relative;

    font-weight: 500;

    overflow: hidden;

    transition: 0.4s linear;

    -webkit-transition: 0.4s linear;

}

.navbar-light .navbar-nav .nav-link:before{

    position: absolute;

    content: '';

    background: url('../images/mono-lg.svg') 0 0 no-repeat;

    background-size: 100% 100%;

    width: 12px;

    height: 46px;

    top:-100%;

    left: 0;

    right: 0;

    margin: 0 auto;

    transition: .6s linear;

    -webkit-transition: .6s linear;

}

.navbar .navbar-nav li a:focus,

.navbar .navbar-nav li a:hover,

.navbar .navbar-nav li a:hover {

    color: #016AFB;

}

.navbar .navbar-nav .active a,

.navbar .navbar-nav .active a:focus,

.navbar .navbar-nav .active a:hover {

    color: #016AFB;

}

.navbar-light .navbar-nav .nav-link.active,

.navbar-light .navbar-nav .nav-link:focus,

.navbar-light .navbar-nav .nav-link:hover {

    color: #016AFB;

}

.navbar-light .navbar-nav .nav-link.active:before,

.navbar-light .navbar-nav .nav-link:hover:before{

    top: 0;

}



ul.enter-nav{

    display: flex;

    align-items: center;

    justify-content: flex-end;

    padding: 0 0 0 75px;

}

ul.enter-nav li{

    margin-right: 20px;

}

ul.enter-nav li:last-child{

    margin: 0;

}

ul.enter-nav li a{

    position: relative;

    padding: 15px 15px 15px 35px;

    overflow: hidden;

    border: none;

    border-radius: 5px;

    background: #0160E7;

    font-size: 18px;

    font-weight: 500;

    color: #fff;

    min-width: 165px;

    display: block;

    line-height: 20px;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

ul.enter-nav li a span{

    position: relative;

    z-index: 1;

}

ul.enter-nav li a:after{

    position: absolute;

    content: '';

    width: 25px;

    height: 100%;

    background: linear-gradient(180deg, #2F86FF 0%, rgba(47, 134, 255, 0) 100%);

    border-radius:0 100px 100px 0;

    top: 0;

    left: 0;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

ul.enter-nav li a:hover:after{

    width: 100%;

    border-radius: 0;

}



header.nav-new{

    background: #000;

}

header.nav-new .navbar-light .navbar-nav .nav-link{

    padding: 30px 0;

}

header.nav-new .navbar-light .navbar-nav .nav-link:before{width: 8px;height: 30px;}

/* **** End Header **** */



/* **** toggler **** */

.navbar-light .navbar-toggler {background-color: transparent;border-radius: 0;outline: none;box-shadow: none;border: none;height: 40px;width: auto;padding: 0;}

.navbar-light .navbar-toggler:focus {box-shadow: none;outline: none; }

.navbar-light .navbar-toggler .navbar-toggler-icon {background-image: unset;}

.navbar-toggler:active, .navbar-toggler:focus { outline: none; }

.navbar-light .navbar-toggler-icon {width: 24px;height: 18px;background-image: none;position: relative;border-bottom: 2px solid #fff;transition: all 300ms linear;}

.navbar-light .navbar-toggler-icon:after,

.navbar-light .navbar-toggler-icon:before {width: 24px;position: absolute;height: 2px;background-color: #fff;top: 0;left: 0;content: "";z-index: 2;transition: all 300ms linear;}

.navbar-light .navbar-toggler-icon:after {top: 8px;}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {transform: rotate(45deg);}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {transform: translateY(8px) rotate(-45deg);}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {border-color: transparent;}

/* **** End toggler **** */



/* **** Hero Banner **** */

.hero-banner{

    position: relative;

    padding: 210px 0 60px;

    background: #000;

    overflow: hidden;

}

.hero-banner .container{

    max-width: 1600px;

    position: relative;

}

.banner-img-freambox{

    position: relative;

    z-index: 5;

    max-width: 580px;

}

.inbanner-box{

    max-width: 205px;

    height: 205px;

    width: 205px;

    position: relative;

    margin: 0 0 30px;

}

.inbanner-box:after{

    position: absolute;

    content: '';

    height: 190px;

    width: 190px;

    background: url('../images/line-shp.png') 0 0 no-repeat;

    background-size: 100% 100%;

    top: -10px;

    right:-10px;

}
.banner-img-freambox .inbanner-box:first-child{
    padding: 10px 0 0;
}
.banner-img-freambox .inbanner-box:first-child:after{
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.inbanner-box img{

    height: 205px;

    width: 205px;

    border-radius: 15px;

    object-fit: contain;

    position: relative;

    z-index: 1;

}

.banner-img-freambox .inbanner-box:nth-child(3):after{
    left: -10px;
    right: auto;
}
.banner-img-freambox .inbanner-box:nth-child(4):after{
    left: -10px;
    right: auto;
    top: auto;
    bottom: -10px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}


.inbanner-box.seondbox{

    margin: 0 0 30px 25%;

}

.inbanner-box.fouebox{

    margin: 0 0 0 auto;

    position:absolute;

    right: 0;

    bottom: 15%;

}

.banner-data-row{

    max-width: 1290px;

    width: 100%;

    position: absolute;

    top: 40px;

    z-index: 5;

    right: 0;

}

.banner-data-row h1{

    font-size: 70px;

    font-weight: bold;

    line-height: 75px;

    color: #fff;

    text-align: center;

    margin: 0 0 30px;

    position: relative;

    display: table;

    padding: 0 120px;

}

.banner-data-row h1 span{

    position: relative;

    z-index: 1;

    padding: 0 30px;

    background: #000;

}

.banner-data-row h1:before{

    position: absolute;

    content: '';

    background: url('../images/title-left.svg') 0 0 no-repeat;

    background-size: 100% 100%;

    width: 110px;

    height: 12px;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}

.banner-data-row h1:after{

    position: absolute;

    content: '';

    background: url('../images/title-right.svg') 0 0 no-repeat;

    background-size: 100% 100%;

    width: 110px;

    height: 12px;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}

.banner-data-row h2{

    font-size: 70px;

    font-weight: 400;

    color: #fff;

    line-height: 75px;

    margin: 0 19% 30px 0;

    text-align: right;

    text-transform: capitalize;

}

.banner-data-row h3{

    text-align: right;

    margin: 0;

    font-size: 70px;

    font-weight: 700;

    text-transform: capitalize;

    color: #016AFB;

    line-height: 75px;

    margin: 0 0 60px;

}

.banner-data-row p{

    max-width: 770px;

    margin: 0 0 0 auto;

    font-size: 18px;

    font-weight: 300;

    color: rgba(255, 255, 255, 0.60);

    line-height: 28px;

    padding: 0 100px 0 0;

}



.social-bx{

    position: absolute;

    bottom: 40px;

    right:60px;

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    transform-origin: right;

    z-index: 5;

}

.social-bx ul{

    display: flex;

    align-items: center;

}

.social-bx ul li{

    margin-right:10px;

}

.social-bx ul li:last-child{

    margin: 0;

}

.social-bx ul li a{

    padding: 0 0 0 35px;

    position: relative;

    font-size: 18px;

    font-weight: 300;

    line-height: 18px;

    color: #fff;

}

.social-bx ul li a:before{

    position: absolute;

    content: '';

    width: 30px;

    height:2px;

    background: #016AFB;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}

.social-bx ul li a:hover{

    color: rgba(255, 255, 255, 0.60);

}



.btn-scroll{

    width: 36px;

    height: 76px;

    border-radius: 30px;

    border: 1px solid rgba(255, 255, 255, 0.30);

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    bottom: 40px;

    left: 0;

    right: 0;

    margin: 0 auto;
    z-index: 50;
}

.btn-scroll:hover{

    background: #fff;

    border-color: #fff;

}



img.banner-shp{

    position: absolute;

    top: 0;

    right: 0;

}

/* **** End Hero Banner **** */



/* **** About **** */

.about-wrp{

    padding: 165px 0;

    position: relative;

}

.about-wrp .container{

    max-width: 1560px;

}

.about-data-block{

    padding: 0 50px 0 130px;

}

.about-data-block h2{

    position: relative;

    font-size: 60px;

    font-weight: 600;

    color: #000000;

    margin: 0 0 30px;

    line-height: 55px;

}

.about-data-block h2 span{

    font-weight: 200;

}

.about-data-block h2:before{

    position: absolute;

    content: '';

    width: 110px;

    height: 15px;

    background: url('../images/title-shop1.svg') 0 0 no-repeat;

    background-size: 100% 100%;

    top: 50%;

    left: -130px;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}

.about-data-block p{

    font-size: 20px;

    font-weight: 300;

    color: #757575;

    line-height: 30px;

    margin: 0 0 40px;

}



.about-tabs .nav-tabs{

    margin: 0;

    border: none;

}

.about-tabs .nav-tabs li{

    margin: 0 0 15px;

    width: 100%;

}

.about-tabs .nav-tabs li a{

    padding: 0 30px 15px 0;

    border-radius: 0;

    border: none;

    margin: 0;

    font-size: 30px;

    font-weight: 300;

    color: rgba(0, 0, 0, 0.25);

    line-height: 40px;

    position: relative;

    border-bottom: 1px solid #D9D9D9;

}

.about-tabs .nav-tabs li a:after{

    position: absolute;

    font-family: "Font Awesome 5 Pro";

    content: "\f067";

    color: #016AFB;

    font-size: 20px;

    right: 0;

    top: 0;

    opacity: 0.25;

}

.about-tabs .nav-tabs li:last-child{

    margin: 0;

}

.about-tabs .nav-tabs .nav-item.show .nav-link, .about-tabs .nav-tabs .nav-link.active{

    color: #000;

    border-bottom: 1px solid #D9D9D9;

}

.about-tabs .nav-tabs .nav-item.show .nav-link:after, .about-tabs .nav-tabs .nav-link.active:after{

    content:"\f068";

    opacity: 1;

}



.about-bref-dt .row{

    align-items: center;

}

.about-owner-box{

    position: relative;

}

.about-owner-box:after{

    position: absolute;

    content: '';

    background: url('../images/owner-shp.png') 0 0 no-repeat;

    background-size: 100% 100%;

    bottom: -10px;

    right: -10px;

    width: 100%;

    height: 100%;

}

.about-owner-box figure{

    position: relative;

    border-radius: 10px;

    overflow: hidden;

    z-index: 1;

}

.about-owner-box img{

    width: 100%;

}

.about-owner-box figure:after{

    position: absolute;

    content: '';

    background: linear-gradient(180deg, rgba(1, 106, 251, 0) 55%, #016AFB 100%);

    border-radius: 10px;

    width: 100%;

    height: 100%;

    bottom: 0;

    left: 0;

    right: 0;

}

.stemp-ic{

    position: absolute;

    top:-50px;

    right:-50px;

}

.stemp-ic figure{

    border-radius: 0;

}

.stemp-ic figure:after{display: none;}

.stemp-ic img{

    width: 150px;

}

.about-inner-data{

    padding: 0 0 0 15px;

    display: flex;

    flex-flow: column;

    justify-content: flex-end;

    align-items: flex-end;

}

.about-inner-data p{

    font-size: 18px;

    font-weight: 300;

    max-width: 530px;

    color: #757575;

    line-height: 26px;

    margin: 0 0 30px;

    text-align: right;

}

.about-inner-data p:last-child{

    margin: 0;

}



.achivement-data{

    padding: 0 0 0 30px;

}

.achivement-data ul li{

    font-size: 18px;

    font-weight: 300;

    color: #757575;

    line-height: 25px;

    padding: 0 0 0 20px;

    position: relative;

    margin: 0 0 30px;

}

.achivement-data ul li:last-child{

    margin: 0;

}

.achivement-data ul li:before{

    position: absolute;

    content: '';

    background: url('../images/chack-ic.svg') 0 0 no-repeat;

    background-size: 100% 100%;

    width: 13px;

    height: 12px;

    top: 7px;

    left: 0;

}



.accolades-data ul li{

    padding:20px 0;

    display: flex;

    align-items: center;

    border-bottom: 1px solid #D9D9D9;

}

.accolades-img{

    min-width:95px;

    margin-right: 15px;

    max-width: 95px;

}

.accolades-img img{
    width: 100%;
    transition: .4s linear;
    -webkit-transition: .4s linear;
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1); 
}
.accolades-data ul li:hover .accolades-img img{
    -webkit-filter: grayscale(0);
    filter: none;
}
.accolades-data ul li p{

    margin: 0;

    font-size: 16px;

    font-weight: 300;

    color: #757575;

    line-height: 26px;

}

.accolades-data ul li:nth-child(even) .accolades-img{

    margin: 0 0 0 15px;

}

.accolades-data ul li:nth-child(even) p{

    text-align: right;

}

.accolades-data h5{

    text-align: center;

    margin: 25px auto 0;

    font-size: 18px;

    font-weight: 300;

    color: #757575;

}

.accolades-data h5 strong{

    font-weight: 500;

    color: #016AFB;

}



.videos-row{

    padding: 0 0 0 50px;

}

.videos-block{

    padding: 0 0 25px;

    margin: 0 0 25px;

    border-bottom: 1px solid #D9D9D9;

}

.videos-block:last-child{

    padding: 0;

    border: none;

    margin: 0;

}

.video-box{

    padding: 15px;

    background: rgba(1, 106, 251, 0.01);

    border: 1px solid rgba(1, 106, 251, 0.8);

    border-radius: 15px;

}

.video-box figure{

    position: relative;

    overflow: hidden;

    border-radius: 10px;

}

.video-box figure:before{

    position: absolute;

    content: '';

    background: #000;

    opacity: 0.40;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.btn-play{

    width: 57px;

    height: 57px;

    border-radius: 100%;

    background: rgba(255, 255, 255, 0.30);

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    margin: 0 auto;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    z-index: 1;

    line-height: 56px;

    text-align: center;

    color: #016AFB;

    font-size: 12px;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.btn-play i{

    position: relative;

    z-index: 5;

}

.btn-play:after{

    position: absolute;

    content: '';

    width: 43px;

    height: 43px;

    border-radius: 100%;

    background: #fff;

    opacity: 0.50;

    top:6px;

    left: 0;

    right: 0;

    margin: 0 auto;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.btn-play:before{

    position: absolute;

    content: '';

    width: 27px;

    height: 27px;

    border-radius: 100%;

    background: rgba(255, 255, 255, 1);

    top:14px;

    left: 0;

    right: 0;

    margin: 0 auto;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.btn-play:hover{

    background: rgba(1,106,251,0.30);

    color: #fff;

}

.btn-play:hover:after{

    background: rgba(1,106,251,0.50);

}

.btn-play:hover:before{

    background: rgba(1,106,251,1);

}

.nav-link:focus-visible{box-shadow: none;}

/* **** End About **** */



/* **** What We Offer **** */

.what-we-offer-wrp{

    padding: 70px 0 150px;

    position: relative;

}

.what-we-offer-wrp:after{

    position: absolute;

    content: '';

    background: rgba(0, 0, 0, 0.05) url('../images/service-back.png') top left no-repeat;

    background-size: contain;

    width: 100%;

    height: 450px;

    top: 0;

    left: 0;

    right: 0;

}

.what-we-offer-wrp .container{

    position: relative;

    z-index: 1;

}

.what-we-offer-wrp .row{

    margin: 0 -20px;

}

.what-we-offer-wrp .row .col-md-3{

    padding: 0 20px;

}

.service-offerbox{

    padding: 20px;

    background: #FFFFFF;

    box-shadow: 4px 4px 30px rgba(0, 0, 0, 0.1);

    border-radius: 10px;

    margin: 0;

    position: relative;

}

.what-we-offer-wrp .row .col-md-3:nth-child(odd) .service-offerbox{

    margin: 70px 0 0;

}

.service-offerbox:after{

    position: absolute;

    content: '';

    background: url('../images/service-shap.png') 0 0 no-repeat;

    background-size: 100% 100%;

    width: 100%;

    height: 100%;

    top: -10px;

    right: -10px;

    z-index: -1;

    opacity: 0;

    visibility: hidden;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.service-ic{

    width: 80px;

    height: 80px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgba(1, 106, 251, 0.05);

    border: 1px solid rgba(1, 106, 251, 0.2);

    box-shadow: inset 0px -6px 10px rgba(255, 255, 255, 0.15);

    border-radius: 10px;

    margin: 0 0 20px;

    position: relative;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.service-ic img{

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.service-dt h3{

    font-size: 30px;

    font-weight: 300;

    color: #000000;

    line-height: 40px;

    margin: 0 0 16px;

}

.service-dt ul{

    min-height: 300px;

    margin: 0 0 15px;

}

.service-dt ul li{

    font-size: 18px;

    font-weight: 300;

    color: #757575;

    line-height: 25px;

    padding: 0 0 0 20px;

    position: relative;

    margin: 0 0 15px;

}

.service-dt ul li:last-child{

    margin: 0;

}

.service-dt ul li:before{

    position: absolute;

    content: '';

    background: url('../images/chack-ic.svg') 0 0 no-repeat;

    background-size: 100% 100%;

    width: 13px;

    height: 12px;

    top: 7px;

    left: 0;

}

.btn-read{

    display: flex;

    align-items: center;

    font-size: 18px;

    font-weight: 500;
    width: fit-content;
    color: #000000;

}

.btn-read i{

    margin: 0 00 0 5px;

    color: #016AFB;

}

.btn-read:hover{

    color: #016AFB;

}



.service-offerbox:hover:after{

    opacity: 1;

    visibility: visible;

}

.service-offerbox:hover .service-ic{

    background: #016AFB;

    border-color: #016AFB;

}

.service-offerbox:hover .service-ic img{

    -webkit-filter: brightness(0) invert(1);

    filter: brightness(0) invert(1);

}



.titlebar{

    margin: 0 0 15px;

    display: table;

}

.titlebar h2{

    font-size: 60px;

    line-height: 70px;

    font-weight: bold;

    color: #000;

    margin: 0;

    position: relative;

}

.titlebar h2 span{

    font-weight: 200;

}

.titlebar h2:before{

    position: absolute;

    content: '';

    width: 110px;

    height: 15px;

    background: url('../images/title-shop1.svg') 0 0 no-repeat;

    background-size: 100% 100%;

    top: 25px;

    left: -130px;

}



.what-we-offer-wrp .titlebar h2{

    text-align: right;

    margin: 0 0 -70px;

}

/* **** End What We Offer **** */



/* **** Popus **** */

.modal-dialog{

    max-width: 1620px;

}

.modal-content{

    background: rgba(255, 255, 255, 1);

    border: 1px solid rgba(1, 106, 251, 0.8);

    border-radius: 20px;

    padding: 50px;

    box-shadow: none;

    position: relative;

}

.poptitle{

    display: flex;

    align-items: center;

    margin: 0 0 25px;

    position: relative;

    z-index: 1;

}

.poptitle h2{

    margin: 0;

    font-size: 30px;

    font-weight: normal;

    color: #016AFB;

    line-height: 40px;

}

.poptitle .btn-close{

    margin: 0 0 0 auto;

    width: auto;

    height: auto;

    background: transparent;

    border: none;

    opacity: 1;

    outline: none !important;

}

.content-craft-dt p{

    font-size: 18px;

    font-weight: 300;

    color: #757575;

    line-height: 28px;

    margin: 0 0 40px;

    position: relative;

    z-index: 1;

    max-width: 1495px;

}

.crafts-list-wrp ul{

    display: flex;

    flex-wrap: wrap;

    position: relative;

    z-index: 1;

}

.crafts-list-wrp ul li{

    width: 25%;

    padding: 30px;

    border-bottom: 1px solid #D9D9D9;

    border-right: 1px solid #D9D9D9;    

}

.crafts-list-wrp ul li:nth-child(4n+0){

    border-right: none;

}

.crafts-list-wrp ul li.no-bb{

    border-bottom: none;

}

.content-crtfbox{

    display: flex;

    flex-flow: column;

    height: 100%;

}

.content-crtfimg{

    width: 80px;

    height: 80px;

    background: rgba(1, 106, 251, 0.05);

    border: 1px solid rgba(1, 106, 251, 0.2);

    box-shadow: inset 0px -6px 10px rgba(255, 255, 255, 0.15);

    border-radius: 10px;

    margin:0 auto 15px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.content-crtfdt h3{

    text-align: center;

    margin: 0 auto;

    font-size: 18px;

    font-weight: 300;

    text-transform: capitalize;

    color: #000;

    line-height: 25px;

    max-width: 180px;

}

img.pop-shp{

    position: absolute;

    top: 0;

    right: 0;

}



.brand-craft-wrp .about-data-block{

    padding: 0 50px 0 0;

}

.brand-craft-wrp .row{

    align-items: center;

}

.brand-craft-wrp .about-owner-box figure:after{display: none;}

.brand-craft-wrp .about-tabs .nav-tabs li a{

    font-size: 20px;

    line-height: 30px;

}

.brand-craft-wrp .about-inner-data p{

    font-size: 18px;

    font-weight: 300;

    color: #757575;

    line-height: 28px;

    margin: 0;

    text-align: left;

    max-width: 100%;

    padding: 0 0 0 50px;

}



.thought-block{

    position: relative;

}

.thought-block-in{

    padding: 60px 35px;

    position: relative;

    background: #FFFFFF;

    box-shadow: 4px 4px 30px rgba(0, 0, 0, 0.1);

    border-radius: 10px;

    z-index: 1;

}

.thought-block:after{

    position: absolute;

    content: '';

    background: url('../images/quote-shp.png') 0 0 no-repeat;

    background-size: 100% 100%;

    bottom: -10px;

    right: -10px;

    width: 100%;

    height: 100%;

    opacity: 0;

    visibility: hidden;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.thought-block:hover:after{

    opacity: 1;

    visibility: visible;

}

.thought-block p{

    font-size: 22px;

    font-weight: 300;

    color: #000000;

    text-align:center;

    line-height: 32px;

    margin: 0;

    position: relative;

    text-transform: capitalize;

    z-index: 1;

}

.thought-wrp .col-md-3:nth-child(odd) .thought-block{

    margin: 50px 0 0;

}



img.quote-ic{

    position: absolute;

    top: 25px;

    left: 20px;

}



.vision-title h2{

    font-size: 30px;

    font-weight: normal;

    color: #016AFB;

    line-height: 40px;

    margin: 0 0 25px;

}

.vision-title p{

    font-size: 18px;

    font-weight: 300;

    color: #757575;

    line-height: 28px;

    margin: 0 0 45px;

}



.vision-wrp .row{

    margin: 0 -22px;

}

.vision-wrp .row .col-md-4{

    padding: 0 22px;

}



.vision-block{

    margin: 45px 0 0;

    position: relative;

}

.vision-block.nomargin{

    margin: 0;

}

.vision-block-in{       

    padding: 30px 20px;

    background: #FFFFFF;

    box-shadow: 4px 4px 30px rgba(0, 0, 0, 0.1);

    border-radius: 10px;

    position: relative;

    z-index: 1;

}

.vision-block:after{

    position: absolute;

    content: '';

    background: url('../images/vision-shp.png') 0 0 no-repeat;

    background-size: 100% 100%;

    width: 100%;

    height: 100%;

    top: -10px;

    right: -10px;

    opacity: 0;

    visibility: hidden;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.vision-block:hover:after{

    opacity: 1;

    visibility: visible;

}

.vision-block h3{

    font-size: 25px;

    font-weight: 300;

    color: #000000;

    text-align: center;

    line-height: 40px;

    min-height: 80px;

    margin: 0 auto 20px;

    text-transform: capitalize;

}

.vision-block p{

    font-size: 18px;

    font-weight: 300;

    color: #757575;

    line-height: 28px;

    margin: 0;

    text-align: center;

}



#vision-craft-popup .modal-dialog{

    max-width: 1420px;

}



.vision-notebx{

    padding: 75px 0 0;

}

.vision-notebx p{

    font-size: 16px;

    font-weight: 300;

    color: #757575;

    line-height: 26px;

    margin: 0 0 30px;

}

/* **** End Popus **** */



/* **** How We Defrent **** */

.are-defrent-wrp{

    padding: 70px 0;

    position: relative;

    background: rgba(0, 0, 0, 0.05);

    overflow: hidden;

}

.are-defrent-wrp .container{

    max-width: 1180px;

}

.are-defrent-wrp h2{

    font-size: 60px;

    font-weight: 600;

    color: #000;

    line-height: 70px;

    margin: 0 0 20px;

    position: relative;

}

.are-defrent-wrp h2 span{

    font-weight: 200;

    display: block;

}

.are-defrent-wrp h2:after{

    position: absolute;

    content:'';

    width: 110px;

    height: 15px;

    background: url('../images/title-shap2.svg') 0 0 no-repeat;

    background-size: 100% 100%;

    right: 0;

    top: 25px;

}



.diffrent-block{

    margin: 50px 0 0;

    position: relative;

}

.diffrent-block.nomargin{

    margin: 0;

}

.diffrent-block:after{

    position: absolute;

    content: '';

    background: url('../images/vision-shp.png') 0 0 no-repeat;

    background-size: 100% 100%;

    width: 100%;

    height: 100%;

    top: -10px;

    right: -10px;

    opacity: 0;

    visibility: hidden;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.diffrent-block:hover:after{

    opacity: 1;

    visibility: visible;

}

.diffrent-block-in{

    padding: 45px 25px;

    background: #FFFFFF;

    border-radius: 10px;

    position: relative;

    z-index: 1;

    text-align: center;

}

.diffrent-block-in h3{

    font-size: 25px;

    font-weight: 300;

    color: #000;

    text-align: center;

    margin: 0 auto 30px;

    text-transform: capitalize;

}

.diffrent-block-in p{

    font-size: 18px;

    font-weight: 300;

    color: #757575;

    text-align: center;

    line-height: 28px;

    margin: 0;

}

img.howshp{

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}

/* **** End How We Defrent **** */



/* **** Our Clients **** */

.client-wrp{

    padding: 150px 0;

    position: relative;

}

.praise-wrp .slick-prev,

.praise-wrp .slick-next,

.client-slider .slick-prev,

.client-slider .slick-next{

    position: absolute;

    right:0;

    left: auto;

    border: none;

    color: transparent;

    background-color: transparent;   

    width: auto;

    height: auto;

    font-size: 0;

    color: transparent;

    z-index: 5;

    top:50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -webkit-transition: .4s linear;

    -moz-transition: .4s linear;

    -ms-transition: .4s linear;

    transition: .4s linear;

}

.praise-wrp .slick-prev:before,

.praise-wrp .slick-next:before,

.client-slider .slick-prev:before,

.client-slider .slick-next:before {

    width: 30px;

    height: 30px;

    content: "\f054";

    font-family: 'Font Awesome 5 Pro';

    color: #fff;

    background: #016AFB;

    font-weight:400;

    line-height: 30px;

    display: block;

    border-radius: 50%;

    text-align: center;

    font-size:15px;

    opacity: 0.15;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.praise-wrp .slick-prev,

.client-slider .slick-prev {

    left:0;

    right: auto;

}

.praise-wrp .slick-prev:before,

.client-slider .slick-prev:before {

    content: "\f053";

}

.praise-wrp .slick-prev:hover:before,

.praise-wrp .slick-next:hover:before,

.client-slider .slick-prev:hover:before,

.client-slider .slick-next:hover:before{

    color: #fff;

    background: #20A0E2 ;

    opacity: 1;

}



.client-wrp .container{

    max-width: 1280px;

}

.client-wrp .row{

    align-items: center;

}

.client-left-part{

    

}

.client-list{

    background: url('../images/client-list-back.png') 0 0 no-repeat;

    background-size: 100% 100%;

    padding: 25px;

    max-width: 360px;

}

.client-list ul li{

    display: flex;

    padding: 0 0 0 30px;

    margin: 0 0 24px;

    position: relative;

    font-size: 22px;

    font-weight: normal;

    color: #016AFB;

    line-height: 36px;

}

.client-list ul li:last-child{

    margin: 0;

}

.client-list ul li:after{

    position: absolute;

    content:'';

    background: url('../images/chackmark.svg') 0 0 no-repeat;

    background-size: 100% 100%;

    width: 19px;

    height: 18px;

    top: 8px;

    left: 0;

}

.client-bigimg{

    max-width: 350px;

    margin: 0 auto;

    position: relative;

}

.clients-bigin{

    position: relative;

}

.clients-bigin:after{

    position: absolute;

    content: '';

    width: 1px;

    height: 80%;

    background: #000;

    opacity: 0.20;

    left:-20px;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}

.clients-bigin:before{

    position: absolute;

    content: '';

    width: 1px;

    height: 80%;

    background: #000;

    opacity: 0.20;

    right:-20px;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}

.client-titlebar{

    padding: 0 0 0 30px;

    display: flex;

    flex-flow: column;

    justify-content: flex-end;

    align-items: flex-end;

}

.client-titlebar h2{

    font-size: 60px;

    font-weight: 600;

    color: #000;

    line-height: 70px;

    position: relative;

    margin: 0 0 40px;

}

.client-titlebar h2:before {

    position: absolute;

    content: '';

    width: 110px;

    height: 15px;

    background: url(../images/title-shop1.svg) 0 0 no-repeat;

    background-size: 100% 100%;

    top: 25px;

    left: -130px;

}

.client-titlebar p{

    font-size: 30px;

    font-weight: normal;

    color: #000;

    line-height: 40px;

    margin: 0;

    text-align: right;

}

/* **** End Our Clients **** */



/* **** Praise for Prasanna **** */

.praise-wrp{

    padding: 100px 0 60px;

    background: rgba(0, 0, 0, 0.05);

    position: relative;

    overflow: hidden;

}

.praise-wrp .container{

    position: relative;

    z-index: 1;

}

.praise-wrp h2{

    font-size: 60px;

    font-weight: 600;

    color: #000000;

    line-height: 70px;

    position: relative;

    margin: 0 0 50px;

    display: table;

}

.praise-wrp h2 span{

    font-weight: 200;

    display: block;

}

.praise-wrp h2:after{

    position: absolute;

    content:'';

    width: 110px;

    height: 15px;

    background: url('../images/title-shap2.svg') 0 0 no-repeat;

    background-size: 100% 100%;

    right: -130px;

    top: 30px;

}

.review-data{

    position: relative;

    padding: 50px 0 0;

}

.review-data p{

    font-size: 20px;

    font-weight: 300;

    color: #757575;

    line-height: 30px;

    margin: 0;

    position: relative;

    z-index: 1;

    max-width: 690px;

}

img.quoteic2{

    position:absolute;

    top: 0;

    left: 0;

}



.testimonials-navblock{

    padding: 0;

    position: relative;

    height: 100%;

}

.testimonials-navblock:before{

    position: absolute;

    content: '';

    width: 1px;

    height: 100%;

    border-left: 1px dashed #000000;

    top: 0;

    left: 10px;

    opacity: 0.20;

}

.testimonials-user-rw{

    padding: 25px 15px 25px 70px;

    position: relative;

}

.testimonials-user-rw:after{

    position: absolute;

    content: '';

    width: 10px;

    height: 10px;

    background: #016AFB;

    border-radius: 100%;

    top: 50%;

    left:5px;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}

.testimonials-user-rw:before{

    position: absolute;

    content: '';

    width: 16px;

    height: 16px;

    background: transparent;

    border-radius: 100%;

    border: 1px solid #016AFB;

    top: 50%;

    left:2px;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    opacity: 0;

    visibility: hidden;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.testimonials-userbox{

    max-width: 530px;

    position: relative;

}

.testimonials-user-rw .testimonials-userbox{

    margin: 0 0 0 15%;

    cursor: pointer;

    opacity: 0.40;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.testimonials-userbox:after{

    position: absolute;

    content:'';

    background: url('../images/test-back.png') 0 0 no-repeat;

    background-size: 100% 100%;

    width: 100%;

    height: 100%;

    bottom: -10px;

    left: -10px;

}

.testimonials-user-rw.slick-slide.slick-current.slick-center.is-active .testimonials-userbox{

    margin: 0;

    opacity:1;

}

.testimonials-user-rw.slick-slide.slick-current.slick-center.is-active:before{

    opacity: 1;

    visibility: visible;

}

.testimonials-userbox-in{

    padding: 28px 25px;

    border-radius: 10px;

    background: #FFFFFF;

    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);

    position: relative;

    z-index: 1;

}

.testimonials-userbox-in p{

    max-width: 100%;

    margin: 0 auto;

    font-size: 20px;

    font-weight: 300;

    color: #000;

    line-height: 30px;

    text-align: center;

}

img.testimonials-shp{

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}

/* **** End Praise for Prasanna **** */



/* **** Contact **** */

.contact-wrp{

    padding: 150px 0;

    position: relative;

}

.contact-form{

    padding:40px 140px 40px 40px;

    background: #FFFFFF;

    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.1);

    border-radius: 10px;

}

.contact-form .form-group{

    margin:  0 0 35px;

}

.contact-form .form-group label{

    display:table;

    font-size: 20px;

    font-weight: 300;

    color: #757575;

    padding: 0 7px;

    background: #fff;

    margin: 0 0 -15px 35px;

    position: relative;

    z-index: 1;

}

.contact-form .form-group .form-control{

    padding: 14px 25px;

    border-radius: 10px;

    height: auto;

    box-shadow: none;

    border: 1px solid #D9D9D9;

    font-size: 18px;

    font-weight: normal;

    color: #000;

    resize: none;

}

.btn-main{

    position: relative;

    padding: 15px 25px 15px 25px;

    overflow: hidden;

    border: none;

    border-radius: 5px;

    background: #0160E7;

    font-size: 20px;

    font-weight: 500;

    color: #fff;

    min-width: 165px;

    display: block;

    line-height: 20px;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.btn-main span{

    position: relative;

    z-index: 1;

}

.btn-main:after{

    position: absolute;

    content: '';

    width: 25px;

    height: 100%;

    background: linear-gradient(180deg, #2F86FF 0%, rgba(47, 134, 255, 0) 100%);

    border-radius:0 100px 100px 0;

    top: 0;

    left: 0;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.btn-main:hover:after{

    width: 100%;

    border-radius: 0;

}

.contact-form .btn-main{

    margin: 0 auto;

}

.contact-title.mobile-title{display: none;}

.contact-title{

    display: flex;

    align-items: flex-end;

    justify-content: flex-end;

}

.contact-title h2{

    margin: 0 0 35px;

    font-size: 60px;

    font-weight: 600;

    color: #000;

    position: relative;

    display: table;

}

.contact-title h2 span{

    font-weight: 200;

}

.contact-title h2:before{

    position: absolute;

    content: '';

    width: 110px;

    height: 15px;

    background: url('../images/title-shop1.svg') 0 0 no-repeat;

    background-size: 100% 100%;

    top: 27px;

    left:-120px;

}



.contact-databox{

    position: relative;

    max-width: 390px;

    width: 100%;

    margin: 0 0 0 -80px;

}

.contact-databox:after{

    position: absolute;

    content: '';

    background: url('../images/contact-shp.png') 0 0 no-repeat;

    background-size: 100% 100%;

    width: 100%;

    height: 100%;

    top: -10px;

    right: -10px;

}

.contact-databox-in{

    padding: 20px;

    background: #F2F7FF;

    border-radius: 10px;

    position: relative;

    z-index: 1;

}

.contact-databox-in h3{

    padding: 12px 20px;

    background: #fff;

    display: block;

    border-radius: 10px;

    margin: 0 0 10px;

    font-size: 22px;

    font-weight:300;

    color: #000;

}

.contact-databox-in p{

    font-size: 18px;

    font-weight: 300;

    color: #000;

    line-height: 25px;

    margin: 0 0 20px;
    word-break: break-word;
    padding: 0 20px;

}

.contact-databox-in p a{

    display: block;

    font-weight: 500;

    color: #000;

}

.contact-databox-in p a:hover{

    color: #016AFB;

}

/* **** End Contact **** */



/* **** Footer **** */

footer{

    background: #000;

    position: relative;

}

footer .row{align-items: center;}

.footer-title{

    display: flex;

    align-items: flex-end;

    justify-content: flex-end;

}

.footer-title h2{

    margin: 0;

    font-size: 130px;

    font-weight: 500;

    color: #fff;

    line-height: 130px;

    font-family: "Poppins", sans-serif;

    padding: 0 0 0 120px;

    position: relative;

    text-transform: uppercase;

}

.footer-title h2 span{

    color: #016AFB;

}

.footer-title h2:before{

    position: absolute;

    content: '';

    width: 110px;

    height: 2px;

    background: #016AFB;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}



.footer-abt-rw{

    display: flex;

    align-items: center;

}

.footer-abt-bx{

    min-width: 280px;

    max-width: 280px;

}

.footer-abt-bx img{

    height: 50px;

    margin: 0 0 50px;

}

.footer-abt-bx p{

    font-size: 20px;

    font-weight: 300;

    color: #FFFFFF;

    line-height: 30px;

    margin: 0;

}

.footer-social-bx{

    border-left: 1px solid rgba(255, 255, 255, 0.15);

    border-right: 1px solid rgba(255, 255, 255, 0.15);

    min-width: 204px;

    max-width: 204px;

    margin: 0 0 0 auto;

}

.footer-social-bx a{

    padding: 25px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.15);

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

}

.footer-social-bx a i{

    font-size: 95px;

    color: #fff;

    opacity: 0.08;

}

.footer-social-bx p{

    font-size: 18px;

    font-weight: 500;

    color: #fff;

    text-transform: uppercase;

    line-height: 18px;

    margin: 0 auto;

    text-align: center;

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    z-index: 1;

}

.footer-social-bx a:hover{

    background: #016AFB;

}



.copyright{

    padding: 35px 0;

    border-top: 1px solid rgba(255, 255, 255, 0.15);

}

.copyright-links ul{

    display: flex;

    align-items: center;

}

.copyright-links ul li{

    margin-right: 20px;

    position: relative;

    font-size: 16px;

    font-weight: 400;

    color:#fff;

}

.copyright-links ul li:after{

    position: absolute;

    content: '';

    width: 2px;

    height: 80%;

    background: #016AFB;

    right: -12px;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    top: 5;

}

.copyright-links ul li:last-child{

    margin: 0;

}

.copyright-links ul li a{

    color: #fff;

}

.copyright-links ul li a:hover{

    color: #016AFB;

}

.copyright-links ul li:last-child:after{display: none;}

.quicklinks ul{

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

.quicklinks ul li{

    margin-right: 45px;

}

.quicklinks ul li:last-child{

    margin: 0;

}

.quicklinks ul li a{

    font-size: 20px;

    font-weight: 300;

    display: table;

    color: #fff;

}

.quicklinks ul li a.nav-link:focus{
    color: #fff;
}
.quicklinks ul li a.nav-link:hover,
.quicklinks ul li a.active,
.quicklinks ul li a:hover{

    color: #016AFB;

}

/* **** End Footer **** */



/* **** Privacy Policy Page **** */

.inner-banner .banner-data-row{

    position: relative;

    top: 0;

    left: 0;

    right: 0;

    max-width: 100%;

}

.inner-banner .banner-data-row h1{

    margin: 0 auto;

    display: table;    

}



.typography-wrp{

    padding: 100px 0;

}

.typography-wrp h1{

    font-size: 70px;

    font-weight: bold;

    margin: 0 0 25px;

    color: #000;

}

.typography-wrp h2{

    font-size: 62px;

    font-weight: bold;

    color: #000;

    margin: 0 0 25px;

}

.typography-wrp h3{

    font-size: 58px;

    font-weight: bold;

    color: #000;

    margin: 0 0 25px;

}

.typography-wrp h4{

    font-size: 46px;

    font-weight: bold;

    color: #000;

    margin: 0 0 25px;

}

.typography-wrp h5{

    font-size: 38px;

    font-weight: 600;

    color: #000;

    margin: 0 0 25px;

}

.typography-wrp h6{

    font-size: 30px;

    font-weight: 600;

    color: #000;

    margin: 0 0 25px;

}

.typography-wrp p{

    font-size: 18px;

    font-weight: normal;

    color: #333;

    line-height: 28px;

    margin: 0 0 30px;

}

.typography-wrp p a{

    color: #016AFB;

    text-decoration: underline;

}

.typography-wrp p a:hover{

    color: #777;

}

.typography-wrp ul{

    margin: 0 0 30px;

}

.typography-wrp ul li{

    font-size: 18px;

    font-weight: normal;

    color: #101010;

    position: relative;

    padding: 0 0 0 20px;

}

.typography-wrp ul li:before{

    position: absolute;

    content: '';

    width:5px;

    height:5px;

    background: #000;

    border-radius: 50%;

    top: 12px;

    left: 0;

}

.typography-wrp img.center-img{

    margin: 0 auto;

    display: table;

}

.typography-wrp img.image-right{

    margin: 0 0 0 auto;

}

.typography-wrp ol{

    margin: 0 0 30px;

    padding: 0 0 0 25px;

}

.typography-wrp ol li{

    font-size: 18px;

    font-weight: normal;

    color: #101010;

    position: relative;

    list-style-type: decimal;

}

.typography-wrp .btn-main{

    display: table;

}

/* **** End Privacy Policy Page **** */



/* **** 404 Page **** */

header.inner-header{

    background: #000;

}

.not-found-wrp{

    padding: 200px 0 100px;

}

.not-found-wrp h1{

    font-size: 250px;

    font-weight: 600;

    color: #016AFB;

    text-align: center;

    margin: 0 auto;

}   

.not-found-wrp p{

    font-size: 18px;

    font-weight: normal;

    color: #333;

    line-height: 28px;

    text-align: center;

    margin: 0 auto 35px;

    max-width: 900px;

}

.not-found-wrp .btn-main{

    margin: 0 auto;

    display: table;

}

/* **** End 404 Page **** */

/* **** Moblile **** */
.mobile-about-wrp{
    max-width: 520px;
    margin: 0 auto;
    display: none;
}
.mobile-about-wrp .about-owner-box {
    margin: 0 auto 35px;
}
.about-all-wrp .accordion .accordion-item {
    margin: 0;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #D9D9D9;
    border-radius: 0;
}
.about-all-wrp .accordion .accordion-item:last-child{
    border: none;
}
.about-all-wrp .accordion .accordion-item .accordion-button {
    font-size: 16px;
    line-height: 24px;
    padding: 15px 40px 15px 0;
    color: rgba(0, 0, 0, 0.25);    
    font-weight:400;
    background-color: transparent;
    position: relative;
    border-radius: 0;
}
.about-all-wrp .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color:#000;
}
.about-all-wrp .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}
.about-all-wrp .accordion .accordion-item .accordion-button::after {
    display: none;
}
.about-all-wrp .accordion .accordion-item .accordion-button:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    content: "\f068";
    right: 0;
    top: 50%;
    font-size: 16px;
    color: #000;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.about-all-wrp .accordion .accordion-item .accordion-button.collapsed:before {
    content: "\f067";
}
.about-all-wrp .accordion .accordion-body {
    padding: 0 0 20px;
}

/* **** End Moblile **** */
.btn-close:focus{box-shadow: none !important;}