@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Black.woff2') format('woff2'), url('../fonts/Poppins-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BlackItalic.woff2') format('woff2'), url('../fonts/Poppins-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BoldItalic.woff2') format('woff2'), url('../fonts/Poppins-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLight.woff2') format('woff2'), url('../fonts/Poppins-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBold.woff2') format('woff2'), url('../fonts/Poppins-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/Poppins-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLightItalic.woff2') format('woff2'), url('../fonts/Poppins-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Italic.woff2') format('woff2'), url('../fonts/Poppins-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-LightItalic.woff2') format('woff2'), url('../fonts/Poppins-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBoldItalic.woff2') format('woff2'), url('../fonts/Poppins-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-MediumItalic.woff2') format('woff2'), url('../fonts/Poppins-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Thin.woff2') format('woff2'), url('../fonts/Poppins-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ThinItalic.woff2') format('woff2'), url('../fonts/Poppins-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Bold.eot');
    src: url('../fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Bold.woff2') format('woff2'), url('../fonts/Oswald-Bold.woff') format('woff'), url('../fonts/Oswald-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-ExtraLight.eot');
    src: url('../fonts/Oswald-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-ExtraLight.woff2') format('woff2'), url('../fonts/Oswald-ExtraLight.woff') format('woff'), url('../fonts/Oswald-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Heavy.eot');
    src: url('../fonts/Oswald-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Heavy.woff2') format('woff2'), url('../fonts/Oswald-Heavy.woff') format('woff'), url('../fonts/Oswald-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-DemiBold.eot');
    src: url('../fonts/Oswald-DemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-DemiBold.woff2') format('woff2'), url('../fonts/Oswald-DemiBold.woff') format('woff'), url('../fonts/Oswald-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Light.eot');
    src: url('../fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Light.woff2') format('woff2'), url('../fonts/Oswald-Light.woff') format('woff'), url('../fonts/Oswald-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Demi-BoldItalic.eot');
    src: url('../fonts/Oswald-Demi-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Demi-BoldItalic.woff2') format('woff2'), url('../fonts/Oswald-Demi-BoldItalic.woff') format('woff'), url('../fonts/Oswald-Demi-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-RegularItalic.eot');
    src: url('../fonts/Oswald-RegularItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-RegularItalic.woff2') format('woff2'), url('../fonts/Oswald-RegularItalic.woff') format('woff'), url('../fonts/Oswald-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Medium.eot');
    src: url('../fonts/Oswald-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Medium.woff2') format('woff2'), url('../fonts/Oswald-Medium.woff') format('woff'), url('../fonts/Oswald-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Regular.eot');
    src: url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Regular.woff2') format('woff2'), url('../fonts/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Back to Black Demo';
    src: url('../fonts/BacktoBlackDemo.eot');
    src: url('../fonts/BacktoBlackDemo.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BacktoBlackDemo.woff2') format('woff2'),
        url('../fonts/BacktoBlackDemo.woff') format('woff'),
        url('../fonts/BacktoBlackDemo.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.BacktoBlackDemo{font-family: 'Back to Black Demo';}

.Poppins_ft {
    font-family: 'Poppins';
}

.Oswald_ft {
    font-family: 'Oswald';
}


/*-----------------------------------------------
       reset css here
-----------------------------------------------*/

* {
    margin: 0;
    outline: none;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
    font-family: 'Poppins';
    position: relative;
    outline: none;
    outline: none;
    -ms-overflow-style: scrollbar;
}

.bgred {
    background: #e31e25;
}

a {
    text-decoration: none;
    transition: all .5s ease;
    color: #000;
}

a:hover {
    text-decoration: none;
    color: #000;
}

a,
a:active,
a:focus,
a:hover,
a:visited {
    outline: 0;
    text-decoration: none;
}

a:active,
a:focus,
a:visited {
    text-decoration: none;
}

p {
    padding: 0;
    line-height: 1.4em;
    text-align: left;
}

p.nom {
    margin-bottom: 0 !important;
}

.clear {
    clear: both;
}

.clearfix:after {
    clear: both;
    content: '';
    display: block;
}

ul li {
    list-style: none;
}

ul {
    margin-bottom: 0;
}

img {
    max-height: 100%;
    max-width: 100%;
}


/*-------------------------------------------------
       Heading css
-------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: normal;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

header,
section,
footer,
aside,
nav,
main,
article,
figure {
    display: block;
}

button {
    outline: none !important;
}

:root {
    --lightgray: #FAFDFF;
    --white: #ffffff;
    --darkblue: #08345C;
    --black: #303031;
    --gray: #F8F9FA;
    --orange: #FB9D10;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

.img-res {
    max-width: 100%;
    max-height: 100%;
}


/*-------------------------------------------------
       Header css
-------------------------------------------------*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--white);
    z-index: 99999;
    display: none;
}

#status {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(../images/Loader.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.scrollToTop {
    z-index: 999;
    width: 50px;
    height: 50px;
    padding: 10px;
    text-align: center;
    border: 1px solid #f3be07;
    background: #f3be07;
    border-radius: 50%;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 50px;
    right: 40px;
    color: #fff;
    line-height: 28px;
    display: none;
}

.scrollToTop:hover {
    text-decoration: none;
    color: #fff;
    background: var(--green);
    border: 1px solid var(--green);
}

.scrollToTop:focus {
    color: #fff;
}

header {
    transition: all .5s ease-in-out;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.sticky header {
    position: fixed;
    top: 0 !important;
    left: 0;
    right: 0;
    z-index: 9;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) !important;
}
nav>ul>li>.btnnav{    background: var(--orange);
    padding: 3px 10px;
    display: inline-block;
    border-radius: 50px; transition: all .5s ease-in-out;}
nav>ul>li>.btnnav:hover{background: #064e8f; color: #fff;}
.sticky .logo>a {
    position: relative;
}

.sticky .logo,
.sticky .bg_header,
.sticky .logo>a {
    height: 80px;
}

.bg_header {
    background: var(--darkblue);
    height: 90px;
    z-index: 9;
}

.logo {
    height: 90px;
}

.logo>a {
    display: block;
    position: absolute;
    top: 0;
}

nav>ul {
    column-gap: 15px;
}

nav>ul>li {
    position: relative;
}

nav>ul>li>a {
    padding: 0px;
    color: var(--white);
    font-weight: 400;
    font-size: 15px;
    display: block;
    transition: all .5s ease-in-out;
}

.none_cls {
    display: none;
}

nav>ul>li>a:hover {
    color: var(--orange);
}

nav>ul>li>.activetop {
    color: var(--orange);
}

.getbox>a {
    background: var(--white);
    padding: 10px 10px;
    color: var(--orange);
    border-radius: 5px;
}

.getbox>a:hover {
    background: #705cfe;
    color: var(--white);
}

#barclick {
    display: none;
}

.nav_box {
    column-gap: 20px;
}

nav>ul .dropdown-toggle::after {
    margin-left: 11px;
    position: relative;
    top: 2px;
}

nav>ul>li>.dropdown-menu {
    border: 1px solid #ddd;
}

nav>ul>li>.dropdown-menu .dropdown-item {
    font-size: 16px;
    padding: 7px 10px;
}

nav>ul>li>.dropdown-menu .dropdown-item:hover {
    background: var(--orange);
    color: var(--white);
}

.mt_all {
    margin: 50px 0px;
}

.all_heading_inner>h1 {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px
}


.all_heading_inner>h2 {
    font-size: 30px;    
    font-weight: bold;
	 text-transform: uppercase;
    margin-bottom: 10px
}

.black_txt>h1,
.black_txt>p {
    color: var(--black);
}

.main_heading>h1>span {
    color: var(--orange);
}

.main_heading>p {
    font-size: 15px;
    line-height: 25px;
	text-align: left;
}


/*service*/

.bg_blue {
    background: var(--darkblue);
}

.bg_txt {
   
    padding: 30px 0px;
    
}

.banner_box {
    z-index: 1;
    position: relative;
}

.white_txt>h2,
.white_txt>p {
    color: var(--white);
}

.pdg_right {
    width: 45%;
}

.white_txt>p {
    text-align: left;
}
.service_slider{    padding: 0px 40px 20px 40px;}
.b_unit_main{margin: 0 10px;}
.service_slider .slick-next::before, .service_slider .slick-prev:before{font-family:'FontAwesome'; font-size: 40px;}
.service_slider .slick-next::before{content: "\f105";}
.service_slider .slick-prev:before{content: "\f104";}
.b_unit_main>a{display: block; position: relative; border-radius: 10px;}
.b_unit_main>a>span{display: block; margin-bottom: 10px; overflow: hidden; text-align: center;}
.b_unit_main>a>span>img{transition: all .5s ease-in-out;}
.b_unit_main>a:hover span>img{transform: scale(1.1);}
.abs_txt{position: absolute;  bottom: 0; left: 0; right: 0;}
.abs_txt>h3{color: #fff;    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding: 7px;}

.bnr-bx { transition: all 0.5s ease-in-out; border: 1px solid #094f8f; text-align: center;  padding: 30px; position: relative; background-color: #04335e; padding: 33px 30px 33px 30px; box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%); overflow: hidden; margin-bottom: 20px; }
    .bnr-bx i { font-size: 50px; color: #cf6baa; }

    .bnr-bx h4 {height: 48px; margin: 20px 0; color: #fff; font-size: 20px; font-weight: 600; }

.it-pra p {text-align: center;color: #fff; font-size: 14px;  line-height: 25px; }

.bnr-bx:after { transition: all 0.5s ease-in-out; position: absolute; display: block; height: 100%; content: ''; background: #cf6baa; transition: all 0.5s ease-in-out; bottom: -100%; right: 0; left: 0; width: 100%; }
.bnr-bx:hover:after { bottom: -0%; }

.bnr-bx:hover .bx-cont { z-index: 1; position: relative; color: white; }
    .bnr-bx:hover .bx-cont i, .bnr-bx:hover h4 { color: white; }
    .bnr-bx:hover .bx-cont .it-pra p { color: white; }
.bnr-bx:hover .svgcd path, .bnr-bx:hover .svgcd rect, .bnr-bx:hover .svgcd circle, .bnr-bx:hover .svgcd ellipse{fill: #fff; }
.bnr-bx:hover .service-btn {
    color: #fff;
}
.service-btn i {
    font-size: 15px;
}

.bx-cont img { width: 50px; }

.service-btn {
  display: flex
;
    font-size: 14px;
    color: #cf6baa;
    vertical-align: middle;
    margin: 10px 0;
    text-transform: capitalize;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

/*============================================================
   svg code
===============================================================*/

.svgcd{width: 50px; height: 50px; }
.svgcd path,.svgcd rect, .svgcd circle, .svgcd ellipse{fill: #cf6baa;}











.bnr-bx:hover svg .st0, .bnr-bx:hover .bx-cont svg .st2 { fill: #FFF; }

.sln-bx-hding svg .st0 { fill: #fff; }

/*service end*/


/*brand*/
.bg_gray{background: #FBFBFB; padding: 50px 0;}

.brand_wimg {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border: 1px solid #ddd;
    border-radius: 15px;
    overflow: hidden;
    margin: 10px;
    text-align: center;
}


/*brand end*/

/*key media*/
.key_m_box{margin-top: 20px;}
.key_m_box>span{width: 40%;}
.key_m_box>.text_k_m{width: 60%;}
.text_k_m>h4{color: #737165; font-weight: 500; margin-bottom: 5px; font-size: 15px;}
.text_k_m>span{color: #737165; font-size: 13px;}
/*key media end*/

.our_client_box{margin-bottom: 20px;}
.our_client_box img{transition: all .5s ease-in-out;}
.our_client_box:hover img{transform: scale(1.1);}

.Industries_bg {
    background: url(../images/Industries_bg.jpg)no-repeat;
    padding: 70px 0px;
    background-size: cover;
}

.indus_box {
    margin-top: 50px;
    text-align: center;
}
.indus_box,.indus_box>span,.indus_box>span>img{transition: all .5s ease-in-out;}
.indus_box:hover span img{transform: rotate(360deg);}
.indus_box:hover span{transform: scale(1.1);}

.indus_box>span {
    display: block;
    width: 130px;
    margin: auto;
}

.indus_box>h5 {
    margin-top: 10px;
    display: block;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}

.main_heading>span {
    font-size: 20px;
}

.testimonial_sl  .slick-next::before, .testimonial_sl  .slick-prev:before{font-family:'FontAwesome'; font-size: 40px; color: #000;}
.testimonial_sl  .slick-next::before{content: "\f105";}
.testimonial_sl  .slick-prev:before{content: "\f104";}

.tes_card {
    margin: 20px 10px 10px 10px;
    text-align: center;
    background: #f0f8ff;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 25px 18px;
    border: 1px solid #b7d3ec;
    border-radius: 10px;
}

.tes_card>span {
	
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #ddd;
    overflow: hidden;
    margin: -75px auto 20px auto;
    background: #fff;
    padding-top: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
	display: none;
}

.tes_card>p {
    margin-bottom: 30px;
    text-align: center;
    font-size: 13px;
	height: 80px;
}

.tes_card>h5 {
    margin-bottom: 10px;
    font-weight: 600;
    color: #705cfe;
    text-transform: uppercase;
    font-size: 15px;
	margin-bottom: 0;
}

.tes_card>h5>span {
    display: block;
    color: #828282;
    font-size: 13px;
    margin-top: 5px;
	font-weight: 400;
}

.light_blue {
    background: #FAFDFF;
    padding: 50px 0px;
}

.list_num {
    margin-top: 40px;
}

.list_num>ul>li {
    width: 20%;
    text-align: center;
    border-right: 1px solid #ddd;
}

.list_num>ul>li:last-child {
    border: none;
}

.list_num>ul>li>h5 {
    font-weight: 600;
    color: #705cfe;
    font-size: 22px;
}

.list_num>ul>li>span {
    font-size: 12px;
    display: block;
}

.brand_btm .main_heading {
    width: 30%;
}

.brand_logo {
    width: 70%;
}

.brand_logo {
    column-gap: 20px;
}

.brand_logo>span {
    width: 31%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    padding: 10px;
}


/*============footer=============*/

footer {
    background: var(--darkblue);
    padding: 40px 0 0 0px;
}

.address_box>span {
    display: block;
}

.social_box {
    margin: 20px 0px;
    column-gap: 20px;
}

.social_box>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background: var(--white);
    border-radius: 50px;
    color: var(--darkblue);
    transition: all .5s ease-in-out;
}

.social_box>a:hover {
    transform: scale(1.1);
}

.address_cnt {
    padding: 0 30px;
}

.address_cnt>span {
    display: block;
    font-size: 12px;
    color: var(--white);
    margin-bottom: 20px;
}

.border_b {
    border-bottom: 1px solid #184d7d;
    padding-bottom: 20px;
}

.address_cnt>span>h5 {
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}

.border_r {
    border-right: 1px solid #436d94;
}

.f_txt>h4 {
    font-weight: 600;
    font-size: 20px;
    color: var(--white);
    margin-bottom: 10px;
}

.f_txt>ul>li {
    position: relative;
}

.f_txt>ul>li::before {
    position: absolute;
    left: 0;
    top: 8px;
    width: 7px;
    height: 1px;
    background: var(--white);
    content: '';
}

.f_txt>ul>li>a {
    font-size: 12px;
    color: var(--white);
    padding-left: 20px;
    padding-bottom: 10px;
    display: block;
    transition: all .5s ease-in-out;
}

.f_txt>ul>li>a:hover {
    color: var(--orange);
}

.btm_rs {
    background: #022748;
    text-align: center;
    padding: 15px 0px;
}

.btm_rs>span {
    display: block;
    font-size: 12px;
    color: var(--white);
}

.video-wrapper {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.video-wrapper video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.bfrbx::before {
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
    content: '';
    bottom: 0;
    top: 0;
    z-index: 1;
}


/*======about us======*/

.inner-banner {
    position: relative;
    z-index: 0;
}

.graybx {
    background: var(--gray);
    padding: 20px 0px;
}

.about_top {
    background: url(../images/about_top.jpg) no-repeat center;
    background-size: cover;
}

.SAP_top {
    background: url(../images/SAP_top.jpg) no-repeat center;
    background-size: cover;
}

.Per_Marketing_top{
    background: url(../images/Per_Marketing_top.jpg) no-repeat center;
    background-size: cover;
}

.website_top{
    background: url(../images/website_top.jpg) no-repeat center;
    background-size: cover;
}

.social_top{
    background: url(../images/social_top.jpg) no-repeat center;
    background-size: cover;
}

.ecom_top{
    background: url(../images/ecom_top.jpg) no-repeat center;
    background-size: cover;
}

.native_top{
    background: url(../images/native_top.jpg) no-repeat center;
    background-size: cover;
}

.seo_top{
    background: url(../images/seo_top.jpg) no-repeat center;
    background-size: cover;
}

.Programmatic_A_top{
    background: url(../images/Programmatic_A_top.jpg) no-repeat center;
    background-size: cover;
}

.Global_AM_top{
    background: url(../images/Global_AM_top.jpg) no-repeat center;
    background-size: cover;
}

.Memories_top {
    background: url(../images/Memories_top.jpg) no-repeat center;
    background-size: cover;
}

.policy_top {
    background: url(../images/privacy_policy.jpg) no-repeat center;
    background-size: cover;    margin-top: -92px; height: 600px;
}

.contact_top {
    background: url(../images/contact_top.jpg) no-repeat center;
    background-size: cover;
}

.t_m_top {
    background: url(../images/t_m_top.jpg) no-repeat center;
    background-size: cover;
}

.about_tg{ padding: 10px 10px 10px 10px;}
.about_tg>h5{font-weight: 600;
    position: relative;
	padding-left: 15px; margin-bottom: 10px;
   }
.about_tg>h5>i{     font-weight: bold;   position: absolute;
    left: 0;
    font-size: 20px;}

.about_tg>p{ text-align: left;    color: var(--black);   font-size: 15px;
    line-height: 25px;}

.list_ul_number>li{    list-style: devanagari;}
.all_list >li>strong{font-size: 14px; font-weight: 600;}
.about_tg>p>strong{font-weight: 600;}

.smlate {
    display: block;
    font-size: 14px;
    margin-top: 5px;
}

.inner-banner:before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    min-height: 100%;
    left: 0;
    right: 0;
    z-index: -1;
}

.breadcrumb {
    padding: 80px 0;
}

.inner-title {
    display: block;
    width: 100%;
}

.inner-title>h1 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    margin: 20px 0;
}

.shape {
    position: absolute;
    pointer-events: none;
    right: 0;
    bottom: 15px;
    left: 0;
}

.shape>svg {
    transform: scale(2);
    width: 100%;
    height: auto;
    transform-origin: top center;
    color: #f8f9fa;
}

.shp_top {
    margin-top: -18px;
}

.allpd {
    padding: 60px 0px;
}


/*contact us*/

.form_contact {
    width: 60%;
    margin: auto;
}

.form_contact>h2,
.form_contact>p {
    text-align: center;
}

.form_contact>h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 5px;
}

.form_contact>p {
    font-size: 15px;
}

.frm_input {
    margin-top: 20px;
}

.frm_input>input,
.frm_input>textarea {
    background: var(--white);
    border: 1px solid transparent;
    box-shadow: rgba(1, 1, 1, 0.05) 1px 1px 5px 0px;
    font-size: 16px;
    line-height: 28px;
    padding: 15px 20px;
    font-weight: 500;
    width: 100%;
    border-radius: 0.25rem;
}

.btn_s {
    background: var(--green);
    color: var(--white);
    margin-top: 20px;
    font-size: 20px;
    padding: 12px 40px;
    display: inline-block;
    border-radius: 6px;
}

.btn_s>i {
    margin-right: 8px;
}

.cng_contact .cn_txt>h6,
.cng_contact .cn_txt>a,
.cng_contact .cn_txt>p {
    color: var(--black);
}

.cng_contact .cnt_f>span {
    display: block;
    width: 22px;
    margin-right: 10px;
    margin-top: -3px;
}

.cng_contact>iframe {
    width: 100%;
    height: 300px;
    padding: 15px;
    background: var(--gray);
    margin-bottom: 20px;
}

.btn_s {
    background: var(--orange);
    color: var(--black);
    margin-top: 20px;
    font-size: 20px;
    padding: 12px 40px;
    display: inline-block;
    border-radius: 6px;
    border: none;
}

.btn_s>i {
    margin-right: 8px;
}

.nav_f>ul>li {
    position: relative;
}

.b_cnt_r>li {
    margin-bottom: 10px;
}

.cng_contact .cnt_f>span {
    display: block;
    width: 22px;
    margin-right: 10px;
}

.cn_txt {
    width: 90%;
}

.cn_txt>h6,
.cn_txt>a {
    font-weight: 600;
    font-size: 16px;
    transition: all .5s ease-in-out;
}

.cn_txt>p {
    text-align: left;
    margin-top: 5px;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: normal;
}

.cng_contact .cn_txt>h6,
.cng_contact .cn_txt>a,
.cng_contact .cn_txt>p {
    color: var(--black);
}


/*contact us end*/

.all_list {
    padding-left: 20px;
}

.all_list>li {
    padding-bottom: 10px;
}

.nbr_list>li {
    list-style: decimal;
}

.ciclelist>li {
    list-style: disc;
}

.fntcng {
    margin-bottom: 30px;
}

.fntcng>h2 {
    font-size: 30px;
    text-transform: initial;
}

.fntcng>p>a {
    color: var(--orange);
}

.main_heading .hrds{    font-size: 17px;
    margin-bottom: 10px;
    display: block;
    font-weight: 500;
    color: #383838;}
    
    .main_heading>h3{   
        font-weight: 600;
        margin-bottom: 10px;}

/*----marquee----*/
.client_logo>h5{ font-size: 25px;}
 .overflow-hidden {
            overflow: hidden;
        }

        .relative {
            position: relative;
        }

        .animate-marquee-reverse {
            animation: marquee-reverse var(--duration, 30s) linear infinite;
        }

        .hover\:\[animation-play-state\:paused\]:hover {
            animation-play-state: paused;
        }

        .w-max {
            width: -moz-max-content;
            width: max-content;
        }

        .flex {
            display: flex;
        }

        .duration-300 {
            animation-duration: .3s;
        }

        @keyframes marquee {
            0% {
                transform: translateX(0)
            }

            to {
                transform: translateX(-50%)
            }
        }

        @keyframes marquee-reverse {
            0% {
                transform: translateX(-50%)
            }

            to {
                transform: translateX(0)
            }
        }

        .animate-marquee {
            animation: marquee var(--duration, 30s) linear infinite
        }

        .animate-marquee-reverse {
            animation: marquee-reverse var(--duration, 30s) linear infinite
        }


.widthbx_m .flex{width: 16vw; height: 100%;}
.widthbx_m .flex img{max-height: 100%; max-width: 100%;}





.main_heading>p {
    font-size: 15px;
    line-height: 25px;
}
.main_heading>h1, .main_heading>h2 {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}

.fntcng>h2 {font-weight: bold;
    margin-bottom: 10px;
    font-size: 25px;
    text-transform: initial;
}
.black_txt>h1, .black_txt>p {
    color: var(--black);
}

.all_list {
    padding-left: 20px;
}
.all_list>li {
    padding-bottom: 10px;
}

.nbr_list>li {
    list-style: decimal;
}

.ciclelist>li {
    list-style: disc;
}

.allpd {
    padding: 60px 0px;
}

.text_all{    display: block;
    margin-top: 30px;
    border-bottom: 1px solid var(--darkblue);
    padding-bottom: 20px;
    font-weight: bold;
color:var(--darkblue); }


/*----video----*/
.video-wrapper {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.video-wrapper video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}


.videobx{margin-top: -91px; position: relative; display: flex; align-items: center;}
.videobx:before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); content: '';}
.videobx>video{width: 100%; height: auto;}

.text_video{position: absolute;
    left: 0;
    right: 0;
   
    z-index: 1;
    color: #fff;
    width: 80%;
    margin: auto;}
.text_video>h4{    font-size: 40px;
    font-weight: bold;}
.text_video>p{font-size: 15px;}

.aset_box>h3 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 22px;
    text-transform: initial;
}
.aset_box>p {
    font-size: 15px;
    line-height: 25px;
    color: var(--black);
}



/*==========sap==========*/

.our_ex{margin-top: 20px;}
.our_ex>span{    display: block;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;}
.our_ex>h4{ color:var(--darkblue);   font-weight: 600;
    font-size: 20px;
    margin-bottom: 6px;}
.our_ex>p{    font-size: 14px;}

.circle_arc>ul{column-gap: 10px;}
.circle_arc>ul>li{width: 22%; margin-top: 20px;}
.circle_arc>ul>li>span{ position: relative; display: flex;
    width: 110px;
    height: 110px;
    background: var(--darkblue);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin: auto;    font-size: 40px;
    color: #fff;}
.circle_arc>ul>li>span:before{position: absolute; width: 130px; height: 130px; border-radius: 50%; border: 3px solid var(--darkblue); content: '';}
.circle_arc>ul>li>p{text-align: center;
    display: block;
    font-size: 14px;
    margin-top: 20px;
    font-weight: 500;
    line-height: 18px;}

.box_bg1{background: #f2f9ff; padding: 20px 20px; height: 285px; border-radius: 10px;}

 .timeline {
      position: relative;
      margin: 50px 0;
    }

    .timeline::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50px;
      width: 4px;
      background: linear-gradient(180deg, #6c757d, #dee2e6);
    }

    .timeline-item {
      position: relative;
      margin-bottom: 50px;
      padding-left: 100px;
    }

    .timeline-item::before {
     content: '';
    position: absolute;
    top: 15px;
    width: 25px;
    height: 25px;
    background: radial-gradient(circle, #37546f, #08345c);
    border: 3px solid #fff;
    border-radius: 50%;
    left: 52px;
    transform: translateX(-50%);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    }

    .timeline-item-content {
      padding: 20px;
      background: linear-gradient(145deg, #ffffff, #f3f3f3);
      border-radius: 10px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .timeline-item-content:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
    }

  .timeline-item-content h5 {
      font-size: 1.25rem;
      color: var(--darkblue);
	      font-weight: 600;
    margin-bottom: 10px;
    }

    .timeline-item-content p {
      color: #6c757d;
      font-size: 0.95rem;
    }


.services_box {
      margin: 30px auto;
      padding: 20px;
      background: #ffffff;
      border-radius: 10px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }

    .service-item {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
    }

    .service-item:last-child {
      margin-bottom: 0;
    }

    .service-icon {
      flex-shrink: 0;
      width: 60px;
      height: 60px;
      background-color: var(--darkblue);
      color: #ffffff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      margin-right: 20px;
    }

    .service-content h5 {
      font-size: 1rem;
      color: var(--darkblue);
     
		font-weight: 600;
    }

    .service-content p {
      color: #6c757d;
      font-size: 0.95rem;
      margin: 0;
    }


 .custom-card {
      background: linear-gradient(135deg, #ffffff, #f1f3f5);
      border: 1px solid #dee2e6;
      border-radius: 1.5rem;
      padding: 2rem 1rem;
      height: 100%;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
      text-align: center;
      transition: all 0.3s ease-in-out;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .custom-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    }
    .step-icon {
      width: 70px;
      height: 70px;
      background: linear-gradient(135deg, #0d6efd, #6610f2);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      margin: 0 auto 20px;
      font-size: 2rem;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }
    .custom-card h5 {
      font-size: 1.25rem;
      font-weight: 600;
      color: #212529;
		
    }
    .custom-card p {
      font-size: 0.95rem;
      color: #6c757d;
		text-align: center;
		margin-top: 10px;
    }
    @media (max-width: 768px) {
      .custom-card {
        padding: 1.5rem;
      }
      .step-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
      }
    }

 .checklist {
    
     
      padding: 2rem;
      background: #fff;
      border-radius: 1rem;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    }
    .checklist-item {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      font-size: 1rem;
      color: #343a40;
      margin-bottom: 1rem;
    }
    .checklist-item i {
      color: #28a745;
      font-size: 1.25rem;
      margin-top: 2px;
    }

.all_heading_inner>h3,.all_heading_inner>h4{font-weight: 600;
    margin-top: 40px;
    display: block;}
.all_heading_inner>h3{font-size: 25px;
    }

.all_heading_inner>h4{font-size: 18px; margin-bottom: 10px}
.img_ri{text-align: center;}
/*==========sap-end==========*/


/*==========performance-m==========*/
.card_indus {
            border: none;
            border-radius: 15px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: flex;
            flex-direction: column;
	padding: 13px;
        }
        .card_indus:hover {
            transform: translateY(-10px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }
        .icon-large {
            font-size: 2.5rem;
            display: block;
            margin: 0 auto 10px auto;
            text-align: center;
            color: #fff;
            background: linear-gradient(135deg, #6a11cb, #2575fc);
            border-radius: 50%;
            width: 80px;
            height: 80px;
            line-height: 80px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }
        .card_body_indus h5 {
			margin-bottom: 5px;
            font-size: 1.1rem;
            font-weight: 600;
            text-align: center;
			 font-weight: bold;
            color: #343a40;
        }
        .card_body_indus p {
            font-size: 13px;
            color: #6c757d;
            text-align: center;
        }



 
   .benifiet_box h2 {
      font-weight: 800;
      color: #212529;
      margin-bottom: 30px;
      background: linear-gradient(90deg, #ff7e5f, #feb47b);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-align: center;
    }
    .benifiet_box .table th, .benifiet_box .table td {
      vertical-align: middle;
      padding: 1rem 1.2rem; 
    }
   .benifiet_box .table thead {
      background: linear-gradient(90deg, #08345c, #0d4e8a);
      color: #fff;
      font-size: 1.1rem;
    }
    .benifiet_box.feature-icon {
      font-size: 1.75rem;
      margin-right: 10px;
      vertical-align: middle;
    }
   .benifiet_box .table-striped tbody tr:nth-of-type(odd) {
      background-color: #f8f9fa;
    }
   .benifiet_box .table-striped tbody tr:hover {
      background-color: #e9ecef;
      transition: background-color 0.3s;
    }
    .benifiet_box .badge-feature {
      background-color: #fff3cd;
      color: #856404;
      border-radius: 50px;
      padding: 0.5rem 1rem;
      font-size: 1rem;
      font-weight: 600;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
      display: inline-block;
      transition: transform 0.2s;
    }
    .benifiet_box.badge-feature:hover {
      transform: scale(1.05);
      background-color: #ffeeba;
    }
   .benifiet_box .table td {
      text-align: left;
    }

 .process-icon {
      font-size: 2.5rem;
      color: #0d6efd;
      background-color: #e7f1ff;
      width: 70px;
      height: 70px;
      line-height: 70px;
      border-radius: 50%;
      display: inline-block;
    }
    .process-step {
      border: none;
      border-radius: 15px;
      padding: 30px 20px;
      text-align: center;
      background: #ffffff;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .process-step:hover {
      transform: translateY(-10px);
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    }
    .process-step h5 {
      margin-top: 15px;
      font-weight: 600;
    }

       
.result-box {
      border-radius: 20px;
     
      padding: 35px 25px;
      background: linear-gradient(145deg, #ffffff, #e9f0f7);
      transition: all 0.5s ease;
      position: relative;
      overflow: hidden;
    }
   
    .result-box:hover {
      transform: translateY(-10px) scale(1.03);
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
    }
    .result-icon {
      font-size: 48px;
      color: #007bff;
      margin-bottom: 18px;
      position: relative;
      z-index: 1;
    }
    .result-text {
      font-size: 17px;
      font-weight: 700;
      color: #222;
      position: relative;
      z-index: 1;
    }
    .result-text small {
      display: block;
      font-size: 15px;
      color: #555;
      margin-top: 6px;
    }
    .section-title {
      text-align: center;
      font-size: 36px;
      font-weight: 800;
      color: #0d47a1;
      margin-bottom: 50px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }
/*==========performance-m-end==========*/

.cngfnt_am p{font-weight: 600; color: #000;}

/*==========global-a_m==========*/
 .icon-box {
      font-size: 2.5rem;
      color: #0d6efd;
      margin-bottom: 20px;
    }
    .card_afm {
      border: none;
      background: #fff;
      border-radius: 15px;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
      transition: all 0.3s ease-in-out;
    }
    .card_afm:hover {
      transform: translateY(-10px);
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    }
    .card_afm h5 {
      font-weight: 600;
      color: #333;
		margin-bottom: 10px;
    }
    .card_afm p {
      color: #555;
      font-size: 0.95rem;
		text-align: center;
    }


.highlight-card {
      background: #e0e5ec;
      border-radius: 1.5rem;
      box-shadow:
        9px 9px 16px #bebfc9,
        -9px -9px 16px #ffffff;
      padding: 2rem 2rem;
      flex-direction: column;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      transition: box-shadow 0.4s ease, transform 0.4s ease;
      height: 100%;
      cursor: default;
      position: relative;
      overflow: hidden;
    }

    .highlight-card::before {
      content: '';
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 60%);
      transform: rotate(25deg);
      opacity: 0;
      transition: opacity 0.5s ease;
      pointer-events: none;
      z-index: 0;
    }

    .highlight-card:hover {
      box-shadow:
        4px 4px 12px #bebfc9,
        -4px -4px 12px #ffffff;
      transform: translateY(-12px);
    }

    .highlight-card:hover::before {
      opacity: 1;
      animation: shine 1.5s ease forwards;
    }

    @keyframes shine {
      from { transform: rotate(25deg) translateX(-100%); opacity: 1; }
      to { transform: rotate(25deg) translateX(100%); opacity: 0; }
    }

    .highlight-icon {
      width: 96px;
      height: 96px;
      background: linear-gradient(135deg, #6a82fb 0%, #fc5c7d 100%);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 3.75rem;
      box-shadow:
        4px 4px 8px rgba(252, 92, 125, 0.5),
        inset 0 0 10px rgba(255,255,255,0.4);
      margin-bottom: 2rem;
      flex-shrink: 0;
      position: relative;
      z-index: 1;
      user-select: none;
    }

    /* Different gradients for each card's icon */
    .highlight-card:nth-child(1) .highlight-icon {
      background: linear-gradient(135deg, #6a82fb 0%, #fc5c7d 100%);
      box-shadow:
        4px 4px 10px rgba(252, 92, 125, 0.6),
        inset 0 0 12px rgba(255,255,255,0.5);
    }
    .highlight-card:nth-child(2) .highlight-icon {
      background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
      box-shadow:
        4px 4px 10px rgba(56, 239, 125, 0.6),
        inset 0 0 12px rgba(255,255,255,0.5);
    }
    .highlight-card:nth-child(3) .highlight-icon {
      background: linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%);
      box-shadow:
        4px 4px 10px rgba(255, 75, 43, 0.6),
        inset 0 0 12px rgba(255,255,255,0.5);
    }
    .highlight-card:nth-child(4) .highlight-icon {
      background: linear-gradient(135deg, #1d2671 0%, #c33764 100%);
      box-shadow:
        4px 4px 10px rgba(195, 55, 100, 0.6),
        inset 0 0 12px rgba(255,255,255,0.5);
    }

   .highlight-card h5 {
      font-weight: 600;
      font-size: 1.3rem;
      margin-bottom: 1rem;
      color: #222;
      text-align: center;
      user-select: none;
      z-index: 1;
    }

    .highlight-card p {
      font-weight: 400;
      font-size: 0.9rem;
      color: #4b5563;
      line-height: 1.5;
      text-align: center;
      user-select: none;
      z-index: 1;
      margin: 0;
    }

    @media (max-width: 576px) {
     
      .highlight-card {
        padding: 2.5rem 1.5rem;
      }
      .highlight-icon {
        width: 80px;
        height: 80px;
        font-size: 3rem;
        margin-bottom: 1.5rem;
      }
     .highlight-card h5 {
        font-size: 1.375rem;
      }
      .highlight-card p {
        font-size: 0.9rem;
      }
    }
/*==========global-a_m-end==========*/



/*==========website==========*/
 .service-card {
            border: none;
            border-radius: 15px;
            overflow: hidden;
            background: linear-gradient(145deg, #ffffff, #f1f1f1);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s, box-shadow 0.3s;
        }
        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
        }
      .service-card  .icon {
            font-size: 2rem;
           color: #fff;
            position: relative;
            animation: fadeIn 1s ease-in-out;
        }
       .service-card .icon-container {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #0d6efd, #6610f2);
            margin: 0 auto 20px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
        }
        .service-card.icon-container .icon {
            font-size: 2.5rem;
            background: none;
            -webkit-text-fill-color: white;
        }
      
       .service-card .card-title {
            font-size: 1.75rem;
            font-weight: bold;
            margin-bottom: 25px;
        }
       .service-card ul {
            list-style-type: none;
            padding-left: 0;
        }
       .service-card ul li {
            margin-bottom: 10px;
            font-size: 1rem;
            color: #495057;
		   display: flex; text-align: left;
        }
       .service-card ul li::before {
            content: "\f00c";
            font-family: FontAwesome;
            margin-right: 10px;
            color: #0d6efd;
        }
        @keyframes fadeIn {
            0% { opacity: 0; transform: scale(0.9); }
            100% { opacity: 1; transform: scale(1); }
        }

.cng_tes .tes_card{margin: 0;}
.cng_tes .tes_card>p{height: auto;}

 .hero-buttons .btn {
            margin: 10px;
            padding: 12px 24px;
            font-size: 1rem;
        }
.hero-buttons .btncl{background:var(--darkblue);}
/*==========website-end==========*/

/*==========social==========*/
.icn_img{padding: 15px;    display: flex
;
    align-items: center;
    justify-content: center;}
.hit_bx .process-step{height: 185px;}

.box_you{padding: 20px; align-items: center; height: 100%; }
.icon_you{width: 150px;}
.text_you>h4{    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;}
.text_you ul li{    font-size: 13px;}
.channel_box{margin-top: 20px;}
.channel_box>a{display: block; background: #fff;  padding:20px 10px; text-align: center;}
.channel_box a h3{    margin-top: 10px;
    font-weight: 600;}
/*==========social-end==========*/

/*==========e-commerce==========*/

  .package-card {
            border: 1px solid #ddd;
            border-radius: 12px;
            padding: 20px;
            margin-bottom: 20px;
            background: #ffffff;
            transition: transform 0.3s, box-shadow 0.3s;
            position: relative;
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        .package-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
        }
        .package-header {
              font-size: 1.3rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
    text-align: left;
    line-height: 26px;
        }
.package-card p{font-size: 13px;}
        .package-icon {
            font-size: 40px;
    color: #fff;
    margin-bottom: 15px;
    background: #08345c;
        }
        .feature-list {
            list-style: none;
            padding: 0;
            flex-grow: 1;
        }
        .feature-list li {
               margin-bottom: 10px;   
    color: #555;
    display: flex;
    font-size: 13px;
        }
         .package-card .fa-check {
            color: #5cb85c;
            margin-right: 8px;    margin-top: 5px;
        }
        .package-card  h6 {
                font-size: 1rem;
    margin-top: 20px;
    color: #444;
    font-weight: 600;
    margin-bottom: 10px;
        }

/*==========e-commerce-end==========*/

/*==========native==========*/
.checklist>h3{margin-bottom: 15px; font-weight: 600; font-size: 22px;}
.box_cn_nt>a{    background: #08345c;
    padding: 10px 18px;
    display: inline-block;
    border-radius: 50px;
    color: #fff;}
.box_cn_nt>a>i{margin-right: 10px;}
.box_cn_nt>span{display: block}

/*==========native-end==========*/



 .allison-regular {
  font-family: "Allison", cursive;
  font-weight: 400;
  font-style: normal;
}

    .indus_box,.indus_box>span,.indus_box>span>img{transition: all .5s ease-in-out;}
.indus_box:hover span img{transform: rotate(360deg);}
.indus_box:hover span{transform: scale(1.1);}
.main_heading>span {
    font-size: 18px;
    text-align: justify;
    margin-bottom: 10px;
    display: block;
    font-weight: 500;
}
.dbng>p {
  
    text-align: justify;
}
.slide .slide__content--headings .title {
   
    white-space: nowrap;
}
.service_card{position: relative; overflow: hidden;}
.service_card,.hoverbox{transition: all .5s ease-in-out;}
.hoverbox{position: absolute;
    left: 0;
    right: 0;
    top: 100%;
   height: 100%;
   background: rgb(16 29 94 / 90%);
    border-radius: 10px;
    color: #fff;
    font-size: 15px;
    padding: 20px; display: flex; align-items: center; justify-content: center;}
    .hoverbox>p{    text-align: center;
    font-size: 14px;}
    .service_card:hover .hoverbox{top: 0;}


.main_heading>h4 {
			font-size: 18px;
			font-weight: 600;
			margin-bottom: 10px;
			color: #08345c;
		}

		.signbx>h3 {
			font-weight: 600;
			color: #08345c;
			font-size: 20px;
			font-style: italic;
		}

		.signbx>span {
			color: orange;
			font-weight: 500;
			font-style: italic;
		}

		.boxvm {
			border: 1px solid #ddd;
			text-align: center;
			padding: 20px;
			background: #fff;
			border-radius: 5px;
		}

		.boxvm>h2 {
			font-size: 25px;
			color: #08345c;
			font-weight: bold;
			margin-bottom: 10px;
		}

		.boxvm>p {
			font-size: 15px;
			line-height: 25px;
			color: var(--black);
		}

		.chief_img>span {
			display: block;
		}

		.chief_txt>h3,
		.chief_txt>span {
			text-transform: uppercase;
			position: relative;
			z-index: 1;
		}

		.chief_txt>h3 {
			font-size: 25px;
			font-weight: bold;
			color: #08345c;
		}

		.chief_txt>span {
			color: #fb9d10;
			font-size: 20px;
			font-weight: 500;
		}

		.chief_txt>p {
			position: relative;
			z-index: 1;
			font-size: 15px;
			line-height: 25px;
		}

		.chief_txt>a {
			position: relative;
			z-index: 1;
			background: #0077b5;

			display: flex;
			border-radius: 50px;
			color: #fff;
			align-items: center;
			column-gap: 10px;
			width: 35px;
			height: 35px;
			justify-content: center;
		}

		.chief_txt>a>i {

			color: #fff;
		}

		.chief_txt {
			position: relative;
		}

		.chief_txt::after {
			content: "";
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			content: "";
			-webkit-mask-image: url(../images/arrow-bg.svg);
			mask-image: url(../images/arrow-bg.svg);
			-webkit-mask-size: auto;
			mask-size: auto;
			-webkit-mask-position: left center;
			mask-position: left center;
			-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
			background-color: #fbecda;
			z-index: 0;
		}

		@media screen and (min-width: 640px) {
			.chief_txt {
				width: 58%;
				padding-right: 20px;
			}

		}

		.main_heading>h4 {
			font-size: 26px;
			text-transform: uppercase;
			font-weight: bold;
			margin-bottom: 10px;
		}

		.black_txt>p>strong {
			font-weight: 600;
		}

		.main_heading>h3>strong {
			font-weight: 700;
		}