@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: 400; font-family: "Inter", sans-serif; vertical-align: baseline;}
*, *::before, *::after {box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
a {text-decoration: none; outline: none; margin: 0;}
.card {border: 0; border-radius: 0;}

:root{
  --main_color :#9b1b34;
  --text-color : #161519;
  --white : #FFF;
  --section_bg : #EEEEEE;
}
img{width: 100%;height:auto;max-width:100%;}

body:has(.sidebar.active){overflow:hidden;}
.button,.button:focus,.button:active{display: inline-flex;align-items: center;justify-content: space-between;gap: 10px;font-size: 14px;font-weight: 600;line-height: 1;text-decoration: none;text-transform: uppercase;text-align: center;border: none;border-radius: 0;color: var(--white);background: var(--main_color) !important;padding: 13px 25px 12px;outline: none;cursor: pointer;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.button:hover{background: var(--main_color) !important;color: var(--white);transform: scale(0.95);transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}

h1 {display: block; font-size: 42px;margin: 0; font-weight: 800; text-transform: capitalize; color: #000000; text-align: center;padding-bottom: 20px; position: relative;}
h1::after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; width: 100px; height: 4px; background-color: var(--main_color);}
.title {padding-bottom: 40px;}

/* Header */
.header{display:block;width:100%;margin:0;padding:0;box-shadow:0px 0px 10px -3px #000000;position:relative;z-index:2;}
.header .head_top{display: block;width: 100%;background-color:var(--main_color);padding:8px 0;margin:0;}
.header .head_top .content{display:flex;align-items:center;gap:20px;width:100%;padding:0px 0;margin:0;}
.header .head_top .content a,
.header .head_top .content a:focus{display:block;width:auto;text-decoration:none;outline:none;box-shadow:none;border:0;margin:0;padding:0;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;line-height:1.7;letter-spacing:1px;color:var(--white);}
.header .head_top .content a:hover,
.header .head_top .content a:active{text-decoration:none;outline:none;box-shadow:none;border:0;text-shadow:0 0 0px var(--white);}
.header .stickyHeader{position:fixed;top:0;left:0;z-index:123;width:100%;box-shadow:0 0 10px -3px transparent;border-radius:0 0 20px 20px;animation:slideDown 0.35s ease-out;}
.header .main_head{display:block;width:100%;background-color: var(--white); border-bottom: 1px solid #ccc;}
.header .main_head .navbar{padding:11px 0;width:100%;}
.header .main_head .navbar-brand{max-width:208px;height:auto;}
.header .main_head .navbar-brand img{max-width:208px;height:auto;}
.header .main_head ul.main-nav{display:flex;gap:0px;align-items:center;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin:0;}
.header .main_head ul.main-nav li{padding:0px 15px;}
.header .main_head ul.main-nav li a.nav-link{color: var(--text-color);font-size:16px;text-decoration:none;font-weight:600;padding: 0;}
.header .main_head ul.main-nav li.active a.nav-link{color:var(--text-color) !important;text-shadow: 0 0 1px transparent !important;}
.header .main_head .quote-btn {background-color: var(--main_color); color: var(--white); padding: 10px 23px 10px; border: none; font-weight: 600; text-decoration: none; border-radius: 2px; font-size: 13px; align-items: center; justify-content: space-between;}
.header .main_head .quote-btn:hover {color: var(--white); transform: scale(0.95); transition: all 0.3s ease;}
.header .main_head .hamburger{display: none;cursor: pointer;}
.header .main_head .hamburger i{font-size:28px;color:#000;}
.header .sidebar {position: fixed; top: 0; left: -360px; width:360px; height: 100%; background-color: #121212; padding: 40px 20px; display: flex; flex-direction: column; gap: 20px; transition: left 0.3s ease; z-index: 1000;}
.header .sidebar a {color: var(--white); font-size: 18px; text-decoration: none; font-weight: 500;}
.header .sidebar .close-btn {position: absolute; top: 15px; right: 15px; color: var(--main_color); font-size: 24px; cursor: pointer;}
.header .sidebar.active {left: 0;}
.header .sidebar.active .service:focus{box-shadow: none;}
.header .main_head .main-nav .dropdown-menu {border-radius: 0px 0px 20px 20px; border: none; box-shadow: 0px 10px 10px -3px #BDBDBD; width: 100%;}
.header .main_head .main-nav .dropdown-menu .mega-content .title a {font-size: 20px; font-weight: 600; color: var(--main_color);}
.header .main_head .main-nav .dropdown-menu .mega-content .title-2 a {font-size: 20px; font-weight: 600; color: var(--main_color);}
.header .main_head .main-nav .dropdown-menu .mega-content .title-2 {margin-top: 40px;}
.header .main_head .main-nav .dropdown-menu .mega-content .list-group {margin-top: 20px; gap: 13px; font-weight: 0;}
.header .main_head .main-nav .dropdown-menu .mega-content .list-group a {color: var(--text-color); font-size: 16px; font-weight: 500; line-height: 1em;}
.header .main_head .main-nav .dropdown-menu .mega-content .list-group a:hover {text-shadow: 0 0 1px #000 !important;}
.header .main_head .main-nav .dropdown-menu .mega-content .dash-main {background-color: #000; width: 50px; height: 2px; margin-top: 20px;}

/* Hero Banner Home page */
.slider-wrapper {display: block;width: 100%;margin:0 auto;padding:10px 0px;position: relative;background: #f8f8f8;}
.slider-wrapper .hero_banner .slide {display: flex;align-items: center; justify-content: space-between; gap: 50px; flex-wrap: wrap;}
.slider-wrapper .hero_banner .slide .slide-text {flex: 1;min-width: 300px;padding: 80px 00px;}
.slider-wrapper .hero_banner .slide .slide-text h2{display: block;width: 100%;font-size: 40px;font-weight: 800;line-height: 1.3;color: var(--text-color);margin-bottom:20px;}
.slider-wrapper .hero_banner .slide-text h2 strong{color:var(--main_color);font-weight:800;}
.slider-wrapper .hero_banner .slide-text p{display: block;width: 100%;font-size:20px;font-weight: 400;line-height: 1.3;color: var(--dark);margin-bottom:25px;}
.slider-wrapper .slide img {max-width:500px;width:100%;height:auto;}
.slider-wrapper .arrow-container {display:flex;justify-content:center;align-items:center;gap:20px;padding-bottom:20px;}
.slider-wrapper .arrow-container button{display:block;width:auto;background:var(--text-color);color:var(--white);border:none;font-size:15px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;}
.slider-wrapper .arrow-container button:hover {background:var(--main_color);}

/* Slider 2 home page */
.showcase_projects{display:block;width:100%;margin:0;padding:80px 0;background-color:var(--section_bg);}
.showcase_projects .headtitle{display:block;width:100%;text-align:center;padding:0px 0 20px;margin-bottom:20px;position:relative;font-family: "Inter", Sans-serif; font-size: 42px;font-weight: 800;text-transform: capitalize;line-height: 1.2em;color:var(--text-color);}
.showcase_projects .headtitle::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:100px;
height:4px;background-color:var(--main_color);}
.showcase_projects .project_slider{display: block;width:100%;overflow:hidden;position:relative;padding:0;margin:20px auto 0 auto;}
.showcase_projects .project_slider .projects{display:block;width:100%;position:relative;padding:0 0;margin:0;}
.showcase_projects .project_slider .projects .slick-list {overflow:visible;margin:0 -15px;}
.showcase_projects .project_slider .button{padding:10px 18px;font-size:20px;border-radius:5px;font-weight:bold;cursor:pointer;position:absolute;top:55%;transform:translateY(-50%);z-index:1;}
.showcase_projects .project_slider .button.prev_btn{left:0;}
.showcase_projects .project_slider .button.next_btn{right:0;}
.showcase_projects .project_slider .button.prev_btn,
.showcase_projects .project_slider .button.next_btn{margin:0 10px;}
.showcase_projects .projects .custom-slide-two{display:block;background:var(--white);padding:0 0;margin:0 15px;box-shadow:0 5px 20px rgba(0,0,0,0.1);overflow:hidden;position: relative;}
.showcase_projects .projects .custom-slide-two .slide-inner{display:flex;padding:30px 50px;flex-direction:row;gap:20px;align-items:center;position:relative;z-index:1;}
.showcase_projects .projects .custom-slide-two.decorated-slide::before {content: "";position: absolute;top: 0;left: 0;width: 180px;height: 180px;background-image: url('../images/ball-top-left-a.webp'); background-repeat: no-repeat;background-size: contain;z-index: 0;}
.showcase_projects .projects .custom-slide-two.decorated-slide::after {content: "";position: absolute;bottom: 0;left: 40px;width: 185px;height: 40px;background-image: url('../images/dots-top-right.webp'); background-repeat: no-repeat;background-size: contain;z-index: 0;}
.showcase_projects .projects .custom-slide-two.decorated-slide .slide-inner::before {content: "";position: absolute;top: 0;right: 5px;width: 56px;height: 73px;background-image: url('../images/dots-top-right.webp'); background-repeat: no-repeat;background-size: contain;z-index: 0;}
.showcase_projects .projects .custom-slide-two.decorated-slide .slide-inner::after {content: "";position: absolute;bottom: 0;right: 0;width: 89px; height: 180px;background-image: url('../images/ball-bot-right-a.webp'); background-repeat: no-repeat;background-size: contain;z-index: 0;}

.showcase_projects .projects .custom-slide-two.decorated-slide .slide-left {flex:1;text-align:center;}
.showcase_projects .projects .custom-slide-two.decorated-slide .slide-left img {max-width:100%;height:auto;}
.showcase_projects .projects .custom-slide-two.decorated-slide .slide-right {flex:2;background-color:#F9F9F9;padding:20px;}
.showcase_projects .projects .custom-slide-two.decorated-slide .slide-tags {color:var(--main_color);font-weight:bold;font-size:17px;}
.showcase_projects .projects .custom-slide-two.decorated-slide .slide-right h3 {font-weight:500;font-size:25px;margin-top:10px;}
.showcase_projects .projects .custom-slide-two.decorated-slide .subtitle {font-size:16px;color:black;margin-top:10px;font-weight:400;}
.showcase_projects .projects .custom-slide-two.decorated-slide .desc {font-size:14px;margin-top:13px;color:black;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;}
.showcase_projects .projects .custom-slide-two.decorated-slide .button.inner_btn{padding:9px 25px;font-size:13px;text-decoration:none;margin-top:10px;font-weight:bold;outline:none;box-shadow:none;border:none;position: unset;transform:none;border-radius:0;}
.tech-tags {margin-top:10px;}
.tech-tags span {background-color:#444;color:var(--white);padding:3px 17px;margin:10px 10px 0 0;display:inline-block;font-size:13px;}


/* Slide 2 - custom background decorations */
.showcase_projects .projects .custom-slide-two.decorated-slide-2::before {background-image: url('../images/ball-top-left-f.webp');}
.showcase_projects .projects .custom-slide-two.decorated-slide-2::after {background-image: url('../images/dots-top-right.webp');}
.showcase_projects .projects .custom-slide-two.decorated-slide-2 .slide-inner::before {background-image: url('../images/dots-top-right.webp');}
.showcase_projects .projects .custom-slide-two.decorated-slide-2 .slide-inner::after {background-image: url('../images/ball-bot-right-f.webp');}

/* Slide 3 - custom background decorations */
.showcase_projects .projects .custom-slide-two.decorated-slide-3::before {background-image: url('../images/ball-top-left-b.webp');}
.showcase_projects .projects .custom-slide-two.decorated-slide-3::after {background-image: url('../images/dots-top-right.webp');}
.showcase_projects .projects .custom-slide-two.decorated-slide-3 .slide-inner::before {background-image: url('../images/dots-top-right.webp');}
.showcase_projects .projects .custom-slide-two.decorated-slide-3 .slide-inner::after {background-image: url('../images/ball-bot-right-b.webp');}

/* Slide 4 - custom background decorations */
.showcase_projects .projects .custom-slide-two.decorated-slide-4::before {background-image: url('../images/ball-top-left-c.webp');}
.showcase_projects .projects .custom-slide-two.decorated-slide-4::after {background-image: url('../images/dots-top-right.webp');}
.showcase_projects .projects .custom-slide-two.decorated-slide-4 .slide-inner::before {background-image: url('../images/dots-top-right.webp');}
.showcase_projects .projects .custom-slide-two.decorated-slide-4 .slide-inner::after {background-image: url('../images/ball-bot-right-c.webp');}

/* Slide 5 - custom background decorations */
.showcase_projects .projects .custom-slide-two.decorated-slide-5::before {background-image: url('../images/ball-top-left-d.webp');}
.showcase_projects .projects .custom-slide-two.decorated-slide-5::after {background-image: url('../images/dots-top-right.webp');}
.showcase_projects .projects .custom-slide-two.decorated-slide-5 .slide-inner::before {background-image: url('../images/dots-top-right.webp');}
.showcase_projects .projects .custom-slide-two.decorated-slide-5 .slide-inner::after {background-image: url('../images/ball-bot-right-d.webp');}

/* Slide 6 - custom background decorations */
.showcase_projects .projects .custom-slide-two.decorated-slide-6::before {background-image: url('../images/ball-top-left-e.webp');}
.showcase_projects .projects .custom-slide-two.decorated-slide-6::after {background-image: url('../images/dots-top-right.webp');}
.showcase_projects .projects .custom-slide-two.decorated-slide-6 .slide-inner::before {background-image: url('../images/dots-top-right.webp');}
.showcase_projects .projects .custom-slide-two.decorated-slide-6 .slide-inner::after {background-image: url('../images/ball-bot-right-e.webp');}

.testimonial_section{display:block;width:100%;padding:80px 0;margin:0;background-color:var(--white);}
.testimonial_section .headtitle{display:block;width:100%;text-align:center;padding:0px 0 20px;margin-bottom:20px;position:relative;font-family: "Inter", Sans-serif; font-size: 42px;font-weight: 800;text-transform: capitalize;line-height: 1.2em;color:var(--text-color);}
.testimonial_section .headtitle::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:100px;
height:4px;background-color:var(--main_color);}
.testimonial_section .testimonial-card{display:block;position:relative;width:100%;max-width:354px;margin:20px auto 0 auto;padding:0;background-color:var(--white);border:1px solid #ddd;box-shadow:0 2px 10px rgba(0, 0, 0, 0.05);}
.testimonial_section .testimonial-card .testimonial_top{display:block;width:100%;padding:20px 20px;margin:0;}
.testimonial_section .testimonial-card .testimonial_top .company-logo{display: block;width:110px;height: auto;margin-bottom:20px;}
.testimonial_section .testimonial-card .testimonial_top .person-image{display: block;width:254px;max-width:100%;height:auto;margin:0 auto 20px auto;}
.testimonial_section .testimonial-card .testimonial_top .person-name{display: block;width:100%;margin:0;padding:0;font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;color:var(--text-color);text-align:center;}
.testimonial_section .testimonial-card .person-role-wrapper{display:block;width:100%;margin:0;padding:20px 40px;position:relative;background-color:var(--main_color);}
.testimonial_section .testimonial-card .person-role-wrapper .person-role{display:block;width:100%;text-align:center;color:var(--white);font-size:18px; font-weight:500;text-transform:uppercase;}

.tstm-section {display: block;width:100%;position:relative;padding:60px 0 30px;}
.tstm-slider .tstm-card-wrapper{display: flex;height: 100%;margin: 0 10px; }
.tstm-section .tstm-card-wrapper .tstm-card {background:#fff;padding:30px 30px;margin-bottom:30px;border-radius:12px;min-height:226px;box-shadow: 0px 5px 5px 0px #0000001A;height: 100%;display: flex;flex-direction: column;justify-content: space-between;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.tstm-section .tstm-card-wrapper .tstm-card .testimonial-img {width: 80px !important;  height: 80px !important;  border-radius: 50%;  margin: 0% !important;object-fit: cover;   margin-right: 16px;  }
.tstm-section .tstm-card-wrapper .tstm-card .tstm-text { font-size:20px; color: #161519;line-height: 1.6;margin-bottom: 20px; }
.tstm-section .tstm-card-wrapper .tstm-card .tstm-client-name {font-size: 23px; font-weight: 700;color: #161519;margin-bottom: 0;}
.tstm-section .tstm-card-wrapper .tstm-card .tstm-client-location { font-size: 20px; color: gray;}
.tstm-section .tstm-carousel-control-prev,
.tstm-section .tstm-carousel-control-next {width: 40px;height: 40px;border-radius: 50%;background-color: #000;display: flex;justify-content: center;align-items: center;position: absolute;top: 50%;transform: translateY(-50%);opacity: 0.9;transition: background-color 0.3s ease;z-index: 1;color: #fff;font-size: 18px; border: none; cursor: pointer;}
.tstm-section .tstm-carousel-control-prev:hover,
.tstm-section .tstm-carousel-control-next:hover {background-color: #000;}
.tstm-section .tstm-carousel-control-prev { left: 0px; }
.tstm-section .tstm-carousel-control-next {right: 0px;}

.expertise-section{display:block;width:100%;background-color:var(--section_bg);margin: 0;padding:80px 0;}
.expertise-section .headtitle{display:block;width:100%;text-align:center;padding:0px 0 20px;margin-bottom:20px;position:relative;font-family: "Inter", Sans-serif; font-size: 42px;font-weight: 800;text-transform: capitalize;line-height: 1.2em;color:var(--text-color);}
.expertise-section .headtitle::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:100px;
height:4px;background-color:var(--main_color);}
.expertise-section .row_gap{row-gap:60px;margin-top:80px;}
.expertise-section .service-card{display:flex;flex-direction:column;justify-content:space-between;width:100%;padding:30px 30px;margin:0 0 60px 0; background:var(--white);transition:transform 0.3s ease-in-out;position:relative;box-shadow:rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.expertise-section .service-card.minHeight{min-height:367px;}

.expertise-section .service-card .icon-boxs{content:'';position:absolute;top:-60px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:130px;height:130px;box-shadow:rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;background-color:var(--text-color);}
.expertise-section .service-card .icon-boxs img{max-width:120px;height: auto;}
.expertise-section .service-card .icon-boxs{content:'';position:absolute;top:-60px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:130px;height:130px;box-shadow:rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;background-color:var(--text-color);padding: 30px;}

.expertise-section .service-card .icon-boxs.bg_red{background-color:var(--main_color);}
.expertise-section .service-card .service_bot{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:60px;gap:20px;}
.expertise-section .service-card .service_bot h4{display:block;width:100%;margin:0;padding:0;font-family:"Inter", Sans-serif;font-size:30px;font-weight:800;text-transform:capitalize;line-height:1.2;letter-spacing:1px;color:var(--text-color);text-align:center;}
.expertise-section .service-card .service_bot p{display:block;width:100%;margin:0;padding:0;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:22px;color:var(--text-color);text-align:center;}

.why_us{display: block;width: 100%;margin: 0;padding:80px 0;background-color:#FFFFFF;background-image:url(../images/subtle-white-feathers.webp);background-size:cover;background-position:center;background-repeat:no-repeat;position: relative;}
.why_us .technology_part{margin:0 0 0 -60px;}
.why_us .tech_used{display:block;width:100%;margin:0;padding:40px 40px;background:var(--white);box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.why_us .tech_used h5.title{display:block;width:100%;margin:0 0 10px;padding: 0;font-size:30px;line-height:1.2;color:var(--text-color);font-family:"Inter",sans-serif;font-weight:600;}
.why_us .tech_used .tech_icons_container{display:flex;justify-content:space-between;align-items:flex-start;margin:0;width: 100%;gap:10px;}
.why_us .tech_used .tech_icons_container .tech_icon{display:flex;width:100%;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px;}
.why_us .tech_used .tech_icons_container .tech_icon .icon{display:flex;width:auto;flex:0 0 calc(33.333% - 20px);justify-content:flex-start;align-items:center;padding:10px;gap:20px 20px;}
.why_us .tech_used .tech_icons_container .tech_icon .icon img{width:50px;max-width:50px;height:50px;object-fit:contain;object-position:center center;}
.why_us .tech_used .tech_icons_container .tech_icon .icon span{display:block;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;line-height:1;color:var(--text-color);}
.why_us .why_us_content{display:flex;flex-direction:column;justify-content:center;gap:20px;background-color:var(--main_color);color:var(--white);padding:40px 20px 40px 40px;margin:0;}
.why_us .why_us_content .listing{display: block;width:100%;max-width:70%;margin: 0;padding:10px;}
.why_us .why_us_content .listing ul{margin:0px;padding: 0;}
.why_us .why_us_content .listing ul li{display:flex;justify-content:flex-start;align-items:flex-start;gap:10px;font-family:"Inter", Sans-serif;}
.why_us .why_us_content .listing ul li:not(:last-child){padding-bottom:26px;}
.why_us .why_us_content .listing ul li:not(:first-child){margin-top:0;}
.why_us .why_us_content .listing ul li span{display:block;font-family: "Inter", Sans-serif;font-size:16px;font-weight: 600;line-height: 1.3;color:var(--white);margin:0;padding:0;}
.why_us .why_us_content .listing ul li i{font-size:20px;line-height: 1.3;color:var(--white);margin:0;padding:0;}
.why_us .why_us_content h4{display:block;width:100%;font-family:"Inter", Sans-serif;font-size:30px;font-weight:600;line-height:1.2;text-transform:capitalize;color:var(--white);margin: 0;padding: 0;}

.our_process{display:block;width:100%;margin:0;padding:80px 0;}
.our_process .headtitle{display:block;width:100%;text-align:center;padding:0px 0 20px;margin-bottom:20px;position:relative;font-family: "Inter", Sans-serif; font-size: 42px;font-weight: 800;text-transform: capitalize;line-height: 1.2em;color:var(--text-color);}
.our_process .headtitle::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:100px;
height:4px;background-color:var(--main_color);}
.our_process .process-box{display: block;width: 100%;margin:20px 0 0;padding:40px 40px;box-shadow:rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.our_process .process-box .process-step{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:20px;padding:20px 20px 20px 20px;border-right:1px solid var(--main_color);min-width:220px;}
.our_process .process-box .process-step h5{display: block;width:100%;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;line-height:1.3;color:var(--text-color);margin: 0;padding: 0;}

.trusted_clients{display:block;width:100%;background-color:var(--section_bg);padding:80px 0px;margin: 0;}
.trusted_clients .headtitle{display:block;width:100%;text-align:center;padding:0px 0 20px;margin-bottom:20px;position:relative;font-family: "Inter", Sans-serif; font-size: 42px;font-weight: 800;text-transform: capitalize;line-height: 1.2em;color:var(--text-color);}
.trusted_clients .headtitle::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:100px;
height:4px;background-color:var(--main_color);}
.trusted_clients .autoplay{display:block;width:100%;margin:10px 0 0;padding: 0;}
.trusted_clients .autoplay .client-card {background: var(--white); padding: 0px 25px; margin: 10px; height: 135px; display: flex; align-items: center; justify-content: center; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;}
.trusted_clients .autoplay .client-card img {max-width: 100%; max-height: 80px; object-fit: contain;}

.experiences{display:block;width:100%;margin:0;padding:80px 0;}
.experiences .headtitle{display:block;width:100%;text-align:center;padding:0px 0 20px;margin-bottom:20px;position:relative;font-family: "Inter", Sans-serif; font-size: 42px;font-weight: 800;text-transform: capitalize;line-height: 1.2em;color:var(--text-color);}
.experiences .headtitle::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:100px;
height:4px;background-color:var(--main_color);}
.experiences .counter_box{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;width:100%;margin:20px 0 0 0;padding:40px 20px;background-color:#FFFFFF;border: none;box-shadow:rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.experiences .counter_num{color:var(--text-color);font-family: "Inter", Sans-serif;font-size:70px;font-weight:700;line-height:1;}
.experiences .counter_num .suffix{font-family:"Inter", Sans-serif;font-size:70px;font-weight:700;line-height:1;color:var(--main_color);}
.experiences .counter_label{color:var(--text-color);font-family: "Inter", Sans-serif;font-size: 22px;font-weight: 800;line-height:1;}

/* How we work page */

.how_work{display: block;width: 100%;margin: 0;padding:80px 0 0 0;}
.how_work .headtitle{display:block;width:100%;text-align:center;padding:0px 0 20px;margin-bottom:60px;position:relative;font-family: "Inter", Sans-serif; font-size: 42px;font-weight: 800;text-transform: capitalize;line-height: 1.2em;color:var(--text-color);}
.how_work .headtitle::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:100px;
height:4px;background-color:var(--main_color);}
.how_work .transform{display: block;width: 100%;padding:40px 40px;margin:0 0 60px;text-align:center;background-color:var(--section_bg)}
.how_work h2{display:block;width:100%;text-align:center;font-size:32px;font-weight:600;color:var(--text-color);line-height:1.2;margin-bottom:20px;}
.how_work p{display: block;width:100%;text-align:center;font-size:18px;font-weight:400;line-height: 24px;color:#212529;}

.how_work .step_box{display:flex;justify-content:space-between;align-items:stretch;gap:20px;width:100%;margin:0;padding:0;height:100%;}
.how_work .step_box .step_status{display:flex;justify-content:space-around;align-items:center;flex-direction:column;background-color:#000;padding:10px 10px;flex:0 0 130px;}
.how_work .step_box .step_status .arrow_icon{width:100%;max-width:100%;height:auto;margin: 0;}
.how_work .step_box .step_status .step_count{display:flex;justify-content:center;align-items:center;width: 100%;margin: 0;padding:0;gap:0;}
.how_work .step_box .step_status .step_count span{display:inline;width:auto;margin: 0;padding: 0;font-size:64px;font-weight:600;color:#FFF;line-height:1;}
.how_work .step_box .step_content{display:flex;justify-content:space-between;align-items:center;width: 100%;margin: 0;padding:0 0;flex:1;}
.how_work .step_box .step_content img.step_image{width:350px;max-width:100%;height:auto;flex:0 0 350px;}
.how_work .step_box .step_content .content_wrapper{display:flex;flex-direction:column;justify-content:center;height:100%;}
.how_work .step_box .step_content .content_wrapper .step_title{font-size:26px;font-weight:700;margin-bottom:20px;color:#212529;line-height:1.3;}
.how_work .step_box .step_content .content_wrapper .step_description{display:block;width:100%;font-size:16px;font-weight:400;line-height:22.4px;color:#161519;margin-bottom: 0;text-align:left;}
.form_upload_group{max-width:100%;margin:0 auto;}
.form_upload_group .file-upload-wrapper{ display: flex; align-items: stretch; border:1px solid var(--main_color); background-color: #fff;overflow: hidden;position:relative;}
.form_upload_group .upload{display:inline-flex;justify-content:center;align-items:center;background-color:var(--main_color);color:#FFF;padding:12px 12px;font-size:14px;font-weight: 600;line-height:1;cursor:pointer;transition:background-color 0.3s ease; flex-shrink: 0; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease;}
.form_upload_group .upload:hover{background-color:#8a1929;}
.form_upload_group .upload:active {background-color:var(--main_color);}
.form_upload_group .file-name{flex: 1;padding:6px 12px;font-size: 14px;color: #666;background-color: #fff;display: flex;align-items: center;}
.form_upload_group input[type="file"] {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}

/* How we work page */

.footer_form{display:block;width:100%;margin:0;padding:80px 0;position:relative;}
.footer_form::before{content:"";background-image:url("../images/banner-bg-left.png");background-repeat:no-repeat;
background-position:top left;background-size:contain;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:0.5;}
.footer_form::after{content:"";background-image:url("../images/background-img.png");background-repeat:no-repeat;background-position:right bottom;background-size:contain;position:absolute;right:0;bottom:0;width:100%;height:438px;z-index:-1;opacity:0.5;}
.footer_form h3{display:block;width:100%;margin:0 0 20px;padding:0 0 30px 0;font-size:30px;color:var(--text-color);font-weight:600;line-height:1.2;}
.footer_form .reason-card{display:flex;justify-content:center;align-items:center;gap:20px;flex-direction:column;width:100%;margin:0;background-color:var(--white);border-radius:0px;padding:20px 20px;text-align: center;box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px;height: 100%;}
.footer_form .reason-card p{display:block;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.3;color:var(--text-color);margin: 0;padding: 0;}
.footer_form .reason_box{display:flex;align-items:center;justify-content:center;max-width:60px;width: 60px;min-height:60px;height:60px;box-shadow:0px 4px 15px 4px rgba(17.999999999999996, 25.999999999999993, 31, 0.2);padding:10px 10px;line-height:0;}
.footer_form .reason_box img{width:50px;height:auto;box-shadow:none;}
.footer_form .quote_box{display:block;width:100%;margin:0;padding:40px 40px;background-color:var(--section_bg);box-shadow:none;border:0;}
.footer_form .quote_box h4{display:block;width:100%;text-align:center;color:var(--text-color);margin-bottom:20px;padding:0;font-size:30px;font-weight:600;line-height:1.2;}
.footer_form .quote_box .form_group{display:block;width:100%;margin:0 0 20px;padding:0;}
.footer_form .quote_box .form_group .form_label{display:flex;font-size: 14px;font-weight: 600;line-height: 1;margin-bottom: 10px;padding: 0;color:var(--text-color);}
.footer_form .quote_box .form_group .form_label .required{display:inline;font-size: 14px;font-weight: 600;line-height: 1;margin-bottom: 10px;padding: 0;color:var(--main_color);}

.footer{display:block;width:100%;background-color:#1c1c1c;color: var(--white);padding:60px 0px 0;}
.footer .footer_top{display:block;width:100%;margin:0;padding:0 0 30px;}
.footer .footer_links{display:block;width: 100%;margin: 0;padding: 0;}
.footer .footer_links h5{display:block;color:var(--section_bg);margin-bottom:20px;font-size:22px;line-height:35px;}
.footer .footer_links ul{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;list-style:none;margin:0px !important;padding: 0;}
.footer .footer_links ul li{line-height:1;padding:0;}
.footer .footer_links ul li a{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;color:#B4B4B4;line-height:1.5;font-size:14px;}
.footer .footer_links ul li a:hover{color:var(--white);transition:all .2s linear;text-decoration:none;}
.footer .footer_links ul li img {width: 20px;}
.footer .social_info{display: block;width:100%;padding:0 0;margin:20px 0 0;}
.footer .social_info ul.social{display:flex;align-items:center;justify-content:flex-start;gap:20px;padding:0;margin:0;}
.footer .social_info ul.social li{list-style: none;padding-bottom: 0;}
.footer .social_info ul.social li a{display: inline-flex;align-items:center;justify-content:flex-start;gap:20px;}
.footer .social_info ul.social li a img{width:20px;height: 20px;}
.footer .border_top{border-top:1px solid #404040;}
.footer .copyright{display: block;width: 100%;text-align:center;margin: 0;padding:20px 0 20px;}
.footer .copyright p{display:block;width:100%;margin:0 auto;padding:0;text-align:center;color:#b4b4b4;}

.mainservices{display: block;width: 100%;margin: 0;padding:80px 0 0 0;}
.mainservices .headtitle{display:block;width:100%;text-align:center;padding:0px 0 20px;margin-bottom:20px;position:relative;font-family: "Inter", Sans-serif; font-size: 42px;font-weight: 800;text-transform: capitalize;line-height: 1.2em;color:var(--text-color);}
.mainservices .headtitle::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:100px;
height:4px;background-color:var(--main_color);}
.mainservices .comman_section{display: block;width: 100%;margin: 0;padding:40px 0 40px 0;}
.mainservices .bg-color{background-color: var(--section_bg);}
.mainservices .comman_section .button{margin-top:20px;}
.mainservices .comman_section p{display:block;width:100%;margin: 0;padding: 0;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 5;-webkit-box-orient: vertical;font-size: 18px;font-family: "Inter", Sans-serif;font-size: 18px;font-weight: 400;line-height: 1.6em;color:var(--text-color);}
.mainservices .backend-img img {border-radius:20px;}

.quote-section {background-color: var(--white); padding: 40px 0 60px 0;}
.quote-line {position: relative;}
.quote-text { font-size: 30px;font-weight: 600;color: #212529;padding: 0 1.5rem;max-width: 100%;line-height: 1.6;flex: 1;}
.quote-icon {font-size: 4rem;color: #8B0015;line-height: 0;}
.quote-icon-right{font-size: 4rem;color: #8B0015;line-height: 0;position: absolute;bottom: 0;right: 0;}
.left-quote {margin-right: 10px;}
.right-quote {margin-left: 10px;}
.btn-quote {background-color: #8B0015;color: var(--white);font-weight: 600;padding: 0.5rem 1.5rem;border-radius: 0;text-transform: uppercase;font-size: 0.875rem;letter-spacing: 0.5px;border: none;}
.btn-quote:hover {background-color: #a31525;color: var(--white);}

.mainservices img {position:sticky;top:0;}
.mainservices h2 {font-size: 40px; font-weight: 600; color: var(--main_color); padding-bottom: 20px;}
.mainservices .main_service_title {font-size: 42px; font-weight: 800; text-transform: capitalize; color: #000000; text-align: center; padding-top: 95px; padding-bottom: 20px; position: relative;}
.mainservices b {font-weight: 700;}
.mainservices .container .img-radius {border-radius: 50% 50% 50% 50%;}
.mainservices button {margin-top: 10px; text-decoration: none; text-transform: uppercase; text-align: center; border: none; border-radius: 0; color: var(--white); background-color: var(--main_color); padding: 8px 25px; cursor: pointer; transition: all 0.3s ease;}
.mainservices button:hover {transform: scale(0.95);}
.mainservices button a {color: var(--white); font-size: 14px; font-weight: 600;}
.mainservices button a:hover {color: var(--white); text-decoration: none;}
.mainservices-content {width: 100%; padding-bottom: 80px;}
.mainservices .react-content{background: linear-gradient(180deg, var(--white) 0%, var(--section_bg) 100%);}
.mainservices .wp-service {padding-bottom: 80px;}
.mainservices .wordpress img {display: flex; border-radius: 20px; height: auto;}
.mainservices .wordpress-content h2 {font-weight: 600; color: #000000;}
.mainservices .wordpress-content p {display: block;}
.mainservices .wordpress-content b {font-weight: 700;}

.main_service_para {font-size: 18px; font-weight: 400; margin-bottom: 4px; line-height: 1.6em;}
.card-body {padding: 2rem 0;}
.frontend-services {display: block; margin: 0%; line-height: 1.6em;}
.frontend-services img {position: sticky;}
.grad-color {background: linear-gradient(180deg, var(--white) 0%, var(--section_bg) 100%);}
.frontend-services-content {width: 100%; background-color: #eeeeee; padding-bottom: 80px;}
.development {display: block; padding-top: 80px;}
.development h3 {font-size: 30px; font-weight: 600; color: var(--main_color); margin-bottom: 30px;}
.development p{margin-bottom:20px;}
.development ul{padding: 0;}
.development ul li span {font-size: 18px; line-height: 2;}
.development ul li span strong {font-weight: 800;}
.development .list ul li {padding-bottom: 10px;}
.development .list-other ul li {padding-bottom: 10px;}
.list-other{display: block;width: 100%;position:sticky;top: 0;}
.list-other ul li a {font-size: 20px; font-weight: 600; position: relative; display: block; padding: 10px 20px; color: #000000; text-decoration: none;}
.list-other li a::after {content: ""; position: absolute; top: 0; left: 0; background-color: var(--main_color); width: 5px; height: 45px;}
.list-other li a:hover, .list-other ul li a.active {color: var(--main_color);}
.related-projects {display: block;padding-top: 10px;}
.related-projects h2{display:block;width:100%;text-align:left !important;font-size:28px;font-weight:600;line-height:1.2;color:#151619;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;padding:0;margin-bottom:20px;}
.project-details {display: block; width: 100%; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); padding: 20px;}
.projectimg img {border-radius: 0;}
.project-data a i {background-color: var(--main_color); color: var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 12px;}
.project-details h3{display:block;font-size:18px;font-weight:600;line-height:1.2;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;padding:0;margin:0 0 10px 0;}
.project-details p{display:block;font-size:14px;line-height:1.5;color: var(--text-color); font-weight:400;padding:0px;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:20px;min-height:63px;}
.titles {display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:10px;margin-bottom:20px;flex-wrap:wrap;min-height: 66px;}
.htmltitle {background-color: #574E50; padding: 05px 10px; width: max-content;}
.htmltitle span{display: block;font-size:12px;font-weight:500;color:var(--white);padding-bottom: 0;}
.project-details button{margin-top:0px;}
.faq .accordion button:hover {transform: none;}
.faq {padding:50px 0 80px 0;}
.faq img {border-radius: 0;}
.faq .accordion-item {border: none;}
.faq .accordion-button {padding: 13px 30px 13px 30px; background-color: var(--white); color: #000000; font-weight: 700; font-size: 16px; border: solid var(--main_color) 1px; text-transform: none; margin-top: 10px; text-align: left; border-radius: 0 !important;}
.faq .accordion-body {background-color: var(--white); color: #000000; font-size: 16px; border: solid var(--main_color) 1px; border-top: 0;}
.faq .accordion h2 {padding: 0%;}
.faq .accordion-button:focus {box-shadow: none;}
.faq .accordion-button:hover {color: var(--main_color);}
.faq .accordion-button::after {background-image: url(../images/Vector.svg);}
.faq .accordion-button:not(.collapsed)::after {transform: rotate(-50%);}
.ourwork h2 {text-align: center; padding-bottom: 50px;}
.ourwork-details {display: block; background-color: #eeeeee; padding: 40px;}
.ourprojects {display: block; margin-top: 40px; margin-bottom: 40px; height: 100%;}
.projectimg {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: relative; margin:0 0 20px 0;padding:0 0;}
.projectimg img {padding: 0 !important; position: relative; display: flex; justify-content: center; align-items: center;}
.projectimg .ribbon {display: flex; justify-content: center; align-items: center; position: absolute; top: 0px; left: 0px;}
.projectimg .ribbon2 {position: absolute; top: 0px; right: 0px;}
.projectimg .project_name {display: flex; justify-content: center; align-items: center; position: relative; font-weight: 600; display: block; width: auto; margin: 0; padding: 0; font-size: 18px; color: #000; line-height: 1.4;}
.projectimg .project_name::after {position: absolute;top:29px;left:7px; content: attr(data-title); font-weight: 600; display: block; width: 100%;margin: 0; padding: 0; font-size: 15px; color: var(--white); line-height: 1.4; transform: rotate(-48deg); letter-spacing: 0.6px;}
.projectimg .project_name2 {display: flex; justify-content: center; align-items: center; position: relative; font-weight: 600; display: block; width: auto; margin: 0; padding: 0; font-size: 18px; color: #000; line-height: 1.4;}
.projectimg .project_name2::after {position: absolute; top: 60px; right: 14px; content: attr(data-title); font-weight: 600; display: block; width: auto; margin: 0; padding: 0; font-size: 15px; color: var(--white); line-height: 1.4; transform: rotate(47deg); letter-spacing: 0.6px;text-transform:capitalize;}
.webproducts2 .ribbon2 {position: absolute; top: -10px; right: -11px;}
.ourprojects .chatdocx {position: relative;}
.ourprojects .nutrify {position: relative;}
.ourprojects .chatdocx {background: linear-gradient(80.65deg, #BACCE9 -0.38%, #BDDDEC 33.06%, #BFE6EE 49.77%, #E6F2F2 66.49%); background-size: 70%; position: relative; transform: rotate(0deg); background-repeat: no-repeat;}
.data {display:block;width:100%;border: solid 2px #195190;backdrop-filter: blur(20px); padding:30px 50px;height: 100%;}
.project-content-nutrify{border: solid 2px #4B8C4B;}
.data h2 {color: #000000; font-weight: 600; font-size: 36px;}
.data h5 {color: #000000; font-weight: 500; font-size: 20px; padding-bottom: 20px;}
.data p {display: block; padding-bottom: 20px;}
.chatdocx-btn button {background-color: #05204a;}
.nutrify-btn button {background-color: #b0ffb8;}
.nutrify-btn button a {color: var(--text-color);}
.nutrify-btn button a:hover {color: var(--text-color);}
.ourprojects .nutrify {background: linear-gradient(80.65deg, #BACCE9 -0.38%, #BDDDEC 33.06%, #BFE6EE 49.77%, #E6F2F2 66.49%); position: relative; top: 0px; right: 0; background: linear-gradient(80.65deg, #f6fbf6, #ebf5eb 50%, #e6f1e6 75%, #e1eee0); background-size: 70%; transform: rotate(0deg); background-repeat: no-repeat; background-position: right;}
.webproducts {display: block; margin-top: 40px; margin-bottom: 40px; height: 100%;}
.greybg {background-image: url(../images/wp-bg-grey.webp); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative;}
.web-data {display: block; padding-left: 50px; padding-right: 50px; padding-top: 30px; padding-bottom: 30px; flex-direction: column;}
.web-data h2 {color: #000000; font-weight: 600; font-size: 36px;}
.web-data h5 {color: #000000; font-weight: 500; font-size: 20px; padding-bottom: 20px;}
.web-data p {display: block; padding-bottom: 20px;}
.webproducts2 {display: block; margin-top: 40px; margin-bottom: 40px; height: 100%;}
.redbg {background-image: url(../images/wp-bg-red.webp); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative;}
.number .pagination .page-link {display: flex; align-items: center; justify-content: center; padding: 10px 10px; margin: 0; border: 1px solid #ddd; border-radius: 5px; text-decoration: none; width: 36px; height: 36px; outline: none; font-size: 18px; font-weight: 600; line-height: 1.2; cursor: pointer;}
.number .page-item {display: flex; gap: 10px;}
.number .pagination .page-link {color: #000000; font-weight: 600;}
.number .pagination .active {background-color: var(--main_color); color: var(--white); font-weight: 900;}
.number .pagination .page-link:hover {background-color: var(--main_color); color: var(--white); font-weight: 900;}
.project-pro {display: contents; width: 100%;}
.php-development {display: block; padding-bottom: 80px;}
.php-img img {border-radius: 0px;}
.php-development p {display: block; font-size: 18px;}
.why-php {display: block; background-color: #eeeeee; padding: 40px 40px 40px 40px;}
.why-php h2 {color: #000000; font-size: 42px; font-weight: 800;}
.php-content {position: relative;}
.php-content h2::after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; width: 100px; height: 4px; background-color: var(--main_color);}
.php-p {width: 50%;}
.p-data {width: 40%; display: block;}
.php-p p {padding-top: 20px; display: block;}
.full-container {display: block; background-color: var(--white); padding: 20px; min-height: 200px;}
.gif-img img {width: 30px; height: 30px; border-radius: 0px;}
.full-container .head-line h2 {font-size: 22px; color: var(--main_color); padding-top: 10px; padding-bottom: 10px;}
.full-container .head-line a {color: var(--main_color);}
.head-line p {display: block;}
.tags {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px;}
.tagname p {padding: 5px 10px 5px 10px; background-color: #574E50; color: var(--white); width: 100%;}
.custom {background-color: var(--main_color); color: var(--white);}
.custom {background-color: var(--main_color); color: var(--white); padding: 30px;}
.custom h5, .custom2 h5 {font-weight: 600; font-size: 22px; padding-bottom: 15px;}
.custom ul, .custom2 ul{padding: 0;}
.custom p,.custom ul li, .custom2 ul li, .custom2 p {font-size: 14px; padding-bottom: 10px;}
.custom ul li span strong, .custom2 ul li span strong {font-weight: 700;}
.custom ul li span, .custom2 ul li span{position:relative;padding-left:14px;}
.custom ul li span::after {content: ''; position: absolute;top:7px;left:0; transform: translateX(-50%); display: block; width: 8px; height: 8px; background-color: var(--white); border-radius: 100%;}
.custom2 {border: #000000 solid 2px; padding: 30px;background-color: #FFFFFF;}
.custom2 ul li span::after{content: '';position:absolute;top:7px;left:4px; transform:translateX(-50%);display:block;width:8px;height:8px;background-color: #000000; border-radius: 100%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }
/* .custom, .custom2 {min-height: 423px;} */
.other-services {position: sticky; top: 100px;}
.other-services h3 {color: var(--main_color); font-size: 30px; font-weight: 600; padding-bottom: 20px;}
.other-services .other-list ul li {padding-bottom: 15px;}
.other-services ul{padding: 0;}
.project-data a i:hover {background-color: #000000;}
.other-services ul li a {font-size: 20px; font-weight: 600; position: relative; display: block; padding: 10px 20px; color: #000000; text-decoration: none;}
.other-services li a::after {content: ""; position: absolute; top: 0; left: 0; background-color: var(--main_color); width: 5px; height: 45px;}
.other-services li a:hover, .other-services ul li a.active {color: var(--main_color);}
.why-choose-section {background-image: url("../images/subtle-white-feathers.webp"); position: relative;}
.bg-maroon {background-color: #800000;}
.why-choose {display: block; position: relative; margin-bottom: 30px;}
.why-choose h3 {font-size: 26px; font-weight: 600; padding-bottom: 10px;}
.divide {width: 100%; border: #000000 solid 1px;}
.why-numeric {position: absolute; right: 0; bottom: -30px;}
.why-numeric span {font-size: 100px; font-weight: 600; color: #1615190f;}
.why-choose-2 {margin: 0;}
.whychoose-img {position: sticky; top: 100px; display: flex;}
.transflo {background-image: linear-gradient(90deg, #8801FF 0%, #000000 100%);}
.bmi {background-color: #7B9B9B;}
.transflo-details, .bmi-details {min-height: 690px;}
.bottom-line {font-weight: 900; font-size: 12px; line-height: 18px; margin-top: 40px; text-align: center;}
.main_contact{padding:80px 0}
.contact {display: block; position: relative;}
.contact::after{position: absolute; content: ''; background-image: url("../images/contact-bg.svg"); background-repeat: no-repeat; background-position: right bottom ; background-size: 100%; bottom: -16px; right: 40px; width: 300px; height: 100%; z-index: -1;}
.contact-form {padding: 40px; background-color: #eee; min-height: 590px;}

.pagination_bar{display: block;width: 100%;margin: 0 0 40px;}
.pagination_bar .pagination{justify-content: center;}
.pagination_bar .pagination .page-item{padding:0 0;margin:0 4px;line-height:1;width: 30px;height: 30px; }
.pagination_bar .pagination .page-link{color: #000;background-color:#fff;border: 1px solid #dee2e6; margin:0;display:flex;justify-content:center;align-items:center;padding:10px 10px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;line-height:1;font-size: 16px;width:32px;height: 32px;}
.pagination_bar .pagination .page-item.active .page-link {background-color: #8B1C2B !important;border-color: #8B1C2B !important;color: #fff !important;font-weight: bold;box-shadow: none !important;}
.pagination_bar .pagination .page-link:hover,
.pagination_bar .pagination .page-link:active,
.pagination_bar .pagination .page-link:focus{background-color:#f0f0f0;color: #000;box-shadow: none;outline: none;}

.contact-form h2 {font-size: 28px; font-weight: 800; color: #000000; line-height: 1em;}
.contact-form .asterisk{color: #9b1b34;}
.contact .form-part{padding-bottom: 255px;}
.contact .form-label {font-weight: 600; font-size: 15px;}
.col-half {width: 50%; max-width: 100%;}
.contact textarea {width: 100%; border: 1px solid var(--main_color); border-radius: 0px; height: auto;}
.contact input {width: 100%; border: 1px solid var(--main_color); border-radius: 0px;}
.contact .form-control:focus {box-shadow: none; border: #000000 solid 1px;}
.contact-btn button {width: 100%;}
.con-data {background-color: #000000; padding: 40px; margin-bottom: 50px;}
.con-data h2 {font-size: 28px; font-weight: 800; line-height: 1em; color: var(--section_bg);}
.con-data span {font-size: 16px; font-weight: 400; line-height: 1.4em; color: #B4B4B4;}
.con-icon {display: flex; margin-bottom: 20px;}
.con-icon i, .con-social i {color: var(--main_color); margin-right: 20px;}
.con-icon a {color: #000000; font-size: 14px; font-weight: 500; line-height: 1.5;}
.con-icon a:hover {color: var(--main_color);}
.con-social {margin-top: 50px;}
.con-social h2 {font-size: 24px; font-weight: 800; line-height: 1em; color: #000000;}
.map {background-color: #eee; padding-top: 40px; padding-bottom: 40px;}
iframe {border-radius: 20px; width: 100%;}
.ast-row {margin-bottom: 80px; margin-top: 40px;}
.blogs {background-color: #eee; padding:80px 0}
.blog-details {background-color: var(--white); margin-bottom: 28px;}
.blog-text {padding: 21px;}
.blog-text p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-bottom: 20px; white-space: normal;}
.blog-details .blog-text h2 {font-size: 18px;}
.blog-details .blog-text h2 a {font-weight: 600; color: #000000;}
.blog-details .blog-text h2 a:hover {color: var(--main_color);}
.blog-details .readmore a {color: var(--main_color);}
.blog-details .readmore a:hover {color: #B4B4B4;}
.blog-img {text-align: center;}
.blog-details .blog-img img {border-radius: 0px !important; width: 100%; opacity: 1; display: block; transition: .5s ease; backface-visibility: hidden; object-fit: inherit;}
.blog-details .blog-img img:hover {transform: scale(1.05); opacity: 0.8;}
.recent-post {display: block; padding: 36px; background-color: var(--white); margin-top: 80px; margin-bottom: 80px; position: sticky; top: 100px;}
.recent-post h2 {font-size: 1.7rem; color: #000000; font-weight: 800; margin-bottom: 20px;}
.recent-post ul{padding: 0;;}
.recent-post ul li {position: relative; padding-left: 20px; margin-bottom: 25px; padding-bottom: 0;}
.recent-post ul li a {font-size: 14px; line-height: 1; margin-bottom: 0; color: #000000;}
.recent-post ul li::before {content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 4px; background: var(--main_color);}
.bg-row {background-color: var(--white); padding: 40px; margin-top: 80px; margin-bottom: 80px;}
.bg-row h1 {font-size: 24px !important; font-weight: 600; color: #000000; text-align: left; padding: 0;}
.bg-row h1::after {content: none;}
.bg-row img {width: 100%; height: 400px; margin-bottom: 28px;}
.bg-text p {margin-bottom: 1.6em; font-size: 14px; font-weight: 400; line-height: 1.85714285714286;}
.bg-text p a {color: var(--main_color);}
.bg-text p b {font-weight: 700;}
.prenext-btn {display: flex;}
.bg-row .pre-btn a, .next-btn a {color: var(--main_color);}
.next-btn {text-align: right;}

.wordpress-data {background-color: #eee; padding-top: 10px; padding-bottom: 40px;}
.wp-theme {flex-wrap: wrap; background-color: var(--white); padding-top: 40px; padding-bottom: 60px; padding-left: 20px; padding-right: 20px; position: relative; height: 245px;}
.wp-theme h2 {font-size: 22px; font-weight: 700; padding: 0;}
.wp-theme p {display: block; font-size: 14px; line-height: normal;}
.wp-number {position: absolute; bottom: 0; right: 0;}
.wpline {border: #000000 solid 1px; margin-top: 10px; margin-bottom: 10px;}
.wp-number h2 {font-size: 100px; font-weight: 600; color: #CB0B320D;}
.why-cumulative img {border-radius: 0;}
.php-text a, .flutter-content a {color: var(--main_color);}
.mob-ios {padding-bottom: 20px;}
.ios-content .ios-img img {border-radius: 0;}
.ios-content h3 {font-weight: 600; font-size: 30px; line-height: 36px; padding-bottom: 20px;}
.ios-content p {font-size: 18px; display: block;}
.project-show {background-color: #eee; padding-bottom: 40px; padding-top: 40px; margin-top: 80px;}
.project-show h1 {padding-top: 0;}
.showcase-details {padding: 40px; background-color: #dddddd;}
.showcase-details h3 {font-size: 30px; font-weight: 600; text-align: center;}
.project-show .card {display: block; padding: 20px; margin-top: 20px;}
.project-show .card p {display: block;}
.project-show .card .image-box {display: flex;gap:20px;justify-content:flex-start;}
.project-show .card .image-box img { border-radius:0; margin:0px; position:unset; max-width:45px; max-height: 45px; height:auto;}
.project-show .card .data-box h5 {color: var(--main_color); font-size: 20px; font-weight: 600; margin-bottom: 10px;}
.project-show .card .data-box p {font-size: 14px; font-weight: 400; line-height: 18px; color: var(--text-color);}
.de {display: flex; flex-direction: column; justify-content: center;}
.ios .title {width: 70%; margin: auto;}
.ios-1, .ios-2 {min-height: 370px;}
.cumulative-app {background-color: #000000; padding: 30px; text-align: center; color: var(--white);}
.android-title {width: 100%; text-align: center; padding-bottom: 20px;}
.ai-data {display: flex; margin-bottom: 40px;flex-wrap: wrap;}
.ai-data img {border-radius: 0;}
.ai-data p {font-size: 18px;}
.api-development{padding-bottom: 40px;}
.how-ai {background-color: #eee; padding-top: 40px; padding-bottom: 40px;}
.how-ai .title {padding-bottom: 40px;}
.how-ai .title h1 {padding-top: 0; margin-bottom: 15px;}
.how-ai .title p {text-align: center; width: 59%; margin: auto;}
.how-ai .title p a {color: var(--main_color);}
.ai-development {display: flex; flex-wrap: wrap;}
.card-ai {padding: 40px; position: relative; margin-bottom: 20px; min-height: 200px; max-height: 100%;}
.number-ai {position: absolute; padding: 10px 14px 10px 14px; background-color: #000000; top: 10px; right: 10px;}
.number-ai p {font-weight: 900; color: var(--white);}
.card-ai-details h4 {margin-bottom: 10px; color: var(--main_color); font-weight: 600; font-size: 26px;}
.card-ai2 {width: 50%; margin: auto;}
.text-editor {width: 40%; margin: auto; padding-top: 20px; text-align: center;}
.nutrition-project {background-color: transparent; background-image: linear-gradient(90deg, #FF841C 0%, #B0FFB8 100%);}
.chat-docx {background-color: transparent; background-image: linear-gradient(90deg, #05204A 0%, #04A9AE 100%);}
.ainutrify-project, .aichat-project {min-height: auto;}
.chatgpt {row-gap: 20px;}
.chatgpt-data {min-height:270px;}
.chatgpt-data ul{padding:0px;margin: 0;}
.laravel-custom ul{padding: 5px;margin: 0;}
.laravel-custom{min-height: 415px;}
.otherservices {margin-bottom: 80px;}
.other-data p {display: block; font-size: 18px;}
.other-img {display: flex; margin: auto;}
.other-img img {border-radius: 40px;}
.other-details {display: flex; align-items: center;}
.api-content {display: flex; flex-wrap: wrap; justify-content: center; row-gap: 20px;}
.api-services {background-color: var(--white); padding: 20px; height: 220px;}
.api-services h2 {font-size: 22px;}
.api-services p {font-size: 20px;}
.api-number p {background-color: #000000; color: var(--white); padding: 10px 14px 10px 14px; font-weight: 900; width: fit-content; margin-bottom: 10px; font-size: 14px;}
.api-services p a {color: var(--main_color);}
.api-services-2 {margin: auto;}
.fuct {display: flex; align-items: center; background-color: var(--white); padding: 10px; border: solid 2px black; margin-bottom: 20px;}
.fuct-num p {background-color: #000000; color: var(--white); padding: 10px 14px 10px 14px; font-weight: 900; width: fit-content; margin-right: 20px;}
.fuct h5 {font-size: 22px; font-weight: 600;}
.fuct-p {margin-bottom: 40px;}
.related-service h3 {text-align: center; font-size: 30px; font-weight: 600; padding-bottom: 30px;}
.apps-otherservice {display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; text-align: center; width: 80%; margin: auto;}
.apps-otherservice .otherservice-name {background-color: var(--main_color); padding: 5px 10px 5px 10px;}
.apps-otherservice .otherservice-name:hover {background-color: #000000; transition: all 0.3s ease;}
.apps-otherservice .otherservice-name.active {background-color: #000000;}
.apps-otherservice .otherservice-name span a {font-size: 16px; font-weight: 600; color: var(--white);}
.cicd-service {margin-top: 40px;}
.ci-cd {background-color:var(--white);padding: 30px; box-shadow: 0px 1px 16px 8px rgba(17, 17, 26, 0.1);height:318px;}
.ci-cd h2 {color: var(--main_color); font-weight: 700; font-size: 22px; text-align: left;}
.ci-cd-content {display: flex; gap: 10px; text-align: left;}
.cicd-faq li {position: relative; padding-left: 15px;}
.cicd-faq li::after {position: absolute; content: ""; top: 9px; left: 0; width: 5px; height: 5px; background-color: #000000; border-radius: 100%; transform: translateX(-50%);}
.cicd-line {text-align: center; font-size: 12px; margin-top: 40px; line-height: normal;}
.top-logo {display: flex; justify-content: center; flex-direction: row; gap: 20px; margin-bottom: 70px;}
.other-logo {display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 20px; border: solid 2px black; width: 100%;}
.host-logo {display: flex; gap: 20px; justify-content: center; flex-direction: row;}
.widely-logo {display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: var(--white); box-shadow: 0px 1px 16px 8px rgba(17, 17, 26, 0.1); padding: 30px; width: 100%;}
.laravel-container {height: 230px;}
.laravel-details, .code-details {min-height: auto;}
.node-details {min-height: 652px;}
.node-custom {min-height: 449px;}
.benefits-node {position: relative; min-height: 210px; text-align: left;}
.benefits-node h3 {font-size: 22px; font-weight: 600; color: var(--text-color); margin-bottom: 10px;}
.benefits-node .divide {border: solid 1px #000000;}
.node-number {position: absolute; right: 0px; bottom: 0px;}
.node-number span {font-size: 100px; font-weight: 600; color: #1615190f;}
.e-commerce {padding: 30px; background-color: #000000; color: var(--white); text-align: left;}
.e-commerce h5 {padding-bottom: 20px; font-weight: 600; font-size: 22px;}
.e-commerce p {font-size: 14px; padding-bottom: 20px;}
.project-line p {position: relative; padding-left: 15px;}
.project-line p::after {content: ""; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; background-color: var(--white); border-radius: 100%;}
.development-use {margin-bottom: 20px;}
.maintain {background-color: var(--main_color); color: var(--white); padding: 40px; text-align: left;}
.maintain img, .maintain2 img {display: block; margin: 0; padding-top: 10px; position: unset;}
.maintain h5 {font-size: 22px; font-weight: 600; margin-bottom: 20px;}
.maintain2 {background-color: var(--white); color: #000000; padding: 40px;}
.maintain2 h5 {font-size: 22px; font-weight: 600; margin-bottom: 20px;}
.app-data {height: 494px;}
.app-data ul{padding: 0PX;}
.chatdx {background-image: linear-gradient(90deg, #05204A 0%, #04A9AE 100%);}
.seyferry {background-image: linear-gradient(90deg, #E99F00 0%, #001F40 100%);}
.website-content {display: block; padding: 20px; background-color: var(--main_color); text-align: left; color: var(--white); height: 230px;}
.website-content .website-number span {background-color: var(--text-color); padding: 10px 14px 10px 14px; font-weight: 900;}
.website-content h2 {color: var(--white); font-size: 22px !important; font-weight: 700; padding-top: 15px; padding-bottom: 15px;}
.website-content p {font-size: 20px;}
.website-content-white {background-color: var(--white); color: #000000;}
.website-content-white h2 {color: var(--main_color);}
.website-number2 {color: var(--white);}
.website-content-black {background-color: #000000;}
.website-content .website-number3 span {background-color: var(--main_color);}
.service-include {padding: 20px; border: 2px black solid; height: 254px; text-align: left;}
.service-include h2 {font-size: 22px !important; font-weight: 700; color: var(--main_color); padding-bottom: 15px; padding-top: 15px;}
.service-include p {font-size: 20px;}
.service-include .service-number span {background-color: var(--text-color); padding: 10px 14px 10px 14px; font-weight: 900; color: var(--white);}
.how-ai2 .related-service {margin-top: 0;}
.payment-gateway {background-color: var(--white); padding: 20px; height: 375px;}
.payment-img {text-align: left; margin-bottom: 10px;}
.payment-gateway img, .crypto-payment img {border-radius: 0;width:auto;}
.payment-gateway .ci-cd-content, .crypto-payment .ci-cd-content {font-size: 14px;}
.crypto-payment {background-color: #eee; padding: 20px; height: 380px;}

.we-work {padding-top: 80px; padding-bottom: 60px;}

/* sidebar services style */
/* header end  */
/* slider start  */
.custom-slider {position: relative; width: 100%; background-image: url('../images/banner-bg-left.webp'); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.custom-slider .slide {position: absolute; opacity: 0; transition: opacity 1s ease-in-out; width: 100%; display: flex; justify-content: center; align-items: center;}
.custom-slider .slide.active {opacity: 1; position: relative;}
.custom-slider .slide .slide-content {width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0px 30px 40px 55px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
.custom-slider .slide .slide-content .text {flex: 1.3;}
.slider_img {display: block; width: 100%; margin: 0; padding: 0; position: relative; z-index: 1; min-height: 100%;}
.slider_img::before {position: absolute; content: ''; background-image: url("../images/banner-bg-left.webp"); background-repeat: no-repeat; background-position: top left; background-size: contain; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.slider_img::after {position: absolute; content: ''; background-image: url("../images/background-img.webp"); background-repeat: no-repeat; background-position: bottom right; background-size: contain; bottom: 0; right: 0; width: 40%; height: 100%; z-index: -1;}

.custom-slider .slide .slide-content .text h2 {display: block; width: 100%; font-size: 40px; font-weight: 800; line-height: 1.3;}
.custom-slider .slide .slide-content .text h2 strong {color: var(--main_color); font-weight: 800; font-size: 40px; line-height: 1.3; display: block;}
.custom-slider .slide .slide-content .text p {font-size: 20px; color: #444; margin: 20px 0; line-height: 1.6; font-weight: 400;}
.custom-slider .slide .slide-content .text p b {font-weight: 700;}
.hello {background-color: var(--main_color); color: var(--white); padding: 13px 25px 12px; font-weight: 600; text-decoration: none; border-radius: 2px; font-size: 14px; align-items: center; justify-content: space-between; border: none;}
.hello:hover {color: var(--white); transform: scale(0.95); transition: all 0.3s ease;}
.custom-slider .slide .slide-content .text button {background-color: var(--main_color); color: var(--white); padding: 13px 25px 12px; font-weight: 600; text-decoration: none; border-radius: 2px; font-size: 14px; align-items: center; justify-content: space-between; border: none;}
.custom-slider .slide .slide-content .text button:hover {color: var(--white); transform: scale(0.95); transition: all 0.3s ease;}
.custom-slider .slide .slide-content .image {flex: 1; text-align: right;}
.custom-slider .slide .slide-content .image img {max-width: 100%; height: 470px; margin-top: 30px; width: 100%; opacity: 0; transition: opacity 10s ease-in-out;}
.custom-slider .slide.active .image img {opacity: 1;}
.custom-slider .slider-controls {position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%);}
.custom-slider .slider-controls button {background: #000; color: var(--white); border: none; padding: 6px 12px; margin: 0 5px; cursor: pointer; font-size: 20px; border-radius: 4px;}
.text.fade-in-up {opacity: 0; transform: translateY(30px); animation: fadeInUp 2s forwards ease;}
.text.fade-out-down {opacity: 1; transform: translateY(0); animation: fadeOutDown 0.8s forwards ease;}

.section-title {font-family: "Inter", Sans-serif; font-size: 42px; font-weight: 800; text-transform: capitalize; padding: 70px;}



.play-button-box {position: absolute; right: 0; bottom: 0%; top: -75px; transform: translate(50%, 50%); width: 80px; height: 80px; background-color: var(--white); border-radius: 20px; display: flex; justify-content: center; align-items: center; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);}
.play-button {width: 40px; height: 40px; background-color: #111; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; position: relative;}
.play-button i {color: var(--white); font-size: 20px; margin-left: 2px;}
.video-modal {display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.8);}
.video-content {position: relative; margin: 5% auto; width: 80%; max-width: 800px;}
.embed-responsive {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.embed-responsive iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.close {position: fixed; top: 20px; right: 20px; width: 40px; height: 40px; background-color: #000; color: var(--white); font-size: 24px; line-height: 40px; text-align: center; border-radius: 50%; cursor: pointer; z-index: 1050; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); transition: background-color 0.3s ease;}
.close:hover {background-color: #444;}
.section-title {font-size: 2rem; font-weight: bold;}
.underline {width: 80px; height: 3px; background-color: var(--main_color); margin: 10px auto 0;}
.main {background-color: var(--section_bg);}
.expertise-card {background-color: var(--white); box-shadow: 0px 4px 10px rgba(0,0,0,0.1); transition: transform 0.3s ease-in-out;}

.heading h2 {font-weight: bold; font-size: 42px; line-height: 1.2em;}
.expertise-card:hover {transform: translateY(-5px);}
.btn-danger {background-color: var(--main_color); border: none;}
.btn-danger:hover {background-color: var(--main_color);}

.underline {width: 60px; height: 4px; background: var(--main_color);}


.icon-box img {width: 50%; height: 75%; object-fit: contain; border-radius: 50%; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}

.service-card h4 {font-size: 30px; font-weight: 800;}
.icon-box i {max-width: 30px; max-height: 30px; object-fit: contain;}
.btn-custom {display: block; width: max-content; padding: 10px 25px; background-color: var(--main_color); color: var(--white); font-size: 15px; font-weight: bold; text-transform: uppercase; white-space: nowrap; border: none; margin: 15px auto 0 auto; text-align: center;}
.btn-custom:hover {background-color: var(--main_color); color: var(--white);}
.icon-circle {padding:15px;width: 60px; height: 60px; background-color: var(--main_color); color: var(--white); display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 28px;}

.underline {width: 100px; height: 3px; background-color: var(--main_color);}
.process-icon {width: 40px; height: 40px; background-color: var(--main_color); color: var(--white); display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 20px;}
.devider {border-color: var(--main_color) !important;}

.truster-global {background-color: var(--section_bg);}

.title {font-size: 30px; font-weight: 700;}
.list-unstyled {padding: 10px 10px;}
.clients-section {padding: 60px 0; text-align: center;}
.clients-section h2 {font-weight: bold; margin-bottom: 20px;}
.underline {width: 80px; height: 4px; background-color: var(--main_color); margin: 0 auto 40px; border-radius: 2px;}
.carousel-item img {max-height: 120px; margin: auto; object-fit: contain; filter: grayscale(20%); transition: transform 0.3s, filter 0.3s;}
.carousel-item img:hover {transform: scale(1.05); filter: grayscale(0%);}
.underline {width: 100px; height: 3px; background-color: var(--main_color);}


.form {padding: 0% 0px;}

.form-control, .input-group-text, .form-label {border-color:var(--main_color);border-radius:0;}
.form-control:focus {box-shadow: none; border-color: var(--main_color);}
.upload-btn {background-color: var(--main_color); color: var(--white); cursor: pointer;}
.upload-btn:hover {background-color: #7b0b1f;}
.submit-btn {background-color: var(--main_color); color: var(--white); border: none;}
.footer-contact {color: var(--white);}
.footer-details {background-color: black; padding:20px 20px !important;margin: 0;}
.footer-contact a {color: var(--white); text-decoration: none;}
.footer-contact a:hover {text-decoration: underline;}
.custom-close-button {background-color: #000; color: var(--white); border: none; border-radius: 50%; width: 32px; height: 32px; font-size: 20px; line-height: 24px; text-align: center; padding: 0; cursor: pointer;}
.custom-close-button:hover {background-color: #333;}
.modal-footer{padding: 30px 0px 0px 0px !important;}
/* About Section */
.about-section {margin-top: 20px;}
.content-text { padding-top: 40px;}
.about-title {color: var(--main_color);}
.section-title {font-size: 2.5rem;font-weight: 700;text-transform: uppercase; margin-bottom: 20px; color: #000;}
.main-heading { font-size: 62px;line-height: 1.3;font-weight: 800;font-family: "Inter", Sans-serif;color: var(--main_color);padding-left: 100px;margin: 0;padding-top: 20px;padding-bottom: 20px;  text-transform: capitalize;}
.paragraph-block {margin-bottom: 40px;padding: 0% 100px;}
.working-box{width: 220px;}
.title-underline {width: 80px;height: 4px;}
.section-divider { height: 1px; background-color: #d3d3d3; /* Light gray */ width: 100%;}
.icon-container { width: 90px; height: 90px; transition: transform 0.3s ease; display: flex; align-items: center;justify-content: center;margin-top: -90px;}
.icon-container i {font-size: 1.5rem;}
.service-title {font-size: 17px;font-weight: bold;}
.ecommerce-bg {background-color: #a71e34;}
.b2b-bg {background-color: #333;}
.automobile-bg {background-color: #a71e34;}
.healthcare-bg {background-color: #333;}
.sports-bg {background-color: #a71e34;}
.hotel-bg {background-color: #333;}
.education-bg {background-color: #a71e34;}
.travel-bg { background-color: #333;}
.realestate-bg { background-color: #a71e34;}

/* About redesign */
.about_section {padding:80px 0px;}
.about_section .headtitle{display:block;width:100%;text-align:center;padding:0px 0 20px;margin-bottom:20px;position:relative;font-family: "Inter", Sans-serif; font-size: 42px;font-weight: 800;text-transform: capitalize;line-height: 1.2em;color:var(--text-color);}
.about_section .headtitle::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:100px;
height:4px;background-color:var(--main_color);}
.about_section .about_img {position: relative;}
.about_section .about_img .about_us_image {transform: rotate(-2deg);transition: transform 0.5s;}
.about_section .about_img .about_us_image:hover {transform: rotate(0deg) scale(1.05);}
/* Floating Circles inside Image Wrapper */
.about_section .about_img .floating_circle {position: absolute;border-radius: 50%;opacity: 0.15;}
.about_section .about_img .circle-top-left {width: 120px;height: 120px;top: -20px;left: -20px;background-color: #0d6efd;}
.about_section .about_img .circle-bottom-right {width: 80px;height: 80px;bottom: -10px;right: -10px;background-color: #6c757d;opacity: 0.1;}
.about_section .about_us_content .about_us_title {font-weight: 700;margin-bottom: 24px;line-height: 1.2;font-size: 32px;}
.about_section .about_us_content {padding:40px;}
.about_section .about_us_content .about_us_title span {color: #9b1b34;font-weight: 600;}
.about_section .about_us_content .about_us_text {font-size: 17px;color: #555;margin-bottom: 16px; font-family:"Inter", Sans-serif;}
.our_mission{display: block;width: 100%;background-color:#EEEEEE;position: relative;z-index: 1;padding:60px 0px;margin: 0;}
.our_mission .our_card {background: #fff;border-radius: 22px;box-shadow: 0 6px 20px rgba(0,0,0,0.1);transition: all 0.4s ease;position:relative; overflow:hidden;height:100%;padding:30px;}
.our_mission .our_card p{font-size:18px;margin-top:23px;font-family:"Inter", Sans-serif; color:#161519;}
.our_mission .our_card:hover {transform: translateY(-10px);box-shadow: 0 15px 40px rgba(140, 29, 47, 0.25);}
.our_mission .our_card::before {content: "";position: absolute;inset: 0;border-radius: 22px;padding: 2px;background: linear-gradient(45deg, #8c1d2f, #ff4d6d, #8c1d2f);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;opacity: 0;transition: opacity 0.5s ease;}
.our_mission .our_card:hover::before {opacity: 1;}
.our_mission .our_card .our_title {font-size:30px; font-weight:500; justify-content:center;display:flex; font-family:"Inter", Sans-serif;}
.our_mission .our_card .mission_list{list-style:none;padding:0; margin-top:20px; justify-content:center;display:grid}
.our_mission .our_card .mission_list li{display:flex; font-family:"Inter", Sans-serif;align-items: flex-start;margin-bottom: 10px;font-size: 18px;}
.our_mission .our_card .mission_list li i{color:#9b1b34; margin-right:8px; margin-top:3px}
.our_mission .icon_circle {width: 90px;height: 90px;border-radius: 50%;background: linear-gradient(135deg,#9b1b34,#ff4d6d);color: #fff;display: flex;align-items: center;justify-content: center;margin: auto;font-size: 30px; box-shadow: 0 8px 18px rgba(126, 20, 38, 0.73);}
.pulse {animation: pulseAnim 2s infinite;}
/* --- Expertise Section --- */
.team_section .headtitle{display:block;width:100%;text-align:center;padding:0px 0 20px;margin-bottom:20px;position:relative;font-family: "Inter", Sans-serif; font-size: 42px;font-weight: 800;text-transform: capitalize;line-height: 1.2em;color:var(--text-color);}
.team_section .headtitle::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:100px;
height:4px;background-color:var(--main_color);}
/* --- Tech section--- */
.team_section{display: block;width: 100%;margin: 0;padding:60px 0;background-color:#FFFFFF;background-image:url(../images/subtle-white-feathers.webp);background-size:cover;background-position:center;background-repeat:no-repeat;position: relative;}
.team_section .our_team .team_img img {width: 100%;height: 545px;object-fit: cover;}
.team_section .our_team{margin:40px 0 0}
.team_section .tech_used{display:block;width:100%;margin:0;padding:40px 40px; background-image:url(/asset/images/back-image.jpg); background-size:cover;background-position:center;background-repeat:no-repeat;position: relative; box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.team_section .tech_used h5.title{display:block;width:100%;margin:0 0 10px;padding: 0;font-size:30px;line-height:1.2;color:var(--text-color);font-family:"Inter",sans-serif;font-weight:600;}
.team_section .tech_used .tech_icons_container{display:block;margin:0;width:100%;padding: 0;}
.team_section .tech_used .tech_icons_container .tech_icon{display:flex;width:100%;justify-content:space-between;align-items:center;padding:0 0;gap:30px 20px;flex-wrap:wrap}
.team_section .tech_used .tech_icons_container .tech_icon .icon{flex:0 0 calc(50% - 20px);display:flex;width:100%;justify-content:flex-start;align-items:center;padding:0;gap:20px 20px;}
.team_section .tech_used .tech_icons_container .tech_icon .icon img{width:50px;max-width:50px;height:50px;object-fit:contain;object-position:center center;}
.team_section .tech_used .tech_icons_container .tech_icon .icon span{display:block;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;line-height:1;color:var(--text-color);}

@keyframes pulseAnim {
  0% { box-shadow: 0 0 0 0 rgba(140,29,47,0.6); }
  70% { box-shadow: 0 0 0 25px rgba(140,29,47,0); }
  100% { box-shadow: 0 0 0 0 rgba(140,29,47,0); }
}
/* About redesign */

.slide-arrow {background-color:black;color:var(--white);}
.slide img {max-width: 500px;width: 100%;height: auto;}
.slick-prev, .slick-next { background: #000;border: none;font-size: 16px;width: 36px;height: 36px;position: absolute;bottom: -50px;transform: translateY(100%);z-index: 10;}
.slick-prev {left: 45%;}
.slick-next {right: 48%;}
.slick-dots {margin-top: 60px;text-align: center;}
.slick-dots li button:before { font-size: 12px; color: #999;}
.slick-dots li.slick-active button:before {color: #b03c50;}


.slick-prev,.slick-next {display:none !important;}
.slick-dots {margin-top:15px;text-align:center;}
.slick-dots li button:before {font-size:12px;color:#999;}
.slick-dots li.slick-active button:before {color:#b03c50;}


.cont-no a {font-size:15px;color:red;}
.cont-no span {color:red;}
.email a {color:red;}
.cont_model {background-color:var(--section_bg);}
.custom-modal-close {display:none;position:fixed;top:1rem;right:1rem;z-index:1055;width:40px;height:40px;background-color:#000;color:var(--white);border:none;border-radius:50%;font-size:1.5rem;line-height:1;text-align:center;padding:0;cursor:pointer;}
.custom-modal-close span {display:inline-block;width:100%;height:100%;line-height:40px;}
.video-modal-clean {background:none !important;border:none !important;border-radius:0 !important;box-shadow:none !important;}
.video-wrapper {aspect-ratio:16/9;width:100%;box-shadow:0 10px 25px rgba(0,0,0,0.6);overflow:hidden;}
.video-wrapper iframe {width:100%;height:100%;border:none;display:block;border-radius:0;}

/* services sidebar */
.sidebar #servicesAccordionWrapper .custom-accordion-button {background-color: #121212; color: #BFBFBF;border: none;width: 100%;padding: 15px 27px 15px 35px;text-align: left;display: flex;justify-content: space-between;align-items: center;cursor: pointer;font-size: 1rem;transition: background-color 0.3s ease;}
.sidebar #servicesAccordionWrapper .custom-accordion-button span{font-weight: 600;}
.sidebar #servicesAccordionWrapper .accordion-item:has(.show)  .custom-accordion-button span{color:#FFF;}
.sidebar #servicesAccordionWrapper .custom-accordion-button i{color: #BFBFBF;}
.sidebar .accordion .accordion-item .accordion-collapse .accordion-body{padding: 0;}
.sidebar .accordion .accordion-item .accordion-collapse .accordion-body .list-unstyled{padding: 0;}
.sidebar .accordion .accordion-item .accordion-collapse .accordion-body .list-unstyled li{padding: 10px 0px 10px 45px;}
.sidebar .accordion .accordion-item .accordion-collapse .accordion-body .list-unstyled li a{font-size: 16px; font-weight: 200;}
.sidebar .accordion .accordion-item .accordion-collapse .accordion-body .list-unstyled li a.current{color:#FFF;font-weight:500;}
.sidebar .services_drop { margin-left: -25px; margin-right: -25px;}
.custom-accordion-button:focus {box-shadow: none;outline: none;}
.custom-icon {color: var(--white);transition: transform 0.3s ease;}
.servicesAccordionWrapper{background-color: #121212 !important;}
.lang_list{background-color: #121212;}
.lang_list ul li a { color: #666666;}
.lang_list ul li {border-bottom: 1px solid #666666;}
.custom-accordion-button[aria-expanded="true"] .custom-icon {transform: rotate(180deg);}

/* Nilam css start */

.hero_section .hero_img {position: relative;width: 100%;height: auto;display: flex;justify-content: center;align-items: center;}
.hero_section .top_features img {height: auto;max-width: 100%;}
.hero_section .right_content h4{font-size: 30px; font-weight: 500;}
.hero_section  .top_features .phone-img {max-height: 350px;width: auto;object-fit: contain;}
.hero_section .hero_img .banner-img {width: 100%;height: auto;display: block;}
.hero_section .right_content p strong{font-size: 18px; font-weight: 800; }
.hero_section .right_content p{margin: 20px 0}
.hero_section .top_features .user_side h3{font-size: 2rem; font-weight: 500;}
.hero_section .top_features .user_side .badge-group {display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;margin-bottom: 15px;}
.hero_section .top_features .user_side .badge-group .custom-badge {background-color: #000;color: var(--white);padding: 9px 15px;font-size: 16px;border-radius: 10px;cursor: pointer;}
.hero_section .top_features .user_side .badge-group {display: flex;flex-wrap: wrap;gap: 8px;justify-content: center;}
.hero_section .top_features .user_side .badge-group .custom_diet {white-space: normal !important; text-align: center;line-height: 1.3;}
.laptop::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 50%;background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));opacity: 0;transition: opacity 0.4s ease-in-out;pointer-events: none; z-index: 1;}
.hero_section .more_screens .laptop {overflow: hidden;max-width: 420px;flex: 1 1 300px;position: relative;  background: linear-gradient(to top, rgba(255, 255, 255, 0.7), transparent);}
.hero_section .more_screens .laptop:hover::after {opacity: 1;}
.hero_section .more_screens .laptop img {width: 100%;display: block;}
.hero_section .more_screens .laptop .screen {position: absolute;top: 11%;left: 12%;width: 76%;height: 65%;border-radius: 4px;z-index: 2;display: flex;align-items: center;justify-content: center;overflow: hidden;cursor: pointer;}
.hero_section .more_screens .laptop .screen img {width: 100%;height: 100%;object-fit: contain;object-position: center;transition: transform 0.3s ease, filter 0.3s ease;}
.hero_section .more_screens .laptop .screen .search-icon{background-color:black;color: var(--white);border-radius: 50%;padding: 10px;font-size: 20px;display: inline-flex;justify-content: center;align-items: center;position: absolute;top: 100%;left: 50%;transform: translate(-50%, -50%);opacity: 0;transition: all 0.4s ease; z-index: 2;}
.hero_section .more_screens .laptop .screen:hover .search-icon { top: 50%; opacity: 1;}
.hero_section .more_screens .laptop .screen:hover::before,.screen:hover::after { opacity: 3; }
.hero_section .more_screens .custom-modal .modal-content {background: transparent;border: none; box-shadow: none;}
.hero_section .more_screens .custom-modal .modal-content.outside-arrow {font-size: 3rem;padding: 0.5rem 1rem;z-index: 10;}
#prevBtn{left: -80px; color: var(--white); font-size: 35px;}
 #nextBtn { right: -80px; color: var(--white); font-size: 35px;}
#imageModal .btn-close {color: var(--white); font-size: 15px;}
.hero_section .more_screens .custom-modal .modal-content {background: transparent;border: none;box-shadow: none;}
.hero_section .more_screens .custom-modal .outside-arrow {font-size: 1.5rem;color: var(--white);position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;cursor: pointer;background: none;border: none; }
#imageCaption {font-size: 20px; }
.model_head #imageCaption {padding: 0}
.hero_section .choose-languages .content_list{padding: 10px 15px;}
.hero_section .choose-languages .content_list h6{font-size: 23px; font-weight:700}
.hero_section .choose-languages .content_list .custom p, ul li, .custom2 ul li, .custom2 p{font-size: 15px;}
.hero_section .choose-languages .About_development{font-size: 30px;}
.hero_section .choose-languages .all-logos{box-shadow: 0px 0px 10px 0px;}
.hero_section .choose-languages .main_content{background-color: #1b1b1b;}
.hero_section .hero_img .ai-model-img {position: absolute;top: 12%;left: 8%;width: 100%;max-width: 478px;z-index: 2;}

/* chatdocs Page */
.main_chantdocx {padding: 80px 0;}
.main_chantdocx .hero_banner img{width: 100%;}
.main_chantdocx .About_content{font-size: 30px; font-weight: 600;}
.main_chantdocx .hero_banner img{width: 100%;}
.main_chantdocx .chatdocx_content{padding:40px 0}
.main_chantdocx .chatdocx_content h2{font-size: 30px; font-weight: 600;}
.main_chantdocx .chatdocx_content strong{font-size: 18px;}
.main_chantdocx .chatdocx_content p{font-size: 18px;font-weight: 400;line-height: normal;}
.main_chantdocx .assistent_feature{padding:40px 0}
.main_chantdocx .assistent_feature h2{font-size: 30px; font-weight: 600;}
.main_chantdocx .assistent_feature .feature-list .custom-check{ color: #1abc9c; font-size: 30px}
.main_chantdocx .assistent_feature .feature-list li {border-bottom: 1px solid #ddd; padding: 0.3px 0%;}
.main_chantdocx .top_features .user_side .badge-group {display: flex;flex-wrap: wrap;gap: 8px;justify-content: center;}
.main_chantdocx .top_features .user_side .badge-group .custom-badge {background-color: #000;color: var(--white);padding: 10px 15px;font-size: 14px;white-space: normal; border-radius: 10px;cursor: pointer; justify-content: center; align-items: center; display: flex;}
.main_chantdocx .top_features .user_side h3{font-size: 2rem; font-weight: 500;}
.main_chantdocx .custom_story h2{font-size: 30px; font-weight: 600;}
.main_chantdocx .custom_story p{font-size: 18px; font-weight: 400;}
.main_chantdocx .why-us .content_list{padding: 10px 15px;}
.main_chantdocx .why-us .why_us_content .content_list h6{font-size: 23px; font-weight:700}
.main_chantdocx.choose-languages .content_list .custom p, ul li, .custom2 ul li, .custom2 p{font-size: 15px;}

.main_chantdocx.choose-languages .tech_used{display:block;width:100%;margin:0;padding:40px 40px;background:var(--white);box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.main_chantdocx.choose-languages .tech_used h5.title{display:block;width:100%;margin:0 0 10px;padding: 0;font-size:30px;line-height:1.2;color:var(--text-color);font-family:"Inter",sans-serif;font-weight:600;}
.main_chantdocx.choose-languages .tech_used .tech_icons_container{display:flex;justify-content:space-between;align-items:flex-start;margin:0;width: 100%;gap:10px;}
.main_chantdocx.choose-languages .tech_used .tech_icons_container .tech_icon{display:flex;width:100%;justify-content:center;align-items:flex-start;flex-direction:column;
gap:10px;}
.main_chantdocx.choose-languages .tech_used .tech_icons_container .tech_icon .icon{display:flex;width:100%;justify-content:flex-start;align-items:center;padding:10px;gap:20px 20px;}
.main_chantdocx.choose-languages .tech_used .tech_icons_container .tech_icon .icon img{width:50px;max-width:50px;height:50px;object-fit:contain;object-position:center center;}
.main_chantdocx.choose-languages .tech_used .tech_icons_container .tech_icon .icon span{display:block;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;line-height:1;color:var(--text-color);}

.main_chantdocx.choose-languages .About_development{font-size: 30px;}
.main_chantdocx.choose-languages .all-logos{box-shadow: 0px 0px 10px 0px;}
.main_chantdocx .choose-languages .main_content{background-color: #08AAAF;}
.laptop::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 50%;background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));opacity: 0;transition: opacity 0.4s ease-in-out; pointer-events: none;  z-index: 1;}

.main_chantdocx .more_screens .laptop {overflow: hidden;max-width: 420px;flex: 1 1 300px;position: relative;  background: linear-gradient(to top, rgba(255, 255, 255, 0.7), transparent);}
.main_chantdocx .more_screens .laptop:hover::after {opacity: 1;}
.main_chantdocx .more_screens .laptop img {width: 100%;display: block;}
.main_chantdocx .more_screens .laptop .screen {position: absolute;top: 11%;left: 12%;width: 76%;height: 65%;border-radius: 4px;z-index: 2;display: flex;align-items: center;justify-content: center;overflow: hidden;cursor: pointer;}
.main_chantdocx.more_screens .laptop .screen i {width: 100%;height: 100%; color:var(--white); object-position: center;transition: transform 0.3s ease, filter 0.3s ease;}
.main_chantdocx .more_screens .laptop .screen .search-icon {background-color: black;color: var(--white);border-radius: 50%;padding: 10px;font-size: 20px;display: inline-flex;justify-content: center;align-items: center;position: absolute;top: 100%;left: 50%;transform: translate(-50%, -50%);opacity: 0; transition: all 0.4s ease; z-index: 2;}
.main_chantdocx .more_screens .laptop .screen:hover .search-icon {top: 50%;opacity: 1;}
.main_chantdocx .more_screens .laptop .screen:hover::before,.screen:hover::after{opacity:3;}
.main_chantdocx .more_screens .custom-modal .modal-content {background: transparent;border: none; box-shadow: none;}
.main_chantdocx .more_screens .custom-modal .modal-content.outside-arrow {font-size: 2rem;padding: 0.5rem 1rem;z-index: 10;}
#prevBtn{left: -80px; color: var(--white); font-size: 35px;}
#nextBtn { right: -80px; color: var(--white); font-size: 35px;}
.main_chantdocx .more_screens .custom-modal .modal-content {background: transparent;border: none;box-shadow: none;}
.main_chantdocx .more_screens .custom-modal .outside-arrow {font-size: 1.5rem;color: var(--white);position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;cursor: pointer;background: none;border: none; }
#imageCaption {font-size: 20px; }
.model_head #imageCaption {padding: 0}
.phone_mockup img{object-fit: cover;object-position: top;height: 330px;width: 450px;}
.phone-mockup{height: 350px;overflow: hidden;}

/* bmi-page */
.bmi_boutique {padding: 80px 0;}
.bmi_boutique .bmi_content h2{font-size: 30px; font-weight: 600;}
.bmi_boutique .bmi_content p{font-size: 17px; font-weight: 500;}
.bmi_boutique .bmi_content .bmi_about{padding: 0px 25px;}
.bmi_boutique .bmi_content .top_features button{background-color: #D9EBEB; color: black;font-size: 19px;font-weight: 600;}
.bmi_boutique .choose-languages .content_list{padding: 10px 15px;}
.bmi_boutique .choose-languages .content_list h6{font-size: 23px; font-weight:700}
.bmi_boutique .choose-languages .content_list .custom p, ul li, .custom2 ul li, .custom2 p{font-size: 15px;}
.bmi_boutique .choose-languages .About_development{font-size: 30px;}
.bmi_boutique .choose-languages .all-logos{box-shadow: 0px 0px 10px 0px;}
.bmi_boutique .choose-languages .main_content{background-color: #86CACA;}
.bmi_boutique .bmi_content .top_features .phone-mockup {margin-top: 20px;}
.bmi_boutique .more_screens .laptop img {width: 100%;display: block;}
.bmi_boutique .more_screens .laptop .screen {position: absolute;top: 11%;left: 12%;width: 76%;height: 65%;border-radius: 4px;z-index: 2;display: flex;align-items: center;justify-content: center;overflow: hidden;cursor: pointer;}
.bmi_boutique .more_screens .laptop .screen img {width: 100%;height: 100%;object-fit: contain;object-position: center;transition: transform 0.3s ease, filter 0.3s ease;}
.bmi_boutique .more_screens .laptop .screen .search-icon {background-color: black; color: var(--white); border-radius: 50%;padding: 10px;font-size: 20px; display: inline-flex;justify-content: center;align-items: center;position: absolute; top: 100%;left: 50%;transform: translate(-50%, -50%);opacity: 0;transition: all 0.4s ease; z-index: 2;}
.bmi_boutique .more_screens .laptop .screen:hover .search-icon { top: 50%; opacity: 1;}
.bmi_boutique .more_screens .laptop:hover::after{opacity:1;}
.bmi_boutique .more_screens .laptop {overflow: hidden;max-width: 420px;flex: 1 1 300px;position: relative;  background: linear-gradient(to top, rgba(255, 255, 255, 0.7), transparent);}
.bmi_boutique .more_screens .laptop .screen:hover::before,.screen:hover::after{ opacity: 3; }
.bmi_boutique .more_screens .custom-modal .modal-content {background: transparent;border: none; box-shadow: none;}
.bmi_boutique .more_screens .custom-modal .modal-content.outside-arrow {font-size: 2rem;padding: 0.5rem 1rem;z-index: 10;}
#prevBtn{left: -80px; color: var(--white); font-size: 35px;}
 #nextBtn { right: -80px; color: var(--white); font-size: 35px;}
.bmi_boutique .more_screens .custom-modal .modal-content {background: transparent;border: none;box-shadow: none;}
.bmi_boutique .more_screens .custom-modal .outside-arrow {font-size: 1.5rem;color: var(--white);position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;cursor: pointer;background: none;border: none; }
#imageCaption {font-size: 20px; }
.model_head #imageCaption{padding: 0}
/* Nilam css end */

@media (max-width:1200px){.slider_img::after{width:35%;}}
@media (max-width:992px){.slider_img::after{width:30%;}}
@media (max-width:768px){.slider_img::after{width:50%;}}
@media (max-width:576px){.slider_img::after{width:70%;opacity:0.2;}}
/* @media (min-width:1025px){.right-box{position:absolute;top:40%;left:37%;transform:translateY(-50%);width:55%;}} */