/* Default CSS */
html{ width: 100%; height: 100%;}
*,::after,::before{ margin: 0; padding: 0; outline: none;box-sizing: border-box;}
body{font-family: "Open Sans", sans-serif; font-size: 14px; color: #000; }
ul{ margin: 0; padding: 0;list-style-type:none;}
h1, h2, h2, h3, h5, h6{font-family: "Poppins", sans-serif;}
h1{ font-size: 40px;font-weight: 600;} 
h2{font-size: 24px;font-weight: 600;}
h3{ font-size: 18px; font-weight: 600;}
p{ font-weight: 400;}
a{ cursor: pointer; text-decoration: none; color: inherit;}
a:hover{text-decoration: underline; }
.text-white{ color:#fff;}
.card-title{ font-size: 24px; font-weight: 600;}
.sub-title{ font-size: 24px;font-weight: 400;}
.sub-title-2{ font-size: 18px;font-weight: 400;}
.text-card-subtitle{ font-size: 14px;font-weight: 400;}
.w-100{ width: 100%;}
.w-50{ width: 50%;}
.m-auto{ margin: 0 auto;} 
.w-80{width: 80%;margin: auto;}


.text-center{text-align: center;}

/*Spacing class*/
.mt-56{ margin-top: 56px;}
.mt-48{ margin-top: 48px;}
.mt-40{ margin-top: 40px;}
.mt-32{ margin-top: 32px;}
.mt-24{ margin-top: 24px;}
.mt-16{ margin-top: 16px;}
.mt-8{ margin-top: 8px;}

.mb-56{ margin-bottom: 56px;}
.mb-48{ margin-bottom: 48px;}
.mb-40{ margin-bottom: 40px;}
.mb-32{ margin-bottom: 32px;}
.mb-24{ margin-bottom: 24px;}
.mb-16{ margin-bottom: 16px;}
.mb-8{ margin-bottom: 8px;}

.mr-56{ margin-right: 56px;}
.mr-48{ margin-right: 48px;}
.mr-40{ margin-right: 40px;}
.mr-32{ margin-right: 32px;}
.mr-24{ margin-right: 24px;}
.mr-16{ margin-right: 16px;}
.mr-8{  margin-right: 8px;}

.ml-56{ margin-left: 56px;}
.ml-48{ margin-left: 48px;}
.ml-40{ margin-left: 40px;}
.ml-32{ margin-left: 32px;}
.ml-24{ margin-left: 24px;}
.ml-16{ margin-left: 16px;}
.ml-8{  margin-left: 8px;}

.pt-56{ padding-top: 56px;}
.pt-48{ padding-top: 48px;}
.pt-32{ padding-top: 32px;}
.pt-40{ padding-top: 40px;}
.pt-24{ padding-top: 24px;}
.pt-16{ padding-top: 16px;}
.pt-8{ padding-top: 8px;}

.pb-56{ padding-bottom: 56px;}
.pb-48{ padding-bottom: 48px;}
.pb-32{ padding-bottom: 32px;}
.pb-40{ padding-bottom: 40px;}
.pb-24{ padding-bottom: 24px;}
.pb-16{ padding-bottom: 16px;}
.pb-8{ padding-bottom: 8px;}

.pr-56{ padding-right: 56px;}
.pr-48{ padding-right: 48px;}
.pr-32{ padding-right: 32px;}
.pr-40{ padding-right: 40px;}
.pr-24{ padding-right: 24px;}
.pr-16{ padding-right: 16px;}
.pr-8{ padding-right: 8px;}

.pl-56{ padding-left: 56px;}
.pl-48{ padding-left: 48px;}
.pl-32{ padding-left: 32px;}
.pl-40{ padding-left: 40px;}
.pl-24{ padding-left: 24px;}
.pl-16{ padding-left: 16px;}
.pl-8{ padding-left: 8px;}

.container{ width: 1200px; display: flex; flex-wrap: wrap; margin:0 auto;}
container-full{ width: 100%; display: flex; flex-wrap: wrap; margin:0 auto;}
.row{ width: 100%; display: flex; flex-wrap: wrap;}
.col1{ width: 100%;display: flex;}
.col2{ width: 50%;}
.col3{ width: 33.3%;}
.col4{ width: 25%;}

/*Button class*/
.btn-primary, .btn-secondary{font-size: 20px;font-weight: 600; color: #000; text-decoration: none; border-radius: 36px;background: #FF9710; width: 275px;height: 60px; display: flex; justify-content: center;align-items: center; transition: all .4s;}
.btn-primary:hover{background: #ffb24f; text-decoration: none; transform: translateY(-0.25em);}



.btn-secondary{background: #fff; color: #000; border: solid 1px #000;}
.btn-secondary:hover{ border: solid 1px #e1840b; color: #fff;background: #f49d2b; text-decoration: none;transform: translateY(-0.25em);}


/*animations common css*/
.services-card img{transition: transform .5s ease;}
.services-card:hover > img {transform: scale(1.3);}

.work-card{overflow: hidden;}
.work-card a img {transition: transform .5s ease;}
.work-card:hover a img {transform: scale(1.1);}




/*Page Sections CSS*/
.header{width: 100%; height: 64px; position: relative; z-index: 1; display: flex;justify-content: center; align-items: center; background:#121E37; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);}
.logo{ width: 10%; }
.menu-links{width: 80%;display: flex;justify-content: center; align-items: center;}
.menu-links ul {display: flex;}
.menu-links ul li a{ padding: 0 20px; font-weight: 400;font-size: 18px; color: #FFF1D1; text-decoration: none;}
.menu-links ul li a:hover, .menu-links ul li a.active{color:#FF9710;}
.other-links{ width: 10%; text-align: right;}

.close-menu{ display: none;}



.slider{background:#121E37; position:relative; z-index: 0; width: 100%;}
.slider-left-part{width: 50%; min-width: 600px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; }
.slider-right-part{width: 50%;}
.slider-right-part img{width: 100%;}

.rm-slider{ width: 100%; padding-left: 7vw; /*overflow: hidden;*/}
.slides{ width: 100%; display: flex !important;}
.slick-track{ width: 100%;}


.rm-slider .slick-dots, .rm-slider .slick-next, .rm-slider .slick-prev{ display: none !important;}
.slider.pb-24{ padding-bottom: 0;}

.rm-slider .slick-dots{ background: transparent;}
.rm-slider .slick-dots li.slick-active button:before{ background: #FF9710;  opacity:1;color: #000;}
.rm-slider .slick-prev {left: 4vw;}
.rm-slider .slick-next {right: 4vw;}
.rm-slider .slick-prev:before {color: #000; border-top: 2px solid;border-left: 2px solid;transform: rotate(-46deg);right: -1px;}
.rm-slider .slick-next:before {color: #000; border-bottom: 2px solid;border-right: 2px solid;transform: rotate(-46deg);left: -1px;}

.rm-slider .slick-arrow:before {content: '';width: 8px;height: 8px;display: block;border-color: #253858;opacity: 1;position: relative;}
.rm-slider .slick-arrow {display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 1);transition: all 0.5s ease-in-out;width: 24px;height: 24px;-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);box-shadow: 0px 0px 2px 0px rgb(227 227 227);border-radius: 50%;z-index: 9;}
.rm-slider .slick-arrow:hover, .slick-arrow:focus {background: rgba(255, 255, 255, 1);opacity: 1;}
.rm-slider .slick-dots li button {padding: 0;width: 6px;height: 6px;}
.rm-slider .slick-dots li button:before {content: '';width: 6px;height: 6px;background: rgb(37, 56, 88, 0.90);border-radius: 50%;opacity: 1 !important;}
.rm-slider .slick-dots {height: auto;line-height: normal;top: auto;display: flex;justify-content: center;align-items: center;bottom: -24px;left: 0; padding: 2px 0 8px 0; background: transparent;} 
.rm-slider .slick-dots li {width: auto;height: auto;margin: 0 3px;}


/* .items{position: relative;overflow: hidden;width: 100%;padding-bottom: 54%;}
.item{ display: flex; position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity .6s ease-in-out;}
.item.current{opacity: 1;} */

/* img{width: 100%;height: 100%;object-fit: cover;}} */
/* .buttons{position:absolute;z-index: 1;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;}
.button{width:32px;height:32px;border:none;outline:none;padding:0;background:transparent center no-repeat;
cursor:pointer;opacity:.4;
&.prev{background-image: url(img/icon-prev.png);}
&.next{background-image: url(img/icon-next.png);}
&:hover{opacity:.8;}}
.dots{position: absolute;bottom: -20px;left: 0;width: 100%;display: flex;justify-content: center;margin-top: 10px;}
.dot{display: block;width: 10px;height: 10px;border-radius: 50%;border: none;outline: none;padding: 0;background: #777;cursor: pointer;opacity: .5;transition: opacity .4s ease-in-out;
&:nth-child(n+2){margin-left: 5px;}
&.current{opacity: 1;}} */

.company-logos{ width: 100%; background-color: #fff;}
.company-logos div{ display: flex; justify-content:space-between;}

.what-we-do .container{ display: flex; align-items: center;}
.what-we-do img.main-image{ margin-top: 156px; width: 100%;}
.services-card{padding: 40px;border-radius: 6px;border: 1px solid #F3F3F3;background: #FFF;box-shadow: 10px 20px 30px 0px rgba(0, 0, 0, 0.25);}
.services-card h2{ margin-top: 24px; margin-bottom: 16px;}
.view-more-work{ width: 100%;display: flex;justify-content: center;}
.work-on-social-media ul{ display: flex; align-items: center; gap: 32px;}


.our-work { background: #F7F7F7;}
.col2.work-card{width:100%;}
.img-fit{ width: 100%; background: #fff; border-radius: 8px;}



.rm-portfolio-slider{ width: 100%; position: relative;}
.rm-portfolio-slider .slides{ width: 100%; display: flex !important;}
.rm-portfolio-slider .slick-track{ width: 100%; }

.rm-portfolio-slider .slick-dots{ background: transparent;}
.rm-portfolio-slider .slick-dots li.slick-active button:before{ background: #FF9710;  opacity:1;color: #000;}
.rm-portfolio-slider .slick-prev {left: -3vw;}
.rm-portfolio-slider .slick-next {right: -3vw;}
.rm-portfolio-slider .slick-prev:before {color: #000; border-top: 2px solid;border-left: 2px solid;transform: rotate(-46deg);right: -1px;}
.rm-portfolio-slider .slick-next:before {color: #000; border-bottom: 2px solid;border-right: 2px solid;transform: rotate(-46deg);left: -1px;}
.rm-portfolio-slider .slick-arrow:before {content: '';width: 8px;height: 8px;display: block;border-color: #253858;opacity: 1;position: relative;}
.rm-portfolio-slider .slick-arrow {display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 1);transition: all 0.5s ease-in-out;width: 24px;height: 24px;-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);box-shadow: 0px 0px 2px 0px rgb(227 227 227);border-radius: 50%;z-index: 9;}
.rm-portfolio-slider .slick-arrow:hover, .slick-arrow:focus {background: rgba(255, 255, 255, 1);opacity: 1;}
.rm-portfolio-slider .slick-dots li button {padding: 0;width: 6px;height: 6px;}
.rm-portfolio-slider .slick-dots li button:before {content: '';width: 6px;height: 6px;background: rgb(37, 56, 88, 0.90);border-radius: 50%;opacity: 1 !important;}
.rm-portfolio-slider .slick-dots {height: auto;line-height: normal;top: auto;display: flex;justify-content: center;align-items: center;bottom: -24px;left: 0; padding: 2px 0 8px 0; background: transparent;} 
.rm-portfolio-slider .slick-dots li {width: auto;height: auto;margin: 0 3px;}



.process-card{text-align: center; }
.process-card .col4{padding: 0 16px 0 0;}
.process-card .col4:last-child{ padding-right: 0;}
.process-card .col4 img{transition: 0.70s; transition: 0.70s;}
.process-card .col4 img:hover{transition: 0.70s; transform: rotate(180deg);}


.achievements{background: #121E37; color: #fff;}
.achievements ul{ display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 8px; }
.achievements ul li{ width: 49%;justify-content: center;align-items: center;display: flex;flex-wrap: wrap; border-radius: 6px;background: #172A4F; padding: 24px;height: 166px;min-width: 200px;max-width: 280px; text-align: center; }
.achievements ul li h1, .achievements ul li h3{ width: 100%;}
.achievements ul li h1 {color:#FF9710;}
.achievements-card h3{ font-weight: 400;}

.blog-articles{ width: 100%; display: flex; justify-content: center; gap: 40px;}
.blog-card{ width: 31%;}
.blog-card img.img-fit{ width: 100%; max-height: 207px;}
.blog-card a{ display: flex; font-size: 14px;font-weight: 600; color: #000;}


.blog-card{overflow: hidden;}
.blog-card img {transition: transform .5s ease;}
.blog-card:hover img {transform: scale(1.1);}
.blog-card a:hover img{ transform: translate(4px, 0px);}

.work-on-social-media img:hover,
.work-on-social-media a:hover img{ transform: none;transform:none;}

.blog-details img{ width: 100%;}
.blog-details h2{width: 100%; margin-top: 40px; margin-bottom: 16px;}
.blog-details p, .blog-details ul{width: 100%;}
.blog-details ul { margin-left: 32px;}
.blog-details ul li{ list-style-type: disc;}

.privacy-policy p{ width: 100%; margin-bottom: 16px; }
.privacy-policy h1{ width: 100%;padding-top: 40px; margin-bottom: 24px;}
.privacy-policy ul li{ list-style-type: disc; margin-left: 32px;}

.footer{background: #121E37;color: #FFF1D1; }
.footer a{color: #FFF1D1;}
.company-connect-info{ background: #17223A;}
.company-connect-info .company-logo{padding-bottom:32px;}
.company-logo{padding-bottom: 32px;margin-bottom: 32px;border-bottom: #fff 1px solid;width: 100%;display: flex; justify-content: center;}
.connect-info ul li{ margin-bottom: 32px; font-size: 18px;display: flex; align-items: flex-start;}
.connect-info ul li img{ margin-right: 8px; width: 20px; margin-top: 8px;}
.social-media-links ul { display: flex; gap: 10px; }
.social-media-links ul li a{display: flex; justify-content: center; align-items: center; background: #FF9710;width: 48px;height: 48px;padding: 10px; border-radius: 50%;transition: 0.70s; transition: 0.70s; }    
.social-media-links ul li a:hover{transition: 0.70s; transform: rotate(360deg);}


.footer-menu-links ul li{ margin-bottom: 24px; font-size: 20px; text-align: center; }
.footer-menu-links ul li a {position: relative;text-decoration: none;}

.footer-menu-links ul li a::before {content: '';position: absolute;width: 100%;
height: 2px;border-radius: 4px;background-color: #fff;
bottom: 0;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;}

.footer-menu-links ul li a:hover::before {transform-origin: left;transform: scaleX(1);}



.footer-seo-links{background: #15223C;color: #fff;}
.footer-seo-links a{ color: #FFF;}

/*inner pages css starts here*/
.inner-page-header{height: 172px;background: #121E37; color: #fff; display: flex; justify-content: center; align-items: center; }

.inner-sub-header{ width: 100%; display: flex; justify-content: center; text-align: center;}
.inner-sub-header p{ width: 750px; margin: 0 auto;}

.about-company{ text-align: left; width: calc(50% - 56px); margin-right: 56px;}
.about-company p{ width: auto;}
.about-image{ width: 50%;}
.about-image img{ width: 100%; height: 100%;border-radius: 6px;box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.25);}
.vision-mission-wrap{ display: flex; gap: 32px; flex-wrap: wrap; width: 100%; justify-content: center;}
.vms-cards{border-radius: 6px;box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.25);width: 358px; padding: 40px 32px; font-size: 18px;}
.vms-cards.vision{background: #E8EFFF;}
.vms-cards.mission{background: #FFF0DC;}
.vms-cards.support{background: #FFFBDC;}
.vms-cards img{ margin-bottom: 40px;}
.vms-cards h2{ margin-bottom: 16px;}

.why-us-left{ width: 50%; padding-right: 32px;}
.why-us-right{ width: 50%; position: relative;}
.why-us-right img{width: 100%; position: absolute;right: 0; top: -110px;}
.why-choose-us{background: #121E37; color: #fff;}
.why-us-points{ display: flex; justify-content: center; flex-wrap: wrap; width: 100%; margin-top: 56px; gap: 32px 16px;}
.why-us-points .points{width: calc(50% - 16px);}
.why-us-points .points img{ width: 50px;}
.why-us-points .points h2{ margin-top: 24px; margin-bottom: 16px;}

.our-experts{ text-align: center;}
.our-expert-profiles{width: 100%;display: flex}
.expert-profile{ width: 25%;}
.expert-profile > img{margin-bottom: 16px;}
.expert-position{color: #707070;font-weight: 400; font-size: 18px;margin-top: 8px; margin-bottom: 24px;}
.social-profile img{ margin:0 12px;}

.need-advice{ text-align: center;}

.all-services .all-cards{ display: flex; flex-wrap: wrap; gap: 24px; width:calc(100% - 24px); justify-content: center;}
.all-services .services-card { width: 30%;box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.25);}
.design-advice-for{ background:#121E37; color: #fff;}
.advice-points{border-radius: 6px;background: #172A4F;}
.advice-points ul{ display: flex; flex-wrap: wrap;  gap: 30px;}
.advice-points ul li{ width: 47%;padding-left: 32px; font-size: 18px; font-weight: 600; background: url(/img/tick.svg); background-repeat: no-repeat;background-position: 0px 7px; }

.easy-steps-path{ display: flex; flex-wrap: wrap; gap: 80px; justify-content: center;text-align: center;width: 100%; padding: 0 100px;}
.easy-steps{ width: 28%; position: relative;}
.easy-steps img{transition: transform .5s ease;}
.easy-steps:hover > img {transform: scale(1.1);}


.easy-steps::after{ border: 1px dashed #000; content: ""; position: absolute; width: 350px;top: 36px;left: 176px; }
.easy-steps:last-child::after{ display: none;}

.what-client-says{background: #F7F7F7;}
.client-says-wrap, .client-image{align-items: center;display: flex;flex-wrap: wrap;}
.client-says-wrap {/*width: calc(52% - 32px);*/ width: 50%;}
.client-image{width: 50%;}
.client-image img{width: 100%; height: auto;}
.client-say-card{width: 100% !important; display: flex !important; gap: 24px;}
.says-card{border-radius: 6px; padding: 20px; background:#fff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);}
.says-card img{transition: transform .5s ease;}
.says-card:hover > img {transform: scale(1.1);}
.rating{ width: 100%; display: flex;}
.rating img{ margin-right: 8px;}
.client-company{ font-size: 14px;color: #5C5C5C; font-weight: 400;}


.client-slider{ width: 100%; position: relative;}
.client-slider .slides{ width: 100%; display: flex !important; padding: 8px;}
.client-slider .slick-track{ width: 100%; }
.client-slider .slick-dots{ background: transparent;}
.client-slider .slick-dots li.slick-active button:before{ background: #FF9710;  opacity:1;color: #000;}
.client-slider .slick-prev {left: 0vw;}
.client-slider .slick-next {right: 0vw;}
.client-slider .slick-prev:before {color: #000; border-top: 2px solid;border-left: 2px solid;transform: rotate(-46deg);right: -1px;}
.client-slider .slick-next:before {color: #000; border-bottom: 2px solid;border-right: 2px solid;transform: rotate(-46deg);left: -1px;}
.client-slider .slick-arrow:before {content: '';width: 8px;height: 8px;display: block;border-color: #253858;opacity: 1;position: relative;}
.client-slider .slick-arrow {display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 1);transition: all 0.5s ease-in-out;width: 24px;height: 24px;-webkit-box-shadow:0px 0px 12px 0px rgb(33 32 32 / 35%);-moz-box-shadow: 0px 0px 12px 0px rgb(33 32 32 / 35%);box-shadow: 0px 0px 12px 0px rgb(33 32 32 / 35%);border-radius: 50%;z-index: 9;}
.client-slider .slick-arrow:hover, .slick-arrow:focus {background: rgba(255, 255, 255, 1);opacity: 1;}
.client-slider .slick-dots li button {padding: 0;width: 6px;height: 6px;}
.client-slider .slick-dots li button:before {content: '';width: 6px;height: 6px;background: rgb(37, 56, 88, 0.90);border-radius: 50%;opacity: 1 !important;}
.client-slider .slick-dots {height: auto;line-height: normal;top: auto;display: flex;justify-content: center;align-items: center;bottom: -24px;left: 0; padding: 2px 0 8px 0; background: transparent;} 
.client-slider .slick-dots li {width: auto;height: auto;margin: 0 3px;}













.get-in-touch{ background: #F7F7F7;}
.get-in-touch-img{ width: calc(50% - 56px);}
.get-in-touch-img img{ width: 100%;}
.get-in-touch-details{ width: 50%;display: flex; align-items: center;flex-wrap: wrap;}
.contact-with-details{ display: flex; gap: 56px 0; width: 100%;display: flex; align-items: center; flex-wrap: wrap;}
.contact-with{ width: 50%;display: flex;align-items: center;}

.follow-us .follow-wrap{display: flex;flex-wrap: wrap;width: 100%;justify-content: center;text-align: center;}
.follow-us .social-media-links{ margin: 0 auto; }
.follow-us .social-media-links ul{gap: 32px;}
.follow-us .follow-wrap h1{ position: relative;}
.follow-us .follow-wrap h1::before{ border: 1px solid #000; content: ""; position: absolute; width: 350px;top: 31px;right: 100px; }
.follow-us .follow-wrap h1::after{ border: 1px solid #000; content: ""; position: absolute; width: 350px;top: 31px;left: 100px; }

.contact-map img{ width: 100%;}

.blog-card-inner{padding: 24px; border-radius: 4px;background: #fff;box-shadow: 0px 4px 16px 4px rgba(0, 0, 0, 0.15);}
.blog-card-inner img.img-fit{ width: 100%;}


/*chatbot*/

.fix-icons{ position:fixed; z-index: 1; bottom: 30px; right: 20px;}
.fix-icons img{box-shadow: 0 8px 10px #0000003b; border-radius: 50%;}

.chatbot{position: fixed; right: 20px; bottom: 90px; z-index: 2; border-radius: 8px; background: #FFF; font-size: 12px; color: #000; width: 358px;height: 590px;}
.chatbot-header{border-bottom: 2px solid #A9A9A9; border-radius: 8px 8px 0 0;background: #FFF;width: 358px;padding: 16px;display: flex;flex-direction: column;align-items: flex-start;gap: 8px;}
.header-top{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.action-icons{ display: flex;}
.action-icons a{ display: flex; align-items: center;justify-content: center; padding: 8px;text-decoration: none;}

.sub-header{ font-weight: 600; display: flex;width: 100%;justify-content: space-between; align-items: center;}
.sub-header span a{ font-size: 16px; padding: 8px; text-decoration: none;}

.chatbot-discussion{ width: 100%; height: 490px; overflow-y: scroll; overflow-x: hidden; position: relative;border-radius: 0 0 8px 8px;}

.predefined-questions{ width: 100%; margin: 8px 0 24px 0;}
.question-set{ text-align: center;}
.question-set ul li{ background: #fff; padding: 8px 16px;  font-weight: 400;}
.question-set ul li:last-child{ background: #F5F5F6;}


.default-question{display: flex;padding: 16px;justify-content: center;align-items: flex-start;gap: 16px;border: 1px solid #C5D7FF;background: #F6F9FF;}
.chatbot-logo{ width: 48px;}
.question-action-wrap{ display: flex; gap: 16px;width: 100%;flex-wrap: wrap;}
.chatbot-question{ font-weight: 600;}
.queston-actions{ display: flex; justify-content: space-between;width: 100%;}
.icon-actions{display: flex; gap: 12px;}
.question-time{color: #6D7483; font-weight: 400;}

.user-question{display: flex;padding: 16px;justify-content: center;align-items: flex-start;gap: 16px;background: #FFF;}
.user-logo{ width: 48px; height: 48px;border-radius: 96px;border: 1px solid #FFD7A3; background: #FFEBD2;color: #0D1322;display: flex;justify-content: center; align-items: center;flex-shrink: 0;}


.chatbot-input{ position:sticky; bottom: 0; border-radius: 8px;border: 1px solid #C5D7FF;background: #FFF;display: flex;width: 358px;padding: 16px;justify-content: space-between;align-items: center;}
.chatbot-input .inp{color: #000; font-weight: 400; width: 90%; border: none;}
.chatbot-input .inp::placeholder{color: #878A8F;}

.btn-primary.new-chat-btn{ position: sticky; bottom: 90px; margin: 0 auto; width: 160px; height: 40px; border-radius: 36px;background: #FF9710;box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.25); font-size: 12px;}





/*FAQs*/

.accordion .accordion-item {border-bottom: 1px solid #eee;}
.accordion .accordion-item button[aria-expanded='true'] {border-bottom: 1px solid #FF9710;}
.accordion button {position: relative;display: block;text-align: left;width: 100%;padding: 16px 16px 16px 8px;font-size: 18px;font-weight: 400;border: none;background: none;outline: none;}
.accordion button:hover,.accordion button:focus {cursor: pointer;color: #FF9710;}
.accordion button:hover::after, .accordion button:focus::after {cursor: pointer;color: #FF9710;border: 1px solid #FF9710;}
.accordion button .accordion-title {}

.accordion button .icon {
display: inline-block;
position: absolute;
top: 18px;
right: 0;
width: 22px;
height: 22px;
border: 1px solid;
border-radius: 22px;
}

.accordion button .icon::before {
display: block;
position: absolute;
content: '';
top: 9px;
left: 5px;
width: 10px;
height: 2px;
background: #FF9710;
}
.accordion button .icon::after {
display: block;
position: absolute;
content: '';
top: 5px;
left: 9px;
width: 2px;
height: 10px;
background: #FF9710;
}

.accordion button[aria-expanded='true'] {
color: #FF9710;
}
.accordion button[aria-expanded='true'] .icon::after {
width: 0;
}
.accordion button[aria-expanded='true'] + .accordion-content {
opacity: 1;
max-height: 9em;
transition: all 200ms linear;
will-change: opacity, max-height;
}
.accordion .accordion-content {
opacity: 0;
max-height: 0;
overflow: hidden;
transition: opacity 200ms linear, max-height 200ms linear;
will-change: opacity, max-height;
}
.accordion .accordion-content p {
/* font-size: 1rem; */
font-weight: 300;
margin: 2em 0;
}
  




/* ----------- Responsive Design ----------- */

@media (max-width: 1024px) {
.container {width: 100%; padding: 0 32px;}
.pb-56{padding-bottom: 40px;}
.pt-56 { padding-top: 40px;}
.mb-56 {margin-bottom: 40px;}
.mt-56 {margin-top: 40px;}
.btn-primary, .btn-secondary{font-size: 16px; width: 250px;  height: 50px;}
h1{font-size: 32px;}
.card-title{ font-size: 16px;}
.sub-title{ font-size: 20px;}
.sub-title-2{ font-size: 16px;}
.text-card-subtitle{ font-size: 12px;}

.slider.pb-24{ padding-bottom: 24px;}


.what-we-do .col3{ width: 50%;}
.what-we-do-tablet.col3{ width: 100%;}
.what-we-do-tablet.col3{ width: 100%; display: flex; margin-top: 40px; padding-left: 0; gap: 40px;}
.what-we-do-tablet.col3 .services-card{ width: 50%; margin-bottom: 0;}
.blog-articles .blog-card {width: 47%;}
.blog-articles .blog-card:last-child{width: 100%;}

.all-services .services-card { width: 40%;}
.advice-points ul li{width: 100%;}
.easy-steps-path{ padding: 0 20px; gap: 48px;}
.easy-steps::after{width: 210px;}
.client-image img{width: 100%;height: 510px;}

.blog-card {width: 40%;}

.follow-us .follow-wrap h1::after, .follow-us .follow-wrap h1::before{ width: 20%;}
.contact-with {width: 100%;}

/*footer*/
.main-links .col4{ width: 33%;}
.col4.social-media-links{ width: 100%;}
.social-media-links ul{ justify-content: center;}

}



@media (max-width: 667px) {

.container {padding: 0 16px;}
.pb-56{padding-bottom: 16px;}
.pt-56 { padding-top: 32px;}
.w-80 {width: 100%;}
.col2, .col4 {width: 100%;}

body{font-size: 12px;}

h1{font-size: 24px;}
.card-title{ font-size: 16px;}
.sub-title{ font-size: 16px;}
.sub-title-2{ font-size: 12px;}
.text-card-subtitle{ font-size: 12px;}
.btn-primary, .btn-secondary { font-size: 12px; width: 126px;  height: 40px;}
.other-links{ display: none;}

.hamburger-menu {position: absolute;top: 16px;right: 16px;width: 32px;height: 32px;cursor: pointer;z-index: 9998;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
.bar,.bar:after,.bar:before {width: 30px;height: 3px;}

.bar {position: relative;transform: translateY(10px);background: #fff;transition: all 0ms 300ms;}

/* .bar.animate {background: rgba(255, 255, 255, 0);} */

.bar:before {content: "";position: absolute;left: 0;bottom: 10px;background: #fff;transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.bar:after {content: "";position: absolute;left: 0;top: 10px;background: #fff;transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}

/* .bar.animate:after {top: 0;transform: rotate(45deg);transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.bar.animate:before {bottom: 0;transform: rotate(-45deg);transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);} */

.mobile-menu li {font-size: 12px;line-height: 48px;position: relative;width: 100%;text-align: center;}

.mobile-menu {top: 74px;max-width: 250px;right: -100%;width: 100%;border-radius: 16px;background: #fff;color: #000;position: fixed;z-index: 9997;overflow-y: auto;transform: translate3d(0, 0, 205px);transition: all 500ms ease-in-out;}  
.mobile-menu.active {right: 16px;transform: translate3d(0, 0, 0);transition: all 500ms ease-in-out;}
.overlay.active  {transform: translate3d(0, 0, 0);transition: all 500ms ease-in-out; width: 100vw; height: 100vh; position: fixed; left: 0; right: 0; top: 0; background: #0000003b;}

.menu-links ul {flex-wrap: wrap; margin: 36px 0 16px 0;}
.menu-links ul li a{ color: #000; display: block;}

.close-menu {display: block;text-align: right;right: 16px;top: 16px;width: 16px;position: absolute;}



.slider-right-part{ display: none;}
.slider-left-part { min-width:100%;}
.rm-slider {padding-right: 2vw;}


.company-logos div{display: flex;flex-wrap: nowrap; padding: 0 4px;}
.company-logos div > img{ width: 100%;}

.what-we-do img.main-image {margin-top: 24px;margin-bottom: 24px;}
.what-we-do .col3{ width: 100%; padding: 0;}
.what-we-do .col3 {width: 100%;padding: 0;flex-wrap: wrap; display: flex;}
.what-we-do-tablet.col3 .services-card{ width: 100%;}

.col2.work-card {width: 100%; margin: 0 0 32px 0;}
.process-card .col4{width: 70%; padding-right: 0; margin:0 auto 32px;}

.achievements-left-part{ padding-right: 0; margin-bottom: 32px;}
.achievements-card h3{ font-size: 16px;}
.achievements ul li {width: 70%;}

.about-company, .about-image {width: 100%;margin-right: 0;}
.about-image{margin-top: 16px;}
.why-us-right{ display: none;}
.why-us-left {width: 100%; padding-right:0px;}
.why-us-points .points {width: 58%;}

.our-expert-profiles{flex-wrap: wrap;}
.expert-profile {width: 100%; margin-bottom: 32px;}

.all-services .services-card, .all-services .all-cards {width: 100%;}
.easy-steps::after{ display: none;}
.easy-steps {width: 90%;}
.client-says-wrap {width: 100%;padding: 0;}
.client-image {width: 100%;margin-top: 32px;}

.blog-articles .blog-card {width: 100%;}
.blog-articles { gap: 32px;}

.get-in-touch-img, .get-in-touch-details {width: 100%;margin: 0;}
.follow-us .follow-wrap h1::after, .follow-us .follow-wrap h1::before{ display: none;}
.contact-map img{ height: 600px;}

/*footer*/
.main-links .col4{width: 100%; margin: 0 auto; padding-right: 0; margin-bottom: 40px;}
.col4.social-media-links{ margin-bottom: 0;}
.footer-seo-links{padding-bottom: 100px;}

}