html{ scroll-behavior:smooth; }
:root {
    /*-- Font --*/
    --primary-font:'Open Sans', sans-serif;
    --secondary-font:'Abhaya Libre', serif;
    --trans: all 0.5s ease-in-out;
    /*-- color --*/
     --primary-color:#3a84ff;
    --secondary-color:#242424;
}
body{ font-family:var(--primary-font); overflow-x:hidden; overflow-y: scroll; padding:0; margin:0;  }
body::-webkit-scrollbar {
    width: 10px;
}
body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}
body::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
    border-radius: 10px;
}
a, a:focus, a:hover{ text-decoration:none; outline:none; }
ul, li{ padding:0; margin:0; list-style:none; }
.btn_accent { position:relative; font-family:var(--primary-font); font-size:20px; line-height:22px; font-weight:400; color:#fff; border:1px solid #fff; display:inline-block; letter-spacing:1px; transition:var(--trans); padding:18px 85px 18px 18px; background-image: url(../images/arrow4.svg); background-size:40px 21px; background-position:92% 50%; background-repeat:no-repeat; overflow:hidden; z-index:9; }
.btn_accent:hover { color:#fff !important; background-position:130% 50%; border-color:transparent !important; }
.btn_accent::before { content: ''; width: 0%; height: 100%; display: block; background:var(--primary-color)  url(../images/white-arrow.png); position: absolute; background-repeat:no-repeat; background-position: 88% center; background-size:40px 21px;  left: -10%; opacity: 1; top: 0; z-index: -12; -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); }
.btn_accent:hover::before, 
.s:hover::before{ opacity:1; width:116%; }
.title h2{ font-family:var(--secondary-font); font-size:50px; line-height:60px; font-weight:500; color:#fff; margin:0; }
.pra{ font-family:var(--primary-font); font-size:20px; line-height:32px; font-weight:400; color:var(--secondary-color); margin:0; }
.custom-padding{ padding-top:80px !important; }
.bg-color{ position:relative; background:var(--secondary-color); z-index:9; }
section{ margin-left:155px; transition:all .3s ease-in-out; }
footer.margin-active,
section.margin-active{ position:relative; margin-left:250px; }
@media screen and ( min-width:1920px ){
    .container{ max-width:1500px; }
}

/*==== Sidebar Start ====*/
.sidebar{ position:relative; }
.sidebar .main-nav{ position:fixed; top:0; left:0; width:155px; background:#fff; z-index:999;  margin:0; padding:55px 0 0 30px; }
.sidebar .main-nav .container{ height:90vh; display:flex; flex-direction:column; justify-content:space-between;  transition:all 0.4s ease-in-out; padding:0; }
.sidebar .hidden-menu .logo,
.sidebar .main-nav .logo { width:70px; height:auto; transition:var(--trans); padding:0; margin:0; }
.sidebar .hidden-menu .logo a,
.sidebar .main-nav .logo a{ display:block; }
.sidebar .hidden-menu .logo a img,
.sidebar .main-nav .logo a img{ width:100%; height:auto; }
.sidebar .main-nav .menu-icon a{ display:block; transition:var(--trans); }
.sidebar .main-nav a .line { width:45px; margin:0 0 8px; height:3px; display:block; transition:all 800ms cubic-bezier(0.645, 0.045, 0.355, 1); background:#000; cursor:pointer; border-radius:20px; }
.sidebar .main-nav a .line:last-child{ margin-bottom:0; }
.sidebar .main-nav a:hover .line-1 { width:30px; background:var(--primary-color); }
.sidebar .main-nav a:hover .line-2 { width:35px; background:var(--primary-color); }
.sidebar .main-nav a:hover .line-3 { width:40px; background:var(--primary-color); }
.sidebar .main-nav .menu-icon .mob_open_menu { display:none; color: #3a4b58; cursor:pointer;}
.sidebar .main-nav .menu-icon .bar1,
.bar2,
.bar3 { width: 35px; height: 3px; background-color: #3a4b58; margin: 6px 0; transition: 0.4s; border-radius:20px; }
.change .bar1 { -webkit-transform: rotate(-45deg) translate(-8px, 5px); transform: rotate(-45deg) translate(-8px, 5px); }
.change .bar2 { opacity: 0; }
.change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -5px); transform: rotate(45deg) translate(-8px, -5px); }
.sidebar .main-nav .talk-block{ position:relative; transform:rotate(270deg); transform-origin:left; }
.sidebar .main-nav .talk-block a { display:block; position:absolute; font-family:var(--primary-font); font-size:22px; line-height:24px; font-weight:400; width:155px; height:36px; color:var(--secondary-color); }
.sidebar .main-nav .talk-block a:after{ position:absolute; bottom:0; right:-36px; width:188px; height:2px; background:var(--primary-color); content:""; }
.sidebar .hidden-menu{ position:fixed; top:0; left:-250px; width:250px; height:100%; transition:all 0.3s ease-in-out; background:#fff; z-index:999; box-shadow:0 0 2px 2px rgb(0 0 0 / 5%); padding:20px 25px; z-index:999; overflow:auto; }
.sidebar .hidden-menu.open_navigation{ left:0; }
.sidebar .hidden-menu::-webkit-scrollbar { width:6px;}
.sidebar .hidden-menu::-webkit-scrollbar-track { border-radius:10px; background:#ECEBEA; }
.sidebar .hidden-menu::-webkit-scrollbar-thumb { background-color: var(--primary-color); border-radius: 10px; }
.sidebar .hidden-menu .navigation{ padding:25px 0; }
.sidebar .hidden-menu .navigation ul li{ position:relative; cursor:pointer; margin:0; padding:0; }
.sidebar .hidden-menu .navigation ul > li span.click-btn { position:absolute; top:10px; right:-5px; font-size:18px; line-height:18px; transition:var(--trans); margin:0; padding:0; }
.sidebar .hidden-menu .navigation ul li a{ position:relative; font-family:var(--primary-font); font-size:16px; line-height:20px; font-weight:500; color:var(--secondary-color); text-transform:uppercase; transition:var(--trans); display:inline-block; text-indent:-20em; margin:0; padding:10px 0; }
.sidebar .hidden-menu .navigation ul li:nth-of-type(1) a { transition-delay:80ms; }
.sidebar .hidden-menu .navigation ul li:nth-of-type(2) a { transition-delay:120ms; }
.sidebar .hidden-menu .navigation ul li:nth-of-type(3) a { transition-delay:170ms; }
.sidebar .hidden-menu .navigation ul li:nth-of-type(4) a { transition-delay:230ms; }
.sidebar .hidden-menu .navigation ul li:nth-of-type(5) a { transition-delay:280ms; }
.sidebar .hidden-menu .navigation ul li:nth-of-type(6) a { transition-delay:330ms; }
.sidebar .hidden-menu .navigation ul li:nth-of-type(7) a { transition-delay:380ms; }
.sidebar .hidden-menu.open_navigation ul li a { text-indent:0; }
.sidebar .hidden-menu .navigation ul li a:hover{ color:var(--primary-color); transform:translateX(3px); }
.sidebar .hidden-menu .navigation ul li a:active{ color:var(--primary-color); }
.sidebar .hidden-menu .navigation ul li .dropdown-panel.current-active > span.click-btn{ color:var(--primary-color); transform:rotate(90deg); }
.sidebar .hidden-menu .navigation .cross-btn a{ position:absolute; top:25px; right:23px; cursor:pointer; margin:0; padding:0; width:30px; height:30px; border-radius:50%; color:var(--secondary-color); background:#fff; box-shadow:0 0 2px 2px rgba(0,0,0,0.2); display:flex; align-items:center; justify-content:center; transition:all 0.3s ease-in-out; opacity:0.4;  }
.sidebar .hidden-menu .navigation ul li .dropdown{ margin:0; padding:10px 0 10px 10px; }
.sidebar .hidden-menu .navigation ul li .dropdown li a { text-transform:capitalize; }
.sidebar .hidden-menu .cross-btn a i{ font-size:18px; line-height:18px; }
.sidebar .hidden-menu .cross-btn a:hover{ background:var(--primary-color); color:#fff; opacity:1; }
.sidebar .hidden-menu .social-section{ transform:translateX(-20em); transition:var(--trans); }
.sidebar .hidden-menu.open_navigation .social-section{ transform:translateX(0); transition:var(--trans) 300ms; }
.sidebar .hidden-menu .social-section h3{ position:relative; font-family:var(--primary-font); font-size:18px; line-height:22px; font-weight:400; color:var(--secondary-color); text-transform:capitalize; display:inline-block; margin:0 0 18px; padding:0 50px 0 0; }
.sidebar .hidden-menu .social-section h3:after{ position:absolute; top:50%; right:0; transform:translateY(-50%); width:40px; height:1px; background:var(--primary-color); content:""; }
.sidebar .hidden-menu .social-section ul{ display:flex; align-items:center; flex-wrap:wrap; margin:0; padding:0; }
.sidebar .hidden-menu .social-section ul li{ display:inline-block; margin:0; padding:0; }
.sidebar .hidden-menu .social-section ul li a{ width:30px; height:30px; border-radius:50%; border:1px solid var(--primary-color); display:flex; align-items:center; justify-content:center; margin:0 7px; transition:var(--trans); }
.sidebar .hidden-menu .social-section ul li:nth-child(1) a img{ width:8px; }
.sidebar .hidden-menu .social-section ul li a img{ width:15px; height:auto; transition:var(--trans); }
.sidebar .hidden-menu .social-section ul li a:hover{ transform:scale(1.1); }

/*@ Screen Media screen Start*/
@media screen and (max-width: 1199px) {
.sidebar .main-nav {
        right: 0;
        width: 100%;
        transition: var(--trans);
        background-color: #fff;
        padding: 15px 0;
    }
    
    .sidebar .main-nav .container {
        flex-direction: row;
        align-items: center;
        height: auto;
        padding: 0 12px;
    }
    
    .sidebar .main-nav .logo {
        width: 60px;
    }
    
    .sidebar .main-nav.navbar-shrink .logo {
        width: 50px;
    }
    
    .sidebar .main-nav .talk-block {
        display: none;
    }
    
    .sidebar .main-nav .menu-icon .mob_open_menu {
        display:block;
    }
    
    .sidebar .main-nav .menu-icon a{
        display:none;
    }
    
    .sidebar .hidden-menu .navigation .cross-btn a{
        display:none;
    }
}

@media screen and (max-height: 600px) {
    .sidebar .main-nav .talk-block a:after {
        right: 55px;
        width: 98px;
    }
}

/*============================================
        Home page Start
===============================================*/
.innovation-block{ position:relative; padding:70px 0; overflow:hidden; }
.innovation-block .container{ position:relative; }
.innovation-block .box { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 0; }
.innovation-block .text-panel{ padding-left:60px; width:60%; }
.innovation-block .img-panel{ position:relative; width:38%; margin:0; padding:0; overflow:hidden; }
.innovation-block .img-panel img{ width:100%; height:auto;}
.innovation-block .text-panel .typing-panel{ padding-bottom:35px; }
.innovation-block .text-panel h3,
.innovation-block .text-panel span{ font-family:var(--secondary-font); font-size:70px; line-height:90px; font-weight:500; color:var(--secondary-color); margin:0; padding:0; }
#tsparticles { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity:0.3; }
.innovation-block .text-panel p{ font-family:var(--primary-font); font-size:26px; line-height:38px; font-weight:400; color:var(--secondary-color); margin:0; padding:0 0 90px; }
.innovation-block .text-panel p strong{ text-transform:capitalize; color:var(--primary-color); font-weight:500; }
/*
.innovation-block .img-panel:after { content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; will-change: border-radius, transform, opacity; animation-delay: 100ms; background-image: linear-gradient(90deg, #fd3110 0%, #386ec8 100%, #002d37 50%); z-index:-9; animation: morph 1s linear infinite; animation-duration: 8s; }
@keyframes morph {
0%, 100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }
42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }
70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }
}
*/

.innovation-block .container:after { position:absolute; top:0; right:0; bottom:0; background:url(../images/animation-after.png); background-repeat:no-repeat; background-size:100% 100%; width:600px; height:600px; content:""; z-index:-9; opacity:0.7; animation: infinite-spinning 30s infinite linear; }

        @keyframes infinite-spinning {

            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }

        }


/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .innovation-block {
        padding: 50px 0;
    }

    .innovation-block .text-panel p {
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 0;
    }

    .innovation-block .text-panel h3,
    .innovation-block .text-panel span {
        font-size: 50px;
        line-height: 60px;
    }
}

@media screen and (max-width: 1199px) {
    .innovation-block .text-panel {
        padding: 0;
    }

    .innovation-block {
        padding-top: 100px;
    }
}

@media screen and (max-width: 991px) {
    .innovation-block .text-panel h3, .innovation-block .text-panel span {
        font-size: 40px;
        line-height: 50px;
    }
    
    .innovation-block .text-panel .typing-panel {
        padding-bottom: 15px;
    }
    
    .innovation-block {
        padding-bottom:40px;
    }
    
    .innovation-block .box {
        flex-direction: column-reverse;
    }
    .innovation-block .text-panel {
        width: 100%;
    }
    
    .innovation-block .img-panel {
        width: 100%;
        margin: 0 0 35px;
    }
}

@media screen and (max-width: 767px) {
    .innovation-block .text-panel h3, 
    .innovation-block .text-panel span {
        font-size: 32px;
        line-height: 40px;
    }
    
    .innovation-block .text-panel .typing-panel {
        padding-bottom: 10px;
    }
    
    .innovation-block .container:after { width:400px; height:400px; }
}

.banner{ background:var(--secondary-color); position:relative; padding:60px 0 65px; }
.banner .hero-img img{ width:100%; height:auto; }
.banner .desc .box{ position:relative; display:flex; align-items:flex-end; justify-content:space-between; flex-direction:row-reverse; }
.banner .desc .text-panel{ padding: 0 0 0 60px;  }
.banner .desc .text-panel p{ color:#fff; padding-bottom:50px; }
.banner .desc .box .text-panel h3{ font-family:var(--secondary-font); font-size:50px; line-height:55px; font-weight:400; color:#fff; text-transform:capitalize; margin:0; padding:0 0 5px; }
.banner .desc .box .text-panel h4{ font-family:var(--primary-font); font-size:33px; line-height:37px; font-weight:400; color:#fff; text-transform:capitalize; border-bottom:1px solid #fff; margin:0 0 45px; padding:0 0 30px; }
.banner .scroll-animation{ position:absolute; bottom:0; right:0; margin:0; padding:0; }
.banner .scroll-animation a { position:relative; font-size:18px; line-height:20px; color:#fff; display:inline-block; padding-top:48px; animation:move 1s infinite alternate; margin:0; }
.banner .scroll-animation a span { position: absolute; top:0; left:50%; width:25px; height:40px; margin-left:-12px; border:2px solid #fff; border-radius:50px; animation:pulse-point 2s infinite; display:inline-block; transition:var(--trans); }
.banner .scroll-animation a span::before { position:absolute; top:5px; left:50%; content:''; width:6px; height:6px; margin-left:-3px; background-color:#fff; border-radius:100%; -webkit-animation:pointUpDown 2s infinite; animation:pointUpDown 2s infinite; }
.banner .scroll-animation a:hover span{ transform:scale(1.2); }
@-webkit-keyframes pointUpDown {
  0% { -webkit-transform: translate(0, 0); opacity: 0; }
  40% { opacity: 1; }
  80% { -webkit-transform: translate(0, 20px); opacity: 0; }
  100% { opacity: 0; }
}
@keyframes pointUpDown {
  0% { transform: translate(0, 0); opacity: 0; }
  40% { opacity: 1; }
  80% { transform: translate(0, 20px); opacity: 0; }
  100% { opacity: 0; }
}
@keyframes pulse-point {
	0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); }
	80% { box-shadow: 0 0 0 14px rgba(255, 255, 255, 0); }
}
@-webkit-keyframes move {
    0% { transform: translateY(0); }
    100% { transform: translateY(15px); }
}
@keyframes move {
    0% { transform:translateY(0); }
    100% { transform:translateY(15px); }
}
.banner .box .img-panel:after { content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; will-change: border-radius, transform, opacity; animation-delay: 200ms; background-image: linear-gradient(90deg, #fd3110 0%, #386ec8 100%, #002d37 50%); z-index:9; animation: morph 3s linear infinite; animation-duration: 5s; }
@keyframes morph {
0%, 100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }
42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }
70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }
}

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .banner .desc .text-panel p {
        padding-bottom: 35px;
    }

    .banner .desc .text-panel {
        padding: 0 60px;
    }

    .banner .scroll-animation {
        right: 50px;
    }

    .banner .desc .box .text-panel h4 {
        font-size: 25px;
        line-height: 30px;
    }
}

@media screen and (max-width: 1199px) {
    .banner .desc .text-panel {
        padding: 0;
    }
    
    .banner {
        padding: 40px 0 50px;
    }
    
    .banner .desc .box .text-panel h4 {
        margin: 0 0 35px;
    }
    
    #WordPress-Development {
        margin-top: 95px;
    }
    
    #Ecommerce-Development {
        margin-top: 180px;
    }
    #Web-Security-Maintenance {
        margin-top: 270px;
    }
    
    #Graphic-Design {
        margin-top: 262px;
    }
    #Digital-Marketing {
        margin-top: 290px;
    }
}

@media screen and (max-width: 991px) {

    .banner .desc .box {
        flex-direction: column;
    }

    

    .banner {
        padding: 50px 0;
    }
    
    .banner .scroll-animation {
        left: inherit;
        transform: inherit;
        bottom: 0;
        right: 0;
    }
    
    .banner .desc .box .text-panel h3 {
        font-size: 35px;
        line-height: 45px;
    }
    .banner .desc .box .text-panel h4 {
        font-size: 20px;
        line-height: 28px;
        padding: 0 0 25px;
        margin: 0 0 35px;
    }
}

@media screen and (max-width: 767px) {

    .banner {
        padding: 30px 0 100px;
    }
    
    .banner .scroll-animation {
        right:inherit; 
        left: 50%;
        transform: translateX(-50%);
        bottom: -75px;
    }
    
    .banner .desc .box .text-panel h3 {
        font-size: 28px;
        line-height: 40px;
    }
    
    .banner .desc .box .text-panel h4 {
        font-size: 18px;
        line-height: 30px;
    }
}


.service-block { background:#fff; padding:70px 0; }
.service-block .title h2{ position:relative; display:inline-block; background:#fff; color:var(--secondary-color); padding-bottom:70px; z-index:9; }
.service-block #tile-1 .nav-tabs { position:relative; border:none!important; display:block;  margin:0; padding:0; }
.service-block #tile-1 .nav-tabs li { border:none; outline:none; padding:0; margin:0; }
.mobile-service{ display:none;}
.mobile-service .items .box h3,
.service-block #tile-1 .nav-tabs li a{ position:relative; font-family:var(--primary-font); font-size:23px; line-height:33px; font-weight:400; color:var(--secondary-color); display:flex; align-items:center; border:none; outline:none; transition:all 0.2s ease-in-out; border-radius:15px; margin:0 0 20px; box-shadow:0 1px 3px rgb(0 0 0 / 24%), 0 1px 2px rgb(0 0 0 / 24%); text-transform:capitalize; padding:15px; background-color:#fff;  }
.service-block #tile-1 .nav-tabs li a span{ max-width:65%; }
.service-block #tile-1 .nav-tabs li a:after{ position:absolute; top:50%; right:60px; transform:translateY(-50%); background-image:url(../images/feature-arrow.svg); background-repeat:no-repeat; background-size:100% 100%; background-position:center right; width:40px; height:21px; content:""; opacity:0; visibility:hidden; transition:all 0.3s ease-in-out; }
.service-block #tile-1 .nav-tabs li a:hover:after,
.service-block #tile-1 .nav-tabs li a.active:after{ opacity:1; visibility:visible; right:35px; }
.service-block #tile-1 .tab-content { padding:0 0 0 50px; max-width:730px; }
.service-block #tile-1 .nav-tabs li a img{ max-width:100%; height:auto; margin-right:14px; transition:all 0.2s ease-in-out; }
.service-block #tile-1 .nav-tabs li a.active,
.service-block #tile-1 .nav-tabs li a:hover{ color:#fff; background:var(--primary-color); }
.service-block #tile-1 .nav-tabs li a.active img,
.service-block #tile-1 .nav-tabs li a:hover img{ filter:brightness(0) saturate(0%) invert(100%) sepia(0%) saturate(0%) hue-rotate(10deg) brightness(109%) contrast(109%); }
.service-block .tab-content > .tab-pane{ position:relative; background:#fff; box-shadow:0 1px 3px rgb(0 0 0 / 24%), 0 1px 2px rgb(0 0 0 / 24%); padding:20px 30px; border-radius:15px; transition:var(--trans); opacity:1; }
.mobile-service .items .box .content p,
.service-block .tab-content .tab-pane p{ padding-bottom:10px; }
.mobile-service .items .box .content a{ margin-top:8px; }
.mobile-service .items .box .content a,
.service-block .tab-content .tab-pane a{ border-color:var(--secondary-color); color:var(--secondary-color); padding-right:80px; margin-top:15px; }
#uptime { margin-top: 115px; }
#software-plugins { margin-top: 205px; }
#backups { margin-top:314px; }
#prformance { margin-top:410px; }
#regulations { margin-top:395px; }

#WordPress-Development{ margin-top:92px; }
#Ecommerce-Development{ margin-top:170px; }
#Web-Security-Maintenance{ margin-top:265px; }
#Graphic-Design{ margin-top:255px; }
#Digital-Marketing{ margin-top:248px; }

#WooCommerce { margin-top: 98px;}
#BigCommerce { margin-top: 205px;}
#payment-gateway { margin-top: 320px;}
#shopping-cart { margin-top:360px;}
#maintenance { margin-top:395px;}

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .service-block {
        padding: 50px 0;
    }
    
    .service-block #tile-1 .nav-tabs li a {
        font-size: 16px;
        line-height: 22px;
    }
    
    .service-block .title h2 {
        padding-bottom: 40px;
    }
    
    #uptime {
        margin-top: 95px;
    }
    #software-plugins {
        margin-top: 185px;
    }
    #backups {
        margin-top:282px;
    }
    #prformance {
        margin-top:378px;
    }
    #regulations {
        margin-top:370px;
    }
    
    #tab5 {
        margin-top: 242px;
    }
    
    #tab6 {
        margin-top: 275px;
    }
}

@media screen and (max-width: 1199px) {
    .service-block #tile-1 .tab-content {
        padding-left:20px;
    }
    
    #regulations {
        margin-top: 380px;
    }
}

@media screen and (max-width: 991px) {

    .service-block .title h2 {
        padding-bottom: 38px;
    }
    
    .service-block .tab-content > .tab-pane {
        padding: 15px;
    }
    
    .service-block #tile-1 .tab-content {
        padding: 0 0 30px;
    }
    
    .service-block .row {
        flex-direction: column-reverse;
        position:relative;
    }
    
    #uptime { margin-top: 0; }
    #software-plugins { margin-top: 0; }
    #backups { margin-top:0; }
    #prformance { margin-top:0; }
    #regulations { margin-top:0; }
    
    #tab3,
    #tab4,
    #tab2,
    #tab5,
    #tab6 {
        margin-top: 0;
    }
    
    #WooCommerce { margin-top:0; }
    #BigCommerce { margin-top:0;}
    #payment-gateway { margin-top: 0;}
    #shopping-cart { margin-top:0;}
    #maintenance { margin-top:0; }
    
    .desc-service{
       display:none;
    }
    
    .mobile-service .items .box{
        margin-bottom:45px;
    }
    
    .mobile-service .items .box h3 {
        font-size: 22px;
        line-height: 30px;
        background:none;
        box-shadow:none;
        padding:0;
        margin-bottom:12px;
    }
    
    .mobile-service .items .box .img-panel{
        width:60px;
        height:60px;
        border-radius:5px;
        box-shadow:5px 5px 5px 0 rgba(58,132,255,0.5);
        background:var(--primary-color);
        margin-bottom:25px;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:8px;
    }
    
    .mobile-service .items .box .img-panel img{
        max-width:100%;
        height:auto;
        filter:brightness(0) saturate(0%) invert(100%) sepia(0%) saturate(0%) hue-rotate(10deg) brightness(109%) contrast(109%);
    }
    
    
    .service-block {
        padding: 40px 0 30px;
    }
    
    .mobile-service{
        display:block;
        position:relative;
    }
}

@media screen and (max-width: 767px) {
    .mobile-service .items .box h3 {
        font-size: 20px;
        font-weight:500;
    }
}

/*Reasons-block*/
.reasons-block{ position:relative; padding:70px 0 0; }
.reasons-block .items{ display:flex; align-items:center; max-width:1180px; padding:0; margin:0 auto; }
.reasons-block .items .lf-side { position:relative; width:40%; padding:0; margin:0; z-index:9; }
.reasons-block .items .lf-side .text { background:#3984ff; width:280px; height:280px; border-radius:50%; display:flex; align-items:center; justify-content: center; text-align:center; box-shadow:10px 10px 0 -8px rgb(185 185 185 / 50%); position:relative; padding:0; margin:0; }
.reasons-block .items .text:before{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#125cc5; width:330px; height:330px; content:""; border-radius:50%; z-index:-9; outline:7px solid #3984ff; outline-offset:7px; animation:bounce-2 1.4s infinite; margin:0; padding:0; }
.reasons-block .items .lf-side .text h3{ font-family:var(--primary-font); font-size:40px; line-height:50px; font-weight:600; color:#fff; padding:0; margin:0; }
.reasons-block .items .text:after{ position:absolute; top:50%; left:50%; transform:translateY(-50%); background:url(../images/dot-half-circleline.png); width:277px; height:554px; content:""; background-repeat:no-repeat; background-size:100% 100%; margin:0; padding:0; }
.reasons-block .items .lf-side .text h3 span{ display:block; }
.reasons-block .items .lf-side .text h3 span strong{ font-weight:700; }
.reasons-block .items .rt-side{ width:50%; margin:0; padding:0; }
.reasons-block .items .rt-side .box{ position:relative; display:flex; align-items:center; background:#fff; height:105px; border-radius:0 100px 100px 0; margin:0 0 70px; transition:all 0.3s ease-in-out; cursor:pointer; z-index:9; padding:0; }
.reasons-block .items .rt-side .box.show-box{ z-index:99; transition:all 0.3s ease-in-out; }
.reasons-block:after{ position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.7); content:""; padding:0; transition:var(--trans); opacity:0; visibility:hidden; z-index:9; }
.reasons-block.show-box:after{ opacity:1; visibility:visible; z-index:9; }
.reasons-block .items .rt-side .box .img-panel{ position:relative; left:-55px; width:140px; height:140px; border-radius:50%; z-index:9; margin:0; padding:0; }
.reasons-block .items .rt-side .box .img-panel img{ width:100%; height:100%; }
.reasons-block .items .rt-side .box .text-panel{ position:relative; width:60%; }
.reasons-block .items .rt-side .box .text-panel h3{ font-family:var(--primary-font); font-size:27px; line-height:33px; font-weight:600; color:#125cc5; text-align:center; margin:0; padding:0; }
.reasons-block .items .rt-side .box .text-panel p{ font-family: var(--primary-font); font-size:18px; line-height:28px; font-weight: 400; color: var(--secondary-color); display:none; margin:0; }
.reasons-block .items .rt-side .box .tooltips-desc{ position:absolute; bottom:-150px; left:0; background:#fff; margin:0; padding:15px; width:300px; height:100%; border:2px solid var(--primary-color); min-height:126px; border-radius:12px; text-align:center; z-index:99; box-shadow:0 0 5px 0 rgba(0,0,0,0.5); transition:all 0.3s ease-in-out; opacity:0; visibility:hidden; }
.reasons-block .items .rt-side .box:last-child .tooltips-desc{ bottom:80px; }
.reasons-block .items .rt-side .box .tooltips-desc:after{ position:absolute; top:-40px; left:0; right:0; content:""; border-width:20px; border-style:solid; border-color:transparent transparent var(--primary-color) transparent; width:20px; margin:0 auto; z-index:9; }
.reasons-block .items .rt-side .box:last-child .tooltips-desc:after{ top:inherit; bottom:-42px; transform:rotate(-180deg); }
.reasons-block .items .rt-side .box .tooltips-desc span{ display:block; }
.reasons-block .items .rt-side .box:hover .text-panel .tooltips-desc{ opacity:1; visibility:visible;}
.reasons-block .items .rt-side .box:after{ position:absolute; top:52%; right:15px; transform:translateY(-50%); background:url(../images/redius.png); width:33px; height:69px; content:""; background-size:100% 100%; }
.reasons-block .items .rt-side .box:nth-child(2){ right:-80px; }
.reasons-block .items .rt-side .box:nth-child(3){ right:-140px; }
.reasons-block .items .rt-side .box:nth-child(4){ right:-80px; }
.reasons-block .items .rt-side .box .img-panel:before { position: absolute; top: 104px; left: -104px; background: url(../images/dot-line.png); width: 112px; height: 130px; content: ""; background-repeat: no-repeat; background-size: 100% 100%; margin: 0; padding: 0; z-index: -9; }
.reasons-block .items .rt-side .box:nth-child(1) .img-panel:before{ transform:rotate(183deg); }
.reasons-block .items .rt-side .box:nth-child(2) .img-panel:before{ top:35px; left:-90px; }
.reasons-block .items .rt-side .box:nth-child(2) .img-panel:before{ transform:rotate(207deg); }
.reasons-block .items .rt-side .box:nth-child(3) .img-panel:before{ top:5px; left:-110px; }
.reasons-block .items .rt-side .box:nth-child(3) .img-panel:before{ transform:rotate(50deg); }
.reasons-block .items .rt-side .box:nth-child(4) .img-panel:before{ top:-15px; left:-71px; }
.reasons-block .items .rt-side .box:nth-child(4) .img-panel:before{ transform:rotate(67deg); }
.reasons-block .items .rt-side .box:nth-child(5) .img-panel:before{ top:-56px; left:-78px; }
.reasons-block .items .rt-side .box:nth-child(5) .img-panel:before{ transform:rotate(90deg); }
.reasons-block .items .rt-side .box .img-panel:after{ position:absolute; top:0; left:0; background:#3984ff; width:25px; height:25px; content:""; border-radius:50%; z-index:9; outline:7px solid #fff; }
.reasons-block .items .rt-side .box.show-box .img-panel:after{ animation:bounce-2 1.4s infinite; }
@keyframes bounce-2 {
    0%{ box-shadow:0 0 0 0 rgb(58,132,255); }
    100% { box-shadow:0 0 0 30px rgba(58,132,255,0); }
  }
.reasons-block .items .rt-side .box:nth-child(1) .img-panel:after{ top:220px; left:-122px; }
.reasons-block .items .rt-side .box:nth-child(2) .img-panel:after{ top:125px; left:-135px; }
.reasons-block .items .rt-side .box:nth-child(3) .img-panel:after{ top:57px; left:-157px; }
.reasons-block .items .rt-side .box:nth-child(4) .img-panel:after{ top:12px; left:-110px; }
.reasons-block .items .rt-side .box:nth-child(5) .img-panel:after{ top:-60px; left:-99px; }

@media screen and (max-width:1366px){
    .reasons-block .items {
        max-width: 900px;
    }
    
    .reasons-block .items .rt-side .box .text-panel {
        width: 52%;
    }
    
    .reasons-block .items .rt-side .box .text-panel h3 {
        font-size: 22px;
        line-height: 28px;
        margin-left:-25px;
    }
    
    .reasons-block .items .rt-side .box {
        height: 90px;
    }
    
   .reasons-block .items .rt-side .box .img-panel {
        width: 120px;
        height: 120px;
    }
    
    .reasons-block .items .lf-side .text {
        width: 220px;
        height: 220px;
    }
    
    .reasons-block .items .text:before {
        width: 280px;
        height: 280px;
        outline: 5px solid #3984ff;
    }
    
    .reasons-block .items .lf-side .text h3 {
        font-size: 32px;
        line-height: 40px;
    }
    
    .reasons-block .items .text:after {
        width: 254px;
        height: 531px;
    }
    
    .reasons-block .items .rt-side .box .img-panel:after {
        width: 18px;
        height: 18px;
        outline-width:5px;
    }
    
    .reasons-block .items .rt-side .box .img-panel:before {
        top: 62px;
        left: -76px;
    }
    
    .reasons-block .items .rt-side .box:nth-child(2) .img-panel:before {
        top: 3px;
        left: -33px;
    }
    
     .reasons-block .items .rt-side .box:nth-child(1) .img-panel:after {
        top: 174px;
        left: -82px;
    }
    
    .reasons-block .items .rt-side .box:nth-child(2) .img-panel:after {
        top: 95px;
        left: -74px;
    }
    
    .reasons-block .items .rt-side .box:nth-child(3) .img-panel:before {
        top: -4px;
        left: -56px;
    }
    
    .reasons-block .items .rt-side .box:nth-child(3) .img-panel:after {
        top: 52px;
        left: -93px;
    }
    
    .reasons-block .items .rt-side .box:nth-child(4) .img-panel:before {
        top: -2px;
        left: -15px;
    }
    
    .reasons-block .items .rt-side .box:nth-child(4) .img-panel:after {
        top: 30px;
        left: -50px;
    }
    
    .reasons-block .items .rt-side .box:nth-child(5) .img-panel:after {
        top: -16px;
        left: -60px;
    }
    
    .reasons-block .items .rt-side .box:nth-child(5) .img-panel:before {
        top: -15px;
        left: -45px;
    }
}

@media screen and (max-width:1199px){
    .reasons-block .items {
        max-width: 820px;
    }
    
    .reasons-block .items .rt-side .box {
        height: 90px;
    }
    
   .reasons-block .items .rt-side .box .img-panel {
        width: 120px;
        height: 120px;
    }
    
    .reasons-block .items .lf-side .text {
        width: 220px;
        height: 220px;
    }
    
    .reasons-block .items .text:before {
        width: 280px;
        height: 280px;
        outline: 5px solid #3984ff;
    }
    
    .reasons-block .items .lf-side .text h3 {
        font-size: 30px;
        line-height: 38px;
    }
    
    .reasons-block .items .text:after {
        width: 230px;
        height: 470px;
    }
    
    .reasons-block .items .rt-side .box .img-panel:after {
        width: 18px;
        height: 18px;
        outline-width:5px;
    }
    
    .reasons-block .items .rt-side .box .img-panel:before {
        top: 81px;
        left: -92px;
    }
    
    .reasons-block .items .rt-side .box:nth-child(2) .img-panel:before {
        top: 8px;
        left: -50px;
    }
    
    .reasons-block .items .rt-side .box:nth-child(1) .img-panel:after {
        top: 188px;
        left: -94px;
    }
    
    .reasons-block .items .rt-side .box:nth-child(2) .img-panel:after {
        top: 93px;
        left: -77px;
    }
    
    .reasons-block .items .rt-side .box:nth-child(3) .img-panel:before {
        left:-46px;
    }
    
    .reasons-block .items .rt-side .box:nth-child(3) .img-panel:after {
        left: -85px;
    }
    
    .reasons-block .items .rt-side .box:nth-child(4) .img-panel:before {
        top: -3px;
        left: -18px;
    }
    
    .reasons-block .items .rt-side .box:nth-child(4) .img-panel:after {
        top: 29px;
        left: -47px;
    }
    
    .reasons-block .items .rt-side .box:nth-child(5) .img-panel:after {
        top: -22px;
        left: -75px;
    }
    
    .reasons-block .items .rt-side .box:nth-child(5) .img-panel:before {
        top: -26px;
        left: -61px;
    }
}

@media screen and (max-width:991px){
    .reasons-block .items .rt-side .box .img-panel:before {
        display:none;
    }
    
    .reasons-block .items .text:after{
        display:none;
    }
    
    .reasons-block .items .rt-side .box .img-panel:after{
        display:none;
    }
    
    .reasons-block .items{
        flex-direction:column;
    }
    
    .reasons-block .items .rt-side .box{
        margin:0 0 30px;
        right:0 !important;
    }
    
    .reasons-block .items .rt-side {
        width: 80%;
        margin:0 auto;
    }
    
    .reasons-block .items .lf-side {
        width: 100%;
        margin-bottom:40px;
    }
    
    .reasons-block {
        padding: 100px 0 30px;
    }
    
    .reasons-block .items .rt-side .box .tooltips-desc{
        display:none; 
    }
    
    .reasons-block .items .rt-side .box .text-panel p{
        display:block;
        padding-top:16px;
        text-align:center;
    }
    
    .reasons-block .items .rt-side .box{
        flex-direction: column;
        height:auto;
        border-radius:15px;
        padding:30px;
        margin-bottom:30px;
    }
    
    .reasons-block .items .rt-side .box .img-panel {
        width: 90px;
        height: 90px;
        left:inherit;
        margin-bottom:20px;
    }
    
    .reasons-block .items .rt-side .box .text-panel{
        width:100%;
    }
    
    .reasons-block {
        padding-top:35px;
    }
    
    .reasons-block .items .rt-side .box:after {
        display:none;
    }
    
    .reasons-block .items .rt-side .box .text-panel h3{
        margin:0;
    }
    
    .reasons-block.show-box:after{
        display:none;
    }
    
    .reasons-block .items .text:before {
        border-radius:10px;
    }
    
    .reasons-block .items .lf-side .text{
        border-radius:10px;
        background:none;
        width:100%;
        height:auto;
        box-shadow:none;
    }
    
    .reasons-block .items .lf-side .text h3 span{
        display:inline-block;
        padding:0 4px;
    }
    
    .reasons-block .items .text:before {
        display:none;
    }
}

@media screen and (max-width:767px){
    .reasons-block .items .rt-side{
        width:100%;
    }
}


.our-project{ position:relative; padding:70px 0; }
.mobile-verson{ display:none; }
.our-project .title h2{ position:relative; background:#fff; color:var(--secondary-color); text-align:center; padding:0; margin:0 0 25px; z-index:9; }
.our-project .title p{ text-align:center; padding:0 0 30px; }
.our-project .nav-tabs,
.our-project .button-group{ width:100%; display:flex; justify-content:center; align-items:center; border:none; flex-wrap:wrap; margin:0; padding:0 0 70px; }
.our-project .nav-tabs a,
.our-project .button-group .button{ position:relative; width:170px; height:50px; display:flex; align-items:center; justify-content:center; font-family:var(--primary-font); font-size:22px; line-height:24px; background:#fff;; font-weight:400; text-transform:capitalize; color:var(--secondary-color); border:1px solid var(--secondary-color); box-shadow:none; outline:none; border-radius:30px; overflow:hidden; transition:var(--trans); margin:0 30px; padding:0; }
.our-project .nav-tabs a:hover,
.our-project .button-group .button:hover{ box-shadow: 0 0 0 1rem transparent; animation: hover 1.2s infinite; }
.our-project .nav-tabs a:hover,
.our-project .nav-tabs a.active,
.our-project .button-group .button.active{ background:var(--primary-color); color:#fff; border-color:transparent; animation:hover 1.2s infinite; }
.our-project #grid-container{ position:relative !important; max-width:1280px; display:flex; align-items:flex-start; justify-content:center; flex-direction:row; flex-wrap:wrap; margin:0 auto; }
.our-project .tab-pane .inner-tab .nav-tabs li a { width: 140px; font-size: 18px; line-height: 22px; margin: 0 18px; }
.our-project .show-gallery-btn{ text-align:center; margin-top:15px; }
.our-project .show-gallery-btn .show-gallery{ font-family:var(--primary-font); font-size: 18px; line-height: 22px; background: transparent; font-weight: 400; text-transform: capitalize; color:#fff; background:var(--primary-color); border:1px solid transparent; box-shadow:none; outline:none; border-radius:20px; display:inline-block; overflow:hidden; transition: var(--trans); margin:0; padding:10px 20px; }

.our-project #grid-container .image-lightbox a{ position:relative; display:block; overflow:hidden; border-radius:40px; transition:var(--trans); margin:10px; box-shadow: 3px 3px 10px #00000030; }
.our-project #grid-container .image-lightbox a img{ width:100%; height:auto; border-radius:40px; transition:var(--trans); transform:scale(1); overflow:hidden; border:none; }
.our-project #grid-container .image-lightbox a:hover img{ transform:scale(1.2); }
.our-project #grid-container .image-lightbox a:hover{ box-shadow:0 0 0 10px rgba(0,0,0,0.3); }
.our-project #grid-container .image-lightbox a:before{ width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); content:""; z-index:9; transition:all 0.3s ease-in-out; opacity:0; visibility:hidden; }
.our-project #grid-container .image-lightbox a:after { width:35px; height:35px; background:#fff; content: "+"; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:var(--secondary-color); font-size:35px; display:flex; align-items:center; justify-content:center; border-radius:25px; transition:all 0.5s ease-in-out; margin:0; padding:0; z-index:99; opacity:0; visibility:hidden; }
.our-project #grid-container .image-lightbox a.link-icon:after{ content: "\f0c1"; font-weight: 900; font-family: "Font Awesome 6 Free"; font-size: 16px; color: var(--primary-color); }
.our-project #grid-container .image-lightbox a:hover:after,
.our-project #grid-container .image-lightbox a:hover:before{ opacity:1; visibility:visible; }
.gslide-image img{ min-width:inherit; }
@keyframes hover {  from { box-shadow: 0 0 0 0 var(--primary-color); }  }
.our-project .view-btn a{ background-color:#fff; border-color: var(--secondary-color); color: var(--secondary-color); padding-right: 80px; margin-top:25px; }
.our-project .lightbox-section{ column-count:3; column-gap: 20px; }
.our-project .image-lightbox { position:relative; margin:0; display:grid; margin-bottom: 20px; break-inside: avoid; border-radius:40px; overflow:hidden; transition-property: transform, opacity; transition-duration: 0.5s; transition-timing-function: ease-out; }
.our-project .image-lightbox img{ width:100%; display:block; }



#our-project_section .our-project #HTMLPortfolio .image-lightbox{display: inherit}
#our-project_section .our-project  .tab-content>.active .image-lightbox.display { display:inherit; animation:fade 0.2s ease-in-out both; }
.our-project  .tab-content .tab-pane{ text-align:center; }
#our-project_section .tab-content .tab-pane .seeMore{ animation:fade 3s ease-in-out both; }

#our-project_section .our-project .tab-content .tab-pane#logo{ min-height:1361px; }
#our-project_section .our-project .tab-content .tab-pane#website{ min-height:954px; }
#our-project_section .our-project .tab-content .tab-pane#ui{ min-height:1280px; }
#our-project_section .our-project .tab-content .tab-pane#branding{ min-height:1280px; }

#our-project_section .tab-content .tab-pane.active .seeMore {
    position: relative;
    font-family: var(--primary-font);
    font-size: 22px;
    line-height: 24px;
    background: #fff;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    box-shadow: none;
    outline: none;
    border-radius: 30px;
    transition:var(--trans);
    overflow: hidden;
    margin:30px 0 0;
    display:inline-block;
    padding:10px 20px;
}

#our-project_section .tab-content .tab-pane.active .seeMore:hover {
    background: var(--primary-color);
    color: #fff;
    border-color: transparent;
}

@keyframes fade {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

.tab-content .tab-pane .tab-content>.active {
    display: block;
}

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .our-project {
        padding: 50px 0;
    }
    
    .our-project .nav-tabs a,
    .our-project .button-group .button {
        width: 130px;
        font-size: 18px;
        line-height: 20px;
        margin: 0 10px 15px;
    }
    
    .our-project .nav-tabs, .our-project .button-group {
        padding: 0 0 30px;
    }
    
    #our-project_section .our-project .tab-content .tab-pane#logo,
    #our-project_section .our-project .tab-content .tab-pane#website,
    #our-project_section .our-project .tab-content .tab-pane#ui,
    #our-project_section .our-project .tab-content .tab-pane#branding{ min-height:750px; }
}

@media screen and (max-width: 991px) {
    .our-project .tab-pane .inner-tab .nav-tabs li a {
            width: 125px;
            height: 40px;
            font-size: 16px;
            line-height: 20px;
            margin: 0 10px;
        }

    .our-project .nav-tabs, .our-project .button-group {
        padding: 0 0 20px;
    }
    .our-project #grid-container .item a img {
        border-radius: 10px;
    }

    .our-project #grid-container .item a {
        border-radius: 10px;
    }

    .our-project .title h2 {
        margin: 0 0 30px;
    }
    
    .our-project .image-lightbox {
        margin-bottom: 10px;
        border-radius: 10px;
    }
    
    .our-project .lightbox-section {
        column-gap: 5px;
    }
    
    #our-project_section .our-project .tab-content .tab-pane#logo,
    #our-project_section .our-project .tab-content .tab-pane#website,
    #our-project_section .our-project .tab-content .tab-pane#ui,
    #our-project_section .our-project .tab-content .tab-pane#branding{ min-height:480px; }
}

@media screen and (max-width: 767px) {
    .our-project .nav-tabs a,
    .our-project .button-group .button {
        font-size:16px;
        width: 100px;
        height:45px;
    }
    
    .our-project .nav-tabs a, .our-project .button-group .button {
        margin: 0 5px 15px;
    }
    
    .our-project .tab-pane .inner-tab .nav-tabs li a {
        font-size: 15px;
        margin: 0 5px 15px;
    }

    .our-project #grid-container .item {
        width: 100%;
    }

    .our-project {
        padding: 40px 0;
    }
    
    .our-project.pt-3 .title h2{
        padding-bottom:15px;
    }
    
    .our-project .button-group {
        padding-bottom: 25px;
    }
    
   .Destop-verson{
        display:none;
    }
    
   .mobile-verson{
        display:block;
    }
    
    .our-project.mobile-verson .title h2{
        margin:0 0 12px;
        padding-bottom:0;
    }
    
    .projects-slider{
        position:relative;
        padding-bottom:60px;
    }
    
    .our-project .projects-slider .owl-nav {
        position: absolute;
        bottom: 0;
        left: 0;
        right:0;
        text-align:center;
        margin: 0;
        padding: 0;
    }
    
    .our-project .projects-slider .owl-nav button {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        border: none;
        outline: none;
        overflow: hidden;
        transition: var(--trans);
        margin: 0;
    }
    
    .our-project .projects-slider .owl-nav button.owl-prev {
        margin-right: 10px;
        transform: rotate(180deg);
    }
    
    .our-project .projects-slider .owl-nav button img{
        width:100%;
        height:auto;
    }
    
}

.certification-block{ padding:0 0 80px; }
.certification-block .title h2{ text-align:center; color:var(--secondary-color); font-weight:700; padding:0 0 60px; }
.certification-block .box { position:relative; background:#fff; border: 3px solid var(--secondary-color); border-radius: 30px; text-align:center; margin:0; padding: 30px; }
.certification-block .box h2{ font-family:var(--primary-font); font-size:45px; line-height:50px; font-weight:900; color:var(--secondary-color); text-align:center; margin:0; padding:0 0 18px; }
.certification-block .box h2.count:after{ content:'+'; }
.certification-block .box h3{ font-family:var(--primary-font); font-size:16px; line-height:26px; font-weight:600; color:var(--secondary-color); margin:0; padding:0; }
.certification-block .box p{ font-family:var(--primary-font); font-size:18px; line-height:26px; font-weight:400; color:var(--secondary-color); margin:0; padding:10px  0 0; }
.certification-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap:30px; }
.grid-5{ grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .certification-block {
        padding-bottom: 60px;
    }

    .certification-block .box {
        border-radius: 20px;
        padding: 20px;
    }

    .certification-block .box h2 {
        font-size: 30px;
        line-height: 35px;
        padding-bottom: 12px;
    }

    .certification-block .title h2 {
        padding: 0 0 40px;
    }
    
    .certification-grid {
        grid-gap: 15px;
    }
    
    .certification-block .box h3{
        14px;
    }
}

@media screen and (max-width: 1199px) {
    .certification-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
    
    .certification-grid.grid-5{
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 991px) {
    .certification-grid {
        grid-template-columns: 1fr 1fr;
    }
    .certification-block .title h2 {
        padding: 0 0 25px !important;
    }
    
    .certification-grid.grid-5{
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    
    .certification-block {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    .certification-block {
        padding-bottom: 40px;
    }
    
    .certification-grid{
        grid-template-columns: 1fr 1fr;
    }

    .certification-block .box h3 {
        text-align: center;
    }
    
    .certification-grid.grid-5{
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 458px) {
    .stats-section .stats-grid,
    .certification-grid {
        grid-template-columns: 1fr !important;
    }
    .stats-section .stats-grid,
    .certification-grid.grid-4 .box,
    .certification-grid.grid-5 .box{
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
    }
}

.reviews-block{ position:relative; z-index:9; padding:80px 0; }
.reviews-block .container{ padding-left:40px; }
.reviews-block .title{ display:flex; align-items:center; justify-content:space-between; padding-bottom:55px; }
.reviews-block .testimonials-btn{ text-align:center; margin-top:70px; }
.reviews-block .item{ padding:90px 0 40px; }
.reviews-block .item .box{ position:relative; text-align:center; background:#fff; border-radius:20px; transition:var(--trans); transform: scale(0.80); opacity:0.5; margin:0; padding:80px 45px 30px; }
.reviews-block .reviews-slider .owl-item.center .box { transform: scale(1.15); opacity:1; box-shadow:0 0 5px 5px rgba(0,0,0,0.1); }
.reviews-block .item .box .q-mark { width:31px; margin:0; padding:0 0 35px; }
.reviews-block .item .box .q-mark img{ width:100%; height:auto; }
.reviews-block .item .box p:after{ position:absolute; top:-18px; left:-22px; background:url(../images/q-mark.svg); background-repeat:no-repeat; background-size:100% 100%; width:20px; height:27px; content:""; }
.reviews-block .item .box .reviews-person{ text-align: center; margin:0; padding:0; }
.reviews-block .item .box .reviews-person .icon{ position:absolute; top:-52px; left:0; right:0;  width:110px; height:110px; border-radius:50%; background:#ebecf0; overflow:hidden; border:2px solid #fff; box-shadow:0 0 5px 5px rgba(0,0,0,0.1); margin:0 auto 35px; padding:0; }
.reviews-block .item .box .reviews-person .icon img{ width:100%; height:100%; object-fit:cover; object-position: top center; }
.reviews-block .item .box .person-desc h3{ font-family:var(--secondary-font); font-size:30px; line-height:32px; font-weight:400; color:#000; letter-spacing:1px; margin:0; padding:0 0 4px; }
.reviews-block .item .box .person-desc{ max-height:300px; overflow-y:auto; }
.reviews-block .item .box .person-desc::-webkit-scrollbar { width: 2px;}
.reviews-block .item .box .person-desc::-webkit-scrollbar-track { display:none; }
.reviews-block .item .box .person-desc::-webkit-scrollbar-thumb { background-color: var(--primary-color); border-radius: 10px; height:5px; }
.reviews-block .item .box .person-desc .sub-heding{ font-family:var(--primary-font); font-size:14px; line-height:16px; font-weight:400; color:#878787; display:block; margin:0; padding:0 0 20px; }
.reviews-block .reviews-slider{ position:relative; margin:0; padding:0; }
.reviews-block .reviews-slider .owl-nav { display:flex; position:absolute; top:-95px; right:130px; left:inherit; z-index:9; }
.reviews-block .reviews-slider .owl-nav button{ display:inline-block; background:url(../images/left-arrow-1.svg); width:17px; height:31px; background-repeat:no-repeat; border:none; outline:none; background-size:14px; transition:var(--trans); margin:0; }
.reviews-block .reviews-slider .owl-nav button.owl-next{ background:url(../images/right-arrow.svg); background-repeat:no-repeat; background-size:14px; margin-left: 100px; }
.reviews-block .reviews-slider .owl-nav button:hover{ opacity:0.6; }
.reviews-block .reviews-slider .owl-nav button span{ display:none; }
.reviews-block .slider-reviews-counter{ position:relative; top:3px; right:163px; font-family:var(--primary-font); font-size:28px; font-weight:400; color:#fff; margin:0; padding:0; }
.reviews-block .item .box .person-desc p{ position:relative; font-family:var(--primary-font); font-size:16px; line-height:26px; font-weight:400; color:var(--secondary-color); margin:0; padding:0; }
.reviews-block .item .box .person-desc p .myBtn{ font-size:15px; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .reviews-block {
        padding: 50px 0;
    }

    .reviews-block .slider-reviews-counter {
        right: 40px;
    }

    .reviews-block .reviews-slider .owl-nav {
        top: -96px;
        right: 0;
    }

    .reviews-block .item .box .person-desc h3 {
        font-size: 22px;
        line-height: 24px;
        padding-bottom: 5px;
    }

    .reviews-block .item .box {
        padding: 80px 15px 25px;
    }

    .reviews-block .item .box p:after {
        left: 0;
        top: -25px;
    }

    .reviews-block .item .box .person-desc .sub-heding {
        font-size: 13px;
        line-height: 15px;
    }

    .reviews-block .item .box .person-desc p {
        font-size: 16px;
        line-height: 22px;
    }

    .reviews-block .title {
        padding-bottom: 60px;
    }

    .reviews-block .testimonials-btn {
        margin-top: 30px;
    }
}

@media screen and (max-width: 1199px) {

    .reviews-block .title {
        padding-bottom: 35px;
    }

    .reviews-block .reviews-slider .owl-nav {
        top: -70px;
    }
    
    .reviews-block .testimonials-btn {
         margin-top: 20px; 
    }
}

@media screen and (max-width: 991px) {

    .reviews-block .reviews-slider .owl-nav button.owl-next,
    .reviews-block .reviews-slider .owl-nav button {
        background-size: 60%;
    }

    .reviews-block .reviews-slider .owl-nav button.owl-next {
        margin-left: 85px;
    }

    .reviews-block .slider-reviews-counter {
        font-size: 22px;
        top: -4px;
    }

    .reviews-block .item .box .person-desc p {
        font-size: 16px;
        line-height: 25px;
    }

    .reviews-block .item .box p:after {
        top: -25px;
    }

    .reviews-block .title {
        padding-bottom: 32px;
    }
    
    .reviews-block {
        padding: 40px 0;
    }
}

@media screen and (max-width: 767px) {

    .reviews-block .testimonials-btn {
        margin-top: 0;
    }

    .reviews-block .container {
        padding: 0 12px;
    }

    .reviews-block .title {
        padding-bottom: 20px;
        display:block;
    }

    .reviews-block .reviews-slider .owl-item.center .box {
        transform: inherit;
    }

    .reviews-block {
        padding: 40px 0;
    }

    .reviews-block .item {
        padding-top: 55px;
        padding-bottom: 20px;
    }

    .reviews-block .reviews-slider .owl-nav {
        top: -25px;
    }
    
    .reviews-block .slider-reviews-counter {
        top:20px;
        text-align:right;
    }
}


.video-reviews{ padding:150px 0 0; }
.video-reviews .title h2 { background:#fff; position:relative; color:var(--secondary-color); text-align:right; padding:0 0 35px; }
.video-reviews .videos { display: flex; margin:0 0 5px; padding:0; }
.video-reviews .video{ position:relative; display:flex; align-items:center; justify-content:center; height:40vh; width:50%; box-shadow:0 0 8px 0 rgba(0,0,0,0.3); margin:0; padding:0; }

.video-reviews .video-1 { background-image:url(../images/happy-client-4.jpg); background-size:cover; background-repeat:no-repeat; top:-165px; background-position: center; }
.video-reviews .video-2 { background-image:url(../images/happy-client-2.jpg); background-repeat:no-repeat; background-size:cover; right:70px; background-position: center; }
.video-reviews .video a{ width:110px; height:auto; margin:0; padding:0; }
.video-reviews .video a img{ position:relative; width:100%; height:auto; transition:var(--trans); z-index:99; }
.video-reviews .video a:after{ position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(58,132,255,0.5); content:""; opacity:0; visibility:hidden; transition:var(--trans); z-index:9; }
.video-reviews .video a:hover:after{  opacity:1; visibility:visible; }
.video-reviews .video a:hover img{ transform:scale(1.1); }
.modal .modal-dialog{ max-width:600px; }
.modal .modal-dialog iframe{ width:100%; height:400px; border:2px solid #fff; outline:0; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .video-reviews .video-2 {
        right: 0;
    }
    
    .video-reviews .video a {
        width: 70px;
    }
}

@media screen and (max-width: 1199px) {
    .video-reviews {
        padding-top:140px;
    }
}

@media screen and (max-width: 1024px) {

    .video-reviews .video-2 {
        right: 0;
        background-position: center;
        margin-top:20px;
    }
    
    .video-reviews .video{
        width:100%;
        top:inherit;
        background-size: 100% 100%;
        height:400px;
    }
    
    .video-reviews .title h2 {
        text-align: center;
    }
    
    .video-reviews {
        padding-top: 40px;
    }
    
    .video-reviews .videos {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .video-reviews .video {
        height: 300px;
    }
}

@media screen and (max-width: 400px) {
    .video-reviews .video {
        height: 200px;
    }
}

.our-technologies{ background:#fff; padding:90px 0 40px; z-index:9; }
.our-technologies .title h2{ position:relative; background:#fff; color:var(--secondary-color); text-align:center; padding:0; margin:0 0 40px; z-index:99; }
.our-technologies .nav-tabs{ display:flex; justify-content:center; align-items:center; border:none; margin:0; padding:0 0 80px; }
.our-technologies .nav-tabs li.nav-item a{ position:relative; width:200px; height:50px; display:flex; align-items:center; justify-content:center; font-family:var(--primary-font); font-size:22px; line-height:24px; font-weight:400; background:#fff; text-transform:capitalize; color:var(--secondary-color); border:1px solid var(--secondary-color); overflow:hidden; box-shadow:none; outline:none; border-radius:30px; transition:var(--trans); margin:0 20px; padding:0; }
.our-technologies .nav-tabs li.nav-item a:hover{ box-shadow: 0 0 0 1rem transparent; animation: pulse-shadow 1.2s infinite; }
@keyframes pulse-shadow {  
    from { box-shadow: 0 0 0 0 var(--primary-color); } 
}
.our-technologies .nav-tabs li.nav-item a:hover,
.our-technologies .nav-tabs li.nav-item a.active{ background:var(--primary-color); color:#fff; border-color:transparent; }
.our-technologies .nav-tabs li.nav-item .tab-content{ margin:0; padding:0; }
.our-technologies .tab-content .img-panel a{ display:block; }
.our-technologies .tab-content .box{ display:flex; align-items:flex-end; flex-wrap:wrap; justify-content:center; margin-bottom:45px; }
.our-technologies .tab-content .box .panel{ display:flex; justify-content:space-between; align-items:center; flex-direction:column; min-height:155px; margin:0 28px;}
.our-technologies .tab-content .box .img-panel{ max-width:80px; height:auto; margin:0 auto; overflow:hidden; border-radius:10px; }
.our-technologies .tab-content .box .img-panel img{ width:100%; height:auto; }
.our-technologies .tab-content .box .text-panel h3{ font-family:var(--secondary-font); font-size:28px; line-height:30px; font-weight:500; color:var(--secondary-color); text-align:center; max-width:115px; margin:0 auto; padding:15px 0 0; text-transform: capitalize; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .our-technologies .nav-tabs li.nav-item a {
        width: 170px;
        font-size: 18px;
        line-height: 20px;
        margin: 0 20px;
    }

    .our-technologies .nav-tabs {
        padding: 0 0 40px;
    }

    .our-technologies .tab-content .box .text-panel h3 {
        font-size: 20px;
        line-height: 22px;
    }

    .our-technologies {
        padding: 50px 0 0;
    }

    .our-technologies .tab-content .box .panel {
        min-height: 130px;
        margin: 0 25px 20px;
    }
    
    .our-technologies .tab-content .box {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 991px) {
    .our-technologies .nav-tabs li.nav-item a {
        width: 128px;
        margin-bottom: 20px;
    }
    
    .our-technologies .nav-tabs {
        padding: 0 0 20px;
    }
    
    .our-technologies {
        padding: 40px 0 0;
    }
    
    .our-technologies .tab-content .box {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {

    .our-technologies .nav-tabs {
        padding: 0 0 20px;
    }
    
    .our-technologies {
        padding-top:40px;
    }
    
    .our-technologies .tab-content .box .panel {
        margin: 0 10px 30px;
    }

    .our-technologies .title h2 {
        margin-bottom:30px;
    }
    
    .our-technologies .nav-tabs li.nav-item a {
        margin: 0 8px;
        margin-bottom:20px;
    }
    
    .our-technologies .tab-content .box {
        margin-bottom: 20px;
    }
}

.partnership{ background:url(../images/partnership-background.png); background-repeat:no-repeat; background-size:cover;  background-attachment:fixed; position:relative; padding:70px 0; }
.partnership .desc .box{ display:flex; align-items:center; justify-content:space-between;  flex-direction:row-reverse; }
.partnership .desc .img-panel{ width:50%; height:auto; margin:0; padding:0; }
.partnership .desc .img-panel img{ width:100%; height:auto; }
.partnership .desc .title{ width:50%; padding:0 30px;  }
.partnership .desc .title h2{ padding:0 0 25px; }
.partnership .desc .title p{ color:#fff; padding:0 0 18px; }
.partnership .desc .title a{ margin-top:30px; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .partnership {
        padding: 50px 0;
    }
    
    .partnership .desc .title h2 {
        padding-bottom:20px;
    }
    
    .partnership .desc .title p {
        padding-bottom:30px;
    }
}

@media screen and (max-width: 1199px) {
    .partnership .desc .title {
        padding-left:30px;
    }
    
    .partnership .desc .title a{ margin-top:10px; }

}

@media screen and (max-width: 991px) {

    .partnership .desc .box{
        flex-direction:column;
    }
    
    .partnership .desc .img-panel{
        width:100%;
    }
    
    .partnership .desc .title{
        padding:20px 0 0;
        width:100%;
    }
    
    .partnership .desc .title h2 {
        padding-bottom: 12px;
    }
    
    .partnership {
        padding: 40px 0;
    }
    
    .partnership .desc .title p {
        padding-bottom: 15px;
    }
}


.blogs{ position:relative; background:#fff; padding:100px 0 0 12px; }
.blogs .row{ position:relative; margin:0; padding:0; }
.blogs .title{ margin:0; padding:0; }
.blogs .title h2 { color: var(--secondary-color); padding: 0 0 30px; }
.blogs .title p{ padding:0 20px 40px 0; }
.blogs .blog-slider .box .img-panel{ position:relative; margin:0; padding:0; }
.blogs .blog-slider .box .img-panel img{ width:100%; height:auto; object-fit:cover; object-position:top center; }
.blogs .blog-slider .box .img-panel h3{ position:absolute; top:15px; right:25px; font-family:var(--secondary-font); font-size:15px; line-height:20px; font-weight:600; background:#fff; color: var(--primary-color); border-radius:30px; margin:0; padding:15px 22px; }
.blogs .blog-slider .box .text-panel{ padding:24px 0 0; }
.blogs .blog-slider .box .text-panel h3{ font-family:var(--secondary-font); font-size:25px; line-height:35px; font-weight:500; text-transform:uppercase; color:var(--secondary-color); margin:0; padding:0 0 10px;  }
.blogs .blog-slider .box .text-panel p{ font-size:18px; line-height:28px; font-weight:500; color:var(--secondary-color); margin:0; padding:0 0 20px; }
.blogs .blog-slider .box .text-panel a{ font-size:14px; line-height:16px; background:var(--primary-color); font-weight:500; border-radius:30px; color:#fff; border:1px solid transparent; transition:var(--trans); display:inline-block; padding:6px 18px; }
.blogs .blog-slider .box .text-panel a:hover{ background:none; border-color:var(--primary-color); color:var(--primary-color); }
.blogs .owl-carousel.owl-loaded{ position:inherit; }
.blogs .blog-slider .owl-nav{ position:absolute; top:300px; left:0; background:#fff; margin:0; padding:0; }
.blogs .blog-slider .owl-nav button{ width:50px; height:50px; border-radius:50%; border:none; outline:none; overflow:hidden; transition:var(--trans); margin:0; }
.blogs .blog-slider .owl-nav button:hover{ opacity:0.6; }
.blogs .blog-slider .owl-nav button img{ max-width:100%; height:auto; }
.blogs .blog-slider .owl-nav button.owl-prev{ margin-right:45px; transform:rotate(180deg); }
.blogs .blog-slider .owl-nav button.disabled{ opacity:0.5; cursor:auto; }
.blogs .btn_accent{ border-color:var(--secondary-color); color:var(--secondary-color); }
.blogs  .blogs-btn{ display:none; }
.blogs .blog-slider .box .text-panel a.readmore-btn1{ display:none; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .blogs .title h2 {
        padding: 0 0 20px;
    }
    
    .blogs {
        padding: 50px 0 30px 45px;
    }
    
    .blogs .blog-slider .box .text-panel h3 {
        font-size: 20px;
        line-height: 25px;
        padding-bottom:12px;
    }
    
    .blogs .blog-slider .box .text-panel p {
        font-size: 16px;
        line-height: 26px;
    }
    
    .blogs .blog-slider .owl-nav {
        top: 320px;
    }
}

@media screen and (max-width: 1199px) {
    .blogs .blog-slider .owl-nav {
        top: 280px;
    }
}

@media screen and (max-width: 991px) {

    .blogs .blog-slider .owl-nav {
        top: 340px;
    }
    
    .blogs .blog-slider .owl-nav button {
        width: 30px;
        height: 30px;
    }
    
    .blogs .blog-slider .owl-nav button.owl-prev {
        margin-right: 20px;
    }
    
    .blogs {
        padding: 50px 0 0 45px;
    }
}

@media screen and (max-width: 767px) {

    .blogs {
        padding: 40px 0 0;
    }
    
    .blogs .blog-slider .owl-nav {
        top: inherit;
        bottom: 13px;
        right: 28px;
        left: inherit;
    }
    
    .blogs .title p{
        padding:0 0 28px;
    }
    
    .blogs .title a{
        margin-bottom:30px;
    }
    
    
    .blogs .title h2 {
        padding: 0 0 10px;
    }
    
    .blogs .blog-slider .box .text-panel {
        padding: 30px 0 0;
    }
    
    .blogs .title .btn_accent{
        display:none;
    }
    
    .blogs  .blogs-btn{
        display:block;
    }
    
    .blogs .blog-slider .box .text-panel a.readmore-btn2{
        display:none;
    }
    
    .blogs .blog-slider .box .text-panel a.readmore-btn1 {
        display: inline-block;
        background: none;
        color: var(--primary-color);
        padding: 0;
        font-size: 16px;
        line-height:26px;
    }
    
    .blogs .blog-slider .box .text-panel a:hover{
        border-color:#fff;
    }
    
    .blogs .blog-slider .box .text-panel p{
        padding-bottom:30px;
    }
}


.faq-block { background:#fff; padding:60px 0; }
.faq-block .row{ align-items:center; }
.faq-block .img-panel{ margin-right:30px; }
.faq-block .img-panel img{ width:100%; height:auto; }
.faq-block .title h2 { text-align:center; color:var(--secondary-color); padding:0 0 30px; }
.faq-block .accordion-panel .accordion{ position:relative;background:#fff;  margin:0; padding:0; }
.faq-block .accordion-panel .accordion .box { padding-bottom:0; margin:0 0 22px; border-bottom:1px solid #d7d7d7; }
.faq-block .accordion-panel .accordion .box .accordion-heading{ position:relative; cursor:pointer; margin:0; padding:0; }
.faq-block .accordion-panel .accordion .box .accordion-heading h3 { position: relative; font-family: var(--primary-font); font-size:18px; line-height: 25px; font-weight: 500; color: var(--secondary-color); max-width:85%; transition: var(--trans); margin: 0; padding: 0 0 20px; }
.faq-block .accordion-panel .accordion .box:hover .accordion-heading h3,
.faq-block .accordion-panel .accordion .box .accordion-heading.open h3{ color:var(--primary-color); }
.faq-block .accordion-panel .accordion .box .accordion-heading:after{ position:absolute; top:12px; right:0; background:url(../images/arrow2.svg); background-repeat:no-repeat; width:33px; height:18px; background-size:100% 100%; content:''; transition:var(--trans);  }
.faq-block .accordion-panel .accordion .box:hover .accordion-heading:after{ filter:invert(41%) sepia(94%) saturate(2319%) hue-rotate(204deg) brightness(103%) contrast(101%); }
.faq-block .accordion-panel .accordion .box .accordion-heading.open:after{ transform:rotate(90deg); filter:invert(41%) sepia(94%) saturate(2319%) hue-rotate(204deg) brightness(103%) contrast(101%); }
.faq-block .accordion-panel .accordion .box .accordion-desc p{ font-family: var(--primary-font); font-size:16px; line-height:26px; font-weight:500; max-width:85%; padding: 0 0 20px; color: var(--secondary-color); margin:0; padding-bottom:15px; }
.faq-block .accordion-panel .accordion .box .accordion-desc ul{ padding:10px 0; }
.faq-block .accordion-panel .accordion .box .accordion-desc ul li{ font-family: var(--primary-font); font-size:16px; line-height:26px; font-weight:500; padding: 0 0 20px; color: var(--secondary-color); display:block; margin:0; padding-bottom:5px; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .faq-block {
        padding: 45px 0;
    }
}

@media screen and (max-width: 1199px) {
    .faq-block {
        padding: 40px 0 !important;
    }
}

@media screen and (max-width: 991px) {
    .faq-block .img-panel {
        margin-right: 0;
        margin-bottom: 30px;
    }
    
    .faq-block .accordion-panel .accordion .box .accordion-desc p{
        font-size:14px;
    }
}

@media screen and (max-width: 767px) {
    .faq-block .accordion-panel .accordion .box .accordion-desc p {
        max-width:100%;
    }
    
    .faq-block {
        padding:40px 0 !important;
    }
    
    .faq-block .accordion-panel .accordion .box .accordion-heading:after {
        top: 5px;
        width: 20px;
        height: 20px;
    }
    
    .faq-block .accordion-panel .accordion .box .accordion-heading h3 {
        font-size: 16px;
        line-height:22px;
        max-width:92%;
    }
}


.contact-banner { position:relative; background:var(--secondary-color); padding:70px 0 70px 65px; }
.contact-banner .title h3{ font-family: var(--secondary-font); font-size:37px; line-height:45px; font-weight:500; color:#fff; max-width:1280px; margin:0; padding: 0 0 30px; }
.contact-banner .title span { font-family: var(--primary-font); font-size: 28px; line-height: 32px; font-weight: 400; color: #fff; display: block; margin: 0; padding: 0 0 65px; }
.contact-banner .title p{ font-family: var(--primary-font); font-size:22px; line-height:35px; font-weight:400;color:#fff; margin:0; padding: 0 0 30px; }
.contact-banner .title h4{ font-family: var(--secondary-font); font-size:120px; line-height:130px; font-weight:500; color:#fff; letter-spacing:1px; margin:0; padding:0; }
.contact-banner .title h5{ font-family: var(--secondary-font); font-size:55px; line-height:70px; font-weight:500; color:#fff; letter-spacing:1px; margin:0; padding:0; }
.contact-banner .title h6{ font-family: var(--secondary-font); font-size:80px; line-height:90px; font-weight:500; color:#fff; margin:0; padding:0; }
.contact-banner .title a{ color:#fff; display:inline-block; transition:var(--trans); }
.contact-banner .title a img{ max-width:100%; height:auto; margin-left:50px; }
.contact-banner .title h6 a img,
.contact-banner .title h5 a img{ max-width:10%; }
.contact-banner .title ul{ margin:0; padding:0 0 60px; }
.contact-banner .title ul li{ font-family: var(--primary-font); font-size:25px; line-height:35px; font-weight:500; color:#fff; display:inline-block;  margin:0; padding:0 0 20px;  }
.contact-banner .title ul li:last-child{ padding-bottom:0; }
.contact-banner .title ul li i{ font-size:20px; margin-right:20px; }
.contact-banner a { position: relative; font-family: var(--secondary-font); font-size:30px; line-height: 40px; font-weight: 400; color: #fff; border: 1px solid #fff; display: inline-block; letter-spacing: 1px; transition: var(--trans); padding:15px 140px 15px 30px; background-image: url(../images/arrow3.svg); background-size:105px 40px; background-position: 97% 50%; background-repeat: no-repeat; overflow: hidden; z-index:99; }
.contact-banner a:hover {  background-position:130% 50%; border-color:transparent; }
.contact-banner a::before { content: ''; width: 0%; height: 100%; display: block; background:var(--primary-color)  url(../images/arrow3.1.png); position: absolute; background-repeat:no-repeat; background-position: 90% center; background-size:65px 35px;  left: -10%; opacity: 1; top: 0; z-index: -12; -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); }
.contact-banner a:hover::before, 
.s:hover::before{ opacity:1; width:116%; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .contact-banner {
        padding: 40px 0 40px 30px;
    }

    .contact-banner .title h4 {
        font-size: 60px;
        line-height: 65px;
    }

    .contact-banner .title a img {
        max-width: 10%;
        margin-left: 10px;
    }

    .contact-banner .title h5 {
        font-size: 40px;
        line-height: 50px;
    }

    .contact-banner .title p {
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-banner {
        padding-left: 0;
    }

    .contact-banner .title h3 {
        font-size: 30px;
        line-height: 40px;
    }
}

@media screen and (max-width: 991px) {
    .contact-banner .title h4 {
        font-size: 45px;
        line-height: 50px;
    }

    .contact-banner a {
        font-size: 20px;
        line-height: 30px;
        background-size: 88px 30px;
    }
    
    .contact-banner .title ul li i {
        font-size: 15px;
        margin-right: 10px;
        line-height:25px;
    }
    
    .contact-banner .title ul li {
        font-size: 16px;
        line-height: 25px;
        padding-bottom:15px;
    }
    
    .contact-banner .title ul {
        padding: 0 0 30px;
    }
}

@media screen and (max-width: 767px) {
    .contact-banner {
        padding: 30px 0;
    }
    
    .contact-banner .title h3 {
        font-size: 25px;
        line-height: 35px;
        padding-bottom: 15px;
    }
    
    .contact-banner .title h4 {
        font-size: 25px;
        line-height: 30px;
    }
}


.white-contact-block { position:relative; background:url(../images/partnership-background.png); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; padding:80px 0 80px 65px; }
.white-contact-block .text-panel h3{ font-family: var(--secondary-font); font-size:42px; line-height:50px; font-weight:500; color:#fff; margin:0; padding: 0 0 17px; }
.white-contact-block .text-panel p { font-family: var(--primary-font); font-size:20px; line-height:33px; font-weight: 400; color: #fff; display: block; margin: 0; padding: 0 0 65px; }
.white-contact-block .text-panel a { position: relative; font-family: var(--secondary-font); font-size:40px; line-height: 45px; font-weight: 400; color: #fff; border: 1px solid #fff; display: inline-block; letter-spacing: 1px; transition: var(--trans); padding:15px 140px 15px 30px; background-image: url(../images/arrow3.svg); background-size:105px 40px; background-position: 97% 50%; background-repeat: no-repeat; overflow: hidden; z-index: 9; }
.white-contact-block .text-panel a:hover {  background-position:130% 50%; border-color:transparent; }
.white-contact-block .text-panel a::before { content: ''; width: 0%; height: 100%; display: block; background:var(--primary-color)  url(../images/arrow3.1.png); position: absolute; background-repeat:no-repeat; background-position: 90% center; background-size:65px 35px;  left: -10%; opacity: 1; top: 0; z-index: -12; -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); }
.white-contact-block .text-panel a:hover::before, 
.s:hover::before{ opacity:1; width:116%; }
.white-contact-block .text-panel a:hover:after { -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg); transform: translateX(-9%) translateY(-25%) rotate(45deg); z-index:-99; opacity:0; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .white-contact-block .text-panel h3 {
        font-size: 30px;
        line-height: 40px;
        padding-bottom:15px;
    }
    
    .white-contact-block .text-panel p {
        font-size: 18px;
        line-height: 25px;
        padding-bottom:40px;
    }
    
    .white-contact-block {
        padding: 50px;
    }
    
    .white-contact-block .text-panel a {
        font-size: 32px;
        line-height: 38px;
        background-size: 105px 35px;
    }
    
    .white-contact-block .text-panel a::before {
        background-size: 60px 35px;
    }
}

@media screen and (max-width: 1199px) {
    .white-contact-block .text-panel a {
        font-size: 30px;
        line-height: 35px;
        background-size: 85px 35px;
    }
    
    .white-contact-block .text-panel a::before {
        background-size: 40px 20px;
    }
    
    .white-contact-block {
        padding: 40px 0;
    }
}

@media screen and (max-width: 991px) {
    .white-contact-block .text-panel a {
        font-size: 18px;
        line-height: 25px;
        padding: 14px 62px 14px 14px;
        background-size: 40px 22px;
        background-position: 93% 50%;
    }
    
    .white-contact-block .text-panel a::before {
        background-size: 35px 20px;
        background-position:88% center;
    }
    
    .white-contact-block .text-panel p {
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .white-contact-block .text-panel p {
        font-size: 17px;
        line-height: 27px;
        padding-bottom: 32px;
    }
    
    .white-contact-block .text-panel h3 {
        font-size: 25px;
        line-height: 32px;
    }
}


/*===========================
        About page Start
=============================*/
.inner-banner{ position:relative; background:var(--secondary-color); padding:0; height:280px; display:flex; align-items:center; margin-top:150px; }
.inner-banner .box{ position:relative; display:flex; align-items:center; }
.inner-banner .img-panel { position:relative; width:34%; }
.inner-banner .img-panel .inner-img{ position:relative; height:auto; margin:0; padding:0; z-index:9; }
.inner-banner .img-panel.white-lebel-banner{ width:50%; }
.inner-banner .img-panel.white-lebel-banner .inner-img{ max-width:600px; margin:0 0 -40px auto; }
.inner-banner .img-panel img{ width:100%; height:auto; }
.inner-banner .text-panel { width:60%; }
.inner-banner .privacy-policy{ text-align:center; width:100%; }
.inner-banner .text-panel.privacy-policy h2{ padding:0; }
.inner-banner.privacy-policy-banner{ margin-top:0; }
.inner-banner .text-panel h1{ font-family: var(--secondary-font); font-size:80px; line-height:92px; font-weight:500; color:#fff; margin:0; padding:0; }
.inner-banner .text-panel h2{ font-family: var(--secondary-font); font-size:60px; line-height:70px; font-weight:500; color:#fff; margin:0; padding:0; }
.inner-banner .text-panel h1 span{ display:block; }
.custom-desc{ padding:0; }
.custom-desc .text-panel{ padding-top:90px; }
.custom-desc .text-panel h2 { font-family: var(--secondary-font); font-size: 50px; line-height: 65px; font-weight: 500; color: var(--secondary-color); border-bottom:1px solid var(--secondary-color); margin:0 0 38px; padding:0 0 22px; }
.custom-desc p { padding-bottom:55px; }
.custom-desc .btm-panel h3{ font-family: var(--secondary-font); font-size:53px; line-height:65px; font-weight: 500; color: var(--secondary-color); margin: 0; padding:0 0 40px; }
.custom-desc .btm-panel .business h3{ font-size:40px; line-height:50px; padding-bottom:20px; text-transform: capitalize; }
.custom-desc .btm-panel .box p:first-of-type{ padding-bottom:25px; }
.custom-desc .btm-panel .box:last-child h3{ width:52%; padding-bottom:0px; margin-bottom:30px; }
.inner-banner .img-panel .inner-img:after { content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; will-change: border-radius, transform, opacity; animation-delay: 100ms; background-image: linear-gradient(90deg, #fd3110 0%, #386ec8 100%, #002d37 50%); z-index:-9; animation: morph 1s linear infinite; animation-duration: 8s; }
@keyframes morph {
0%, 100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }
42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }
70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }
}
.inner-banner .img-panel .inner-img.after-cyc:after{ display:none; }
.inner-banner .img-panel .bigcommerce{ margin-top:110px; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .inner-banner .text-panel h1 {
        font-size: 60px;
        line-height: 70px;
        padding-left: 30px;
    }

    .inner-banner {
        height: 235px;
        margin-top: 130px;
    }

    .inner-banner .img-panel .bigcommerce {
        margin-top: 95px;
    }
    
    .inner-banner .text-panel h2 {
        font-size:42px;
        line-height: 52px;
        padding-left:30px;
    }

    .custom-desc .btm-panel h3,
    .custom-desc .text-panel h2 {
        font-size: 32px;
        line-height: 40px;
        padding-bottom: 20px;
    }

    .custom-desc p {
        padding-bottom: 35px;
    }

    .custom-desc .btm-panel {
        padding-left: 40px;
    }

    .custom-desc .btm-panel .business h3 {
        font-size: 25px;
        line-height: 30px;
        padding-bottom: 15px;
    }
    
    
}

@media screen and (max-width: 1199px) {
    .inner-banner .text-panel h1 {
        padding-left: 0;
        font-size:55px;
        line-height:65px;
    }
    
    .inner-banner .img-panel .bigcommerce {
        margin-top: 65px;
    }
    
    .inner-banner .text-panel h2 {
        font-size: 40px;
        line-height: 44px;
    }
    
    .inner-banner .img-panel img {
        width: 90%;
        height: auto;
    }
    .custom-desc .text-panel {
        padding-top: 50px;
    }
    
    .inner-banner.privacy-policy-banner {
        margin-top: 95px;
    }
}

@media screen and (max-width: 991px) {
    .custom-desc .text-panel {
        padding-top: 30px;
    }

    .custom-desc .btm-panel .box:last-child h3 {
        width: 100%;
        margin-bottom: 12px;
        font-size:25px;
    }

    .custom-desc .btm-panel {
        padding-left: 0;
    }
    
    .inner-banner .text-panel h2 {
        font-size: 35px;
        line-height: 45px;
        padding-bottom: 20px;
        padding-left:0;
    }
    
    .inner-banner .privacy-policy h2 {
        padding-bottom: 0;
    }
    
    .inner-banner .box {
        flex-direction: column;
        text-align:center; 
    }
    
    .inner-banner {
        height: auto;
        padding:50px 0;
        margin-top:90px;
    }
    
    .inner-banner .img-panel.white-lebel-banner,
    .inner-banner .img-panel,
    .inner-banner .text-panel {
        width: 100%;
    }
    
    .inner-banner .img-panel.white-lebel-banner .inner-img{
        transform:inherit;
    }
    .inner-banner .img-panel .inner-img {
        margin: 0 auto;
    }
    
    .inner-banner .text-panel h1 {
        padding-bottom: 20px;
        font-size:45px;
        line-height:50px;
    }
}

@media screen and (max-width: 767px) {
    .custom-desc .btm-panel {
        padding-left: 0;
    }
    
    .custom-desc .btm-panel h3{
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 15px;
    }
    
    .custom-desc .text-panel h2 {
        font-size: 24px;
        line-height: 28px;
        padding-bottom: 20px;
        margin-bottom:20px;
    }
    
    .custom-desc p {
        padding-bottom: 20px;
    }
    
    .inner-banner .text-panel h2 {
        font-size: 29px;
        line-height: 35px;
        padding-left:0;
    }
    
    .custom-desc .btm-panel .box p:first-of-type {
        padding-bottom: 0;
    }
}


.our-mission{ padding:80px 0 60px; margin-top:60px; }
.our-mission .container{ padding-left:60px; }
.our-mission .title{ position:relative; display:flex; align-items:center; justify-content:space-between; padding:0 0 30px; }
.our-mission .item{ display:flex; align-items:center; flex-direction:row-reverse;  margin:0; padding:0; }
.our-mission .item .feature-img{ width:35%; height:auto; transform:translateX(-30px); opacity:0; visibility:hidden; transition:var(--trans); margin-right:25px; padding:0; }
.our-mission .item .feature-img img{ width:100%; height:auto; }
.our-mission .owl-item.active .item .feature-img{ transform:translateX(0); opacity:1; visibility:visible; }
.our-mission .item .feature-desc{ width:65%; margin:0; }
.our-mission .item .feature-desc h3{ font-family:var(--secondary-font); font-size:40px; line-height:42px; font-weight:500; color:#fff; margin:0; transform:translateY(30px); text-transform:capitalize; opacity:0; visibility:visible; transition:all 1s ease-in-out; padding:0 0 20px; }
.our-mission .owl-item.active .item .feature-desc h3{ transform:translateY(0); opacity:1; visibility:visible; }
.our-mission .item .feature-desc p{ max-width:800px; color:#fff; padding:0 20px 35px 0; transform:translateY(-30px); opacity:0; visibility:visible; transition:var(--trans); }
.our-mission .owl-item.active .item .feature-desc p{ transform:translateY(0); opacity:1; visibility:visible; }
.our-mission .item .feature-desc a.slider-arrow-image{ width:61px; height:auto; display:block; transform:translateX(-30px); opacity:0; visibility:visible; transition:all 1.2s ease-in-out; padding-bottom:0; }
.our-mission .owl-item.active .item .feature-desc a.slider-arrow-image{ transform:translateX(0); opacity:1; visibility:visible; }
.our-mission .item .feature-desc a.slider-arrow-image:hover{ opacity:0.5 !important; }
.our-mission .item .feature-desc a.slider-arrow-image img{ width:100%; height:auto; }
.our-mission .mission-slider{ position:relative; margin:0; padding:0; }
.our-mission .mission-slider .owl-nav { display:flex; position:absolute; top:-100px; right:0; left:inherit; z-index:9; }
.our-mission .mission-slider .owl-nav button{ display:inline-block; background:url(../images/left-arrow-1.svg); width:31px; height:31px; background-repeat:no-repeat; border:none; outline:none; transition:var(--trans); background-size:100% 100%; margin:0; }
.our-mission .mission-slider .owl-nav button.owl-next{ background:url(../images/right-arrow.svg); background-repeat:no-repeat; margin-left:90px; background-size:100% 100%; }
.our-mission .mission-slider .owl-nav button:hover{ opacity:0.6; }
.our-mission .mission-slider .owl-nav button span{ display:none; }
.our-mission .slider-feature-counter{ position:relative; right:50px; top:-25px; font-family:var(--primary-font); font-size:28px; font-weight:400; color:#fff; margin:0; padding:0; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .our-mission {
        padding:50px 0 20px;
        margin-top: 40px;
    }
    
    .our-mission .item .feature-desc h3 {
        font-size: 40px;
        line-height: 42px;
        padding: 0 0 18px;
    }
    .our-mission .item .feature-desc {
        padding-top: 0;
    }
    
    .our-mission .mission-slider .owl-nav {
        top: -60px;
    }
    
    .our-mission .slider-feature-counter {
        top: 9px;
    }
}

@media screen and (max-width: 991px) {
    .our-mission .item {
         display: block; 
    }
    
    .our-mission .item .feature-img {
        width: 100%;
        margin-right: 0;
    }
    
    .our-mission .item .feature-desc {
        width: 100%;
        padding-top:20px;
    }
    
    .our-mission .item .feature-desc p{
        padding:0;
    }
    
    .our-mission .item .feature-desc h3 {
        font-size: 33px;
        line-height: 40px;
        padding: 0 0 10px;
    }
}

@media screen and (max-width: 767px) {
    .our-mission {
        padding: 30px 0 40px;
    }
    .our-mission .container {
        padding: 0 12px;
    }
    
    .our-mission .mission-slider .owl-nav button {
        width: 20px;
        height: 20px;
    }
    
    .our-mission .slider-feature-counter {
        right: 32px;
        top: 6px;
        left:inherit;
        font-size: 20px;
        text-align:right;
    }
    
    .our-mission .mission-slider .owl-nav button.owl-next {
        margin-left: 60px;
    }
    
    .our-mission .item .feature-desc h3 {
        font-size: 25px;
        line-height: 27px;
        padding: 0 0 10px;
    }
    
    .our-mission .title {
        display: block;
        padding-bottom:15px;
    }
    
    .our-mission .mission-slider .owl-nav {
        top: -35px;
    }
}


.our-work-methodology{ padding:80px 0; }
@media screen and ( min-width:1366px ){
    .our-work-methodology .container{ max-width:1570px; } 
}
.our-work-methodology .title{ text-align:center; }
.our-work-methodology .title h2{ color:var(--secondary-color); padding-bottom:30px; }
.our-work-methodology .title p{ font-family: var(--primary-font); font-size: 33px; line-height: 40px; font-weight: 500; color: var(--secondary-color); margin: 0; padding:0 0 120px; }
.our-work-methodology .methodology-boxs{ display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; grid-gap:60px; margin:0; padding:0; }
.our-work-methodology .methodology-boxs .box{ position:relative; width:100%; background:#fff; box-shadow: rgba(0, 0, 0, 0.20) 0px 5px 40px; z-index:9; border-radius:20px; margin:0; padding:0; }
.our-work-methodology .methodology-boxs .box:after{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:98%; background: linear-gradient(380deg, rgba(244,244,244,1) 50%, rgba(255,255,255,1) 99%); border-radius:20px; height:99%; content:""; z-index:-9; }
.our-work-methodology .methodology-boxs .box:before{ position:absolute; bottom:-6px; right:-6px; background:url(../images/box-after.png); background-repeat:no-repeat; background-size:100% 100%; width:140px; height:138px; content:""; }
.our-work-methodology .methodology-boxs .box .step h3{ position:relative; font-family: var(--primary-font); font-size:37px; line-height: 39px; font-weight: 500; color:#fff; background:#3984ff; border-radius:0; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; padding:20px 20px 22px 30px; margin:35px 70px 50px 0; }
.our-work-methodology .methodology-boxs .box .step h3:after{ position:absolute; top:0; right:-66px; background:url(../images/Triangle.png); background-repeat:no-repeat; background-size:70% 72%; width:66px; height:111px; content:""; }
.our-work-methodology .methodology-boxs .box .step h3:before{ position:absolute; top:0; left:-26px; background:url(../images/step-after.png); background-repeat:no-repeat; background-size:100% 100%; width:27px; height:124px; content:""; }
.our-work-methodology .methodology-boxs .box .text-panel{ text-align:center; padding:0 20px; }
.our-work-methodology .methodology-boxs .box .text-panel h3{ font-family:var(--secondary-font); font-size:30px; line-height:34px; font-weight:700; color:var(--secondary-color); min-height:132px;  margin:0; padding:0 0 30px; }
.our-work-methodology .methodology-boxs .box .text-panel p{ font-family:var(--primary-font); font-size:18px; line-height:28px; font-weight:400; color:var(--secondary-color);  margin:0; padding:0 0 100px; }
.our-work-methodology .browse-btn{ text-align:center; padding:60px 0 0; }
.our-work-methodology .browse-btn a{ border-color:var(--secondary-color); color:var(--secondary-color); font-weight:600; }

/*@Media Screen Media screen Start*/

@media screen and (max-width: 1800px) {
    .our-work-methodology .methodology-boxs {
        max-width:1250px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin:0 auto;
        grid-gap: 35px;
    }
}

@media screen and (max-width: 1366px) {
    .our-work-methodology {
        padding: 50px 0;
    }

    .our-work-methodology .title p {
        font-size: 22px;
        line-height: 24px;
        padding-bottom: 50px;
    }
    
    .our-work-methodology .methodology-boxs .box .text-panel h3 {
        font-size: 25px;
        line-height: 30px;
        min-height: auto;
        padding-bottom:15px;
    }
    
    .our-work-methodology .methodology-boxs {
        grid-template-columns: 1fr 1fr 1fr;
        max-width:900px;
    }
    
    .our-work-methodology .methodology-boxs .box .step h3:before {
        height: 125px;
    }
}

@media screen and (max-width: 991px) {
    .our-work-methodology .methodology-boxs {
        grid-template-columns: 1fr 1fr;
        grid-gap: 55px;
    }
    
    .our-work-methodology .title h2 {
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .our-work-methodology .title p {
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 35px;
    }
    
    .our-work-methodology {
        padding: 35px 0;
    }
    
    .our-work-methodology .methodology-boxs {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }
    
    .our-work-methodology .methodology-boxs .box .step h3 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom:30px;
    }
    
    .our-work-methodology .methodology-boxs .box .step h3:before {
        display:none;
    }
    
    .our-work-methodology .browse-btn {
        padding-top:40px;
    }
    
    .our-work-methodology .methodology-boxs .box .step h3:after {
        height: 102px;
    }
}


.lead-behind-section{ padding:90px 0 0; }
.lead-behind-section .title{ text-align:center; }
.lead-behind-section .title h2{ margin-bottom:120px; }
.lead-behind-section .top-block .row{ width:100%; max-width:1240px; margin:0 auto; }
.lead-behind-section .top-block .box{ margin:0; padding:0; }
.lead-behind-section .top-block .box .img-panel { position:relative; width:325px; height:335px; z-index:9; margin:0 auto; padding:0; }
.lead-behind-section .top-block .box .img-panel img{ border-radius:20px; overflow:hidden; width:100%; height:auto; }
.lead-behind-section .top-block .box .img-panel:before{ position:absolute; top:-16px; right:-16px; background:url(../images/lead-behind-after.png); background-repeat:no-repeat; background-size:100% 100%; width:278px; height:279px; margin:0; content:""; z-index:-9; }
.lead-behind-section .top-block .box .text-panel{ padding-top:40px; text-align:center; margin:0; }
.lead-behind-section .top-block .box .text-panel h3{ font-family:var(--primary-font); font-size:40px; line-height:42px; font-weight:700; color:#fff; text-transform:uppercase; margin:0; padding:0 0 25px; }
.lead-behind-section .top-block .box .text-panel p{ font-family:var(--primary-font); font-size:26px; line-height:28px; font-weight:400; color:#fff; margin:0; padding:0 0 40px; }
.lead-behind-section .top-block .box .text-panel a{ color:#fff; }
.lead-behind-section .top-block .box .text-panel a:hover{ color:var(--primary-color); }
.lead-behind-section .top-block .box .secial-block ul{ display:flex; align-items:center; flex-wrap: wrap; justify-content:center; margin:0; padding:0;}
.lead-behind-section .top-block .box .secial-block ul li{ margin:0 22px;}
.lead-behind-section .top-block .box .secial-block ul li a{ display:block; margin:0; padding:0;}
.lead-behind-section .top-block .box .secial-block ul li a img{ max-width:100%; height:auto; }
.lead-behind-section .team-core .title{ padding-top:110px; }
.lead-behind-section .team-core h3 { font-family: var(--secondary-font); font-size: 70px; line-height: 80px; font-weight: 500; color: #fff; padding-bottom:30px; margin: 0; }
.lead-behind-section .team-core p{ color:#fff; padding:0 0 110px; }
.lead-behind-section .team-core .box{ position:relative; margin:0 35px 100px; padding:0; }
.lead-behind-section .team-core .box:before{ position:absolute; top:-16px; right:-16px; background:url(../images/lead-behind-after.png); background-repeat:no-repeat; background-size:100% 100%; width:278px; height:279px; margin:0; content:""; }
.lead-behind-section .team-core .box .img-panel { position:relative; z-index:9; overflow:hidden; margin:0; padding:0; }
.lead-behind-section .team-core .box .img-panel img{ border-radius:20px; overflow:hidden; width:100%; height:auto; transition:var(--trans); filter: grayscale(100%); }
.lead-behind-section .team-core .box .img-panel:hover img{ filter: grayscale(0%); }
.lead-behind-section .team-core .box .text-panel{ padding-top:25px; text-align:center; margin:0; }
.lead-behind-section .team-core .box .text-panel h3{ font-family:var(--primary-font); font-size:25px; line-height:30px; font-weight:700; color:#fff; text-transform:capitalize; margin:0; padding:0 0 10px; }
.lead-behind-section .team-core .box .text-panel p{ font-family:var(--primary-font); font-size:20px; line-height:25px; font-weight:400; color:var(--primary-color); margin:0; padding:0; }
.lead-behind-section .team-core .box .secial-block { position:absolute; bottom:0; left:0; right:0; width:100%; margin:0; padding:0; z-index:99; }
.lead-behind-section .team-core .box .secial-block ul{ display:flex; align-items:center; flex-wrap: wrap; justify-content:center; margin:0; padding:0;}
.lead-behind-section .team-core .box .secial-block ul li{ opacity:0; transition:1s; transition-delay:0s; transform: translateY(100px); margin:0; padding:0 5px;}
.lead-behind-section .team-core .box .secial-block ul li a{ font-size:18px; color:var(--primary-color); line-height:18px; width:35px; height:35px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; transition:var(--trans); margin:0; padding:0; }
.lead-behind-section .team-core .box .secial-block ul li a:hover{ background:var(--primary-color); color:#fff; }
.lead-behind-section .team-core .box .img-panel:hover .secial-block ul li{ transform: translateY(-50px); opacity:1; }
.lead-behind-section .team-core .box .img-panel:hover .secial-block ul li:nth-child(1){ transition-delay: 0s; }
.lead-behind-section .team-core .box .img-panel:hover .secial-block ul li:nth-child(2){ transition-delay: .1s; }
.lead-behind-section .team-core .box .img-panel:hover .secial-block ul li:nth-child(3){ transition-delay: .2s; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .lead-behind-section .top-block .box .text-panel h3 {
        font-size: 20px;
        line-height: 22px;
        padding-bottom: 8px;
    }
    
    .lead-behind-section {
        padding: 50px 0 0;
    }

    .lead-behind-section .title h2 {
        margin-bottom: 70px;
    }
    
    .lead-behind-section .top-block .box .text-panel p {
        font-size: 18px;
        line-height: 20px;
        padding-bottom:20px;
    }
    
    .lead-behind-section .top-block .box .secial-block ul li {
        width: 40px;
        margin:0 10px;
    }
    
    .lead-behind-section .team-core .title {
        padding-top: 60px;
    }
    
    
    .lead-behind-section .team-core .box:before {
        width: 190px;
        height: 190px;
    }
    
    .lead-behind-section .team-core .box .text-panel h3 {
        font-size: 18px;
        line-height: 22px;
    }
    
    .lead-behind-section .team-core .box .text-panel p {
        font-size: 17px;
        line-height: 21px;;
    }
    
    .lead-behind-section .team-core p {
        padding-bottom:60px;
    }
    
    .lead-behind-section .team-core .box {
        margin: 0 20px 70px;
    }
    
    .lead-behind-section .top-block .row {
        max-width: 768px;
    }
    
    .lead-behind-section .team-core h3 {
        font-size: 50px;
        line-height: 55px;
    }
}

@media screen and (max-width: 767px) {
    .lead-behind-section {
        padding-top:30px;
    }
    
    .lead-behind-section .title h2 {
        margin-bottom: 50px;
    }
    
    .lead-behind-section .top-block .box {
        margin-bottom:60px;
    }
    
    .lead-behind-section .top-block .box .text-panel {
        padding-top: 20px;
    }
    
    .lead-behind-section .team-core .title {
        padding-top: 0;
    }
    
    .lead-behind-section .team-core h3 {
        font-size: 30px;
        line-height: 32px;
        padding-bottom:12px;
    }
    
    .lead-behind-section .team-core .box{
        margin-bottom:60px;
    }
}

.together-block{ background:#fff; padding:50px 0 0; }
.together-block .text-panel{ padding:0; margin:0; line-height:0; border-bottom:1px solid var(--secondary-color); padding-bottom:70px; }
.together-block .text-panel h2{ font-family:var(--primary-font); font-size:60px; line-height:70px; font-weight:700; color:var(--secondary-color); margin:0; padding:0 0 40px; }
.together-block .text-panel p { padding-bottom:35px; }
.together-block .text-panel a { border-color: var(--primary-color); color: var(--secondary-color); font-weight:600; }
.together-block.our-service{ padding-bottom:80px; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .together-block {
        padding-top: 50px;
    }

    .together-block.our-service {
        padding-bottom: 50px;
    }

    .together-block .text-panel h2 {
        font-size: 30px;
        line-height: 35px;
        padding-bottom: 20px;
    }
    
    .together-block .text-panel {
        padding-bottom: 50px;
    }

}

@media screen and (max-width: 991px) {
    .together-block .text-panel {
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 767px) {
    .together-block .text-panel {
        padding-bottom: 40px;
    }
    .together-block {
        padding-top: 35px;
    }
    
    .together-block .text-panel h2 {
        font-size: 20px;
        line-height: 30px;
    }
    
    .together-block.our-service {
        padding-bottom: 40px;
    }
    
    .together-block {
        padding-top: 40px;
    }
    
    .together-block .text-panel {
        padding-bottom: 35px;
    }
}


/*=============================
        Service page Start
===============================*/
.service-content{ padding:0; }
.service-content .text-panel{ padding-top:90px; }
.service-content .text-panel ul{ padding-bottom:25px; }
.service-content .text-panel ul li { font-family: var(--primary-font); font-size:24px; line-height: 30px; font-weight: 500; color: var(--secondary-color); margin: 0; padding:0 0 15px; }
.service-content .text-panel ul li .Qation{ font-size:30px; }
.service-content p { padding:0 0 50px; }
.service-content  h4{ font-family: var(--primary-font); font-size:22px; line-height:35px; font-weight:500; color:var(--secondary-color); margin:0; padding:0 0 60px; }
.service-content .btn_accent{ border-color: #242424; color: #242424; font-weight: 600; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .service-content h4 {
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 20px;
        font-weight: 400;
    }
    
    .service-content .text-panel ul li {
        font-size: 22px;
        line-height: 28px;
    }
    
    .service-content .text-panel ul {
        padding-bottom: 10px;
    }

}

@media screen and (max-width: 1199px) {
    .service-content .text-panel {
        padding-top: 50px;
    }
    
    .service-content p {
        padding: 0 0 30px;
    }
    
    .provide-block .text-panel h3 strong {
        font-size: 35px;
        margin-bottom:10px;
    }
    
    .service-panel .box .btm-panel ul li {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 18px;
        padding: 0 0 0 30px;
    }
}

@media screen and (max-width: 991px) {
    .service-content .text-panel {
        padding-top: 35px;
    }
    
    .service-content  h4 {
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .service-content p {
        padding-bottom: 30px;
    }
    
    .service-content .text-panel ul li {
        font-size: 17px;
        line-height: 24px;
        padding-bottom:12px;
    }
}

.provide-block{ padding:70px 0 65px; margin-top:80px; }
.provide-block .text-panel h3{ font-family:var(--secondary-font); font-size:60px; line-height:75px; font-weight: 500; color: #fff; margin: 0; padding:0; }
.provide-block span{ display:block; color:#fff; padding-top:50px; }
.provide-block .text-panel h3 strong{ display:block; font-size:50px; margin-top:15px; }
.provide-block .challenging-panel ul li{ font-family:var(--secondary-font); font-size:40px; line-height:43px; font-weight: 500; background:url(../images/arrow3.svg); background-repeat:no-repeat; background-size:30px 20px; background-position:left 25%; color:#fff; margin:0; padding:0 0 18px 50px; }
.provide-block .btm-panel{ padding-top:30px; border-top:1px solid #fff; margin-top:30px; }
.provide-block .btm-panel p { font-family: var(--primary-font); font-size:21px; line-height:33px; font-weight:400; color: #fff; padding-bottom:25px; margin:0; }
.provide-block .btm-panel p:last-child{ padding-bottom:0; }
.provide-block .btm-panel .title h2{ padding-bottom:50px; }
.provide-block .service-item{ display:flex; align-items:flex-start; margin:0; padding:40px 0 0; }
.provide-block .service-item ul{ padding-right:50px; }
.provide-block .service-item ul:last-child{ padding:0; }
.provide-block .service-item ul li{ font-family: var(--primary-font); font-size: 25px; line-height: 30px; font-weight:400; color: #fff; background:url(../images/check_iocn.png); background-repeat:no-repeat; background-size:25px 25px; background-position:center left; padding:13px 0 13px 40px; margin:0; }
.provide-block .challenging-panel h3 { font-family: var(--secondary-font); font-size: 40px; line-height: 50px; font-weight: 400; color: #fff; margin: 0; padding:35px 0 0; }
.provide-block-desc{ padding:80px 0 0; }
.provide-block-desc .text-panel p{ font-family:var(--primary-font); font-size: 20px; line-height: 32px; font-weight: 400; color:var(--secondary-color); padding-bottom:25px; margin: 0; }
.provide-block-desc .text-panel p:last-child{ padding-bottom:0; }
.provide-block-desc .text-panel p b { font-weight: 600; }
.provide-block .pragraph{ padding:30px 0 0; }
.provide-block .pragraph p{ color:#fff; }
.provide-block .grapic-tools{ display:flex; align-items:flex-start; flex-wrap:wrap; max-width:1336px; margin:0 auto; padding:70px 0 0; }
.provide-block .grapic-tools .box{ width:14%; text-align:center; margin:0; padding:0; }
.provide-block .grapic-tools .box .img-panel { width: 120px; height: 120px; border-radius: 25px; overflow: hidden; border: 1px solid #fff; margin: 0 auto; }
.provide-block .grapic-tools .box .img-panel img{ width:100%; height:auto; }
.provide-block .grapic-tools .box .text-panel{ max-width:140px; padding-top:22px; margin:0 auto; }
.provide-block .grapic-tools .box .text-panel h4{ font-family:var(--primary-font); font-size:20px; line-height:28px; font-weight:500; color:#e3e3e3; margin:0; padding:0; }
.provide-block .google-core{ padding:40px 0 0; margin-top:30px; border-top:1px solid #fff; }
.provide-block .google-core h3{ font-family:var(--primary-font); font-size:32px; line-height:37px; font-weight:600; color: #fff; margin:0; padding:0 0 50px; }
.provide-block .google-core .vitals-list{ counter-increment:step-counter; margin:0; padding:0 0 40px 70px; } 
.provide-block .google-core .vitals-list h4{ position:relative; font-family:var(--primary-font); font-size:28px; line-height:30px; font-weight:600; color:#fff; margin:0; padding:0; }
.provide-block .google-core .vitals-list h4:before { content:counter(step-counter)'.'; color: var(--primary-color); position: absolute; top: 50%; left: -35px;  transform: translateY(-50%); font-size:28px; line-height:28px; }
.provide-block .google-core .vitals-list p { font-family: var(--primary-font); font-size: 20px; line-height: 30px; font-weight: 400; color: #ececec; padding-top:20px; margin: 0; }
.provide-block .google-core .vitals-list:last-child{ padding-bottom:30px; }
.provide-block .img-block{ max-width:1280px; padding:20px 0 0 70px; }
.provide-block .img-block img{ width:100%; height:auto; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .provide-block {
        padding: 40px 30px 45px;
        margin-top: 45px;
    }
    
    .provide-block .text-panel h3 {
        font-size: 40px;
        line-height: 50px;
        padding-left:30px;
    }
    
    .provide-block-desc{
        padding:40px 30px 0;
    }
    
    .provide-block-desc .text-panel p {
        font-size: 18px;
        line-height: 30px;
    }
    
    .provide-block .btm-panel p {
        font-size: 18px;
        line-height: 28px;
    }
    
    .provide-block .btm-panel {
        padding-top: 20px;
    }
    
    .provide-block .grapic-tools {
        padding-top:50px;
        justify-content: center;
    }
    
    .provide-block .service-item {
        padding-top:30px;
    }
    
    .provide-block .service-item ul li {
        font-size: 20px;
        line-height: 24px;
    }
    
    .provide-block .challenging-panel ul li {
        font-size: 25px;
        line-height: 30px;
        padding-bottom: 10px;
    }
    
    .provide-block .challenging-panel h3 {
        font-size: 30px;
        line-height: 40px;
        padding-top: 25px;
    }
    .provide-block .btm-panel .title h2 {
        padding-bottom: 40px;
    }
    
    .provide-block .google-core h3 {
        font-size: 25px;
        line-height: 30px;
        padding-bottom:32px;
    }
    
    .provide-block .google-core .vitals-list h4 {
        font-size: 22px;
        line-height: 25px;
    }
    
    .provide-block .google-core .vitals-list p {
        font-size: 17px;
        line-height: 28px;
        padding-top: 15px;
    }
    .provide-block .google-core {
        padding-top:50px;
    }
    
    .provide-block .google-core .vitals-list h4:before {
        left: -30px;
        font-size: 22px;
        line-height: 22px;
    }
    
    .provide-block .text-panel h3 strong {
        font-size: 40px;
    }

}

@media screen and (max-width: 1199px) {
    .provide-block {
        padding-left:0;
        padding-right:0;
    }
    
    .provide-block .pragraph {
        padding-top:20px;
    }
    
    .provide-block .google-core h3 {
        font-size: 20px;
        line-height: 30px;
    }
    
    .provide-block .google-core .vitals-list h4 {
        font-size: 18px;
        line-height: 20px;
    }
}

@media screen and (max-width: 991px) {
    .provide-block .btm-panel p {
        font-size: 16px !important;
        line-height: 28px !important;
    }
    
    .provide-block .btm-panel p {
        padding-bottom: 12px;
    }
    
    .provide-block .btm-panel {
        padding-top: 18px;
    }
    
    .provide-block {
        padding: 35px 0;
        margin-top:30px;
    }
    
    .provide-block .title h2{
        font-size: 25px;
        line-height: 30px;
    }
    
    .provide-block .grapic-tools .box {
        width: inherit;
        margin:0 10px 32px;
    }
    
    .provide-block .grapic-tools .box .text-panel h4 {
        font-size: 18px;
        line-height: 25px;
    }
    
    .provide-block .service-item ul li {
        font-size: 16px;
        line-height: 25px;
        padding: 13px 0 8px 40px;
    }
    
    .provide-block-desc{ 
        padding:35px 0 0; 
    }
    
    .provide-block-desc .text-panel p {
        font-size: 16px;
        line-height: 28px;
        padding-bottom: 12px;
    }
}

@media screen and (max-width: 767px) {
    .provide-block .text-panel h3 {
        font-size: 25px;
        line-height: 38px;
        padding-left: 0;
    }
    
    .provide-block .grapic-tools {
        padding-top: 40px;
    }
    
    .provide-block .service-item {
         display: block;
        padding-top:15px;
    }
    
    .provide-block .challenging-panel ul li {
        font-size: 18px;
        line-height: 22px;
        padding-bottom: 15px;
    }
    
    .provide-block .challenging-panel h3 {
        font-size: 20px;
        line-height: 30px;
        padding-top: 18px;
    }
    
    .provide-block .google-core .vitals-list {
        padding: 0 0 30px 20px;
    }
    .provide-block .google-core .vitals-list h4:before {
        left: -23px;
    }
    
    .provide-block .img-block {
        padding: 0;
    }
    
    .provide-block .google-core {
        padding-top: 30px;
    }
    
    .provide-block .grapic-tools .box{
        margin: 14px;
    }
}

.service-panel{ padding:100px 0 0; }
.service-panel .box{ padding:0 0 100px; }
.service-panel .box .top-panel .text-panel{ text-align:center; }
.service-panel .box .top-panel .text-panel h3{ position:relative; font-family: var(--secondary-font); font-size: 100px; line-height: 105px; font-weight: 400; color: var(--secondary-color); margin:0 0 -53px; padding:0; z-index:99; }
.service-panel .box .top-panel .text-panel h3 span{ background: linear-gradient(to bottom, #282828 50%, #FFFFFF 0%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display:block; }
.service-panel .box .top-panel .img-panel{ width:100%; max-width:900px; text-align:center; margin:0 auto; padding:0; }
.service-panel .box .top-panel .img-panel img{ width:100%; height:auto; }
.service-panel .box .top-panel .pra-block p{ font-weight:500; margin:0; padding:50px 0; }
.service-panel .box .btm-panel{ max-width:1180px; display:flex; align-items:flex-start; margin:0 auto; padding-bottom:40px; }
.service-panel .box .btm-panel ul li { font-family: var(--primary-font); font-size: 24px; line-height: 28px; font-weight: 500; color: var(--secondary-color); background: url(../images/service-cycle.png); background-repeat: no-repeat; background-size: 20px 20px; background-position: left center; margin: 0 0 30px; padding: 0 0 0 45px; }
.service-panel .box .view-btm{ max-width:1180px; margin:0 auto; }
.service-panel .box .view-btm a { border-color:var(--secondary-color); color:var(--secondary-color); font-weight: 600; padding:18px 120px 18px 35px; }
.service-panel .box .btm-panel ul:last-child{ margin-left:100px; }
.service-panel .box .btm-panel.padding-left ul{ margin-left:0 !important; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .service-panel {
        padding-top:50px;
    }
    
    .service-panel .box .top-panel .text-panel h3 {
        font-size: 70px;
        line-height: 70px;
        margin-bottom:-35px;
    }
    
    .service-panel .box .top-panel .pra-block p {
        padding: 40px 0;
    }
    
    .industries-block .title h2 {
        padding-bottom: 20px;
    }
    
    .service-panel .box .btm-panel ul li {
        font-size: 18px;
        line-height: 22px;
        background-size: 20px 20px;
        margin: 0 0 25px;
        padding: 0 0 0 40px;
    }
    
    .service-panel .box .btm-panel {
        padding-bottom: 30px;
    }
    
    .service-panel .box {
        padding-bottom:50px;
    }

}

@media screen and (max-width: 1199px) {
    .service-panel .box .top-panel .img-panel {
        max-width: 768px;
    }
}

@media screen and (max-width: 991px) {
    
    .service-panel .box .btm-panel ul:last-child{
        margin-left:40px;
    }
}

@media screen and (max-width: 767px) {
    .service-panel {
        padding-top: 40px;
    }
    
    .service-panel .box .top-panel .text-panel h3 {
        font-size: 45px;
        line-height: 48px;
        margin-bottom: -24px;
    }
    
    .service-panel .box .top-panel .pra-block p {
        padding: 30px 0;
    }
    
    .service-panel .box .btm-panel ul li {
        font-size: 18px;
        line-height: 25px;
        margin: 0 0 18px;
        padding: 0 0 0 35px;
    }
    
    .service-panel .box .btm-panel {
        padding-bottom: 15px;
        display:block;
    }
    
    .service-panel .box .btm-panel ul:last-child {
        margin-left: 0;
    }
    
    .provide-block .text-panel h3 strong {
        font-size: 30px;
    }
    
    .service-panel .box {
        padding-bottom: 30px;
    }
}

.industries-block{ padding:80px 0; }
.industries-block .title h2{ padding-bottom:30px; }
.industries-block .title p{ font-weight: 500; color:#fff; padding:0 0 80px; }
.industries-block .industries-item{ margin:0; padding:0 0 0 120px; }
.industries-block .industries-item ul{ display:flex; flex-wrap:wrap; justify-content:space-between; margin:0; padding:0; }
.industries-block .industries-item ul li { position: relative; font-family: var(--primary-font); font-size: 25px; line-height: 27px; font-weight: 500; color: #fff; width: 21%; margin: 0 0 30px; padding: 0 0 0 30px; }
.industries-block .industries-item ul li:before { position: absolute; top: 10px; left: 0; content: "•"; color: var(--primary-color); font-size: 60px; line-height: 0; }
.industries-block .industries-item ul li:last-child:before{ display:none; }
.industries-block .industries-item ul li a{ color:#fff; transition:var(--trans); }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .industries-block {
        padding: 40px 0 40px 40px;
    }
    
    .industries-block .title p {
        padding-bottom:50px;
    }
    
    .industries-block .industries-item ul li {
        font-size: 22px;
        line-height: 24px;
        margin: 0 0 20px;
        padding: 0 0 0 30px;
    }
    
    .industries-block .industries-item {
        padding: 0;
    }
    
    .industries-block .industries-item ul li:before {
        top: 13px;
    }

}

@media screen and (max-width: 1199px) {
    .industries-block .industries-item ul li:before {
        font-size: 50px;
    }
    
    .industries-block .industries-item ul li {
        font-size: 18px;
        line-height: 20px;
        margin: 0 0 15px;
        padding: 0 0 0 25px;
        width: 26%;
    }
}

@media screen and (max-width: 991px) {
    .industries-block .industries-item ul li {
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 20px;
        padding: 0 0 0 25px;
    }
    
}

@media screen and (max-width: 767px) {
    .industries-block {
        padding: 30px 0;
    }
    
    .industries-block .title h2 {
        padding-bottom: 12px;
    }
    
    .industries-block .title p {
        padding-bottom: 30px;
    }
    
    .industries-block .industries-item ul li {
        font-size: 18px;
        line-height: 20px;
        margin-bottom:20px;
        padding-left:25px;
        width:100%;
    }
    
    .industries-block .industries-item ul li {
        width: 48%;
    }
}

@media screen and (max-width: 428px) {
    .industries-block .industries-item ul li {
        width: 100%;
    }
    
    .industries-block .industries-item ul{
        flex-direction:column;
    }
}

/*==================================
        Blog page Start
====================================*/
.functionality-block { padding:120px 0 80px; }
.functionality-block .functionality-links ul{ display:flex; align-items:center; flex-wrap:wrap; justify-content:center; margin:0; padding:0; }
.functionality-block .functionality-links ul li{ margin:0; padding:0 15px 15px; }
.functionality-block .functionality-links ul li a { position: relative; font-family: var(--primary-font); font-size: 22px; line-height: 24px; background: transparent; font-weight: 400; text-transform: capitalize; color: var(--secondary-color); border: 1px solid var(--secondary-color); box-shadow: none; display:inline-block; outline: none; border-radius: 30px; overflow: hidden; line-break: auto; transition: var(--trans); margin: 0; padding: 10px 25px; }
.functionality-block .functionality-links ul li a:hover, 
.functionality-block .functionality-links ul li a.active { background: var(--primary-color); color: #fff; border-color: transparent; }
.functionality-block .search-panel{ position:relative; max-width:800px; margin:50px auto 0; }
.functionality-block .search-panel .form-control{ font-family: var(--primary-font); font-size: 22px; line-height: 24px; font-weight: 500; color: var(--secondary-color); height: 55px; margin: 0; border: 0; border-bottom: 1px solid var(--secondary-color); outline: none; box-shadow: none; border-radius: 0; padding:0 80px 0 0; }
.functionality-block .search-panel label { position:absolute; bottom:15px; right:25px; width:42px; height:auto; cursor:pointer; margin:0; padding:0; }
.functionality-block .search-panel label img{ width:100%; height:auto; }
.functionality-block .search-panel .form-control::placeholder { color: #707070;}
.functionality-block .search-panel .form-control:-ms-input-placeholder { color: #707070; }
.functionality-block .search-panel .form-control::-ms-input-placeholder { color: #707070; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .functionality-block {
        padding: 60px 0;
    }

}

@media screen and (max-width: 1199px) {
    .functionality-block .functionality-links ul li a {
        font-size: 16px;
        line-height: 18px;
    }
    .functionality-block .functionality-links ul li {
        padding: 0 5px 10px;
    }
    
    .functionality-block .search-panel {
        margin-top: 30px;
    }
    
    .functionality-block .search-panel label {
        width: 20px;
        right:0;
    }
    
    .functionality-block .search-panel .form-control {
        padding-right:20px;
    }
}

@media screen and (max-width: 991px) {
    .functionality-block {
        padding: 40px 0;
    }
}

@media screen and (max-width: 767px) {
    .functionality-block {
        padding: 50px 0;
    }
    
    .functionality-block .search-panel .form-control {
        font-size: 16px;
        line-height: 18px;
    }
    .functionality-block .search-panel {
        margin-top: 12px;
    }
}

.functionality-content { padding:80px 65px 40px; }
.functionality-content .functionality-items { display:grid; grid-template-columns:1fr 1fr 1fr; grid-row-gap:90px; grid-column-gap:60px; }
.functionality-content .functionality-items .box{ margin:0; padding:0; }
.functionality-content .functionality-items .box .img-panel{ position:relative; box-shadow: 0px 13px 24px 0 rgba(0,0,0,0.58); margin:0; padding:0; }
.functionality-content .functionality-items .box .img-panel:after{ position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); content:""; transition:var(--trans); opacity:0; visibility:hidden; transform:scale(1); }
.functionality-content .functionality-items .box:hover .img-panel:after{ transform:scale(.9); opacity:1; visibility:visible; }
.functionality-content .functionality-items .img-panel a.read-more-btn { font-family: var(--primary-font); font-size:15px; line-height:17px; font-weight: 500; color:#fff; position: absolute; top:50%; left: 50%; transform:translate(-50%, -50%); background:var(--primary-color); display:inline-block; border-radius:5px; opacity:0; visibility:hidden; transition:var(--trans); z-index:9;  margin:0; padding:10px; }
.functionality-content .functionality-items .box:hover .img-panel a.read-more-btn{ visibility:visible; opacity:1; }
.functionality-content .functionality-items .box .img-panel img{ width:100%; height:auto; }
.functionality-content .functionality-items .box .text-panel{ margin:0; padding:0; } 
.functionality-content .functionality-items .box .text-panel p{ font-family: var(--primary-font); font-size: 20px; line-height: 32px; font-weight: 700; color:#fff; margin:0; padding:30px 0 10px; }

.pagination{ justify-content:center; align-items:center; flex-wrap:wrap; padding-top:45px; }
.pagination li{ display:inline-block; color:#fff; margin:0; padding:0 15px; }
.pagination li a{ font-family: var(--primary-font); font-size: 20px; line-height: 22px; font-weight:500; color:#b4b3b3; display:inline-block; transition:var(--trans); margin:0; padding:0 0 10px; }
.pagination li:nth-last-of-type(3){ padding-right:0; }
.pagination li:nth-last-of-type(2){ padding-left:0; }
.pagination li a.active,
.pagination li a:hover{ color:#fff; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .functionality-content .functionality-items {
        grid-row-gap: 50px;
        grid-column-gap: 35px;
    }
    
    .functionality-content {
        padding: 50px 40px 40px;
    }
    
    .functionality-content .functionality-items .box .text-panel p {
        font-size: 16px;
        line-height:26px;
        padding-top:20px;
    }

}

@media screen and (max-width: 1199px) {
    .functionality-content {
        padding-left:0;
        padding-right:0;
    }
    
    .functionality-content .functionality-items {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 40px;
    }
}

@media screen and (max-width: 767px) {
    .functionality-content .functionality-items {
        grid-template-columns: 1fr;
        grid-row-gap: 25px;
        grid-column-gap: 0;
    }
    
    .pagination {
        padding-top: 25px;
    }
}

.recent-posts { padding:80px 65px 80px; }
.recent-posts .title h2{ color:var(--secondary-color); padding-bottom:60px; }
.recent-posts .recentitems { display:grid; grid-template-columns:1fr 1fr 1fr; grid-row-gap:90px; grid-column-gap:60px; }
.recent-posts .recentitems .box{ margin:0; padding:0; }
.recent-posts .recentitems .box .img-panel{ position:relative; box-shadow: 0px 13px 14px 0 rgba(0,0,0,0.26); margin:0; padding:0; }
.recent-posts .recentitems .box .img-panel img{ width:100%; height:auto; }
.recent-posts .recentitems .box .text-panel{ margin:0; padding:0; } 
.recent-posts .recentitems .box .text-panel p{ font-family: var(--primary-font); font-size: 20px; line-height: 32px; font-weight: 700; color:var(--secondary-color); margin:0; padding:30px 0 15px; } 
.recent-posts .recentitems .box .text-panel span.date{ font-family: var(--primary-font); font-size: 20px; line-height: 22px; font-weight:500; color:var(--secondary-color); margin:0; display:block; padding:0; }
.recent-posts .recentitems .box .img-panel:after{ position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); content:""; transition:var(--trans); opacity:0; visibility:hidden; transform:scale(1); }
.recent-posts .recentitems .box:hover .img-panel:after{ transform:scale(.9); opacity:1; visibility:visible; }
.recent-posts .recentitems .box .img-panel a.read-more-btn { font-family:var(--primary-font); font-size:15px; line-height:17px; font-weight: 500; color:#fff; position: absolute; top:50%; left: 50%; transform:translate(-50%, -50%); background:var(--primary-color); display:inline-block; border-radius:5px; opacity:0; visibility:hidden; transition:var(--trans); z-index:9;  margin:0; padding:10px; }
.recent-posts .recentitems .box:hover .img-panel a.read-more-btn{ visibility:visible; opacity:1; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .recent-posts .recentitems {
        grid-row-gap: 50px;
        grid-column-gap: 35px;
    }
    
    .recent-posts {
        padding: 50px 40px 40px;
    }
    
    
    .recent-posts .recentitems .box .text-panel p {
        font-size: 16px;
        line-height: 26px;
        padding:25px 0 10px;
    }
    
    .recent-posts .recentitems .box .text-panel span.date {
        font-size: 15px;
        line-height: 17px;
    }
    
    .recent-posts .title h2 {
        padding-bottom: 40px;
    }

}

@media screen and (max-width: 1199px) {
    .recent-posts{
        padding-left:0;
        padding-right:0;
    }
    
    .recent-posts .recentitems {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 40px;
    }
}

@media screen and (max-width: 767px) {
    .recent-posts .recentitems {
        grid-template-columns: 1fr;
        grid-row-gap: 35px;
        grid-column-gap: 0;
    }
    
    .recent-posts .title h2 {
        padding-bottom: 30px;
    }
}


/*============================
    WordPress page Start
===============================*/
.wordpress-desc{ padding-top:80px; }
.wordpress-desc .text-panel p{ font-family: var(--primary-font); font-size:20px; line-height:33px; font-weight:400; color:var(--secondary-color); padding-bottom:15px; margin:0; }
.wordpress-desc .text-panel a.btn_accent{ margin-top:30px; border-color:var(--secondary-color); font-weight:600; color:var(--secondary-color); }
.wordpress-desc .text-panel h3 { font-family: var(--primary-font); font-size: 32px; line-height: 45px; font-weight: 500; color: var(--secondary-color); display: block; margin: 0; padding: 0 0 20px; }
.wordpress-desc .text-panel h5 { font-family: var(--primary-font); font-size: 48px; line-height: 50px; font-weight: 500; color: var(--secondary-color);  margin: 0; padding: 0 0 10px; }
.wordpress-desc .text-panel h4 { font-family: var(--primary-font); font-size: 30px; line-height: 32px; font-weight: 500; color: var(--secondary-color);  border-bottom:1px solid var(--secondary-color); margin: 0 0 38px; padding: 0 0 30px; }
.wordpress-desc.e-commerce{ padding-top:140px; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .wordpress-desc {
        padding-top: 55px;
    }
    
    .wordpress-desc .text-panel p {
        font-size: 18px;
        line-height: 26px;
        padding-bottom:13px;
    }
    
    .wordpress-desc .text-panel h3 {
        font-size: 25px;
        line-height: 30px;
    }
    
    .wordpress-desc .text-panel h5 {
        font-size: 35px;
        line-height: 40px;
    }
    .wordpress-desc .text-panel h4 {
        font-size: 23px;
        line-height: 28px;
        padding-bottom:30px;
    }
    
    .wordpress-desc.e-commerce {
        padding-top: 70px;
    }

}

@media screen and (max-width: 1199px) {
    .wordpress-desc {
        padding-top: 40px;
    }
    
    .wordpress-desc .text-panel h5 {
        font-size: 28px;
        line-height: 30px;
    }
    
    .wordpress-desc .text-panel h4 {
        font-size: 18px;
        line-height: 25px;
        padding-bottom: 18px;
    }
    
    .wordpress-desc.e-commerce {
        padding-top: 80px;
    }
}

@media screen and (max-width: 991px) {
    .wordpress-desc {
        padding-top: 28px !important;
    }
    
    .wordpress-desc .text-panel h3 {
        font-size: 20px;
        line-height: 25px;
        padding-bottom:15px;
    }
    
    .wordpress-desc .text-panel a.btn_accent {
        margin-top: 15px;
    }
    
}

@media screen and (max-width: 767px) {
    .wordpress-desc .text-panel p {
        font-size: 16px;
        line-height: 26px;
    }
    
    .wordpress-desc .text-panel h5 {
        font-size: 20px;
        line-height: 25px;
    }
    
    .wordpress-desc.e-commerce {
        padding-top: 30px;
    }
    
    .wordpress-desc .text-panel h4{
        padding-bottom:20px;
    }
}

.explore-wp-block .title h2{ padding-bottom:85px; }
.explore-wp-block{ padding:80px 30px 0; margin-top:75px; }
.explore-wp-block .box{ max-width:95%; display:flex; align-items:flex-start; padding:0; margin:0 0 75px; }
.explore-wp-block .icon-panel{ width:12%; margin:0 30px 0 0; padding:0; }
.explore-wp-block .icon-panel img{ max-width:100%; height:auto; }
.explore-wp-block .text-panel{ width:80%; max-width:600px; margin:0; padding:0; }
.explore-wp-block .text-panel h3{ font-family:var(--secondary-font); font-size:36px; line-height:42px; font-weight:700; color:#fff; margin:0; padding:0 0 18px; }
.explore-wp-block .text-panel p{ font-size:19px; color:#fff; padding:0; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .explore-wp-block {
        padding: 40px 25px 10px;
        margin-top: 45px;
    }
    
    .explore-wp-block .title h2 {
        padding-bottom: 50px;
    }
    
    .explore-wp-block .text-panel h3 {
        font-size: 30px;
        line-height: 35px;
        padding: 0 0 15px;
    }
    
    .explore-wp-block .box {
        margin:0;
        margin-bottom:40px;
    }

}

@media screen and (max-width: 991px) {
    .explore-wp-block .text-panel h3 {
        font-size: 24px;
        line-height: 30px;
        padding: 0 0 15px;
    }
    
}

@media screen and (max-width: 767px) {
    .explore-wp-block {
        padding: 30px 0 0;
    }
    
    .explore-wp-block .box {
        flex-direction: column;
        margin-bottom:40px;
    }
    .explore-wp-block .icon-panel {
        width: 25%;
        margin: 0 0 25px;
    }
    
    .explore-wp-block .text-panel {
        width: 100%;
        max-width: 100%;
    }
}

.why-Choose-us{ padding:60px 0 0; }
.why-Choose-us .title h2{ color:var(--secondary-color); text-align:center; padding:0 0 50px; }
.why-Choose-us .box{ width:31%; border:3px solid var(--secondary-color); border-radius:40px; margin:0; text-align:center; padding:30px 20px 40px; }
.why-Choose-us .box .icon-panel{ width:50px; height:auto; margin:0 auto 20px; padding:0; }
.why-Choose-us .box .icon-panel img{ width:100%; height:auto; }
.why-Choose-us .box h2{ font-family:var(--primary-font); font-size:60px; line-height:62px; font-weight:900; color:var(--secondary-color); margin:0; padding:0 0 35px; }
.why-Choose-us .box h3{ font-family:var(--primary-font); font-size:22px; line-height:28px; font-weight:700; color:var(--secondary-color); margin:0; padding:0 0 18px; }
.why-Choose-us .box p{ font-family:var(--primary-font); font-size:18px; line-height:28px; font-weight:400; color:var(--secondary-color); margin:0; }
.why-Choose-us .why-Choose-grid { display:flex; flex-wrap:wrap; justify-content:center; grid-gap:39px; }
.why-Choose-us .grid-4 .box{ width:23%; }
.why-Choose-us.bg-color .title h2{ color:#fff; }
.why-Choose-us.bg-color .why-Choose-grid .box { border-color:#fff; }
.why-Choose-us.bg-color .why-Choose-grid .box h3{ color:#fff; }
.why-Choose-us.bg-color .why-Choose-grid .box p{ color:#fff; }
.why-Choose-us.bg-color .btm-panel .text-panel{ padding:0; margin:0; }
.why-Choose-us.bg-color .btm-panel .text-panel h3{ font-family: var(--secondary-font); font-size:50px; line-height:55px; font-weight: 500; color: #fff; margin:0; padding:60px 0 20px; }
.why-Choose-us.bg-color .btm-panel .text-panel p{ font-family: var(--primary-font); font-size:25px; line-height:30px; font-weight:400; color: #fff; margin:0; padding:0 0 40px; }
.why-Choose-us.bg-color ul li{ position:relative; margin:0; padding:0 0 22px 30px; display:inline-block; font-family: var(--primary-font); font-size:22px; line-height:32px; font-weight:400; color: #fff;  }
.why-Choose-us.bg-color ul li:before { content: ""; color: var(--primary-color); position: absolute; top: 10px; left: 0; width: 15px; height: 15px; background: var(--primary-color); border-radius: 50%; }
.website-design{ padding-bottom:80px; }
.why-Choose-us.bg-color ul li:last-child{ padding-bottom:0; }
.why-Choose-us.white-bg{ background:#fff; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .why-Choose-us .box .icon-panel {
        width: 40px;
        margin-bottom:18px;
    }
    
    .why-Choose-us .box p {
        font-size: 16px;
        line-height: 25px;
    }
    .why-Choose-us .box h3 {
        font-size: 18px;
        line-height: 22px;
        padding-bottom: 12px;
    }
    .why-Choose-us .box {
        border-radius: 20px;
        padding: 20px 18px 25px;
    }
    
    .why-Choose-us {
        padding-top:35px;
    }
    
    .why-Choose-us .title h2 {
        padding-bottom:35px;
    }
    
    .why-Choose-us.bg-color .btm-panel .text-panel h3 {
        font-size: 40px;
        line-height: 40px;
        padding-top: 45px;
    }
    
    .why-Choose-us.bg-color ul li {
        font-size: 18px;
        line-height: 28px;
    }
    
    .why-Choose-us.bg-color .btm-panel .text-panel p {
        font-size: 20px;
        line-height: 25px;
        padding-bottom: 30px;
    }
    
    .why-Choose-us .why-Choose-grid {
        grid-gap: 38px;
    }
    
    .website-design {
        padding-bottom: 65px;
    }
    
    .website-design .btm-panel{
        padding:0 30px;
    }

}

@media screen and (max-width: 1199px) {
    .why-Choose-us .grid-4 .box {
        width: 31.1%;
    }
    
    .why-Choose-us .box {
        width:48.3%;
    }
    
    .why-Choose-us .why-Choose-grid {
        grid-gap: 30px;
    }
}


@media screen and (max-width: 991px) {
    .why-Choose-us .box {
        width:47.7%;
    }
    .why-Choose-us .grid-4 .box {
        width: 47.8%;
    }
    
    .why-Choose-us.bg-color .btm-panel .text-panel p {
        font-size: 20px;
    }
    
    .website-design{
        padding-bottom:45px;    
    }
    
}


@media screen and (max-width: 767px) {
    .why-Choose-us {
        padding-top:30px;
    }
    
    
    .why-Choose-us .why-Choose-grid {
        grid-gap: 25px;
    }
    
    .why-Choose-us .box {
        width: 100% !important;
    }
    
    .why-Choose-us .box .icon-panel {
        margin: 0 auto 20px;
    }
    
    .why-Choose-us.bg-color .btm-panel .text-panel h3 {
        padding-top: 35px;
    }
    
    .why-Choose-us.bg-color .btm-panel .text-panel h3 {
        font-size: 30px;
    }
    
    .why-Choose-us.bg-color ul li {
        font-size: 16px;
    }
    
    .why-Choose-us.bg-color .btm-panel .text-panel p {
        font-size: 16px;
    }
    
    .why-Choose-us .title h2 {
        padding-bottom: 30px;
    }
    
    .website-design {
        padding-bottom:50px;
    }
    
    .website-design .btm-panel {
        padding: 0;
    }
    
    .why-Choose-us .box .icon-panel {
        margin-top:0;
    }
}


/*=====================================
    Design And Development page Start
=======================================*/
.design-development{ padding:80px 0 0; }
.design-development .title h2{ text-align:center; color:var(--secondary-color); padding-bottom:80px; }
.design-development .title h3 { font-family:var(--secondary-font); font-size: 35px; line-height: 42px; font-weight: 500; color:var(--secondary-color); margin:0; padding-bottom:20px; }
.design-development .title span{ padding-bottom:60px; display:inline-block; }
.design-development .img-panel img{ max-width:100%; height:auto; }
.design-development .text-panel{ width:100%; margin:0; padding:0; }
.graphic-logo .text-panel{ margin:0 0 0 20px; }
.design-development .text-panel h3 { font-family: var(--secondary-font); font-size:43px; line-height: 45px; font-weight: 500; color: var(--secondary-color); margin: 0; padding: 0 0 20px; }
.design-development .text-panel p{ font-family: var(--primary-font); font-size: 18px; line-height: 28px; font-weight: 400; color: var(--secondary-color); margin: 0; padding-bottom:30px; }
.design-development .img-panel{ max-width:165px; margin:0 auto;}
.design-development .development-li{ display:flex; align-items:flex-start; margin:0; padding:0 0 0 70px; }
.design-development .development-li ul{ width:32%; }
.design-development .development-li ul li { position: relative; font-family: var(--primary-font); font-size: 18px; line-height: 25px; font-weight: 500; color: var(--secondary-color); margin: 0 0 22px; padding:0 0 0 30px; }
.design-development .development-li ul li:before { content: ""; color: var(--primary-color); position: absolute; top:5px; left: 0; width: 15px; height: 15px; background: var(--primary-color); border-radius: 50%; }
.design-development .box { display:flex; margin: 0 0 50px; } 
.design-development .box .know-btn a{ margin-top: 30px; border-color: var(--secondary-color); font-weight: 600; color: var(--secondary-color); }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .design-development {
        padding: 50px 0 0;
    }

    .design-development .development-li ul {
        width: 45%;
    }

    .design-development .text-panel h3 {
        font-size: 28px;
        line-height: 30px;
        padding-bottom: 12px;
    }

    .design-development .title h2 {
        padding-bottom: 50px;
    }
    
    .graphic-logo .img-panel{
        margin:0;
    }
    
    .design-development .box {
        margin: 0 0 40px;
    }
    
    .design-development .development-li {
        padding:0;
    }
    
    .design-development .box .know-btn a {
        margin-top: 15px;
    }

}

@media screen and (max-width: 1199px) {
    .design-development .development-li {
        padding: 0;
        flex-wrap: wrap;
    }

    .design-development .development-li ul {
        width: 48%;
    }

    .design-development .box:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 991px) {
    .design-development .title h2 {
        padding-bottom: 35px;
    }

    .design-development .box {
        display: block;
    }

    .design-development .img-panel {
        max-width: 120px;
    }

    .design-development .text-panel {
        padding-top: 10px;
        margin: 0;
    }

    .design-development.graphic-logo .box {
        margin-bottom: 0;
    }

    .design-development .box {
        margin-bottom: 40px;
    }

    .design-development {
        padding-bottom: 20px;
    }
    
    .graphic-logo .text-panel{
        margin:0;
    }
    
    .design-development .development-li ul {
        width: 100%;
    }

}

@media screen and (max-width: 767px) {
    .design-development .text-panel p {
        font-size: 16px;
        line-height: 26px;
    }

    .design-development .text-panel h3 {
        font-size: 27px;
        line-height: 30px;
    }

    .design-development .title h3 {
        font-size: 25px;
        line-height: 35px;
    }

    .design-development {
        padding-top: 38px;
        padding-bottom: 0;
    }

    .design-development .title span {
        padding-bottom: 40px;
    }

    .design-development .development-li ul li {
        margin-bottom: 15px;
    }

    .design-development .development-li ul li {
        text-transform: capitalize;
    }

    .design-development .img-panel {
        margin: 0 auto;
    }

    .design-development .text-panel h3 {
        text-align: center;
    }

    .design-development .text-panel p {
        text-align: center;
    }

    .design-development .title h2 {
        font-weight: 700;
    }
    
    .design-development.pb-4 .text-panel h3,
    .design-development.pb-4 .text-panel p{
        text-align:left;
    }
    
    .design-development.pb-4 .img-panel{
        margin:0;
    }
    
    .design-development.pb-4 {
        padding-bottom: 40px !important;
    }
}


/*===============================================
        E-Commerce page Start
===============================================*/
.ecomerc-sec{ padding:80px 0; }
.ecomerc-sec .title h2{ text-align:center; }
.ecomerc-sec .platform-slider{ padding-top:33px; }
.ecomerc-sec .platform-slider .item { width:70%; margin: 0 auto; }
.ecomerc-sec .platform-slider .owl-dots { text-align: center; padding-top: 10px; }
.ecomerc-sec .platform-slider .owl-dots .owl-dot { width: 12px; height: 12px; border-radius: 50%; background: #888888; margin:0 5px; text-align:center; transition: var(--trans); }
.ecomerc-sec .platform-slider .owl-dots .owl-dot.active { background:#fff; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .ecomerc-sec {
        padding: 40px 0;
    }
    .ecomerc-sec .platform-slider {
        padding-top: 5px;
    }
}

@media screen and (max-width: 1199px) {
    .ecomerc-sec .platform-slider {
        padding-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .ecomerc-sec .platform-slider .item {
        width: 60%;
    }
}


/*================================
    Grapic Logo Page Start
==================================*/
.grapic-logo-development{ padding:90px 0 50px; }
.grapic-logo-development .title h2{ color:var(--secondary-color); text-align:center; padding-bottom:80px; }
.grapic-logo-development .box{ display:flex; margin:0; padding:0 0 60px; }
.grapic-logo-development .box .img-panel img{ max-width:100%; height:auto; }
.grapic-logo-development .box .text-panel{ width:75%; padding-top:20px; padding-left:20px; }
.grapic-logo-development .box .text-panel h3 { font-family: var(--secondary-font); font-size:30px; line-height:35px; font-weight: 500; color: var(--secondary-color); margin: 0; padding: 0 0 10px; }
.grapic-logo-development .box .text-panel p { font-family: var(--primary-font); font-size: 16px; line-height: 26px; font-weight: 400; color: var(--secondary-color); margin:0; padding:0; }
.myBtn{ border:0; outline:0; background:0; font-family: var(--primary-font); font-size:18px; line-height: 20px; font-weight: 500; color: var(--primary-color); cursor:pointer; margin:0; padding:0;  }
.more{ display:none; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .grapic-logo-development {
        padding: 40px 0 20px;
    }
    .grapic-logo-development .title h2 {
        padding-bottom: 48px;
    }
    
    .grapic-logo-development .box .text-panel {
        padding-left: 0;
    }
    
    .grapic-logo h2 {
        padding-bottom: 50px;
    }
    
    .grapic-logo .box .text-panel {
        width: 100%;
    }
    
    .grapic-logo.design-development .box {
        margin-bottom: 10px;
    }

}

@media screen and (max-width: 1199px) {
    .grapic-logo-development .box {
        display: block;
        padding-bottom:30px;
    }
    
    .grapic-logo-development .box .text-panel {
        width: 100%;
        padding: 0;
    }
    
    .grapic-logo-development .box .text-panel h3 {
        font-size: 25px;
        line-height: 28px;
    }
    
    .grapic-logo-development .title h2 {
        padding-bottom: 30px;
    }
    
}

@media screen and (max-width: 991px) {
    .grapic-logo-development .box .img-panel {
        max-width:120px;
    }
    
    .grapic-logo-development .box .text-panel h3 {
        font-size: 25px;
        line-height: 30px;
        padding-bottom: 10px;
    }
    
    .grapic-logo-development .title h2 {
        padding-bottom: 40px;
    }
    
    .grapic-logo-development .box {
        padding-bottom:40px;
    }
    
    .grapic-logo .box {
         display: block; 
    }
    
    .grapic-logo .box .img-panel {
        width: 35%;
        margin:0;
    }
    
    .grapic-logo .box .text-panel {
        padding-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .grapic-logo-development .box .img-panel{
        width:35%;
        margin:0 auto;
    }
    
    .grapic-logo .box .text-panel {
        padding-left: 0;
    }
    
    .grapic-logo h2 {
        padding-bottom: 30px;
    }
    
    .grapic-logo-development .title h2 {
        padding-bottom: 30px;
    }
    
    .grapic-logo-development .box {
        text-align: center;
    }
}


.our-graphic-services .title h3 { font-family: var(--secondary-font); font-size: 40px; line-height: 50px; font-weight: 500; color: var(--secondary-color); margin: 0; padding: 0 0 60px; }
.our-graphic-services .items { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap:70px; }
.our-graphic-services .box h3{ position:absolute; left:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; background:var(--primary-color); font-family: var(--primary-font); font-size:25px; line-height:35px; font-weight:500; color:#fff; margin:0; height:95px; text-align:center; padding:30px 10px; }
.our-graphic-services .box a{ position:relative; display:block; border-radius:25px; min-height:275px; overflow:hidden; position:relative; margin:0; padding:0; }
.our-graphic-services .box a img{ width:100%; height:auto; }
.our-graphic-services .box .icon{ position:absolute; top:0; left:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.8); visibility:hidden; opacity:0; margin:0; transition:var(--trans); padding:0; }
.our-graphic-services .box .icon span{ display:inline-block; width:65px; margin-bottom:60px; }
.our-graphic-services .box:hover .icon{ opacity:1; visibility:visible; }
.our-graphic-services .items .box{ box-shadow: 0 0 10px #00000060; border-radius: 30px; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .our-graphic-services .box h3 {
        font-size: 18px;
        line-height: 28px;
        height: 70px;
    }
    
    .our-graphic-services .items {
        grid-gap: 25px;
    }
    
    section.our-graphic-services {
        padding-bottom: 25px;
    }
    
    .our-graphic-services .box a {
         min-height: auto; 
    }
    
    .our-graphic-services .title h3 {
        font-size: 40px;
        line-height: 50px;
        padding-bottom:50px;
    }
}

@media screen and (max-width: 991px) {
    .our-graphic-services .title h3 {
        padding-bottom: 40px;
    }
    
    .our-graphic-services .items {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {
    .our-graphic-services .title h3 {
        font-size: 28px;
        line-height: 38px;
        text-align:center; 
    }
    
    .our-graphic-services .items {
        grid-template-columns: 1fr;
    }
}

.design-process{ padding:80px 0; }
.design-process .title h2{ color:var(--secondary-color); text-align:center; padding-bottom:80px; }
.design-process .items{ position:relative; display:flex; flex-wrap:wrap; justify-content:center; margin:0; padding:0;}
.design-process .items .text-panel{ position:relative; background:url(../images/process.png); background-repeat:no-repeat; background-size:100%; background-position:center;  width:300px; height:200px; display:flex; align-items:center; justify-content:center; margin:0 0 0 -40px; padding:0; }
.design-process .items .text-panel h3 { font-family: var(--primary-font); font-size:18px; line-height:28px; font-weight:700; color: var(--secondary-color); text-align:center; text-transform:capitalize;  margin:-10px 0 0 -70px; padding:0; }
.design-process .items .text-panel h3 span{ display:block; }
.design-process .items .text-panel:last-child { background: url(../images/arrow-last.png); background-size: 100% 70%; background-position: center; background-repeat:no-repeat; width:220px; }
.design-process .items .text-panel:last-child h3{ margin-left:0; }
.design-process .items .last-child:after { position: absolute; right: -92px; top: -19px; background: url(../images/gold-cup.png); background-size: 100% 100%; width: 200px; height: 225px; background-position: center; content: ""; margin: 0; padding: 0; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .design-process {
        padding: 40px 0 10px;
    }

    .design-process .title h2 {
        padding-bottom: 45px;
    }

    .design-process .items .text-panel {
        margin-bottom: 20px;
    }
    
    .contact-banner .title ul {
        padding: 0 0 40px;
    }
}

@media screen and (max-width: 991px) {
    .design-process {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .design-process .title h2 {
        padding-bottom: 70px;
        text-align:center; 
    }
    
    .design-process .items .text-panel{
        transform:rotate(90deg);
        margin-left:0;
        height:250px;
        width:320px;
    }
    
    
    
    .design-process .items .text-panel h3 {
        transform: rotate(-90deg);
        font-size: 15px;
        line-height: 23px;
    }
    
    
    .design-process .items .text-panel.last-child:last-child {
        margin-top: -22px;
        height: 200px;
    }
    
    .design-process .items .last-child:after {
        right: -152px;
        width: 250px;
        height: 250px;
        transform: rotate(-90deg);
        top: -28px;
    }
    
    .design-process {
        padding-bottom: 80px;
    }
}

/*================================
    White-label Page Start
==================================*/
.white-label{ padding:50px 0 60px; }
.white-label .title h2{ padding:0 0 60px 30px; }
.white-label .white-label-service{ padding-left: 100px; display: flex; align-items: flex-start; }
.white-label .white-label-service ul{ padding-right:100px; }
.white-label .white-label-service ul li{ position:relative; font-family: var(--primary-font); font-size:23px; line-height:25px; font-weight:500; color:#fff; margin:0 0 22px; padding:0 0 0 35px; }
.white-label .white-label-service ul li:before { content: ""; color: var(--primary-color); position: absolute; top: 50%; left: 0; width: 15px; height: 15px; background: var(--primary-color); border-radius: 50%; transform: translateY(-50%); }
.white-label .vitals-service ul li:before{ content: ""; background: url(../images/green-tick.png); background-repeat: no-repeat; background-size: 100% 100%; left:-5px; width: 32px; height: 32px; }
.white-label.accent-color .title h2{ color:var(--secondary-color); }
.white-label.accent-color .white-label-service ul li{ color:var(--secondary-color); padding-left:45px; margin-bottom:35px; }
.white-label.accent-color .white-label-service ul li:before { content: ""; background: url(../images/check_icon2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 32px; height: 32px; }
.white-label .vitals-service ul li{ margin-bottom:35px; }
.white-label .title h2 { padding-bottom: 30px; }
.white-label.accent-color .white-label-service ul li { margin-bottom: 20px; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .white-label .title h2 {
        padding-bottom:40px;
        padding-left:30px;
    }
    
    .white-label {
        padding: 40px 0 30px;
    }
    
    .white-label .white-label-service ul li {
        font-size: 18px;
        line-height: 30px;
        margin-bottom:10px;
    }
    
    .white-label .vitals-service ul li {
        margin-bottom: 18px;
    }
    
    .white-label .white-label-service {
        padding-left: 80px;
    }
}

@media screen and (max-width: 1199px) {
    .white-label .white-label-service {
        display: block;
        padding-left:10px;
    }
    
    .white-label .white-label-service ul{
        padding:0;
    }
    
    .white-label .title h2 {
        padding-left: 0;
    }
    
    .white-label.accent-color .white-label-service ul li{
        margin-bottom:14px;
    }
}

@media screen and (max-width: 991px) {
    .white-label .title h2 {
        padding-bottom:30px;
    }
}

@media screen and (max-width: 767px) {
    .white-label {
        padding:30px 0;
    }
    
    
    .white-label .white-label-service {
        padding-left: 0;
    }
    
    .white-label .white-label-service ul li {
        font-size: 16px;
        line-height: 22px;
        padding-left: 30px;
        margin-bottom:16px !important;
    }
    
    .white-label.accent-color .white-label-service ul li:before {
        width: 26px;
        height: 26px;
    }
    .white-label .white-label-service ul li {
        line-height: 21px;
        margin-bottom: 14px !important;
    }
}

/*======================================
        Core-vitals page Start
========================================*/
.tools-use { padding: 70px 0; }
.tools-use .title h2{ text-align:center; color:var(--secondary-color); padding-bottom:30px; }
.tools-use .box { text-align: center; display: flex; flex-direction: column; align-items: center; padding: 0; }
.tools-use .box .img-panel { display: flex; min-height: 163px; align-items: flex-end; margin:0; padding:0; }
.tools-use .box .img-panel img{  width:90%; height:auto; }
.tools-use .box .text-panel{ margin:0; padding-bottom:0; }
.tools-use .box .text-panel p{ font-family: var(--primary-font); font-size: 18px; line-height: 28px; font-weight: 400; color:var(--secondary-color); padding-top:8px; margin: 0; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .tools-use {
        padding: 50px 0;
    }
    
    .tools-use .title h2 {
        padding-bottom: 50px;
    }
    .tools-use .box .text-panel p {
        font-size: 16px;
        line-height: 25px;
    }
}

@media screen and (max-width: 991px) {
    .tools-use .box{
        margin-bottom:30px;
    }
    
    .tools-use .box .img-panel{
        min-height:auto;
    }
    
    .tools-use {
        padding-bottom:30px;
    }
    
    img#gtmetx {
        margin: -50px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .tools-use .title h2 {
        padding-bottom: 25px;
    }
    
    .tools-use .title h2 {
        padding-bottom: 15px;
    }
    .tools-use .box .img-panel img#gtmetx{
        z-index: -1;
        margin-top: -45%;
    }
    .tools-use {
        padding: 35px 0;
    }
}

.vitals-result .row:nth-child(odd){ flex-direction:row-reverse; }
.vitals-result{ padding:100px 0 70px; }
.vitals-result .title h2{ text-align:center; color:var(--secondary-color); padding-bottom:55px; }
.vitals-result .img-panel{ margin:0; padding:0; }
.vitals-result .img-panel img{ width:100%; height:auto; }
.vitals-result .text-panel h3{ font-family: var(--primary-font); font-size:55px; line-height:63px; font-weight:700; color:#ee2e2e; padding:0 0 0 50px; margin:0; }
.vitals-result .text-panel .green{ text-align:center; color:#58a604; padding-left:20px; }
.vitals-result .text-panel .green .breck{ display:block; }
.vitals-result .text-panel .green span:last-child{ font-size:25px; line-height:27px; display:block; padding-top:20px; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .vitals-result .text-panel h3 {
        font-size: 40px;
        line-height: 50px;
    }
    
    .vitals-result .text-panel .green span:last-child {
        font-size: 20px;
        line-height: 22px;
        padding-top: 10px;
    }
    
    .vitals-result .title h2 {
        padding-bottom: 30px;
    }
    
    .vitals-result {
        padding-bottom:40px;
    }
}

@media screen and (max-width: 1199px) {
    .vitals-result .text-panel h3 {
        font-size: 30px;
        line-height: 40px;
        padding:0;
    }
    
    .vitals-result .text-panel .green span:last-child {
        font-size: 16px;
        line-height: 18px;
    }
    
    .vitals-result .text-panel .green {
        padding-left: 90px;
    }
}

@media screen and (max-width: 991px) {
    .vitals-result {
        padding-top: 110px;
    }
}

@media screen and (max-width: 767px) {
    .vitals-result {
        padding: 20px 0 0;
    }
    .vitals-result .row {
        flex-direction: column-reverse;
    }
    
    .vitals-result .text-panel h3 {
        font-size: 22px;
        line-height: 28px;
        text-align:center;
        padding-bottom:15px;
    }
    
    .vitals-result .row:nth-child(odd) {
        flex-direction: column-reverse;
    }
    
    .vitals-result .text-panel .green {
        padding-left: 0;
    }
    
    .vitals-result .img-panel {
        margin: 0 0 25px;
    }
    
    .vitals-result .text-panel .green .breck {
         display: inline-block; 
    }
}

.process-block{ padding:80px 0 20px; }
.process-block .title h2{ text-align:center; color:var(--secondary-color); padding-bottom:70px; }
.process-block .process-grid{ position:relative; display:flex; max-width:1280px; grid-gap:135px; margin:0 auto; padding:0; }
.process-block .process-grid:after{ position:absolute; top:120px; left:0; right:0; width:5px; min-height:660px; background:var(--primary-color); content:""; margin:0 auto; }
.process-block .process-grid .box{ display:flex; align-items:center; flex-direction:row-reverse; margin:0 0 85px; padding:0; }
.process-block .process-grid .box:last-child{ margin-bottom:0; }
.process-block .process-grid .lf-side{ width:50%; margin:0; padding:0; }
.process-block .process-grid .rt-side{ width:50%; padding-top:80px; }
.process-block .process-grid .rt-side .box{ flex-direction:inherit; }
.process-block .process-grid .box .cycle-panel{ position:relative; width:80px; height:80px; border-radius:50%; background:var(--primary-color); display:flex; align-items:center; justify-content:center; outline:4px solid var(--primary-color); outline-offset:4px; z-index:9; margin:0; padding:0; }
.process-block .process-grid .box .cycle-panel:after{ position:absolute; bottom:-45px; right:-70px; width:110px; height:5px; background:var(--primary-color); content:""; margin:0; }
.process-block .process-grid .box .cycle-panel:before{ position:absolute; bottom:-45px; right:38px; width:5px; height:37px; background:var(--primary-color); content:""; margin:0; z-index:-9; }
.process-block .process-grid .rt-side .cycle-panel:after{ right:39px !important; }
.process-block .process-grid .box .cycle-panel h3{ font-family:var(--secondary-font); font-size:42px; line-height:44px; font-weight:600; color:#fff; padding:0; margin:0; }
.process-block .process-grid .box .text-panel{ width:85%; }
.process-block .process-grid .lf-side .text-panel{ text-align:right; padding-right:30px; }
.process-block .process-grid .rt-side .text-panel{ padding-left:30px; }
.process-block .process-grid .box .text-panel p{ font-family: var(--primary-font); font-size: 20px; line-height:28px; font-weight: 500; color:var(--secondary-color); padding:0; margin:0; }
.process-block .process-grid-img img{ display:none; width:100%; height:auto; }
.process_mobile{ display: none; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .process-block .process-grid .box .text-panel p {
        font-size: 18px;
        line-height: 28px;
    }
    .process-block {
        padding:50px 0 0;
    }
    .process-block .process-grid:after {
        top: 124px;
    }
    
    .process-block .title h2 {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 1199px) {
    .process-block .process-grid .box .cycle-panel h3 {
        font-size: 35px;
        line-height: 37px;
    }
    
    .process-block .process-grid {
        grid-gap: 110px;
    }
    
    .process-block .process-grid .box .text-panel {
        width: 80%;
    }
    
    .process-block .process-grid .box .cycle-panel:after {
        right: -55px;
        width: 92px;
    }
    
    .process-block .process-grid .rt-side .cycle-panel:after {
        right: 35px !important;
    }
    
    .process-block .process-grid .box .cycle-panel:before {
        right: 32px;
    }
    
    .process-block .process-grid:after {
        top: 110px;
        min-height: 625px;
    }
    .process-block .process-grid .box .cycle-panel {
        width: 70px;
        height: 70px;
    }
}

@media screen and (max-width: 991px) {
    .process-block .process-grid .box .text-panel {
        width: 76%;
    }
    
    .process-block .process-grid:after {
        top: 110px;
        min-height: 646px;
    }
    
    .process-block{
        padding-top:30px;
    }
}

@media screen and (max-width: 767px) {
    .process-block{
        display: none;
    }
    .process_mobile{
        display: block;
        padding-right: var(--bs-gutter-x,.75rem);
        padding-left: var(--bs-gutter-x,.75rem);
        margin-right: auto;
        margin-left: auto;
        padding-top: 30px;
    }
    .process_mobile .title h2{
        text-align: center;
        color: var(--secondary-color);
        padding-bottom: 30px;
    }
    .process_mobile .box{
        margin-bottom: 40px;
        display: flex;
        align-items: center;
    }
    .process_mobile .box .squar-panel{
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: var(--primary-color);
        display: flex;
        align-items: center;
        justify-content: center;
        outline: 2px solid rgb(58,132,255);
        outline-offset: 3px;
    }
    .mobile_process{
        position: relative;
    }
    .mobile_process:before{
        position: absolute;
        width: 5px;
        height: 90%;
        background: var(--primary-color);
        content: "";
        z-index: -9;
        left: 28px;
        top: 5%;
    }
    .process_mobile .box .squar-panel h3{
        font-family: var(--secondary-font);
        font-size: 26px;
        line-height: 30px;
        font-weight: 700;
        color: #fff;
        padding: 0;
        margin: 0;
    }
    .process_mobile .text-panel{
        width: 75%;
        margin-left: 6%;
    }
    .process_mobile .text-panel p{
        font-size: 21px;
        line-height: 26px;
        font-family: var(--primary-font);
        color: var(--secondary-color);
        padding: 0;
        margin: 0;
    }
}


/*================================
    Bigcommerce Page Start
=================================*/
.bigcommerce-desc{ padding-top:105px; } 
.maintenance-service { display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1280px; margin:0 auto; }
.maintenance-service .box{ display:flex; align-items:flex-start; width:48% !important; border:initial; border-radius:initial !important; text-align:left; padding:0 !important; margin-bottom:50px; }
.maintenance-service .box:nth-child(9),
.maintenance-service .box:last-child{ margin-bottom:0; }
.maintenance-service .box .text-panel{ width:96%; padding-left:22px; }
.maintenance-service .box h3{ color:#fff; padding-bottom:10px; }
.maintenance-service .box p{ color:#fff; }
.white-bg .maintenance-service .box h3 { color:inherit; padding-bottom:18px; }
.white-bg .maintenance-service .box p { color:inherit;  }
.white-bg .maintenance-service .box .text-panel{ padding-left:18px; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .bigcommerce-desc {
        padding-top: 90px;
    }

    .maintenance-service {
        max-width: 1000px;
    }
}

@media screen and (max-width: 991px) {
    .maintenance-service .box {
        display: block;
        text-align: center;
        width:100% !important;
    }
}

@media screen and (max-width: 767px) {
    .maintenance-service .box .text-panel {
        width: 100%;
        padding-left: 0;
    }
    
    .maintenance-service {
        display: block;
    }
}


/*=====================================
    Shopify Development Page Start
======================================*/
.shopify { padding-top:95px; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .shopify .title h2 {
        padding-bottom: 35px;
    }
    
    .shopify{ 
        padding-top:65px; 
    }
}

@media screen and (max-width: 991px) {
    .shopify {
        padding-top: 45px;
    }
}

/*==================================
    Textmonial Page Start
====================================*/
.stats-section{ padding:0 0 80px; }
.stats-section .title h2{ text-align:center; color:var(--secondary-color); padding:50px 0; }
.stats-section .box { border: 3px solid var(--secondary-color); border-radius: 30px; margin: 0; padding: 40px; }
.stats-section .box h2{ font-family:var(--primary-font); font-size:45px; line-height:50px; font-weight:900; color:var(--secondary-color); margin:0; padding:0 0 18px; }
.stats-section .box h3{ font-family:var(--primary-font); font-size:18px; line-height:28px; font-weight:600; color:var(--secondary-color); margin:0; padding:0 0 20px; }
.stats-section .box p{ font-family:var(--primary-font); font-size:18px; line-height:28px; font-weight:400; color:var(--secondary-color); margin:0; padding:0; }
.stats-section .stats-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap:30px; }
.stats-section .box h2.count:after{ content:'+'; }
.certification-grid h2.repeat-clients:after,
.stats-grid .box h2.repeat-clients:after { content:"%" !important; }
.stats-section .pra-block{ padding-top:100px; }
.stats-section .pra-block p{ font-family: var(--primary-font); font-size: 22px; line-height: 32px; font-weight: 500; color: var(--secondary-color); padding-bottom: 20px; margin:0;  }
.stats-section .pra-block p:last-child{ padding-bottom:0; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .stats-section .title h2 {
        padding: 30px 0;
    }
    
    .stats-section .box {
        padding: 30px;
    }
    
    .stats-section .box h2 {
        font-size: 35px;
        line-height: 37px;
        padding-bottom:10px;
    }
    
    .stats-section .stats-grid {
        grid-gap: 15px;
    }
    
    .stats-section .box h3 {
        font-size: 16px;
        line-height: 28px;
    }
    
    .stats-section .pra-block {
        padding-top: 50px;
    }
    
    .stats-section {
        padding-bottom:50px;
    }
    
    .stats-section .pra-block p {
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 1199px) {
    .stats-section .title h2 {
        padding: 0 0 30px;
    }
    
    .stats-section .pra-block {
        padding-top: 35px;
    }
}

@media screen and (max-width: 991px) {
    .stats-section .stats-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    
    .stats-section .box{
        padding:20px;
        border-radius:15px;
    }
}

@media screen and (max-width: 767px) {
    .stats-section .stats-grid {
        grid-template-columns: 1fr 1fr;
    }
    
    .stats-section .box h2 {
        font-size: 25px;
        line-height: 27px;
    }
    
    .stats-section {
        padding-bottom: 30px;
    }
}

.testmonial-block{ padding:80px 0; }
.testmonial-block .title h2{ padding-bottom:30px; }
.testmonial-block .testmonial-slider { margin:0; padding:0; border-bottom:1px solid #fff; padding:0 0 30px; }
.testmonial-block .testmonial-slider .box { text-align:center; max-width:1100px; margin:0 auto; }
.testmonial-block .testmonial-slider .icon { width:100px; height:100px; border-radius:50%; border:3px solid #fff; box-shadow: 12px 12px 13px 0 rgba(0,0,0,0.52); overflow:hidden; margin:0 auto 25px; padding:0; }
.testmonial-block .testmonial-slider .icon img{ width:100%; height:100%; object-fit:cover; object-position:top center; }
.testmonial-block .testmonial-slider .person-desc h3{ font-family: var(--secondary-font); font-size: 35px; line-height: 37px; font-weight: 600; color: #fff; letter-spacing: 1px; margin: 0; padding: 0 0 20px; }
.testmonial-block .testmonial-slider .person-desc p { position: relative; font-family:var(--primary-font); font-size:20px; line-height:32px; font-weight: 400; color:#fff; margin: 0; padding: 0; }
.testmonial-block .testmonial-counter { font-family: var(--primary-font); font-size: 28px; font-weight: 400; text-align: right; position: relative; top: -74px; right: 35px; color: #fff; margin: 0; padding: 0; }
.testmonial-block .testmonial-slider .owl-nav { text-align: right; margin-top:25px; }
.testmonial-block .testmonial-slider .owl-nav button { display: inline-block; background: url(../images/left-arrow-1.svg); width: 31px; height: 31px; background-repeat: no-repeat; border: none; outline: none; background-size:100% 100%; transition: var(--trans); margin: 0; }
.testmonial-block .testmonial-slider .owl-nav button.owl-next { background: url(../images/right-arrow.svg); background-repeat: no-repeat; margin-left: 90px;  background-size:100% 100%; }
.testmonial-block .testmonial-slider .owl-nav button:hover { opacity:0.6; }
.testmonial-block .testmonial-slider .owl-nav button span { display: none; }
.testmonial-block .title { border-bottom:1px solid #fff; padding:0 0 30px; margin-bottom:70px; }
.testmonial-block .title .pra{ color:#fff; padding-bottom:10px; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .testmonial-block {
        padding: 40px 20px 10px;
    }
    
    .testmonial-block .title h2 {
        padding-bottom: 40px;
    }
    
    .testmonial-block .testmonial-slider .person-desc h3 {
        font-size: 35px;
        line-height: 37px;
        padding-bottom:20px;
    }
    
    .testimonials-clients .clients-video{
        max-width:800px;
        margin:0 auto;
    }
    
}

@media screen and (max-width: 1199px) {
    .testmonial-block .testmonial-slider .person-desc p {
        font-size: 16px;
        line-height: 28px;
    }
    .testmonial-block .testmonial-slider .owl-nav button {
        width: 20px;
        height: 20px;
    }
    
    .testmonial-block .testmonial-counter {
        font-size: 18px;
        top: -60px;
        right: 30px;
    }
    
    .testmonial-block .testmonial-slider .owl-nav button.owl-next {
        margin-left: 70px;
    }
    
    .testmonial-block .title {
        margin-bottom: 40px;
    }
    
    .testmonial-block .title h2 {
        padding-bottom: 30px;
    }
    
    .testmonial-block .testmonial-slider .person-desc h3 {
        font-size: 30px;
        line-height: 32px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .testmonial-block {
        padding: 30px 0 0;
    }
    .testmonial-block .testmonial-slider .person-desc h3 {
        font-size: 28px;
        line-height: 30px;
        padding-bottom: 12px;
    }
    
    .testmonial-block .title h2 {
        padding-bottom: 20px;
    }
}


@media screen and (min-width:1366px){
   .testimonials-clients .container{ max-width:1000px; }
}
.testimonials-clients{ padding:70px 0 0; } 
.testimonials-clients .title { text-align:center; }
.testimonials-clients .title h2{ text-align:center; color:var(--secondary-color); padding:0 0 15px; }
.testimonials-clients .clients-video{ padding:0; }
.testimonials-clients .clients-video .box{ box-shadow:0 0 20px 0 rgba(0,0,0,0.3); line-height:0; margin:0 0 50px; padding:0; }
.testimonials-clients .clients-video .box .youtube{ position:relative; min-height:450px; }
.testimonials-clients .clients-video .box iframe{ position:relative; width:100%; min-height:450px; border:0; }
.testimonials-clients .title p{ padding-bottom:70px; }
.testimonials-clients .clients-video .box:last-child{ margin-bottom:0; }
.youtube .play { z-index: 9; opacity:1 !important; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    
    .testimonials-clients {
        padding-top:40px;
    }
    
    .testimonials-clients .title p {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 991px) {
    .testimonials-clients .clients-video .box .youtube {
        min-height: 360px;
    }
}

@media screen and (max-width: 767px) {
    .testimonials-clients {
        padding-top: 30px;
    }
    
    .testimonials-clients .clients-video .box {
        margin-bottom:30px;
    }
    
    .testimonials-clients .clients-video .box .youtube {
        min-height: 280px;
    }
    
    .testimonials-clients .clients-video .box iframe {
        min-height: 290px;
    }
}

@media screen and (max-width: 520px) {
    .testimonials-clients .clients-video .box .youtube {
        min-height: 230px;
    }
}

@media screen and (max-width: 432px) {
    .testimonials-clients .clients-video .box .youtube {
        min-height: 203px;
    }
    
    .testimonials-clients .clients-video .box iframe {
        min-height: 228px;
    }
}

@media screen and (max-width: 380px) {
    .testimonials-clients .clients-video .box .youtube {
        min-height: 178px;
    }
    
    .testimonials-clients .clients-video .box iframe {
        min-height: 175px;
    }
}


@media screen and (min-width:1366px){
    .clients-rateing .container{ max-width:1024px; }
}
.clients-rateing{ padding:70px 0; }
.clients-rateing .box{ border-right:1px solid rgba(0,0,0,0.3); text-align:center; }
.clients-rateing .col-sm-12:last-child .box{ border:0; }
.clients-rateing .box .logo-panel{ width:204px; margin:0 auto 8px; padding:0; }
.clients-rateing .box .rateing-block{ width:168px; margin:0 auto;  }
.clients-rateing .box img{ width:100%; height:auto; }
.clients-rateing .box .text-panel h3 { font-family:var(--primary-font); font-size:28px; line-height:30px; font-weight: 400; color:var(--secondary-color); margin: 0; padding: 25px 0 0; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    
    .clients-rateing {
        padding: 40px 0;
    }
}

@media screen and (max-width: 991px) {
    .clients-rateing .box .logo-panel {
        width: 130px;
    }
    
    .clients-rateing .box .rateing-block {
        width: 110px;
    }
    
    .clients-rateing .box {
        margin-bottom: 35px;
    }
    
    .clients-rateing .col-sm-12:last-child .box{
        margin-bottom:0;
    }
}

@media screen and (max-width: 767px) {
    .clients-rateing {
        padding: 30px 0;
    }
    
    .clients-rateing .box{
        border:0;
    }
}


/*===============================
    Privacy Policy Page Start
=================================*/
.privacy-policy-desc{ padding:60px 0 0; }
.privacy-policy-desc .paragraph-panel p{ padding-bottom:20px; }
.privacy-policy-desc .btm-panel{ padding-top:20px; }
.privacy-policy-desc .box{ margin-bottom:35px; padding:0; }
.privacy-policy-desc .box:last-child{ margin-bottom:0; }
.privacy-policy-desc .box h3{ font-family:var(--primary-font); font-size:22px; line-height:30px; font-weight:500; color:var(--secondary-color); text-transform:uppercase; margin: 0; padding: 0 0 20px; }
.privacy-policy-desc .box p{ padding-bottom:15px; }
.privacy-policy-desc .box ul{ padding:8px 0 0 30px; }
.privacy-policy-desc .box ul li { font-family: var(--primary-font); font-size:18px; line-height: 28px; font-weight: 400; color: var(--secondary-color); margin: 0; list-style:disc; padding:0 0 12px;}
.privacy-policy-desc .box .social-contact ul{ padding-left:0; }
.privacy-policy-desc .box .social-contact ul li{ list-style:none; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    
    .privacy-policy-desc {
        padding-top:40px;
    }
}

@media screen and (max-width: 1199px) {
    .privacy-policy-desc .box {
        margin-bottom: 15px;
    }
    
    .privacy-policy-desc .box ul {
        padding-top: 5px;
    }
    
    .privacy-policy-desc {
        padding-top: 30px;
    }
    
    .privacy-policy-desc .box h3 {
        font-size: 18px;
        line-height: 25px;
        padding-bottom:15px;
    }
}

@media screen and (max-width: 767px) {
    .privacy-policy-desc .box h3 {
        font-size: 16px;
        line-height: 25px;
    }
    
    .privacy-policy-desc .box p {
        padding-bottom: 8px;
    }
    
    .privacy-policy-desc .box ul {
        padding-left: 20px;
    }
    
    .privacy-policy-desc .box ul li{
        font-size:16px;
        line-height:25px;
    }
}


/*===============================================
        Contact Us Page Start
===============================================*/
.get-touch .title{ text-align:center; }
.get-touch .title h2{ color:var(--secondary-color); padding-bottom:90px; }
.get-touch .input-group{ margin-bottom:28px; padding:0; }
.get-touch .input-group .form-control{ font-family: var(--primary-font); font-size:22px; line-height:24px; font-weight:500; color:var(--secondary-color); height:55px; margin:0; border:0; border-bottom:1px solid var(--secondary-color); outline:none; box-shadow:none; border-radius:0; padding:0 0 15px;  }
.get-touch .input-group textarea.form-control{ height:130px; resize:none; padding-top:10px; }
.get-touch .experts-block{ padding-top:40px; }
.get-touch button.btn_accent { border-color: var(--secondary-color); color: var(--secondary-color); background-color: #fff; padding-right: 80px; margin-top: 25px; }
.get-touch .experts-block p { font-weight:400; padding:15px 0 0; }
.get-touch .lf-side { max-width:90%; }
.get-touch .rt-site{ padding:50px 30px; }
.get-touch .rt-site .box{ display:flex; align-items:center; flex-wrap:wrap; margin:0 0 45px; padding:0; }
.get-touch .rt-site .box .icon-panel{ width:50px; height:50px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; margin:0; padding:0; }
.get-touch .rt-site .box .icon-panel img{ max-width:100%; height:auto; }
.get-touch .rt-site .box .text-panel{ width:75%; margin:0; padding:0 0 0 20px; }
.get-touch .rt-site .box .text-panel p{ font-family: var(--primary-font); font-size:20px; line-height:30px; font-weight:500; color:#fff;  margin:0; padding:0; }
.get-touch .rt-site .box .text-panel ul li span{ display:flex; align-items:center; margin:0 0 20px; padding:0; }
.get-touch .rt-site .box .text-panel ul li:last-child span{ margin-bottom:0; }
.get-touch .rt-site .box .text-panel ul li span img{ max-width:100%; height:auto; margin-right:25px; }
.get-touch .rt-site .box .text-panel ul li,
.get-touch .rt-site .box .text-panel ul li a{ font-family: var(--primary-font); font-size:20px; line-height:30px; font-weight:500; color:#fff; display:inline-block; transition:var(--trans); margin:0; padding:0; }
.get-touch .rt-site .box.email .text-panel ul li:last-child{ margin-top:10px; }
.get-touch .rt-site .box .text-panel ul li a:hover{ color:var(--primary-color); }
.get-touch .social-section ul{ display:flex; align-items:center; flex-wrap:wrap; justify-content:center; margin:0; padding:5px 0 20px; }
.get-touch .social-section ul li{ display:inline-block; margin:0 45px; padding:0; }
.get-touch .social-section ul li a { display:inline-block; transition:var(--trans); }
.get-touch .social-section ul li a .social-media-image { max-width:100%; height:35px; transition:var(--trans); transform:scale(1); }
.get-touch .social-section ul li a:hover .social-media-image{ transform:scale(1.1); }
.get-touch .map-block { position:relative; margin:0; padding:60px 0 0; }
.get-touch .map-block iframe{ width:100%; height:430px; line-height:0; border:0; outline:0; margin:0; padding:0; }
.get-touch .robot-img img{ max-width:100%; }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    
    .get-touch .map-block {
        padding-top:40px;
    }
    
    .get-touch .title h2 {
        padding-bottom: 40px;
    }
    
    .get-touch .input-group .form-control {
        font-size: 18px;
        line-height: 20px;
        padding-bottom:5px;
    }
    
    .get-touch .rt-site .box .text-panel p {
        font-size: 18px;
        line-height: 28px;;
    }
    
    .get-touch .experts-block a {
        font-size: 18px;
        line-height: 20px;
    }
    .get-touch .rt-site .box .text-panel ul li,
    .get-touch .rt-site .box .text-panel ul li a {
        font-size: 18px;
        line-height: 28px;
    }
    
    .get-touch .social-section ul li {
        margin: 0 15px;
    }
}

@media screen and (max-width: 1199px) {
    .get-touch .rt-site {
        padding: 30px 20px;
    }
    
    .get-touch .rt-site .box .icon-panel {
        width: 35px;
        height: 35px;
    }
    
    .get-touch .rt-site .box .icon-panel img {
        max-width: 45%;
    }
    .get-touch .title h2 {
        padding-bottom: 45px;
    }
}

@media screen and (max-width: 991px) {
    .get-touch .lf-side {
        max-width: 100%;
    }
    .get-touch .experts-block p {
        padding-bottom:20px;
    }
    
    .get-touch .title h2 {
        padding-bottom: 30px;
    }
    
    .get-touch .rt-site .box .text-panel p {
        font-size: 16px;
        line-height: 26px;
    }
    .get-touch .rt-site .box .text-panel ul li a,
    .get-touch .rt-site .box .text-panel ul li {
        font-size: 16px;
        line-height: 26px;
    }
    
    .get-touch .rt-site .box {
        margin-bottom:35px;
    }
    
    .get-touch .rt-site .box .text-panel ul li span {
        margin-bottom:15px;
    }
    
    .get-touch .experts-block {
        padding-top: 0;
    }
    
    .get-touch button.btn_accent{
        margin-top:0;
    }
}

@media screen and (max-width: 767px) {
    .get-touch .rt-site .box .text-panel {
        width: 82%;
        padding:0 0 0 20px;
    }
    
    .get-touch .rt-site .box .text-panel ul li span img {
        margin-right: 15px;
    }
    
    .get-touch .lf-side {
        padding:0 12px;
    }

    .get-touch .container .row .col-sm-12{
        padding:0;
        margin:0;
    }
    
    .get-touch .btn.btn_accent {
        padding: 28px 60px 28px 20px;
        font-size:16px;
    }
    
    
    .get-touch button.btn_accent {
        margin-top: 5px;
    }
}

/*==== Footer Start ====*/
footer{ margin-left:155px; padding:70px 0 0; transition:var(--trans); }
footer .items{ display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; margin:0; padding:0; }
footer .box{ width:25%; margin:0; padding:0; }
footer .links{ width:15%; }
footer .links2{ width:20%; }
footer .box .footer-logo{ width:200px; margin:0 0 35px; padding:0; }
footer .box .footer-logo a{ display:block; }
footer .box .footer-logo img{ width:100%; height:auto; }
footer .box .address{ display:block; margin:0; padding:0; }
footer .box .address li{ display:flex; align-items:flex-start; margin:0 0 25px; padding:0; }
footer .box .address li .img-panel{ width:20px; height:auto; margin-top:3px; }
footer .box .address li .img-panel img{ width:100%; height:auto; }
footer .box .address li p,
footer .box .address li a{ font-family:var(--primary-font); font-size:18px; line-height:30px; font-weight:500; color:var(--secondary-color); display:block; width:100%; margin:0; padding:0 0 0 18px; }
footer .box .address li p{ font-family:var(--primary-font); font-size:18px; line-height:30px; font-weight:500; color:var(--secondary-color); display:block; margin:0; padding:0 0 0 18px; }
footer .box .address li:last-child p{ padding-left:0; }
footer .box .address li span.img{ width:40px; height:auto; margin-left:15px; }
footer .box .address li span.img img{ width:100%; height:auto; }
footer .box .address li:nth-child(3) a{ width:inherit; }
footer .box .address li:nth-child(4) a{ width:inherit; }
footer .box .address li:nth-child(2){ margin-bottom:20px; }
footer .box .address li:nth-child(4) span.img{ margin-left:26px; }
footer .box  .footer-title{ margin:0; padding:0; }
footer .box  .footer-title h3{ font-family:var(--secondary-font); font-size:35px; line-height:37px; font-weight:700; color:var(--secondary-color); margin:0; padding:0 0 40px; }
footer .box ul li{ font-family:var(--primary-font); font-size:18px; line-height:20px; font-weight:500; color:var(--secondary-color); display:block; margin:0; padding:0 0 18px; }
footer .box ul li a{ display:inline-block; color:var(--secondary-color);  transition:var(--trans); }
footer .box ul li a:hover{ transform:translateX(10px); color:var(--primary-color); }
.socila-block { position:relative; padding:60px 0 50px; }
.socila-block .social-section{ border-bottom:1px solid var(--secondary-color); padding-bottom:45px; }
.socila-block ul{ display:flex; align-items:center; flex-wrap:wrap; justify-content:center; margin:0; padding:0; }
.socila-block ul li{ display:inline-block; margin:0 40px; padding:0; }
.socila-block ul li a { display:inline-block; transition:var(--trans); }
.socila-block ul li a .social-media-image { max-width:100%; height: 30px; transition:var(--trans); transform:scale(1); }
.socila-block ul li a:hover .social-media-image{ transform:scale(1.2); }
.socila-block .copy-right{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding:40px 0 0; }
.socila-block .copy-right ul li{ font-family:var(--primary-font); font-size:16px; line-height:25px; font-weight:400; color:var(--secondary-color); margin:0; padding:0; }
.socila-block .copy-right ul li a{ transition: var(--trans); color:var(--secondary-color); margin:0 25px; }
.socila-block .copy-right ul li a:hover { color:var(--primary-color); }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    
    footer .box {
        width: 26%;
    }
    footer .links {
        width: 16%;
    }
    
    footer {
        padding: 50px 0 0;
    }
}

@media screen and (max-width: 1199px) {
    footer .box {
        width: 30%;
    }
    
    footer.margin-active,
    footer{
        margin:0;
    }
    
    footer .box  .footer-title h3 {
        padding: 0 0 25px;
    }
    footer .box .address li p,
    footer .box .address li a {
        width: 100%;
    }
    
    .socila-block {
        padding: 20px 0 10px;
    }
}

@media screen and (max-width: 991px) {
    footer .box  .footer-title h3 {
        font-size: 28px;
        line-height: 30px;
        padding: 0 0 30px;
    }
    footer .box {
        width: 40%;
        margin-bottom:18px;
    }
    
    .socila-block {
        padding: 40px 0 30px;
    }
    
    .socila-block .copy-right {
        justify-content: center;
        text-align:center;
        padding-top:30px;
    }
    .socila-block .copy-right ul li {
        margin: 0 0 20px;
    }
    
    .socila-block ul li a .social-media-image {
        height: 22px;
    }
    
    .socila-block ul li {
        margin: 0 30px;
    }
    
    .socila-block .social-section {
        padding-bottom: 30px;
        padding-top:10px;
    }
    
    footer{
        padding-top:40px;
    }
}

@media screen and (max-width: 767px) {
    footer .box {
        width: 100% !important;
    }
    
    footer .box  .footer-title h3 {
        padding: 0 0 20px;
    }
    
    footer .box ul li {
        padding: 0 0 18px;
        font-size:18px;
    }
    
    footer .box .footer-logo {
        width: 200px;
        margin: 0 0 25px;
        padding: 0;
    }
    
    .socila-block ul li {
        margin: 0 13px;
    }
    
    .socila-block .copy-right ul li a {
        margin: 0 8px;
    }
    
    .socila-block {
        padding: 0 0 15px;
    }
    
    footer .box .address li p, footer .box .address li a {
        font-size: 18px;
        line-height: 25px;
        padding: 0 0 0 15px;
    }
}

/*== Lodding Start ==*/
.lodding { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100vh; background-color: var(--primary-color); z-index: 9999; display: flex; align-items: center; justify-content: center; overflow: hidden; display:none; }
.lodding div { width: 15px; height: 15px; margin-left: 5px; animation: lodding 0.8s infinite; border-radius: 30px; }
@keyframes lodding {
    50% { height: 50px; }
}
.lodding div:nth-child(1) { background-color: #fff; animation-delay:-0.4s; }
.lodding div:nth-child(2) { background-color: var(--secondary-color); animation-delay: -0.2s; }
.lodding div:nth-child(3) { background-color: #fff; animation-delay: 0s; }

/*== Btn-whatsapp-pulse ==*/
.btn-whatsapp-pulse { background: #25d366; color: white; position: fixed; bottom: 20px; right: 20px; font-size:25px; display: flex; justify-content: center; align-items: center; width: 0; height: 0; padding: 25px; text-decoration: none; border-radius: 50%; animation-name: pulse; animation-duration: 1.4s; animation-timing-function: ease-out; animation-iteration-count: infinite; transition:var(--trans); z-index:99; }
.btn-whatsapp-pulse.show{ bottom:85px; }
.btn-whatsapp-pulse:hover{ color:#fff; }
@keyframes pulse {
	0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5); }
	80% { box-shadow: 0 0 0 14px rgba(37, 211, 102, 0); }
}
.btn-whatsapp-pulse-border { bottom:120px; right: 20px; animation-play-state: paused; }
.btn-whatsapp-pulse-border::before { content: ""; position: absolute; border-radius: 50%; padding: 25px; border: 5px solid #25d366; opacity: 0.75; animation-name: pulse-border; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite;  z-index:99; }
@keyframes pulse-border {
	0% { padding: 25px; opacity: 0.75; }
	75% { padding: 50px; opacity: 0; }
	100% { opacity: 0; }
}

/*== Top_button Start ==*/
#top_button { display: inline-block; background-color:var(--primary-color); background-image: url(../images/feature-arrow.svg); background-repeat: no-repeat; background-size: 22px 14px; background-position:center; width:46px; height:46px; position: fixed; bottom:20px; right:20px; opacity:0; transition:var(--trans); visibility:hidden; z-index: 99; border-radius:50%; cursor:pointer; transform:rotate(-90deg);  }
#top_button.show { bottom:85px; opacity:1; visibility: visible; }
#top_button{ animation:none; }
#top_button:hover{ transform:rotate(-90deg) scale(1.2); }
@keyframes bounce {
    0%{ box-shadow:0 0 0 0 rgb(58,132,255); }
    100% { box-shadow:0 0 0 12px rgba(58,132,255,0); }
  }

/*@Media Screen Media screen Start*/
@media screen and (max-width: 1366px) {
    .pra {
        font-size: 18px;
        line-height: 28px;
    }
    
    .custom-padding {
        padding-top: 45px !important;
    }
    
    .btn_accent {
        font-size: 15px;
        line-height: 20px;
    }
    
    .title h2 {
        font-size: 40px;
        line-height: 50px;
    }
    
    .grid-4{
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    
}

@media screen and (max-width: 1199px) {
    .pra {
        font-size: 17px !important;
        line-height: 28px;
    }
    
    #top_button {
        background-size: 25px 16px;
    }
    
    section{
        margin:0;
    }
    
    footer.margin-active,
    section.margin-active {
        margin-left:0;
    }
}

@media screen and (max-width: 767px) {
    .title h2 {
        font-size: 32px;
        line-height: 37px;
    }
    
    .grid-4{
        grid-template-columns: 1fr 1fr;
    }
    
    .custom-padding {
        padding-top: 30px !important;
    }
    
    .btn_accent {
        font-size: 15px;
        line-height: 20px;
        padding:14px 58px 14px 12px !important;
        background-size:30px 22px;
    }
    
    .btn_accent::before{
        background-size:30px 16px !important;
    }
    
    .title h2.h2-size{
        font-size:35px;
    }
}  
    
/*===========================
    Max-height 600px Start
=============================*/
@media screen and (max-height: 600px) {
    .sidebar .main-nav .talk-block a:after {
        right: 55px;
        width: 98px;
    }
}

.modal .modal-dialog {
    max-width: 800px;
}

.modal-content {
     background-color:transparent;
    border:0;
}

.modal-header{
    border:0;
    padding:0;
    margin:0;
}

.modal-header .btn-close {
    padding: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -13px -15px auto;
    background-image:url(../images/cross-btn.png);
    background-size:15px 15px;
    background-repeat:no-repeat;
    background-position:center;
    position: relative;
    z-index: 99;
    transition:all 0.3s ease-in-out;
    opacity: 1;
}

.modal-body {
    padding: 0;
}

.modal-header .btn-close:hover{
    transform:scale(1.1);
}


@media screen and (max-width:991px){
    .modal .modal-dialog {
        padding: 15px;
    }
}


@media screen and (max-width:680px){
    .modal .modal-dialog iframe {
        height: 300px;
    }
}

@media screen and (max-width:500px){
    .modal .modal-dialog iframe {
        height: 215px;
    }
}

@media screen and (max-width:375px){
    .modal .modal-dialog iframe {
        height: 185px;
    }
}