@font-face {

    font-family: 'FT Aktual Trial';

    src: url('FTAktualTrial-BlackItalic.woff2') format('woff2'),

        url('FTAktualTrial-BlackItalic.woff') format('woff'),

        url('FTAktualTrial-BlackItalic.ttf') format('truetype');

    font-weight: 900;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'FT Aktual Trial Book';

    src: url('FTAktualTrial-BookItalic.woff2') format('woff2'),

        url('FTAktualTrial-BookItalic.woff') format('woff'),

        url('FTAktualTrial-BookItalic.ttf') format('truetype');

    font-weight: normal;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'FT Aktual Trial';

    src: url('FTAktualTrial-LightItalic.woff2') format('woff2'),

        url('FTAktualTrial-LightItalic.woff') format('woff'),

        url('FTAktualTrial-LightItalic.ttf') format('truetype');

    font-weight: 300;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'FT Aktual Trial Book';

    src: url('FTAktualTrial-Book.woff2') format('woff2'),

        url('FTAktualTrial-Book.woff') format('woff'),

        url('FTAktualTrial-Book.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'FT Aktual Trial';

    src: url('FTAktualTrial-Bold.woff2') format('woff2'),

        url('FTAktualTrial-Bold.woff') format('woff'),

        url('FTAktualTrial-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'FT Aktual Trial';

    src: url('FTAktualTrial-Black.woff2') format('woff2'),

        url('FTAktualTrial-Black.woff') format('woff'),

        url('FTAktualTrial-Black.ttf') format('truetype');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'FT Aktual Trial';

    src: url('../fonts/FTAktualTrial-BoldItalic.woff2') format('woff2'),

        url('../fonts/FTAktualTrial-BoldItalic.woff') format('woff'),

        url('../fonts/FTAktualTrial-BoldItalic.ttf') format('truetype');

    font-weight: bold;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'FT Aktual Trial';

    src: url('../fonts/FTAktualTrial-Light.woff2') format('woff2'),

        url('../fonts/FTAktualTrial-Light.woff') format('woff'),

        url('../fonts/FTAktualTrial-Light.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'FT Aktual Trial';

    src: url('../fonts/FTAktualTrial-SemiboldItalic.woff2') format('woff2'),

        url('../fonts/FTAktualTrial-SemiboldItalic.woff') format('woff'),

        url('../fonts/FTAktualTrial-SemiboldItalic.ttf') format('truetype');

    font-weight: 600;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'FT Aktual Trial';

    src: url('../fonts/FTAktualTrial-MediumItalic.woff2') format('woff2'),

        url('../fonts/FTAktualTrial-MediumItalic.woff') format('woff'),

        url('../fonts/FTAktualTrial-MediumItalic.ttf') format('truetype');

    font-weight: 500;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'FT Aktual Trial';

    src: url('../fonts/FTAktualTrial-Medium.woff2') format('woff2'),

        url('../fonts/FTAktualTrial-Medium.woff') format('woff'),

        url('../fonts/FTAktualTrial-Medium.ttf') format('truetype');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'FT Aktual Trial';

    src: url('../fonts/FTAktualTrial-Regular.woff2') format('woff2'),

        url('../fonts/FTAktualTrial-Regular.woff') format('woff'),

        url('../fonts/FTAktualTrial-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'FT Aktual Trial';

    src: url('../fonts/FTAktualTrial-Semibold.woff2') format('woff2'),

        url('../fonts/FTAktualTrial-Semibold.woff') format('woff'),

        url('../fonts/FTAktualTrial-Semibold.ttf') format('truetype');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'FT Aktual Trial';

    src: url('../fonts/FTAktualTrial-RegularItalic.woff2') format('woff2'),

        url('../fonts/FTAktualTrial-RegularItalic.woff') format('woff'),

        url('../fonts/FTAktualTrial-RegularItalic.ttf') format('truetype');

    font-weight: normal;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Sora';

    src: url('../fonts/Sora-Bold.woff2') format('woff2'),

        url('../fonts/Sora-Bold.woff') format('woff'),

        url('../fonts/Sora-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Sora';

    src: url('../fonts/Sora-ExtraBold.woff2') format('woff2'),

        url('../fonts/Sora-ExtraBold.woff') format('woff'),

        url('../fonts/Sora-ExtraBold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Sora';

    src: url('../fonts/Sora-ExtraLight.woff2') format('woff2'),

        url('../fonts/Sora-ExtraLight.woff') format('woff'),

        url('../fonts/Sora-ExtraLight.ttf') format('truetype');

    font-weight: 200;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Sora';

    src: url('../fonts/Sora-Light.woff2') format('woff2'),

        url('../fonts/Sora-Light.woff') format('woff'),

        url('../fonts/Sora-Light.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Sora';

    src: url('../fonts/Sora-Regular.woff2') format('woff2'),

        url('../fonts/Sora-Regular.woff') format('woff'),

        url('../fonts/Sora-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Sora';

    src: url('../fonts/Sora-Medium.woff2') format('woff2'),

        url('../fonts/Sora-Medium.woff') format('woff'),

        url('../fonts/Sora-Medium.ttf') format('truetype');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Sora';

    src: url('../fonts/Sora-Thin.woff2') format('woff2'),

        url('../fonts/Sora-Thin.woff') format('woff'),

        url('../fonts/Sora-Thin.ttf') format('truetype');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Sora';

    src: url('../fonts/Sora-SemiBold.woff2') format('woff2'),

        url('../fonts/Sora-SemiBold.woff') format('woff'),

        url('../fonts/Sora-SemiBold.ttf') format('truetype');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 18pt';

    src: url('../fonts/Inter18pt-Black.woff2') format('woff2'),

        url('../fonts/Inter18pt-Black.woff') format('woff'),

        url('../fonts/Inter18pt-Black.ttf') format('truetype');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 18pt';

    src: url('../fonts/Inter18pt-Bold.woff2') format('woff2'),

        url('../fonts/Inter18pt-Bold.woff') format('woff'),

        url('../fonts/Inter18pt-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 18pt';

    src: url('../fonts/Inter18pt-ExtraBold.woff2') format('woff2'),

        url('../fonts/Inter18pt-ExtraBold.woff') format('woff'),

        url('../fonts/Inter18pt-ExtraBold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 18pt';

    src: url('../fonts/Inter18pt-ExtraLight.woff2') format('woff2'),

        url('../fonts/Inter18pt-ExtraLight.woff') format('woff'),

        url('../fonts/Inter18pt-ExtraLight.ttf') format('truetype');

    font-weight: 200;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 18pt';

    src: url('../fonts/Inter18pt-Italic.woff2') format('woff2'),

        url('../fonts/Inter18pt-Italic.woff') format('woff'),

        url('../fonts/Inter18pt-Italic.ttf') format('truetype');

    font-weight: normal;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 18pt';

    src: url('../fonts/Inter18pt-Light.woff2') format('woff2'),

        url('../fonts/Inter18pt-Light.woff') format('woff'),

        url('../fonts/Inter18pt-Light.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 18pt';

    src: url('../fonts/Inter18pt-Medium.woff2') format('woff2'),

        url('../fonts/Inter18pt-Medium.woff') format('woff'),

        url('../fonts/Inter18pt-Medium.ttf') format('truetype');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 18pt';

    src: url('../fonts/Inter18pt-SemiBold.woff2') format('woff2'),

        url('../fonts/Inter18pt-SemiBold.woff') format('woff'),

        url('../fonts/Inter18pt-SemiBold.ttf') format('truetype');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 18pt';

    src: url('../fonts/Inter18pt-Regular.woff2') format('woff2'),

        url('../fonts/Inter18pt-Regular.woff') format('woff'),

        url('../fonts/Inter18pt-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 18pt';

    src: url('../fonts/Inter18pt-Thin.woff2') format('woff2'),

        url('../fonts/Inter18pt-Thin.woff') format('woff'),

        url('../fonts/Inter18pt-Thin.ttf') format('truetype');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 24pt';

    src: url('../fonts/Inter24pt-Black.woff2') format('woff2'),

        url('../fonts/Inter24pt-Black.woff') format('woff'),

        url('../fonts/Inter24pt-Black.ttf') format('truetype');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 24pt';

    src: url('../fonts/Inter24pt-Bold.woff2') format('woff2'),

        url('../fonts/Inter24pt-Bold.woff') format('woff'),

        url('../fonts/Inter24pt-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 24pt';

    src: url('../fonts/Inter24pt-ExtraBold.woff2') format('woff2'),

        url('../fonts/Inter24pt-ExtraBold.woff') format('woff'),

        url('../fonts/Inter24pt-ExtraBold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 24pt';

    src: url('../fonts/Inter24pt-ExtraLight.woff2') format('woff2'),

        url('../fonts/Inter24pt-ExtraLight.woff') format('woff'),

        url('../fonts/Inter24pt-ExtraLight.ttf') format('truetype');

    font-weight: 200;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 24pt';

    src: url('../fonts/Inter24pt-Light.woff2') format('woff2'),

        url('../fonts/Inter24pt-Light.woff') format('woff'),

        url('../fonts/Inter24pt-Light.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 24pt';

    src: url('../fonts/Inter24pt-LightItalic.woff2') format('woff2'),

        url('../fonts/Inter24pt-LightItalic.woff') format('woff'),

        url('../fonts/Inter24pt-LightItalic.ttf') format('truetype');

    font-weight: 300;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 24pt';

    src: url('../fonts/Inter24pt-Medium.woff2') format('woff2'),

        url('../fonts/Inter24pt-Medium.woff') format('woff'),

        url('../fonts/Inter24pt-Medium.ttf') format('truetype');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 24pt';

    src: url('../fonts/Inter24pt-Regular.woff2') format('woff2'),

        url('../fonts/Inter24pt-Regular.woff') format('woff'),

        url('../fonts/Inter24pt-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 24pt';

    src: url('../fonts/Inter24pt-SemiBold.woff2') format('woff2'),

        url('../fonts/Inter24pt-SemiBold.woff') format('woff'),

        url('../fonts/Inter24pt-SemiBold.ttf') format('truetype');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 24pt';

    src: url('../fonts/Inter24pt-Thin.woff2') format('woff2'),

        url('../fonts/Inter24pt-Thin.woff') format('woff'),

        url('../fonts/Inter24pt-Thin.ttf') format('truetype');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 28pt';

    src: url('../fonts/Inter28pt-Black.woff2') format('woff2'),

        url('../fonts/Inter28pt-Black.woff') format('woff'),

        url('../fonts/Inter28pt-Black.ttf') format('truetype');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter 28pt';

    src: url('../fonts/Inter28pt-Bold.woff2') format('woff2'),

        url('../fonts/Inter28pt-Bold.woff') format('woff'),

        url('../fonts/Inter28pt-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Degular Display';

    src: url('../fonts/DegularDisplay-Bold.woff2') format('woff2'),

        url('../fonts/DegularDisplay-Bold.woff') format('woff'),

        url('../fonts/DegularDisplay-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Degular Display';

    src: url('../fonts/DegularDisplay-Light.woff2') format('woff2'),

        url('../fonts/DegularDisplay-Light.woff') format('woff'),

        url('../fonts/DegularDisplay-Light.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Degular Display';

    src: url('../fonts/DegularDisplay-Black.woff2') format('woff2'),

        url('../fonts/DegularDisplay-Black.woff') format('woff'),

        url('../fonts/DegularDisplay-Black.ttf') format('truetype');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Degular Display';

    src: url('../fonts/DegularDisplay-Regular.woff2') format('woff2'),

        url('../fonts/DegularDisplay-Regular.woff') format('woff'),

        url('../fonts/DegularDisplay-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Degular Display';

    src: url('../fonts/DegularDisplay-Thin.woff2') format('woff2'),

        url('../fonts/DegularDisplay-Thin.woff') format('woff'),

        url('../fonts/DegularDisplay-Thin.ttf') format('truetype');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Degular Display';

    src: url('../fonts/DegularDisplay-SemiBold.woff2') format('woff2'),

        url('../fonts/DegularDisplay-SemiBold.woff') format('woff'),

        url('../fonts/DegularDisplay-SemiBold.ttf') format('truetype');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Degular Display';

    src: url('../fonts/DegularDisplay-Medium.woff2') format('woff2'),

        url('../fonts/DegularDisplay-Medium.woff') format('woff'),

        url('../fonts/DegularDisplay-Medium.ttf') format('truetype');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}

















* { box-sizing: border-box;}

body { font-weight: 400; color: #000; font-size: 15px; line-height: 1.6;font-family: 'FT Aktual Trial'; overflow-x: hidden; background-color: #000; }  

/* html{ overflow-x: hidden; } */

a { text-decoration: none !important; transition: .3s all ease; } 

button{ transition: .3s all ease; }

li{ list-style: none;}

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; } 

ul, ol { margin-bottom: 0px; padding-left: 0;}  



.container1{ max-width: 1140px; }



.header-area .main-nav .nav { margin-top: 0px; background-color: transparent; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; z-index: 999; align-items: center; } 

.header-area .main-nav .nav li { margin: 0 12px; line-height: 1; }

.norm_menu { display: flex; align-items: center; justify-content: space-between; margin: 0 auto;  position: relative; background: rgba(0, 0, 0, 0.6);  backdrop-filter: blur(40px) ; border-radius: 45px; padding: 15px 18px;} 

.header-area .main-nav .nav li a { display: flex; font-weight: 500; font-size: 16px; text-transform: capitalize; color: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; align-items: center;  position: relative; font-family: "FT Aktual Trial"; padding: 10px 0;} 

.header-area .main-nav .nav li:hover a, .header-area .main-nav .nav li.active a{ color: #99CC33; }
.header-area .main-nav .nav li.active a{ font-size: 18px }

.header-area .main-nav .nav li:last-child > .sub-menu{ left: auto; right: 0; }

.header-area .main-nav .nav li:last-child > .sub-menu:before{ right: 20px; left: auto; } 

.header-area .main-nav .nav li.has-sub { position: relative; } 

.header-area .main-nav .nav li.has-sub ul.sub-menu { position: absolute; width: 220px; background-color: #fff; box-shadow: 0 0px 18px 2px rgba(0, 0, 0, 0.1); top: 40px; opacity: 0; transition: all .2s; transform: translateY(+2em); visibility: hidden; z-index: -1; } 

.header-area .main-nav .nav li.has-sub ul.sub-menu li { margin-left: 0px; padding-left: 0px; padding-right: 0px; } 

.header-area .main-nav .nav li.has-sub ul.sub-menu li a { opacity: 1; display: block; background: #fff; padding: 0 15px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; position: relative; font-size: 14px; font-weight: 400; color: #2D436F; } 

.header-area .main-nav .nav li.has-sub ul li:hover > a{ background: #BF4F2F; color: #fff!important; } 

.header-area .main-nav .nav li.has-sub ul li a:hover:before { width: 3px; } 

.header-area .main-nav .nav li.has-sub:hover > ul.sub-menu { visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%); transition: .3s all ease } 

 /* .sub-menu:before { content: " "; position: absolute; left: 20px; top: -10px; border-top: none; border-right: 9px solid transparent; border-left: 9px solid transparent; border-bottom: 10px solid white; z-index: -1; } */

header.header-area { width: 100%; padding: 20px 0; background: transparent; position: fixed; top: 0; left: 0; right: 0; margin: auto; z-index: 999;}

.header-area .main-nav .nav li.has-sub:hover li.has-sub > .sub-menu{ left: 100%; top: 0; }

.sub-menu li .sub-menu:before{ display: none; }

.header-area .main-nav .nav li.has-sub i { position: absolute; right: 14px; top: 54%; color: #2D436F; font-size: 15px; z-index: 99; transform: translateY(-50%) rotate(0); transition: .3s all ease; cursor: pointer; display: none;}

/* .logo_sec { flex: 1 0 auto; padding-left: 20px; } */



.logo_sec img{ width: 200px; }

.site_btn { background-color: #99CC33; border-radius: 33px; padding: 12px 30px; color: #fff; font-size: 15px; transition: 0.3s all ease; font-weight: 500; display: inline-block; }

.site_btn:hover{color: #000; background: #fff;}

.btns_section{display: flex; align-items: center; flex: 1 0 auto;}

.hamburger_menu{ margin-left: 20px; }

.hamburger_menu span { border-radius: 5px; padding: 11px 7px; display: inline-flex ; justify-content: center; align-items: center; cursor: pointer; transition: .3s all ease; background: transparent;}

.hamburger_menu span:hover{ background: #99CC33; border-color: #99CC33;}



.sidebar_menu { position: fixed; top: 0; right: -100%; z-index: 9999; background: #000; padding: 70px 0 30px; opacity: 0; visibility: hidden; transition: .5s all linear; width: 25%; height: 100vh; box-shadow: 0 0 2px 0px rgba(255,255,255,.7); overflow: auto;}

.sidebar_menu li a { font-size: 18px; color: #fff; padding: 10px 25px; display: block; border-bottom: 1px solid #3a3232; }

.sidebar_menu li a:hover{ background: #99CC33; }

.cross_icons { position: absolute; right: 30px; top: 20px; color: #fff !important; font-size: 26px; width: 40px; height: 40px; border: 1px solid #eee; display: flex ; align-items: center; justify-content: center; transition: .3s all ease; }

.cross_icons:hover{ background: #99CC33; border-color: #99CC33; }

.sidemenu_active .sidebar_menu{ right: 0; opacity: 1; visibility: visible; }

.bg_overlay{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100vh; margin: auto; background: rgba(0, 0, 0, 0.7); z-index: 999; opacity: 0; visibility: hidden; }

.sidemenu_active .bg_overlay{ opacity: 1; visibility: visible; }

.sidemenu_active{ overflow: hidden; }

.sidebar_menu li:last-child a{ border-bottom: 0; }

.banner_section{position: relative; padding: 150px 0 50px;}

/* .banner_content{  } */

.banner_txt{padding-left: 60px; max-width: 100%;}

.banner_content p{color: #99CC33; font-size: 15px !important; font-weight: 400; font-family: 'Inter 18pt'}

.para_sec p{font-size: 15px; color: #fff; font-weight: 400; font-family: 'Sora'; text-align: justify;}

.heading_sec h1{font-size: 55px; color: #fff; font-family: 'Degular Display'; line-height: 0.9; padding-bottom: 30px;}

.main_font{font-family: 'FT Aktual Trial' ;}

.banner_section .para_sec p{color: #99CC33;}

.banner_content .main_font p{color: #fff; padding-bottom: 50px; font-size: 15px !important;}

.banner_btn{margin-bottom: 70px;}

.ban_list{display: flex; align-items: center; border-top: 1px solid #d1d1d1; padding-left: 60px; padding-top: 40px;}

.ban_list li{color: #D1D1D1; font-size: 15px; font-family: 'Sora';padding-right: 41px;}

.banner_content{border-left: 1px solid #d1d1d1;}

/* .banner_section .row [class*='col']:nth-child(1){padding-right: 0!important;}

.banner_section .row [class*='col']:nth-child(2){padding-left:0 !important;} */



.hover_img{display: none;}
.banner-left-img{ text-align: center; }

.banner_section .row [class*='col'] img{ width: 65% !important; margin: auto; }

.banner_section .row [class*='col']:hover .main_img{display: none;}

.banner_section .row [class*='col']:hover .hover_img{display: block;}

.usp_head{display: flex;align-items: center; justify-content: space-between;}

.heading_sec h5{font-size: 18px; font-family: 'Sora'; color: #fff; font-weight: 400;}

.green_grad .usp_head_cont{padding-right: 20px;}

.sand_grad .usp_head_cont{padding-right: 20px;}

.green_grad{ background: linear-gradient(122deg, #99CC33, #90AA77);}

.sand_grad{background: linear-gradient(238deg,#D3B089,#484742);}

.blue_grad{background: linear-gradient(238deg,#83AD7B,#176BA8);}

.usp_head_img img{max-width: 60px;}

.usp_item1{padding: 30px; border-radius: 17px; transition: .5s all ease;}
.usp_item1:hover{ box-shadow: 0 5px 10px #fff; }


.usp_para{padding-top: 50px;}

.space_sec{padding: 80px 0;}

.cog_head{display: flex; align-items: center; justify-content:space-between; padding-bottom: 20px; border-bottom: 2px solid #99CC33;}

.cog_img img{max-width: 70px;}

.cog_head_sec h5{color: #99CC33; font-size: 17px;}

.heading_sec h2{font-size: 45px; font-family: 'Degular Display'; font-weight: 600; color: #fff;}

.cog_head_sec h2{line-height: 0.9; text-transform: uppercase;}

.cog_para{padding-top: 20px;}

.cog_para p{color: #D1D1D1;}

.cog_head_sec h2 span{display: block;}

.area_itm{background: linear-gradient(123deg, #191919, #313131); border-radius: 17px; border: 1px solid #4A4A4A;
padding:30px 30px 20px 20px; transition: 0.5s all ease;}
.area_itm:hover{ box-shadow: 0 5px 10px #fff; }

.area_itm:hover{background: linear-gradient(302deg, #191919, #313131);}

.area_img span{width: 40px;height: 40px;border: 1px solid #99CC33;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;}

.area_img img{max-width: 25px;}

.area_img{padding-bottom: 20px;}

/* .area_itm h5{max-width: 50%; } */

.area_itm{margin-bottom: 25px;}

.area_itm .para_sec{padding-top: 10px;}

.area_itm .para_sec p{font-size: 14px; color: #D1D1D1;}

.heading_sec h3{font-size: 36px; font-family: 'Degular Display'; font-weight: 600; color: #fff; padding-bottom: 10px; line-height: 1.1;}

.area_cont p{max-width: 50%; margin: 0 auto; font-weight: 400;}

.area_cont{padding-bottom: 30px;}

.choose_section h3{ color: #fff; padding-bottom: 50px; }

.choose_col{ width: 33.33%; padding: 30px; border-top: 1px solid #4A4A4A; border-bottom: 1px solid #4A4A4A; border-right: 1px solid #4A4A4A; height: 100%;}

.choose_head > span{ width: 70px; height: 70px; border-radius: 50%; background: #191919; display: inline-flex; align-items: center; justify-content: center; }

.choose_head > span > img{ max-width: 45%; }



.choose_box p{ font-size: 20px; font-weight: 400; color: #99CC33; font-family: "Sora"; margin-bottom: 0;}

.choose_caption h5{ color: #fff; font-weight: 400; margin: 70px 0 10px; font-family: 'Sora'; font-size: 16px;}

.choose_caption p{ margin-bottom: 0; color: #d1d1d1; font-size: 12px; text-align: left;}

.choose_main_section .choose_col:first-child {border-left: 1px solid #4a4a44; border-top-left-radius: 17px; border-bottom-left-radius: 17px;}

.choose_main_section .choose_col:last-child{border-top-right-radius: 17px; border-bottom-right-radius: 17px;}

.talent_item{ display: flex;align-items: center;color:#fff;padding: 10px;border-left: 1px solid #585858;border-right: 1px solid #585858 ;border-radius: 50px; position: relative; margin-bottom: 30px;}

/* .talent_item .heading_sec:before{content: '+';font-size: 60px;color: #99CC33;position: absolute;left:80px;top: 10px;font-weight: 600; display: inline-block;} */

.talent_item .heading_sec{color: #99CC33; font-size: 60px; font-family: 'Degular Display'; font-weight: 600; }

.talent_item h5{font-size: 17px;}

.client_item{display: flex; align-items: center; border: 1px solid #191919; background-color: #191919; border-radius: 17px; padding: 25px;}

.client_details{border-right: 1px solid #505050; padding-right: 25px; text-align: end; min-width: 22%;}

.client_message{padding-left: 25px;}

.client_message p{padding: 30px 0 0; color: #CECECE;}

.client_details h4{padding: 25px 0;}

.client_details p{color: #99CC33; font-family: 'Inter 18pt'; font-size: 12px; line-height: 1.1;}

.testi_right{ display: flex; align-items: center; justify-content: end; gap: 10px;}

.testi_right p{font-size: 35px; color: #99CC33; padding: 0;}

.testi_right p span{font-size: 18px;}

.testi_right img{max-width: 40px;}



.heading_sec h4{font-size: 20px; color: #fff; font-family: 'Inter 18pt'; font-weight: 400;}

.client-img img{max-width: 70px;}

.client_swiper2{padding-top: 15px;}





.project_content{position: relative;}

.project_head{position: absolute; top: 12%; max-width: 40%; margin: 0 auto; left: 50%; transform: translateX(-50%);}

.project_head h2{color: #fff; font-family: 'Degular Display'; font-size: 45px; color: #fff; line-height: 1.0; text-transform: uppercase;}

.other_projects{position: absolute; bottom: 16%; left: 9%; background: rgba(0,0,0,0.6); backdrop-filter: blur(12px); padding: 10px; border-radius: 17px; display: flex; align-items: center; width: 84%;}

.other-left{width: 40%; padding: 0 8% 0 20px;}

.other-right{width: 60%; display: flex; align-items: center;justify-content: center; gap: 12px;}

.other_rt_itm{background-color: #9B9B9B; border-radius: 12px; width: 33.3%; height: 270px;}

.other-left h5{color: #99CC33; padding: 0px 0 70px; font-size: 17px;}

.other-left h4{font-size: 20px;}

.counter_item {

    font-size: 46px;

    color: #99CC33;;



    font-weight: 600;

    line-height: .9;

    margin-bottom: 10px;

    display: inline-block;

    position: relative;

}

.counter_item:before {

    content: '+';

    font-size: 46px;

    color: #99CC33;;

    position: absolute;

    right: -30px;

    top: -2px;

    font-weight: 600;



}

.talent_item{position: relative;}

.talent_sec{position: relative;}

.counter_row{position: relative;}

.study_img{width: 50%;padding: 40px 50px 40px 40px;}

.study_content{width: 50%;padding-right: 60px;}

.study_content h3{letter-spacing: 2px; font-weight: 400; padding-top: 20px; padding-bottom: 0;}

.study_content p{padding: 30px 30px 30px 0; line-height: 1.5; font-weight: 400; font-size: 14px; color: #D1D1D1; margin-bottom: 0; text-align: left;}

.study_item{display: flex; align-items: center;}





.case_studies_sec{position: relative;}





.case_studies_sec .swiper-pagination {

    position: absolute;

    right: 90px !important;

    top: 55% !important;

    transform: translateY(-50%);

    display: flex;

    flex-direction: column;

    gap: 5px;

  }

.case_studies_sec  .swiper-pagination-bullet {

    width: 7px;

    height: 90px;

    background: transparent;

    position: relative;

    opacity: 0.5;

    transition: opacity 0.3s;

    cursor: pointer;

  }

.case_studies_sec  .swiper-pagination-bullet::before {

    content: '';

    position: absolute;

    left: 50%;

    top: 0;

    transform: translateX(-50%);

    height: 100%;

    width: 7px;

    border-left: 5px solid #313131;

  }

.case_studies_sec .swiper-pagination-bullet-active {

    opacity: 1;

  }

.case_studies_sec  .swiper-pagination-bullet-active::before{

    border-left: 5px solid #99CC33 !important;

  }

  .study-btn{padding-top: 60px;}

.case_study_swiper .swiper-slide{height: 690px !important;}

.outer-swiper{position: relative;}

.study_content h2{color: #313131; font-size: 100px; font-family: 'Degular Display'; padding: 30px 0 10px;}

.menu-filter button {

    margin-right: 10px;

    padding: 5px 20px;

    border-radius: 33px;

    background: transparent;

    border: 1px solid #707070;

    cursor: pointer;

    font-size: 14px;

    color: #D1D1D1;

    font-weight: 500; transition: .3s all ease;

  }

  .menu-filter button.active, .menu-filter button:hover {

    background: #99CC33;

    color: #fff;

  }

  .menu-item {

    margin-bottom: 20px;

  }

  .menu-filter{padding: 25px 0 50px; border-bottom: 1px solid #707070;}

.portfolio_sec{margin-top: 130px;}

.portfolio_sec h1{color: #FFFFFF; font-family: 'Degular Display'; font-weight: 600; font-size: 75px; text-transform: capitalize; padding-bottom: 60px;}

.port_item{height: 350px; width: 100%;  border-radius: 17px;}

.word_speak .port_item{height: 250px;}



.darkgreen_grad{background: linear-gradient(57deg, #99CC3394, #99CC33d4);}

.seagreen_grad{background: linear-gradient(237deg, #83AD7B, #176BA8);}

.violent_grad{background: linear-gradient(123deg, #A6319D, #176BA8);}

.mud_grad{background: linear-gradient(303deg, #502448, #A59474);}

.menu-column{padding: 30px 0;}

.port-menu-content{padding: 20px 0;}

.port-menu-content h6{font-size: 19px; color: #fff; font-family: 'Sora';}

.port-menu-content p{font-size: 14px; color: #fff; font-family: 'Sora'; font-weight: 400; padding-top: 5px;}

.indust_ban_content{padding-top: 50px;}

.indust_ban_content h2{line-height: 1.1;}

.indust_ban_content h5{font-size: 16px; padding: 15px 0; line-height: 1.5; font-weight: 400}

.indust_btn{padding-top: 20px;}

.indust_btn a{background-color: #fff; color: #000;}

.indust_btn a img{max-width: 30px; padding-right: 5px;}

.explore_listing{padding: 50px 0;}

.explore_listing ul{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}

.explore_listing ul li{width: 50%; padding-bottom: 30px;}

.explore_content h4{font-family: 'Degular Display'; font-size: 30px;}

.explore_listing li h5 { color: #fff; font-size: 16px; max-width: 100%; padding-bottom: 15px; font-weight: 600; }

.explore_img{padding-right: 50px;}

.explore_listing li:nth-child(1), .explore_listing li:nth-child(3), .explore_listing li:nth-child(5){padding-right: 30px;}

.explore_listing li:nth-child(1) h5, .explore_listing li:nth-child(3) h5, .explore_listing li:nth-child(5) h5{max-width: 72%;}

.explore_listing li p{font-size: 14px; color: #fff; line-height: 1.4;}

.explore_img img{height: 510px;}

.cognifio_usp .row [class*='col']{transition: 0.5s all ease; position: relative;}

.cognifio_usp .row:hover .col-lg-4:nth-child(1){transform: rotate(-7deg) translateX(20px); padding-right: 0 !important;z-index: 1;}

.cognifio_usp .row:hover .col-lg-4:nth-child(2){z-index: 2;}

.cognifio_usp .row:hover .col-lg-4:nth-child(3){transform: rotate(7deg) translateX(-20px); padding-left: 0 !important; z-index: 3;}

.grey_grad{background: linear-gradient(238deg, #807C7C, #383838);}

.bluish_grad{background: linear-gradient(238deg, #907BAD, #373480);}

.app-img{width: 70%; margin: 0 auto; padding: 10px 0 50px;}

.app_content p{font-size: 15px;}

.area_head{display: flex; align-items: start; justify-content: start; gap: 20px; padding-top: 20px;}

.area_head h5{max-width: 100%;}

.area_head .para_sec{padding-right: 15px;}



.slide_outer{position: relative;}

.slide_outer .swiper_img_prev{left: -5% !important; width: 40px ;}

.swiper_img_prev img{max-width: 40px;}

.swiper_img_next img{max-width: 40px;}

.slide_outer .swiper_img_prev::after{display: none;}

.slide_outer .swiper_img_next{right: -5% !important;width: 40px;}

.slide_outer .swiper_img_next::after{display: none;}

/* .swiper_img_next{display: block;} */

.app_build_item{border: 1px solid #4A4A4A; border-radius: 17px; padding: 20px ; display: flex; align-items: start; justify-content: center; gap: 20px; margin-bottom: 20px;}

.app_build_items{padding: 30px 0;}

.app_build_content p{color: #D1D1D1; font-size: 11px; padding-right: 15px; padding-top: 8px;}



.green_grad1{background: linear-gradient(256deg, #53B168, #2C4B0D);}

.app_build_img {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    border: 1px solid #FFFFFF; /* Change color and thickness as needed */

    display: flex; /* Centers image */

    align-items: center;

    justify-content: center;

    padding: 15px;



}

.app_build_img img{max-width: 25px;}

.blue_grad1{background: linear-gradient(257deg, #907BAD, #373480);}

.sand_grad1{background: linear-gradient(257deg, #D3B089, #484742);}

.app_build_content h5{font-weight: 400;}

.app_front_img{position: relative; height: 670px;}

.main-img{position: absolute; left: 50%; top: 19%; height: 80%}

.overlay_img{position: absolute; left: 10%; height: 100%;}

.faq_accord .accordion-button::after{background: none;}

.faq_accord .accordion-item{background: transparent;}

.faq_accord .accordion-button{background: transparent; color: #fff;}

.faq_accord .accordion-button:not(.collapsed){color:#fff; background: transparent;}

.faq_accord .accordion{border: 1px solid #525252; border-radius: 17px;}

.faq_accord .accordion-item{border-top: 1px solid #525252;}

.faq_accord .accordion-item:first-of-type{border-radius: 0 !important;}

.faq_accord .accordion-item:first-of-type{border: 0 !important;}

.faq_accord .accordion-item:last-of-type {border: 0 !important; border-top: 1px solid #525252 !important;}

.faq_accord .accordion-body p{color: #D1D1D1; font-size: 13px; padding-right: 25px; padding-left: 10px;}

.faq_accord .accordion-button:focus{border: 0; box-shadow: none !important;}

.faq_accord .accordion-header{padding-left: 10px; font-family: 'Sora'; font-weight: 400;}

.faq_accord .accordion-header button{padding-right: 35px;}

.faq_accord .accordion-body{padding-top: 0; padding-bottom: 0;}

.faq_accord .accordion-button{padding-top: 20px; padding-bottom: 20px;}

.faq_content h3{font-weight: 400;}



.tech_ban .heading_sec{padding-right: 30px;}

.tech_ban .heading_sec h5{font-size: 17px;}

.tech_ban .banner_btn{padding-top: 40px;}

.skill-img{padding-right: 60px;}

.skill_content{padding-top: 70px;}

.skill_content h3{font-weight: 400; padding-bottom: 20px;}

.skill_btn{padding-top: 40px;}

.what_we_content{padding-right: 35px;}

.what_we_content h3{font-weight: 400;}

.what_we_right{border: 1px solid #4A4A4A; border-radius: 17px; padding: 40px;}

.client_logo{width: 18%; border: 1px solid #4A4A4A; border-radius: 17px; padding: 20px;}

.client_sec .row{gap: 25px;}

.client_logo img{max-width: 150px;}

/* .client_sec h3{font-weight: 400} */

.client_sec h3{padding-bottom: 40px;}

.tech_sec h3{font-weight: 400; padding-bottom: 40px;}

.model_item{border-radius: 17px; padding: 20px; margin-bottom: 20px; min-height: 170px; }

.model_item img{margin-top: 10px; border-radius: 50%; border: 1px solid #99CC33; max-width: 35px; padding: 7px}

.model_grad1{background: linear-gradient(122deg, #502448, #A59474);}

.model_grad2{background: linear-gradient(122deg, #3A5024, #90AA77);}

.model_grad3{background: linear-gradient(303deg, #D3B089, #484742);}

.model_grad4{background: linear-gradient(302deg, #907BAD, #373480);}

.model_grad5{background: linear-gradient(122deg, #244850, #319498);}

.model_grad6{background: linear-gradient(302deg, #DB5A5A, #074674);}

.model_grad7{background: linear-gradient(122deg, #003933, #90AA77);}

.model_grad8{background: linear-gradient(303deg, #D38989, #2D2A6A);}

.model_item h5{font-size: 16px; padding-top: 15px;}

.what_we_right h4{font-style: italic; color: #99CC33; font-size: 21px; padding-bottom: 20px; font-weight: 500;}



.heading_sec .cont_head{font-family: 'Sora'; font-weight: 600; color: #99CC33; text-transform: uppercase; font-size: 27px; padding-bottom: 20px;}

.contact_content{padding-right: 35px;}

.contact_content .heading_sec h5{font-size: 16px;}

.contact_content .area_itm{margin-top: 35px; padding-left: 30px;}

.area_list li img{max-width: 20px; }

.area_list li{padding-bottom: 10px;}

.area_list li a{padding-left: 20px; font-size: 15px; font-family: 'Sora'; color: #fff;position: relative; padding-bottom: 10px; font-weight: 300; display: inline-block; line-height: 1;}

.area_list li a::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 20px; /* Starts from where padding begins */

    width: 160px;

    height: 1px;

    background-color: rgba(195,195,195,0.3);

}

.area_list li:last-child span::before{height: 0px !important;}

.form-item .form-control{background: transparent !important; border: 0 !important; border-bottom: 1px solid #D1D1D1 !important; border-radius: 0 !important; font-size: 13px; color: #d1d1d1; padding-left: 0 !important; padding-bottom: 15px;}

.form-item .form-control:focus{box-shadow: none;}

.form-item label{font-size: 13px; color: #D1D1D1;}

.form-item input::placeholder, .form-item textarea::placeholder{color: #d1d1d1; padding-bottom: 30px;}

.form-item{margin-bottom: 30px;}



.contact_accord .accordion-button{background: transparent; color: #fff;}

.contact_accord .accordion-item:first-of-type .accordion-button{border-top-left-radius: 0; border-top-right-radius: 0;}

.contact_accord .accordion-button:not(.collapsed){box-shadow: none;}

.contact_accord .accordion-button:focus{border-color: transparent; box-shadow: none;}

.contact_accord .accordion-button::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(255,255,255,0.4)' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");}

.contact_accord .accordion-item{background: linear-gradient(106deg, #191919, #313131); transition: 0.5s all ease; border: 1px solid #4A4A4A; border-radius: 10px !important; margin-bottom: 20px;} 

.contact_accord .accordion-item:hover{background:linear-gradient(285deg, #191919, #313131); border: 1px solid #99CC33; }

.cont_accord_img{width: 25% !important;}

.cont_accord_content{width: 75%;}

.cont_accord_item{display: flex; gap: 25px;}

.cont_accord_content .heading_sec h5{font-weight: 300; padding-bottom: 5px;}

.cont_accord_content p{padding-right: 60px; font-weight: 300;}

.cont_accord_list{ border-top: 1px solid rgba(195,195,195,0.3);}

.contact_accord .accordion-body{padding-right: 45px;}

.cont_accord_list ul{

    display: flex;

    flex-wrap: wrap; /* Ensures responsiveness */

    gap: 20px; /* Adjust spacing between items */

    list-style: none;

    padding-top: 15px;

}

.cont_accord_list ul li {

    display: flex;

    align-items: center;

    gap: 10px; /* Space between image and text */

    width: calc(50% - 40px); /* Two items per row */

}

.cont_accord_list ul li  img{max-width: 20px;}

.cont_accord_list ul li span{color: #fff; padding-left: 7px; font-size: 13px; font-weight: 300;}

.cont_accord_list ul li span a{color: #fff;}
.cont_accord_list ul li span a:hover{ color: #99CC33; }
.contact_accord .accordion-button:not(.collapsed){display: none;}

.form-btn a{background: #99CC33;color: #fff; padding: 10px 20px; border-radius: 25px;}

.form-btn a i{padding-left: 50px;}

.form-btn{padding-top: 30px;}

.channel_ban_sec{padding-top: 120px; overflow: hidden;}

.channel_content h1{font-size: 42px; color: #fff; margin-bottom: 30px; }

.channel_content{padding-top: 100px; padding-right: 30px;}

.channel_content h5{font-size: 15px; line-height: 1.5;}

.channel_btn{margin-top: 40px;}

.revenue_sec{background: #1C1C1C; border-radius: 40px;}

.revenue_box{background: linear-gradient(120deg, #191919, #313131); transition: 0.4s all ease; border-radius: 17px; padding: 30px 30px 20px 20px; margin-bottom: 20px;}

.revenue_box:hover{background: linear-gradient(299deg, #191919, #313131);}

.revenue_box .para_sec p{font-size: 11px; color: #D1D1D1;}

.revenue_head{display: flex; align-items: center; padding-bottom: 20px;}

.revenue_img img{max-width: 50px;}

.case_banner{position: relative;}

.case_outer{position: absolute; top: 55%; left: 0; right: 0; transform: translateY(-50%);}

.case_ban_content{max-width: 35%;}

.case_ban_content .case_p{color: #99CC33; font-size: 13px; font-family: 'Inter 18pt'; margin-bottom: 0;}

.case_ban_content h1{color: #fff;font-family: 'Degular Display'; font-size: 44px; line-height: 1.1;}

.case_ban_content p{color: #D1D1D1; padding-top: 10px;}

.case_btn{position: absolute; bottom: -10px; left: 0; right: 0;}

.case_ul1 li{font-weight: bold; color: #fff; padding-bottom: 10px; font-family: 'Sora'; font-size: 13px;}

.case_ul2 li{font-weight: 300; padding-bottom: 0;}

.case_abt_list{padding-right: 30px; padding-top: 5px;}

.case_abt_content .para_sec p{font-size: 12px; color: #D1D1D1;}





.service_banner{padding-top: 160px;}

.service_ban_img{padding-left: 70px;}

.service_row{padding-top: 30px;}

.custom_app h3{font-weight: 400;}



.service_cont{padding-left: 20px;}

.service_cont  h3{font-weight: 400; font-size: 37px;}

.service_cont .anot_p p{font-weight: 400; padding-right: 40px}

.service_cont .anot_p{padding: 10px 0;}

.service_lst{padding-top: 10px;}

.service_lst ul{display: flex; flex-wrap: wrap; gap: 20px;}

.service_lst ul li{width: calc( 50% - 20px);}

.service_lst ul li h5{font-weight: 400; padding-right: 40px;}

.service_lst ul li p{color: #D1D1D1; font-size: 11px; padding: 15px 0 0;}

.service_lst ul li:nth-child(1) p, .service_lst ul li:nth-child(3) p, .service_lst ul li:nth-child(5) p{padding-right: 20px;}

.app_items{border: 1px solid #4A4A4A; border-radius: 17px; background-color: #313131; padding: 30px 30px 30px 20px}

.app_head{display: flex; align-items: center; justify-content: start; gap: 20px;}

.app_head h5{color: #99CC33; font-size: 18px;}

.app_items .para_sec{padding-top: 25px;}

.app_items p{font-size: 11px; color: #D1D1D1;}

.app_img img{max-width: 30px;}

.appdev_cont{padding-right: 50px;}

.appdev_cont h3{font-weight: 400;}

.appdev_cont .para_sec p{font-weight: 300;}

.appItem{display: flex; align-items: start; gap: 20px;}

.appdevlist{padding-top: 20px;}

.app_dev_img{padding-top: 60px;}

.appdevlist .app_items .app_img img{border: 1px solid #fff; border-radius: 50%; padding: 10px; max-width: 40px;}

.appdevlist .app_items{padding: 22px; margin-bottom: 20px; padding-bottom: 0;}

.appdevlist .para_sec{padding-top: 5px;}

.view_more a{color: #fff; border: 1px solid #707070; border-radius: 30px; padding: 10px 20px; font-size: 12px; transition: .3s all ease;}
.view_more a:hover{ background: #99CC33; color: #fff; }

.word_head{display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px;}

.case_study_swiper1 .swiper-slide{height: 690px !important;}



.case_pagination{

    position: absolute;

    right: 140px !important;

    top: 55% !important;

    transform: translateY(-50%);

    display: flex;

    flex-direction: column;

    gap: 5px;

  }

  .case_study_swiper1 .swiper-pagination-bullet {

    width: 7px;

    height: 90px;

    background: transparent;

    position: relative;

    opacity: 0.5;

    transition: opacity 0.3s;

    cursor: pointer;

  }

  .case_study_swiper1 .swiper-pagination-bullet::before {

    content: '';

    position: absolute;

    left: 50%;

    top: 0;

    transform: translateX(-50%);

    height: 100%;

    width: 7px;

    border-left: 2px solid #313131;

  }

  .case_study_swiper1 .swiper-pagination-bullet-active {

    opacity: 1;

  }

  .case_study_swiper1 .swiper-pagination-bullet-active::before{

    border-left: 2px solid #99CC33 !important;

  }

.about_cont_sec .case_abt_content p{font-size: 11px;}

.client_banner{padding-top: 150px;}

.client_banner h1{font-size: 60px; color: #fff; padding-bottom: 10px;}

.client_banner h5{font-weight: 300; line-height: 1.3;}

.client_cont{max-width: 75%;}

.footer_item{width: 20%;}

.foot_img{padding-bottom: 25px;}

.foot_img img{max-width: 150px;}



.foot_itm p{color: #D1D1D1; font-size: 16px;}

.footer_sec .row:nth-child(1) .footer_item{ padding-right: 40px;}

.footer_item .para_sec p{margin-bottom: 0; text-align: left;}

.footer_list{padding-top: 10px;}



.footer_list li{color: #d1d1d1; font-size: 12px; margin-bottom: 4px; font-family: 'Sora';}

.footer_list li a{color: #D1D1D1; font-size: 13px; font-family: 'Sora';}

.footer_list li a:hover{ color: #99CC33; }

.footer_icons ul{display: flex; align-items: center; gap: 10px;}

.footer_icons li img{max-width: 12px;}

.footer_icons li a{width: 30px; height: 30px; border: 1px solid #fff; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;}

.footer_bottom_section{display: flex; align-items: center; justify-content: space-between; margin-top: 30px;}

.footer_left ul{display: flex; gap: 20px;}

.footer_left li a{color: #727272; font-size: 11px;}

.footer-right ul{display: flex; align-items: center; justify-content: center; gap: 10px;}

.footer-right li a{color: #727272; font-size: 11px;}

.footer_item .para1{padding-top: 10px;}

.footer_item .para1 p{font-size: 13px; color: #d1d1d1;}

.footer_icons li a:hover{ background: #99CC33; }

.footer_icons{margin-top: 25px;}

.footer_mid{margin-top: 5px;}

.footer_mid p{font-size: 11px; color: #727272; margin-bottom: 0;}

.innovative_sec{background-color: #F4F5F0; border-radius: 40px;}

.innovate_content{padding-top: 90px;}

.innovate_content h2{color: #000000; font-size: 60px; line-height: 0.9;}

.innovate_content h5{color: #99CC33; padding: 30px 0;}

.innovate_btn{margin-top: 10px;}
.innovate_btn .site_btn{ border: 1px solid #99CC33; padding: 14px 30px;}
.innovate_btn .site_btn:hover{ color: #99CC33; }


.usp_para p{color: #fff; text-align: left;}



.lead_img img{max-width: 200px;}

.lead_logo{width: 20%;}

.ld_logo{width: 16.6%;}

.usp_head_cont{padding-right: 15px;}

.custom_app .area_head{padding-top: 0;}

.custom_app .area_head .heading_sec{padding-top: 10px;}

.app_build_content h3{font-weight: 400;}

.app_outer{border: 1px solid #313131; border-radius: 17px; position: relative; padding: 20px 0;}

.app_swiper .swiper-slide{background: linear-gradient(111deg, #191919, #313131); border: 1px solid #99CC33; border-radius: 17px; height: 460px !important;}

.app_swiper_item{display: flex; padding: 60px 60px 0; justify-content: space-between;}

.app_swiper_img{padding-right: 50px;}

.app_swiper_img img{max-width: 100%;}

.app_outer .swiper-pagination {position: absolute; right: -60px !important;top: 50% !important;transform: translateY(-50%);display: flex;flex-direction: column;gap: 5px; background: linear-gradient(111deg, #191919, #313131) !important; padding: 10px; border-radius: 14px;}

.app_outer .swiper-pagination-bullet{border: 1px solid #707070 !important; background-color: transparent ; width: 15px; height: 15px;}

.app_outer .swiper-pagination-bullet-active{border: 1px solid #99CC33; background-color: #99CC33 !important;}

.app_outer .swiper-pagination::before{content: '';

    position: absolute;

    left: 50%;

    top: 0;

    transform: translateX(-50%);

    height: 100%;

}

.app_swiper_content{max-width: 40%;}

.swiper_num h4{color:#9B9B9B}

.mypad{padding-top: 30px;}

.app_swiper_content p{color: #D1D1D1; font-size: 12px; padding-top: 15px;}

.app_swip_btm{padding-top: 50px;}

.app_swip_btm h5{color: #99CC33; text-transform: capitalize;}

.appwip_logo{display: flex; align-items: center; justify-content: start; gap: 20px; padding-top: 20px;}

.appwip_logo span{width: 70px; height: 70px; border: 1px solid #646464; border-radius: 15px; display: inline-flex; align-items: center; justify-content: center; }

.appwip_logo img{max-width: 40px;}

.skill_strength .skill-img img{transition: 0.5s all ease;}

.skill_strength .row [class*='col']:hover .main_img{display: none;}

.skill_strength .row [class*='col']:hover .hover_img{display: block;}

.channel_ban_sec .row [class*='col']:hover .main_img{display: none;}

.channel_ban_sec .row [class*='col']:hover .hover_img{display: block;}

.automation_item{border-radius: 10px; padding: 20px; border: 1px sold #4A4A4A;}

.channel_partner_sec .row [class*='col']{position: relative; transition: 0.5s all ease; }

.channel_partner_sec .row [class*='col']:nth-child(1){transform: rotate(-16deg) translateX(20px); z-index:1;}

.channel_partner_sec .row [class*='col']:nth-child(2){transform: rotate(18deg) translateX(10px);; z-index: 2;}

.channel_partner_sec .row [class*='col']:nth-child(3){transform: rotate(-16deg) translateX(-10px);; z-index: 3;}

.channel_partner_sec .row [class*='col']:nth-child(4){transform: rotate(15deg) translateX(-15px);; z-index: 4;}

.voilt_grad{background: linear-gradient(132deg, #502448, #A59474);}

.purp_grad{background: linear-gradient(312deg, #907BAD, #373480);}

.grn_grad{background: linear-gradient(132deg, #3A5024, #90AA77);}

.cream_grad{background: linear-gradient(313deg, #D3B089, #484742);}

.channel_partner_sec .row:hover [class*='col']:nth-child(4){transform: rotate(0deg) translateX(0px);}

.channel_partner_sec .row:hover [class*='col']:nth-child(3){transform: rotate(0deg) translateX(0px);}

.channel_partner_sec .row:hover [class*='col']:nth-child(1){transform: rotate(0deg) translateX(0px);}

.channel_partner_sec .row:hover [class*='col']:nth-child(2){transform: rotate(0deg) translateX(0px);}

.automation_item span{width: 40px; height: 40px; border: 1px solid #99CC33; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 20px;}

.automation_item span img{max-width: 20px;}

.automation_item p{color: #D1D1D1; font-size: 13px; line-height: 1.3;}

.revenue_cont{padding-right: 25px;}

.revenue_cont h3{font-weight: 400;}

.client_say_items{background-color: #191919; border-radius: 15px;  padding: 25px;}

.client_say_item{display:flex;}

.client_name_item{border-right: 1px solid #505050; padding-right: 20px;}

.client_img img{max-width: 70px;}

.client_name_cont h5{font-size: 15px; color: #CECECE;}

.client_name_cont{padding-left: 20px;}

.client_name_item h4{color: #CECECE;font-family: 'Inter 18pt';padding-top: 10px; text-align: end;}

.green_para p{color: #99CC33; text-align: end; line-height: 1.1; font-size: 12px; padding-top: 15px;}

.client_logo_sec img{max-width: 150px;}

.client_name_cont .para_sec p{font-size: 10px;}

.word_speak h3{font-weight: 500;}

.w-3{width: 33.3%;}

.sol_rev_sec{background: transparent;}

.custom_dig_sec h3{font-weight: 400;}

.custom_fun_sec h3{font-weight: 400;}

.sol_rev_sec{background: transparent;}

.custom_dig_sec p{max-width: 80%;}

.custom_dig_sec .app_outer{margin-top: 50px;}

.custom_fun_sec .app_outer{margin-top: 50px;}

.custom_fun_sec p{max-width: 100%;}

.form-btn .site_btn{ border: 1px solid #99CC33; padding: 15px 60px; }

.footer_left li a:hover, .footer-right li a:hover{ color: #99CC33; }
.cognifio_usp { padding-top: 50px; }
.foot_img > a{ display: inline-block; position: relative; }

.logo_o { position: absolute; width: 23px !important; top: 37%; left: 38px; animation: loader-animation 1.5s infinite linear; }
.foot_img .logo_o { top: 6%; left: 20px;}
@keyframes loader-animation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.cog_head_sec{ width: 68%; padding-right: 20px; }
.cog_head_sec h2 { word-break: break-word; font-size: 24px; align-content: center;}

.faster_outer{ margin-top: 30px; position: relative; }
.slider_btn { width: 42px; height: 42px; border: 1px solid #99CC33; border-radius: 50%; display: inline-flex ; align-items: center; justify-content: center; top: 50%; transition: .3s all ease; }
.slider_btn:after { font-size: 12px; font-weight: 700; color: #99CC33; transition: .3s all ease; }
.slider_btn:hover { background: #99CC33; }
.slider_btn:hover:after { color: #fff; }
.faster_btn_next, .services_btn_next{ right: -5%; }
.faster_btn_prev, .services_btn_prev{ left: -5%; }
.abc_grad { background: linear-gradient(122deg, #9833cc, #90AA77); }
.service_grad { background: linear-gradient(238deg,#83AD7B,#176BA8) }
.services_outer{ margin-top: 30px; position: relative; }
.services_section{ padding-bottom: 80px; }
.heading_sec h6{ font-size: 20px; color: #fff; font-weight: 400; margin-bottom: 30px; }
.explore_listings li { font-size: 17px; font-weight: 400; color: #fff; background: linear-gradient(111deg, #191919, #514848); border: 1px solid #ffffff50; border-radius: 10px; padding: 10px 20px; margin-bottom: 10px; }
.explore_listings{ margin-top: 15px; }
.heading_sec h5{ font-weight: 400; font-size: 16px;}
.row_reverse{ flex-direction: row-reverse; }
.explore_sec .row { margin-bottom: 50px; background: linear-gradient(111deg, #191919, #313131); border-radius: 17px; padding: 30px; align-items: center; transition: .5s all ease; }
.row_reverse .explore_img { padding-right: 0; padding-left: 50px; }
.explore_sec .row:hover { background: linear-gradient(111deg, #313131, #191919); }
.services_slider{ padding-bottom: 20px; }
.cases_table th, .cases_table td{ font-size: 18px; color: #fff; padding: 15px 15px; font-family: 'FT Aktual Trial'; font-weight: 500; transition: .5s all ease; }
.cases_table td b { font-weight: 500; }
.cases_table table{ border-radius: 20px; }
.cases_table .table>:not(:first-child) { border-top: 1px solid #eee; }
.cases_table th:first-child{ width: 30%; }
.cases_table { background: #6c9e09; padding: 50px; box-shadow: 0 10px 10px #fff; border-radius: 20px; }
.cases_table th, .cases_table tr:nth-child(2n) td { background: #9fbe64; }
.cases_table tr:nth-child(2n-1) td  { background: #7b9941; }
.cases_table th:hover, .cases_table td:hover{ background: #99CC33 !important; }
.slideImg img{ height: 70vh; object-fit: cover; border-radius: 50px; }
.indust_ban_content h5 span{ font-size: 24px; display: block; font-weight: 600; margin-bottom: 0; }
.choose_section .heading_sec p{ color: #fff; font-size: 18px; }
.choose_caption p:not(:last-child){ margin-bottom: 15px; }
.choose_row4 .choose_col{ width: 25%; }
.para_sec p span{ font-size: 14px; color: #fff; display: block; padding-top: 5px; padding-left: 16px; }
/*.note_section .para_sec p:before{ content: ''; width: 6px; height: 6px; position: absolute; left: 0; top: 9px;*/
 /*background: #fff; border-radius: 50%; }*/
.note_section .para_sec p{ padding-left: 20px; position: relative;}
.note_section{ background: #6c9e09; }
.skill_section .para_sec li{ font-size: 14px; color: #fff; padding-bottom: 5px; width: 100%; padding-right: 0; }
.skill_section .explore_listing > ul > li{ width: 25%; padding: 0 15px 30px !important; }
.skill_section .explore_listing > ul{ margin: 0 -15px; }
.skill_section .explore_listing > ul > li h5{ max-width: 100%; }
.skill_section .explore_listing > ul > li ul{ margin-bottom: 8px !important; }
.automation_item h5{ margin-bottom: 10px; }
.faqs_sec, .word_speak { display: none; } 
.across_section{ margin-bottom: 70px; }
.headingh2{ margin-bottom: 30px; }
.contact_location{ padding-bottom: 0 !important; }
.blog_text h5{ padding-bottom: 10px; }
.blog_img img { height: 210px; object-fit: cover; width: 100%; }
.indust_btn a{ border: 1px solid #fff; }
.indust_btn a:hover{ background: transparent; color: #fff; }
.indust_ban_content h4{ margin: 25px 0 20px; }
.my_card .card-body p{ border-bottom: 1px solid #ffffff50; padding-bottom: 10px; margin-bottom: 15px; }
.my_card .card-body h5 a{ font-weight: 400; }
.my_card .card-body h5 a:hover{ color: #99CC33 !important; }
.my_card{ margin-bottom: 20px; }
.my_card { position: relative; overflow: hidden; } 
.my_card:hover .shine { display: block; }
.my_card .shine { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%); pointer-events: none; z-index: 3; opacity: 0; transform: skew(30deg); animation: shine 0.75s linear 1; }

@keyframes shine {
  0% {
    left: -50%;
    opacity: 0;
  }
  50% {
    left: 25%;
    opacity: 0.5;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}

.indust_main_section .indust_ban_content div{ font-family: 'Sora'; }
.indust_main_section .indust_ban_content ul{ margin: 20px 0; }
.indust_main_section .indust_ban_content ol li{ list-style: numeric !important; font-size: 18px; font-family: 'Sora'; font-weight: 400 !important;}
.indust_main_section .indust_ban_content ol{ padding-left: 18px; }

.header-area .main-nav .nav li.menu-item-has-children { position: relative; } 
.header-area .main-nav .nav li.menu-item-has-children ul.sub-menu { position: absolute; width: 220px; background-color: #99CC33; box-shadow: 0 0px 18px 2px rgba(0, 0, 0, 0.1); top: 93%; opacity: 0; transition: all .2s; transform: translateY(+2em); visibility: hidden; z-index: -1; } 
.header-area .main-nav .nav li.menu-item-has-children ul.sub-menu li { margin-left: 0px; padding-left: 0px; padding-right: 0px; margin-right: 0; border-bottom: 1px solid #eee; } 
.header-area .main-nav .nav li.menu-item-has-children ul.sub-menu li:last-child{ border-bottom: 0; }
.header-area .main-nav .nav li.menu-item-has-children ul.sub-menu li a { opacity: 1; display: block; background: #99CC33; padding: 10px 15px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; position: relative; font-size: 14px; font-weight: 500; color: #fff; } 
.header-area .main-nav .nav li.menu-item-has-children ul li:hover > a{ background: #7a9f30; color: #fff!important; } 
.header-area .main-nav .nav li.menu-item-has-children ul li a:hover:before { width: 3px; } 
.header-area .main-nav .nav li.menu-item-has-children:hover > ul.sub-menu { visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%); transition: .3s all ease } 
.header-area .main-nav .nav li.menu-item-has-children i{ position: absolute; right: -10px; top: 50%; font-size: 10px; color: #fff; transform: translateY(-50%); }
.hamburger_menu{ display: none; }

.across_blocks { background: linear-gradient(123deg, #191919, #313131); border-radius: 17px; border: 1px solid #4A4A4A; padding: 30px 30px 20px 20px; transition: 0.5s all ease; text-align: center; margin-bottom: 25px; }
.across_blocks > span { padding-bottom: 30px; display: block; }
.across_blocks h4{ color: #fff; margin-bottom: 15px; }
.across_blocks p{ text-align: center; }
.across_blocks > span img{ max-width: 80px; }
.across_blocks:hover { background: linear-gradient(302deg, #191919, #313131); box-shadow: 0 5px 10px #fff; }
































@media(max-width: 1441px){
    .header-area .main-nav .nav li a{ font-size: 14px; }
    .header-area .main-nav .nav li { margin: 0 12px;}
    .header-area .main-nav .nav li.active a { font-size: 16px; }

}



@media(max-width: 1367px){

    .heading_sec h1 { font-size: 49px;}

    .banner_content p{ font-size: 14px !important; }

    .ban_list li{ font-size: 14px; padding-right: 22px;}

    .other-left{ padding-right: 30px; }

    .other_rt_itm{ height: 240px; }

    .other-left h5{ padding-bottom: 40px; }
    .usp_para .para_sec p { font-size: 14px;}
    .header-area .main-nav .nav li a{ font-size: 14px; }
    .header-area .main-nav .nav li { margin: 0 12px;}
    .norm_menu { padding: 15px 0; }

}







@media(max-width:1199px)

{

  .choose_caption h5{ margin-top: 60px; }

  .choose_col{ padding: 20px; }

  .heading_sec h1{font-size: 60px; padding-right: 0px;}

  .ban_list{padding-left: 30px; padding-top: 30px;}

  .banner_txt{max-width: 100%; padding-left: 30px;}

  .counter_item{font-size: 38px;}

  .counter_item:before{font-size: 38px;}

  .talent_item h5{font-size: 15px;}

  .indust_foot_img{padding-top: 10px;}

  .innovate_content h2 { font-size: 50px;}

  .portfolio_sec{margin-top: 80px;}

  .client_logo { width: 23%;}

  .other-left h4 { font-size: 16px; }

  .other_rt_itm{ height: 200px; }

  .project_head h2{ font-size: 40px; margin-bottom: 40px; }

  .other_projects{ bottom: 9%; }
  .client_details{ min-width: 30%; }
  .client_details h4 { font-size: 17px;}
  .client_details p { font-size: 10px;}
  .client_message p{ font-size: 13px; }
  .channel_content { padding-top: 40px;}
  .cog_head_sec h2 { font-size: 22px; }
  .explore_img { padding-right: 20px; }
  .row_reverse .explore_img { padding-right: 0; padding-left: 20px; }
  .usp_item1 { padding: 20px;}
  .usp_head_img img { max-width: 45px; }
  .faster_btn_prev, .services_btn_prev { left: -3%; }
  .faster_btn_next, .services_btn_next { right: -3%; }
  .area_cont p{ max-width: 80%; }
  .innovate_content{ padding-top: 20px !important; }
  .header-area .main-nav .nav li { margin: 0 10px; }
  .header-area .main-nav .nav li a{ font-size: 10px; }
  .header-area .main-nav .nav li { margin: 0 6px;}
  .header-area .main-nav .nav li.active a { font-size: 14px; }





  

}

@media(max-width:991px)

{

    .menu_icon_sec{ display: block; }

    .menu_icon_sec>a { border-radius: 50px; width: 40px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; align-content: center; z-index: 9; position: absolute; top: 34%; right: 0; transition: .3s all ease; }

    .menu_icon_sec span { width: 30px; height: 2px; background: #1A6A96; border-radius: 50px; display: block; transition: .3s all ease-in; position: relative; } 

    .menu_icon_sec span:nth-child(2) { margin: 6px 0; } 

    .header-area .main-nav .logo img { max-width: 75%;}

    .header-area .bottom-nav .nav { width: 100%; position: fixed; top: 0; transition: .5s all ease-in; opacity: 0; visibility: hidden; height: 100vh; background: #000000; left: -100%; margin-right: 0; display: block;  padding-top: 10%; z-index: 9999;}

    .active_menu .header-area .bottom-nav .nav{ top: 0; opacity: 1; visibility: visible !important; left: 0; overflow-y: scroll;}

    .header-area .bottom-nav .nav > li { padding: 10px 20px; width: 100%; height: auto; border-bottom: 1px solid #dbcece; margin: 0;}

    .header-area .bottom-nav .nav li a{ font-size: 16px; font-weight: 400; padding: 10px 0; }

    .fixed_header .main-nav .nav li a:before, .header-area .main-nav .nav li a:before{ display: none; }

    .cross_icon{ border-radius: 50px; width: 40px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; align-content: center; z-index: 99999; position: absolute; top: 20px; right: 5px; transition: .3s all ease; }

    .cross_icon span { width: 30px; height: 3px; background: #fff; border-radius: 50px; display: block; transition: .3s all ease-in; position: relative; }

    .cross_icon span:first-child { transform: rotate(45deg); top: 5px; } 

    .cross_icon span:nth-child(2) { visibility: hidden; opacity: 0; } 

    .cross_icon span:last-child { transform: rotate(-45deg); top: -1px; }

    .active_menu .menu_icon_sec>a span{ background-color: #333; }

    .header-area .main-nav .nav li.has-sub ul.sub-menu li a{ font-size: 20px; background: transparent; }

    .header-area .main-nav .nav li.has-sub ul.sub-menu { width: 300px; position: relative; top: 5px; left: 0; display: none; opacity: 1; visibility: visible; transform: translateY(0); }

    .main-nav .nav li.has-sub.active_submenu ul.sub-menu { display: block !important; }

    .header-area .main-nav .bottom-nav{ margin-bottom: 10px;}

    .norm_menu .menu_icon_sec>a{ top: 29% }

    .active_menu .header-area .norm_menu .nav{ visibility: hidden; }

    .active_menu .header-area .sticky_menu .nav{ display: none; }

    .header-area .main-nav .nav li.has-sub i { font-size: 18px; background: #FF8219; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; right: 0; color: #fff; z-index: 1; top: 30px;}

    .sub-menu:before{ display: none; }

    .header-area .main-nav .nav > li.has-sub:hover i{ color: #fff; }

    .header-area .main-nav .nav li.has-sub ul.sub-menu{ background: transparent; box-shadow: none; }

    .header-area .main-nav .nav li.has-sub ul.sub-menu{ width: 100%; top: 10px; }

    .header-area .main-nav .nav li.has-sub{ padding-right: 0; }

    .header-area .main-nav .nav li.has-sub ul li:hover > a{ color: #FF8219 !important; }

    .header-area .main-nav .nav li.has-sub li.has-sub:hover i { transform: translateY(-50%) rotate(0); }

    .header-area .main-nav .nav li.has-sub li.has-sub i { width: 50px; height: 48px; top: 22px; }

    .header-area .main-nav .nav li.has-sub ul.sub-menu li{ padding: 3px 0; width: 100%; height: auto; border-bottom: 1px solid #dbcece;}

    .header-area .main-nav .nav li.has-sub ul.sub-menu li.has-sub > ul.sub-menu { display: none; left: 0; top: 0; }

    .main-nav .nav li.has-sub ul.sub-menu li.has-sub.active_submenus, .header-area .main-nav .nav li.has-sub ul.sub-menu li.has-sub.active_submenus{ border-bottom: 0; }


    .sidebar_menu{ width:50%; }

    .choose_col{ width: 50%; }

  .choose_col:nth-child(2){ border-right: 1px solid #BABABA; }

  

  .choose_main_section .choose_col:nth-last-child(2){ border-left: 1px solid #BABABA; }

  .choose_caption p{ font-size: 13px; }

  .banner_content{border: none;}

  .banner_content .main_font p{font-size: 15px !important;}

  .banner_btn{margin-bottom: 50px;}

  .heading_sec h5{font-size: 15px;}

  .banner_section{padding: 70px 0;}

  .usp_head_img img{max-width: 40px;}

  .para_sec p {font-size: 14px;}

  .usp_para{padding-top: 20px;}

  .heading_sec h2{font-size: 36px;}

  .cog_item{padding-bottom: 20px;}

  .footer_sec .row .footer_item:nth-child(1){width: 100%; text-align: center; padding-right: 0; margin-bottom: 30px;}

  .footer_item{width: 50%; padding-bottom: 20px;}

  .footer_list li{font-size: 15px;}

  .footer_list li a{font-size: 15px;}

  .footer_item .para1 p{font-size: 14px;}

  .footer_mid .para_sec p{font-size: 10px; margin-bottom: 0;}

  .lead_logo{width: 50%;}

  .ld_logo{width: 50%;}

  .footer_mid{text-align: end;}

  .project_head{max-width: 100%;}

  .project_head h2{font-size: 30px;}

  .other_projects{bottom: 15%;}

  .other_rt_itm{height: 120px;}

  .other-left h4 {font-size: 14px;}

  .other-left h5{padding: 0 0 20px;}

  .choose_main_section .choose_col:first-child{border-radius: 0;}

  .choose_main_section .choose_col:last-child{border-radius: 0;}

  .study_img{padding: 25px;}

  .heading_sec h3{font-size: 25px;}

  .study_content p{font-size: 12px;}

  .study_content h2{font-size: 50px; padding: 0;}

  .case_study_swiper .swiper-slide{height: 500px !important;}

  .study-btn{padding-top: 20px;}

  .study_content{padding-right: 0;}

  .swiper-pagination { right: 50px !important;}

  .innovate_content{padding-top: 40px;}

  .innovate_content h5{padding: 15px 0 !important;}

  .innovate_video{padding-top: 20px;}

  .explore_listing{padding: 30px 0;}

  .explore_img{padding-right: 20px;}

  .explore_listing li h5{max-width: 100%;}

  .explore_listing li:nth-child(1) h5, .explore_listing li:nth-child(3) h5, .explore_listing li:nth-child(5) h5{max-width: 100%;}

  .explore_listing li:nth-child(1), .explore_listing li:nth-child(3), .explore_listing li:nth-child(5){padding-right: 0;}

  .explore_content h4{font-size: 24px;}

  .app-img{width: 100%;}

  .app_outer .swiper-pagination { right: -45px !important;}

  .app_swiper_img{padding-right: 0;}

  .app_swiper_item{padding: 30px 30px 0;}

  .app_swiper_content { max-width: 100%;}

  .app_swiper .swiper-slide {height: 440px !important;}

  .appwip_logo span{width: 50px; height:  50px;}

  .appwip_logo img{max-width: 30px;}

  .port-menu-item{margin-bottom: 30px;}

  /* .area_list li span{font-size: 22px;} */

  /* .area_list li img{max-width: 30px;} */

  .area_list li span::before {width: 240px;}

  .space_sec{padding: 50px 0;}

  .skill_content{padding-top: 0;}

  .what_we_right h4{font-size: 17px;}

  .client_logo { width: 30%;}

  .channel_partner_sec .row [class*='col']{margin-bottom: 20px;}

  .channel_partner_sec .row [class*='col']:nth-child(1){transform: rotate(0deg); z-index:1;}

.channel_partner_sec .row [class*='col']:nth-child(2){transform: rotate(0deg); z-index: 2;}

.channel_partner_sec .row [class*='col']:nth-child(3){transform: rotate(0deg); z-index: 3;}

.channel_partner_sec .row [class*='col']:nth-child(4){transform: rotate(0deg); z-index: 4;}

.revenue_cont{margin-bottom: 25px;}

.sidebar_menu li a { font-size: 16px;}

.case_studies_sec .swiper-pagination{ right: 50px !important; }
.client_item { flex-wrap: wrap; }
.client_details { min-width: 100%; border-right: 0; border-bottom: 1px solid #505050; padding-bottom: 10px; padding-right: 0; text-align: center; }
.client_details h4{ padding: 15px 0 10px; }
.client_message p{ text-align: center; padding-top: 18px; }
.channel_content { padding-top: 80px;}
.channel_btn { margin-top: 60px; }
.skill-img { padding-right: 0; margin-top: 40px; }
.cog_head_sec h2 { font-size: 20px !important; }
.explore_img { padding-right: 0; }
.row_reverse .explore_img { padding-right: 0; padding-left: 0; }
.faster_outer, .services_outer{ padding: 0 7%; }
.faster_btn_prev, .services_btn_prev { left: -1%; }
.faster_btn_next, .services_btn_next { right: -1%; }
.slider_btn{ top: 47%; }
html{ overflow-x: hidden; }
.outer_swiper { max-width: 80%; margin: auto; }
.industry_banner .row, .channel_ban_sec .row{ flex-direction: column-reverse; }
.indust_ban_content { padding-top: 20px; }
.explore_img img { height: auto; object-fit: cover;}
.explore_content{ margin-top: 30px; }
.channel_content { padding-top: 40px; padding-right: 0; }
.cases_table th, .cases_table td{ font-size: 16px; }
.cases_table{ padding: 30px; }
.choose_row4 .choose_col, .skill_section .explore_listing > ul > li{ width: 50%; }
.contact_content { padding-right: 0; }
.contact_form .container{ padding: 0; }
.explore_sec .heading_sec{ margin-bottom: 20px !important; }
.indust_ban_content h5 span { font-size: 20px;}
.banner_txt { padding-left: 0; }
.explore_content .heading_sec{ margin-bottom: 5px !important; }
.hamburger_menu{ display: block; }
.norm_menu{ backdrop-filter: none; }
.header-area .main-nav .nav li.menu-item-has-children i { background: #99CC33; width: 40px; height: 39px; right: 0; display: inline-flex ; align-items: center; justify-content: center; font-size: 14px; top: 22px; }
.header-area .main-nav .nav li.menu-item-has-children ul.sub-menu { width: 100%; position: relative; top: 5px; left: 0; display: none; opacity: 1; visibility: visible; transform: translateY(0); }
.header-area .main-nav .nav li.menu-item-has-children ul.sub-menu li a{ background: transparent !important; padding-left: 0; }
.header-area .main-nav .nav li.menu-item-has-children ul.sub-menu{ background: transparent; }
.btns_section{ flex: none; }
  

}

@media(max-width:767px)

{
    .main-img{ display: none; }
    .word_head{ flex-wrap: wrap; }
    .view_more a{ display: inline-block; margin: 5px 0 10px; }

    .logo_sec img {width: 120px;}
    .logo_o { width: 16px !important; top: 38%; left: 25px;}

    .sidebar_menu {width: 100%;}

  .choose_col{ width: 100%; }

  .banner_section{ padding-top: 100px; }

  .choose_main_section .choose_col:nth-last-child(1), .choose_main_section .choose_col:nth-last-child(3){ border-left: 1px solid #BABABA; }

  .choose_box p { font-size: 18px;}

  .heading_sec h1{font-size: 40px;}

  .heading_sec h2{font-size: 28px;}

  .banner_content .main_font p{padding-bottom: 20px;}

  .usp_item1{margin-bottom: 25px;}

  .area_cont p{max-width: 100%;}

  .talent_item{margin-bottom: 15px;}

  .study_item{flex-direction: column;}

  .study_img{padding: 0; width: 100%;}

  .study_content{width: 100%; margin-top: 15px;}

  .swiper-pagination { right: 20px !important;}

  .case_study_swiper .swiper-slide{height: 800px!important;}

  .project_head h2{font-size: 22px;}

  .other_projects { bottom: 50px; }

  .other_rt_itm { height: 80px;}

  .other-left h4 { font-size: 11px;}

  .project_head { top: 5%;}

  .other-left h5{padding: 0 0 5px;}

  .lead_img img { max-width: 100%;}

  /* .lead_logo{width: 100%;}

  .ld_logo{width: 100%;} */

  .footer_mid { text-align: center;}

  .footer_left{text-align: center;}

  .footer_left ul {justify-content: center;}

  .footer_list li a{font-size: 13px;}

  .indust_ban_img{padding-top: 20px;}

  .overlay_img {left: 0;}

  .main-img {left: 35%;}

  .app_swiper_item{flex-direction: column;}

  .app_swiper .swiper-slide { height: 810px !important;}

  .app_swiper_img{padding-top: 20px;}

  .app_outer .swiper-pagination {right: -15px !important;}

  .explore_content{padding-top: 20px;}

  .cognifio_usp .row:hover .col-lg-4:nth-child(3){transform: rotate(0deg) translateX(0);}

  .cognifio_usp .row:hover .col-lg-4:nth-child(1){transform: rotate(0deg) translateX(0);}

  .heading_sec .cont_head{font-size: 22px;}

  .contact_content{padding-right: 0;}

  .cont_accord_list ul li{width: 100%;}

  .cont_accord_list ul li span { font-size: 15px;}

  .cont_accord_item{flex-direction: column;}

  .cont_accord_img{width: 100% !important;}

  .cont_accord_content{width: 100% !important;}

  .cont_accord_content p{padding-right: 0;}

  .contact_accord .accordion-body{padding-right: 20px;}

  .skill-img{padding-right: 0; padding-bottom: 0;}

  .what_we_content{padding-right: 0;}

  .what_we_right{padding: 20px; margin-top: 40px;}

  .client_logo { width: 45%;}

  .faq_accord .faq_accord .accordion-button{font-size: 12px !important;}

  .channel_content h1{font-size: 30px;}

  .channel_btn{margin-top: 30px;}

  .case_studies_sec .swiper-pagination{right: 15px !important;}

  .site_btn{ font-size: 13px; padding: 12px 15px; }

  .hamburger_menu { margin-left: 5px; }

  .ban_list{ flex-wrap: wrap; }

  .ban_list li{ padding-right: 0; margin-bottom: 15px; }

  .study_content p{ padding-top: 15px; padding-bottom: 15px; }

  .study_content h3{ padding-top: 10px; }

  .project_content > img{ min-width: 160%; }

  .project_head{ left: 0; right: 0; transform: translateX(0); max-width: 70%; }

  .other-left{ padding-right: 0; width: 100%; padding-left: 0; margin-bottom: 15px; }

  .other_projects{ flex-wrap: wrap; }

  .other-right{ width: 100%; gap: 8px; }

  .norm_menu{ padding: 10px 0; }

  .banner_content p { font-size: 12px !important; }
  .foot_img .logo_o { top: 10%; left: 21px; width: 21px !important; }
  .slider_btn { width: 30px; height: 30px;}
  .slider_btn:after{ font-size: 8px; }
  .services_outer { padding: 0 8%; }
  .faster_outer { padding: 0 10%; }
  .services_btn_prev { left: -4%; }
  .services_btn_next { right: -4%; }
  .faster_btn_next{ right: 0%; }
  .faster_btn_prev{ left: 0%; }
  .services_slider { padding-bottom: 0; }
  .innovate_content h5.pt-3{ padding-top: 0 !important; }
  .case_study_swiper .swiper-slide { height: 700px !important; }
  .innovate_video video{ height: 120px; display: none; }
  .innovate_btn .site_btn { border: 1px solid #99CC33; padding: 11px 30px; }
  .explore_content{ margin-top: 0; }
  .explore_sec .row{ padding: 20px 0; margin-bottom: 20px; }
  .heading_sec h6 { font-size: 16px;}
  .explore_listings li { font-size: 14px;}
  .swiper_img_prev img, .swiper_img_next img{ max-width: 30px; }
  .slideImg img{ height: 100%; }
  .cases_table { padding: 20px; }
  .cases_table table{ min-width: 180%; margin-bottom: 0; }
  .footer_sec .row .footer_item:nth-child(1){ margin-bottom: 10px; }
  .indust_ban_content h5 span { font-size: 17px;}
  .choose_section .heading_sec p{ font-size: 15px; }
  .choose_row4 .choose_col, .skill_section .explore_listing > ul > li{ width: 100%; }
  .skill_section .explore_listing > ul > li{ padding-bottom: 0 !important; }
  .area_list li a{ font-size: 14px; }
  .contact_content .area_itm{ padding: 20px !important; }
  .indust_ban_content h5 span { font-size: 17px;}
  .channel_ban_sec{ padding-bottom: 0; }
  .indust_foot_img { padding-top: 40px; }
  .explore_sec { padding-top: 0 !important; }
  .my_card { margin-bottom: 10px; }
  .my_card .card-body h5 a { font-size: 18px; }
  .header-area .bottom-nav .nav{ padding-top: 20%; }
  .across_blocks > span img{ max-width: 60px; }





}

@media(max-width:479px)

{

    .container{ max-width: 320px; }

    .footer_sec .row .footer_item:nth-child(1){text-align: start;}

    .footer_item{width: 100%;}

}



@media(max-width:379px)

{

    .header_btn .site_btn { font-size: 8px; padding: 12px 10px; }

}