/* Default Section */
body{padding:0px; margin:0px; background-color:#fff; font-family: "Poppins", sans-serif; font-weight:400; font-size:14px; -webkit-font-smoothing: auto;position: relative;}
img{border:none;}
a{transition:all 0.3s; text-decoration:none;}
a:hover, a:focus, a:visited{text-decoration:none; outline:none;}
hr{border:none;}
h1, h2, h3, h4, h5, h6{margin:0; font-weight:500; font-family: "Geologica", sans-serif;}
p{color:#6C6C6C; line-height:24px; margin-bottom:20px;}
li{color:#6C6C6C; line-height:22px;}
input{font-size:14px;}
p a, li a{color:#6C6C6C;}
p a:hover, li a:hover{color:#f2594b;}
strong{font-weight:600;}
iframe{border:none; overflow:hidden;}
textarea{resize:none; font-size:14px;}
.oreganofont{font-family: 'Great Vibes', cursive;}

::-webkit-input-placeholder {
    opacity: 1.0 !important; /* for older chrome versions. may no longer apply. */
}
:-moz-placeholder { /* Firefox 18- */
    opacity: 1.0 !important;
}
::-moz-placeholder {  /* Firefox 19+ */
    opacity: 1.0 !important;
}
:-ms-input-placeholder {  
   opacity: 1.0 !important;
}

.container{max-width:1260px;}
.accordion-button{font-family: 'Alegreya Sans', sans-serif;}


:root {
      --industry-red: #ff4438;
      --industry-orange: #ff7a18;
      --industry-dark: #090b10;
      --industry-dark-soft: #11141c;
      --industry-text: #15171f;
      --industry-muted: #747885;
      --industry-light: #f6f7fb;
      --industry-border: #e9eaf0;
      --industry-white: #ffffff;
	  
	  --hire-red: #ff4438;
      --hire-orange: #ff7a18;
      --hire-dark: #080910;
      --hire-dark-2: #10131c;
      --hire-blue: #14213d;
      --hire-text: #15171f;
      --hire-muted: #717684;
      --hire-light: #f6f7fb;
      --hire-border: #e8eaf0;
      --hire-white: #ffffff;
    }
	
 .project-casestudy-section {
      --project-casestudy-primary: #0b1f3a;
      --project-casestudy-secondary: #123b6d;
      --project-casestudy-accent: #1d6fdc;
      --project-casestudy-text-dark: #101828;
      --project-casestudy-text-muted: #667085;
      --project-casestudy-border: #e6eaf0;
      --project-casestudy-bg-soft: #f6f8fb;
      --project-casestudy-white: #ffffff;
    }	



/* Main Navigation bar */
.headersec{width:100%; position:fixed; left:0; top:0; z-index:9999;}
.headersec .navbar{background-color:rgba(255,255,255,0.0)!important; transition:all 0.43s ease-in-out; padding:17px 0; height:auto; position:relative; 
z-index:99; transition:all 0.4s ease-in-out; margin-top:0;}

.headersec .navbar .navbar-brand img{width:200px; transition:all 0.43s ease-in-out; margin-top:0px;}
.headersec .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link, .headersec .navbar-light .navbar-nav .nav-link:hover, .headersec .navbar-light .navbar-nav .current-menu-item a{color:#fff!important; font-weight:400; transition:all 0.25s ease-in-out;}
.headersec .navbar-light .navbar-nav .nav-link{color:rgba(255,255,255,0.7); font-size:15px; padding:1.16rem 1.8rem; letter-spacing:0.5px;  font-weight:400;}
.headersec .navbar-light .navbar-nav .nav-link:hover{color:#bfaba4;}
.headersec .navbar-nav.leftsidenav{padding-left:2rem;}
.rightsidenav li a{color:#fff!important; transition:all 0.43s ease-in-out;}
.rightsidenav li:last-child a{background-color:#00baff; color:#fff!important; padding-left:1rem; padding-right:1rem; border-radius:5px;border:2px solid #fff;}
.current-menu-item a{color:#50e3c2!important;}
.headersec .navbar-light .navbar-nav .nav-link.active{font-weight:600; position:relative;}
.headersec .navbar-light .navbar-nav .nav-link.active:before{content:''; display:block; width:5px; height:5px; border-radius:50%; background-color:#de0000; position:absolute; top:27px; left:4px;}

.headersec .navbar .container{border-bottom:1px solid rgba(255,255,255,0.34); 
padding-bottom:1rem;}

.headersec .dropdown-item{font-weight:400; font-size:16px; border-left:2px solid #fff;}
.headersec .dropdown-item:hover{border-left:2px solid #50e3c2;}
.headersec .dropdown-item:focus, .headersec .dropdown-item:hover{background-color:transparent; color:#50e3c2;}

.nav-item.concusbtn{padding-top:10px;}
.nav-item.concusbtn a{background-color:rgba(255,255,255,0.0); border:1px solid #fff; border-radius:2px; padding:8px 30px!important; color:#fff!important;} 
.nav-item.concusbtn .nav-link:hover{color:#fff!important;}
.headersec .navbar-light .navbar-nav .nav-item.concusbtn .nav-link:hover{color:#fff!important;}

.nav-item.slashboxcls svg{opacity:0.7; fill:#fff; height:38px; position:relative; top:11px; left:-7px;}

.smiconsnav li a{padding-left:12px!important; padding-right:12px!important;}
.blogreadmorebtn{width:100%;}
.blogreadmorebtn a{color:#bfaba4!important;}

.headersec .navbar-nav li.nav-item .fa-user-circle{font-size:18px;}
.headersec .nav-item.callnavcls a.nav-link{background-color:#50e3c2; color:#fff; padding: 1.2rem 1rem; border-radius:5px; font-weight:700; font-size:18px;}
.headersec .nav-item.callnavcls a.nav-link:hover{color:#fff;}

.nav-item.customconcls{padding-top:11px; margin-left:1rem; margin-right:0.7rem;}
.nav-item.customconcls a{padding:0.5rem 1rem!important; background-color:#f2594b; color:#fff!important; border-radius:5px;}
.nav-item.customconcls a:hover{background-color:#d94231;}
.nav-item.cusphonenum a{color:#fff!important; position:relative; top:1px;}

.sidenav{height:100%; width:0;position:fixed;z-index:1;top:0;right:0;background-color:#fff;overflow-x:hidden;transition:0.5s ease-in-out;padding-top:60px;text-align:left;}
.sidenav a {padding: 8px 8px 8px 24px;text-decoration: none;font-size:25px;color:#171717;display:block; transition:0.3s ease-in-out;}
.sidenav a:hover{color:#f1f1f1;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}

.mobilebelownav{width:100%; padding:1rem; margin:0; list-style-type:none; text-align:center;}
.mobilebelownav li{display:inline-block; padding:0 0 0.5rem 0; font-size:15px;}
.mobilebelownav li a{border:1px solid #00baff; padding-left:1rem; padding-right:1rem; border-radius:5px; display:inline-block; width:148px; text-align:center; font-size:15px;}
.mobilebelownav li:last-child a{background-color:#00baff; color:#fff!important;}

.mobilebelownav{display:none;}
@media screen and (max-height: 450px) {
  .sidenav{padding-top:15px;} .sidenav a{font-size:18px;}
}

.headersec.posi{box-shadow:1px 1px 2px rgba(0,0,0,0.25);}
.headersec.posi .navbar .navbar-brand img{}
.headersec.posi .rightsidenav li a{color:#54545e!important;}
.headersec.posi .rightsidenav li:last-child a{color:#fff!important;}
.headersec.posi .navbar .navbar-brand img{width:146px;}

.headersec.posi .navbar{padding:4px 0; background-color:rgba(0,0,0,0.8)!important;}
.headersec.posi .navbar .container{border-bottom:1px solid rgba(255,255,255,0.0); padding-bottom:0rem;}

/* Dropdown nav */
.headersec .navbar-nav .nav-item.dropdown .dropdown-menu{border-radius:0px; position:fixed; width:100%; left:0; 
background-color:rgba(255,255,255,0.97); border:none; box-shadow:2px 4px 10px rgba(0,0,0,0.08);}
.navsubblock{width:100%; padding:0.5rem 0px;}
.navsubblock strong{font-weight:600;}
.navsubblock h4{font-size:18px; font-weight:300; margin-bottom:0.61rem; color:#f2594b;}
.navsubblock p{font-size:13px; line-height:20px; font-weight:300; margin-bottom:10px;}
.navsubblock .discbtm.withblacktxt{padding-top:0; padding-bottom:5px;}
.navsubblock .discbtm.withblacktxt a{font-size:14px;}
.separatoronecls{width:100%; height:1px; background-color:#e4e4e4; margin:1rem 0;}

.mainnavlinks{padding:0.5rem 0px;}
.mainnavlinks ul{margin:0; padding:0 0 0 12px; list-style-type:none;}
.mainnavlinks ul li{font-size:14px; padding-bottom:10px; position:relative;}
.mainnavpadleft{padding-left:1.4rem;}

.mainnavlinks ul li:before{content:'\f105'; position:absolute; top:2px; left:-12px; font:normal normal normal 16px/1 FontAwesome;}
.mainnavpadlefttwo{padding-left:1.3rem;}
.navsmallimgcls{object-fit:cover; height:135px; width:100%;}

.schedfreeconsbtn{width:100%; padding-top:2rem; position:relative;}
.schedfreeconsbtn a{padding:1rem!important; background-color:#f2594b; color:#fff!important; border-radius:5px; font-size:14px; 
position:relative;}
.schedfreeconsbtn a:hover{background-color:#d94231;}
.schedfreeconsbtn a .btnbannerarrowcls{top:-3px;}

/* Mega Nav Design Two */
.megasinglenav{width:100%; padding:1rem 0.7rem; margin:1rem 0; background-color:#fff; transition:all 0.3s ease-in-out;}
.megasinglenav h5{color:#f2594b; font-size:17px; font-weight:400; margin-bottom:10px;}
.megasinglenav p{font-size:13px; font-weight:400; line-height:20px; margin:0;}
.megasinglenav:hover{background-color:#f6f6f6;}
.megasinglenav:hover p{color:#272727; font-weight:400;}

.bannersec.innerpagesec{max-height:430px;}
.bannersec.innerpagesec .innerimgcls{margin-top:-7rem;}
.bannersec.innerpagesec .banner-caption{bottom:initial; top:14rem;}

.bannersec.innerpagesec h1{font-weight:200;}
.banner-caption h3{margin-bottom:1rem;}
.headersec .nav-item.dropdown .dropdown-menu .container{padding-bottom:0;}
.abtboxonebox{width:100%; text-align:right;}
.servicesec.whyussec.innerabtsec{background-color:#fff;}

.timelinesec{width:100%; background-color:#fafafa; padding:5rem 0;}
.singletimeline{width:100%;}
.singletimeline h5{color:#f2594b; font-size:20px; font-weight:500; position:relative;}
.singletimeline h3{color:#171717; font-size:16px; font-weight:600; padding-right:4rem;}
.singletimeline p{font-size:13px; margin-bottom:0; padding:0.5rem 0.8rem 0.5rem 0; line-height:20px; padding:1rem 3.4rem 0.5rem 0;}
.tsepaline{margin:0.61rem 0 1rem; border:none; width:100%; background-color:#a4a4a4; height:1px;}
.timelinesec .titleboxone{margin-bottom:3.4rem;}
.timelinesec .titleboxone h2{margin-bottom:0.7rem;}
.timelinesec .owl-theme .owl-dots{display:block!important;}

.singletimeline h5:after{content:''; display:block; width:10px; height:10px; background-color:#f2594b; border-radius:50%; 
position:absolute; left:17px; top:30px; z-index:9;}

.companymdsec{width:100%; padding:5rem 0;}
.mdimgblock{width:100%; position:relative;}
.mdimgblock img.ceoimgcls{filter:grayscale(1);}

.titlemdbox{width:340px; height:auto; background-color:#fff; position:absolute; bottom:17px; right:-50px; border-radius:2px; z-index:99;
box-shadow:2px 4px 10px rgba(0,0,0,0.08); padding:1.5rem;}
.titlemdbox h2{color:#171717; font-size:24px; font-weight:300; margin-bottom:5px;}
.titlemdbox h6{color:#474747; font-size:14px; font-weight:300;}
.logoiconimgcls{width:84px; position:absolute; bottom:0; right:17px;}

.ceobrieftxtbox{width:100%; padding-left:4.5rem; padding-top:2.5rem;}
.ceobrieftxtbox .titleboxone h3{font-weight:200; font-size:25px; color:#979797; padding:1.2rem 0; line-height:34px;}

.carticon, .usericon{width:15px;}
.carticon{margin-right:2px;}
.navsearchbox{width:184px; padding-top:9px;}
.navsearchbox input[type="search"]{width:100%; border-radius:5px; background-color:#f5f5f5; padding:10px 8px 10px 30px; border:none; 
background-image:url('../images/search.png'); background-repeat:no-repeat; background-position:left 8px center;}
.searchcartlist{margin-left:15px!important;}

.bannersec{width:100%; background-color:#f9f9f9; background-repeat:no-repeat; background-position:top left; background-size:cover; display:flex;}
.bannersec .overshadecls{width:100%; display:flex; background-color:rgba(0,0,0,0.34); background-image:url('../images/bannerfadebg01.png'); 
background-repeat:no-repeat; background-position:bottom right; background-size:contain;}
.bannermainwrapsec{width:100%; min-height:740px; display:flex; align-items: center; justify-content:center; flex-direction:column;}
.bannercapcls{width:700px; margin-top:4rem; min-height:100px; text-align:center;}
.bannercapcls p{text-align:center; margin-bottom:10px; padding-top:12px; color:#50e3c2; text-transform:uppercase; font-size:20px;}
.bannercapcls h1{font-size:34px; font-weight:300; color:#fff; margin-bottom:10px;}
.pagebtncls{width:100%; margin-bottom:20px;}
.pagebtncls a{color:#777;}

.bannerbtn{width:100%; padding:1rem 0 2rem;}
.bannerbtn a{letter-spacing:2px; font-size:11px; border:1px solid #c7a3a1; font-weight:500; text-transform:uppercase; color:#fff; padding:12px 40px; 
transition:all 0.3s ease-in-out; background-color:#c7a3a1;}
.bannerbtn a:hover{background-color:#f9f9f9; color:#575757; border:1px solid #a7a7a7;}

/* Banner */
.bannersec{width:100%; position:relative; max-height:650px; overflow:hidden; padding-top:0;}
.bannersec img{width:auto; object-fit:cover;}

.dlc-hero-opacity{background-color:rgba(0,0,0,0.34); position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;}

.banner-caption{width:80%; position:absolute; left:5%; bottom:16.5rem; background-color:rgba(49,111,180,0); z-index:99; text-align:center;}
.banner-caption h1{font-size:50px; color:#fff; margin-bottom:10px; line-height:60px; font-weight:500;}
.banner-caption h1 span{font-weight:400;}
.banner-caption h2{font-size:17px; font-weight:200; color:#fff; margin-bottom:15px;}
.banner-caption h2 strong{font-weight:500;}
.banner-caption p{font-weight:600; text-align:center; margin-bottom:10px; padding-top:12px; color:#50e3c2; text-transform:uppercase; font-size:20px;}
.bannersec video{width:100%; height:auto; -o-object-fit:cover; object-fit:cover; -o-object-position:center center;object-position:center center;}
.banner-caption h3{font-weight:200; font-size:20px; color:#fff; min-height:24px;}

.bannerbtn{width:100%; text-align:center; padding-top:2rem;}
.bannerbtn a{padding:1rem 3rem; background-color:#08c9bd; color:#fff; font-size:16px; text-transform:uppercase; transition:all 0.3s ease-in-out;}
.bannerbtn a:hover{background-color:#F29555; color:#fff;}

.cartbox.aboutssbox{position:relative;}
.cartbox.aboutssbox .namesstxt{width:430px; padding:2rem 1.7rem; background-color:rgba(190,170,163,0.89); position:absolute; bottom:2rem; left:-13rem; border-radius:10px;}
.cartbox.aboutssbox .namesstxt h3{font-size:25px; color:#fff; margin-bottom:0.5rem; font-weight:400; letter-spacing:-1px;}
.cartbox.aboutssbox .namesstxt p{color:#fff; margin-bottom:0; font-size:16px; font-weight:300;}
.sepa08{margin-bottom:8rem;}

.aboutsec{width:100%; background-color:#fff; padding:5rem 4rem 6rem;}
.aboutsec .container-fluid{padding-left:0;}
.abouttextcls{width:400px; margin:12rem 2rem 0 6.1rem;}
.abouttextcls h2{color:#25212A; font-size:20px; font-weight:600; margin-bottom:1.2rem;}
.abouttextcls p{color:#575757;}
.explorebtn{width:100%; padding-top:1.5rem;}
.explorebtn a{background-color:#50e3c2; box-shadow:1px 2px 1px rgba(0,0,0,0.05); font-size:16px; color:#fff; padding:7px 30px; 
transition:all 0.3s ease-in-out; border:1px solid #50e3c2; position:relative; border-radius:5px; display:inline-block; font-weight: 600;}
.explorebtn a:hover{background-color:#f9f9f9; color:#575757; border:1px solid #a7a7a7;}

.abtimgboxcls{width:100%; min-height:610px; background-color:transparent; background-image:url('../images/bg01.png'); position:relative;}
.abtimgboxcls img.abthomeimgcls{width:400px; position:absolute; top:50px; right:-78px; border:2px solid #fff;}
.abtwrapbgcls{background-image:url('../images/abt1stbg.jpg'); background-repeat:no-repeat; background-size:cover;}

.navbar-nav.smrtbar li a.nav-link{display:inline-flex; width:40px; height:40px; align-items:center; justify-content:center; border:1px solid #e7e7e7;
 border-radius:50%; letter-spacing:0!important; padding:2px!important;}
.navbar-nav.smrtbar li a.nav-link:hover{border:1px solid #c7a3a1;}
.navbar-nav.smrtbar li{margin-left:10px;}

.hollowfontcls-original{font-size:194px;font-weight:500;position:absolute;right:12.5%;margin-top:5%;letter-spacing:20px;line-height:21px;
color:#e7e7e7;-webkit-text-stroke:1px rgba(0,0,0,0.15);-webkit-text-fill-color:transparent;z-index:1;background-color:#ffffff;}

.hollowfontcls{font-size:240px;font-weight:300;position:absolute;right:12.5%;margin-top:6.1%;letter-spacing:-17px;line-height:21px;
color:#f7f7f7;z-index:1;background-color:#ffffff;}

.servicesec{width:100%; background-color:#fff; padding:5rem 0; position:relative; min-height:600px;}
.titleboxone h5{font-size:17px; font-weight:400; margin-bottom:0.34rem;}
.servicesec .titleboxone h2{font-size:36px; font-weight:500;}
.titleboxone h2 span{font-size:20px; font-weight:200; color:#979797;}
.titleboxone svg{opacity:0.34;}

.servicesec .titleboxone h2 i{font-style:normal; color:#f2594b;}

.serviceslider{width:100%; background-color:#e7e8db; min-height:200px; padding:2rem; margin-top:3.4rem; border-radius:5px;}
.clipimgblock{clip-path:polygon(25% 0%, 100% 0%, 78% 100%, 0% 100%);}

.webimageblock{width:100%; position:relative;}
.webimageblock img{max-width:520px; position:absolute; left:-5.2rem; top:-5rem; z-index:10;}
.mainservicesblock{width:100%; position:relative;}
.mainservicesblock h6{font-size:15px; font-weight:400; margin-bottom:0.34rem; color:#6e6f65;}
.mainservicesblock h2{color:#6e6f65; font-size:60px; margin-bottom:2rem;}
.mainservicesblock ul{padding:0; margin:0; list-style-type:none; width:967px; position:relative; z-index:99;}
.mainservicesblock ul li{display:inline-block; background-color:#fff; width:32.33%; min-height:240px; float:left; border-right:1px solid #e4e4e4;}
.mainservicesblock ul li:last-child{border-right:0;}

.newarrivsec.topstorysec.recentworkcls h2{font-size:36px; color:#000;}

.servicesec.servsectwomain .verticaltabbox button.nav-link{padding:45px 30px; box-shadow:-0.7px 2.9px 53.8px 0 rgba(0,0,0,16%);border-radius:14px;
position:relative;background:#fff;display:flex;align-items:center;cursor:pointer;width:140%; margin-bottom:2rem; z-index:99;}
.servicesec.servsectwomain .verticaltabbox button.nav-link.active{background-image:linear-gradient(67deg,#c9ffec 0%,#cadaff 95%);}
.servicesec.servsectwomain .verticaltabbox .icn{width: 38px;height:38px;display:flex;margin-right:27px;}
.servicesec.servsectwomain .verticaltabbox button.nav-link h3{line-height:1.25; margin:0; color:#000; font-weight:400; text-align:left;font-size:24px;min-width:170px;}
.servicesec.servsectwomain .verticaltabbox button.nav-link.active h3{font-weight:bold;}
.servicesec.servsectwomain .verticaltabbox button.nav-link:after{content: "0" counter(my-sec-counter);
    counter-increment: my-sec-counter;
    font-size: 105px;
    font-weight: 500;
    position: absolute;
    background-image: linear-gradient(to bottom,rgba(0,0,0,.14) 0%,rgba(255,255,255,0) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    right: 37px;
    z-index: 1;
    line-height: 1;
    letter-spacing: -4px;}
.servicesec.servsectwomain .verticaltabbox button.nav-link.active:after{content:"01";
    counter-increment: my-sec-counter;
    font-size: 105px;
    font-weight: 500;
    position: absolute;
    background-image: linear-gradient(to bottom,rgba(0,0,0,.14) 0%,rgba(255,255,255,0) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    right: 37px;
    z-index: 1;
    line-height: 1;
    letter-spacing: -4px;}
	
.servicesec.servsectwomain .verticaltabbox button.nav-link:nth-child(2):after{content:"02";}	
.servicesec.servsectwomain .verticaltabbox button.nav-link:nth-child(3):after{content:"03";}	
.servicesec.servsectwomain .verticaltabbox button.nav-link:nth-child(4):after{content:"04";}	
.servicesec.servsectwomain .verticaltabbox button.nav-link:nth-child(5):after{content:"05";}	
	
.servicesec.servsectwomain .verticaltabbox button.nav-link:before{
    content: "";
    position: absolute;
    height: 24px;
    width: 24px;
    background-image: url('../images/arrow-up-right.svg');
    right: 10px;
    top: 10px;
    z-index: 11;
    border-radius: 50%;
    transition: all 0.3s;
	background-repeat:no-repeat;
	background-size:100%;
}
.servicesec.servsectwomain .verticaltabbox button.nav-link.active:before{transform: rotate(75deg);}	
.verticaltabbox{margin-top:3.4rem;}

.home-services-inners{position:sticky;top:12vw;left:0;height:500px;background-color:#344892;overflow:hidden;width:100%;margin-top:-1rem;border-radius:10px;}
.home-services-inners .tab-pane{
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.servicesec.servsectwomain .btnbannerarrowcls{top:0;}

.home-services-inners .tab-pane{
    padding: 35px 30px 60px 15%;
    height: 100%;
    vertical-align: middle;
    position: relative;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
    top: 0;
    color: rgb(255 255 255);
}

.home-services-inners .tab-pane.active{position:absolute; z-index:9;}
	
.new-heading-style .btn-plane{
    background: transparent;
    border: none;
    font-size: 17px;
    font-weight: 500;
    padding-left: 0;
    padding-right: 5rem;
    text-decoration: underline!important;
    margin-top: 1rem;
	cursor:pointer;
}

.new-heading-style .btn-plane:hover{color:#fff;}

.btn-register-header {
    display: inline-block;
    color: #fff;
    vertical-align: super;
    border-radius: 1.5px;
    border: solid 1px #70aa26;
    background-color: #70aa26;
    padding: 9px 20px 9px 47px;
    position: relative;
}

.new-heading-style .btn-plane::before {
    right: 1rem;
    border: none;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    left: unset;
    height: 34px;
    width: 34px;
    background-image: url('');
    background-size: contain;
    background-position: center;
}
.new-heading-style p{
    font-size:14px;
    font-weight:300;
    font-style:normal;
    font-stretch:normal;
    line-height:1.44;
    letter-spacing:normal;
    text-align:left;
    color:#fff;
	padding-top:0.7rem;
}

.servicesec.servsectwomain .verticaltabbox button.nav-link:hover{background-image:linear-gradient(67deg,#fff3ca 0%,#c9ebff 91%);}
.new-heading-style h4 {
    font-size: 25px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin-bottom:5px;
}
.btn-register-header:before{
    box-shadow: 0 0 0 rgba(255,255,255,.4);
    animation: pulso 2s infinite;
    transition: .5s;
    content: "";
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    position: absolute;
    left: 15px;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.btn-animation:before{
    box-shadow: 0 0 0 rgba(255,255,255,0.4);
    animation: pulso 1.5s infinite;
    transition: .5s;
    content: "";
    width: 15px;
    height: 15px;
    border: 0px solid #fff;
    position: absolute;
    right: 0;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.btn-animation-orange:before{
    box-shadow: 0 0 0 rgba(242,89,75,0.4);
    animation: pulso-orange 1.5s infinite;
    transition: .5s;
    content: "";
    width: 15px;
    height: 15px;
    border: 0px solid #fff;
    position: absolute;
    right: 4px;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.new-heading-style .btn-plane:before{
    right: 2.8rem;
    border: none;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    left: unset;
    height: 34px;
    width: 34px;
    background-image: url('../images/up-thin-arrow01.png');
    background-size: 47%;
    background-position: center;
	/*content: "\f18e";*/
	display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	color:#f78f21;
	line-height:35px;
	background-repeat:no-repeat;
}

@keyframes pulso {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255,255,255,0.8);
        box-shadow: 0 0 0 0 rgba(255,255,255,.8);
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(255,255,255,0);
        box-shadow: 0 0 0 20px rgba(255,255,255,0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255,255,255,0);
        box-shadow: 0 0 0 0 rgba(255,255,255,0);
    }
}

@keyframes pulso-orange {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(242,89,75,0.8);
        box-shadow: 0 0 0 0 rgba(242,89,75,.8);
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(242,89,75,0);
        box-shadow: 0 0 0 20px rgba(242,89,75,0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(242,89,75,0);
        box-shadow: 0 0 0 0 rgba(242,89,75,0);
    }
}

.serviceiconbox{width:100%; padding-top:3.1rem;}
.serviceiconbox ul{padding:0; margin:0; list-style-type:none;}
.serviceiconbox ul li{display:inline-flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding-right:0rem; width:24%;}
.serviceiconbox ul li img{width:64px; margin-bottom:5px;}
.serviceiconbox ul li p{text-align:center;}

.whyussec{width:100%; background-color:#fafafa;}
.whyussec .titleboxone{padding-bottom:1.5rem;}

.discbtm.withblacktxt a{color:#171717; border-bottom:1px solid #171717;}
.btnarrowcls{width:26px;}
.discbtm.withblacktxt a:hover{color:#171717; border-bottom:1px solid #171717;}
.btnbannerarrowcls{width:15px!important;height:15px;margin-left:10px; position:relative;top:4px;}
.bannersec .discbtm a{display:inline-flex;}

.discbtm{width:100%; padding-top:14px;}
.discbtm a{background-color:transparent; color:#fff; border-radius:0px; font-weight:400; font-size:15px; padding:0.34rem 0;
 transition:all 0.4s ease-in-out; border-bottom:1px solid #fff; position:relative;}
.discbtm a:hover{border-bottom:1px solid #e7e7e7; color:#e7e7e7;}

.whyusshorttxt{width:100%; position:relative; margin-top:-12rem;}
.whyusshorttxt ul{margin:0; padding:0; list-style-type:none; position:relative;}
.whyusshorttxt ul li{padding:1.5em 1rem; border-bottom:1px solid #e4e4e4;}
.whyusshorttxt ul li:last-child{padding-bottom:0; border-bottom:0px solid #e4e4e4;}
.whyusshorttxt ul li .whyboxlist{width:100%;}
.whyusshorttxt ul li .whyboxlist h4{font-size:48px; color:#171717;}
.whyusshorttxt ul li .whyboxlist h3{font-size:14px; color:#171717; margin-bottom:7px;}
.whyusshorttxt ul li .whyboxlist p{font-size:13px; margin-bottom:0; line-height:17px;}

.whyusshorttxtone{width:100%; position:relative;}
.whyusshorttxtone ul{margin:0; padding:0; list-style-type:none; position:relative;}
.whyusshorttxtone ul li{display:inline-flex;  padding-right:4.4rem;}
.whyusshorttxtone ul li .whyboxlist{width:100%;}
.whyusshorttxtone ul li .whyboxlist h4{font-size:34px; color:#171717; color:#344892;}
.whyusshorttxtone ul li .whyboxlist h3{font-size:13px; color:#171717; margin-bottom:7px;}
.discbtm.withblacktxt{padding-top:2rem;}

.whyusshorttxt ul li:nth-child(1){width:200px; position:absolute; right:0; top:0; padding:1rem 2rem;}
.whyusshorttxt ul li:nth-child(2){width:300px; position:absolute; right:0; top:10rem;  padding:1rem 2rem; padding:2rem 3rem 1rem 2rem;}
.whyusshorttxt ul li:nth-child(3){width:380px; position:absolute; right:0; top:20rem; padding-right:7rem;}
.workingwhyusimg{width:100%;}
.workingwhyusimg img{width:336px; position:relative; left:-11px; top:0; margin-top:-7.5rem;}

.recentworkcls .discbtm.withblacktxt{text-align:right;}
.topstorysec .topstorysinglebox img{width:100%;}

.clientsec{width:100%; padding:5rem 0 3.1rem; background-color:#fafafa;}
.clientsectitlebox{width:100%; text-align:center;}
.clientsectitlebox h3{font-size:25px; font-weight:300; color:#474747; margin-bottom:0.7rem;}
.clientsectitlebox h2{font-size:34px; font-weight:500; color:#171717; margin-bottom:4.3rem;}
.clientsectitlebox h2 span{color:#f2594b;}

.clientlist{padding:0; margin:0; list-style-type:none; text-align:center;}
.clientlist li{width:16%; display:inline-block; margin-bottom:2.5rem;}

.discbtm.withblacktxt.clientviewcls{text-align:center;}
.ratinglogobox{width:100%; padding-top:2rem;}
.ratinglogobox ul{margin:0; padding:0; list-style-type:none;}
.ratinglogobox ul li{display:inline-block; padding-right:10px;}
.ratinglogobox ul li img{width:140px!important; border-radius:4px; transition:all 0.34s ease-in-out; opacity:1.0;}
.ratinglogobox ul li img:hover{opacity:0.85;}

.contactphonesec{width:100%; position:relative;}
.phonebox{width:100%; background-color:#2c313c; padding:1.8rem 2rem; position:relative; text-align:center; color:#fff;}
.phonebox.consulbtn{width:100%; background-color:#344892; padding:1.8rem 3.4rem; position:relative; text-align:left;}
.phonebox.consulbtn a span{float:right; color:#fff; font-size:22px; position:relative; top:-5px;}
.logoshapecls{position:absolute; bottom:0; left:10%; width:100px;}
.phonebox a{color:#fff; font-size:16px; display:inline; position:relative; overflow:hidden;}
.phonebox a:hover{#d7d7d7;}

.phonebox a:after{
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height:1px;
  bottom: -6px;
  left: 0;
  background-color: #fff;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.phonebox a:hover:after{
  transform: scaleX(1);
  transform-origin: bottom left;
}
.phonebox .fa{padding-right:7px;}
.copyright a{color:#ddd;}
.copyright a:hover{color:#e54634;}

.fullimgmainsec{width:100%; min-height:370px; background-image:url('../images/bg0111.jpg'); background-repeat:no-repeat; 
background-position:top left; background-attachment:fixed; background-size:cover;}
.overshadowwrap{width:100%; background-color:rgba(0,0,0,0.34); height:370px;}
.fullimgmainsec .fullimgewrapbox{position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:370px;}
.fullimgmainsec .fullimgewrapbox h2{font-size:55px; color:#fff; font-weight:300;}
.fullimgmainsec .fullimgewrapbox h5{font-size:25px; font-weight:300; color:#fff; margin-bottom:5px;}

.personnamebox{width:40px; height:40px; background-color:#86d98c; border-radius:50%; display:flex; align-items:center; 
justify-content:center;}
.personnamebox span{font-size:25px; font-weight:400; color:#fff;}
.testipersonbox{display:flex; padding-top:15px;}

.featurecatsec.testisec{background-image:none; padding-bottom:20px;}
.featurecatsec.testisec h2{margin-bottom:2rem;}
.testiblock{width:88%; margin-top:2.5rem; box-shadow:0px 2px 44px rgba(0,0,0,0.09); background-color:#fff; border-radius:20px; 
text-align:center; padding:2.5rem; min-height:247px; float:right; margin-top:-9rem; position:relative;}
.testiblock img{width:98px; border-radius:50%; box-shadow:0px 2px 7px rgba(0,0,0,0.07); border:7px solid #fff; margin-top:-74px;}
.testiblock h3{color:#222; font-weight:700; font-size:20px; margin:0.5rem 0;}
.testiblock p{font-weight:400; font-size:15px; color:#575757; margin-bottom:10px;}

.color2{background-color:#cda077!important;}
.color4{background-color:#904fb6!important;}

.testiname{color:#171717!important; font-size:17px!important; font-weight:500!important; min-height:10px!important; padding:2px 7px 10px; 
line-height:18px; margin:0;}
.testiname span{color:#777; font-size:13px!important;}
.abttxtcls{width:100%; text-align:left; position:relative;}
.abttxtcls h4{font-size:20px; margin-bottom:10px; font-weight:400;}
.abttheologybox.testiblock .owl-theme .owl-dots{display:block!important;}
.titleboxone h4{margin:1rem 0 0;}


.modal{z-index:9999;}
.modalcontformcls{width:100%;}
.modalcontformcls input[type="text"], .modalcontformcls input[type="email"], .modalcontformcls textarea{width:100%; border:none; border-bottom:1px solid #d7d7d7; margin-bottom:10px; color:#000; padding:1rem; border-radius:0; font-size:14px;}
.modalcontformcls input[type="submit"]{background-color:#f2594b; border:none; color:#fff; border-radius:5px; padding:0.7rem 2.5rem; 
font-size:16px; text-transform:uppercase;}

.modalcontformcls select{width:100%; border:none; border-bottom:1px solid #d7d7d7; margin-bottom:10px; color:#777; padding:1rem; border-radius:0; font-size:14px;}

.modalcontformcls input[type="text"]:focus, .modalcontformcls input[type="email"]:focus{outline:none; border:none;}

textarea:focus, input:focus, select{
    outline:none!important;
}

.formsendbox{width:100%; text-align:center;}
.contactmodal.modal.show .modal-dialog{margin-top:3.4rem;}
.contactmodal.modal.show .modal-dialog .modal-header h5.modal-title{font-weight:400;}

.startesti{width:100%;}
.startesti ul{padding:0; margin:0; list-style-type:none;}
.startesti ul li{display:inline-block; padding-right:5px;}
.startesti ul li .fa{color:#f9c700;}

.ceobrieftxtbox .discbtm.withblacktxt{text-align:right;}
.othersnavsec.innerothsec{width:100%; padding:5rem 0;}
.othersnavsec.innerothsec .discbtm.withblacktxt{width:100%;}
.othersnavsec.innerothsec h2{margin-bottom:2rem;}
.bannersec.innerpagesec .dlc-hero-opacity{background-color:rgba(0, 0, 0, 0.43);}
.companymdsec.worktempsec{background-color:#fafafa;}
.companymdsec.worktempsec .discbtm.withblacktxt{text-align:left; padding-top:1rem;}
.companymdsec.worktempsec .ceobrieftxtbox{padding:0;}

.worklistsec{width:100%; padding:5rem 0 2.9rem;}
.singleworkbox{width:100%; margin-bottom:4.3rem;}
.singleworkbox img.workimgcls{width:100%; border-radius:7px; transition:all 0.3s ease-in-out; opacity:1.0;}
.singleworkbox:hover img.workimgcls{opacity:0.8;}
.singleworkbox h6{font-size:14px; font-weight:300; color:#979797; margin:1.5rem 0 0.7rem;}
.singleworkbox h2{font-weight:300; font-size:27px; padding-bottom:1.2rem;}
.singleworkbox p{color:#474747;}
.singleworkbox .discbtm.withblacktxt{padding-top:0;}

.businessblock{width:100%; min-height:280px; background-color: #f4f4f4; outline:1px solid #e7e7e7; outline-offset:-10px; 
box-shadow:2px 5px 7px rgba(0,0,0,0.09); text-align:center; padding:2rem;}
.businessblock img.calliconset{width:60px;}
.businessblock h3{font-size:16px; font-weight:300; padding:0.8rem 0;}
.businessblock h4{font-size:22px; font-weight:500;}
.businessblock p{margin-bottom:10px;}
.busihrline{width:100%; height:1px; background-color:#979797; margin:1rem 0; border:0;}



.wapboxcls{width:auto; position:relative;}
.wapiconcls{width:auto;}
.wapiconcls img{position:fixed; bottom:40px; right:10px; width:60px; z-index:999;}

.bloginsightsec{width:100%; padding:4.3rem 0 3.4rem;}
.blogmainwrap{width:100%; padding:2rem; border-radius:5px; box-shadow:2px 4px 16px rgba(0,0,0,0.1);}
.catpartbox{width:100%;}
.catpartbox h6{font-size:14px; margin-bottom:15px; font-weight:300;}
.catpartbox h6 a{color:#272727;}
.catpartbox h6 a:hover{color:#f2594b;}
.catimgbox{width:100%;}
.catimgbox img{height:350px; width:100%; object-fit:cover; border-radius:5px;}

.upperblogtxtwrap{width:100%; padding:2rem;}
.upperblogtxtwrap h2{font-size:30px; font-weight:300; padding-bottom:1rem;}
.upperblogtxtwrap h2 a{color:#272727;}
.upperblogtxtwrap h2 a:hover{color:#f2594b;}
.upperblogtxtwrap .discbtm.withblacktxt{padding-top:1rem;}
.authordate{width:100%; position:relative; padding:0 2rem;}

.color5{background-color:#f6981e!important;}
.color6{background-color:#3fabe3!important;}
.color7{background-color:#ed7025!important;}
.color8{background-color:#c63f55!important;}
.authordate .personnamebox{width:28px; height:28px;}
.authordate .personnamebox span{font-size:17px;}
.authordate .testiname{padding:6px 7px; font-size:13px!important;}

.datebox{float:right; position:absolute; right:0; top:18px;}
.datebox p{font-size:12px; font-weight:400; color:#272727;}

.gridblogbox{width:100%; padding:3.4rem 0 0;}
.bloggridsingle{width:100%; padding:1.5rem; border-radius:5px; margin-bottom:2.8rem; box-shadow:2px 4px 16px rgba(0,0,0,0.1);}
.bloggridsingle h2{line-height:25px; font-size:20px; color:#272727; padding:1rem 0; font-weight:300;}
.bloggridsingle h2 a{color:#272727;}
.bloggridsingle h2 a:hover{color:#f2594b;}
.bloggridsingle .authordate{padding:0;}
.bggreysec{background-color:#fafafa;}
.blogsinimg{border-radius:5px;}
.headersec .dropdown-toggle::after{top:2px;}


.gridworkbox{width:100%; padding:3.4rem 0 0;}
.blogworksingle{width:100%; min-height:530px; padding:1.5rem; border-radius:5px; margin-bottom:2.8rem; 
box-shadow:2px 4px 16px rgba(0,0,0,0.1);}
.blogworksingle h2{line-height:25px; font-size:20px; color:#272727; padding:1rem 0; font-weight:300;}
.blogworksingle h2 a{color:#272727;}
.blogworksingle h2 a:hover{color:#f2594b;}
.blogworksingle .authordate{padding:0;}
.bggreysec{background-color:#fafafa;}
.blogsinimg{border-radius:5px;}

.worklistsec .clientsectitlebox h2{margin-bottom:0;}
.worklistsec .discbtm.withblacktxt{padding-top:0;}
.worklistsec .blogworksingle h2{font-weight:400;}
.worklistsec .catpartbox h6{color:#777;}
.fullimgmainsec.workbgimgsec{margin-top:0;}
.worklistsec{padding:5rem 0 1rem;}

.thankyousec{width:100%; padding:7rem 0; text-align:center;}
.thankyousec h5{font-size:17px; font-weight:400; margin-bottom:0.7rem;}
.thankyousec h2{font-size:28px; font-weight:400;}

.innerothsec.moreprodtivesec h2{font-size:27px;}
.innerothsec.moreprodtivesec .clientsectitlebox h3{font-size:20px;}

.contactmodal .modal-header{flex-direction:column; align-items:start; position:relative;}
.contactmodal .btn-close{position:absolute; right:15px;}
.contactmodal .modal-header p{margin-bottom:0;}

.formsendbox{padding-top:0.5rem;}
.formsendbox button{background-color:#f2594b; border:none; color:#fff; border-radius:5px; padding:0.7rem 2.5rem; font-size:16px; text-transform:uppercase;}
.formsendbox button:hover{background-color:#272727;}













.ourser{width:auto;left:-3.5rem;top:110px;position:absolute;z-index:20;background-color:#fff;height:700px;}
.ourser h2{font-weight:500; font-family: 'Brittany Signature'; color:#e1e1e1; font-size:70px; transform:rotate(270deg); letter-spacing:5px; position:relative; right:-36px; top:86px;}
.serbrandbox{width:1000px; padding-left:14%;}
.bigimgcls{width:380px; position:relative; z-index:10;}
.smallimgcls{position:relative; z-index:10; max-width:290px; margin-left:-2rem; margin-top:3.4rem;}
.smallimgcls h4{font-size:16px; font-weight:500; color:#c7a3a1; margin-bottom:1rem; text-transform:uppercase; letter-spacing:2px;}

.topbar{width:100%; background-color:#474747; position:relative; z-index:9; height:40px; transition:all 0.5s ease-in-out;}
.headersec.posi .topbar{height:0;}

.smicons{padding:0; margin:0; list-style-type:none;}
.smicons li{display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-left:1px solid #fff;}
.smicons li:last-child{border-right:1px solid #fff;}
.smicons li a{padding:5px 7px;}

.emailphonert{padding:0; margin:0; list-style-type:none; text-align:right;}
.emailphonert li{display:inline-flex; align-items:center; justify-content:center; width:auto; height:40px; padding:1rem; border-left:1px solid #fff;}
.emailphonert li a{color:#fff; font-size:12px;}

.bannersec .owl-nav{position:relative;}
.bannersec .owl-nav .owl-prev{position:absolute; top:-10rem; left:1rem; background-color:#fff; color:#bfaba4; width:70px; height:70px; border-radius:50%;}
.bannersec .owl-nav .owl-next{position:absolute; top:-10rem; right:1rem; background-color:#fff; color:#bfaba4; width:70px; height:70px; border-radius:50%;}
.bannersec .owl-nav .owl-prev, .bannersec .owl-nav .owl-next{align-items:center; justify-content:center; font-size:24px; display:flex;}
.owl-theme .owl-nav [class*=owl-]:hover{background-color:#bfaba4;}
.owl-theme .owl-nav{margin-top:0;}
.owl-theme .owl-dots{display:none;}

.banner-caption{text-align:left;}
.banner-caption img.bannerwhitelogo{width:240px; margin:0 auto;}
.aboutvidicon{width:85px;position:absolute;right:-21px;top:20px;}


.featurecatsec{width:100%; padding:80px 0; background-repeat:no-repeat; background-position:bottom center, top center; background-size:90%;}
.featurecatsec h4{font-size:16px; font-weight:400; text-align:center; color:#bfaba4; margin-bottom:0.5rem; font-family: 'Nunito Sans', sans-serif;}
.featurecatsec h2{font-weight:400; font-size:30px; text-align:center; color:#474747; margin-bottom:2rem;}

.featwrap{width:100%; position:relative;}
.featwrap h5{position:absolute; bottom:14px; left:14px; color:#fff; font-weight:400; font-size:18px; z-index:99; transition:all 0.3s ease-in-out;}
.featwrap:hover h5{bottom:25px;}
.featurecatsec a .featwrap img{opacity:1.0; transition:all 0.4s ease-in-out; border-radius:10px;}
.featurecatsec a:hover .featwrap img{opacity:0.9;}

.featwrap{margin-bottom:1.5rem;}

.newarrivsec{width:100%; padding:80px 0 90px;}
.newarrivsec h4{color:#bfaba4; font-weight:400; font-size:16px; font-family: 'Nunito Sans', sans-serif;}
.newarrivsec h4 span{background-color:#777; width:87px; height:1px; display:inline-block; position:relative; top:-5px; left:30px;}
.newarrivsec h2{color:#474747; font-weight:400; font-size:30px; padding:1rem 0;}

.discbtm.expmorebtn{padding-top:20px;}
.discbtm.expmorebtn a{padding:0.7rem 2rem; font-size:15px; color:#bfaba4; border:2px solid #bfaba4; font-weight:400;}

.cartbox{width:100%; background-color:#fff; box-shadow:0 0 12px rgba(0,0,0,0.08); padding:1rem; border-radius:10px;}
.cartbox h3{color:#222; font-weight:700; font-size:32px; margin-bottom:0.5rem;}
.separator1{background-color:#C6C6C6; width:100%; height:1px; margin:1.5rem 0;}
.priceone p strong{color:#222;}

.addtocartbtn{width:100%; padding-top:1rem; text-align:center;}
.addtocartbtn a.add_to_cart_button{color:#fff; display:block; font-weight:500; background-color:#CC9A60; padding:10px 20px; border-radius:34px; 
text-align:center;}

.addtocartbtn a.added_to_cart{text-align:center;font-weight:500;padding-top:5px;display:block;color:#CC9A60;}

.exploresec{width:98%; margin:0 auto; border-radius:5px;}
.explorewrapbox{padding:3.4rem; min-height:700px; background-image:url('../images/shopbg01.jpg'); background-repeat:no-repeat;  
background-position:bottom center; background-size:cover; border-radius:5px;}
.titleboxwrap{width:100%; text-align:center;}
.titleboxwrap h4{font-size:16px; font-weight:400; text-align:center; color:#bfaba4; margin-bottom:0.5rem; font-family:'Nunito Sans', sans-serif;}
.titleboxwrap h2{font-weight:400;font-size:30px;text-align:center; color:#474747;margin-bottom:2rem;}
.singleprothumb{width:100%; position:relative; background-color:#fff; border-radius:4px; padding:0; border:1px solid #eee; margin-bottom:1.5rem;}
.wishlist{width:100%; text-align:right; position:absolute; right:20px; top:15px;}
.separator2{background-color:#C6C6C6; width:100%; height:1px; margin:0 0 0.5rem;}
.singleprothumb p{padding:0 1.5rem; margin-bottom:12px; font-size:15px;}
.singleprothumb h2{margin-bottom:2px; font-size:18px; font-weight:700; padding:7px 1.5rem 5px; color:#222;}
.singleprothumb .priceone{padding:1rem 0; float:left;}
.singleprothumb .priceone p{font-size:15px;}
.cartbutton{float:right; width:auto; padding:0.8rem 1.2rem 0.8rem 0.8rem;}
.cartbutton a{border:1px solid #bfaba4; width:30px; height:30px; padding:7px; display:flex; border-radius:2px; color:#CC9A60; align-items:center;}
.exploresec .discbtm.expmorebtn{text-align:center; padding-top:3.4rem;}

.popularsec{width:100%; padding:4.3rem 0;}

.latestprodsec{width:100%; background-color:#f9f9f9; padding:80px 0;}
.bigimgbox{width:100%; position:relative;}
.bigimgbox a, .smallimgbox .bigimgtextbox a{color:#3C3C3C;}
.smallimgbox .bigimgtextbox h2{color:#3C3C3C;}

.bigimgtextbox{width:320px; min-height:130px; background-color:#fff; position:absolute; bottom:20px; left:20px; border-radius:4px; padding:1rem;}
.bigimgtextbox h2{font-weight:500; font-size:18px; margin-bottom:10px; color:#3c3c3c;}
.bigimgbox img{border-radius:10px;}
.bigimgtextbox p{margin-bottom:10px;}

.smallimgbox{width:100%;}
.smallimgbox .bigimgtextbox{position:relative; top:0; left:0; padding-left:5px; margin-bottom:1.2rem; background-color:transparent;}
.smallimgbox img{border-radius:10px;}

.seeusactionsec{width:100%; min-height:470px; background-image:url('../images/seeusimg.jpg'); background-repeat:no-repeat;  
background-position:top center; background-size:cover;}

.seeusactionsec .titleboxwrap{text-align:left; min-height:470px; display:flex; align-items:start; justify-content:center; flex-direction:column;}
.seeusactionsec .titleboxwrap h4{color:#fff; text-align:left;}
.seeusactionsec .titleboxwrap h2{color:#fff; margin:0; text-align:left;}

.playbox{width:100%; text-align:center; min-height:470px; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.playbox p{font-size:16px; font-weight:500; color:#fff;}
.playbox img{opacity:1.0; transition:all 0.4s ease-in-out; width:100px;}
.playbox img:hover{opacity:0.8;}

.blogsec{width:100%; padding:3.4rem 0;}
.blogsinthumb{width:100%; background-color:#f9f9f9; border-radius:4px; border:1px solid #c6c6c6;}
.datetime{width:100px; background-color:#CC9A60; height:26px; display:flex; align-items:center; justify-content:center; border-radius:4px; 
position:relative; top:-14px; left:31px; margin-top:0; z-index:9;}
.datetime p{color:#fff; margin-bottom:0; font-size:10px;}
.blogsinthumb h2{color:#222; font-weight:700; font-size:18px; margin-bottom:1rem;}

.blogtextbox{width:100%; padding:0 2rem 1.5rem;}
.blogadmin{width:100%;}
.blogadmin span{display:inline-block; float:left; padding-right:7px;}
.blogadmin span img{border-radius:50%; width:24px;}
.blogadmin p{margin-bottom:0; font-size:15px; color:#6C6C6C;}

.discbtm.expmorebtn.loadmorebtn{text-align:center; padding-top:1.5rem;}
.discbtm.expmorebtn.loadmorebtn a{background-color:transparent; display:inline-block;}

.footersec{width:100%; background-color:#171717; padding:4.3rem 0 3.1rem; margin-top:0;}
.footerlogo{width:100%; text-align:center; margin-top:-8.5rem; position:relative; z-index:9;}
.footerlogo h2{color:#fff; font-weight:600; font-size:32px; padding-top:1rem;}

.footmailcont{width:100%;}
.footmailcont h2{color:#ddd; font-size:24px; font-weight:300; margin-bottom:15px;}
.footmailcont p{color:#ddd; font-size:15px; margin-bottom:0;}
.footmailcont p a{color:#ddd;}
.footercuspadleft{padding-left:7rem;}
.footersepaone{width:100%; background-color:rgba(255,255,255,0.3); height:1px; margin:3.1rem 0;}

.footersm.cusftbox{text-align:right;}

.bottomfooterbox{width:100%;}
.footerbtmtxt{width:100%;}
.footerbtmtxt h4{color:#ddd; font-size:18px; font-weight:400; margin-bottom:1rem;}
.footerbtmtxt p{font-size:13px; color:#ddd; line-height:20px;}
.footerbtmtxt p a{color:#ddd;}

.footersm{width:100%; padding-bottom:10px;}
.footersm ul{padding:0; margin:0; list-style-type:none;}
.footersm ul li{display:inline-block; padding-right:1.5rem;}
.footersm ul li a{color:#ddd; font-size:16px;}
.footersm ul li a:hover{color:#e54634;}

ul.footerlink{padding:0; margin:0; list-style-type:none;}
ul.footerlink li{padding-bottom:7px;color: #fff;}
ul.footerlink li a{color:#ddd; font-size:13px;}

.footersubform{width:100%;}
.footersubform input[type="email"]{width:85%; padding:10px; border:none; float:left; background-color:transparent; border-bottom:1px solid #ddd; color:#ddd; 
height:43px; font-size:13px;}
.footersubform button[type="submit"]{border:none; width:15%; padding:8px 2px; float:left; color:#ddd; background-color:transparent; 
border-bottom:1px solid #ddd; height:43px; text-align:center;}
.footersubform input[type="email"]::-webkit-input-placeholder{opacity:1.0 !important; color:#ddd;}





.aboutsec{width:100%; padding:4.3rem 0; min-height:500px; position:relative; background-image:url('../images/nature-vertical.png'), url('http://symmetrix.site/staging/nature_reliance_dev/wp-content/uploads/2023/06/bodyshadow04.png'); 
background-repeat:no-repeat; background-position:left 25px top 20px, left top; background-size:auto;}
.fontlightbor{position:relative; width:1117px; height:291px; left:-43px; top: 1583px; font-style:normal; font-weight:500; font-size:260px; line-height:112%; text-align:center; opacity:0.24; border:1px solid #474747; transform:rotate(-90deg); -webkit-text-stroke:1px black; color:#fff;}

.bannersec.innerbannersec .banner-caption{text-align:left; left:5%; top:51%;}
.bannersec.innerbannersec .container{padding:0;}

.abttextbox{width:100%; text-align:center;}
.abttextbox h2{color:#474747; font-weight:800; font-size:52px; line-height:56px; margin-bottom:1rem;}
.abtnamecls{color:#CC9A60;}
.aboutsec .exploresec{width:95%; padding-top:2.6rem;}

.paratextbox{width:75%; margin:0 auto; text-align:center}
.paratextbox p{font-weight:500;}
.aboutsec .explorewrapbox{min-height:400px;}

.bannersec.innerbannersec .banner-caption.capscenter{text-align:center;left:0;top:51%;width:100%;}
.coursesec{width:100%; padding:3.4rem 0 1rem; background-image:url('../images/courses.png'), url('http://symmetrix.site/staging/nature_reliance_dev/wp-content/uploads/2023/06/bodyshadow02.png'); background-repeat:no-repeat; background-position:left 25px top 20px, top center; background-size:contain; position:relative; z-index:9;}

.banner-caption h2 .orangetxt{color:#f2594b; font-weight:800;}

.sincoursebox{width:100%; border-radius:12px; box-shadow:0px 0px 64px rgba(0, 0, 0, 0.06); position:relative; 
background-color:#fff; padding:2rem 2rem 3.4rem; z-index: 99; margin-top:-8rem;}
.timebox{width:194px; background-color:#64603B; margin:-51px auto 0; text-align:center; border-radius:8px;}
.timebox p{color:#fff; font-weight:600; font-size:20px; padding:7px 0;}

.sincoursebox h2{color:#474747; font-size:28px; text-align:center; margin-bottom:1rem; font-weight:600;}
.sincoursebox h2 span{font-size:24px; font-weight:400;}
.sincoursebox img{border-radius:4px;}

.sincoursebox ul{padding:25px 0 0 30px; margin:0; list-style-type:none; list-style-image:url('../images/check.png'); min-height:450px;}
.sincoursebox ul li{color:#64603B; font-size:18px; font-weight:500; padding-bottom:0.85rem;}
.discbtm.expmorebtn.centerbtn{text-align:center;}

.blogthumbsec{width:100%; padding:3.4rem 0; background-image:url('http://symmetrix.site/staging/nature_reliance_dev/wp-content/uploads/2023/06/bodyshadow02.png'); background-repeat:no-repeat;  
background-position:top center; background-size:90%;}
.blogthumbsec .container{max-width:1180px;}

.blogsinglebox{background-color:#f9f9f9; width:100%; border-radius:6px; margin:0 0 1rem; border:1px solid #c6c6c6;}
.blogthumbimgleft{width:50%; float:left; padding-right:2rem;}
.blogthumbimgleft img{border-radius:6px 0 0 6px;}

.blogthumbtext{width:50%; padding:2rem 2.5rem 1rem 0; float:right;}
.blogthumbtext h2{font-size:24px; font-weight:700; color:#222; margin:1.2rem 0 1rem;}
.blogthumbtext h2 a{color:#222; }
.blogthumbtext p{font-size:14px; line-height:20px;}

.adminextrabox{width:100%;}
.adminextrabox p{font-size:12px; font-weight:400; color:#6C6C6C; margin-bottom:0;}
.adminextrabox p a{color:#6C6C6C;}
.adminextrabox p span{float:right;}

.blogthumbsec .blogsinthumb{margin-bottom:1rem;}
.blogthumbsec .discbtm.expmorebtn a{display:block; text-align:center;}

.contactsec{width:100%; padding:5.2rem 0; text-align:left; background-image:url('http://symmetrix.site/staging/nature_reliance_dev/wp-content/uploads/2023/06/bodyshadow02.png'); background-repeat:no-repeat;  
background-position:top center;}
.contactsec .abttextbox{text-align:left;} 
.conicontxt img{width:60px; float:left; margin-right:0.7rem;}
.conicontxt p{margin-bottom:5px; font-size:14px;}
.conicontxt h4{color:#222; font-size:20px; font-weight:500;}
.conicontxt h4 a{color:#222;}

.conicontxt{width:100%; margin-bottom:1.2rem;}
.contactform{width:100%;}
.contactform input[type="text"], .contactform input[type="email"], textarea{width:100%; border:1px solid #dedede; padding:20.5px 20px; margin-bottom:15px; 
 border-radius:4px;}
.contactform input[type="submit"]{background-color:#CC9A60; color:#fff; font-weight:500; border-radius:44px; padding:15px 50px; border:1px solid #bfaba4; transition:all 0.4s ease-in-out; font-size:20px;}
.contactform input[type="submit"]:hover{background-color:#fff; color:#CC9A60;}
.contactform textarea{height:166px;}

.keyfeaturebox{width:100%; padding:2rem 0;}
.keyfeaturebox h2{color:#222; font-size:28px; font-weight:700;}
hr.smalllinehr{background-color:#CC9A60; width:40px; height:4px; border:none; opacity:1.0; margin-top:10px;}

.keyfeabox{width:100%; padding:2rem 0 1rem;}
.keyfeabox img{width:48px; float:left; margin:0 1rem 1rem 0;}
.keyfeabox h4{color:#222; font-weight:700; font-size:18px; margin-bottom:6px;}
.keyfeabox p{color:#6C6C6C; font-size:15px; font-weight:400; line-height:18px;}
.woocommerce ul.products li.product .price{overflow:hidden;}

.productsec{width:100%; padding:1rem 0 3.4rem;}
.productsec h2{color:#222; font-size:28px; font-weight:700;}
.productsec h5{padding:1rem 0;}
.productsec ul{padding:0; margin:0 0 0.8rem; list-style-type:none;}
.productsec ul li{display:inline-block; width:24%;}



.quoteicon{width:62px!important; position:absolute; left:15px; top:57px; border-radius:0!important; background-color:transparent; 
box-shadow:none!important; border:none!important;}

ul.starlist{padding:0; margin:0; list-style-type:none; text-align:center;}
ul.starlist li{display:inline-block; padding:0.2rem;}
ul.starlist li .fa.fa-star{font-size:18px; color:#F1DB95;}
span.starmarkcls{color:#6C6C6C; font-size:400; font-weight:400;}

.singleprodetailsbox{width:100%; padding:0 1.5rem 1.5rem;}
.singleprodetailsbox h1{color:#474747; font-size:32px; font-weight:600; margin-bottom:1.2rem;}
.singleprodetailsbox h4{color:#6C6C6C; font-size:18px; font-weight:400; margin-bottom:1.5rem;}
.singleprodetailsbox h5{color:#6C6C6C; font-size:18px; font-weight:500; margin:18px 0 0;}
.singleprodetailsbox h5 span{color:#222;}
.singleprodetailsbox h3{font-weight:700; color:#222; font-size:22px; margin:2rem 0;}
.singleprodetailsbox h3 span{font-weight:500; color:#6C6C6C; font-size:18px;}
.singleprodetailsbox button{background-color:#CC9A60; font-size:16px; font-weight:700; padding:10px 20px; width:100%; border-radius:4px; 
border:1px solid #bfaba4; color:#fff; transition:all 0.3s ease-in-out;}
.singleprodetailsbox button:hover{color:#CC9A60; background-color:transparent;}

.onsale{display:none!important;}

.navigation.post-navigation{display:none;}
.xoo-wsc-basket{right:5px; bottom:25%;}

.related.products.relatedcusprod{background-color:#f8f8f8; padding:3.4rem; width:100%;}
.related.products.relatedcusprod h4{text-align:center;}
.related.products.relatedcusprod h2{color:#474747; font-weight:600; font-size:52px; margin-bottom:2rem; text-align:center;}
.woocommerce ul.products li.product{background-color:#fff; border-radius:4px; padding-bottom:1rem;}

.relatedppcls .singleprothumb .priceone p {display:flex!important; margin-bottom:0;}
.relatedppcls .singleprothumb .priceone p strong{margin-right:5px!important;}

.woocommerce ul.products li.product a img{max-height:220px; object-fit:cover; margin-bottom:12px; border-bottom:1px solid #c6c6c6;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{text-align:left; padding:0 1.2rem; font-weight:700; font-size:18px; color:#222; margin-bottom:4px;}
.producttagcls{text-align:left; padding:0 1.2rem; color:#6C6C6C; font-weight:400; font-size:15px; border-bottom:1px solid #c6c6c6; padding-bottom:12px}
.woocommerce ul.products li.product .price del{width:100%;}
/*.woocommerce-Price-amount.amount, .woocommerce-Price-amount.amount bdi{width:100%; display:block;}*/
.woocommerce ul.products li.product .price ins{display:block;}

.woocommerce ul.products li.product span.price{width:70%; padding-left:1.2rem; float:left;}
.woocommerce ul.products li.product .button{margin-top:10px; float:right; background-color:transparent; width:30px; height:30px; padding:7px; 
border:1px solid #bfaba4; margin-right:1.2rem;}
.woocommerce ul.products li.product .button img{border:none;}
.woocommerce ul.products li.product .button img:after{display:none;}

.related.products.relatedcusprod .discbtm.expmorebtn{text-align:center;}


.wp-pagenavi{width:100%; padding-top:1.5rem;}
.wp-pagenavi a, .wp-pagenavi span{background-color:transparent!important; border:1px solid #474747!important; color:#474747!important; font-size:14px;}
.wp-pagenavi span.current{font-weight:600; background-color:#474747!important; color:#fff!important;}
.blogthumbsec .blogsinglebox .blogthumbimgleft img{height:295px; object-fit:cover;}

.bannersec.innerbannersec.blogdetailsbanner{height:400px; max-height:400px; background-color:#000; background-position:top left; 
background-repeat:no-repeat; background-size:cover;}

.contactsec.blogdetailseccls{width:70%; margin:0 auto;}
.comments-area{width:100%; padding:2rem; background-color:#f9f9f9;}
.comments-area .comments-title{font-size:18px;}
.comment-author.vcard{width:100%; padding:10px;}
.comment-author.vcard img{width:40px!important; height:40px!important;}
.comment-meta{font-size:14px;}
.comment-reply-title{font-size:18px;}
.comment-form label{font-size:14px;}

.comment-form-author, .comment-form-email, .comment-form-url{width:33%; float:left;}
.comment-form-author input, .comment-form-email input, .comment-form-url input{border:1px solid #dedede;}
.comment-form .form-submit input[type="submit"]{background-color:#64603B;border:none;color:#fff;border-radius:20px;padding:10px 20px;}

.xoo-wsc-container{max-width:520px; right:-520px;}
.xoo-wsch-top{justify-content:left;}
span.xoo-wsch-text{margin-left:148px;font-weight:700;font-size:28px;}
.xoo-wsc-ft-buttons-cont .xoo-wsc-ft-btn.xoo-wsc-btn.xoo-wsc-ft-btn-cart{display:none;}
.xoo-wsc-ft-buttons-cont .xoo-wsc-ft-btn-continue{display:none;}
.xoo-wsc-cart-active .xoo-wsc-basket{right:520px;}
.xoo-wsc-footer-txt{font-size:12px;}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn{background-color:#CC9A60; border:2px solid #bfaba4; border-radius:4px; 
font-size:15px; font-weight:500; transition:all 0.3s ease-in-out;}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover, .xoo-wsc-container .xoo-wsc-btn:hover{color:#CC9A60; background-color:#fff; border:2px solid #bfaba4;}

.xoo-wsc-ft-amt.xoo-wsc-ft-amt-subtotal{display:block;} 
.xoo-wsc-ft-amt-label{display:inline-block; text-align:left; width:25%;}
.woocommerce-ordering{display:none!important;}

.singleprothumb img.productimgcls{height:222px; object-fit:cover; width:100%; border-radius:4px 4px 0 0;}
.contactsec.productsummerycus{padding-top:10rem;}
.woocommerce-product-gallery__wrapper{width:100%;}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image .wp-post-image{max-width:100%!important;}

.catname{height:auto; display:flex; align-items:start; margin-bottom:1.2rem;}
.catname p{margin-bottom:0; color:#474747; font-size:18px; font-weight:500; letter-spacing:4px; text-transform:uppercase; background-color:#EFE7D7; 
padding:4px 15px;}
.woocommerce table.shop_attributes td p{font-style:normal;}
.singleprodetailsbox table.shop_attributes th, .singleprodetailsbox table.shop_attributes td{border:none; padding:4px 0;}

.singleprodetailsbox table.shop_attributes tr:nth-child(even) td, .singleprodetailsbox table.shop_attributes tr:nth-child(even) th{background-color:#fff!important;}
.singleprodetailsbox table.shop_attributes{border:none;}
.singleprodetailsbox .priceone h3 del{font-size:18px; font-weight:500; color:#6C6C6C;}

.singleprodetailsbox .pp.single_add_to_cart_button.button{background-color:#CC9A60; border-radius:4px; padding-top:0.9rem; padding-bottom:0.9rem;}
.singleprodetailsbox table.shop_attributes td p{padding:0;}
.product-tags{padding-bottom:1rem; font-size:15px; font-weight:400;}
.bannersec.innerbannersec .banner-caption h1{font-size:62px;}

.blogsummeytxt{width:100%; padding-bottom:2rem;}
.blogsummeytxt p{font-size:20px; font-weight:400; line-height:25px;}

.woocommerce-result-count{display:none!important;}
.contactsubbtn{width:100%; text-align:center;}

.shopprocls .singleprothumb .woocommerce-LoopProduct-link.woocommerce-loop-product__link img{height:222px!important; border-radius:4px 4px 0 0;}
.shopprocls .product-tags{padding-bottom:0!important;}
.shopprocls .producttagcls{padding:0 1.2rem 0.7rem;}
.shopprocls .singleprothumb h2{padding-top:12px;}

.shopprocls .add_to_cart_button{float:right; background-color:#fff!important; border:1px solid #bfaba4!important; padding:7px!important; display:flex;     margin:1.2rem 1.2rem 0.8rem 0.8rem!important; border-radius:2px!important;}
.shopprocls .add_to_cart_button img{width:14px;}
.shopprocls .priceone.test p{margin-bottom:0!important;}

.contactsec.shopprocls{background-image:url('http://symmetrix.site/staging/nature_reliance_dev/wp-content/uploads/2023/06/bodyshadow02.png'), url('http://symmetrix.site/staging/nature_reliance_dev/wp-content/uploads/2023/06/shoptextbg-1.png'); background-repeat:no-repeat;  
background-position:top center, left 85% top -43px; background-color:#f5f5f5;}
.shoppfiltercls{width:100%; padding:2rem; background-color:#fff; border-radius:4px; position:relative; z-index:99;}
.shoppfiltercls h2{font-size:24px; font-weight:700; margin-bottom:3.4rem; color:#222;}
.shoppfiltercls h3{font-size:18px; font-weight:700; margin-bottom:1rem; color:#222;}
.shoppfiltercls .bapf_slidr_all{font-size:13px; font-weight:500;}
.shoppfiltercls .bapf_button.bapf_reset{display:none!important;}

.singleprodetailsbox .pp.single_add_to_cart_button.button:hover{background-color:#CC9A60;}
.latestprodsec .smallimgbox img.blogimgcls{height:250px; object-fit:cover; width:100%;}


.cartsec{width:100%; padding:5.2rem 0;}
.cartleftbox{width:100%; padding-right:2.5rem;}
.shopcartnum p{font-size:18px; font-weight:400; color:#222; margin-bottom:0; padding-bottom:1.5rem;}
.carttablebox{width:100%;}
.carttablebox td{padding:1.5rem 1rem;}
.carttablebox td:nth-child(1){padding:1.5rem 1rem 1.5rem 0; width:152px;}
.carttablebox td:nth-child(2){width:400px;}

.prodimg{width:148px;}
.prodimg img{width:148px; height:140px; object-fit:cover; background-color:#f5f5f5; border-radius:6px; padding:11px;}
.cartbackarrow{padding-bottom:1rem;}
.prodnamequantity{width:100%;}
.prodnamequantity h2{font-weight:700; font-size:18px; color:#222; margin-bottom:2.6rem;}

.prodnamequantity .input-group-append{border-color:#6c757d;}
.prodnamequantity .input-group-append .btn{border-radius:15px 0 0 15px; font-size:14px;}
.prodnamequantity .input-group-prepend{border-color:#6c757d;}
.prodnamequantity .input-group-prepend .btn{border-radius:0 15px 15px 0; font-size:14px;}
.prodnamequantity .input-group{width:120px;}
.prodnamequantity input[type="text"]{font-size:14px; text-align:center; border-color:#6c757d;}

.cartpricebox{margin-bottom:0; font-size:18px; font-weight:700; color:#222; text-align:right;}
.cartpricebox del{color:#6C6C6C; font-size:15px; font-weight:500;}

.removebox{width:100%; text-align:right; padding-top:0;}
.dispatchbox{width:100%; padding-top:0;}
.dispatchbox p{margin:0; color:#6C6C6C; font-style:italic; font-size:14px; font-weight:400;}

.cardsbox{width:100%; padding:2.5rem 0;}
.continueshopping{width:100%;}
.continueshopping a{padding:1rem 2rem; font-size:15px; font-weight:700; color:#CC9A60; border:1px solid #bfaba4; border-radius:4px; 
transition:all 0.3s ease-in-out; background-color:transparent; display:inline-block; margin-bottom:2.5rem;}
.continueshopping a:hover{background-color:#CC9A60; color:#fff;}

.offercodebox{width:100%; background-color:#f8f8f8; min-height:92px; padding:1rem;}
.offercodebox h4{font-weight:700; font-size:18px; color:#222; float:left;}
.viewofferbtn{float:right; display:inline-block; font-weight:700; font-size:14px; color:#222;}
.viewofferbtn:hover{color:#6C6C6C;}

.subtotal{width:100%; padding:1.5rem 0 1.1rem;}
.subtotal h4{font-weight:700; font-size:20px; color:#222; margin-bottom:1rem;}
.subtotal h4 span{float:right;}

.subtotal p{color:#676767; font-size:15px; font-weight:400; margin-bottom:7px;}
.subtotal p span{float:right;}
.continueshopping.checkoutbtn{text-align:center;}
.continueshopping.checkoutbtn a{background-color:#CC9A60; color:#fff; width:100%; display:block; border:1px solid #bfaba4;}
.continueshopping.checkoutbtn a:hover{color:#CC9A60; background-color:transparent; border:1px solid #bfaba4;}

.shopprocls .woocommerce ul.products li.product, .shopprocls .woocommerce-page ul.products li.product{margin:0 22px 1.3em 0!important;}
.shopprocls .singleprothumb{margin-bottom:0;}
.shopprocls ul.products li.product .priceone.test strong{display:inline-block;}
.shopprocls .woocommerce ul.products li.product{padding-bottom:0!important;}

.contactsec.checkoutppcls{padding-top:9rem;}
.woocommerce-info{border-top-color:#CC9A60;}
.woocommerce-info::before{color:#CC9A60;}
a.showcoupon{color:#CC9A60!important;}
.checkout_coupon.woocommerce-form-coupon input[type="text"]{width:100%; min-height:40px; padding:10px; border:1px solid #dedede;}
.checkout_coupon.woocommerce-form-coupon .button.wp-element-button{min-height:40px; background-color:#CC9A60; color:#fff;}

.contactsec.checkoutppcls .checkout_coupon.woocommerce-form-coupon .form-row.form-row-first{width:25%;}
.contactsec.checkoutppcls .checkout_coupon.woocommerce-form-coupon .form-row.form-row-last{width:25%; float:left;}


.woocommerce-billing-fields h3, #order_review_heading{font-size:22px; font-weight:700; color:#222;}
.contactsec.checkoutppcls .checkout.woocommerce-checkout input[type="text"], .contactsec.checkoutppcls .checkout.woocommerce-checkout input[type="email"],
.contactsec.checkoutppcls .checkout.woocommerce-checkout input[type="tel"]{width:100%; min-height:40px; padding:10px; border:1px solid #dedede;}
#ship-to-different-address span{font-size:22px; font-weight:700; color:#222; border-radius:4px;}
.woocommerce form .form-row-last{}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
	width:50%;}
.checkout_coupon.woocommerce-form-coupon .select2-container.select2-selection--single{height:40px!important; padding-top:5px!important;}	
.checkout_coupon.woocommerce-form-coupon .select2-container--default .select2-selection--single .select2-selection__arrow{top:7px!important;}	

#order_review_heading{padding-top:3.4rem; padding-bottom:1rem;}
.relatedcusprod.relatedppcls .singleprothumb{margin-bottom:0;}	
.relatedcusprod.relatedppcls ul.products li.product{padding-bottom:0!important; margin-bottom:10px;}	

.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .product-thumbnail{width:150px; padding-left:0;}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .product-name a{font-weight:700; font-size:18px; color:#222; margin-bottom:2.6rem;}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .product-price{margin-bottom:0; font-size:18px; font-weight:700; color:#222;}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .product-subtotal{margin-bottom:0; font-size:18px; font-weight:700; color:#222;}

.woocommerce a.remove:hover{background-color:transparent;}
.woocommerce-cart-form table.shop_table{padding-right:1.5rem;}
.order-total td{font-size:20px; font-weight:700; text-align:right;}

.cartitemcuscls{width:70%; float:left;}
.cart-collaterals{width:28%!important; float:right;}
.cart_totals {width:100%!important;}

.offercodebox .coupon{width:100%; background-color:#fff; margin-top:1rem;}
.offercodebox .coupon input[type="text"]{width:70%!important; padding:18px 12px!important; border:0!important; font-size:15px!important;}
.offercodebox .coupon input[type="submit"], .offercodebox .coupon button[type="submit"]{width:28%; float:right; background-color:#fff; font-weight:400; font-size:15px; color:#CC9A60;text-align:center; padding:23px 5px;}

.quantity .minus{color:#6c757d; background-color:transparent; border:1px solid #6c757d; border-radius:15px 0 0 15px; float:left; width:24px; 
border-right:none; min-height:35px;}
.quantity .plus{color:#6c757d; background-color:transparent; border:1px solid #6c757d; border-radius:0 15px 15px 0; float:left; width:24px; 
border-left:none; min-height:35px;}
.quantity input[type="number"]{color:#6c757d; background-color:transparent; border:1px solid #6c757d; border-radius:0; float:left; width:30px; 
 min-height:35px;}
.cart-subtotal td{text-align:right; font-size:20px; font-weight:700;}
.shipping-calculator-button{color:#CC9A60;}
.shipping-calculator-button:hover{color:#222;}
.shop_table.shop_table_responsive th{font-size:20px; font-weight:700;}

.continueshopping.checkoutbtn a{padding:1rem 2rem!important; font-size:15px!important; font-weight:700; color:#fff!important; border:1px solid #bfaba4; 
border-radius:4px; transition:all 0.3s ease-in-out; background-color:#CC9A60!important; display:inline-block; text-transform:uppercase;}
.continueshopping.checkoutbtn a:hover{background-color:#fff!important; color:#CC9A60!important;}

.woocommerce-cart-form table.shop_table{border:none;}
.select2-container--default .select2-selection--single{background-color:#fff; border:1px solid #dedede; border-radius:4px; height:40px; font-size:14px; 
padding-top:5px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top:8px!important;}

.woocommerce-checkout-payment button[type="submit"]{background-color:#CC9A60!important; color:#fff!important;}
.add_to_wishlist.single_add_to_wishlist{color:#CC9A60;}
.add_to_wishlist.single_add_to_wishlist .fa.fa-heart-o::before{color:#c6c6c6!important;}



/* Chrome, Safari, Edge, Opera */
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.quantity input[type=number] {
  -moz-appearance: textfield;
}
#yith-wcwl-popup-message{display:none!important;}
.xoo-wsc-footer-txt{color:#676767; font-size:14px!important; font-weight:400; padding-top:1rem;}
.shoppfiltercls .select2-container--default .select2-selection--single{border:none; border-bottom:1px solid #c6c6c6; border-radius:0;}

.woocommerce-form.woocommerce-form-login.login{width:600px; margin:0 auto;}
.registerloginmrgecls input[type="text"], .registerloginmrgecls input[type="email"], .registerloginmrgecls input[type="password"]{min-height:40px; border:1px solid #dedede;}
.logintitlecls{text-align:center; margin-bottom:1.2rem;}

.woocommerce-button.button.woocommerce-form-login__submit{background-color:#CC9A60!important; color:#fff!important; padding:1rem 4rem;}
.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme{padding-top:18px;}

.woocommerce-ResetPassword.lost_reset_password{width:600px; margin:0 auto;}
.woocommerce-ResetPassword.lost_reset_password input[type="password"]{min-height:40px;}
.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button.button{background-color:#CC9A60!important; 
color:#fff!important; padding:1rem 4rem;}

.footerbtmtxt p i{margin-right: 5px;}



bdi:contains(' '){
  display:none!important;
 }

label:contains(' '){
  display: none!important;
 }
 
strong:contains(' '){
  display: none!important;
 }

span:contains(' '){
  display: none!important;
 } 
 
 
.woocommerce-shipping-totals.shipping td{text-align:right;}
span.xoo-wsc-pname a:hover{color:#CC9A60;}
.cart-discount.coupon-test td:last-child{vertical-align:middle;}
.abttextbox p br{display:none;}
.woocommerce nav.woocommerce-pagination ul li a{width:32px;}
.woocommerce nav.woocommerce-pagination ul li span.current{width:32px;}

.woocommerce-checkout-review-order{width:50%;}
.coupnclgg{width:100%; background-color:#f8f8f8; padding:1rem; margin-bottom:1rem;}
.coupnclgg .offercodebox .coupon{margin-top:0;}
.actions.updatecoupncls{padding-left:0; padding-right:0;}

.coupnclgg .row .col-xl-6.col-lg-6:nth-child(1) .offercodebox{padding-top:2rem;}
.woocommerce-remove-coupon{color:#CC9A60;}
.woocommerce-remove-coupon:hover{color:#222;}
.actions.updatecoupncls{padding-left:0!important; padding-right:0!important;}
.wishlist-items-wrapper .product-name a{color:#CC9A60;}

.shop_table.cart.wishlist_table.wishlist_view tr th{text-align:center;}
.shop_table.cart.wishlist_table.wishlist_view tr td:nth-child(3){text-align:center;}
.shop_table.cart.wishlist_table.wishlist_view tr td{font-weight:600;}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{background-color:#CC9A60; border:1px solid #bfaba4; border-radius:4px; 
font-size:16px; padding:10px 44px; font-weight:500; transition:all 0.3s ease-in-out; text-transform:capitalize;}
.xoo-wsc-ft-amt-value .woocommerce-Price-amount.amount{float:right;}
.woocommerce form .form-row label{line-height:1;}
#ship-to-different-address{margin-bottom:1rem;}
.contactsec.checkoutppcls{padding-top:8rem;}

.checkout.woocommerce-checkout label{margin-bottom:0.61rem;}
.newarrivsec p{margin-bottom:10px;}

.mobileoff{display:none;}
.woocommerce-message{border-top-color:#CC9A60;}
.woocommerce-message::before{content: "\e015"; color:#CC9A60;}

.minicartremove{width:100%; text-align:center; padding-top:0;}
.minicartremove img{width:24px!important;}
.xoo-wsc-body .removebox{text-align:center;} 
.xoo-wsc-body .removebox img{width:24px!important;}

.woocommerce-variation-add-to-cart .single_add_to_cart_button{background-color:#CC9A60!important; border-radius:4px!important; padding-top:0.9rem!important; padding-bottom:0.9rem!important;}
.woocommerce div.product form.cart .variations select{max-width:100%; min-width:75%; display:inline-block; margin-right:1em; border:0; border-bottom:1px solid #d7d7d7; padding-bottom:10px; padding-top:7px; font-size:15px;font-weight:400;}
.product_meta .sku_wrapper{font-size:15px;}

.woocommerce-variation-price.variableproductppcls .price, .woocommerce-variation-price.variableproductppcls .woocommerce-Price-amount.amount{font-weight:700; color:#222; font-size:22px; margin:2rem 0;}
.woocommerce-variation-price.variableproductppcls .price del{color:#6C6C6C;}
.woocommerce-variation-price.variableproductppcls .price del .woocommerce-Price-amount.amount{font-size:18px; font-weight:500; color:#6C6C6C;}
.woocommerce div.product span.price del{opacity:0.95;}
.woocommerce-variation-price.variableproductppcls .price ins{color:transparent;}
a.reset_variations{color:#CC9A60;}
a.reset_variations:hover{color:#222;}
.woocommerce div.product .stock{color:#676767; padding-top:10px;}

.single_add_to_cart_button:after{position:relative; top:-5px;}
.single_variation_wrap .added_to_cart.wc-forward{color:#CC9A60;}

.woocommerce form .form-row label{margin-bottom:0.61rem;}
.checkout.woocommerce-checkout .form-row.form-row-wide.address-field .select2.select2-container.select2-container--default:nth-child(2){}

.registerloginmrgecls h2{text-align:center; margin-bottom:1.2rem;}
.registerloginmrgecls form{margin-top:0!important; min-height:400px;}
.woocommerce-privacy-policy-text{padding-left:2px;}
.woocommerce-privacy-policy-text p{font-size:12px; line-height:18px;}
.wp-element-button.woocommerce-form-register__submit{background-color:#CC9A60!important; color:#fff!important; padding:1rem 4rem!important;}
.woocommerce-LostPassword.lost_password{padding-left:2px;}
.woocommerce-ResetPassword.lost_reset_password.forgotcuscls input[type="text"]{min-height:40px; border:1px solid #dedede;}
.yith-wcwl-wishlistexistsbrowse a{color:#c6c6c6;}

.contactsec.cartppcls{padding-top:9rem;}
.offercodebox .modal .modal-dialog{margin-top:7rem;}

.offercouponbox{width:100%;}
.offercouponbox ul{padding:0; margin:0; list-style-type:none;}
.offercouponbox ul li{display:block; margin-bottom:1rem; border-left:10px solid #bfaba4;}
.offercouponbox ul li .singlecouponbox{width:100%; padding:1rem; text-align:left; background-color:#f2f2f2;}

.singlecouponbox h2{font-size:25px; color:#222; font-weight:600; border-bottom:1px dashed #c7c7c7; padding-bottom:5px; margin-bottom:5px;}
.singlecouponbox p{font-size:12px; margin-bottom:0;}
.blogthumbtext .separator2{margin-top:10px;}
.woocommerce table.shop_table th{font-size:20px;}
.woocommerce table.shop_table th:nth-child(2){text-align:right;}
.woocommerce table.shop_table td:nth-child(2){text-align:right;}

.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr td{text-align:left;}
.woocommerce-Price-currencySymbol{padding-right:5px;}


.playbox .modal.fade.show{background-color:rgba(0,0,0,0.5);}
.playbox .modal-dialog{width:700px;}
.playbox .modal-dialog .modal-body{padding:7px 7px 0 7px;}
.playbox .modal-dialog .modal-body iframe{width:100%;}
.xoo-wsc-modal .xoo-wsc-qty-price{font-weight:500; font-size:14px;}
.woocommerce ul.products li.product .button::after{display:none;}
.added_to_cart.wc-forward{}
.actions.updatecoupncls button[type="text"]{padding:1rem 2rem!important;}

.search.search-results .popularsec{padding-top:1.5rem;}
.search.search-results .popularsec .page-header.alignwide h1.page-title{font-size:25px; margin-bottom:1rem;}
.search-result-count{padding-bottom:1rem;}
.search.search-results .navigation.pagination .nav-links a{color:#CC9A60;}
.search.search-results .navigation.pagination{justify-content:center;}
#ship-to-different-address{margin-bottom:1rem; padding:0 3px; font-size:14px;}

.woocommerce-billing-fields h3, #order_review_heading{margin-bottom:1rem; padding-left:3px;}




.woocommerce nav.woocommerce-MyAccount-navigation ul{margin:0; padding:0; list-style-type:none;}
.woocommerce nav.woocommerce-MyAccount-navigation li{display:block; padding-bottom:2px;}
.woocommerce nav.woocommerce-MyAccount-navigation li a{display:block; padding:1rem; text-align:center; background-color:#c6c6c6; color:#222;}
.woocommerce .woocommerce-MyAccount-content input[type="text"], .woocommerce .woocommerce-MyAccount-content input[type="email"], 
.woocommerce .woocommerce-MyAccount-content input[type="password"], .woocommerce .woocommerce-MyAccount-content input[type="tel"]{width:100%; min-height:40px; padding:10px; border:1px solid #dedede;}
.woocommerce .woocommerce-MyAccount-content textarea{width:100%; min-height:40px; padding:10px; border:1px solid #dedede;}

.woocommerce .woocommerce-MyAccount-content button[type="submit"]{padding:1rem 2rem!important; font-size:15px!important; font-weight:700; color:#fff!important; border:1px solid #bfaba4; border-radius:4px; transition: all 0.3s ease-in-out; background-color: #bfaba4!important; display: inline-block; 
text-transform:uppercase;}
.woocommerce .woocommerce-MyAccount-content button[type="submit"]:hover{background-color:#fff!important; color:#CC9A60!important;}
.woocommerce .woocommerce-MyAccount-content form .form-row{padding-left:0; padding-right:3px;}
.woocommerce .woocommerce-MyAccount-content h3{padding-bottom:10px;}

.woocommerce-info .woocommerce-Button.button{padding:1rem 2rem!important; font-size:15px!important; font-weight:700; color:#fff!important; border:1px solid #bfaba4; border-radius:4px; transition: all 0.3s ease-in-out; background-color: #bfaba4!important; display: inline-block; 
text-transform:uppercase;}
.woocommerce-info .woocommerce-Button.button:hover{background-color:#fff!important; color:#CC9A60!important;}
.woocommerce nav.woocommerce-MyAccount-navigation li.is-active a{background-color:#CC9A60; color:#fff;}

.woocommerce-Address .title a.edit{color:#CC9A60;}
.woocommerce-MyAccount-content a.button{padding:1rem 2rem!important; font-size:15px!important; font-weight:700; color:#fff!important; 
border:1px solid #bfaba4; border-radius:4px; transition: all 0.3s ease-in-out; background-color: #bfaba4!important; display: inline-block; 
text-transform:uppercase;}
.woocommerce-MyAccount-content a.button:hover{background-color:#fff!important; color:#CC9A60!important;}
.woocommerce-product-details__short-description ul{padding-left:20px;}
.woocommerce-product-details__short-description ul li{padding-bottom:5px;}
.woocommerce div.product div.summary{margin-bottom:0;}
.playbox .modal-header .btn-close{background-color:#fff;position:absolute;right:-27px;top:48px}

.return-to-shop a{}

span.xoo-wsc-pname, span.xoo-wsc-pname a{font-size:18px!important;}

.woocommerce-order-details{width:50%;}
.woocommerce-order-details__title{margin-bottom:1rem; font-size:25px;}
.woocommerce-order-details a{color:#CC9A60;}
.woocommerce-order-details a:hover{color:#222;}

.woocommerce-ResetPassword.lost_reset_password.forgotcuscls{}

.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table th{text-align:left;}
.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table td{text-align:left;}
.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table td a{color:#CC9A60;}
.woocommerce-customer-details h2{margin-bottom:1rem; font-size:25px;}
.woocommerce .woocommerce-customer-details address{min-height:160px;}
.cartbutton .added_to_cart.wc-forward{position:absolute; width:100px; border:none; right:-21px; font-size:13px; font-weight:500; color:#CC9A60;}
.singleprothumb .added_to_cart.wc-forward{position:absolute; width:100px; border:none; right:-30px; bottom:0; font-size:13px; font-weight:500; 
color:#CC9A60;}

.yith-wcwl-wishlistaddedbrowse a{color:#CC9A60;}
.yith-wcwl-add-button>a i{margin-right:0!important;}
.yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon{margin-right:0;}
.shopprocls .singleprothumb .priceone{padding:1.5rem 0;}
.restore-item{color:#CC9A60;}
.bapf_sfilter.bapf_slidr[data-name="Price"] .bapf_body{padding:0 5px;}

.discbtm a.add_to_cart_button{background-color:#64603B; color:#fff; border-radius:50px; font-weight:700; padding:1rem 2.2rem; font-size:20px;
transition: all 0.4s ease-in-out;}

.discbtm .added_to_cart.wc-forward{background-color:transparent; text-align: center; font-weight: 500;padding-top: 5px; display:block;color:#CC9A60; 
padding-top:20px; padding-bottom:0; font-size:14px;}


.featwraptwo{width:100%; text-align:center;}
.featurecatsec .featwraptwo img{width:125px; filter:grayscale(100%); -webkit-filter: grayscale(100%); transition:all 0.4s ease-in-out;}
.featurecatsec .featwraptwo:hover img{filter:grayscale(0%); -webkit-filter: grayscale(0%);}
.featwraptwo h5{font-size:16px; font-weight:500; color:#777; font-family:'Nunito Sans', sans-serif;}

.topstorysec{width:100%; padding:80px 0; background-color:#fff;}
.topstorysec .topstorysinglebox{width:100%; position:relative;}
.topstorysec .topstorysinglebox img{border-radius:10px; transition:all 0.4s ease-in-out; opacity:1.0;}
.topstorysec .topstorysinglebox:hover img{opacity:0.8;}
.topstorysec .topstorysinglebox h2{font-size:18px; color:#373737; margin-bottom:1rem;}

.newarrivsec.topstorysec h2{padding:0.34rem 0 1.5rem;}
.toptxtbox{width:100%; padding:1rem; position:relative;}
.toptxtbox .downarrowimgcls{position:absolute; bottom:174px; right:2px;  width:43px;}
.topstorysec .topstorysinglebox .toptxtbox h6{color:#fff;}
.topstorysec .topstorysinglebox .toptxtbox h3{color:#fff; font-weight:500; margin:0.7rem 0;}
.topstorysec .topstorysinglebox .toptxtbox p{color:#fff;}
.topstorysec .topstorysinglebox:hover .toptxtbox h3{color:#fff;}
.topstorysec .topstorysinglebox:hover .toptxtbox p{color:#fff;}

.toptxtbox .fa-long-arrow-right{font-size:16px; padding-left:10px;}

h6.numbercls{position:absolute; right:7px; top:0px; font-size:70px!important; opacity:0.2; font-weight:200!important; 
letter-spacing:0px!important;}


.instrasec{width:100%; padding:80px 0 90px;}
.instabox{width:100%;}
.instabox img{border-radius:8px;}
.instrasec .discbtm.expmorebtn{text-align:center;}

.bigimgbox, .smallimgbox{position:relative;}
.bigimgbox .downarrowimgcls{position:absolute; bottom:5px; right:5px; width:43px;}
.smallimgbox .downarrowimgcls{position:absolute; bottom:130px; right:30px;  width:43px;}

.fullreadbtn{width:70%; position:relative;}
.fullreadbtn img.uparrowimgcls{position:absolute; left:0; bottom:0; width:43px;}

.topstorysinglebox .toptxtbox{background-color:#f2594b; box-shadow:0px 10px 60px 0px rgba(0, 0, 0, 0.05); 
padding:30px 30px 31px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-right-radius:3px; margin-right:40px; margin-top:-125px; z-index:3; width:334px; min-height:404px;}
.topstorysinglebox .toptxtbox h3{font-size:25px; font-weight:800; line-height:30px; margin-top:4px;}
.topstorysinglebox .toptxtbox h6{font-size:17px; font-weight:300; text-transform:uppercase; letter-spacing:0.1em; margin:0; 
-webkit-transition:all 500ms ease; transition:all 500ms ease;}
.toptxtbox a.arrowbtn{display:inline-block; position:absolute; right:32px; bottom:55px; color:#f2594b; font-size:20px;}

.topstorysinglebox .toptxtbox:before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: var(--oslim-base, #ff613c);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    transition-delay: 0.1s;
    transition-timing-function: ease-in-out;
    transition-duration: 0.5s;
    transition-property: all;
    opacity: 1;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scaleY(0);
    z-index: -1;
}

.topstorysinglebox:hover .toptxtbox:before{
    transform: scaleY(1);
}

.topstorysinglebox:hover .toptxtbox h6{color:#fff;}
.topstorysinglebox:hover .toptxtbox a.arrowbtn{color:#fff;}

.topstorysinglebox a{pointer-events:none;}
.clientcattitle{width:100%; border-bottom:1px solid #d7d7d7; padding-bottom:1rem; margin-bottom:1rem;}
.clientsec.clientpagelistsec .clientlist{text-align:left;}
.nextclientpadtop{padding-top:2rem;}


/* Consultancy Form */
.consultconform{width:100%; padding:3.4rem 0;}
.consultconform .titleboxone{text-align:center; margin-bottom:2.5rem;}
.consultconform .titleboxone h5{}
.consulwrapcls{width:92%; margin:0 auto; box-shadow:1px 2px 8px rgba(0,0,0,0.15); padding:2.5rem 2rem 0.54rem; border-radius:10px; min-height:340px;}

.consulwrapcls fieldset{border:1px solid #e7e7e7; border-radius:10px; padding:2.5rem 2.2rem 1.7rem; position:relative; margin-bottom:2.5rem;}
.consulwrapcls fieldset legend{position:absolute; left:25px; top:-12px; font-size:17px; font-weight:500;}
.consulwrapcls fieldset legend mark{background-color:#fff; padding:0.5rem 0.52rem; color:#f2594b;}

.consulwrapcls .text-box{position: relative; margin:0 0 18px;}
.consulwrapcls .text-box label{
	background-color: #fff;
	position: absolute;
	top:15px;
	left:15px;
	font-weight:500;
	margin:0;
	padding: 0;
	color: #000;
	font-size: 14px;
	letter-spacing:0px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor:auto;
	padding: 0 5px;
}

.consulwrapcls input[type="text"],.consulwrapcls input[type="email"], .consulwrapcls input[type="number"], .consulwrapcls textarea{
	width: 100%;
	background-color: transparent;
	box-shadow: none;
	padding: 15px 0;
	border: 2px solid #fff;
	color: #000;
	text-indent: 20px;
	border:1px solid #e7e7e7;
	border-radius:7px;
	margin-bottom:0;
}

.consulwrapcls input[type="text"]:focus, .consulwrapcls input[type="email"]:focus, .consulwrapcls input[type="number"]:focus{
	outline: none;
}

.consulwrapcls .text-box label.active {
	top: -10px;
    left: 15px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform:unset;
    color: #222;
	cursor:context-menu;
}

@media only screen and (max-width: 600px) {
	.consulwrapcls .text-box label.active {
		font-size: 12px;
		top: -25px;
	}
}


.nice-select.wide{min-height:53px; padding-top:4px; border-radius:7px;}
.text-box-cuslabel{position:relative;}
.text-box-cuslabel label{font-weight:500; color:#222; padding-bottom:7px; font-size: 15px; position: absolute;
    top: -12px;
    left: 15px;
    z-index: 9;}
.text-box-cuslabel label mark{background-color:#fff; padding:0 5px;}
.nice-select .option.selected{font-weight:600;}
.text-box.othersopt{margin-top:0px;}
.consulwrapcls textarea{height:170px;}

.consultformbtn{width:100%; padding-top:1rem; text-align:center;}
.consultformbtn input[type="submit"]{background-color:#f2594b; border:none; color:#fff; border-radius:5px; padding:0.7rem 2.5rem; font-size:16px; text-transform:uppercase; transition:all 0.3s ease-in-out; letter-spacing:1px;}
.consultformbtn input[type="submit"]:hover{background-color:#df4f41;}







 
 



/********* Scroll Top *********/

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:2px;
	right:2px;
    z-index:99;	
}
.scroll {
	position:absolute;
	right:2px;
	bottom:-4px;
	background:rgba(67,197,184,0.0);
	padding:8px;
	opacity:0.7;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
}
.scroll:hover {
	color:#fff;
	background:rgba(67,197,184,0.0);
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 
	opacity:1.0;		
}


/*===================landing=====================*/
.nopadd{padding: 0;}
.nomar{margin: 0;}
.landingmain{max-height: 130vh !important;display: inline-block;}
.landingleftbanr img{width: 100%;}
.landing_bannerrttxt{min-height: 130vh;display: flex;align-items: end;text-align: center;/*background-color: #000;*/padding-bottom: 25px;}

.landingbanrtxtmain{width: 100%;padding: 0 50px;padding-top: 0px;display: flex;
    justify-content: center !important;
    place-content: space-between;
    flex-direction: column;height: 100%;}
.bantoptxt{margin-bottom: auto;padding-top: 130px;}
.landingleftbanr{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),url(../images/pp.webp) no-repeat;background-size: cover;background-position: center top;min-height: 130vh;}
.newbanrtxtstyle{position: absolute;
    top:0%;
    left: 0%;
    
    height: 100%;
    width: 100%;z-index: 11;}


.landingbanrtxtmain h4 {}
.landingbanrtxtmain p{color:#369fda;font-size: 16px;font-weight: 600;}
.landingbanrtxtmain h1{font-weight: 600 !important;color: #fff;line-height: 80px;font-size: 65px;}
.laningbanrlogort {
    padding-top: 0px;
    padding-bottom: 30px;
    width: 55%;
    margin: 0px auto;
    position: relative;
    right: 0;
    bottom: 0;
    margin-top: 20px;
}
.landingabttxt ul{padding-left: 20px;}
.landingabttxt ul li{font-size: 20px;line-height: 35px;margin-bottom: 10px;color: #000;}
.landingabttxt p{font-size: 20px;color:#000;padding-top: 20px;margin-bottom: 0;padding-bottom: 0;}
.landingaboutussec .titleboxone{padding-top: 30px;padding-left: 30px;}
.landingaboutussec .landingabttxt{padding-left: 30px;}
.landingserv .topstorysinglebox {margin: 0 25px;}
.landingserv .topstorysinglebox:first-child{margin-left: 0;}
.landingserv .topstorysinglebox .toptxtbox h3 {color: #fff;font-weight: 500;margin: 0.7rem 0;}
  .landingserv .topstorysinglebox .toptxtbox h6 {color: #fff;}
  .landingserv .topstorysinglebox .toptxtbox p {color: #fff;}
  .landingserv .topstorysinglebox .toptxtbox{min-height: 218px;}
  .landingserv .topstorysinglebox img {border-radius: 10px;transition: all 0.4s ease-in-out;opacity: 1.0;}
.landingbookform{padding:4rem 0 70px 0;}
.landibkfrm{width: 50%;margin: 0px auto;background-color: #000;border-radius: 10px;padding: 40px;}
.landibkfrm h3{color:#fff;text-align: center;}
.landibkfrm p{color:#fff;text-align: center;font-size: 16px;}
.landibkfrm form ul{padding-left: 0;}
.landibkfrm form ul li{list-style-type: none;margin-bottom: 20px;color:#fff;}
.landibkfrm form ul li label{width: 100%;padding-bottom: 10px;}
.landibkfrm form ul li.lanfourchkbx{margin-top: 30px;}
.landibkfrm form ul li:last-child{margin-bottom: 0;text-align: center;}
.landibkfrm form ul li input.inplanding{width: 100%;padding: 10px 0;border: none;border-bottom: 1px solid #fff;color:#fff;background-color: transparent;}
.landibkfrm form ul li textarea{width: 100%;padding: 10px 0;border: none;border-bottom: 1px solid #fff;color:#fff;min-height: 120px;resize: none;background-color: transparent;}
.landibkfrm form ul li input.submotlndngbook{width: auto;background-color: #f2594b;color: #fff;font-size: 16px;font-weight: 500;padding: 10px 30px;border-radius: 5px;border:none;text-transform: uppercase;}
img.msmimg{height: 70px;margin-top: 10px;}
.landingbookform{background-color: transparent;}
.headersec .navbar-light .navbar-nav.landingtoprt .nav-link{padding: 1.16rem 15px;}
.landingrtsmllogo img{width: 75%;}
.gllgogrt{text-align: right;}
.upwrklogolt{text-align: left;}
#landngservc{padding: 4rem 0 5rem;background-color: transparent;}
#landngservc .titleboxone{margin-bottom: 30px;}
#speaknumber .titleboxone{padding-top: 0;padding-left: 0px;}
#speaknumber .landingnumbertxt{padding-left: 30px;padding-top: 15px;}
#speaknumber{padding: 4rem 0 5rem;}
.landnumgettouch{padding-left: 65%;}
#landingbook .titleboxone{padding-bottom: 30px;text-align: center;}
body.landingbody{background-color: #f2f2f2;}
.fombkchk span{padding-right: 20px;}

/*********chiranjibi 26.2.25*****/

.landingbanrtxtmain h4 {
    color: #fff;
    font-size: 42px;
  line-height: 52px;
  padding-bottom: 0;
  font-weight: 600;
}
.landingbanrtxtmain h4.banlasthdng{padding-bottom:200px;}
.landingbanrtxtmain h4 .yellow_clr{color:#F68925}
.yellow_clr{color:#F68925}
.landingbanrtxtmain h4 .blue_clr{color:#1792f8}
.blue_clr{color:#1792f8}
.arbictxt{font-weight: 600;
    font-size: 26px;
    padding-left: 10px;}
.landingbanrtxtmain p{color: #1792f8;font-size: 20px;font-weight: 700;margin-bottom: 12px;}

.landingbanrtxtmain h1{font-size: 30px;font-weight: 700 !important;line-height: 32px !important;margin-bottom: 14px;}
.landingbanrtxtmain h6{color:#f68925;font-size: 36px;font-weight: 700;}
#landngservc .titleboxone p{font-size: 20px;}
.abt_content_bx h2 {color: #1792f8;font-weight: 700;font-size: 30px;margin-bottom: 10px;}
.abt_content_bx ul{padding-left: 20px;}
.abt_content_bx ul li{font-size: 22px;line-height: 35px;margin: 10px 0px;}
.abt_content{padding: 0px 25px;}
.abt_content h4{font-size: 25px;font-weight: 700;margin: 20px 0px;color:rgb(61, 155, 233) ;}
.abt_content p{font-size: 20px;font-weight: 600;color: #000;}
p.fillparashrttxt{text-align: center;font-size: 16px;color: #000;padding-top: 10px;}

.dmmainbanr h4.agncy{padding-bottom: 120px;}
.bannersec.innerpagesec h1 span{padding-left: 10px;}


.review_sty{padding: 80px 0px;}
.review_sty h2{margin-bottom: 25px;text-align: center;}
.review_sty .review_btn{display: flex;justify-content: center;margin-top: 25px;}
.review_sty a{

    color: #171717;
    border-bottom: 1px solid #171717;
}



       .loader-area {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 99999;
        background: rgb(23,146,248);
background: linear-gradient(184deg, rgba(23,146,248,1) 35%, rgba(14,86,146,1) 72%);
      }
      
      .loader, .loader:before, .loader:after {
        border-radius: 50%;
        width: 2.5em;
        height: 2.5em;
        animation-fill-mode: both;
        animation: bblFadInOut 1.8s infinite ease-in-out;
      }
      
      .loader {
        color: #fff;
        font-size: 7px;
        position: relative;
        text-indent: -9999em;
        transform: translateZ(0);
        animation-delay: -0.16s;
        margin: 0 auto;
        display: block;
      }

      .loader_bx img{width: 400px;}
      
      .loader:before,
      .loader:after {
        content: '';
        position: absolute;
        top: 0;
      }
      
      .loader:before {
        left: -3.5em;
        animation-delay: -0.32s;
      }
      
      .loader:after {
        left: 3.5em;
      }
      
      @keyframes bblFadInOut {
        0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em }
        40% { box-shadow: 0 2.5em 0 0 }
      }



/*Chiranjibi 18.6.26*/


/* Updated Main Menu */
.mainmenunav .nav-link {
  padding-left: 0.85rem !important;
  padding-right: 0.85rem !important;
  font-size: 14px !important;
}

.headersec .navbar-nav .nav-item.dropdown .dropdown-menu {
  top: 100%;
  padding: 1.5rem 0;
  margin-top: -35px;
}

.navbar-dark .navbar-toggler{border-color:rgba(255, 255, 255,0.9);}

.headersec .dropdown-menu a {
  color: #171717;
}

.headersec .dropdown-menu a:hover {
  color: #f2594b;
}

.headersec .dropdown-menu .dropdown-item {
  padding: 8px 18px;
  font-size: 14px;
}

.navsubblock h4 {
  font-weight: 500;
}

.navsubblock p {
  color: #6C6C6C;
}

.mainnavlinks ul li a {
  color: #171717;
  font-size: 14px;
}

.mainnavlinks ul li a:hover {
  color: #f2594b;
}

/* Header CTA */
.nav-item.concusbtn {
  padding-top: 8px;
}

.nav-item.concusbtn a {
  background-color: #f2594b;
  border: 1px solid #f2594b;
  color: #fff !important;
  border-radius: 5px;
  padding: 9px 18px !important;
}

.nav-item.concusbtn a:hover {
  background-color: #d94231;
  border-color: #d94231;
}

/* Mobile Menu Fix */
@media only screen and (max-width: 991px) {
  .headersec .navbar {
    background-color: rgba(0,0,0,0.92) !important;
  }

  .headersec .navbar-collapse {
    background-color: rgba(0,0,0,0.96);
    padding: 1rem;
    max-height: 82vh;
    overflow-y: auto;
  }

  .headersec .navbar-light .navbar-nav .nav-link {
    padding: 0.75rem 0 !important;
    color: #fff !important;
  }

  .headersec .navbar-nav .nav-item.dropdown .dropdown-menu {
    position: static !important;
    width: 100% !important;
    background-color: #fff;
    box-shadow: none;
    padding: 1rem;
    margin: 0.5rem 0 1rem;
  }

  .navsubblock .col-lg-3 {
    margin-bottom: 1rem;
  }

  .mainnavlinks ul {
    padding-left: 15px;
  }

  .searchcartlist {
    margin-left: 0 !important;
  }

  .nav-item.slashboxcls,
  .nav-item.faiconsingle {
    display: none;
  }

  .nav-item.customconcls {
    margin-left: 0;
    margin-right: 0;
  }
}




/* Mega menu fix */
@media (min-width: 992px) {
  .headersec .navbar-nav .dropdown-menu {
    display: none;
    position: fixed;
    top: 88px;
    left: 0;
    width: 100%;
    padding: 25px 0;
    background: rgba(255,255,255,0.98);
    border: 0;
    border-radius: 0;
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
    z-index: 99999;
  }

  .headersec.posi .navbar-nav .dropdown-menu {
    top: 62px;
  }

  .headersec .navbar-nav .dropdown:hover > .dropdown-menu,
  .headersec .navbar-nav .dropdown.show > .dropdown-menu {
    display: block;
  }

  .headersec .dropdown-menu .container {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 991px) {
  .headersec .navbar-nav .dropdown-menu {
    position: static !important;
    width: 100% !important;
    display: none;
    padding: 15px;
    background: #fff;
  }

  .headersec .navbar-nav .dropdown-menu.show {
    display: block;
  }
}


@media (min-width: 992px) {
  .navbar .dropdown-menu {
    margin-top: 0;
  }

  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
  }
}

@media (min-width: 992px) {
  .headersec .navbar-nav .nav-item.dropdown .dropdown-menu {
    display: none;
    top: 100%;
    z-index: 999999;
  }

  .headersec .navbar-nav .nav-item.dropdown .dropdown-menu.show {
    display: block !important;
  }
}

@media (max-width: 991px) {
  .headersec .navbar-nav .nav-item.dropdown .dropdown-menu {
    display: none;
  }

  .headersec .navbar-nav .nav-item.dropdown .dropdown-menu.show {
    display: block;
  }
}


@media (min-width: 992px) {
  .headersec .dropdown-menu.show {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    left: 0 !important;
    top: 95px !important;
    width: 100vw !important;
    transform: none !important;
    z-index: 999999 !important;
    pointer-events: auto !important;
  }

  .headersec.posi .dropdown-menu.show {
    top: 62px !important;
  }
}




/*Web development*/

/* Web Development Inner Page */

/* Premium Web Development Page */

/* Banner */
.premium-inner-banner {
  width: 100%;
  min-height: 690px;
  background: radial-gradient(circle at top left, rgba(242,89,75,0.38), transparent 34%),
              radial-gradient(circle at bottom right, rgba(52,72,146,0.72), transparent 35%),
              linear-gradient(135deg, #111827 0%, #111111 48%, #1c243f 100%);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.premium-banner-overlay {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 44px 44px;
  opacity: 0.5;
}

.premium-banner-shape {
  position: absolute;
  border-radius: 50%;
  filter: blur(8px);
  opacity: 0.45;
}

.premium-banner-shape.shape-one {
  width: 260px;
  height: 260px;
  background-color: #f2594b;
  top: 150px;
  right: 9%;
}

.premium-banner-shape.shape-two {
  width: 180px;
  height: 180px;
  background-color: #344892;
  bottom: 90px;
  left: 8%;
}

.premium-banner-row {
  position: relative;
  z-index: 4;
  min-height: 690px;
  padding-top: 6rem;
}

.premium-banner-content {
  max-width: 760px;
}

.premium-eyebrow,
.premium-section-title span,
.form-tag,
.premium-final-cta-box span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #f2594b;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 16px;
}

.form-tag{margin-bottom: 8px !important;}

.premium-eyebrow:before,
.premium-section-title span:before,
.form-tag:before,
.premium-final-cta-box span:before {
  content: '';
  width: 34px;
  height: 1px;
  background-color: #f2594b;
  display: inline-block;
}

.premium-banner-content h1 {
  font-size: 66px;
  line-height: 74px;
  letter-spacing: -2px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 22px;
}

.premium-banner-content p {
  width: 690px;
  max-width: 100%;
  color: rgba(255,255,255,0.76);
  font-size: 17px;
  line-height: 30px;
  margin-bottom: 0;
}

.premium-banner-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 34px;
}

.premium-primary-btn,
.premium-secondary-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 26px;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 500;
}

.premium-primary-btn {
  background-color: #f2594b;
  color: #fff;
  box-shadow: 0 16px 35px rgba(242,89,75,0.32);
}

.premium-primary-btn:hover {
  background-color: #d94231;
  color: #fff;
  transform: translateY(-2px);
}

.premium-secondary-btn {
  color: #fff;
  border: 1px solid rgba(255,255,255,0.28);
  background-color: rgba(255,255,255,0.06);
  backdrop-filter: blur(10px);
}

.premium-secondary-btn:hover {
  color: #fff;
  border-color: rgba(255,255,255,0.55);
  background-color: rgba(255,255,255,0.11);
}

/* Hero Floating Card */
.premium-hero-card {
  background: rgba(255,255,255,0.11);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 28px;
  padding: 18px;
  backdrop-filter: blur(18px);
  box-shadow: 0 30px 80px rgba(0,0,0,0.32);
  transform: rotate(-2deg);
}

.hero-card-top {
  display: flex;
  gap: 8px;
  padding: 6px 4px 18px;
}

.hero-card-top span {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: rgba(255,255,255,0.45);
}

.hero-card-body {
  background-color: rgba(255,255,255,0.92);
  border-radius: 20px;
  padding: 28px;
}

.hero-code-line {
  height: 12px;
  border-radius: 20px;
  background: linear-gradient(90deg, #344892, #f2594b);
  margin-bottom: 14px;
}

.hero-code-line.big {
  width: 82%;
}

.hero-code-line.medium {
  width: 62%;
  opacity: 0.75;
}

.hero-code-line.small {
  width: 42%;
  opacity: 0.55;
}

.hero-card-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 34px;
}

.hero-card-grid div {
  background-color: #f8f8fb;
  border-radius: 16px;
  padding: 18px;
}

.hero-card-grid h4 {
  color: #171717;
  font-size: 18px;
  margin-bottom: 6px;
}

.hero-card-grid p {
  color: #6C6C6C;
  font-size: 13px;
  margin-bottom: 0;
}

/* Main Service Section */
.premium-service-dev {
  background:
    linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
  padding: 5rem 0;
}

.premium-service-content {
  padding-right: 2.8rem;
}

.premium-section-title {
  margin-bottom: 2rem;
}

.form_column{display: flex;gap: 15px;}
.form_column .form-group{width: 49%;}

.premium-section-title h2 {
  color: #171717;
  font-size: 42px;
  line-height: 52px;
  letter-spacing: -1px;
  font-weight: 500;
  margin-bottom: 16px;
}

.premium-section-title p {
  color: #6C6C6C;
  font-size: 15px;
  line-height: 27px;
  max-width: 760px;
}

.premium-section-title.text-center p {
  margin-left: auto;
  margin-right: auto;
}

.premium-intro-card {
  background-color: #fff;
  border-radius: 22px;
  padding: 2rem;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 18px 50px rgba(0,0,0,0.06);
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}

.premium-intro-card:before {
  content: '';
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #f2594b, #344892);
  position: absolute;
  left: 0;
  top: 0;
}

.premium-intro-card p {
  font-size: 16px;
  line-height: 29px;
  color: #575757;
  margin-bottom: 0;
}

/* Feature Cards */
.premium-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  margin: 2.2rem 0;
}

.premium-feature-card {
  background-color: #fff;
  border-radius: 22px;
  padding: 2rem;
  box-shadow: 0 16px 45px rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.05);
  transition: all 0.35s ease-in-out;
}

.premium-feature-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 24px 60px rgba(0,0,0,0.11);
}

.feature-icon {
  width: 58px;
  height: 58px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(242,89,75,0.12), rgba(52,72,146,0.13));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.feature-icon i {
  color: #f2594b;
  font-size: 25px;
}

.premium-feature-card h3 {
  color: #171717;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}

.premium-feature-card p {
  color: #6C6C6C;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}

/* Content Block */
.premium-content-block {
  background-color: #111827;
  border-radius: 26px;
  padding: 2.5rem;
  margin: 3rem 0;
  position: relative;
  overflow: hidden;
}

.premium-content-block:after {
  content: '';
  width: 220px;
  height: 220px;
  background-color: rgba(242,89,75,0.14);
  border-radius: 50%;
  position: absolute;
  right: -70px;
  top: -90px;
}

.premium-content-block h3 {
  color: #fff;
  font-size: 28px;
  margin-bottom: 1.5rem;
  position: relative;
  z-index: 2;
}

.premium-check-list {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  z-index: 2;
}

.premium-check-list li {
  color: rgba(255,255,255,0.82);
  font-size: 14px;
  margin-bottom: 14px;
  padding-left: 30px;
  position: relative;
}

.premium-check-list li:before {
  content: '\f00c';
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  left: 0;
  top: 4px;
  color: #f2594b;
}

/* Process */
.small-title h2 {
  font-size: 34px;
  line-height: 42px;
}

.premium-process-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.premium-process-card {
  background-color: #fff;
  border-radius: 22px;
  padding: 2rem;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 16px 42px rgba(0,0,0,0.055);
  transition: all 0.35s ease-in-out;
  position: relative;
}

.premium-process-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 60px rgba(0,0,0,0.1);
}

.premium-process-card span {
  display: block;
  color: rgba(242,89,75,0.16);
  font-size: 56px;
  line-height: 1;
  font-family: "Geologica", sans-serif;
  font-weight: 600;
  margin-bottom: 10px;
}

.premium-process-card h4 {
  color: #171717;
  font-size: 21px;
  margin-bottom: 8px;
}

.premium-process-card p {
  color: #6C6C6C;
  font-size: 13px;
  line-height: 23px;
  margin-bottom: 0;
}

/* Form */
.premium-form-box {
  background:
    linear-gradient(145deg, rgba(52,72,146,0.95), rgba(17,24,39,0.98));
  border-radius: 28px;
  padding: 2.3rem;
  box-shadow: 0 28px 75px rgba(17,24,39,0.25);
  overflow: hidden;
  position: relative;
}

.premium-form-box:before {
  content: '';
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background-color: rgba(242,89,75,0.22);
  position: absolute;
  right: -110px;
  top: -100px;
}

.premium-form-box h3 {
    color: #fff;
    font-size: 24px;
    line-height: 150%;
    font-weight: 500;
    margin-bottom: 12px;
    position: relative;
    z-index: 2;
}
.premium-right-sidebar{position: sticky;
top: 115px;}

.premium-form-box p {
  color: rgba(255,255,255,0.76);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}

/* Smooth Floating Animation for Premium Hero Card */
.premium-hero-card {
  animation: premiumFloatCard 4.5s ease-in-out infinite;
  will-change: transform;
}

@keyframes premiumFloatCard {
  0% {
    transform: translateY(0) rotate(-2deg);
  }

  50% {
    transform: translateY(-18px) rotate(-2deg);
  }

  100% {
    transform: translateY(0) rotate(-2deg);
  }
}

.premium-contact-form {
  position: relative;
  z-index: 2;
}

.premium-contact-form .form-group {
  margin-bottom: 13px;
}

.premium-contact-form input,
.premium-contact-form select,
.premium-contact-form textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid rgba(255,255,255,0.15);
  background: transparent ;
  color: #fff;
  padding: 10px 0px;
  font-size: 14px;
}



.premium-contact-form input::placeholder,
.premium-contact-form textarea::placeholder {
  color: rgba(255,255,255,0.64);
}

.premium-contact-form select {
  color: rgba(255,255,255,0.74);
}

.premium-contact-form select option {
  color: #171717;
}

.premium-contact-form input:focus,
.premium-contact-form select:focus,
.premium-contact-form textarea:focus {
  outline: none;
  border-bottom: 1px solid rgba(242,89,75,0.8);
  background: transparent !important;
}



.premium-contact-form button {
  width: 100%;
  border: none;
  background-color: #f2594b;
  color: #fff;
  border-radius: 50px;
  padding: 15px 24px;
  font-size: 15px;
  font-weight: 500;
  margin-top: 5px;
  transition: all 0.3s ease-in-out;
}

.premium-contact-form button:hover {
  background-color: #d94231;
  transform: translateY(-2px);
}

.premium-sidebar-card {
  margin-top: 24px;
  background-color: #fff;
  border-radius: 24px;
  padding: 2rem;
  box-shadow: 0 18px 50px rgba(0,0,0,0.07);
  border: 1px solid rgba(0,0,0,0.06);
}

.premium-sidebar-card h4 {
  color: #171717;
  font-size: 24px;
  margin-bottom: 1rem;
}

.premium-sidebar-card ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.premium-sidebar-card ul li {
  color: #575757;
  font-size: 14px;
  padding: 12px 0 12px 28px;
  border-bottom: 1px solid #ededed;
  position: relative;
}

.premium-sidebar-card ul li:last-child {
  border-bottom: none;
}

.premium-sidebar-card ul li:before {
  content: '\f058';
  font: normal normal normal 15px/1 FontAwesome;
  color: #f2594b;
  position: absolute;
  left: 0;
  top: 15px;
}

/* Technology Section */
.premium-tech-section {
  background:
    radial-gradient(circle at top right, rgba(242,89,75,0.14), transparent 28%),
    linear-gradient(180deg, #111827 0%, #151515 100%);
  padding: 6rem 0;
  position: relative;
  overflow: hidden;
}

.premium-tech-section .premium-section-title h2 {
  color: #fff;
}

.premium-tech-section .premium-section-title p {
  color: rgba(255,255,255,0.68);
}

.premium-tech-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 22px;
  margin-top: 3rem;
}

.premium-tech-card {
  min-height: 150px;
  border-radius: 22px;
  background-color: rgba(255,255,255,0.075);
  border: 1px solid rgba(255,255,255,0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.35s ease-in-out;
}

.premium-tech-card:hover {
  transform: translateY(-7px);
  background-color: rgba(255,255,255,0.12);
  border-color: rgba(242,89,75,0.45);
}

.premium-tech-card i {
  font-size: 38px;
  color: #f2594b;
  margin-bottom: 16px;
}

.premium-tech-card h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

/* Final CTA */
.premium-final-cta {
  background-color: #fafafa;
  padding: 6rem 0;
}

.premium-final-cta-box {
  background:
    radial-gradient(circle at top right, rgba(242,89,75,0.22), transparent 30%),
    linear-gradient(135deg, #344892 0%, #111827 100%);
  border-radius: 32px;
  padding: 4rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 80px rgba(17,24,39,0.22);
}

.premium-final-cta-box h2 {
  color: #fff;
  font-size: 42px;
  line-height: 52px;
  font-weight: 500;
  letter-spacing: -1px;
  margin-bottom: 14px;
}

.premium-final-cta-box p {
  color: rgba(255,255,255,0.72);
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 0;
}

.premium-final-cta-box a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #f2594b;
  color: #fff;
  padding: 15px 30px;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 18px 35px rgba(242,89,75,0.3);
}

.premium-final-cta-box a:hover {
  background-color: #d94231;
  color: #fff;
  transform: translateY(-2px);
}


/* Responsive */
@media only screen and (max-width: 1199px) {
  .premium-banner-content h1 {
    font-size: 54px;
    line-height: 62px;
  }

  .premium-tech-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media only screen and (max-width: 991px) {
  .premium-inner-banner,
  .premium-banner-row {
    min-height: auto;
  }

  .premium-banner-row {
    padding: 9rem 0 5rem;
  }

  .premium-banner-content h1 {
    font-size: 44px;
    line-height: 52px;
  }

  .premium-hero-card {
    margin-top: 3rem;
    transform: none;
  }

  .premium-service-content {
    padding-right: 0;
  }

  .premium-form-box {
    position: static;
    margin-top: 3rem;
  }

  .premium-tech-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .premium-final-cta-box {
    padding: 3rem;
  }

  .premium-final-cta-box .text-lg-end {
    text-align: left !important;
    margin-top: 2rem;
  }

  .premium-right-sidebar {
    position: static;
    top: auto;
  }
}

@media only screen and (max-width: 767px) {
  .premium-feature-grid,
  .premium-process-grid {
    grid-template-columns: 1fr;
  }

  .premium-tech-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .premium-section-title h2,
  .premium-final-cta-box h2 {
    font-size: 32px;
    line-height: 40px;
  }

  .premium-banner-content h1 {
    font-size: 36px;
    line-height: 44px;
  }

  .premium-banner-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .premium-primary-btn,
  .premium-secondary-btn {
    width: 100%;
    justify-content: center;
  }

  .premium-final-cta-box {
    padding: 2rem;
  }
}

@media only screen and (max-width: 480px) {
  .premium-tech-grid {
    grid-template-columns: 1fr;
  }

  .hero-card-grid {
    grid-template-columns: 1fr;
  }

  .premium-service-dev,
  .premium-tech-section,
  .premium-final-cta {
    padding: 4rem 0;
  }
}







/*AI Automtion*/


/* AI Automation Page */

.ai-auto-hero {
  width: 100%;
  min-height: 720px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 16% 18%, rgba(242,89,75,0.38), transparent 26%),
    radial-gradient(circle at 88% 35%, rgba(52,72,146,0.72), transparent 30%),
    linear-gradient(135deg, #0f172a 0%, #111111 48%, #18223f 100%);
}

.ai-auto-grid-bg {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 46px 46px;
  opacity: 0.55;
}

.ai-auto-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(14px);
  opacity: 0.42;
}

.ai-auto-glow.glow-one {
  width: 260px;
  height: 260px;
  right: 8%;
  top: 18%;
  background-color: #f2594b;
}

.ai-auto-glow.glow-two {
  width: 190px;
  height: 190px;
  left: 9%;
  bottom: 13%;
  background-color: #344892;
}

.ai-auto-hero-row {
  min-height: 720px;
  position: relative;
  z-index: 3;
  padding-top: 6rem;
}

.ai-auto-eyebrow,
.ai-section-title span,
.ai-dashboard-header span,
.ai-final-cta-box span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #f2594b;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 16px;
}

.ai-auto-eyebrow:before,
.ai-section-title span:before,
.ai-dashboard-header span:before,
.ai-final-cta-box span:before {
  content: '';
  width: 34px;
  height: 1px;
  background-color: #f2594b;
  display: inline-block;
}

.ai-auto-hero-content h1 {
  font-size: 66px;
  line-height: 74px;
  color: #fff;
  font-weight: 500;
  letter-spacing: -2px;
  margin-bottom: 22px;
}

.ai-auto-hero-content p {
  max-width: 690px;
  color: rgba(255,255,255,0.76);
  font-size: 17px;
  line-height: 30px;
  margin-bottom: 0;
}

.ai-auto-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 34px;
}

.ai-auto-primary-btn,
.ai-auto-secondary-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 27px;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 500;
}

.ai-auto-primary-btn {
  color: #fff;
  background-color: #f2594b;
  box-shadow: 0 16px 35px rgba(242,89,75,0.32);
}

.ai-auto-primary-btn:hover {
  background-color: #d94231;
  color: #fff;
  transform: translateY(-2px);
}

.ai-auto-secondary-btn {
  color: #fff;
  border: 1px solid rgba(255,255,255,0.24);
  background-color: rgba(255,255,255,0.07);
}

.ai-auto-secondary-btn:hover {
  color: #fff;
  background-color: rgba(255,255,255,0.12);
}

/* Hero Card */
.ai-auto-hero-card {
  background: rgba(255,255,255,0.11);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 30px;
  padding: 18px;
  backdrop-filter: blur(18px);
  box-shadow: 0 34px 90px rgba(0,0,0,0.36);
  animation: aiFloatCard 4.8s ease-in-out infinite;
}

@keyframes aiFloatCard {
  0% {
    transform: translateY(0) rotate(-2deg);
  }

  50% {
    transform: translateY(-18px) rotate(-2deg);
  }

  100% {
    transform: translateY(0) rotate(-2deg);
  }
}

.ai-card-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 4px 18px;
}

.ai-card-header span {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: rgba(255,255,255,0.44);
  margin-bottom: 0;
}

.ai-card-header p {
  color: rgba(255,255,255,0.74);
  font-size: 13px;
  margin: 0 0 0 auto;
}

.ai-card-body {
  background-color: rgba(255,255,255,0.94);
  border-radius: 22px;
  padding: 30px;
}

.ai-orbit-wrap {
  width: 190px;
  height: 190px;
  border: 1px dashed rgba(52,72,146,0.3);
  border-radius: 50%;
  position: relative;
  margin: 0 auto 30px;
  animation: aiOrbitRotate 14s linear infinite;
}

@keyframes aiOrbitRotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.ai-orbit-center {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background: linear-gradient(135deg, #344892, #f2594b);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.ai-orbit-dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #f2594b;
  position: absolute;
}

.ai-orbit-dot.dot-one {
  top: 10px;
  left: 50%;
}

.ai-orbit-dot.dot-two {
  right: 10px;
  top: 58%;
  background-color: #344892;
}

.ai-orbit-dot.dot-three {
  left: 22px;
  bottom: 28px;
}

.ai-mini-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.ai-mini-stats div {
  background-color: #f8f8fb;
  border-radius: 16px;
  padding: 17px;
}

.ai-mini-stats h4 {
  color: #171717;
  font-size: 23px;
  font-weight: 600;
  margin-bottom: 5px;
}

.ai-mini-stats p {
  color: #6C6C6C;
  font-size: 13px;
  margin-bottom: 0;
  line-height: 19px;
}

/* Common Sections */
.ai-challenge-section,
.ai-services-section,
.ai-process-section,
.ai-deliverables-section,
.ai-usecases-section,
.ai-value-section {
  width: 100%;
  padding: 6rem 0;
}

.ai-section-title {
  margin-bottom: 2.5rem;
}

.ai-section-title h2 {
  color: #171717;
  font-size: 44px;
  line-height: 54px;
  letter-spacing: -1px;
  font-weight: 500;
  margin-bottom: 16px;
}

.ai-section-title p {
  color: #6C6C6C;
  font-size: 15px;
  line-height: 27px;
  max-width: 760px;
}

.ai-section-title.text-center p {
  margin-left: auto;
  margin-right: auto;
}

.ai-challenge-intro p {
  font-size: 18px;
  line-height: 30px;
  color: #575757;
  margin-bottom: 0;
}

.ai-challenge-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
  margin-top: 2.5rem;
}

.ai-challenge-card {
  background-color: #fff;
  border-radius: 22px;
  padding: 2rem 1.4rem;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 16px 45px rgba(0,0,0,0.055);
  transition: all 0.35s ease-in-out;
}

.ai-challenge-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 24px 60px rgba(0,0,0,0.1);
}

.ai-challenge-card i {
  color: #f2594b;
  font-size: 30px;
  margin-bottom: 18px;
}

.ai-challenge-card p {
  color: #575757;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 0;
}

/* Stats */
.ai-stats-section {
  width: 100%;
  background-color: #111827;
  padding: 4rem 0;
}

.ai-stats-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background-color: rgba(255,255,255,0.12);
  border-radius: 24px;
  overflow: hidden;
}

.ai-stat-box {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  padding: 2.5rem 2rem;
  text-align: center;
}

.ai-stat-box h3 {
  color: #fff;
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 10px;
}

.ai-stat-box p {
  color: rgba(255,255,255,0.66);
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0;
}

/* Services */
.ai-services-section {
  background-color: #fafafa;
}

.ai-services-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.ai-service-card {
  background-color: #fff;
  border-radius: 26px;
  padding: 2.2rem;
  box-shadow: 0 18px 50px rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.055);
  transition: all 0.35s ease-in-out;
}

.ai-service-card.large-card {
  grid-column: span 2;
}

.ai-service-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 28px 70px rgba(0,0,0,0.11);
}

.ai-service-icon {
  width: 62px;
  height: 62px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(242,89,75,0.12), rgba(52,72,146,0.14));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
}

.ai-service-icon i {
  color: #f2594b;
  font-size: 27px;
}

.ai-service-card h3 {
  color: #171717;
  font-size: 24px;
  margin-bottom: 12px;
}

.ai-service-card p {
  color: #6C6C6C;
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 0;
}

/* Process */
.ai-process-section {
  background-color: #fff;
}

.ai-process-line {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  position: relative;
}

.ai-process-card {
  background-color: #fff;
  border-radius: 26px;
  padding: 2.2rem;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 18px 50px rgba(0,0,0,0.06);
  transition: all 0.35s ease-in-out;
}

.ai-process-card:hover {
  transform: translateY(-7px);
}

.ai-process-card span {
  display: block;
  color: rgba(242,89,75,0.17);
  font-size: 60px;
  line-height: 1;
  font-family: "Geologica", sans-serif;
  font-weight: 600;
  margin-bottom: 12px;
}

.ai-process-card h3 {
  color: #171717;
  font-size: 24px;
  margin-bottom: 10px;
}

.ai-process-card p {
  color: #6C6C6C;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}

/* Deliverables */
.ai-deliverables-section {
  background-color: #fafafa;
}

.ai-deliverables-list {
  display: grid;
  gap: 16px;
}

.ai-deliverable-item {
  display: flex;
  gap: 18px;
  background-color: #fff;
  border-radius: 22px;
  padding: 1.5rem;
  box-shadow: 0 14px 40px rgba(0,0,0,0.055);
  border: 1px solid rgba(0,0,0,0.055);
}

.ai-deliverable-item i {
  color: #f2594b;
  font-size: 25px;
  margin-top: 3px;
}

.ai-deliverable-item h3 {
  color: #171717;
  font-size: 20px;
  margin-bottom: 7px;
}

.ai-deliverable-item p {
  color: #6C6C6C;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 0;
}

/* Dashboard */
.ai-dashboard-section {
  width: 100%;
  padding: 6rem 0;
  background:
    radial-gradient(circle at top right, rgba(242,89,75,0.18), transparent 28%),
    linear-gradient(135deg, #111827 0%, #151515 100%);
}

.ai-dashboard-box {
  background-color: rgba(255,255,255,0.075);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 32px;
  padding: 3rem;
  backdrop-filter: blur(18px);
  box-shadow: 0 30px 90px rgba(0,0,0,0.28);
}

.ai-dashboard-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 2.5rem;
}

.ai-dashboard-header h2 {
  color: #fff;
  font-size: 38px;
  font-weight: 500;
  margin-bottom: 0;
}

.dashboard-status {
  color: rgba(255,255,255,0.72);
  font-size: 13px;
  background-color: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 50px;
  padding: 9px 15px;
}

.dashboard-status span {
  width: 8px;
  height: 8px;
  background-color: #31d17c;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.ai-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.dashboard-metric {
  background-color: rgba(255,255,255,0.09);
  border-radius: 22px;
  padding: 2rem;
}

.dashboard-metric p {
  color: rgba(255,255,255,0.64);
  font-size: 14px;
  margin-bottom: 12px;
}

.dashboard-metric h3 {
  color: #fff;
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 0;
}

.ai-dashboard-bars {
  margin-top: 2.5rem;
}

.bar-row {
  margin-bottom: 18px;
}

.bar-row span {
  display: block;
  color: rgba(255,255,255,0.72);
  font-size: 14px;
  margin-bottom: 9px;
}

.bar {
  width: 100%;
  height: 10px;
  background-color: rgba(255,255,255,0.1);
  border-radius: 30px;
  overflow: hidden;
}

.bar em {
  height: 100%;
  display: block;
  background: linear-gradient(90deg, #f2594b, #ffb199);
  border-radius: 30px;
}

/* Use Cases */
.ai-usecases-section {
  background-color: #fff;
}

.ai-usecase-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 22px;
}

.ai-usecase-card {
  background-color: #fafafa;
  border-radius: 24px;
  padding: 2rem 1.5rem;
  transition: all 0.35s ease-in-out;
}

.ai-usecase-card:hover {
  transform: translateY(-7px);
  background-color: #fff;
  box-shadow: 0 22px 60px rgba(0,0,0,0.09);
}

.ai-usecase-card i {
  color: #344892;
  font-size: 32px;
  margin-bottom: 18px;
}

.ai-usecase-card h3 {
  color: #171717;
  font-size: 21px;
  margin-bottom: 10px;
}

.ai-usecase-card p {
  color: #6C6C6C;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 0;
}

/* Value */
.ai-value-section {
  background-color: #fafafa;
}

.ai-value-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.ai-value-card {
  background-color: #fff;
  border-radius: 24px;
  padding: 2rem;
  border: 1px solid rgba(0,0,0,0.055);
  box-shadow: 0 16px 45px rgba(0,0,0,0.055);
  transition: all 0.35s ease-in-out;
}

.ai-value-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 24px 65px rgba(0,0,0,0.1);
}

.ai-value-card h3 {
  color: #171717;
  font-size: 23px;
  margin-bottom: 10px;
}

.ai-value-card p {
  color: #6C6C6C;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}

/* Final CTA */
.ai-final-cta {
  width: 100%;
  background-color: #fff;
  padding: 6rem 0;
}

.ai-final-cta-box {
  background:
    radial-gradient(circle at top right, rgba(242,89,75,0.22), transparent 30%),
    linear-gradient(135deg, #344892 0%, #111827 100%);
  border-radius: 32px;
  padding: 4rem;
  box-shadow: 0 28px 80px rgba(17,24,39,0.22);
}

.ai-final-cta-box h2 {
  color: #fff;
  font-size: 44px;
  line-height: 54px;
  letter-spacing: -1px;
  font-weight: 500;
  margin-bottom: 14px;
}

.ai-final-cta-box p {
  color: rgba(255,255,255,0.72);
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 0;
}

.ai-final-cta-box a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #f2594b;
  color: #fff;
  padding: 15px 30px;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 18px 35px rgba(242,89,75,0.3);
}

.ai-final-cta-box a:hover {
  background-color: #d94231;
  color: #fff;
  transform: translateY(-2px);
}

/* Responsive */
@media only screen and (max-width: 1199px) {
  .ai-auto-hero-content h1 {
    font-size: 54px;
    line-height: 62px;
  }

  .ai-challenge-grid,
  .ai-usecase-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .ai-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ai-process-line {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 991px) {
  .ai-auto-hero,
  .ai-auto-hero-row {
    min-height: auto;
  }

  .ai-auto-hero-row {
    padding: 9rem 0 5rem;
  }

  .ai-auto-hero-card {
    margin-top: 3rem;
    animation: none;
  }

  .ai-stats-wrap,
  .ai-dashboard-grid,
  .ai-value-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ai-dashboard-header {
    flex-direction: column;
  }

  .ai-final-cta-box .text-lg-end {
    text-align: left !important;
    margin-top: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .ai-auto-hero-content h1 {
    font-size: 38px;
    line-height: 46px;
  }

  .ai-section-title h2,
  .ai-final-cta-box h2,
  .ai-dashboard-header h2 {
    font-size: 32px;
    line-height: 40px;
  }

  .ai-challenge-grid,
  .ai-services-grid,
  .ai-process-line,
  .ai-usecase-grid,
  .ai-value-grid,
  .ai-stats-wrap,
  .ai-dashboard-grid {
    grid-template-columns: 1fr;
  }

  .ai-service-card.large-card {
    grid-column: span 1;
  }

  .ai-challenge-section,
  .ai-services-section,
  .ai-process-section,
  .ai-deliverables-section,
  .ai-usecases-section,
  .ai-value-section,
  .ai-dashboard-section,
  .ai-final-cta {
    padding: 4rem 0;
  }

  .ai-dashboard-box,
  .ai-final-cta-box {
    padding: 2rem;
  }

  .ai-auto-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .ai-auto-primary-btn,
  .ai-auto-secondary-btn {
    justify-content: center;
  }
}





















































/* =========================================================
   PREMIUM AI AUTOMATION PAGE
========================================================= */

:root {
  --ai-primary: #344892;
  --ai-accent: #f2594b;
  --ai-dark: #0f172a;
  --ai-dark-2: #111827;
  --ai-text: #101828;
  --ai-muted: #667085;
  --ai-soft: #f6f8fc;
  --ai-border: rgba(15, 23, 42, 0.08);
  --ai-shadow: 0 22px 70px rgba(15, 23, 42, 0.09);
  --ai-shadow-hover: 0 36px 100px rgba(15, 23, 42, 0.16);
}

.ai-premium-page {
  width: 100%;
  overflow: hidden;
  background-color: #fff;
}

/* COMMON */
.ai-premium-section {
  position: relative;
  width: 100%;
  padding: 7rem 0;
  overflow: hidden;
}

.ai-premium-section:before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(15,23,42,0.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,0.032) 1px, transparent 1px);
  background-size: 54px 54px;
  opacity: 0.48;
  pointer-events: none;
}

.ai-premium-title {
  position: relative;
  z-index: 2;
  margin-bottom: 3rem;
}

.ai-premium-title span,
.ai-premium-kicker,
.ai-dashboard-head span,
.ai-premium-final-box span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--ai-accent);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.ai-premium-title span:before,
.ai-premium-kicker:before,
.ai-dashboard-head span:before,
.ai-premium-final-box span:before {
  content: '';
  width: 36px;
  height: 1px;
  background-color: var(--ai-accent);
  display: inline-block;
}

.ai-premium-title h2 {
  color: var(--ai-text);
  font-size: 48px;
  line-height: 58px;
  letter-spacing: -1.4px;
  font-weight: 600;
  margin-bottom: 16px;
}

.ai-premium-title p {
  max-width: 760px;
  color: var(--ai-muted);
  font-size: 16px;
  line-height: 29px;
}

.ai-premium-title.text-center p {
  margin-left: auto;
  margin-right: auto;
}

.light-title h2 {
  color: #fff;
}

.light-title p {
  color: rgba(255,255,255,0.68);
}

/* HERO */
.ai-premium-hero {
  width: 100%;
  min-height: 760px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 14% 16%, rgba(242,89,75,0.38), transparent 26%),
    radial-gradient(circle at 86% 36%, rgba(52,72,146,0.72), transparent 30%),
    linear-gradient(135deg, #090f1f 0%, #111827 48%, #17213d 100%);
}

.ai-premium-bg-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  opacity: 0.58;
}

.ai-premium-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(16px);
  opacity: 0.48;
}

.ai-glow-one {
  width: 260px;
  height: 260px;
  background-color: var(--ai-accent);
  right: 7%;
  top: 19%;
}

.ai-glow-two {
  width: 190px;
  height: 190px;
  background-color: var(--ai-primary);
  left: 8%;
  bottom: 13%;
}

.ai-premium-orb {
  position: absolute;
  width: 620px;
  height: 620px;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 50%;
  right: -170px;
  bottom: -230px;
}

.ai-premium-orb:before,
.ai-premium-orb:after {
  content: '';
  position: absolute;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 50%;
}

.ai-premium-orb:before {
  inset: 90px;
}

.ai-premium-orb:after {
  inset: 190px;
}

.ai-premium-hero-row {
  min-height: 760px;
  position: relative;
  z-index: 3;
  padding-top: 6.5rem;
}

.ai-premium-hero-content h1 {
  color: #fff;
  font-size: 70px;
  line-height: 78px;
  letter-spacing: -2.4px;
  font-weight: 600;
  margin-bottom: 24px;
}

.ai-premium-hero-content p {
  max-width: 700px;
  color: rgba(255,255,255,0.74);
  font-size: 18px;
  line-height: 31px;
  margin-bottom: 0;
}

.ai-premium-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 38px;
}

.ai-premium-btn {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  border-radius: 50px;
  padding: 15px 29px;
  font-size: 15px;
  font-weight: 500;
}

.ai-premium-btn-primary {
  color: #fff;
  background-color: var(--ai-accent);
  box-shadow: 0 18px 40px rgba(242,89,75,0.34);
}

.ai-premium-btn-primary:hover {
  background-color: #d94231;
  color: #fff;
  transform: translateY(-2px);
}

.ai-premium-btn-outline {
  color: #fff;
  background-color: rgba(255,255,255,0.075);
  border: 1px solid rgba(255,255,255,0.25);
  backdrop-filter: blur(12px);
}

.ai-premium-btn-outline:hover {
  color: #fff;
  background-color: rgba(255,255,255,0.13);
}

/* HERO CONSOLE */
.ai-premium-console-card {
  background: rgba(255,255,255,0.11);
  border: 1px solid rgba(255,255,255,0.17);
  border-radius: 34px;
  padding: 18px;
  backdrop-filter: blur(20px);
  box-shadow: 0 38px 110px rgba(0,0,0,0.38);
  animation: aiPremiumFloat 5s ease-in-out infinite;
}

@keyframes aiPremiumFloat {
  0% {
    transform: translateY(0) rotate(-2deg);
  }

  50% {
    transform: translateY(-18px) rotate(-2deg);
  }

  100% {
    transform: translateY(0) rotate(-2deg);
  }
}

.ai-console-top {
  display: flex;
  align-items: center;
  padding: 7px 5px 18px;
}

.ai-window-dots {
  display: flex;
  gap: 8px;
}

.ai-window-dots span {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: rgba(255,255,255,0.46);
}

.ai-console-top p {
  margin: 0 0 0 auto;
  color: rgba(255,255,255,0.76);
  font-size: 13px;
}

.ai-console-body {
  background-color: rgba(255,255,255,0.95);
  border-radius: 25px;
  padding: 30px;
}

.ai-console-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #344054;
  font-size: 13px;
  background-color: #f4f7fb;
  border-radius: 40px;
  padding: 8px 13px;
}

.ai-console-status span {
  width: 8px;
  height: 8px;
  background-color: #31d17c;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(49,209,124,0.14);
}

.ai-console-visual {
  width: 230px;
  height: 230px;
  margin: 28px auto 32px;
  position: relative;
}

.ai-core {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--ai-primary), var(--ai-accent));
  color: #fff;
  font-size: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 3;
}

.ai-ring {
  position: absolute;
  border: 1px dashed rgba(52,72,146,0.28);
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.ai-ring-one {
  width: 155px;
  height: 155px;
  animation: aiSpin 12s linear infinite;
}

.ai-ring-two {
  width: 220px;
  height: 220px;
  animation: aiSpinReverse 16s linear infinite;
}

@keyframes aiSpin {
  to {
    transform: translate(-50%,-50%) rotate(360deg);
  }
}

@keyframes aiSpinReverse {
  to {
    transform: translate(-50%,-50%) rotate(-360deg);
  }
}

.ai-node {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  position: absolute;
  background-color: var(--ai-accent);
  box-shadow: 0 0 0 8px rgba(242,89,75,0.11);
}

.node-one {
  top: 10px;
  left: 50%;
}

.node-two {
  right: 12px;
  top: 52%;
  background-color: var(--ai-primary);
}

.node-three {
  left: 20px;
  bottom: 34px;
}

.node-four {
  right: 48px;
  bottom: 18px;
  background-color: var(--ai-primary);
}

.ai-console-metrics {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.ai-console-metrics div {
  background-color: #f7f9fd;
  border-radius: 18px;
  padding: 18px;
  border: 1px solid rgba(15,23,42,0.05);
}

.ai-console-metrics h4 {
  color: var(--ai-text);
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 5px;
}

.ai-console-metrics p {
  color: var(--ai-muted);
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 0;
}

/* CHALLENGE */
.ai-premium-challenge {
  background:
    radial-gradient(circle at 8% 10%, rgba(242,89,75,0.10), transparent 28%),
    radial-gradient(circle at 95% 30%, rgba(52,72,146,0.12), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f7f9fd 100%);
}

.ai-premium-lead-card {
  position: relative;
  z-index: 2;
  background: rgba(255,255,255,0.82);
  border: 1px solid var(--ai-border);
  box-shadow: var(--ai-shadow);
  border-radius: 30px;
  padding: 2.2rem;
  backdrop-filter: blur(16px);
}

.ai-premium-lead-card p {
  margin-bottom: 0;
  color: #344054;
  font-size: 19px;
  line-height: 32px;
}

.ai-premium-challenge-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 22px;
  margin-top: 3.4rem;
}

.ai-premium-problem-card {
  min-height: 245px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
  border: 1px solid var(--ai-border);
  border-radius: 30px;
  padding: 2.2rem 1.5rem;
  box-shadow: 0 18px 50px rgba(15,23,42,0.06);
  position: relative;
  overflow: hidden;
  transition: all 0.35s ease;
}

.ai-premium-problem-card:before {
  content: '';
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--ai-accent), var(--ai-primary));
  position: absolute;
  left: 0;
  top: 0;
}

.ai-premium-problem-card i {
  width: 60px;
  height: 60px;
  border-radius: 19px;
  background: linear-gradient(135deg, rgba(242,89,75,0.12), rgba(52,72,146,0.14));
  color: var(--ai-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin-bottom: 1.4rem;
}

.ai-premium-problem-card h3 {
  color: var(--ai-text);
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 10px;
}

.ai-premium-problem-card p {
  color: var(--ai-muted);
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 0;
}

/* STATS */
.ai-premium-stats {
  position: relative;
  padding: 5.5rem 0;
  background:
    radial-gradient(circle at 15% 20%, rgba(242,89,75,0.18), transparent 28%),
    radial-gradient(circle at 80% 70%, rgba(52,72,146,0.36), transparent 30%),
    linear-gradient(135deg, #090f1f 0%, #111827 50%, #18213a 100%);
  overflow: hidden;
}

.ai-premium-stats:before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 52px 52px;
}

.ai-premium-stats-shell {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  padding: 18px;
  border-radius: 36px;
  background: rgba(255,255,255,0.065);
  border: 1px solid rgba(255,255,255,0.11);
  box-shadow: 0 38px 110px rgba(0,0,0,0.32);
  backdrop-filter: blur(18px);
}

.ai-premium-stat-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.045));
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 28px;
  padding: 2.7rem 2rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.ai-premium-stat-card:after {
  content: '';
  width: 95px;
  height: 95px;
  border-radius: 50%;
  background: rgba(242,89,75,0.14);
  position: absolute;
  right: -38px;
  top: -38px;
}

.ai-premium-stat-card h3 {
  color: #fff;
  font-size: 50px;
  letter-spacing: -1px;
  font-weight: 700;
  margin-bottom: 10px;
}

.ai-premium-stat-card p {
  color: rgba(255,255,255,0.72);
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 0;
}

/* SERVICES */
.ai-premium-services {
  background:
    radial-gradient(circle at 90% 10%, rgba(242,89,75,0.10), transparent 28%),
    linear-gradient(180deg, #f7f9fd 0%, #ffffff 100%);
}

.ai-premium-services-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.ai-premium-service-card {
  min-height: 350px;
  background: rgba(255,255,255,0.88);
  border: 1px solid var(--ai-border);
  border-radius: 34px;
  padding: 2.5rem;
  box-shadow: var(--ai-shadow);
  backdrop-filter: blur(16px);
  position: relative;
  overflow: hidden;
  transition: all 0.35s ease;
}

.ai-premium-service-card:before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(242,89,75,0.12), transparent 32%);
  opacity: 0;
  transition: all 0.35s ease;
}

.ai-premium-service-card:hover:before {
  opacity: 1;
}

.ai-premium-service-wide {
  grid-column: span 2;
  background:
    radial-gradient(circle at 90% 10%, rgba(242,89,75,0.20), transparent 32%),
    linear-gradient(135deg, #111827 0%, #18213a 100%);
}

.ai-premium-icon {
  width: 70px;
  height: 70px;
  border-radius: 23px;
  background: linear-gradient(135deg, rgba(242,89,75,0.14), rgba(52,72,146,0.16));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  position: relative;
  z-index: 2;
}

.ai-premium-icon i {
  color: var(--ai-accent);
  font-size: 29px;
}

.ai-premium-service-card h3 {
  color: var(--ai-text);
  font-size: 25px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 13px;
  position: relative;
  z-index: 2;
}

.ai-premium-service-card p {
  color: var(--ai-muted);
  font-size: 15px;
  line-height: 27px;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}

.ai-premium-service-wide h3 {
  color: #fff;
}

.ai-premium-service-wide p {
  color: rgba(255,255,255,0.72);
}

/* PROCESS */
.ai-premium-process {
  background:
    radial-gradient(circle at 20% 15%, rgba(242,89,75,0.14), transparent 26%),
    linear-gradient(135deg, #090f1f 0%, #111827 55%, #18213a 100%);
}

.ai-premium-process:before {
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
}

.ai-premium-process-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.ai-premium-process-grid:before {
  content: '';
  position: absolute;
  top: 58px;
  left: 9%;
  right: 9%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(242,89,75,0.65), rgba(255,255,255,0.25), transparent);
}

.ai-premium-process-card {
  background: rgba(255,255,255,0.075);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 32px;
  padding: 2.5rem;
  box-shadow: 0 26px 80px rgba(0,0,0,0.24);
  backdrop-filter: blur(18px);
  position: relative;
  overflow: hidden;
  transition: all 0.35s ease;
}

.ai-premium-process-card:before {
  content: '';
  width: 18px;
  height: 18px;
  background: var(--ai-accent);
  border: 5px solid rgba(255,255,255,0.16);
  border-radius: 50%;
  position: absolute;
  top: 50px;
  left: 2.5rem;
  z-index: 2;
  box-shadow: 0 0 0 8px rgba(242,89,75,0.12);
}

.ai-premium-process-card span {
  color: rgba(255,255,255,0.12);
  font-size: 74px;
  line-height: 1;
  font-family: "Geologica", sans-serif;
  font-weight: 700;
  display: block;
  margin-bottom: 18px;
}

.ai-premium-process-card h3 {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 12px;
}

.ai-premium-process-card p {
  color: rgba(255,255,255,0.68);
  font-size: 15px;
  line-height: 27px;
  margin-bottom: 0;
}

/* DELIVERABLES */
.ai-premium-deliverables {
  background:
    radial-gradient(circle at 8% 20%, rgba(52,72,146,0.11), transparent 30%),
    #f7f9fd;
}

.ai-premium-deliverable-grid {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 18px;
}

.ai-premium-deliverable-item {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  background: rgba(255,255,255,0.9);
  border: 1px solid var(--ai-border);
  border-radius: 28px;
  padding: 1.7rem;
  box-shadow: 0 16px 48px rgba(15,23,42,0.06);
  backdrop-filter: blur(14px);
  transition: all 0.35s ease;
}

.ai-premium-deliverable-item i {
  width: 46px;
  height: 46px;
  min-width: 46px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--ai-accent), #ff9b86);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  margin-top: 3px;
}

.ai-premium-deliverable-item h3 {
  color: var(--ai-text);
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 7px;
}

.ai-premium-deliverable-item p {
  color: var(--ai-muted);
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 0;
}

/* DASHBOARD */
.ai-premium-dashboard-section {
  position: relative;
  padding: 7rem 0;
  background:
    radial-gradient(circle at 18% 20%, rgba(242,89,75,0.18), transparent 26%),
    radial-gradient(circle at 90% 65%, rgba(52,72,146,0.42), transparent 32%),
    linear-gradient(135deg, #080d1a 0%, #111827 52%, #0f172a 100%);
  overflow: hidden;
}

.ai-premium-dashboard-section:before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 52px 52px;
}

.ai-premium-dashboard {
  position: relative;
  z-index: 2;
  background: linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.055));
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 40px;
  padding: 3.5rem;
  box-shadow: 0 42px 130px rgba(0,0,0,0.36);
  backdrop-filter: blur(22px);
}

.ai-dashboard-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 2.7rem;
}

.ai-dashboard-head h2 {
  color: #fff;
  font-size: 42px;
  line-height: 52px;
  font-weight: 600;
  margin-bottom: 0;
}

.ai-dashboard-live {
  color: rgba(255,255,255,0.82);
  font-size: 13px;
  background: rgba(49,209,124,0.12);
  border: 1px solid rgba(49,209,124,0.25);
  border-radius: 50px;
  padding: 10px 16px;
  white-space: nowrap;
}

.ai-dashboard-live span {
  width: 8px;
  height: 8px;
  background-color: #31d17c;
  border-radius: 50%;
  display: inline-block;
  margin-right: 7px;
}

.ai-dashboard-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.ai-dashboard-metric {
  background: linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.055));
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 28px;
  padding: 2.2rem;
  position: relative;
  overflow: hidden;
}

.ai-dashboard-metric:after {
  content: '';
  width: 95px;
  height: 95px;
  background: rgba(242,89,75,0.12);
  border-radius: 50%;
  position: absolute;
  right: -34px;
  bottom: -38px;
}

.ai-dashboard-metric p {
  color: rgba(255,255,255,0.66);
  font-size: 14px;
  margin-bottom: 12px;
}

.ai-dashboard-metric h3 {
  color: #fff;
  font-size: 46px;
  font-weight: 700;
  letter-spacing: -1px;
  margin-bottom: 7px;
}

.ai-dashboard-metric small {
  color: rgba(255,255,255,0.55);
  font-size: 12px;
}

.ai-dashboard-lower {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 22px;
  margin-top: 2.5rem;
}

.ai-dashboard-bars,
.ai-dashboard-note {
  background: rgba(255,255,255,0.065);
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 28px;
  padding: 2rem;
}

.ai-bar-row {
  margin-bottom: 18px;
}

.ai-bar-row:last-child {
  margin-bottom: 0;
}

.ai-bar-row span {
  color: rgba(255,255,255,0.72);
  font-size: 14px;
  display: block;
  margin-bottom: 9px;
}

.ai-bar {
  width: 100%;
  height: 12px;
  background: rgba(255,255,255,0.10);
  border-radius: 40px;
  overflow: hidden;
}

.ai-bar em {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--ai-accent), #ffb199);
  border-radius: 40px;
  box-shadow: 0 0 22px rgba(242,89,75,0.28);
}

.ai-dashboard-note h3 {
  color: #fff;
  font-size: 26px;
  margin-bottom: 12px;
}

.ai-dashboard-note p {
  color: rgba(255,255,255,0.68);
  font-size: 15px;
  line-height: 27px;
  margin-bottom: 0;
}

/* USE CASES */
.ai-premium-usecases {
  background:
    radial-gradient(circle at top left, rgba(242,89,75,0.10), transparent 30%),
    #ffffff;
}

.ai-premium-usecase-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 22px;
}

.ai-premium-usecase-card {
  min-height: 270px;
  background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
  border: 1px solid var(--ai-border);
  border-radius: 30px;
  padding: 2.2rem 1.5rem;
  box-shadow: 0 18px 50px rgba(15,23,42,0.06);
  position: relative;
  overflow: hidden;
  transition: all 0.35s ease;
}

.ai-premium-usecase-card:before {
  content: '';
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--ai-primary), var(--ai-accent));
  position: absolute;
  left: 0;
  top: 0;
}

.ai-premium-usecase-card i {
  width: 64px;
  height: 64px;
  border-radius: 21px;
  background: rgba(52,72,146,0.10);
  color: var(--ai-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 27px;
  margin-bottom: 1.4rem;
}

.ai-premium-usecase-card h3 {
  color: var(--ai-text);
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 11px;
}

.ai-premium-usecase-card p {
  color: var(--ai-muted);
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 0;
}

/* BUSINESS VALUE */
.ai-premium-value {
  background: linear-gradient(180deg, #f7f9fd 0%, #ffffff 100%);
}

.ai-premium-value-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.ai-premium-value-card {
  background: #fff;
  border: 1px solid var(--ai-border);
  border-radius: 32px;
  padding: 2.5rem;
  box-shadow: var(--ai-shadow);
  position: relative;
  overflow: hidden;
  transition: all 0.35s ease;
}

.ai-premium-value-card:before {
  content: '';
  width: 80px;
  height: 80px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(242,89,75,0.12), rgba(52,72,146,0.12));
  position: absolute;
  right: 24px;
  top: 24px;
}

.ai-premium-value-card span {
  display: block;
  color: rgba(242,89,75,0.18);
  font-size: 60px;
  line-height: 1;
  font-family: "Geologica", sans-serif;
  font-weight: 700;
  margin-bottom: 1.4rem;
}

.ai-premium-value-card h3 {
  color: var(--ai-text);
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 12px;
}

.ai-premium-value-card p {
  color: var(--ai-muted);
  font-size: 15px;
  line-height: 27px;
  margin-bottom: 0;
}

/* FINAL CTA */
.ai-premium-final-cta {
  position: relative;
  padding: 7rem 0;
  background:
    radial-gradient(circle at 20% 30%, rgba(242,89,75,0.12), transparent 28%),
    #ffffff;
}

.ai-premium-final-box {
  position: relative;
  overflow: hidden;
  border-radius: 42px;
  padding: 4.5rem;
  background:
    radial-gradient(circle at top right, rgba(242,89,75,0.28), transparent 32%),
    linear-gradient(135deg, var(--ai-primary) 0%, #111827 58%, #0f172a 100%);
  box-shadow: 0 40px 120px rgba(15,23,42,0.28);
}

.ai-premium-final-box:before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 46px 46px;
}

.ai-premium-final-box .row {
  position: relative;
  z-index: 2;
}

.ai-premium-final-box h2 {
  color: #fff;
  font-size: 50px;
  line-height: 60px;
  font-weight: 600;
  letter-spacing: -1.4px;
  margin-bottom: 14px;
}

.ai-premium-final-box p {
  color: rgba(255,255,255,0.74);
  font-size: 16px;
  line-height: 29px;
  margin-bottom: 0;
}

.ai-premium-final-box a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--ai-accent);
  color: #fff;
  border-radius: 50px;
  padding: 16px 34px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 22px 45px rgba(242,89,75,0.34);
}

.ai-premium-final-box a:hover {
  background-color: #d94231;
  color: #fff;
  transform: translateY(-2px);
}

/* HOVER */
.ai-premium-problem-card:hover,
.ai-premium-service-card:hover,
.ai-premium-process-card:hover,
.ai-premium-deliverable-item:hover,
.ai-dashboard-metric:hover,
.ai-premium-usecase-card:hover,
.ai-premium-value-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--ai-shadow-hover);
  border-color: rgba(242,89,75,0.24);
}

/* RESPONSIVE */
@media only screen and (max-width: 1199px) {
  .ai-premium-hero-content h1 {
    font-size: 56px;
    line-height: 64px;
  }

  .ai-premium-challenge-grid,
  .ai-premium-usecase-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .ai-premium-services-grid,
  .ai-premium-process-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ai-premium-process-grid:before {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .ai-premium-hero,
  .ai-premium-hero-row {
    min-height: auto;
  }

  .ai-premium-hero-row {
    padding: 9rem 0 5rem;
  }

  .ai-premium-console-card {
    margin-top: 3rem;
    animation: none;
    transform: none;
  }

  .ai-premium-title h2,
  .ai-dashboard-head h2,
  .ai-premium-final-box h2 {
    font-size: 36px;
    line-height: 45px;
  }

  .ai-premium-stats-shell,
  .ai-dashboard-metrics,
  .ai-premium-value-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ai-dashboard-head,
  .ai-dashboard-lower {
    grid-template-columns: 1fr;
    flex-direction: column;
  }

  .ai-premium-final-box .text-lg-end {
    text-align: left !important;
    margin-top: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .ai-premium-section,
  .ai-premium-dashboard-section,
  .ai-premium-final-cta {
    padding: 4rem 0;
  }

  .ai-premium-hero-content h1 {
    font-size: 38px;
    line-height: 46px;
  }

  .ai-premium-hero-content p {
    font-size: 16px;
    line-height: 28px;
  }

  .ai-premium-hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .ai-premium-btn {
    justify-content: center;
  }

  .ai-premium-challenge-grid,
  .ai-premium-services-grid,
  .ai-premium-process-grid,
  .ai-premium-usecase-grid,
  .ai-premium-value-grid,
  .ai-premium-stats-shell,
  .ai-dashboard-metrics,
  .ai-dashboard-lower {
    grid-template-columns: 1fr;
  }

  .ai-premium-service-wide {
    grid-column: span 1;
  }

  .ai-premium-title h2,
  .ai-dashboard-head h2,
  .ai-premium-final-box h2 {
    font-size: 30px;
    line-height: 38px;
  }

  .ai-premium-dashboard,
  .ai-premium-final-box {
    padding: 2rem;
    border-radius: 30px;
  }

  .ai-premium-final-box {
    padding: 2.3rem;
  }

  .ai-console-metrics {
    grid-template-columns: 1fr;
  }
}





/* =========================================================
   AI Services Reference Style Cards
========================================================= */

.ai-premium-services {
  background:
    radial-gradient(circle at top left, rgba(52,72,146,0.08), transparent 32%),
    radial-gradient(circle at top right, rgba(242,89,75,0.08), transparent 28%),
    linear-gradient(180deg, #f4f7fc 0%, #ffffff 100%);
}

.ai-service-ref-grid {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}

.ai-ref-service-card {
  background: rgba(255,255,255,0.88);
  border: 1px solid rgba(15,23,42,0.10);
  border-radius: 24px;
  overflow: hidden;
  min-height: 470px;
  box-shadow: 0 22px 65px rgba(15,23,42,0.07);
  transition: all 0.35s ease;
  position: relative;
  backdrop-filter: blur(16px);
}

.ai-ref-service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 34px 100px rgba(15,23,42,0.13);
  border-color: rgba(242,89,75,0.25);
}

.ai-ref-wide-card {
  grid-column: span 2;
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: center;
}

.ai-ref-visual {
  height: 305px;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at center, rgba(52,72,146,0.13), transparent 48%),
    linear-gradient(180deg, #ffffff 0%, #f3f6fb 100%);
}

.ai-ref-content {
  padding: 0 2rem 2rem;
}

.ai-ref-wide-card .ai-ref-content {
  padding: 2.5rem;
}

.ai-ref-content h3 {
  color: #101828;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 1rem;
}

.ai-ref-content p {
  color: #667085;
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 0;
}

/* Orbit Visual */
.ai-ref-orbit-visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ai-ref-orbit {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(52,72,146,0.12);
}

.orbit-large {
  width: 230px;
  height: 230px;
  animation: aiRefSpin 18s linear infinite;
}

.orbit-small {
  width: 135px;
  height: 135px;
  background: rgba(52,72,146,0.07);
  animation: aiRefPulse 3.5s ease-in-out infinite;
}

.ai-ref-center-icon {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2563ff, #174de8);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 28px;
  position: relative;
  z-index: 4;
  box-shadow: 0 15px 35px rgba(37,99,255,0.28);
}

.ai-ref-mini-icon {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #344892;
  font-size: 14px;
  box-shadow: 0 10px 22px rgba(15,23,42,0.12);
  animation: aiMiniFloat 4s ease-in-out infinite;
}

.icon-one {
  left: 24%;
  top: 35%;
}

.icon-two {
  left: 37%;
  top: 18%;
  animation-delay: 0.4s;
}

.icon-three {
  right: 28%;
  top: 22%;
  animation-delay: 0.8s;
}

.icon-four {
  right: 22%;
  top: 52%;
  animation-delay: 1.1s;
}

.icon-five {
  left: 27%;
  bottom: 18%;
  animation-delay: 1.4s;
}

/* Performance Visual */
.ai-ref-performance-visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ai-ref-performance-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(37,99,255,0.12);
}

.ring-one {
  width: 280px;
  height: 280px;
  top: -90px;
  animation: aiRefPulse 4s ease-in-out infinite;
}

.ring-two {
  width: 180px;
  height: 180px;
  top: -40px;
  animation: aiRefPulse 5s ease-in-out infinite;
}

.ai-ref-score-badge {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2563ff, #174de8);
  color: #fff;
  font-size: 28px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 34px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 16px 35px rgba(37,99,255,0.32);
  animation: aiBadgeFloat 4s ease-in-out infinite;
}

.ai-ref-meeting-card {
  width: 310px;
  background: rgba(255,255,255,0.94);
  border: 1px solid rgba(15,23,42,0.08);
  box-shadow: 0 24px 70px rgba(15,23,42,0.14);
  border-radius: 14px;
  padding: 1.3rem;
  position: absolute;
  bottom: 72px;
  animation: aiMeetingFloat 5s ease-in-out infinite;
}

.meeting-tag {
  display: inline-block;
  background: #111827;
  color: #fff;
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 20px;
  margin-bottom: 12px;
}

.meeting-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.meeting-avatars {
  display: flex;
}

.meeting-avatars span {
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #344892, #f2594b);
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.meeting-avatars span + span {
  margin-left: -10px;
}

.meeting-info h4 {
  font-size: 14px;
  color: #101828;
  font-weight: 700;
  margin-bottom: 3px;
}

.meeting-info p {
  font-size: 11px;
  color: #667085;
  margin-bottom: 0;
  line-height: 16px;
}

.meeting-time {
  margin-left: auto;
  font-size: 10px;
  color: #667085;
  white-space: nowrap;
}

.meeting-time i {
  color: #31d17c;
  font-size: 7px;
}

/* Document Visual */
.ai-ref-doc-visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ai-ref-doc-card {
  position: absolute;
  background: #fff;
  border: 1px solid rgba(15,23,42,0.08);
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(15,23,42,0.10);
}

.doc-one {
  width: 170px;
  height: 210px;
  left: 29%;
  top: 45px;
  transform: rotate(-6deg);
  padding: 22px;
  animation: aiDocFloat 5s ease-in-out infinite;
}

.doc-one span {
  display: block;
  height: 10px;
  background: #e8edf7;
  border-radius: 20px;
  margin-bottom: 14px;
}

.doc-one span:nth-child(1) {
  width: 80%;
}

.doc-one span:nth-child(2) {
  width: 100%;
}

.doc-one span:nth-child(3) {
  width: 58%;
}

.doc-two {
  width: 150px;
  height: 160px;
  right: 28%;
  top: 80px;
  transform: rotate(5deg);
  text-align: center;
  padding: 30px 15px;
  animation: aiDocFloat 5s ease-in-out infinite;
  animation-delay: 0.6s;
}

.doc-two i {
  color: #f2594b;
  font-size: 36px;
  margin-bottom: 12px;
}

.doc-two p {
  color: #101828;
  font-size: 13px;
  margin-bottom: 0;
}

.ai-ref-data-chip {
  position: absolute;
  background: #111827;
  color: #fff;
  border-radius: 30px;
  padding: 8px 14px;
  font-size: 12px;
  box-shadow: 0 14px 35px rgba(15,23,42,0.16);
}

.chip-one {
  left: 24%;
  bottom: 52px;
}

.chip-two {
  right: 23%;
  bottom: 37px;
  background: #2563ff;
}

/* API Visual */
.ai-ref-api-visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ai-ref-api-node {
  width: 62px;
  height: 62px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(15,23,42,0.08);
  box-shadow: 0 15px 35px rgba(15,23,42,0.10);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #344892;
  font-size: 13px;
  font-weight: 700;
  z-index: 3;
}

.main-node {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  background: linear-gradient(135deg, #344892, #f2594b);
  color: #fff;
  font-size: 28px;
  z-index: 5;
  animation: aiBadgeFloat 4s ease-in-out infinite;
}

.node-a {
  left: 25%;
  top: 75px;
}

.node-b {
  right: 24%;
  top: 90px;
}

.node-c {
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
}

.ai-ref-api-line {
  position: absolute;
  height: 2px;
  background: linear-gradient(90deg, rgba(52,72,146,0), rgba(52,72,146,0.35), rgba(242,89,75,0));
  transform-origin: center;
}

.line-one {
  width: 160px;
  transform: rotate(-24deg);
  top: 125px;
  left: 32%;
}

.line-two {
  width: 150px;
  transform: rotate(22deg);
  top: 138px;
  right: 31%;
}

.line-three {
  width: 135px;
  transform: rotate(90deg);
  bottom: 104px;
}

/* Training Visual */
.ai-ref-training-visual {
  height: 100%;
  min-height: 360px;
  background:
    radial-gradient(circle at center, rgba(242,89,75,0.13), transparent 45%),
    linear-gradient(135deg, #111827 0%, #1d2747 100%);
}

.ai-ref-code-window {
  width: 360px;
  max-width: 80%;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 22px;
  padding: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  box-shadow: 0 25px 70px rgba(0,0,0,0.25);
  backdrop-filter: blur(14px);
}

.code-window-top {
  display: flex;
  gap: 7px;
  margin-bottom: 22px;
}

.code-window-top span {
  width: 10px;
  height: 10px;
  background: rgba(255,255,255,0.42);
  border-radius: 50%;
}

.code-lines em {
  display: block;
  height: 10px;
  border-radius: 20px;
  background: linear-gradient(90deg, #f2594b, #ffb199);
  margin-bottom: 13px;
}

.line-lg {
  width: 86%;
}

.line-md {
  width: 65%;
}

.line-sm {
  width: 45%;
}

.line-xl {
  width: 95%;
}

.ai-ref-floating-chip {
  position: absolute;
  left: 12%;
  bottom: 58px;
  background: #fff;
  color: #101828;
  font-size: 12px;
  font-weight: 700;
  border-radius: 30px;
  padding: 10px 16px;
  box-shadow: 0 18px 45px rgba(0,0,0,0.18);
  animation: aiMiniFloat 4.5s ease-in-out infinite;
}

.ai-ref-floating-chip.second {
  left: auto;
  right: 10%;
  bottom: 95px;
  background: #f2594b;
  color: #fff;
  animation-delay: 0.6s;
}

/* Animations */
@keyframes aiRefSpin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes aiRefPulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.08);
    opacity: 0.72;
  }
}

@keyframes aiMiniFloat {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-9px);
  }
}

@keyframes aiBadgeFloat {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }

  50% {
    transform: translateX(-50%) translateY(-10px);
  }
}

@keyframes aiMeetingFloat {
  0%, 100% {
    transform: translateY(0) rotate(-1deg);
  }

  50% {
    transform: translateY(-12px) rotate(-1deg);
  }
}

@keyframes aiDocFloat {
  0%, 100% {
    margin-top: 0;
  }

  50% {
    margin-top: -12px;
  }
}

/* Responsive */
@media only screen and (max-width: 1199px) {
  .ai-service-ref-grid {
    gap: 22px;
  }

  .ai-ref-service-card {
    min-height: 450px;
  }

  .ai-ref-meeting-card {
    width: 280px;
  }
}

@media only screen and (max-width: 991px) {
  .ai-service-ref-grid {
    grid-template-columns: 1fr;
  }

  .ai-ref-wide-card {
    grid-column: span 1;
    display: block;
  }

  .ai-ref-wide-card .ai-ref-content {
    padding: 0 2rem 2rem;
  }

  .ai-ref-training-visual {
    height: 305px;
    min-height: 305px;
  }
}

@media only screen and (max-width: 575px) {
  .ai-ref-service-card {
    min-height: auto;
  }

  .ai-ref-visual {
    height: 260px;
  }

  .ai-ref-content {
    padding: 0 1.4rem 1.6rem;
  }

  .ai-ref-content h3 {
    font-size: 21px;
    line-height: 28px;
  }

  .ai-ref-meeting-card {
    width: 250px;
    bottom: 55px;
  }

  .meeting-time {
    display: none;
  }

  .ai-ref-score-badge {
    width: 62px;
    height: 62px;
    font-size: 24px;
  }

  .ai-ref-doc-card.doc-one {
    left: 16%;
  }

  .ai-ref-doc-card.doc-two {
    right: 14%;
  }

  .chip-one {
    left: 10%;
  }

  .chip-two {
    right: 9%;
  }
}

.active-child a{color:#f2594b!important;}
/* For Carousel style */
.premium-tech-section.project-showcase-section{background:
    radial-gradient(circle at top right, rgba(242, 89, 75, 0.14), transparent 28%), linear-gradient(180deg, #484d58 0%, #151515 100%);}

.project-card {
      background: transparent;
	  padding-top:1rem;
      border-radius: 24px;
      overflow: hidden;
      box-shadow: 0 18px 45px rgba(16, 24, 40, 0.08);
      transition: all 0.35s ease;
    }

    .project-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 25px 60px rgba(16, 24, 40, 0.14);
    }

    .project-img {
      position: relative;
      width: 100%;
      height: 418px;
      overflow: hidden;
    }

    .project-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.45s ease;
    }

    .project-card:hover .project-img img {
      transform: scale(1.08);
    }

    .project-img::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.05) 0%,
        rgba(0, 0, 0, 0.55) 100%
      );
      opacity: 0;
      transition: opacity 0.35s ease;
    }

    .project-card:hover .project-img::after {
      opacity: 1;
    }

    .project-content {
      padding: 24px;
	  border-top:2px solid #f2594b;
    }

    .project-content h3 {
      font-size: 22px;
      font-weight: 800;
      color: #111827;
      margin-bottom: 8px;
    }

    .project-content p {
      font-size: 15px;
      line-height: 1.6;
      color: #667085;
	  min-height:97px;
    }

    .project-category {
      display: inline-block;
      margin-top: 18px;
      padding: 7px 14px;
      border-radius: 50px;
      background: #f2f4f7;
      color: #344054;
      font-size: 13px;
      font-weight: 700;
    }

    /* Owl Navigation */
    .owl-theme .owl-nav {
      margin-top: 35px;
    }

    .owl-theme .owl-nav [class*='owl-'] {
      width: 46px;
      height: 46px;
      border-radius: 50% !important;
      background: #165dff !important;
      color: #ffffff !important;
      font-size: 26px !important;
      line-height: 40px !important;
      margin: 0 8px !important;
      transition: all 0.3s ease;
    }

    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #0b45c5 !important;
    }

    .owl-theme .owl-dots {
      margin-top: 25px;
    }

    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      background: #cbd5e1;
      transition: all 0.3s ease;
    }

    .owl-theme .owl-dots .owl-dot.active span {
      width: 28px;
      background: #165dff;
    }

    @media (max-width: 991px) {
      .section-header h2 {
        font-size: 36px;
      }

      .project-img {
        height: 250px;
      }
    }

    @media (max-width: 575px) {
      .project-showcase-section {
        padding: 60px 15px;
      }

      .section-header h2 {
        font-size: 30px;
      }

      .section-header p {
        font-size: 15px;
      }

      .project-content {
        padding: 20px;
      }

      .project-content h3 {
        font-size: 20px;
      }

      .owl-theme .owl-nav [class*='owl-'] {
        width: 40px;
        height: 40px;
        font-size: 22px !important;
      }
    }

/* Owl Carousel Arrow Center Alignment */
.project-carousel .owl-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 30px;
}

.project-carousel .owl-nav .owl-prev,
.project-carousel .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #f2594b !important;
  color: #ffffff !important;

  display: flex !important;
  align-items: center;
  justify-content: center;

  font-size: 22px !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;

  cursor: pointer;
  transition: all 0.3s ease;
}

.project-carousel .owl-nav .owl-prev:hover,
.project-carousel .owl-nav .owl-next:hover {
  background: #f2594b !important;
}

.webcasestudysec .premium-section-title p{max-width:100%;}


/* Case Study section */
.case-study-section {
  padding: 80px 0;
  background:
    radial-gradient(circle at top left, rgba(0, 132, 255, 0.22), transparent 35%),
    radial-gradient(circle at bottom right, rgba(111, 66, 193, 0.22), transparent 35%),
    linear-gradient(135deg, #050b18 0%, #071427 55%, #08111f 100%);
  position: relative;
  overflow: hidden;
}

/* Section Heading */
.section-title {
  max-width: 820px;
  margin: 0 auto 50px;
  text-align: center;
}

.section-title span {
  display: inline-block;
  color: #4da3ff;
  font-weight: 700;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 13px;
}

.section-title h2 {
  font-size: 42px;
  font-weight: 800;
  margin-bottom: 18px;
  color: #ffffff;
  line-height: 1.2;
}

.section-title p {
  color: #b9c6d8;
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
}

/* Case Study Card */
.case-card {
  height: 100%;
  padding: 32px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(16px);
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}

.case-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(77, 163, 255, 0.12),
    rgba(111, 66, 193, 0.08),
    transparent
  );
  opacity: 0;
  transition: all 0.35s ease;
  pointer-events: none;
}

.case-card:hover {
  transform: translateY(-8px);
  border-color: rgba(77, 163, 255, 0.45);
  box-shadow: 0 30px 80px rgba(0, 132, 255, 0.18);
}

.case-card:hover::before {
  opacity: 1;
}

/* Header */
.case-header {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 26px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  position: relative;
  z-index: 2;
}

.case-logo {
  width: 150px;
  height: 100px;
  border-radius: 18px;
  object-fit: contain;
  background: #ffffff;
  padding: 13px;
  border: 1px solid rgba(77, 163, 255, 0.25);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}

.case-header h3 {
  font-size: 23px;
  font-weight: 600;
  margin: 0;
  color: #ffffff;
  line-height: 1.3;
}

/* Content Blocks */
.case-block {
  margin-bottom: 22px;
  position: relative;
  z-index: 2;
}

.case-block:last-child {
  margin-bottom: 0;
}

.case-block h4 {
  font-size: 14px;
  font-weight: 800;
  color:#f2594b;
  margin-bottom: 9px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

.case-block p {
  font-size: 15px;
  color: #c8d3e1;
  line-height: 1.75;
  margin: 0;
}

/* Technology Tags */
.tech-list {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.tech-list li {
  background: rgba(77, 163, 255, 0.12);
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: 40px;
  border: 1px solid rgba(77, 163, 255, 0.24);
}

/* Responsive */
@media (max-width: 991px) {
  .section-title h2 {
    font-size: 34px;
  }

  .case-card {
    padding: 28px;
  }
}

@media (max-width: 767px) {
  .case-study-section {
    padding: 55px 0;
  }

  .section-title {
    margin-bottom: 35px;
  }

  .section-title h2 {
    font-size: 28px;
  }

  .section-title p {
    font-size: 15px;
  }

  .case-card {
    padding: 24px;
    border-radius: 20px;
  }

  .case-header {
    align-items: flex-start;
    gap: 15px;
  }

  .case-logo {
    width: 62px;
    height: 62px;
    border-radius: 15px;
  }

  .case-header h3 {
    font-size: 20px;
  }

  .case-block h4 {
    font-size: 13px;
  }

  .case-block p {
    font-size: 14px;
  }
}


/* Case Study Details Page */
.colors-case-study-section {
      padding: 80px 0;
      background:
        radial-gradient(circle at top left, rgba(32, 214, 181, 0.22), transparent 32%),
        radial-gradient(circle at bottom right, rgba(11, 111, 143, 0.18), transparent 35%),
        linear-gradient(135deg, #f7fffd 0%, #eef8f7 48%, #f9fbff 100%);
    }

    .colors-section-heading {
      max-width: 850px;
      margin: 0 auto 45px;
      text-align: center;
    }

    .colors-section-heading span {
      display: inline-block;
      margin-bottom: 12px;
      padding: 8px 18px;
      border-radius: 50px;
      background: var(--colors-accent-soft);
      color: #f2594b;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 1px;
      text-transform: uppercase;
    }

    .colors-section-heading h1 {
      margin-bottom: 16px;
      font-size: 44px;
      font-weight: 800;
      line-height: 1.2;
      color: var(--colors-dark);
    }

    .colors-section-heading p {
      margin: 0;
      font-size: 17px;
      line-height: 1.8;
      color: var(--colors-muted);
    }

    .colors-case-wrapper {
      overflow: hidden;
      border-radius: 28px;
      background: var(--colors-white);
      box-shadow: 0 28px 80px rgba(0, 63, 58, 0.12);
      border: 1px solid rgba(0, 107, 95, 0.12);
    }

    .colors-case-top {
      padding: 34px;
      background:
        radial-gradient(circle at top left, rgba(242,89,75,0.38), transparent 34%),
              radial-gradient(circle at bottom right, rgba(52,72,146,0.72), transparent 35%),
              linear-gradient(135deg, #111827 0%, #111111 48%, #1c243f 100%);
      background-size: cover;
      background-position: center;
      color: var(--colors-white);
    }

    .colors-project-info {
      display: flex;
      align-items: center;
      gap: 22px;
    }

    .colors-project-logo {
      width: 177px;
      height: 86px;
      object-fit: contain;
      padding: 14px;
      border-radius: 22px;
      background: #fff;
      box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
    }

    .colors-project-title h2 {
      margin: 0 0 8px;
      font-size: 34px;
      font-weight: 700;
      color: #fff;
    }

    .colors-project-title p {
      margin: 0;
      max-width: 760px;
      color: rgba(255, 255, 255, 0.86);
      font-size: 16px;
      line-height: 1.7;
    }

    .colors-tabs-area {
      background: #ffffff;
    }

    .colors-nav-tabs {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      border-bottom: 1px solid var(--colors-border);
      background: #ffffff;
    }

    .colors-nav-tabs .nav-item {
      flex: 1 0 auto;
    }

    .colors-nav-tabs .nav-link {
      width: 100%;
      min-height: 66px;
      border: 0;
      border-right: 1px solid var(--colors-border);
      border-radius: 0;
      color: var(--colors-dark);
      background:#f1fbf8;
      font-size: 15px;
      font-weight: 700;
      position: relative;
      transition: all 0.3s ease;
      white-space: nowrap;
    }

    .colors-nav-tabs .nav-link:hover {
      color: var(--colors-primary);
      background: #f1fbf8;
    }

    .colors-nav-tabs .nav-link.active {
      color: #fff;
      background: #f2594b;
    }

    .colors-nav-tabs .nav-link.active::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 4px;
      background: linear-gradient(90deg, var(--colors-primary), var(--colors-accent));
    }

    .colors-tab-content {
      padding: 42px;
    }

    .colors-content-grid {
      display: grid;
      grid-template-columns: 1.15fr 0.85fr;
      gap: 40px;
      align-items: center;
    }

    .colors-text-content h3 {
      margin-bottom: 18px;
      font-size: 34px;
      font-weight: 800;
      color: var(--colors-dark);
    }

    .colors-text-content p {
      margin-bottom: 16px;
      color: #344054;
      font-size: 16px;
      line-height: 1.85;
    }

    .colors-text-content p:last-child {
      margin-bottom: 0;
    }

    .colors-highlight-box {
      margin-top: 26px;
      padding: 22px;
      border-left: 5px solid var(--colors-primary);
      border-radius: 18px;
      background: #f1fbf8;
    }

    .colors-highlight-box p {
      margin: 0;
      color: var(--colors-primary-dark);
      font-weight: 600;
    }

    .colors-media-card {
      padding:22px 22px 47px;
      border-radius: 24px;
      background:
        linear-gradient(135deg, rgba(0, 107, 95, 0.08), rgba(32, 214, 181, 0.08));
      border: 1px solid rgba(0, 107, 95, 0.15);
    }

    .colors-media-card img {
      width: 100%;
      border-radius: 20px;
      display: block;
      /*box-shadow: 0 18px 45px rgba(0, 63, 58, 0.14);*/
    }

    .colors-url-box {
      margin-top: 18px;
      padding: 18px;
      border-radius: 18px;
      background: var(--colors-white);
      border: 1px solid var(--colors-border);
    }

    .colors-url-box span {
      display: block;
      margin-bottom: 6px;
      color: var(--colors-muted);
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    .colors-url-box a {
      color: var(--colors-primary);
      font-weight: 700;
      text-decoration: none;
      word-break: break-word;
    }

    .colors-url-box a:hover {
      color: var(--colors-secondary);
    }

    .colors-tech-list {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      padding: 0;
      margin: 28px 0 0;
      list-style: none;
    }

    .colors-tech-list li {
      padding: 10px 18px;
      border-radius: 50px;
      background: #e6fbf7;
      color: var(--colors-primary);
      border: 1px solid rgba(0, 107, 95, 0.16);
      font-size: 14px;
      font-weight: 700;
    }

    .colors-benefit-list {
      padding: 0;
      margin: 24px 0 0;
      list-style: none;
    }

    .colors-benefit-list li {
      position: relative;
      padding-left: 34px;
      margin-bottom: 14px;
      color: #344054;
      font-size: 16px;
      line-height: 1.7;
    }

    .colors-benefit-list li::before {
      content: "✓";
      position: absolute;
      left: 0;
      top: 0;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: var(--colors-primary);
      color: var(--colors-white);
      font-size: 14px;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    @media (max-width: 991px) {
      .colors-section-heading h1 {
        font-size: 36px;
      }

      .colors-content-grid {
        grid-template-columns: 1fr;
      }

      .colors-tab-content {
        padding: 32px;
      }
    }

    @media (max-width: 767px) {
      .colors-case-study-section {
        padding: 50px 0;
      }

      .colors-section-heading h1 {
        font-size: 30px;
      }

      .colors-project-info {
        align-items: flex-start;
        flex-direction: column;
      }

      .colors-project-title h2 {
        font-size: 28px;
      }

      .colors-case-top {
        padding: 26px;
      }

      .colors-tab-content {
        padding: 24px;
      }

      .colors-text-content h3 {
        font-size: 26px;
      }

      .colors-nav-tabs .nav-link {
        padding: 16px 20px;
        min-height: 58px;
        font-size: 14px;
      }
    }

#colors-problem .colors-content-grid, #colors-interaction .colors-content-grid, 
#colors-technology .colors-content-grid{grid-template-columns:1.15fr;}

.hero-card-body.herocardimgcls .hero-card-grid{grid-template-columns:repeat(1, 1fr);}
.prodlogocls{width:150px; margin-bottom:15px;}
.combineprodimg{width:100%; text-align:center;}

.prodimgcls{width:100%; height:168px; overflow:hidden; border:1px solid #d7d7d7;
    border-radius:5px; padding:10px;}


/* Industries */
.industry {
      width: 100%;
      overflow: hidden;
    }

    .industry__section {
      padding: 90px 0;
    }

    .industry__title {
      font-size: clamp(32px, 4vw, 46.44px);
      font-weight: 800;
      line-height: 1.08;
      letter-spacing: -1.5px;
      color: var(--industry-text);
    }

    .industry__subtitle {
      max-width:1120px;
      color: var(--industry-muted);
      font-size: 17px;
      line-height: 1.7;
      margin-top: 18px;
    }

    .industry__accent {
      color: var(--industry-red);
    }

    /* Header */
    .industry__header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 999;
      background: linear-gradient(90deg, rgba(120, 38, 45, 0.98), rgba(9, 11, 16, 0.98) 45%, rgba(10, 15, 26, 0.98));
      border-bottom: 1px solid rgba(255,255,255,0.12);
      backdrop-filter: blur(14px);
    }

    .industry__header .navbar {
      padding: 19px 0;
    }

    .industry__brand {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #fff !important;
      font-size: 26px;
      font-weight: 800;
      letter-spacing: -1px;
    }

    .industry__brand-mark {
      width: 42px;
      height: 24px;
      position: relative;
      display: inline-block;
    }

    .industry__brand-mark span {
      position: absolute;
      width: 18px;
      height: 7px;
      border-radius: 20px;
      transform: rotate(-42deg);
    }

    .industry__brand-mark span:nth-child(1) {
      background: #2aa8ff;
      left: 0;
      top: 12px;
    }

    .industry__brand-mark span:nth-child(2) {
      background: #8d4cff;
      left: 10px;
      top: 8px;
    }

    .industry__brand-mark span:nth-child(3) {
      background: #ff4438;
      left: 20px;
      top: 12px;
    }

    .industry__brand-mark span:nth-child(4) {
      background: #ff8a00;
      left: 30px;
      top: 6px;
    }

    .industry__nav .nav-link {
      color: rgba(255,255,255,0.78);
      font-weight: 600;
      font-size: 15px;
      padding: 10px 14px !important;
      transition: 0.25s ease;
    }

    .industry__nav .nav-link:hover,
    .industry__nav .nav-link.active {
      color: #fff;
    }

    .industry__nav .nav-link.active::before {
      content: "";
      display: inline-block;
      width: 6px;
      height: 6px;
      background: var(--industry-red);
      border-radius: 50%;
      margin-right: 7px;
      vertical-align: middle;
    }

    .navbar-toggler {
      border-color: rgba(255,255,255,0.25);
    }

    .navbar-toggler-icon {
      filter: invert(1);
    }

    /* Hero */
    .industry__hero {
      position: relative;
      min-height: 760px;
      padding-top: 145px;
      display: flex;
      align-items: center;
      background:
        radial-gradient(circle at 15% 35%, rgba(255, 68, 56, 0.25), transparent 28%),
        radial-gradient(circle at 78% 45%, rgba(37, 99, 235, 0.28), transparent 34%),
        linear-gradient(120deg, #080910 0%, #11131a 48%, #14203a 100%);
      color: #fff;
      overflow: hidden;
    }

    .industry__hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
      background-size: 42px 42px;
      mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0.25));
    }

    .industry__hero-content {
      position: relative;
      z-index: 2;
    }

    .industry__eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      padding: 9px 14px;
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,0.14);
      border-radius: 999px;
      color: rgba(255,255,255,0.9);
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 24px;
    }

    .industry__eyebrow span {
      width: 8px;
      height: 8px;
      background: var(--industry-red);
      border-radius: 50%;
      display: inline-block;
    }

    .industry__hero-title {
      font-size: clamp(44px, 6vw, 66px);
      font-weight: 800;
      line-height: 1.02;
      letter-spacing: -2.5px;
      max-width: 820px;
	  color:#fff;
    }

    .industry__gradient-text {
      background: linear-gradient(90deg, #fff, #ff9a70);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .industry__hero-desc {
      max-width: 670px;
      margin-top: 26px;
      color: rgba(255,255,255,0.76);
      font-size: 18px;
      line-height: 1.8;
    }

    .industry__hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      margin-top: 38px;
    }

    .industry__btn-primary {
      background: linear-gradient(135deg, var(--industry-red), var(--industry-orange));
      color: #fff;
      border: none;
      border-radius: 999px;
      padding: 15px 28px;
      font-weight: 700;
      box-shadow: 0 18px 40px rgba(255,68,56,0.28);
      transition: 0.3s ease;
    }

    .industry__btn-primary:hover {
      color: #fff;
      transform: translateY(-3px);
      box-shadow: 0 22px 50px rgba(255,68,56,0.38);
    }

    .industry__btn-outline {
      border: 1px solid rgba(255,255,255,0.24);
      color: #fff;
      border-radius: 999px;
      padding: 15px 28px;
      font-weight: 700;
      background: rgba(255,255,255,0.04);
      transition: 0.3s ease;
    }

    .industry__btn-outline:hover {
      background: #fff;
      color: #111;
      transform: translateY(-3px);
    }

    /* Hero Visual */
    .industry__visual {
      position: relative;
      z-index: 2;
	  top: -3.4rem;
    }

    .industry__visual-card {
      position: relative;
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,0.14);
      border-radius: 34px;
      padding: 28px;
      backdrop-filter: blur(18px);
      box-shadow: 0 40px 90px rgba(0,0,0,0.35);
    }

    .industry__visual-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 28px;
    }

    .industry__visual-dots {
      display: flex;
      gap: 8px;
    }

    .industry__visual-dots span {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: rgba(255,255,255,0.2);
    }

    .industry__visual-label {
      color: rgba(255,255,255,0.7);
      font-weight: 600;
      font-size: 13px;
    }

    .industry__visual-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px;
    }

    .industry__visual-item {
      background: rgba(255,255,255,0.92);
      color: #171922;
      border-radius: 20px;
      padding: 20px;
      min-height: 118px;
      transition: 0.3s ease;
    }

    .industry__visual-item:hover {
      transform: translateY(-5px);
      background: #fff;
    }

    .industry__visual-icon {
      width: 42px;
      height: 42px;
      border-radius: 14px;
      background: linear-gradient(135deg, rgba(255,68,56,0.12), rgba(255,122,24,0.16));
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--industry-red);
      font-size: 20px;
      margin-bottom: 14px;
    }

    .industry__visual-item h4 {
      font-size: 16px;
      font-weight: 800;
      margin-bottom: 5px;
    }

    .industry__visual-item p {
      font-size: 13px;
      color: #777b87;
      margin: 0;
      line-height: 1.5;
    }

    .industry__floating-badge {
      position: absolute;
      right: -18px;
      bottom: -22px;
      background: #fff;
      color: #10131b;
      border-radius: 22px;
      padding: 18px 22px;
      box-shadow: 0 22px 60px rgba(0,0,0,0.25);
      max-width: 220px;
    }

    .industry__floating-badge strong {
      display: block;
      font-size: 28px;
      line-height: 1;
      color: var(--industry-red);
    }

    .industry__floating-badge span {
      color: #666b78;
      font-size: 13px;
      font-weight: 600;
    }

    /* Stats */
    .industry__stats {
      position: relative;
      margin-top: -70px;
      z-index: 5;
    }

    .industry__stats-box {
      background: #fff;
      border-radius: 28px;
      padding: 30px;
      box-shadow: 0 24px 70px rgba(17, 24, 39, 0.12);
      border: 1px solid #eef0f4;
    }

    .industry__stat {
      padding: 12px 18px;
      border-right: 1px solid #edf0f5;
    }

    .industry__stat:last-child {
      border-right: none;
    }

    .industry__stat-number {
      display: block;
      font-size: 34px;
      font-weight: 800;
      color: var(--industry-text);
      letter-spacing: -1px;
    }

    .industry__stat-text {
      color: var(--industry-muted);
      font-weight: 600;
      font-size: 14px;
    }

    /* Industry Grid */
    .industry__grid-section {
      background: var(--industry-light);
    }

    .industry__filters {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 34px;
    }

    .industry__filter-btn {
      border: 1px solid #dedfe7;
      background: #fff;
      color: #535866;
      border-radius: 999px;
      padding: 11px 18px;
      font-size: 14px;
      font-weight: 700;
      transition: 0.25s ease;
    }

    .industry__filter-btn.active,
    .industry__filter-btn:hover {
      background:#f2594b;
      color: #fff;
      border-color:#f2594b;
    }

    .industry__card {
      height: 100%;
      background: #fff;
      border: 1px solid var(--industry-border);
      border-radius: 26px;
      padding: 28px;
      position: relative;
      overflow: hidden;
      transition: 0.32s ease;
    }

    .industry__card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(255,68,56,0.09), rgba(255,122,24,0.02));
      opacity: 0;
      transition: 0.32s ease;
    }

    .industry__card:hover {
      transform: translateY(-8px);
      border-color: rgba(255,68,56,0.26);
      box-shadow: 0 24px 60px rgba(17,24,39,0.11);
    }

    .industry__card:hover::before {
      opacity: 1;
    }

    .industry__card-inner {
      position: relative;
      z-index: 2;
    }

    .industry__card-icon {
      width: 58px;
      height: 58px;
      border-radius: 18px;
      background: #f5f6fa;
      color: var(--industry-red);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 25px;
      margin-bottom: 22px;
      transition: 0.3s ease;
    }

    .industry__card:hover .industry__card-icon {
      background: linear-gradient(135deg, var(--industry-red), var(--industry-orange));
      color: #fff;
    }

    .industry__card h3 {
      font-size: 21px;
      font-weight: 800;
      letter-spacing: -0.4px;
      margin-bottom: 12px;
    }

    .industry__card p {
      color: var(--industry-muted);
      line-height: 1.7;
      font-size: 15px;
      margin-bottom: 22px;
    }

    .industry__tags {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 24px;
    }

    .industry__tags span {
      font-size: 12px;
      font-weight: 700;
      color: #5e6371;
      background: #f4f5f8;
      border-radius: 999px;
      padding: 7px 10px;
    }

    .industry__card-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--industry-text);
      font-weight: 800;
      font-size: 14px;
      transition: 0.25s ease;
    }

    .industry__card-link:hover {
      color: var(--industry-red);
      gap: 12px;
    }

    /* Solution */
    .industry__solution {
      background: #fff;
    }

    .industry__solution-panel {
      background:
        radial-gradient(circle at 15% 20%, rgba(255,68,56,0.18), transparent 24%),
        linear-gradient(135deg, #10131b, #18233c);
      color: #fff;
      border-radius: 36px;
      padding: 56px;
      overflow: hidden;
      position: relative;
    }

    .industry__solution-panel h2 {
      font-size: clamp(30px, 4vw, 46.44px);
      font-weight: 800;
      line-height: 1.12;
      letter-spacing: -1.5px;
      margin-bottom: 20px;
	  color:#fff;
    }

    .industry__solution-panel p {
      color: rgba(255,255,255,0.72);
      font-size: 17px;
      line-height: 1.8;
      max-width: 620px;
    }

    .industry__solution-list {
      margin-top: 32px;
      display: grid;
      gap: 16px;
    }

    .industry__solution-item {
      display: flex;
      gap: 14px;
      align-items: flex-start;
    }

    .industry__solution-item i {
      color: #ff8a6b;
      font-size: 20px;
      margin-top: 2px;
    }

    .industry__solution-item span {
      color: rgba(255,255,255,0.86);
      font-weight: 600;
      line-height: 1.6;
    }

    .industry__capability-card {
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,0.14);
      border-radius: 24px;
      padding: 24px;
      height: 100%;
    }

    .industry__capability-card h4 {
      font-size: 18px;
      font-weight: 800;
      margin-bottom: 10px;
	  color:#fff;
    }

    .industry__capability-card p {
      font-size: 14px;
      margin: 0;
      line-height: 1.6;
    }

    /* Process */
    .industry__process {
      background: var(--industry-light);
    }

    .industry__process-card {
      background: #fff;
      border-radius: 26px;
      border: 1px solid #e9eaf0;
      padding: 32px;
      height: 100%;
      transition: 0.3s ease;
    }

    .industry__process-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 20px 50px rgba(17,24,39,0.1);
    }

    .industry__process-number {
      width: 46px;
      height: 46px;
      border-radius: 15px;
      background: #11141c;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      margin-bottom: 22px;
    }

    .industry__process-card h3 {
      font-size: 20px;
      font-weight: 800;
      margin-bottom: 12px;
    }

    .industry__process-card p {
      color: var(--industry-muted);
      line-height: 1.7;
      margin: 0;
    }

    /* CTA */
    .industry__cta {
      background: #fff;
    }

    .industry__cta-box {
      background: linear-gradient(135deg, rgba(255,68,56,0.95), rgba(255,122,24,0.92));
      color: #fff;
      border-radius: 36px;
      padding: 58px;
    }

    .industry__cta-box h2 {
      font-size: clamp(30px, 4vw, 52px);
      font-weight: 800;
      letter-spacing: -1.5px;
      line-height: 1.1;
      margin-bottom: 18px;
    }

    .industry__cta-box p {
      color: rgba(255,255,255,0.88);
      font-size: 17px;
      line-height: 1.7;
      max-width: 680px;
      margin-bottom: 30px;
    }

    .industry__btn-white {
      background: #fff;
      color: #11141c;
      border-radius: 999px;
      padding: 15px 28px;
      font-weight: 800;
      transition: 0.3s ease;
    }

    .industry__btn-white:hover {
      background: #11141c;
      color: #fff;
      transform: translateY(-3px);
    }

    /* Footer */
    .industry__footer {
      background: #090b10;
      color: rgba(255,255,255,0.72);
      padding: 34px 0;
      font-size: 14px;
    }

    .industry__footer a {
      color: rgba(255,255,255,0.72);
      margin-left: 20px;
    }

    .industry__footer a:hover {
      color: #fff;
    }

    .industry__whatsapp {
      position: fixed;
      width: 58px;
      height: 58px;
      right: 22px;
      bottom: 22px;
      border-radius: 50%;
      background: #25d366;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 31px;
      z-index: 998;
      box-shadow: 0 14px 35px rgba(37,211,102,0.35);
      border: 4px solid #fff;
    }

    .industry__whatsapp:hover {
      color: #fff;
      transform: translateY(-3px);
    }

    @media (max-width: 991px) {
      .industry__nav {
        background: #10131b;
        margin-top: 15px;
        border-radius: 18px;
        padding: 15px;
      }

      .industry__hero {
        min-height: auto;
        padding: 135px 0 120px;
      }

      .industry__visual {
        margin-top: 50px;
      }

      .industry__stat {
        border-right: none;
        border-bottom: 1px solid #edf0f5;
      }

      .industry__stat:last-child {
        border-bottom: none;
      }

      .industry__solution-panel,
      .industry__cta-box {
        padding: 36px 24px;
      }
    }

    @media (max-width: 575px) {
      .industry__visual-grid {
        grid-template-columns: 1fr;
      }

      .industry__hero-actions {
        display: grid;
      }

      .industry__btn-primary,
      .industry__btn-outline,
      .industry__btn-white {
        width: 100%;
        text-align: center;
      }

      .industry__section {
        padding: 70px 0;
      }
    }

.induitoffficesec{width:100%;}
.induitoffficesec img{width:100%;}

/* Hire */

.hire-page {
      overflow: hidden;
      width: 100%;
    }

    .hire-page__section {
      padding: 96px 0;
    }

    .hire-page__title {
      font-size: clamp(34px, 3.4vw, 56px);
      line-height: 1.08;
      letter-spacing: -1.8px;
      font-weight: 900;
      margin: 0;
      color: var(--hire-text);
    }

    .hire-page__subtitle {
      color: var(--hire-muted);
      font-size: 17px;
      line-height: 1.75;
      max-width: 720px;
      margin-top: 18px;
      margin-bottom: 0;
    }

    .hire-page__accent {
      color: var(--hire-red);
    }

    .hire-page__header {
      position: fixed;
      inset: 0 0 auto 0;
      z-index: 999;
      background: linear-gradient(90deg, rgba(108, 34, 42, 0.98), rgba(9, 11, 16, 0.98) 46%, rgba(10, 15, 26, 0.98));
      border-bottom: 1px solid rgba(255,255,255,0.12);
      backdrop-filter: blur(16px);
      transition: 0.3s ease;
    }

    .hire-page__header .navbar {
      padding: 18px 0;
    }

    .hire-page__brand {
      color: #fff !important;
      font-size: 27px;
      font-weight: 850;
      letter-spacing: -1px;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .hire-page__brand-mark {
      width: 42px;
      height: 25px;
      position: relative;
      display: inline-block;
    }

    .hire-page__brand-mark span {
      position: absolute;
      width: 18px;
      height: 7px;
      border-radius: 20px;
      transform: rotate(-42deg);
    }

    .hire-page__brand-mark span:nth-child(1) {
      background: #2aa8ff;
      left: 0;
      top: 13px;
    }

    .hire-page__brand-mark span:nth-child(2) {
      background: #8d4cff;
      left: 10px;
      top: 9px;
    }

    .hire-page__brand-mark span:nth-child(3) {
      background: #ff4438;
      left: 20px;
      top: 13px;
    }

    .hire-page__brand-mark span:nth-child(4) {
      background: #ff8a00;
      left: 30px;
      top: 7px;
    }

    .hire-page__nav .nav-link {
      color: rgba(255,255,255,0.78);
      font-size: 15px;
      font-weight: 600;
      padding: 10px 14px !important;
      transition: 0.25s ease;
    }

    .hire-page__nav .nav-link:hover,
    .hire-page__nav .nav-link.active {
      color: #fff;
    }

    .hire-page__nav .nav-link.active::before {
      content: "";
      display: inline-block;
      width: 6px;
      height: 6px;
      background: var(--hire-red);
      border-radius: 50%;
      margin-right: 7px;
      vertical-align: middle;
    }

    .navbar-toggler {
      border-color: rgba(255,255,255,0.25);
    }

    .navbar-toggler-icon {
      filter: invert(1);
    }

/* Hero */
    .hire-page__hero {
      min-height: 790px;
      padding-top: 25px;
      display: flex;
      align-items: center;
      position: relative;
      color: #fff;
      background:
        linear-gradient(105deg, rgba(8,9,16,0.98) 0%, rgba(11,15,25,0.92) 44%, rgba(11,17,31,0.62) 100%),
        url("https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1800&q=80") center right / cover no-repeat;
      overflow: hidden;
    }

    .hire-page__hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 18% 35%, rgba(255,68,56,0.28), transparent 26%),
        radial-gradient(circle at 82% 52%, rgba(42,168,255,0.18), transparent 30%);
      pointer-events: none;
    }

    .hire-page__hero::after {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
      background-size: 42px 42px;
      mask-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0.25));
    }

    .hire-page__hero-content {
      position: relative;
      z-index: 2;
    }

    .hire-page__eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      padding: 9px 15px;
      border-radius: 999px;
      color: rgba(255,255,255,0.92);
      background: rgba(255,255,255,0.09);
      border: 1px solid rgba(255,255,255,0.15);
      font-size: 14px;
      font-weight: 700;
      margin-bottom: 24px;
	  color:#fff;
    }

    .hire-page__eyebrow span {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--hire-red);
      display: inline-block;
    }

    .hire-page__hero-title {
      max-width: 850px;
      font-size: clamp(46px, 4.4vw, 82px);
      font-weight: 900;
      line-height: 1.2;
      letter-spacing: -3px;
      margin: 0;
	  color:#fff;
    }

    .hire-page__gradient-text {
      background: linear-gradient(90deg, #fff, #ffd2c4, #ff8a62);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .hire-page__hero-desc {
      max-width: 680px;
      margin-top: 26px;
      color: rgba(255,255,255,0.78);
      font-size: 18px;
      line-height: 1.8;
    }

    .hire-page__hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      margin-top: 38px;
    }

    .hire-page__btn-primary {
      background: linear-gradient(135deg, var(--hire-red), var(--hire-orange));
      color: #fff;
      border: none;
      border-radius: 999px;
      padding: 15px 28px;
      font-weight: 800;
      box-shadow: 0 18px 42px rgba(255,68,56,0.32);
      transition: 0.3s ease;
    }

    .hire-page__btn-primary:hover {
      color: #fff;
      transform: translateY(-3px);
      box-shadow: 0 24px 55px rgba(255,68,56,0.42);
    }

    .hire-page__btn-outline {
      border: 1px solid rgba(255,255,255,0.26);
      color: #fff;
      background: rgba(255,255,255,0.06);
      border-radius: 999px;
      padding: 15px 28px;
      font-weight: 800;
      transition: 0.3s ease;
    }

    .hire-page__btn-outline:hover {
      background: #fff;
      color: #111;
      transform: translateY(-3px);
    }

    .hire-page__hero-panel {
      background: rgba(255,255,255,0.09);
      border: 1px solid rgba(255,255,255,0.15);
      backdrop-filter: blur(18px);
      border-radius: 30px;
      padding: 24px;
      max-width: 430px;
      margin-left: auto;
      box-shadow: 0 34px 90px rgba(0,0,0,0.35);
    }

    .hire-page__hero-image {
      width: 100%;
      height: 285px;
      object-fit: cover;
      border-radius: 24px;
      margin-bottom: 20px;
    }

    .hire-page__hero-metric {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px;
    }

    .hire-page__metric-box {
      background: rgba(255,255,255,0.94);
      color: #15171f;
      border-radius: 20px;
      padding: 18px;
    }

    .hire-page__metric-box strong {
      display: block;
      font-size: 24px;
      font-weight:700;
      letter-spacing: -0.6px;
    }

    .hire-page__metric-box span {
      color: #737785;
      font-size: 13px;
      font-weight: 700;
    }

    /* Tech Strip */
    .hire-page__tech-strip {
      position: relative;
      margin-top: -54px;
      z-index: 5;
    }

    .hire-page__tech-box {
      background: #fff;
      border: 1px solid #eef0f4;
      border-radius: 28px;
      box-shadow: 0 24px 70px rgba(17,24,39,0.12);
      padding: 17px 10px;
      overflow: hidden;
	  
    }

    .hire-page__tech-row {
      display: flex;
      gap:10px;
      flex-wrap: wrap;
      justify-content: center;
    }

    .hire-page__tech-pill {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      background: #f6f7fb;
      border: 1px solid #eaecf2;
      border-radius: 999px;
      padding: 11px 16px;
      font-weight: 800;
      color: #242834;
      font-size: 14px;
    }

    .hire-page__tech-pill i {
      color: var(--hire-red);
      font-size: 17px;
    }

    /* Hiring Cards */
    .hire-page__developers {
      background: var(--hire-light);
    }

    .hire-page__filters {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 34px;
    }

    .hire-page__filter-btn {
      border: 1px solid #dedfe7;
      background: #fff;
      color: #535866;
      border-radius: 999px;
      padding: 11px 18px;
      font-size: 14px;
      font-weight: 800;
      transition: 0.25s ease;
    }

    .hire-page__filter-btn.active,
    .hire-page__filter-btn:hover {
      background: var(--hire-text);
      color: #fff;
      border-color: var(--hire-text);
    }

    .hire-page__dev-card {
      height: 100%;
      background: #fff;
      border: 1px solid var(--hire-border);
      border-radius: 30px;
      padding: 30px;
      position: relative;
      overflow: hidden;
      transition: 0.32s ease;
    }

    .hire-page__dev-card::before {
      content: "";
      position: absolute;
      width: 180px;
      height: 180px;
      background: radial-gradient(circle, rgba(255,68,56,0.13), transparent 68%);
      right: -60px;
      top: -60px;
      opacity: 0;
      transition: 0.32s ease;
    }

    .hire-page__dev-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 24px 60px rgba(17,24,39,0.11);
      border-color: rgba(255,68,56,0.28);
    }

    .hire-page__dev-card:hover::before {
      opacity: 1;
    }

    .hire-page__dev-icon {
      width: 60px;
      height: 60px;
      border-radius: 20px;
      background: #f5f6fa;
      color: var(--hire-red);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 26px;
      margin-bottom: 24px;
      transition: 0.3s ease;
    }

    .hire-page__dev-card:hover .hire-page__dev-icon {
      background: linear-gradient(135deg, var(--hire-red), var(--hire-orange));
      color: #fff;
    }

    .hire-page__dev-card h3 {
      font-size: 22px;
      font-weight:600;
      letter-spacing: -0.5px;
      margin-bottom: 12px;
    }

    .hire-page__dev-card p {
      color: var(--hire-muted);
      font-size: 15px;
      line-height: 1.72;
      margin-bottom: 22px;
    }

    .hire-page__tag-list {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 26px;
    }

    .hire-page__tag-list span {
      font-size: 12px;
      font-weight: 800;
      color: #5e6371;
      background: #f4f5f8;
      border-radius: 999px;
      padding: 7px 10px;
    }

    .hire-page__card-link{
      color: var(--hire-text);
      font-size: 14px;
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: 0.25s ease;
    }

    .hire-page__card-link:hover {
      color: var(--hire-red);
      gap: 12px;
    }

    /* Image Text Section */
    .hire-page__model {
      background: #fff;
    }

    .hire-page__model-image-wrap {
      position: relative;
      border-radius: 36px;
      overflow: hidden;
      min-height: 560px;
      background:
        linear-gradient(180deg, rgba(8,9,16,0.06), rgba(8,9,16,0.58)),
        url("https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=1200&q=80") center / cover no-repeat;
      box-shadow: 0 30px 80px rgba(17,24,39,0.14);
    }

    .hire-page__model-badge {
      position: absolute;
      left: 28px;
      bottom: 28px;
      max-width: 360px;
      border-radius: 24px;
      padding: 22px;
      background: rgba(255,255,255,0.92);
      backdrop-filter: blur(12px);
      box-shadow: 0 22px 60px rgba(0,0,0,0.16);
    }

    .hire-page__model-badge h3 {
      font-size: 21px;
      font-weight: 900;
      margin-bottom: 8px;
    }

    .hire-page__model-badge p {
      color: var(--hire-muted);
      margin: 0;
      line-height: 1.65;
      font-size: 14px;
    }

    .hire-page__check-list {
      display: grid;
      gap: 17px;
      margin-top: 30px;
    }

    .hire-page__check-item {
      display: flex;
      gap: 14px;
      align-items: flex-start;
      font-weight: 700;
      color: #343844;
      line-height: 1.65;
    }

    .hire-page__check-item i {
      color: var(--hire-red);
      font-size: 20px;
      margin-top: 2px;
      flex: 0 0 auto;
    }

    /* Engagement Models */
    .hire-page__engagement {
      background:
        radial-gradient(circle at 10% 20%, rgba(255,68,56,0.12), transparent 24%),
        linear-gradient(135deg, #0b0d14, #141f38);
      color: #fff;
    }

    .hire-page__engagement .hire-page__title {
      color: #fff;
    }

    .hire-page__engagement .hire-page__subtitle {
      color: rgba(255,255,255,0.72);
    }

    .hire-page__model-card {
      height: 100%;
      padding: 32px;
      border-radius: 30px;
      background: rgba(255,255,255,0.07);
      border: 1px solid rgba(255,255,255,0.13);
      backdrop-filter: blur(12px);
      transition: 0.3s ease;
    }

    .hire-page__model-card:hover {
      background: rgba(255,255,255,0.11);
      transform: translateY(-6px);
    }

    .hire-page__model-card i {
      width: 58px;
      height: 58px;
      border-radius: 18px;
      background: rgba(255,255,255,0.1);
      color: #ff9b7e;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 26px;
      margin-bottom: 24px;
    }

    .hire-page__model-card h3 {
      font-size: 22px;
      font-weight: 900;
      margin-bottom: 12px;
	  color:#fff;
    }

    .hire-page__model-card p {
      color: rgba(255,255,255,0.72);
      line-height: 1.7;
      margin: 0;
    }

    /* Form Section */
    .hire-page__form-section {
      background: var(--hire-light);
    }

    .hire-page__form-card {
      background: #fff;
      border: 1px solid #e9ebf1;
      border-radius: 34px;
      padding: 38px;
      box-shadow: 0 28px 80px rgba(17,24,39,0.1);
    }

    .hire-page__form-card h3 {
      font-size: 28px;
      font-weight: 900;
      letter-spacing: -0.7px;
      margin-bottom: 10px;
    }

    .hire-page__form-card p {
      color: var(--hire-muted);
      line-height: 1.7;
      margin-bottom: 28px;
    }

   .hire-page__form-control {
  height: 54px;
  border-radius: 16px;
  border: 1px solid #dde0e8;
  padding: 12px 16px;
  font-size: 15px;
  font-weight: 600;
  color: var(--hire-text);
  background-color: #fff;
}

select.hire-page__form-control,
.form-select.hire-page__form-control {
  padding-right: 44px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23535866' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 16px 12px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

    textarea.hire-page__form-control {
      min-height: 132px;
      resize: none;
    }

    .hire-page__form-control:focus {
      border-color: rgba(255,68,56,0.55);
      box-shadow: 0 0 0 0.22rem rgba(255,68,56,0.11);
    }

    .hire-page__form-note {
      display: none;
      margin-top: 16px;
      padding: 13px 16px;
      border-radius: 14px;
      background: rgba(25,135,84,0.1);
      color: #16784e;
      font-weight: 700;
      font-size: 14px;
    }

    .hire-page__contact-panel {
      height: 100%;
      border-radius: 34px;
      padding: 38px;
      color: #fff;
      background:
        linear-gradient(135deg, rgba(255,68,56,0.94), rgba(255,122,24,0.9)),
        url("https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=1200&q=80") center / cover no-repeat;
      position: relative;
      overflow: hidden;
    }

    .hire-page__contact-panel::after {
      content: "";
      position: absolute;
      width: 300px;
      height: 300px;
      border: 1px solid rgba(255,255,255,0.28);
      border-radius: 50%;
      right: -100px;
      bottom: -120px;
    }

    .hire-page__contact-panel h2 {
      position: relative;
      z-index: 2;
      font-size: clamp(30px, 3.4vw, 46px);
      line-height: 1.12;
      font-weight: 900;
      letter-spacing: -1.4px;
      margin-bottom: 18px;
    }

    .hire-page__contact-panel p {
      position: relative;
      z-index: 2;
      color: rgba(255,255,255,0.88);
      line-height: 1.75;
      margin-bottom: 30px;
    }

    .hire-page__contact-list {
      position: relative;
      z-index: 2;
      display: grid;
      gap: 16px;
      margin-top: 34px;
    }

    .hire-page__contact-item {
      display: flex;
      gap: 14px;
      align-items: flex-start;
      font-weight: 800;
    }

    .hire-page__contact-item i {
      width: 42px;
      height: 42px;
      border-radius: 14px;
      background: rgba(255,255,255,0.18);
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
    }

    .hire-page__footer {
      background: #090b10;
      color: rgba(255,255,255,0.72);
      padding: 34px 0;
      font-size: 14px;
    }

    .hire-page__footer a {
      color: rgba(255,255,255,0.72);
      margin-left: 20px;
    }

    .hire-page__footer a:hover {
      color: #fff;
    }

    .hire-page__whatsapp {
      position: fixed;
      width: 58px;
      height: 58px;
      right: 22px;
      bottom: 22px;
      border-radius: 50%;
      background: #25d366;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 31px;
      z-index: 998;
      box-shadow: 0 14px 35px rgba(37,211,102,0.35);
      border: 4px solid #fff;
      transition: 0.3s ease;
    }

    .hire-page__whatsapp:hover {
      color: #fff;
      transform: translateY(-3px);
    }
	
	.hire-page__eyebrow--light {
  background: linear-gradient(135deg, rgba(255, 68, 56, 0.10), rgba(255, 122, 24, 0.08));
  color: #272727;
  border: 1px solid rgba(255, 68, 56, 0.18);
  box-shadow: 0 12px 32px rgba(255, 68, 56, 0.10);
  font-size:13px;
  font-weight:600;
}

.hire-page__eyebrow--light span {
  background: var(--hire-red);
  box-shadow: 0 0 0 5px rgba(255, 68, 56, 0.12);
}

    @media (max-width: 991px) {
      .hire-page__nav {
        background: #10131b;
        margin-top: 15px;
        border-radius: 18px;
        padding: 15px;
      }

      .hire-page__hero {
        padding: 135px 0 110px;
      }

      .hire-page__hero-panel {
        margin-left: 0;
        margin-top: 40px;
        max-width: 100%;
      }

      .hire-page__model-image-wrap {
        min-height: 440px;
      }
    }

    @media (max-width: 575px) {
      .hire-page__section {
        padding: 72px 0;
      }

      .hire-page__hero-title {
        letter-spacing: -2px;
      }

      .hire-page__hero-actions {
        display: grid;
      }

      .hire-page__btn-primary,
      .hire-page__btn-outline {
        width: 100%;
        text-align: center;
      }

      .hire-page__hero-metric {
        grid-template-columns: 1fr;
      }

      .hire-page__form-card,
      .hire-page__contact-panel {
        padding: 26px;
        border-radius: 26px;
      }

      .hire-page__footer a {
        margin-left: 0;
        margin-right: 16px;
      }
    }

/* Project Showcase */
.project-casestudy-section {
      position: relative;
      padding: 100px 0;
      background:
      linear-gradient(180deg, #f7f9fc 0%, #ffffff 100%);
      overflow: hidden;
    }

    .project-casestudy-section::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 42%;
      height: 520px;
      background: linear-gradient(135deg, rgba(11, 31, 58, 0.08), rgba(29, 111, 220, 0.08));
      clip-path: polygon(24% 0, 100% 0, 100% 100%, 0 74%);
      pointer-events: none;
    }

    .project-casestudy-section .container {
      position: relative;
      z-index: 2;
    }

    .project-casestudy-section-label {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 18px;
      color: var(--project-casestudy-accent);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .project-casestudy-section-label::before {
      content: "";
      width: 34px;
      height: 2px;
      background: var(--project-casestudy-accent);
      display: inline-block;
    }

    .project-casestudy-section-title {
      max-width: 760px;
      margin-bottom: 18px;
      font-size: 44px;
      line-height: 1.15;
      font-weight: 800;
      letter-spacing: -0.04em;
      color: var(--project-casestudy-primary);
    }

    .project-casestudy-section-description {
      max-width: 720px;
      margin-bottom: 0;
      color: var(--project-casestudy-text-muted);
      font-size: 17px;
      line-height: 1.75;
    }

    .project-casestudy-filter {
      display: flex;
      justify-content: flex-end;
      flex-wrap: wrap;
      gap: 10px;
    }

    .project-casestudy-filter-pill {
      border: 1px solid var(--project-casestudy-border);
      background: #ffffff;
      color: #344054;
      font-size: 14px;
      font-weight: 700;
      padding: 10px 18px;
      border-radius: 999px;
      text-decoration: none;
      transition: all 0.25s ease;
    }

    .project-casestudy-filter-pill:hover,
    .project-casestudy-filter-pill.active {
      background: var(--project-casestudy-primary);
      border-color: var(--project-casestudy-primary);
      color: #ffffff;
    }

    .project-casestudy-featured {
      margin-top: 60px;
      background: #ffffff;
      border: 1px solid var(--project-casestudy-border);
      border-radius: 28px;
      overflow: hidden;
      box-shadow: 0 24px 70px rgba(16, 24, 40, 0.08);
    }

    .project-casestudy-featured-content {
      padding: 44px;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .project-casestudy-category {
      display: inline-flex;
      width: fit-content;
      align-items: center;
      gap: 8px;
      margin-bottom: 18px;
      padding: 8px 14px;
      border-radius: 999px;
      background: #eef5ff;
      color: var(--project-casestudy-accent);
      font-size: 13px;
      font-weight: 800;
    }

    .project-casestudy-category span {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--project-casestudy-accent);
      display: inline-block;
    }

    .project-casestudy-featured-content h3 {
      margin-bottom: 16px;
      color: var(--project-casestudy-primary);
      font-size: 32px;
      line-height: 1.25;
      font-weight: 800;
      letter-spacing: -0.035em;
    }

    .project-casestudy-featured-content p {
      color: var(--project-casestudy-text-muted);
      font-size: 16px;
      line-height: 1.8;
      margin-bottom: 26px;
    }

    .project-casestudy-stack {
      display: flex;
      flex-wrap: wrap;
      gap: 9px;
      margin-bottom: 30px;
    }

    .project-casestudy-stack span {
      padding: 8px 12px;
      border-radius: 8px;
      background: #f3f6fa;
      border: 1px solid #e7ebf1;
      color: #f2594b;
    font-size: 12px;
    font-weight: 600;
    }

    .project-casestudy-kpis {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-bottom: 32px;
    }

    .project-casestudy-kpi-box {
      padding: 16px;
      border-radius: 16px;
      background: #f8fafc;
      border: 1px solid #edf1f5;
    }

    .project-casestudy-kpi-box strong {
      display: block;
      margin-bottom: 5px;
      color: var(--project-casestudy-primary);
      font-size: 22px;
      font-weight: 800;
      line-height: 1;
    }

    .project-casestudy-kpi-box small {
      color: var(--project-casestudy-text-muted);
      font-size: 12px;
      font-weight: 600;
      line-height: 1.45;
    }

    .project-casestudy-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      align-items: center;
    }

    .project-casestudy-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      min-height: 48px;
      padding: 13px 22px;
      border-radius: 999px;
      background: var(--project-casestudy-primary);
      color: #ffffff;
      font-size: 14px;
      font-weight: 800;
      text-decoration: none;
      transition: all 0.25s ease;
    }

    .project-casestudy-btn:hover {
      background: var(--project-casestudy-accent);
      color: #ffffff;
      transform: translateY(-2px);
    }

    .project-casestudy-outline-link {
      color: var(--project-casestudy-primary);
      font-size: 14px;
      font-weight: 800;
      text-decoration: none;
      border-bottom: 1px solid rgba(11, 31, 58, 0.35);
      padding-bottom: 3px;
    }

    .project-casestudy-featured-visual {
      min-height: 100%;
      padding: 46px 36px;
      background:
        radial-gradient(circle at top right, rgba(29, 111, 220, 0.22), transparent 34%),
        linear-gradient(135deg, #0b1f3a 0%, #102f55 52%, #123b6d 100%);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .project-casestudy-macbook-frame {
      width: 100%;
      max-width: 680px;
      position: relative;
    }

    .project-casestudy-macbook-screen {
      background: linear-gradient(145deg, #0f172a, #334155);
      padding: 11px;
      border-radius: 24px 24px 14px 14px;
      box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
    }

    .project-casestudy-screen-window {
      overflow: hidden;
      border-radius: 15px;
      background: #ffffff;
    }

    .project-casestudy-window-bar {
      height: 34px;
      background: #f8fafc;
      border-bottom: 1px solid #e5e7eb;
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 0 14px;
    }

    .project-casestudy-window-bar i {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      display: block;
    }

    .project-casestudy-window-bar i:nth-child(1) {
      background: #ff5f57;
    }

    .project-casestudy-window-bar i:nth-child(2) {
      background: #ffbd2e;
    }

    .project-casestudy-window-bar i:nth-child(3) {
      background: #28c840;
    }

    .project-casestudy-screenshot {
      width: 100%;
      height: auto;
      object-fit: cover;
      object-position: top center;
      display: block;
    }

    .project-casestudy-macbook-base {
      width: 84%;
      height: 18px;
      margin: 0 auto;
      background: linear-gradient(180deg, #e5e7eb 0%, #9ca3af 100%);
      border-radius: 0 0 28px 28px;
      position: relative;
      box-shadow: 0 18px 28px rgba(0, 0, 0, 0.24);
    }

    .project-casestudy-macbook-base::before {
      content: "";
      position: absolute;
      width: 100px;
      height: 5px;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      background: rgba(71, 85, 105, 0.45);
      border-radius: 0 0 14px 14px;
    }

    .project-casestudy-grid {
      margin-top: 28px;
    }

    .project-casestudy-card {
      height: 100%;
      background: #ffffff;
      border: 1px solid var(--project-casestudy-border);
      border-radius: 24px;
      overflow: hidden;
      box-shadow: 0 16px 45px rgba(16, 24, 40, 0.06);
      transition: all 0.3s ease;
    }

    .project-casestudy-card:hover {
      transform: translateY(-7px);
      box-shadow: 0 24px 70px rgba(16, 24, 40, 0.12);
    }

    .project-casestudy-card-visual {
      padding: 15px 15px 0;
      background: linear-gradient(180deg, #f3f6fa 0%, #ffffff 100%);
    }

    .project-casestudy-mini-mac {
      width: 100%;
    }

    .project-casestudy-mini-mac .project-casestudy-macbook-screen {
      padding: 5px;
      border-radius: 12px 12px 7px 7px;
      box-shadow: 0 16px 34px rgba(15, 23, 42, 0.2);
    }

    .project-casestudy-mini-mac .project-casestudy-window-bar {
      height: 24px;
      padding: 0 10px;
      gap: 5px;
    }

    .project-casestudy-mini-mac .project-casestudy-window-bar i {
      width: 7px;
      height: 7px;
    }

    .project-casestudy-mini-mac .project-casestudy-screenshot {
      height: 205px;
    }

    .project-casestudy-mini-mac .project-casestudy-macbook-base {
      height: 11px;
      width: 82%;
      border-radius: 0 0 18px 18px;
      box-shadow: 0 10px 18px rgba(15, 23, 42, 0.18);
    }

    .project-casestudy-mini-mac .project-casestudy-macbook-base::before {
      width: 62px;
      height: 4px;
    }

    .project-casestudy-card-body {
      padding: 26px;
    }

    .project-casestudy-card-meta {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 14px;
      color: #676767;
      font-size: 13px;
      font-weight: 500;
    }

    .project-casestudy-card-body h4 {
      margin-bottom: 12px;
      color: var(--project-casestudy-primary);
      font-size: 20px;
      font-weight: 600;
      letter-spacing: -0.03em;
    }

    .project-casestudy-card-body p {
      color: var(--project-casestudy-text-muted);
      font-size: 15px;
      line-height: 1.7;
      margin-bottom: 20px;
    }

    .project-casestudy-card-footer {
      padding-top: 18px;
      border-top: 1px solid #edf1f5;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }

    .project-casestudy-small-result strong {
      display: block;
      color: var(--project-casestudy-primary);
      font-size: 16px;
      font-weight: 600;
      line-height: 1.1;
    }

    .project-casestudy-small-result small {
      color: #777;
      font-size: 12px;
      font-weight: 600;
    }

    .project-casestudy-card-link {
      color: var(--project-casestudy-accent);
      font-size: 14px;
      font-weight: 600;
      text-decoration: none;
      white-space: nowrap;
    }

    .project-casestudy-card-link:hover {
      color: var(--project-casestudy-primary);
    }

    @media (max-width: 991px) {
      .project-casestudy-section {
        padding: 80px 0;
      }

      .project-casestudy-section-title {
        font-size: 36px;
      }

      .project-casestudy-filter {
        justify-content: flex-start;
        margin-top: 28px;
      }

      .project-casestudy-featured-content {
        padding: 34px;
      }

      .project-casestudy-featured-visual {
        padding: 36px 26px;
      }

      .project-casestudy-screenshot {
        height: 300px;
      }

      .project-casestudy-kpis {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    @media (max-width: 767px) {
      .project-casestudy-section {
        padding: 60px 0;
      }

      .project-casestudy-section-title {
        font-size: 30px;
      }

      .project-casestudy-section-description {
        font-size: 15px;
      }

      .project-casestudy-featured-content {
        padding: 26px;
      }

      .project-casestudy-featured-content h3 {
        font-size: 26px;
      }

      .project-casestudy-kpis {
        grid-template-columns: 1fr;
      }

      .project-casestudy-screenshot {
        height: 230px;
      }

      .project-casestudy-mini-mac .project-casestudy-screenshot {
        height: 185px;
      }

      .project-casestudy-actions {
        flex-direction: column;
        align-items: stretch;
      }

      .project-casestudy-btn {
        width: 100%;
      }
	  
	}
    
.bannersec.blogbannersec img.img-fluid{height:544px;}
	  .story-card {
            border: 1px solid #e6e6e6;
            padding: 20px;
            margin-bottom: 15px;
            border-radius: 8px;
            box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
			background-color:#fff;
			
        }

        .story-card img {
            
            border-radius: 8px;
        }

        .story-card:hover {
            transform: translateY(-10px);
        }

        .story-card .story-title {
            font-size: 21px;
    font-weight: 600;
    margin-top: 5px;
    line-height: 30px;
    margin-bottom: 10px; min-height:120px;
        }

        .story-card .story-meta {
            color: #888;
            font-size: 0.9rem;
            margin-top: 5px;
			font-size:12px;
        }

        .story-card .story-excerpt {
            margin-top: 15px;
            font-size: 0.95rem;
            color: #555;
			min-height:137px;
        }

        .story-card .btn {
            margin-top: 15px;
            background-color:#f2594b;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 30px;
			font-size:15px;
        }

        .story-card .btn:hover {
            background-color: #d94231;
        }

        .latest-stories-header {
            text-align: center;
            margin-bottom: 40px;
        }

        .clientsec.clientpagelistsec.allblogsec .row {
            margin-top: 30px;
        }

        .clientsec.clientpagelistsec.allblogsec .col-md-4 {
            margin-bottom: 20px;
        }
		
		.blogthumtxtbox{width: 90%;
    background-color: #fff;
    margin-top: -4rem;
    min-height: 210px;
    position: relative;
    padding: 10px 10px 10px 0; border-radius:0 10px;}
	
    .clientsec.allblogsec .clientsectitlebox h2{margin-bottom:2rem;}	
	.singleblogtxt{width:80%; margin:0 auto;}	
		
	.bannersec.blogbannersec .dlc-hero-opacity{background-color: rgba(0,0,0,0.53);}	
	.clientsec.singleblogsec .clientsectitlebox{width:80%; margin:0 auto;}
	.clientsec.singleblogsec p{font-size:15px; text-align:left;}
	
	.backbtnone{width:100%; border-top:1px solid rgba(0,0,0,0.1); padding:1.7rem 0 1rem; 
	text-align:center;}
	.backbtnone a {
    padding: 0.5rem 1rem!important;
    background-color: #f2594b;
    color:#fff!important;
    border-radius: 5px;
	font-size:15px;
	width:97px;
	display: inline-block;
    }
	.backbtnone a:hover{background-color:#d94231;}
	
	.clientsec.singleblogsec{background-color:#fff; padding-bottom:2rem;}
	.story-meta a{color:#f2594b;}
	.story-card img.img-fluid{height:236px; object-fit:cover; width:100%;}

#colors-benefit .colors-content-grid{grid-template-columns:1.15fr!important;}
.beforeafterimgbox{width:100%; text-align:center;}
.beforeafterimgbox h4{padding-bottom:1rem;}

.navbar-toggler-icon{filter:invert(0);}
.headersec.posi .navbar-nav .nav-item.dropdown .dropdown-menu{margin-top: -15px;}