:root {
	--lqd-container-width-md: 1024px;
	--lqd-container-width-sm: 1024px;
	--lqd-row-gutter-x: 20px;
	--lqd-row-gutter-y: 20px;

	--lqd-color-primary: #156082;
	--lqd-body-text-color: #7A7A7A;
	--lqd-color-accent: #336AEA;
	--lqd-color-dark: #292929;
	--lqd-color-title: #1A3760;
	--lqd-badge-color: var(--lqd-color-primary);
	--lqd-color-gradient-start: #FE753E;
	--lqd-color-gradient-stop: #FE753E;
	--lqd-color-orange-500: #ed6a04;
	--lqd-color-blue-100: #F1F7FD;
	--lqd-color-blue-200: rgba(0, 35, 82, 0.6);
	--lqd-color-blue-300: rgba(26, 55, 96, 0.831);
	--lqd-color-blue-900: #181B31;
	--lqd-color-gray-100: #eef3f9;
	--lqd-color-gray-200: #f8f8f8;
	--lqd-color-gray-300: #e5e3df;
	--lqd-color-gray-400: #EFEFEF;
	--lqd-color-gray-500: #646464;
	--lqd-color-gray-600: #464959;
	--lqd-color-gray-700: #36363B;
	--lqd-color-pink-100: #FEF7FC;
	--lqd-color-purple-100: #F0F8FF;
	--lqd-color-red-100: #F4EEFA;
	--lqd-color-slate-100: #FFFAF6;
	--lqd-color-orange-100: #e1ebef;
	--lqd-color-yellow-100: #FFEDEF;

	--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
	--lqd-body-textcolor: #808291;
	--lqd-body-font-size: 1em;
	--lqd-body-font-weight: 400;
	--lqd-body-line-height: 1.7em;
	--lqd-body-letter-spacing: 0px;

	--lqd-heading-color: var(--lqd-color-title);
	--lqd-heading-font-family: var(--lqd-body-font-family);
	--lqd-heading-font-weight: 700;
	--lqd-heading-line-height: 1.2em;
	--lqd-h1-letter-spacing: -0.2px;
	--lqd-h1-font-size: 52px;
	--lqd-h2-font-size: 48px;
	--lqd-h3-font-size: 38px;
	--lqd-h4-font-size: 25px;
	--lqd-h5-font-size: 20px;
	--lqd-h5-font-weight: 600;
	--lqd-h6-font-size: 14px;
	--lqd-h6-font-weight: 500;
	--lqd-h6-letter-spacing: 0.28px;
	--lqd-h6-color: #156082;

	--lqd-cc-bc: var(--lqd-color-primary);
	--lqd-cc-bg: var(--lqd-color-primary);
	--lqd-cc-size-outer: 35px;
	--lqd-cc-size-inner: 7px;
	--lqd-cc-bw: 1px;
	--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
	--lqd-cc-active-bc: var(--lqd-color-primary);
	--lqd-cc-active-bg: var(--lqd-color-primary);
	--lqd-cc-active-bw: 1px;
	--lqd-cc-active-circle-color: #fff;
	--lqd-cc-active-circle-txt: #000;
	--lqd-cc-active-arrow-color: #fff;
}

.lqd-gdpr-accept:hover {
	color: #eff3f5;
	background-color: #184341;
}

.lqd-post-content,
.lqd-post-header .entry-excerpt {
	font-family: var(--lqd-body-font-family);
	font-size: 18px;
	line-height: 1.7em;
}

.ld-fancy-heading .lqd-highlight-inner {
	background: rgb(51 106 234 / 13%);
	bottom: 0.15em;
	left: 0;
}

@media screen and (min-width: 992px) {
	body.has-sidebar #lqd-contents-wrap {
		padding-top: 25px;
	}
}

@media (min-width: 1200px) {
	.is-stuck section:not(.lqd-stickybar-wrap) {
		background: rgba(255, 255, 255, 0.96) !important;
	}
}

@media (max-width: 1199px) {
	:root {
		--lqd-h2-font-size: 40px;
	}
}

@media (max-width: 767px) {
	:root {
		--lqd-h2-font-size: 37px;
	}
}

/* ***** Button ***** */
button,
input[type="button"],
input[type="submit"],
.button {
	font-family: "IBM Plex Sans", Sans-serif;
}

/* ***** Main Header ***** */
.is-stuck .module-logo {
	padding: 1px 50px 1px 25px;
}

/* ***** Left Sticky ***** */
.main-header .lqd-stickybar-left {
	padding: 100px 0 25px 0;
}

/* ***** Left Side Drawer ***** */
.main-header .ld-module-sd-left .ld-module-dropdown {
	width: 350px;
	--grid-template-columns: repeat(0, auto);
	--grid-column-gap: 17px;
	--grid-row-gap: 0;
}

/* ***** Lity Modal ***** */
.lity-modal .ld-fancy-heading h2 span {
	font-family: 'DM Serif Text', serif;
	font-style: italic
}

.lity-modal .lqd-contact-form {
	--inputs-margin: 0 0 30px 0;
	--input-margin-bottom: 30px;
}

@media (max-width: 1199px) {
	.lity-modal .module-content {
		padding: 10px;
	}

	.lity-modal .ld-fancy-heading h2 {
		font-size: 48px;
		line-height: 1em;
	}
}

@media (max-width: 767px) {
	.lity-modal .ld-fancy-heading h2 {
		font-size: 34px;
	}
}

/* ***** Footer ***** */
.main-footer .module-btn button {
	color: #000;
}

.main-footer .module-btn button:hover {
	color: #FFFFFF;
	background: #336aea;
}

@media (max-width: 1199px) {
	.main-footer>.footer-menu {
		padding: 110px 30px 60px 30px;
	}

	.main-footer>.footer-info {
		padding: 0 30px;
	}
}

@media (max-width: 767px) {
	.main-footer>.footer-menu {
		padding: 0 10px;
	}

	.main-footer>.footer-info {
		padding: 0 10px;
	}

	.main-footer .footer-info .module-last {
		padding: 30px 0;
	}
}


/* Alok css start */

.h1, h1 { color: #293241; font-size: 50px; }
.h2, h2 { color: #293241; }
video#myVideo {
    position: absolute;
    top: -1px;
    left: 0px;
    z-index: -1;
    height: 100%;
    width: 100%;
}
.btn-icon-xl .btn-icon { 
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	background-color: #e1ebef66;
}

section#about img { width: 98px;}

.submenu-expander { display: block; width: 0px; color: #19355d;}
.submenu-expander:before { position: relative !important;}
.inline-ul>li { display: inline-flex; width: auto; flex-direction: row;
                align-content: center; align-items: center;}
img.logo-default { width: 160px;}
.text-orange-500 { color: #293241 !important;}

.landscape {
   display: flex;
   flex-direction: row-reverse;
   align-items: flex-start;
   justify-content: flex-start;
   gap: 10px;
}

.landscape2 {
	gap: 10px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    align-content: center;
}

.landscape2 .text-16 { margin-bottom: 0px;}
.landscape .text-16 { margin-bottom: 0px;}
/*.landscape2 .iconbox-icon-wrap { width: 40%;}
.landscape .iconbox-icon-wrap { width: 40%;}*/

.landscape .ld-slideelement-visible {text-align: right;}
.landscape2 .ld-slideelement-visible {text-align: left;}

.ai-landscape .relative.mb-15.pt-15.pr-15.pb-15.pl-15.rounded-10.icon-box-bg-color.transition-all.bg-pink-100 {
    padding: 10px; margin-bottom: 10px;}
.portfilio .lqd-pf-item-inner{ display: flex; gap: 0px; }

.ai-landscape .text-24 { font-size: 20px; font-weight: 500; margin-bottom: 4px;}
.ai-landscape .text-16 { font-size: 14px;font-weight: 100;line-height: 21px;color: #000;}
.row.machine { margin-right: 0px; margin-left: 0px;}
.row.machine .col-md-6{  }

ul.reset-ul.inline-nav.lqd-pf-cat.inline-flex.relative.z-2 {
    display: flex; flex-direction: column;}

.row.machine .col-md-6 .inline-nav>li {
    display: inline-flex; width: auto; font-size: 14px; line-height: 25px;
    color: #26272d; }

#works .portfilio ul{ list-style: none; padding:0;  margin:0; }
#works .portfilio li{ padding-left: 0px; padding-right: 15px; }

#works .portfilio li:before { content: "■"; padding-right:15px; }

div#London li:before { color: #0f6c77; }
div#Paris li:before { color: #663e8d; }
div#Tokyo li:before { color: #c24755; }
div#Tokyo2 li:before { color: #b56d36; }
div#Tokyo3 li:before { color: #a13483; }

.text-blue-300 {color: #0077b6 !important;}
.bg-primary {background-color: #336AEA !important;}
.banner .btn-xl { --btn-pt: 1em !important; --btn-pe: 3em !important;
                  --btn-pb: 1em !important; --btn-ps: 3em !important;}
.btn-xl { --btn-pt: 1em !important; --btn-pe: 3.1em !important;
          --btn-pb: 1em !important; --btn-ps: 3.1em !important; }    
ul#primary-nav .text-blue-300 {color: #2c2e35 !important;}
.h6, h6 {color: #336aea !important;}
.bg-orange-100 { background-color: #e2eaff !important; }
.hover\:bg-primary:hover { background-color: #336AEA;}
.filter-list { margin: 0 0 20px !important;}
li.tablinks { font-size: 16px; color: #000;}
.filter-list { display: flex; margin: 0 0 20px !important;
    justify-content: center; align-items: center; align-content: center;
    gap: 15px;}
.filter-list-inline li+li { margin-inline-start: 0em !important;}
li.tablinks { font-size: 16px; color: #000000; padding: 5px 15px;
              border-radius: 15px; background-color: ;}

.tablinks.one{ background-color: #deedf6 !important; } 
.tablinks.two{ background-color: #F4EEFA !important; }  
.tablinks.three{ background-color: #FFEDEF !important; }  
.tablinks.four{ background-color: #fdf0e6 !important; }  
.tablinks.five{ background-color: #fee5f7 !important; } 

.tablinks.one.active{ background-color: #1b8b99 !important;	color: #fff;} 
.tablinks.two.active{ background-color: #815aa7 !important;	color: #fff;}  
.tablinks.three.active{ background-color: #cc5562 !important; color: #fff;}  
.tablinks.four.active{ background-color: #c17a44 !important; color: #fff;}  
.tablinks.five.active{ background-color: #af4291 !important; color: #fff;}              
.row.machine .col-md-6{ margin-bottom: 10px !important; }

.ai-landscape .aithree{ width: 29.333333%; }
.ai-landscape .aione{ width: 29.333333%;}
.ai-landscape .aitwo{ width: 41.333333%; padding: 0px 20px; }

.zoom { transition: transform .4s; cursor: pointer; }

.zoom:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.elementor.elementor-5561 { padding: 0% 15% 0% 15%; }
.blog-post-footer { padding-top: 30px; margin-top: 40px;}
/*.banner-image .module-btn { right: 0% !important; 
	                        top: 0vh !important;
	                        width: 50%;
	                    }*/

/*.banner-image .lqd-imggrp-img-container.inline-flex.relative.items-center.justify-center {
    background-color: #293241f2;
}*/

.videobtn { margin: auto; position: absolute;}
.clients-row{ display: flex; flex-wrap: wrap; justify-content: space-around;}
.is-in-view { font-size:40px !important; }
.btn-icon-xl .btn-icon {
    width: 5.5em;
    height: 5.5em;
}
.lqd-pf-item .lqd-pf-details .lqd-pf-title, .lqd-pf-item .lqd-pf-details a {
    color: #525252;
}
h2.mb-15.ld-fh-element.relative {  font-size: 40px !important;}

 .techs-main { padding: 25px; position: relative; z-index: 1;}
 .bg-off-white { background-color: #feecee;}
 .br-20 {border-radius: 20px;}
 .d-md-flex {display: flex !important;
    width: 100%;
    margin-bottom: 15px;
    justify-content: space-between;}
 .technology-stacks-heading { width: 300px; display: flex; align-items: center; 
                              padding-right: 15px; gap: 10px;}
 .technology-stacks-heading .tech-icon {
    width: 72px;
    padding: 12px;
    height: 72px; display: flex; align-items: center;  
    justify-content: center; border-radius: 99em; flex: 0 0 auto;}
 .stack .bg-pink { background-color: #ffc0d9;}
 .technology-stacks-heading .tech-icon .icon {
    width: 28px; height: 28px;}
 .technology-stacks-heading .tech-heading { 
 	color: #293241 !important;
    max-width: 230px;
    font-size: 25px !important;
    font-weight: 500;
}
 .technology-stacks-techs { width: calc(100% - 400px);}
 .technology-stacks-techs ul {    align-items: stretch !important;
    display: flex; align-items: center; flex-wrap: ; gap: 10px;}
 .technology-stacks-techs ul li {
    background-color:#fff; border-radius: 15px;
    padding: 0.66rem 1rem 0.66rem 0.8rem; margin: 0; display: flex;
    align-items: center;}

 .bg-green { background-color: #b5f1cc;}
 .bg-light-blue { background-color: #9fe9f6;}
 .bg-light-orenge { background-color: #ffd0b3;}
 .is-stuck .button { background-color: #336AEA !important; color: #fff !important;}
 .lqd-contact-form p { margin-bottom: 0; position: relative; display: flex;
                       flex-wrap: wrap;}

textarea::-webkit-input-placeholder { color: #000 !important;}
textarea:-moz-placeholder { /* Firefox 18- */ color: #000 !important;  }
textarea::-moz-placeholder {  /* Firefox 19+ */ color: #000 !important; }
textarea:-ms-input-placeholder { color: #000 !important; }
.radiobutt { flex-wrap: wrap !important; margin-bottom: 10px !important;}
.radiobutt label { margin-inline-end: 0px !important; color: #000000 !important;  
	               width: 50% !important; }
span.lqd-form-control-wrap.col-md-6 { margin-bottom: 20px; padding-right: 15px;}
.text-20 { font-size: 16px !important;text-align: justify;}
.dir-msg { margin-top: 115px; padding: 0px; border-radius: 15px;}
select#ui-id-1 { display: block !important;}
span#ui-id-1-button { display: none;}

body { color: #383838 !important;}
.text-gray-600 { color: #000000 !important;}
.nav-item-children>li>a { padding: .75em 1.40em !important;}

.choosus .border-black-10 {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 10px;
    border-radius: ;
}

.entry-title-blog { font-size: 40px !important;}

.generative-ai .module-img-2 { left: 55px;}
.generative-ai .module-img-3 { left: 57% !important;}
.about .iconbox p { text-align: justify;}
.text-primary { color: #336AEA !important;}
.inline-ul>li { padding-right: 10px;}
.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.tab2 {	
	display: flex; gap: 2px; font-weight: 500; font-size: 18px;
    color: #000000; margin-bottom: 15px; justify-content: space-between;
    background-color: #f1f1f175; border-radius: ;
}
.lqd-contact-form label {
    padding: 6px 15px;
}
.tablinkss.active {
    background-color: #336aea12;
    color: #000000;
    border-radius: ;
}
.module-content .text-20 { font-size: 20px !important;}
.tablinkss { padding: ; }
.tab2 .lqd-contact-form input[type=checkbox], 
.tab2 .lqd-contact-form input[type=radio] { width: 20px; height: 20px; }

.lity-modal .lqd-contact-form-button-lg input[type=submit] {
    height: 50px; width: 40%; border-radius: 45px; padding: 0px;
}

.item-two { background-color: #f5f5f5; border-radius: 12px;}
.item-two img { border-radius: 12px 12px 0px 0px;}

.lidiv { display: flex; gap: 15px; padding: 0px 0px 10px 0px;}
.lidiv-one { width: 16%;}

p.ld-fh-element.d-inline-block.pos-rel.lqd-highlight-classic.lqd-highlight-grow-left.h1 {
    color: #D1DCEC;font-size:48px;line-height:1em;letter-spacing:-0.05px;
}

h4.ld-fh-element.d-inline-block.pos-rel.elementor-heading-title.lqd-highlight-classic.lqd-highlight-grow-left.h4 {
    font-size: 18px;
    line-height: 1.38em;
    margin-top: 0;
    margin-bottom: .5em;
    vertical-align: middle;
    transition: color .3s;
    display: inline-block;
    color: #1A3760;
    font-weight: 700;
}

.lidiv-two {
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #E3E3E3;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 10px 10px 10px 10px;
    --e-column-margin-right: 10px;
    --e-column-margin-left: 10px;
    padding: 0px 0px 0px 0px;
}



.dropdown { position: relative; display: inline-block;}
.dropdown-content {
  display: none; position: absolute; background-color: #f1f1f1;
  min-width: 250px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a { color: #3f4141;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 18px;}

.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.camedge-add .iconbox img { width: 70px;}
.relative.pt-25.pr-25.pb-25.pl-25.rounded-10.icon-box-bg-color.transition-all.bg-red-100 {
    height: 100%;
}

.camedge-add .icon-box-bg-color { padding-bottom: 10px !important;}

a#myDIVV { opacity:  ; }
.banner-image .module-btn { right: 4% !important; top: 65vh !important;}

.ceo-img{border:8px solid #799be6;border-radius:50%;}
.ceo-inner{    background: #edf2fd;
    padding: 30px 30px;
    border: 8px solid rgba(121, 155, 230, 0.47);
    border-radius: 20px;}
.ceo-top{margin-bottom:10px;margin-top:-140px;}
.ceo-name{margin-top:35px;}
.ceo-heading{ display: flex; margin-left: 40px; flex-wrap: wrap;
              align-items: flex-end; padding-bottom: 15px;}
.ceo-top-two { display: flex; margin-bottom: 10px; margin-top: -140px;
               justify-content: flex-start; flex-direction: row-reverse;}

.dir-msgtwo .ceo-inner { background:#edf2fd; padding: 30px 30px;
                         border: 8px solid rgba(121, 155, 230, 0.47); border-radius: 20px;}
.dir-msgtwo .ceo-img { border: 8px solid #799be6;; border-radius: 50%;}

@media (max-width:767px){
.ceo-inner{padding:20px;}
.ceo-bottom,.ceo-top{flex-direction:column;}
.ceo-bottom .ceo-para{width:calc(100% - 0px);}
.ceo-heading h4{font-size:30px;text-align:center;margin-bottom:20px;}
.ceo-heading{margin-left:0px;margin-top:-65px;}
.ceo-para p{font-size:16px;color:#141414;text-align:center;}
.ceo-name h5,.ceo-name span{text-align:center;display:block;}
}

@media (min-width: 320px) and (max-width: 600.98px) { 

  .lqd-mobile-sec .navbar-brand { padding: 4px 0;}
  .banner-image .module-img { z-index: 3; }
  .banner { z-index: 0 !important; }
  .lqd-overlay { position: unset;}
  .btn-icon-xl .btn-icon { width: 4em; height: 4em;}
  .banner-image .module-btn { right: 45% !important; top: 200px !important; }
  #clients .col-6 {  width: 33%;}
  .digital-experience .row { display: flex; flex-wrap: wrap !important; flex-direction: column !important;}
  .ai-landscape .aione { width: 99.333333% !important;}
  .landscape { display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
 }
  .ai-landscape .aitwo { width: 88.333333% !important;}
  .ai-landscape .aithree { width: 99.333333% !important;}
  .landscape2 {
    gap: 20px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    align-content: center;
    justify-content: flex-start;
 }
 .filter-list { flex-wrap: wrap !important;}
 .filter-list { gap: 6px;}
 .blog .col-sm-6 { width: 99% !important;}
 .counter-box.text-title.m-0.py-35 { border-bottom: solid 2px #7a7a7a !important;}
 .testimonials .d-md-flex { flex-direction: column !important; gap: 12px;}
 .technology-stacks-heading {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding-right: 15px !important;
    gap: 10px !important;
    justify-content: center !important;
    align-content: center !important;
    flex-direction: column !important;
   }
  .technology-stacks-techs { width: 100% !important;}
  .techs-main {padding: 12px !important;}
  .technology-stacks-techs ul li { padding: 4px 6px !important;}
	.lqd-post-cover.overflow-hidden { padding: 0% 0% 0% 0% !important;}
	.elementor.elementor-5561 {  padding: 0% 0% 0% 0%;}
}


/* Alok css End */