@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
html,body{overflow-x:hidden;;font-family:"Inter", Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif',serif;font-weight:300;scroll-behavior: smooth;}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.lenis.lenis-smooth iframe{pointer-events:none}
*{color:rgb(24,34,74);font-weight:400; letter-spacing:-0.025em; line-height: 1.2}
.bg-body-tertiary{background-color:rgb(239,239,240) !important;padding:85px 0 0}
.w90{width:90%;max-width:1500px}
.fs-0{font-size:calc(2.25rem + 1.5vw)!important; position: relative}
.fs-00{font-size:calc(3.75rem + 2.5vw)!important; font-weight:600; text-shadow: -1px 1px 1px #000}
.fs-s,.card ul li,.card ul li a{font-size:16px}
.fs-7{font-size:0.75rem!important}
.fs-8{font-size:18px!important}
.fw-medium {font-weight: 450 !important;}
.fw400{font-weight:400}
.mw-100{min-width:100%!important}
.max-heading{max-width:999px}
.text-black{color:rgb(0 21 42) !important;}
h1,h2,h3,h4,h5,h6{letter-spacing:0.025em;font-family:"Bricolage Grotesque", "Inter", Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';font-weight:330; line-height: 1;color:rgb(0 21 42);}
.ffn{letter-spacing:0.025em;font-family:"Bricolage Grotesque", "Inter", Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';}
.ffi{letter-spacing:0.025em;font-family:"Inter", Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif',serif;}
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {*,a, div, p, span, li, .btn,h1,h2,h3,h4,h5,h6{-webkit-font-smoothing: antialiased;}}
a,div,p,span,li,.btn{font-size:20px;line-height: 1.25}
.sticky-top{position:fixed;top:0; z-index: 99999999}
.bgc-opacity-75{background-color:rgb(255 255 255 / .9);padding:0}
ol,ul,li{list-style:none;margin:0;padding:0}
ul.bulletstyle li{list-style:square; margin: 0 0 15px 15px; font-size: 1.25rem; text-align: left;}
.vcenter{top:50%!important;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.sideline{border-left:3px solid #e0115f;padding-left:20px}
input,textarea{border-radius:0!important;font-family:"Inter", Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';font-weight:400!important;border-color:#c1c9cb !important}
.text-shadow{text-shadow:-1px -1px 1px rgb(0 0 0 / .6)}
a,.sp-link a:hover,.sp-link a:hover *{color:rgb(0 21 42);outline:0!important;pointer-events:auto;z-index:2;text-decoration:none!important; cursor: pointer !important}
a.href-white,.sp-link a:hover *{color:#fff;}
a.active,a:active,a:focus,a:hover,footer a.nav-link:hover{color:#e0115f;text-decoration:none!important;outline:0!important;cursor:pointer!important;pointer-events:auto;z-index:2}
a.pink,.pink,#qa a{color:#e0115f}
a.pink:hover,#qa a:hover{color:rgb(0 21 42)}
a.navbar-brand{padding:0}
em{font-style:normal}
sub{color:rgb(24,34,74);font-size:4rem;font-weight:bold; opacity: 0.3; padding-right: 10px; display: inline-block; margin-left: -60px}
.pl22{padding-left:60px; min-height: 60px}
button,input.apply,input.applyreverse,a.blogtag{background:#fff;border:1px solid #c1c9cb;font-size:14px;padding:.5rem 1rem;font-weight:300}
button:hover,input.apply,.reverse,.carousel-caption a.btn,.ecomm a.btn,input.applyreverse:hover,a.blogtag:hover{background:#e0115f;color:#fff;border-color:#e0115f;border-radius:0}
button:hover a{color:#fff}
.richtext{font-weight:700;font-size: 1rem;text-transform: uppercase;color:rgb(0 21 42);padding:0 0 15px 5px; letter-spacing: 0.01em}
#ecom .richtext,.richtext.blue{font-size: 0.8rem;background: rgb(0 21 42);padding: 7px 15px;color: #fff;margin: 0 0 0 4px;display: inline;}
.lineruby{border-left:5px solid #e0115f; display: inline-block; padding:10px; background: #eee}
.bordericon{position:relative}
.bordericon:after{content:''; position: absolute; width:8px; height:8px; background: #e0115f; bottom:-4px; left: 0}
header{overflow:hidden}
.carousel-caption a.btn:hover,.ecomm a.btn:hover,input.apply:hover,input.applyreverse{color:#e0115f;background:#fff;border:1px solid #e0115f;}
.carousel button:hover{background:#fff;color:#fff;border-color:#fff}
.borderbottom:after{content:'';background:#e0115f;height:3px;width:100px;position:absolute;bottom:-10px;left:0}
.card-img-overlay{top:auto}
.bglgrey{background:#e4e7e8}
.sandborder{border:1px solid #bebcb8; height: 100%; position: relative; min-height: 136px; text-align: center}
.sandborder *{ max-height:160px}
.line{border-bottom:1px solid #e4e7e8;line-height:2.5}
.linedark{border-bottom:1px solid #4f5459;}
.bggrey{background-color:#576776}
.bgblue,.bg-dark{background-color:#00152a;  background-image: linear-gradient(to top left, #00152a, #000e1c);border:1px solid rgb(0 0 0 / .15);}
.more{ background-color:#223b55}
.sp-link a:hover{color:#fff;background:#e0115f}
.bgpink{background-color:#e0115f;background-image:linear-gradient(to top left,#ef1165,#e00658)}
.bgsand {  background:rgba(211,202,199,0.47) url("../img/lines-background-gray.svg") no-repeat 0 0!important; background-size: auto}
.bgwhite{background:#fff}
.bglines{background:url("../img/lines-background-gray.svg") no-repeat 0 0!important; background-size: auto}
.bggrey *{color:#fff}
.bggrey.bloglist *,#mpoc .bggrey .card-body *{color:rgb(0 21 42)}
.bggrey.bloglist .tag a.active,.bggrey.bloglist .tag a:active,.bggrey.bloglist .tag a:focus,.bggrey.bloglist .tag a:hover{background:#e0115f;color:#fff;border-color:#e0115f!important}
.bggrey.bloglist button:hover a{color:#fff}
.bd-placeholder-img{font-size:1.125rem;text-anchor:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.portfolio .card,#portfolio-content .card{background:#000}
.portfolio .card img.opacity-75:hover,#portfolio-content .card img.opacity-75:hover{opacity:0.5 !important;}
.card-img-overlay{z-index:3}
.bg-purple{background-color:#6f42c1}
.bgblue.showwhite{background-color:#fff !important; background-image: linear-gradient(to top left, #fff, #fff); border:1px solid rgb(0 0 0 / .15);}
.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}
.nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}
.bd-mode-toggle{z-index:1500}
.bd-mode-toggle .dropdown-menu .active .bi{display:block!important}
.nav-scroller .nav,.navbar-nav .nav-link{color:rgb(255 255 255)}
.nav-scroller .nav-link{padding-top:.75rem;padding-bottom:.75rem;font-size:.875rem;color:#6c757d}
.nav-scroller .nav-link:hover{color:#007bff}
.nav-scroller .active{font-weight:500;color:#343a40}
.navbar-brand img{max-width:200px}
.dropdown-item{padding:15px;}
.dropdown-item:focus,.dropdown-item:hover{background-color:#fff;}
.dropdown-item.active,.dropdown-item:active{background-color:#fff;color:rgb(0 21 42)}
li.Vogue .dropdown-menu,li.Services .dropdown-menu{padding-bottom:0}
li.Vogue .dropdown-menu li,li.Services .dropdown-menu li{min-width:300px;}
li.Vogue .dropdown-menu li a,li.Services .dropdown-menu li a{padding:10px 0px !important;max-width: 350px}
.dropdown-item:hover span,.dropdown-menu li a:hover span{color: #e0115f}
.navbar-toggler{z-index:999999999}
.navbar-toggler:hover{border-color:#e0115f}
.navbar-toggler:hover .navbar-toggler-icon{background-color:#e0115f}
.navbar-toggler:focus{box-shadow:none}
.navbar-nav .dropdown .dropdown-menu.Company,.navbar-nav .dropdown .dropdown-menu.Technologies{min-width:230px;padding:0; border-bottom: 0}
.navbar-nav .dropdown .dropdown-menu.Company .dropdown-item,.navbar-nav .dropdown .dropdown-menu.Technologies .dropdown-item{padding:15px 30px;border-bottom:1px solid #c1c9cb}
.navbar-nav .dropdown.Services{position:initial;}
.navbar-nav .dropdown .dropdown-menu.Services{ left: -5px; width: calc(100% + 10px) !important;padding: 3rem !important;top:88px}
.navbar-nav .dropdown .dropdown-menu.Services .border-end:last-child{border:0 !important}
.dropdown-menu[data-bs-popper]{top:calc(100% - 3px)}
.navbar-nav .no-drop.Contact{padding:20px 15px}
.navbar-nav .no-drop.Contact a.first{border:1px solid #c1c9cb;padding:9px 0}
.navbar-nav .no-drop.Contact a.first:hover{border:1px solid #e0115f;-webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease;transition: all 0.15s ease;}
.navbar.showwhite .nav-link.first span{color:rgb(24,34,74) !important;}
.navbar .nav-link.first:hover span,.navbar.showwhite .nav-link.first:hover span{color:#e0115f !important;}
.dropdown-toggle:after{display: inline-block;content: "";vertical-align:-0.2em;background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path 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'/></svg>");background-repeat: no-repeat;background-size:0.85rem 0.85rem;border:0 !important;width:16px;height:16px; margin-left:5px}
.showwhite .dropdown-toggle:after{background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%2318224a' viewBox='0 0 16 16'><path 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'/></svg>");}

.showwhite .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1.00%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

.dropdown:hover .dropdown-toggle:after{background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23e0115f' viewBox='0 0 16 16'><path 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'/></svg>");}
.navbar .container-fluid {
  display: flex;
}

.navbar .container-fluid .navbar-collapse {
  flex-grow:2;
  
}
.navbar-nav {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}


.dropdown-toggle {
  margin-left: auto;
}

.dropdown-toggle:hover + .dropdown-menu, .dropdown-menu:hover {
    display: block;
    margin-top: 0;
}

.dropdown-menu:hover {
  flex-grow: 2;
}
 
.dropdown-toggle:hover {
  flex-grow: 2;
}

.dropdown-toggle {
  text-align: right;
}
.accolades{bottom:5%; position: absolute; z-index: 9}.accolades img{margin:0 0 5px;max-height:68px}
.carousel-caption{bottom:8rem; left: 5%; right: 5%}
#projects-section .nav-tabs{padding:15px 0 0;margin:30px 0 0; border: 0}
#projects-section .nav-tabs li a{margin:0 60px 0 0;color:#313131;padding-bottom:15px}
#projects-section .nav-tabs li a.active{color:#e0115f;border-bottom:3px solid #e0115f}
.tab-content>.active{opacity:1}
.taglist{font-size:18px;line-height:22px;padding:9px 20px;background:#ebebeb;background-color:#ebebeb;color:#234;display:inline-block;-webkit-transition:.2s linear;transition:.2s linear;margin:15px 15px 0 0;cursor:pointer}
.taglist:hover,.taglist.active{background:#e0115f;color:#fff}
ul.pink li{padding:7.5px 15px; position: relative}
ul.pink li:before{content:"\2022";color:#e0115f;font-weight:700;display:inline-block;width:1em; position: absolute; left: 0}
.card{-webkit-transition-property:background-color,color;transition-property:background-color,color;border-color:#c1c9cb}
#qa .card{background: transparent;border:0;border-bottom: 1px solid rgb(0 21 42)}
#qa .card .card-header{background: transparent}
#Shopify .opacity-75{transition:0.9s}
#Shopify .opacity-75:hover{opacity:1.0!important;transition:0.9s}
footer *{color:#fff}
footer .bgsand h6{color:#474442}
footer .bgpink img{width:24px;height:18px;filter:brightness(0) invert(1);margin:0 auto}
.text-right{text-align:right}
footer .bgpink a:hover img{filter:brightness(0) invert(0)}
footer strong{color:#fff;margin-bottom:10px;text-transform:uppercase;font-weight:400}
footer ul li:last-child{padding-bottom:2rem}
footer li a.first,footer li a.active{color:#999; padding: 5px 0}
footer li a.focus,footer li a:hover{color:#e0115f}
footer .logos .logos div{height:1px; width:calc(100% - 245px); position: absolute; background:#4f5459;right:0;top:50%; }
footer .logos .address img{max-width:128px; display: block; margin: 0 auto}
footer .logos .address:last-child img{max-width:164px;}
footer .logos .address p{line-height:5px; padding-bottom: 30px}
.s-links li a{padding:30px; background: #fff}
.s-links li a:hover{color:#fff; background: #e0115f}
.s-links li a:hover i{color:#fff}
.s-links h5{padding-left:30px}
.bggrey .card{border:1px solid #544f50;-webkit-box-shadow:0 0 10px 0 rgb(0 0 0 / .25);-moz-box-shadow:0 0 10px 0 rgb(0 0 0 / .25);box-shadow:0 0 10px 0 rgb(0 0 0 / .25)}
.card-text .exp span:last-child{display:none;visibility:hidden}
#Shopify .web-design img,.black img{filter: grayscale(100%);}
#plus .accolades img{filter: brightness(0%);}
.carousel-item-next, .carousel-item-prev, .carousel-item.active{background: #000; overflow: hidden}
.carousel-item.active,.carousel-item img{max-height:80vh;min-height:80vh}
#ContactUs .carousel-item.active{max-height:30vh;min-height:30vh}
#ContactUs .carousel-caption a{display:none}
.ecomm .carousel-item.active,.ecomm .carousel-item img{max-height:auto; min-height: auto}
.ecomm .bgsand{padding: 30px; background: #fde5dc !important;}
.fullscreen-video-container{position:relative;height:100vh;width:100vw;overflow:hidden;display:flex;justify-content:center;align-items:center; padding: 0; margin: 0; max-height: 83vh}
.fullscreen-video-container video{position:absolute;width:auto;height:auto;min-width:100%;min-height:100%;z-index:0;outline:none;}
.black h5:after{width:100%; height: 1px; background:#898883; position: absolute; bottom: 0; content: ''; left:0px}
#qa .accordion .accordion-item h5,#qa .accordion .accordion-item h5:hover,#qa .accordion .accordion-item h5:active,#qa .accordion .accordion-button,#qa .accordion,#qa .accordion .accordion-header,.accordion-button:focus{border:0; background-color: transparent;outline: 0 !important;  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;}
#qa .accordion .accordion-item{border-bottom: 1px solid rgb(0 21 42);background-color: transparent;outline: 0 !important;  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;}
#qa .accordion .accordion-item:last-child{border-bottom: 1px solid rgb(0 21 42)}
#qa .accordion .accordion-item:focus,#qa .accordion .accordion-item:hover,#qa .accordion .accordion-item:active{border-bottom: 1px solid #fff}
#qa .accordion .accordion-button:hover,#qa .accordion .accordion-button:focus,#qa .accordion .accordion-button:active,.accordion-button:not(.collapsed),.accordion-button:focus{background-color:#e0115f;border-color:#e0115f; color: #fff}
#qa .accordion .accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path 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-.708z'/></svg>") !important;
}

#ecomm .toprow .accordion-item,#ecomm .toprow .accordion,#ecomm .toprow .accordion-header,#ecomm .toprow .accordion-button{border-radius:0 !important}
#ecomm .toprow .accordion-button,#ecomm .toprow .accordion-button:focus,#ecomm button:focus:not(:focus-visible){border:0 !important;outline:0 !important;box-shadow:none !important}
#ecomm .toprow .accordion-button::after,.accordion-button:not(.collapsed):after{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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-.708z'/%3e%3c/svg%3e")}
#ecomm .toprow .accordion-button:not(.collapsed){background:#e0115f;color:#fff}
#ecomm .toprow .accordion-button:not(.collapsed)::after{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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-.708z'/%3e%3c/svg%3e"); }
#ecomm .toprow .accordion .accordion-item:nth-child(2) .accordion-button{background:#ae937c; color: #fff}
#ecomm .toprow .accordion .accordion-item:nth-child(3) .accordion-button{background:#806954; color: #fff}
#ecomm .toprow .accordion .accordion-item:last-child .accordion-button{background:#5e4733; color: #fff}
#blogsdetail .carousel-item img{opacity:0.75}
#blogsdetail .desc,#blogsdetail .desc *{font-size:1.25rem ;}
#blogsdetail .desc p{padding: 0;}
#blogsdetail .desc ul {margin:10px 0 15px}
#blogsdetail .desc ul li{margin:0 0 15px;font-weight:400; }
#blogsdetail .desc ul li:before {content: "• ";color: #e0115f;}
#blogsdetail .desc ul li a{color:#e0115f; font-size: 1.75rem}
#blogsdetail .desc ul li a:hover{color:rgb(0 21 42); text-decoration: underline}
#blogsdetail .desc ul li p{font-weight:300;padding:0 0 15px 10px;font-size:1.25rem}
#blogsdetail .desc th,#blogsdetail .desc th *, #blogsdetail .desc tbody tr:first-child td,#blogsdetail .desc tbody tr:first-child td *{font-weight:400}
#blogsdetail .desc strong{font-weight:500;font-size:1.5rem; border-left:5px solid #e0115f; display: inline-block; padding:10px; background: #ddd;}
#blogsdetail .desc ul li strong{font-weight:500;font-size:1.25rem; border-left:0; display: inline-block; padding:0; background:transparent;}
#blogsdetail .desc h4{font-weight:400;font-size:2rem; display: inline-block; border-bottom: 1px solid #4f5459; padding:0 20px 5px 0; margin-bottom: 10px}
#blogsdetail .desc table td,#blogsdetail .desc table th{border:1px solid #c1c9cb; padding: 20px}
.marketing .col-lg-4{margin-bottom:1.5rem;text-align:center}
.marketing .col-lg-4 p{margin-right:.75rem;margin-left:.75rem}
.featurette-divider{margin:5rem 0}
.featurette-heading{letter-spacing:-.05rem}
.ecomm{background:url("https://images.influxive.com/ecommerce-development.avif") no-repeat 0 0; background-size: cover}

.ticker-wrap,.ticker-wrap .ticker{height:8rem;box-sizing:content-box}@-webkit-keyframes ticker{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes ticker{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.ticker-wrap{background:#000;bottom:0;width:100%;overflow:hidden;background-color:rgba(#000,1);padding-left:100%;position:relative}.ticker-wrap .ticker{display:inline-block;line-height:8rem;white-space:nowrap;padding-right:85%;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:ticker;animation-name:ticker;-webkit-animation-duration:55s;animation-duration:55s}.ticker-wrap .ticker__item{display:inline-block;padding:0 2rem;font-size:1rem;color:#fff}.ticker-wrap .ticker__item img{max-height:36px}.fade-left,.fade-right{position:absolute;top:0;width:15%;height:100%;z-index:2;pointer-events:none}.fade-right{right:0;background:linear-gradient(to left,#000 20%,transparent)}.fade-left{left:0;background:linear-gradient(to right,#000 20%,transparent)}
a,.sp-link a:hover,.sp-link a:hover *,a.href-white,.sp-link a:hover *,button:hover,input.apply,.reverse,.carousel-caption a.btn,.ecomm a.btn,input.applyreverse:hover,a.blogtag:hover,.carousel-caption a.btn:hover,.ecomm a.btn:hover,input.apply:hover,input.applyreverse,.carousel-caption a.btn:hover,.ecomm a.btn:hover,input.apply:hover,input.applyreverse,.bgblue,.bg-dark,.portfolio .card img.opacity-75:hover,#portfolio-content .card img.opacity-75:hover,.bgblue.showwhite,.card{-webkit-transition:0.5s cubic-bezier(.25,.46,.45,.94);transition:0.5s cubic-bezier(.25,.46,.45,.94);}
@media (max-width:1499.98px){
            .accolades img{margin:0 0 5px;max-height:72px}
            .carousel-caption a.btn{padding:1rem !important;  }
 
}
@media (min-width:1299.98px){.carousel-caption{bottom:12rem;}#ContactUs .carousel-caption{bottom:4rem;}}
@media (max-width:1299.98px){
  .h800{min-height: 700px}
    .h300{min-height:300px}
    .h250{min-height:250px}
    .h150{min-height:150px}

}



@media (max-width:1240px){
.owl-carousel-inner h1{font-weight:400;font-size:calc(2.5rem + 2.5vw)!important}
}
@media (max-width:1024px){header li a.dropdown-item img{filter:brightness(0) invert(1);margin:0 auto}
     

}
@media (min-width:991.98px){
    .navbar-expand-lg .navbar-nav .nav-link{padding-top:30px; padding-bottom: 30px}
}
@media (max-width:991.98px){
.offcanvas-collapse{position:fixed;top:85px;bottom:0;left:100%;width:100%;padding-right:1rem;padding-left:1rem;overflow-y:auto;visibility:hidden;background-color:#000e1c;transition:transform .3s ease-in-out,visibility .3s ease-in-out}
.offcanvas-collapse.open{visibility:visible;transform:translateX(-100%)}
.navbar-nav{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0;width:100%;margin:auto; max-width: 100% !important}
.navbar-nav .nav-item .first{text-align:center;font-size:2rem}
.navbar-nav .nav-item .dropdown-menu{max-width:320px;margin:0 auto;background-color:transparent;border:0; }
.navbar-nav .nav-item .dropdown-menu *,.nav-link:focus,.nav-link:hover{color:#fff;text-align:center;border:0}
.navbar.showwhite .nav-link.first span {color: rgb(255,255,255) !important;}
.dropdown-item.active,.dropdown-item:active,.dropdown-item:hover{background:#e0115f}
.navbar-collapse .nav-item .dropdown-menu{border:1px solid #333;margin: 0 auto !important;overflow-y: scroll; overflow-x: hidden; max-height:450px; padding: 0 !important}
.navbar-nav .dropdown ul li,.navbar-nav .dropdown .dropdown-menu.Services,.dropdown-menu li a.third{padding:0 !important;min-width: 100%;}
.dropdown-menu li span.fw-medium{border-bottom:1px solid #333!important;border-top:1px solid #333!important;}
.dropdown-menu li span.second,.dropdown-menu li a.third span{padding:20px 0!important; background: #576776; margin: 0 !important}
.dropdown-menu li a.third span{background:transparent}
    .navbar-collapse .nav-item .dropdown-menu li.border-end{border-right:0 !important}
.navbar-nav .no-drop.Contact a.first{border:0;padding:0}
    .navbar-nav .dropdown .dropdown-menu.Company .dropdown-item,.navbar-nav .dropdown .dropdown-menu.Technologies .dropdown-item{border-bottom-color:#333}
.dropdown-toggle::after{vertical-align: -0.1em;}
        #banner .fixed-bottom{z-index:5; position: relative; margin: 0 auto; transform: none !important; top: 0 !important}
        .accolades img{margin:0 0 5px;max-height:48px}
        .carousel-caption a.btn{padding:0.75rem 1.5rem!important;  }
        .carousel-caption{bottom:6rem; }
        .dropdown-menu a.third:hover{color:#e0115f}
    footer .acrre{margin:0 !important; padding-top: 0 !important}
    footer .acrre img{max-height:80px; margin: 0 auto; margin-bottom:60px}
    footer .mfs,footer .mfs *{font-size:0.9rem}
    .ecomm.p-5,.ecomm .p-5{padding:10px !important}
            .w90{width:100%;max-width:100%}
}
@media (min-width:668px) and (max-width:991.98px){
           .w90{width:95%;max-width:95%}
    .carousel-item-next, .carousel-item-prev, .carousel-item.active{background: #000; height: 100vh;}
    .carousel-item img{object-fit: cover; height: 100vh}
    #midbanner,#midbanner img{min-height:450px}
}

@media (min-width:768px){
    #portfolio .row-cols-md-2 .col:nth-child(3n){flex:0 0 auto;width:100%}
    .bd-placeholder-img-lg{font-size:3.5rem}
}
@media (max-width:768px){
.tagline span{font-size:calc(1.25rem + 1.65vw);}
}

@media (max-width:575.98px){
    .carousel{margin-top:-2px}
    .carousel-caption{left:0; right:0; background: rgba(0,0,0,0.25); min-height: 100vh;padding:70% 0 0 !important; bottom:0}
    .fs-00, .highlight h2{font-size:calc(2.75rem + 2.5vw)!important;}
    .fs-0,#mobile .highlight h2{font-size:calc(2rem + 1.5vw)!important;}
    .g-4
   footer .bgpink *,.navbar-nav li.nav-item{bottom:0;padding:0 !important;}
    .carousel-inner .fs-2,footer .logos,footer .container-fluid .pt-3,#projects-section .nav-tabs li a{padding:0 !important;}
    footer .acrre{padding-bottom:0 !important}
    footer .acrre img{margin-bottom:60px}
    footer h6.fs-0{font-size:calc(2rem + 1.5vw) !important}
    .card-text .exp,.card-text .exp *,footer .bggrey,footer .container-fluid.py-0 .row:nth-child(2) *{font-size:13px;line-height:16px}
    section.portfolio{padding-bottom:0 !important}
    footer .container-fluid.py-0 .row:nth-child(2) .px-4{padding:0 0 0 12px !important}
    footer a.nav-link:hover{text-align:left}
    .navbar-brand img{max-width:160px}
    .navbar-brand .fs-7{font-size:0.55rem !important}
    .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus, .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{background:#e0115f !important}
    .navbar-nav .nav-item .first{font-size:2.5rem}
    .navbar-nav{height:calc(100vh - 120px); margin-top: 40px;}
    .navbar-nav .dropdown.Vogue,.navbar-nav .dropdown.Services{position:relative}
    .navbar-nav .dropdown.Vogue ul li,.navbar-nav .dropdown.Services ul li{width:100% !important; float: none !important}
    #portfolio h1{padding:15px !important; margin-bottom:30px}
    #projects-page #projects-section .nav-tabs{margin:0;}
    #projects-page #projects-section .nav-tabs li:first-child{width:40%}
    #projects-section .nav-tabs li a{margin:0}
    .sandborder{min-height:106px}
        .carousel-inner img{object-fit: cover;}
#midbanner img,#portfolio-detail #banner img{min-height:600px;object-fit: cover;}
    #ecom .richtext, .richtext.blue{margin:0}
    #UI-UX #our-vertical .card img,.swiper-slide img,#plus #our-vertical .card img,#Shopify #our-vertical .card img,#mwda #our-vertical .card img,#portfolio-content img{min-height:300px;object-fit: cover;}
    #midbanner .card-img-overlay{left:0; right:15px}
    #ContactUs .p-2 {padding:.5rem 0!important;}
    .carousel-inner .fs-2.mb-4{margin:0 !important}
    #portfolio-detail .fs-00 {font-size: calc(2rem + 2.5vw) !important; word-wrap: break-word;text-shadow:none}
    #portfolio-detail .card-text{display:none; visibility: hidden}
    #portfolio-detail .card-img-overlay{min-height:100%; padding:50% 0 0;}
    #portfolio-detail #banner{margin:-2px 0 0}
    .pc0 .col{padding-left:0}
    .py30,.w90{padding:0 20px !important}
    .w90.add{padding:30px 20px !important}
    .py15{padding:0 15px !important}
    .w90{max-width:100% !important;width:100% !important}
    .mm-0{margin:0 !important}
    .pty-3{padding-top: 3rem !important;}
    .swiper-pagination *,.swiper-pagination{font-size: 20px !important;color:#999}
    .exp{padding-top:10px}
    .digit *{border:0 !important; position: relative !important}
    .digit .row *{padding:0 !important}
}
@media screen and (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
    display: block; left: 0;-webkit-animation: fadeIn .53s ease-out;
    -moz-animation: fadeIn .53s ease-out;
  }
  .dropdown .dropdown-menu {
    display: none;
  }

}