@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('../css/owl.carousel.min.css');
@import url('../css/font-awesome.min.css');
@import url('../css/simple-line-icons.css');
@import url('../css/fancybox.min.css');
@import url('../css/aos.css'); 
@import url('../css/portfolio.css'); 


/*header css*/
.hidden_header{height:124px;}
header{position:fixed; z-index:99; top:0; left:0; right:0; padding-top:15px;}
.header-shrink{transition:all 0.3s ease-in-out; /*-webkit-backdrop-filter:blur(6.5px); backdrop-filter:blur(6.5px);*/}
header .btn{height:48px; margin-top:0; margin-right:15px; margin-left:auto; padding:0px 30px; display:flex; align-items:center; justify-content:center;}

/*menu dropdown*/
.navbar-expand-lg{padding:0;}
.navbar-expand-lg .navbar-nav{flex-direction:column;}
.navbar-light .navbar-toggler{border-radius:50%; position:absolute; top:0; z-index:1; display:block; width:48px; height:48px;}
.navbar-expand-lg .navbar-nav .nav-link{font-size:32px; color:#fff; font-weight:400; text-transform:uppercase; padding:15px 35px; text-align:left; border-top:#2e2f32 solid 1px;}
.navbar-collapse{background:#222326; overflow:auto; position:fixed; top:0px; right:-100%; height:100vh; width:100%; transition:all 0.3s; z-index:9; overflow-x:hidden;}
.navbar-toggler[aria-expanded="true"] .navbar-close-icon{display:block; width:.9em; height:.9em; fill:#fff; padding:0px;}
.collapse.show{right:0;}
.navbar-toggler.nav_close{border-radius:50%; position:absolute; top:15px; right:38px; z-index:1; display:flex; align-items:center; justify-content:center; width:48px; height:48px;}

.dropdown-menu{position:static; width:100%; background:none;}

.menu_row{display:flex; height:100%; width:100%; color:#fff; font-size:17px;}
.left_menu{width:20%; padding:40px; display:flex; flex-direction:column;}
.center_menu{width:50%; border-left:#2e2f32 solid 1px; padding-top:100px; overflow:auto; height:100%;}
.right_menu{width:30%; border-left:#f30037 solid 5px; padding:70px 35px; display:flex; flex-direction:column;}
.m_head{font-size:24px; color:#fff; font-weight:600; margin-bottom:2rem;}
.center_menu::-webkit-scrollbar{width:5px;} 
.center_menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3); border-radius:10px;}
.center_menu::-webkit-scrollbar-thumb{-webkit-border-radius:10px; border-radius:10px;  background:#f30037;}
.dropdown-toggle::after{content:"+"; position:absolute; top:20px; right:33px; color:#fff; border:none; display:flex; align-items:center; justify-content:center; width:45px; height:45px; background:rgb(0 0 0 / 29%); border-radius:50%; font-weight:300;}
.dropdown-toggle.show::after{content:"-"; }

.left_menu img{width:100%;}
.right_menu .btn{height:55px; width:100%;}
.right_menu p{margin-bottom:2.5rem;}

/*-- banner --*/
.banner{background:#efefef; min-height:800px; padding-top:13rem;}
.banner_text{display:flex; align-items:flex-start; justify-content:center; flex-direction:column; height:100%; font-size:14px; font-weight:400; color:#16171a; line-height:1.5; width:55%;}
.banner_heading{font-size:52px; line-height:1.1; text-transform:uppercase; font-weight:700; margin-bottom:3rem;}
.banner_heading span{color:#f30037; font-weight:800; display:block;}
.scroll_row{padding-left:100px; margin-left:3rem; width:350px; color:#424e58; position:relative;}
.scroll{font-size:14px; text-transform:uppercase; position:absolute; left:0; top:25px; transform:rotate(-90deg);}
.down_arrow{margin-left:4rem; animation:mover 1s infinite alternate;}
@-webkit-keyframes mover {
    0% { transform: translateY(20px); }
    100% { transform: translateY(-30px); }
}
.banner video{width:45%; height:550px; object-fit:cover; border-radius:30px;}
/*-- //banner --*/

/*-- footer --*/
footer{background:#16171a; color:#c5c5c5; font-size:14px; padding-top:6rem; position:relative;}
.f_heading{color:#fff; font-size:22px; font-weight:500; margin-bottom:20px;}
.footer-grids ul{margin:0px; padding:0;}
.footer-grids ul li{list-style-type:none; margin-bottom:11px;}
.footer-grids ul li a{color:#c5c5c5; position:relative; padding-left:20px; transition:all 0.5s ease;}
.footer-grids ul li a:before{content:''; position:absolute; left:0; top:6px; width:7px; height:7px; background:#f30037; border-radius:30px; transition:all 0.5s ease;}
.footer-grids ul li a:hover{color:#f30037; padding-left:30px;}
.footer-grids ul li a:hover:before{left:11px;}
.copyright{margin-top:2rem; background:#16171a; border-top:#292a2e solid 1px; padding:20px 0;}
.copyright ul{margin:0; padding:0; display:inline-flex; float:right;}
.copyright ul li{margin:0 0 0 20px; padding:0; list-style:none;}
.copyright ul li a{color:#c5c5c5;}
.copyright ul li a:hover{color:#f30037;}
.social-icon{margin-top:1.5rem;}
.social-icon a{margin:0 5px 0 0; font-size:15px; width:35px; height:35px; color:#fff; display:inline-flex; align-items:center; justify-content:center; background:#333; border-radius:6px;}
.social-icon a:last-child{margin-right:0;}
.social-icon a:hover{color:#fff; background:#f30037;}
/*-- //footer --*/

/*-- move top --*/
#toTop{bottom:20px; right:15px; display:none; width:40px; height:40px; overflow:hidden; position:fixed; text-decoration:none; z-index:9999; font-size:0; color:transparent; background:#f30037; border-radius:5px; opacity:1;}
#toTop:hover{ opacity:.9;}
#toTop:after{color:#fff; content:'\f106'; font-size:20px; line-height:38px; font-family:'FontAwesome'; text-align:center; display:block; position:absolute; top:0; right:0; bottom:0; left:0; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
/*-- //move top --*/

section{padding:5rem 0;}
.heading_main{margin-bottom:3rem; text-align:center; position:relative;}
.heading_main .heading{margin-bottom:1rem;}
.heading{font-size:45px; color:#16171a; margin-bottom:1.5rem; line-height:1.2; font-weight:700;}
.heading_main p{font-size:17px; color:#666; font-weight:400; padding:0 10%;}
.sub_head{color:#ff5400; font-size:15px; font-weight:500; margin-bottom:10px;}
.sub_heading{font-size:16px; color:#f30037; text-transform:uppercase; letter-spacing:1px; margin-bottom:1rem; font-weight:600; line-height:normal; position:relative; padding-left:25px;}
.sub_heading:before{content:''; position:absolute; top:8px; left:0; width:10px; height:10px; background:#f30037; border-top-left-radius:12px;}

/*content*/
.content_bg{background:#fff; color:#16171a; font-size: 17px;}
.content_bg h2{font-weight:700; font-size:22px; margin-bottom:1.5rem;}
.content_bg h3{font-weight:600; font-size:19px;}
.content_bg ul li{list-style:none; font-size:14px; margin:12px 0; padding:0 0 0 20px; position: relative;}
.content_bg  ul li:before {content:"✔"; color:#f30037; font-weight:700; display: inline-block; position: absolute; top: 0px; bottom: 0; left: 0px;}

/*service*/
.service_bg{background:#222326; color:#999b9f;}
.service_bg a{color:#999b9f;}
.service_bg .heading{color:#fff; font-weight:600;}
.service{background:#16171a; padding:3rem 2rem; margin-bottom:2rem; border-radius:5px; position:relative; transition:all 0.5s ease; overflow:hidden;}
.service:before{content:''; position:absolute; right:-70px; bottom:0; width:100px; height:80%; background:#81001d; opacity:0.2; z-index:0; -webkit-transform:skewX(0deg) scaleX(0); transform:skewX(0deg) scaleX(0); transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.service:hover:before{-webkit-transform:skewX(-35deg) scaleX(1); transform:skewX(-35deg) scaleX(1);}
.num{position:absolute; left:2rem; top:2.5rem; font-size:35px; color:#ffffff; opacity:0.1; transition:all 0.5s ease;}
.service h3{font-size:16px; margin-bottom:0; color:#fff; font-weight:500; text-transform:uppercase;}
.icon{width:80px; margin-left:auto; margin-bottom:1.5rem; overflow:hidden; transition:all 0.5s ease;}
.service:hover{background:#f30037;}
.service:hover .icon img{filter:brightness(0.5);}

/*about*/
.about_bg{background:#f8f9fa;}
.about{padding-right:2rem; display:flex; align-items:flex-start; justify-content:center; flex-direction:column; height:100%; font-size:20px; color:#16171a;}
.about .heading span{font-size:95px; color:#f30037; display:block; margin-bottom:2rem;}
.read_more{width:120px; height:120px; border:transparent solid 1px; background:#f30037; border-radius:50%; display:flex; align-items:center; justify-content:center; line-height:1; color:#fff; font-size:16px; margin-top:2rem;}
.read_more:hover{background:#16171a; color:#fff;}
.read_more svg{fill:#fff; margin-left:.5rem;}

.about h4, .about h6{color:#f30037; font-size:19px; margin-top:2rem;}
.about ul{margin:0 0 0 0px; padding:0;}
.about ul li{margin:15px 0; padding:0; list-style:none;}
.about ul li strong{color:#fff; font-weight:500;}
.about ol{margin:0 0 0 25px; padding:0;}
.about ol li{margin:15px 0; padding:0;}
.about ol li strong{color:#fff; display:block;}

.counter_main{font-size:45px; color:#16171a; font-weight:700; margin-bottom:3rem;}
.counter_main span{font-size:50px;}
.counter_main p{font-size:23px; font-weight:400;}

/*blog*/
.blog{background:#fafbfd; text-align:center;}
.blog figure{position:relative;}
.blog img{border-radius:10px;}
.blog_text{padding:35px 15px 15px;}
.blog_text h4{font-size:22px; text-transform:uppercase; margin-bottom:1.5rem;}
.blog a{color:#747474;}
.blog_text span{width:50px; height:50px; display:inline-flex; align-items:center; justify-content:center; background:#d3d3d4; border-radius:50%; color:#fff; font-size:22px; padding-bottom:3px; margin-top:1rem;}
.blog_text span:hover{background:#f30037;}
.date{background:#fff; padding:14px 15px; position:absolute; left:25px; right:25px; bottom:-23px; box-shadow:0 10px 30px 0 rgb(0 0 0 / 5%); border-radius:10px; color:#16171a; font-size:13px;}
.date i{margin-right:.5rem; color:#f30037;}

.lets_bg{padding:0;}
.lets_box{background:#f30037; border-radius:15px; padding:4rem; display:flex; align-items:center; position:relative; overflow:hidden; margin-bottom:-3rem; z-index:1;}
.lets_box .heading{color:#fff; width:50%; margin-bottom:0;}
.lets_box .btn{background:#16171a; height:55px; margin-left:auto; margin-top:0;}
.lets_box .btn:hover{background:#fff; color:#16171a;}
.lets_box:before{content:''; position:absolute; right:130px; top:0; background:url(../images/shape.webp) no-repeat; background-size:100%; width:300px; height:53px; opacity:.8;}
.lets_box:after{content:''; position:absolute; right:0px; top:0; bottom:0; background:url(../images/shape1.webp) no-repeat; background-size:100%; width:280px;}


.portfolio{border-radius:4px; position:relative; overflow:hidden; margin-bottom:1.5rem;}
.portfolio img{width:100%; will-change:transform; transition:all .4s cubic-bezier(.37,0,.63,1);}
.portfolio:hover img{transform:scale(1.1);}
.portfolio_hover{background:#fff; padding:10px 20px; border-radius:4px; position:absolute; left:20px; right:20px; bottom:20px; top:inherit; opacity:0; height:auto; display:flex; align-items:center; box-shadow:0 0 15px rgb(0 0 0 / 20%); transition:all 400ms cubic-bezier(0.37, 0, 0.63, 1); transform-origin:bottom center; transform:translateY(0) scale(1, 0);}
.portfolio:hover .portfolio_hover{opacity:1; transform: translateY(0) scale(1, 1);}
.port_head{color:#252840; font-size:16px; font-weight:600; text-transform:uppercase; opacity:0; transition-delay:0.25s; transform:translateY(15px); transition:all .4s cubic-bezier(.37,0,.63,1);}
.port_add{margin-left:auto; font-size:27px; color:#252840; font-weight:300; line-height:normal; opacity:0; transition-delay:0.25s; transform:translateY(15px); transition:all .4s cubic-bezier(.37,0,.63,1);}
.portfolio:hover .portfolio_hover .port_head, .portfolio:hover .portfolio_hover .port_add{opacity:1; transform:translateY(0); transition-delay:0.35s;}



.projects-portfolio{background:#f8f9fa;}
.projects-portfolio .heading{color:#16171a;}
.projects-portfolio .heading_main p{color:#16171a;}
.red_strip{background:#f30037; color:#fff; font-size:22px; text-transform:uppercase; height:90px; overflow:hidden; position:relative;}
.red_strip ul{margin:0; padding:0; width:200%; display:flex; align-items:center; justify-content:center; height:100%; position:absolute; animation:marquee 11s linear infinite;}
.red_strip ul li{margin:0; padding:0; list-style:none; width:20%; text-align:center;}
.black_strip{background:#16171a;}
.black_strip ul{animation:marquee1 11s linear infinite;}
@keyframes marquee{
  0% {left:0;}
  100% {left:-100%;}
}
@keyframes marquee1{
  0% {right:0;}
  100% {right:-100%;}
}

/*inner banner*/
.inner_banner{background-color:#efefef; padding-top:13rem; padding-bottom:8rem; background-repeat:no-repeat; background-position:100% 60%; background-size:350px;}
.inner_banner .banner_text{padding-left:7rem; width:59%;}
.inner_banner .banner_text .banner_heading{margin-bottom:2rem;}
.inner_banner .banner_text .banner_heading span{display:inline-block;}

.about_inner_bg{background:#222326;}
.about_inner_bg .heading{color:#fff;}
.about_inner_bg h2{color:#fff;}
.about_inner_bg h3{color:#fff; font-size:20px;}
.about_inner_bg a{color:#f30037;}
.about_inner_bg .about{color:#c8c9cd; font-size:17px;}
.vision{padding-right:2rem; display:flex; align-items:flex-start; justify-content:center; flex-direction:column; height:100%; font-size:17px; color:#16171a;}
.vision h5{font-size:19px;}
.vision p+h5{margin-top:1.1rem;}
.founder{padding-left:3rem;}
.founder_name{font-size:17px; color:#16171a; font-weight:600; line-height:normal;}
.founder_name span{display:block; font-size:15px;}

.detail_text{padding-right:2rem;}
.detail_text ul{margin:0 0 2rem; padding:0;}
.detail_text ul li{margin:10px 0; padding:0 0 0 30px; list-style:none; font-size:17px; font-weight:600; color:#16171a; position:relative;}
.detail_text ul li:before{content:'\f00c'; font-family:FontAwesome; color:#f30037; position:absolute; left:0;}
.detail_img{position:sticky; top:2rem;}
.offering_bg{background:#222326;}
.offering_bg .heading{color:#fff;}
.expertise{position:sticky; top:2rem; color:#fff;}
.expertise_box{color:#c8c9cd; background:#16171a; border:#3a3c40 solid 1px; padding:30px 30px 15px; margin-bottom:2rem;}
.expertise_box h3{color:#fff;}
.expertise_box .icon{margin-left:0;}
.process{position:relative; text-align:center; margin-top:1.5rem;}
.process:before{content:''; position:absolute; top:14px; right:-81px; width:140px; height:60px; background:url(../images/rounded.png) no-repeat; background-size:contain;}
.process figure{width:140px; height:140px; background:#fff; box-shadow:0 0 0 10px #d79bfa; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 3rem; position:relative;}
.process figure:before{content:''; position:absolute; top:-10px; right:-10px; bottom:-10px; left:-10px; box-shadow:0 0 0 10px rgba(215,155,250,.48); border-radius:50%;}
.process_bg .col-xl-3:nth-child(2) .process:before{top:70px; transform:rotate(-180deg) scaleX(-1);}
.process_bg .col-xl-3:last-child .process:before{display:none;}
.process_bg .col-xl-3:nth-child(2) .process figure{box-shadow:0 0 0 10px #f87b7b;}
.process_bg .col-xl-3:nth-child(2) .process figure:before{box-shadow:0 0 0 10px rgba(248,123,123,.48);}
.process_bg .col-xl-3:nth-child(3) .process figure{box-shadow:0 0 0 10px #7b90f8;}
.process_bg .col-xl-3:nth-child(3) .process figure:before{box-shadow:0 0 0 10px rgba(123,144,248,.48);}
.process_bg .col-xl-3:nth-child(4) .process figure{box-shadow:0 0 0 10px #7be3f8;}
.process_bg .col-xl-3:nth-child(4) .process figure:before{box-shadow:0 0 0 10px rgba(123,227,248,.48);}

.techno_logo{background:#fff; border-radius:12px; padding:25px 25px 15px; text-align:center; margin-bottom:1.5rem; box-shadow:7.071px 8.426px 26.39px 2.61px rgb(21 21 21 / 14%); position:relative; overflow:hidden;}
.techno_logo img{height:75px;}
.techno_logo h6{font-weight:600; color:#454545;}
.techno_logo:after{content:''; width:100%; height:4px; background-color:#f30037; bottom:0; position:absolute; left:-100%; transition:all .4s ease;}
.techno_logo:hover:after{left:0;}

.hire_bg{background:#f8f9fa;}
.hire{background:#fff; border-radius:12px; padding:35px 35px 15px; text-align:center; box-shadow:5.736px 8.192px 31.15px 3.85px rgb(21 21 21 / 7%);}
.hire img{height:60px;}
.hire h4{font-size:20px; color:#cf00cc; margin-top:2rem;}

.digital_process_row{display:flex; flex-wrap:wrap;}
.digital_process{width:16.66%; text-align:center;}
.digital_process_inner{display:flex; flex-direction:column; position:relative;}
.digital_process .number{font-weight:600; font-size:40px; opacity:.5;}
.digital_process:nth-child(odd) .number{margin-bottom:30px;}
.digital_process .image-wrap{position:relative; width:160px; height:160px; display:flex; align-items:center; justify-content:center; border:2px dashed rgba(0,0,0,.4); border-radius:100%; margin:0 auto;}
.digital_process .image-wrap:before{content:''; height:80px; bottom:-84px; position:absolute; border-left:2.5px dashed rgba(0,0,0,.4); width:0;}
.digital_process .image-wrap:after{width:20px; content:''; height:20px; background-color:#3e3e3e; border-radius:100%; position:absolute; bottom:-100px; left:0; right:0; margin:0 auto;}
.digital_process .image-wrap .image-icon{background-color:#fff; width:100px; height:100px; border-radius:100%; display:flex; align-items:center; justify-content:center; box-shadow:16px 14px 23px 0 rgb(0 0 0 / 28%);}
.digital_process h5{font-size:18px; font-weight:600; max-width:70%; margin:0 auto; min-height:60px;}
.digital_process .image-wrap .image-icon:after{content:''; position:absolute; width:130px; height:130px; background-color:#deb4fb; z-index:-1; border-radius:100%;}
.digital_process:nth-child(odd) .image-wrap{margin-bottom:120px;}
.digital_process:nth-child(2n) .image-wrap{margin-top:150px;}
.digital_process:nth-child(2n) .image-wrap:before{bottom:auto; top:-84px;}
.digital_process:nth-child(2n) .image-wrap:after{bottom:auto; top:-100px;}
.digital_process:nth-child(2n) h5{order:-1; position:relative; top:50px;}
.digital_process:nth-child(2n) .number{order:3;}
.digital_process .digital_process_inner:after{content:''; height:65px; bottom:-84px; position:absolute; border-left:2.5px dashed rgba(0,0,0,.4); width:0; top:48%; right:5px; transform: rotate(-60deg);}
.digital_process:nth-child(2n) .digital_process_inner::after{right:-6px; transform:rotate(62deg);}
.digital_process:nth-child(2) .image-wrap .image-icon:after{background-color:#f9b4b4;}
.digital_process:nth-child(2) .number,  .digital_process:nth-child(2) h5{color:#f76a6a;}
.digital_process:nth-child(3) .image-wrap .image-icon:after{background-color:#b5c2f8;}
.digital_process:nth-child(3) .description,  .digital_process:nth-child(3) .number{color:#6a82f7;}
.digital_process:nth-child(4) .image-wrap .image-icon:after{background-color:#6ae0f7;}
.digital_process:nth-child(4) .number,  .digital_process:nth-child(4) h5{color:#6ae0f7;}
.digital_process:nth-child(5) .image-wrap .image-icon:after{background-color:#99c8f7;}
.digital_process:nth-child(5) .number,  .digital_process:nth-child(5) h5{color:#99c8f7;}
.digital_process:nth-child(6) .image-wrap .image-icon:after{background-color:#f7d699;}
.digital_process:nth-child(6) .number,  .digital_process:nth-child(6) h5{color:#f7d699;}
.digital_process:nth-child(6) .digital_process_inner::after{display:none;}

.seo_process .col-xl-3{width:20%;}
.seo_process .col-xl-3:nth-child(5) .process figure{box-shadow:0 0 0 10px #fea95c;}
.seo_process .col-xl-3:nth-child(5) .process figure:before{box-shadow:0 0 0 10px rgb(254 169 92 / 48%);}

/*contact us*/
.contact_bg{}
.contact_bg .heading{font-size:30px; margin-bottom:10px;}
.contact_form{margin-right:2rem;}
.contact_form .form-control{background:#f6f6f6; border:none;}
.address_box{background:#222326; padding:30px 30px; color:#fff; border-radius:10px;}
.address_box h4{color:#fff; font-weight:500;}
.address{display:flex; align-items:center; justify-content:center; margin-bottom:1.5rem;}
.address:last-child{margin-bottom:0;}
.ad_text{width:100%;}
.ad_text h5{margin-bottom:10px; color:#de1f26; font-size:17px;}
.ad_text p{margin-bottom:0; line-height:1.5;}
.ad_text p a{color:#fff;}
.address_box .social-icon{border-top:#4c525e solid 1px; padding-top:1.5rem;}
.map_bg{padding:0;}
.map_bg iframe{width:100%; height:550px;}

/*package*/
.plan{background:#fff; padding:25px; border-radius:15px; margin-bottom:1.5rem; color:#16171a;}
.plan_head{font-size:22px; font-weight:600; line-height:1.3; margin-bottom:1.5rem;}
.price span{font-size:40px; font-weight:700;}
.price span sup{font-size:14px; font-weight:500; top:-1.2rem;}
.price span.month{font-size:15px; font-weight:400; margin-left:-30px;}
.plan .btn{font-size:17px; padding:1.4rem 4rem; border-radius:10px; letter-spacing:1px;}
.plan ul{margin:3rem 0 0; padding:0; min-height:55px;}
.plan ul li{margin:12px 0; padding:0 0 0 20px; list-style:none; position:relative; font-size:14px;}
.plan ul li span{font-weight:600;}
.plan ul li:before{content:"✔"; color:#1bd741; font-weight:700; display:inline-block; position:absolute; top:0px; bottom:0; left:0px;}
.plan ul li.no_plan{cursor:no-drop; color:#9c9ea5;}
.plan ul li.no_plan span{font-weight:normal;}
.plan ul li.no_plan:before{content:""; color:#1bd741; font-weight:700; display:inline-block; position:absolute; top:5px; bottom:0; left:-2px; background:url(../images/cross.svg) no-repeat; width:16px; height:16px;}
.plan_bg .plan{background:#f3f3f3;}

/*terms*/
.terms_bg h4{font-size:20px;}
.terms_bg p+h4, .terms_bg ul+h4{margin-top:2rem;}

/*404 page css*/
.page_not{margin-top:2rem; font-size:17px; color:#747474;}
.page_not h1{color:#16171a; font-size:50px; font-weight:700; text-transform:uppercase; margin-top:2rem;}
.page_not img{height:200px;}




/* Speakable CSS - Add this to style.css */
[role="speakable"],
.speakable-section {
    speak: auto; /* Future CSS property */
    voice-family: female;
    voice-rate: medium;
    voice-pitch: medium;
    /* Visual indicator for debugging - can be removed */
    outline: 1px dotted rgba(0, 150, 255, 0.3);
}

/* ARIA live regions for dynamic content */
[aria-live="polite"] {
    speak: auto;
}

/* Don't speak these elements */
.non-speakable {
    speak: none;
}

/* Speakable headings get emphasis */
.speakable-heading {
    speak-header: always;
    speak-as: spell-out;
}