/******* Common Element CSS Start ******/
body 							{ background-color: #ffffff; font-family: "Poppins", sans-serif;}
*, *:before, *:after 			{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*								{ margin: 0px; padding: 0px; }
img								{ border: 0px; max-width: 100%; height: auto; vertical-align: middle; }
ul,ol							{ list-style: none; }
.home-page-main a,.home-page-main a:hover,.home-page-main a:focus,
.home-page-main a:focus,.home-page-main a:active,.home-page-main a:visited		{ outline: none; border: 0px; text-decoration: none;}
h1,h2,h3,h4,h5,h6,p,figure 		{ margin: 0px; padding: 0; }
ul,ol 							{ padding: 0; }
.heading-title-h1 				{ font-size: 64px; line-height: 82px; font-weight: 800; font-family: "Montserrat", sans-serif;}
.heading-title-h2 				{ font-size: 60px; line-height: 72px; font-weight: 800; font-family: "Montserrat", sans-serif;}
.heading-title-h3 				{ font-size: 50px; line-height: 62px; font-weight: 800; font-family: "Montserrat", sans-serif;}
.heading-title-h4 				{ font-size: 32px; line-height: 39px; font-weight: bold; font-family: "Montserrat", sans-serif; color: #0C1D3D; }
.heading-title-h5 				{ font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 40px; line-height: 50px; color: #ffffff;}
.heading-title-h6 				{ font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 24px; line-height: 32px; color: #ffffff;}
.font-28 						{ font-size: 28px; line-height: 40px; font-weight: 700;}
.font-22 						{ font-size: 22px; line-height: 38px; font-weight: 400;}
.font-18 						{ font-size: 18px; line-height: 24px; font-weight: 400;}
.font-16 						{ font-size: 16px; line-height: 26px; font-weight: 600;}
.common-btn.hero-btn 			{ background: #0487FF; color: #ffffff; font-weight: bold; padding: 15px 30px; transition: 0.5s; -webkit-transition: 0.5s; border: 1px solid #0487FF; border-radius: 30px; box-shadow: none; }
.common-btn.hero-btn:hover,
.common-btn.hero-btn:focus 		{ background: transparent; color: #0487FF;}
.cmn-pad-60 					{ padding-top: 60px; padding-bottom: 60px;}
span.br 						{ display: block;}
.text-start {text-align: start;}
/* ----------- Color Element CSS Start -----------*/
:root { --white-color: #ffffff; --theme-color: #0487FF; --cmn-color: #000000; --dark-color: var(--dark-color); --cmn-font: #4d4d4d; }
/* ----------- Hero Section CSS Start -----------*/
.container 							{ position: relative;}
.main-hero 							{ overflow: hidden; }
.hero-slider-img					{ background: no-repeat right center / cover; position: relative; height:600px;display:flex;flex-direction:column;justify-content:center;}
.hero-slider-img:before 			{ content: ''; display: block; left: 0; top: 0; width: 100%; height: 100%; position: absolute; z-index: 0; }
.hero-content{max-width: 950px;}
.hero-slider-img > div 				{ position: relative; z-index: 1;}
.hero-content 						{ color: #ffffff; }
.hero-content .heading-title-h1		{ margin-bottom: 25px; }
.hero-content .font-22				{ margin-bottom: 50px; font-weight: 200;}
.side-content-line  				{ position: absolute; top: 50%; display: block; width: 100%; text-align: center; transform-origin: 0 0; --webkit-transform-origin: 0 0;}
.side-content-line a 				{ font-family: "Poppins", sans-serif; font-weight: 400; font-size: 18px; line-height: 32px; color: #000000; transition: 0.5s; }
.side-content-line a:hover,
.side-content-line a:focus 			{ color: #0487FF;}
.right-txt 							{ transform: rotate(-90deg) translateX(-50%);left: calc(100% + 15px); }
.left-txt 							{ transform: rotate(-90deg) translateX(-50%);left: -45px; }
.hero-slider .slick-dots 								{ bottom: 0px; display: flex; height: 100%; z-index: 0; }
/* .hero-slider .slick-dots li 							{ width: calc(100% / 4); margin: 0px; height: unset; }
.hero-slider .slick-dots li button 						{ height: unset; padding: 0; width: unset; }
.hero-slider .slick-dots li button:after 				{ content: ''; display: block; right: 0; bottom: 0; width: 2px; height: 100%; background-color: rgba(255, 255, 255, 0.1); position: absolute; }
.hero-slider .slick-dots li button:before 				{ font-family: "Poppins", sans-serif; font-size: 18px; line-height: 32px; color: #ffffff; text-align: right; width: 100%; height: 100%; display: flex; align-items: flex-end; writing-mode: vertical-rl; transform: rotate(180deg);}
.hero-slider .slick-dots li:first-child button:before 	{ content: 'Game';}
.hero-slider .slick-dots li:nth-child(2) button:before 	{ content: 'AI-ML';}
.hero-slider .slick-dots li:nth-child(3) button:before 	{ content: 'AR-VR';}
.hero-slider .slick-dots li:last-child button:before 	{ content: 'App & Web';} */
.hero-main-content { position: relative; z-index: 2;}
.listingbanner { position: absolute; text-align: left; width: 100%; height: 100%; display: flex; align-items: flex-start; writing-mode: vertical-rl; transform: rotate(180deg); z-index: -1; flex-direction: column; bottom: 0; left: 0; }
.listingbanner li { width: calc(100% / 4);  font-family: "Poppins", sans-serif; font-size: 18px; line-height: 32px; color: #ffffff; display: flex; height: 100%; align-items: flex-end; padding: 32px 0px 0px 48px;}
.listingbanner li:not(:last-child) { border-left: 1px solid rgba(255, 255, 255, 0.1); }

/* ----------- Leading Brands CSS Start -----------*/
.leading-brands-sec p.font-16 		{ color: #4d4d4d; text-align: center; letter-spacing: 1px; text-transform: uppercase; }
.leading-brands-sec ul 				{ margin: 32px 0 0;}
.leading-brands-sec ul li.slick-slide {display:flex !important;justify-content:center;align-items:center;margin:0 10px;}
.leading-brands-sec .slick-list     {margin:0 -10px; }
.leading-brands-sec ul img 			{ max-height: 50px;}
/* ----------- Awards CSS Start -----------*/
.cmn-pad-60.awards-sec 				{ padding-bottom: 30px;}
.cmn-highlight-box					{ text-align: center;}
.hightlight-txt 					{ display: inline-flex; padding: 10px 14px; background: rgba(110, 127, 153, 0.15); border-radius: 8px; text-transform: uppercase; font-size: 16px; line-height: 26px; font-weight: 500; }
.cmn-highlight-box 					{ margin-bottom: 40px; }
.cmn-highlight-box .hightlight-txt 	{ margin-bottom: 16px; }
.cmn-highlight-box .heading-title-h2{ color: #0C1D3D; }
.cmn-highlight-box .font-22 		{ color: #4d4d4d; margin-bottom: 40px; }
.award-box 							{ margin-bottom: 30px;}
.awrd-item 							{ background-color: #000; height: 500px; display: flex; flex-direction: column; justify-content: space-between; padding: 60px; border-radius: 40px; }
.awrd-item ul.imglist li p 			{ margin-top: 24px; font-weight: 400; font-size: 18px; line-height: 30px; color: #f2f2f2;}
.award-box:first-child .awrd-item ul.imglist li { width: 100%;}
.award-box:nth-child(2) .awrd-item 	{ background: url(https://www.yudiz.com/wp-content/uploads/2023/06/awardbg.webp) no-repeat center center/cover;}
.award-box:nth-child(2) .heading-title-h5, 
.award-box:nth-child(2) h5 			{ color: #0C1D3D; }
.awrd-item ul 						{ margin-bottom: 0; display: flex; flex-wrap: wrap;}
.awrd-item ul.imglist li 			{ padding-right: 8px; width: calc(100% / 2);}
.awrd-item ul.imglist li .image-main {min-height:80px;}
.award-box:nth-child(2) .awrd-item ul.imglist li p { color: rgba(0,0,0,.8); }
/* ----------- Our Solution CSS Start -----------*/
.our-solution						{ background-color: #191D21;}
.our-solution .cmn-highlight-box .hightlight-txt	{ background-color: #ffffff; color: #000000; }
.our-solution .cmn-highlight-box .heading-title-h2,.tab-banner-content p,
.our-solution .tab-banner-content h4,
.our-solution .font-22 								{ color: #ffffff; }
.our-solution .cmn-highlight-box .heading-title-h2 	{ margin-bottom: 6px;}
.our-solution .cmn-highlight-box .font-22 		{ max-width: 95%; margin: 0 auto; opacity: 0.7;color:#ffffff;}
.solution-tab .tab-content-main					{ margin-top: 70px;}
.solution-tab 									{ overflow: hidden;}
.solution-tab ul 								{ display: flex; justify-content: center; border: 0;}
.solution-tab .tab-button 							{ padding: 17px; background: #F9FAFC; border-radius: 12px; text-align: center; width: 100%; height: 148px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #6D758F; transition: 0.5s; cursor: pointer; font-size: 16px; line-height: 22px; font-weight: 600; }
.solution-tab ul .slick-track					{ margin: 0 -12px; }
.solution-tab ul li								{ margin: 0 12px; }
.solution-tab ul a 								{ transition: 0.5s; }
.solution-tab ul li img 						{ margin-bottom: 10px; }
.solution-tab ul li.slick-slide .tab-button 							{ background: #242526; color: rgba(255, 255, 255, 0.7); }
.solution-tab ul li.slick-slide.slick-current.slick-active .tab-button { background: #101010; color: rgba(255, 255, 255, 1); }

.tab-banner-content h4 								{ margin-bottom: 24px;}
.tab-banner-content p 								{ font-size: 22px; line-height: 38px; margin-bottom: 16px; }
.tab-banner-content p:last-of-type                  { margin-bottom:0;}
.tab-banner-content a                               {display:inline-block;}
.tab-banner-content p > a 		                    {display:inline-block;margin-top: 0;color:#fff;font-weight: bold;}
.tab-banner-content a figure						{ width: 60px; height: 60px; border-radius: 50%; border: 1px solid rgba(163, 163, 163, 0.3); display: flex; align-items: center; justify-content: center; margin-right: 16px; transition: 0.5s; }
.tab-banner-content a img 							{ transition: 0.5s; }
.tab-banner-content a.explore-link					{ color: #ffffff; transition: 0.5s;margin-top: 16px; display: inline-flex; align-items: center; color: #0487FF; transition: 0.5s;  }
.explore-link:hover,.explore-link:focus,
.tab-banner-content a:hover,
.tab-banner-content a:focus 						{ color: #0487FF;}
.tab-banner-content p > a:hover,.tab-banner-content p > a:focus{opacity:0.5;color:#fff;} 	
.tab-banner-content a.explore-link:hover figure,
.tab-banner-content a.explore-link:focus figure		{ background: #0487FF; }
.tab-banner-content a.explore-link:hover figure img,
.tab-banner-content a.explore-link:focus figure	img	{ filter: brightness(0) invert(1); }
.tab-banner-content .heading-title-h4               {color:#fff;padding-bottom:24px;}
.tab-banner-content p                               { color:#F2F2F2; opacity:70%;}
.tab-banner figure img 								{ image-orientation: none; width: 100%; }
/* ----------- Our Services CSS Start -----------*/
.our-services .cmn-highlight-box .hightlight-txt	{ background-color:rgba(110, 127, 153, 0.15); color: #000000; }
.our-services .service-list 						{ margin-bottom: 80px;}
.service-box 										{ border: 1px solid rgba(0, 0, 0, 0.4); padding: 32px 24px; border-radius: 8px; height: 100%; display: flex; flex-direction: column; justify-content: space-around; }
.service-box .heading-title-h6 						{ max-width: 85%;color:#000000;}
.title-img 											{ display: flex; justify-content: space-between; margin-bottom: 16px; align-items: center; }
.service-box p										{ font-size: 16px; line-height: 26px; max-width: 80%; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.service-box a.link-txt 							{ display: inline-flex; align-items: center; margin-top: 16px;}
.service-box a.link-txt,
.service-box a.link-txt img							{ color: #0487FF; transition: 0.5s; }
.service-box a img									{ margin-left: 10px;}
.hireblock-cmncontent .link-txt:hover img,
.content .link-txt:hover img,.btn-main .link-txt:hover img,
.service-box a:hover img								{ animation: MyDiv; animation-duration: 0.5s; animation-iteration-count: 1; animation-timing-function: ease-in; animation-direction: normal;}
@-webkit-keyframes MyDiv {
	0%   { transform: translateX(0px); }
  	100%  { transform: translateX(10px);}
}
.row.service-row 									{ gap: 32px 0;}
/* ----------- About CSS Start -----------*/
.about-us-sec 										{ margin: 0px 0 20px;}
.about-img img 										{ border-radius: 8px; }
.about-us-content .cmn-highlight-box				{ text-align: left;margin-bottom:0;}
.about-us-content .cmn-highlight-box p.font-22		{ opacity: 0.7;}
.about-us-content .heading-title-h2 				{ margin-bottom: 16px;}
.btn.common-btn,
.about-us-content .btn.common-btn 					{ background-color: #0487FF; color: #ffffff; font-size: 18px; line-height: 24px; font-weight: bold; border-radius: 30px; display: inline-flex; padding: 15px 30px; border: 1px solid #0487FF; transition: 0.5s; box-shadow: none; }
.btn.common-btn:hover,
.btn.common-btn:focus,
.about-us-content .btn.common-btn:hover,
.about-us-content .btn.common-btn:focus 				{ background: transparent; color: #0487FF;}
/* ----------- Innovation Creation CSS Start -----------*/
.list-img 			{ max-height: 575px; }
.list-img img		{ border-radius: 8px; }
.head-button 		{ display: flex; align-items: center; justify-content: space-between;}
.head-button h4		{ margin-right: 10px; }
.list-content-area 	{ margin: 24px 0 0;}
.head-button .common-btn		{ display: flex; align-items: center; padding: 15px 30px; color: #ffffff; background-color: #0487FF; border: 1px solid #0487FF; font-size: 18px; line-height: 24px; transition: 0.5s; border-radius: 30px; }
.head-button .common-btn img  	{ transform: rotate(-25deg); margin-right: 10px; transition: 0.5s; filter: brightness(0) invert(1); }
.head-button .common-btn:hover,
.head-button .common-btn:focus { background-color: transparent; color: #0487FF;border:1px solid #0487FF; }
.head-button .common-btn:hover img,
.head-button .common-btn:focus img { transform: rotate(-25deg) translateX(3px); filter: brightness(1) invert(0); }
.tag-line 					{ margin: 24px 0;}
.tag-line button 			{ background-color: #ebebeb; border-radius: 30px; padding: 8px 24px; font-size: 16px; border:0; line-height: 26px; color: #0C1D3D; font-weight: 500;}
.tag-line button:not(:last-child) { margin-right: 24px;}
.list-content-area p.font-20 { font-size: 20px; line-height: 32px; color: rgba(0,0,0,0.8); display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

/* ----------- Blog CSS Start -----------*/
.home-blog-section .image-main img{max-height:285px;width:100%;}
.home-blog-section .content-main .category-name{ font-weight: 500; text-transform: capitalize; color: #0487FF; padding-bottom: 32px; display: inline-block; }
.home-blog-section .content-main .font-22{font-weight:700;line-height:36px;padding-bottom:36px;color: #0C1D3D; }
.home-blog-section .content-main .common-text{font-weight:500;color:#0C1D3D;text-transform: capitalize;}
.home-blog-section .content-main .dot { width: 5px; height: 5px; display: inline-block; background: #0C1D3D; border-radius: 50%; margin: 0 8px; vertical-align: middle; }
.home-blog-section .btn-main{margin-top:4px;}
.home-blog-section .btn-main .link-txt{font-weight: 500;line-height:32px;}
.home-blog-section .btn-main .link-txt i{vertical-align:middle;margin-left: 8px;}
.home-blog-section .blog-loop{transition:0.4s all ease-in-out;-webkit-transition:0.4s all ease-in-out;display:flex;flex-direction:column;height:100%;border:1.5px solid #A8AEBD;}
.home-blog-section .content-main{padding:32px 24px 48px 24px;flex: 1;display:flex;flex-direction:column;align-items:stretch; transition: 0.5s; }
.home-blog-section .blog-loop:hover{box-shadow:0px 10px 30px #D1D4DB;-webkit-box-shadow:0px 10px 30px #D1D4DB; }
.home-blog-section .blog-loop:hover .content-main{border-color:transparent;}
.home-blog-section .bottom-content{margin-top:auto;}

/* ----------- News CSS Start -----------*/
.news-section .heading-title-h6{font-family: "Poppins", sans-serif; color:#0C1D3D;line-height:36px;font-weight:700;margin-bottom:20px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3; -webkit-box-orient: vertical;}
.news-section .font-16{font-weight:400;color: #0C1D3D;margin-bottom:40px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical;}
.news-section .btn-main .link-txt{font-weight: 600;line-height:32px;}
.news-section .btn-main .link-txt i { vertical-align: middle; margin-left: 8px; }
.news-section .date{padding-bottom:20px;display:inline-block;text-transform: uppercase;color: rgba(77, 77, 77, 0.7);}
.news-section .news-box { padding: 32px; border: 2px solid #A8AEBD; transition: all 0.3s ease;-webkit-transition: all 0.3s ease;height:100%;}
.news-section .news-box:hover{box-shadow: 0px 10px 30px #D1D4DB;-webkit-box-shadow: 0px 10px 30px #D1D4DB;border-color:transparent;}

/* ----------- Testimonals CSS Start -----------*/
.testimonals-section .buttons-main{display:flex;gap:8px;}
.testimonals-section .btn { width: 48px; height: 48px; border-radius: 50%; background: #3B3D3F; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: 0.5s; border: 1px solid #3B3D3F;}
.testimonals-section .btn img{filter: brightness(0) invert(1);}
.testimonals-section .btn:hover,.testimonals-section .btn:focus { background-color: transparent; }
.testimonals-section .btn:hover img,.testimonals-section .btn:focus img { filter: brightness(1) invert(0); }
.testimonals-section .main-btn { display: inline-flex; padding: 10px 14px; background: rgba(110, 127, 153, 0.15); border-radius: 8px; text-transform: uppercase; font-size: 16px; line-height: 26px; font-weight: 500; margin-bottom:16px; }
.testimonals-section .heading-title-h2{margin-bottom:38px;}
.testimonals-section .content-main img{margin-bottom:16px;width:32px;height:32px;}
.testimonals-section .content-main .font-22{font-weight:600; color:#0C1D3D;padding-bottom: 24px;}
.testimonals-section .content-main .font-16{font-weight:500;color:#0C1D3D;}
.testimonals-section .content-main .font-18{font-weight: 600;color:rgba(77, 77, 77, 0.7);text-transform: uppercase;padding-bottom:48px;}
.testimonals-section .video-main .thumbnail{width:100%;max-height:505px;border-radius: 8px;}
.testimonals-section .video-main { position: relative; z-index: 1; }
.testimonals-section .video-main a { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #0487FF; width: 111px; height: 111px; border-radius: 50%;overflow: hidden;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
.testimonals-section .video-main .play-main figure { display: flex; justify-content: center; align-items: center; height: 100%; }

.testimonals-section .video-main .play-main .fa-play{margin-left:5px;}
.testimonals-section .slick-slider { margin:0 -1px; }
.testimonals-section .slick-slide { margin-right:1px; margin-left:1px; }

/* ----------- CTA CSS Start -----------*/
.home-cta-section{padding-bottom: 100px;}
.home-cta-section .home-cta-inner{background: #FFFFFF;box-shadow: 0px 14px 55px rgba(202, 203, 239, 0.4);-webkit-box-shadow: 0px 14px 55px rgba(202, 203, 239, 0.4);border-radius: 12px;}
.home-cta-section .home-cta-inner .content{padding:48px 0 48px 97px;}
.home-cta-section .home-cta-inner .content .heading-title-h2{padding-bottom: 50px;}
.home-cta-section .home-cta-inner .font-22{font-weight:400;color: rgba(0, 0, 0, 0.8);opacity: 0.7;}
.home-cta-section .home-cta-inner .vertical-text { display: flex; align-items: center;}
.home-cta-section .home-cta-inner .vertical-text .heading-title-h2 {background: #D0D2E2; display:inline-block; opacity:0.5; margin:0;-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}

.home-cta-section .home-cta-inner .slick-slide.slick-current.slick-active.slick-center + .slick-slide.slick-active .vertical-text .heading-title-h2 {background: linear-gradient(90.77deg, #0085FF -0.85%, #0062BC 56.24%, #04396B 99.51%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; display:inline-block; margin:0; opacity: 1;}
.home-cta-section .home-cta-inner .vertical-text span{font-size:60px;line-height:72px; margin-left: 10px; }
.home-cta-section .home-cta-inner .slick-current + .slick-slide .heading-title-h2{opacity:1;}
.home-cta-section .home-cta-inner .slick-list{padding-block:0 !important;} 
.home-cta-section .home-cta-inner .slick-list::before { content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(180deg, #FFFFFF 4.85%, rgba(255, 255, 255, 0) 46.46%, #FFFFFF 95%); position: absolute; z-index: 1; }
.home-cta-section .cta-vertical-text-main{padding-block:20px;}
.home-cta-section .home-cta-inner .common-btn{margin-top:20px;}

/* CTA */
.cta-cmn-sec { background: no-repeat center center / cover; border-radius: 24px; }
.cta-cmn-sec ul { display: flex; align-items: center; justify-content: space-between; }
.solution-cta-section .cta-cmn-sec ul li:first-child{ display: none;}
.cta-content-area { margin: 30px; text-align: center; max-width: 800px; color: #ffffff; padding: 0 15px; }
.cta-content-area .heading-title-h3,
.cta-sec.cta-second .heading-title-h4 { margin-bottom: 16px; }
.cta-sec.cta-second .heading-title-h4 { color: #ffffff; }
.cta-cmn-sec ul li img { width: 100%; max-width: 355px; }
.cta-cmn-sec ul li:first-child img { border-radius: 0px 0px 0 24px;}
.cta-cmn-sec ul li:last-child img {  border-radius: 0px 0px 24px 0px;}
.cta-sec.cta-second .cta-cmn-sec { border-radius: 0; }
.cta-sec.cta-second ul li:first-child img { border-radius: 0;}
.cta-sec.cta-second ul li:last-child img {  border-radius: 0;}

.hire_block-area { background-color: #F9F9F9;} 
.hireblock-cmncontent { background-color: #ffffff; padding: 38px 28px; border-radius: 10px; position: relative; transition: 0.5s; height: 100%; display: flex; flex-direction: column; justify-content: space-around;} 
.hireblock-cmncontent:hover { box-shadow: 0px 10px 10px #f1f1f1;}
.hireblock-cmncontent > figure { height: 60px; display: flex; align-items: center; margin-bottom: 8px;}
.hireblock-cmncontent .font-28 { margin-bottom: 18px;}
.hireblock-cmncontent .font-16 { margin-bottom: 18px; color: #767676; font-weight: 500;}

/* ================== Media Start ================== */
@media (min-width: 1600px){
	.container { max-width: 1590px; }
}
/* -------- Large Desktop Device Start ------- */
@media (min-width: 1400px) and (max-width: 1600px) {
	.container { max-width: 1300px; }
}
@media (max-width: 1600px) {

.heading-title-h1 				{font-size:60px;line-height:72px;}
.heading-title-h2 				{font-size:50px;line-height:62px;}
.heading-title-h3 				{font-size:45px;line-height:55px;}
.heading-title-h4 				{font-size:30px;line-height:40px;}
.heading-title-h5 				{font-size:38px;line-height:45px;}
.heading-title-h6 				{font-size:22px;line-height:28px;} 
.cmn-pad-60{padding-top:55px;padding-bottom: 55px;}
.cmn-highlight-box .hightlight-txt { margin-bottom: 14px; }
.cmn-highlight-box { margin-bottom: 35px; }
/* Banner */
.listingbanner li { padding: 16px 0px 0px 24px; font-size: 14px; line-height: 20px; }
.left-txt { left: -25px; }
.right-txt { left: calc(100% - 10px); }
/* Trusted Brands */
/* ----------- Blog CSS Start -----------*/
.home-blog-section .content-main { padding: 30px 22px 46px 22px; }
.home-blog-section .content-main .category-name{padding-bottom:30px;}
.home-blog-section .content-main .font-22{padding-bottom:34px;}
.home-blog-section .image-main img { max-height: 200px; }
/* ----------- News CSS Start -----------*/
.news-section .news-box { padding: 28px; }
.news-section .date { padding-bottom: 18px; }
.news-section .heading-title-h6{margin-bottom: 14px;line-height:30px;}
.news-section .font-16{margin-bottom: 30px;}
.news-section .news-box img{max-height:315px;}
/* ----------- Testimonals CSS Start -----------*/
.testimonals-section .main-btn{margin-bottom:12px;}
.testimonals-section .heading-title-h2 { margin-bottom: 30px; }
.testimonals-section .content-main .font-22{padding-bottom: 20px;}
.testimonals-section .content-main .font-18{padding-bottom: 36px;}
.testimonals-section .video-main .thumbnail{max-height:409px;}
.testimonals-section .video-main a{width:90px;height:90px;}
.testimonals-section .video-main .play-main i{font-size:34px;}
/* ----------- CTA CSS Start -----------*/
.home-cta-section .home-cta-inner .content { padding: 48px 0 48px 70px; }
.home-cta-section .home-cta-inner .content .heading-title-h2 { padding-bottom: 40px; }
.home-cta-section{padding-bottom:80px;}
}

@media (max-width: 1400px) {
/* Banner */
.listingbanner li { padding: 16px 0px 0px 24px; font-size: 14px; line-height: 20px; }
.left-txt { left: -25px; }
.right-txt { left: calc(100% - 10px); }
.hero-content .heading-title-h1{margin-bottom:22px;}
.hero-content .font-22 { margin-bottom: 45px; }
/* Awards */
.leading-brands-sec ul { gap: 0 50px;}
/* Solution */
.solution-tab ul li { padding: 10px;}
.tab-banner-content .heading-title-h4 {padding-bottom:22px;}
.tab-banner-content p { font-size: 16px; line-height: 24px; }
/* Trusted Brands */
/* ----------- News CSS Start -----------*/
.news-section .news-box { padding: 26px; }
.news-section .news-box img{max-height:271px;}
.news-section .heading-title-h6 {-webkit-line-clamp: 2;line-clamp: 2;}
.news-section .font-16 { -webkit-line-clamp: 3;line-clamp: 3;}
/* ----------- Testimonals CSS Start -----------*/
.testimonals-section .video-main .thumbnail { max-height: 451px; }
.testimonals-section .main-btn { margin-bottom: 10px; }
.testimonals-section .heading-title-h2 { margin-bottom: 24px; }
.testimonals-section .content-main .font-22 { padding-bottom: 16px;font-size:20px; line-height:30px; }
.testimonals-section .content-main .font-18 { padding-bottom: 30px; }
/* Vertical */
.home-cta-section .home-cta-inner .heading-title-h2 { font-size: 40px; line-height: 60px;}
.home-cta-section .home-cta-inner .vertical-text span { font-size: 50px; line-height: 70px;}

}

/* -------- Desktop Device Start ------- */
@media (max-width: 1200px) {
    
	.heading-title-h1 				{font-size:50px;line-height:62px;}
	.heading-title-h2 				{font-size:45px;line-height:55px;}
	.heading-title-h3 				{font-size:40px;line-height:45px;}
	.heading-title-h4 				{font-size:28px;line-height:34px;}
	.heading-title-h5 				{font-size:32px;line-height:40px;}
	.heading-title-h6 				{font-size:20px;line-height:28px;} 

	.cmn-pad-60{padding-top:40px;padding-bottom: 40px;}
	.head-button .common-btn,.common-btn.hero-btn,.btn.common-btn,
	.about-us-content .btn.common-btn { font-size: 16px; line-height: 24px; padding: 10px 20px; }
	.cmn-highlight-box .hightlight-txt { margin-bottom: 12px; padding:8px 12px;}
	.cmn-highlight-box { margin-bottom: 30px; }
	.list-content-area p.font-20,.tab-banner-content p,
	.font-22 { font-size: 16px; line-height: 22px;}
	/* Banner */
	.listingbanner li { padding: 16px 0px 0px 24px; font-size: 14px; line-height: 20px; }
	.left-txt { left: -15px; }
	.right-txt { left: calc(100% - 10px); }
	.side-content-line a { font-size: 14px; line-height: 20px;}
	.hero-slider-img{height:540px;}
	.hero-content .heading-title-h1{margin-bottom:20px;}
    .hero-content .font-22 { margin-bottom: 40px; }
	.hero-content { max-width: 650px; }
	/* Trusted Brands */
	/* Solution */
	.solution-tab ul .tab-button { padding: 10px; font-size: 14px; line-height: 20px; height: 135px; }
	.solution-tab ul li img { max-width: 40px;}
	.tab-banner-content a { margin-top: 0;}
	.tab-banner-content .heading-title-h4 {padding-bottom:20px;}
    /* Award */
	.awrd-item { height: 300px; padding: 24px; border-radius: 28px; }
	.awrd-item .heading-title-h5, .awrd-item h5 { font-size: 24px; line-height: 34px;}
	.award-box:first-child ul.imglist li:first-child img { width: 197px;}
	.awrd-item ul.imglist li p { margin-top: 16px; font-size: 16px; line-height: 24px;}
	.award-box:nth-child(2) ul.imglist li:first-child img { width: 52px;}
	.award-box:nth-child(2) ul.imglist li:last-child img { width: 122px;}
	.award-box:last-child ul.imglist li:first-child img{ width: 86px;}
	.award-box:last-child ul.imglist li:last-child img{ width: 109px;}
	.awrd-item ul.imglist li .image-main {min-height:60px;}
	/* Service */
	.service-box { padding: 20px 12px;}
	.title-img { flex-direction: column-reverse; align-items: flex-start;}
	.title-img .heading-title-h6 { margin-top: 15px; max-width: 80%; }
	.row.service-row { gap: 24px 0;}
	.about-us-sec { margin: 0px 0 20px;}
	.cmn-highlight-box .font-22 { margin-bottom: 15px;}
	/* Portfolio */
	.tag-line { margin-bottom: 0px;}
	.tag-line button { margin: 0 12px 12px 0; }
	.list-content-area { margin-bottom: 0px;}

	/* ----------- Blog CSS Start -----------*/
	.home-blog-section .content-main { padding: 28px 20px 40px 20px; }
	.home-blog-section .content-main .category-name { padding-bottom: 24px; }
	.home-blog-section .content-main .font-22 { padding-bottom: 30px; line-height: 24px;}
	.home-blog-section .image-main img{max-height:166px;}
    
	/* ----------- News CSS Start -----------*/
	.news-section .news-box { padding: 22px; }
	.news-section .news-box img { max-height: 320px; }
	.news-section .image-main{margin-bottom:15px;}

	/* ----------- Testimonals CSS Start -----------*/
	.testimonals-section .video-main .thumbnail{max-height:376px;}
	.testimonals-section .main-btn{padding:8px 12px;}
	.testimonals-section .slick-slide > .row{align-items:center;}
	.testimonals-section .heading-title-h2 { margin-bottom: 20px; }
	.testimonals-section .content-main img { margin-bottom: 14px; }
	.testimonals-section .content-main .font-22 { padding-bottom: 14px; }
	.testimonals-section .content-main .font-18 { padding-bottom: 26px; }
	.testimonals-section .video-main a{width:80px;height:80px;}
	.testimonals-section .video-main .play-main i { font-size: 30px; }
	.testimonals-section .btn { width: 44px; height: 44px; }

	/* ----------- CTA CSS Start -----------*/
	.home-cta-section .home-cta-inner .content .heading-title-h2 { padding-bottom: 35px; }
	.home-cta-section .home-cta-inner .content { padding: 40px 0 40px 50px; }
	.home-cta-section .home-cta-inner .vertical-text span { font-size: 45px; line-height: 55px; }
	.home-cta-section{padding-bottom:60px;}

		/* CTA Main */
		.cta-cmn-sec ul li.cta-content-area { width: 100%; order: 0;  }
		.our-services .service-list { margin-bottom: 60px;}
		.hire_block-area .cmn-highlight-box .heading-title-h2 { font-size: 40px; line-height: 50px; }
		.hireblock-cmncontent .font-28 { font-size: 22px; line-height: 30px; }

}

@media (max-width: 991px) {

	.heading-title-h1 				{font-size:45px;line-height:52px;}
	.heading-title-h2 				{font-size:40px;line-height:50px;}
	.heading-title-h3 				{font-size:35px;line-height:40px;}
	.heading-title-h4 				{font-size:26px;line-height:32px;}
	.heading-title-h5 				{font-size:30px;line-height:38px;}
	.heading-title-h6 				{font-size:20px;line-height:26px;} 
	.hightlight-txt 				{font-size:14px;line-height:20px;} 

	.cmn-pad-60{padding-top:30px;padding-bottom: 30px;}
	.cmn-highlight-box .hightlight-txt { margin-bottom: 10px; padding:6px 10px;}
	.cmn-highlight-box .heading-title-h2,
	.cmn-highlight-box .hightlight-txt { margin-bottom: 8px;}
	.cmn-highlight-box { margin-bottom: 26px; }
	.head-button .common-btn,.common-btn.hero-btn,.btn.common-btn,
	.about-us-content .btn.common-btn { font-size: 16px; line-height: 22px; padding: 10px 20px; }
	.list-content-area p.font-20,
	.tab-banner-content p,
	.font-22	{ font-size: 16px; line-height: 24px; font-weight: 400;}
    
	/* Banner */
	.listingbanner li { padding: 16px 0px 0px 24px; font-size: 14px; line-height: 20px; }
	.left-txt { left: -15px; }
	.right-txt { left: calc(100% - 10px); }
	.side-content-line a { font-size: 14px; line-height: 20px;}
	.hero-content{padding:30px;}
	.hero-slider-img{height:500px;}
	.hero-content .heading-title-h1{margin-bottom:18px;}
    .hero-content .font-22 { margin-bottom:35px; }
	.hero-content { max-width: 560px; }
	/* Our Solution */
	.solution-tab ul .tab-button { padding: 10px; font-size: 14px; line-height: 20px; height: 125px;}
	.solution-tab ul li img { max-width: 35px;}
	.tab-banner-content a { margin-top: 0px;}
	.tab-banner-content a i { width: 45px; height: 45px;}
	.tab-banner-content .heading-title-h4 {padding-bottom:18px;}
	/* Trusted by leading brands */
	.leading-brands-sec ul img { max-height: 40px; }

	/* Award Section */
	.awrd-item {height: 300px; padding: 20px; border-radius: 28px;}
	.awrd-item .heading-title-h5, .awrd-item h5 { font-size: 28px; line-height: 38px;}
	.awrd-item ul.imglist li p { margin-top: 16px; font-size: 16px; line-height: 24px;}
	.award-box:last-child ul.imglist li:first-child img { width: 86px;}
	.award-box:last-child ul.imglist li:last-child img { width: 109px;}
	.award-box:last-child { margin-bottom: 0px;}
	.awrd-item ul.imglist li .image-main {min-height:50px;}
	/*  Service Sec */
	.service-box .title-img { min-height: 64px; }
	.title-img img { max-width: 50px; }
	.row.service-row { gap: 24px 0;}
	.service-box { padding: 16px 12px; }
	.service-box p { max-width: 100%; }
	/* About */
	.about-us-sec { margin: 0px 0 30px;}
	.about-img img { max-width: 300px; margin: 0 auto;}
	.our-services .cmn-highlight-box { padding-top: 30px;}
	.cmn-highlight-box .font-22 { margin-bottom: 15px;}
	/* Portfolio */
	.tag-line button { margin: 0 10px 10px 0; padding: 4px 12px; } 
	
	/* ----------- Blog CSS Start -----------*/
	.home-blog-inner > div:last-child .blog-loop{margin-top: 24px;}
	.home-blog-section .home-blog-inner > div:last-child .bottom-content{margin-top: 0;}
	.home-blog-section .home-blog-inner > div:last-child .content-main{flex:0;}
	.home-blog-section .content-main { padding: 26px 18px 36px 18px; }
	.home-blog-section .content-main .category-name { padding-bottom: 22px; }
	.home-blog-section .content-main .font-22 { padding-bottom: 28px;line-height:32px; }
    
	/* ----------- News CSS Start -----------*/
	.news-section .news-box { padding: 16px; }
	.news-section .news-box img { max-height: 280px; }
	.news-section .date { padding-bottom: 16px; }
	.news-section .heading-title-h6 { margin-bottom: 12px; line-height: 26px; }
	.news-section .font-16 { margin-bottom: 25px; }

	/* ----------- Testimonals CSS Start -----------*/
    .testimonals-section .video-main .thumbnail { max-height: 500px; object-fit: cover; }
    .testimonals-section .main-btn{padding:6px 10px;}
	.testimonals-section .video-main a { width: 70px; height: 70px; }
	.testimonals-section .video-main .play-main i { font-size: 28px; }
	.testimonals-section .content-main{margin-top: 24px;}
	.testimonals-section .heading-title-h2 { margin-bottom: 18px; }
	.testimonals-section .content-main img { margin-bottom: 12px; }
	.testimonals-section .content-main .font-22 { padding-bottom: 12px; }
	.testimonals-section .content-main .font-18 { padding-bottom: 24px; }
	.testimonals-section .btn { width: 38px; height: 38px; }
	.testimonals-section .video-main a img { max-width: 20px; }

	/* ----------- CTA CSS Start -----------*/
	.home-cta-section .home-cta-inner .content { padding: 35px 0 35px 40px; }
	.home-cta-section .home-cta-inner .content .heading-title-h2 { padding-bottom: 30px; }
	.home-cta-section .home-cta-inner .vertical-text span { font-size: 40px; line-height: 50px; }
	.home-cta-section .home-cta-inner .heading-title-h2 { font-size: 30px; line-height: 50px; }
	.home-cta-section{padding-bottom:50px;}

	.hire_block-area .row.justify-content-center { gap: 30px 0;}
	
		/* CTA Main */
.cta-cmn-sec ul {  margin: 0; }
.cta-cmn-sec ul li { width: 50%; }
.cta-cmn-sec ul li.cta-content-area { width: 100%; order: 0; }
.solution-cta-section .cta-cmn-sec ul li.cta-content-area { max-width: 390px; }
.cta-cmn-sec ul li:first-child { order: 1; }
.cta-cmn-sec ul li:last-child { order: 2; text-align: right;}
.solution-cta-section .cta-cmn-sec ul li:last-child { margin-left: auto; }
.our-services .service-list { margin-bottom: 60px;}
.hire_block-area .cmn-highlight-box .heading-title-h2 { font-size: 35px; line-height: 45px; }

}
/* -------- Mobile Device Start ------- */
@media (max-width: 767px) {
	.heading-title-h1 				{font-size:35px;line-height:42px;}
	.heading-title-h2 				{font-size:30px;line-height:40px;}
	.heading-title-h3 				{font-size:26px;line-height:32px;}
	.heading-title-h4 				{font-size:24px;line-height:30px;}
	.heading-title-h5 				{font-size:28px;line-height:34px;}
	.font-28 						{font-size:22px;line-height:32px;} 
	.heading-title-h6 				{font-size:18px;line-height:24px;} 
	.our-services .font-22,.list-content-area p.font-20,
	.tab-banner-content p { font-size: 16px; line-height: 26px;}
	.service-box p { font-size: 14px; line-height: 22px; }
	.cmn-pad-60{padding-top:20px;padding-bottom:20px;}
	.cmn-highlight-box .heading-title-h2,
	.cmn-highlight-box .hightlight-txt { margin-bottom: 8px;}
	.cmn-highlight-box .font-22,
	.cmn-highlight-box { margin-bottom: 20px; }
	.head-button .common-btn,.btn.common-btn,
	.about-us-content .btn.common-btn { font-size: 14px; padding: 10px 20px; }
	.hightlight-txt { font-size: 12px; line-height: 20px;}

	
/* Banner */
.hero-content { padding:25px 15px;}
.listingbanner li { padding: 16px 0px 0px 24px; font-size: 14px; line-height: 20px; }
.main-hero > .container { padding: 0 20px;}
.listingbanner { width: calc(100%); left: 0px; }
.left-txt { left: -5px; }
.right-txt { left: calc(100% - 25px); }
.side-content-line a { font-size: 12px; line-height: 16px;}
.hero-content .heading-title-h1 { margin-bottom: 12px; }
.hero-content .font-22 { margin-bottom: 20px; }
.hero-slider-img{height:480px;}
.hero-content .heading-title-h1{margin-bottom:16px;}
.hero-content .font-22 { margin-bottom:30px; }
.hero-slider-img:before{background: hsl(0deg 0% 0% / 40%);}
/* Our Solution */
.solution-tab ul li .tab-button { padding: 10px; font-size: 14px; line-height: 20px; height: 100px; }
.solution-tab ul li img { max-width: 25px;}
.tab-banner-content a { margin-top: 0px;}
.tab-banner-content a i { width: 40px; height: 40px;}
.tab-banner-content .heading-title-h4 {padding-bottom:16px;}
.solution-tab .tab-content-main { margin-top: 30px;}
/* Trusted by leading brands */

/* Award Sec */
.cmn-pad-60.awards-sec { padding-bottom: 20px;}
.award-box { margin-bottom: 16px;}
.awrd-item { height: 276px; padding: 32px; border-radius: 16px;}
.awrd-item .heading-title-h5, .awrd-item h5 { font-size: 24px; line-height: 32px;}
.awrd-item ul { margin-top: 15px;}
.awrd-item ul.imglist li { padding-right: 5px; width: calc(100% / 2);}
.awrd-item ul.imglist li p { margin-top: 16px; font-size: 16px; line-height: 24px;}
.award-box:first-child ul.imglist li:first-child img { width: 197px;}
.award-box:nth-child(2) ul.imglist li:first-child img { width: 52px;}
.award-box:last-child ul.imglist li:first-child img { width: 86px;}

/* Portfolio */
.head-button { flex-direction: column;align-items: flex-start;}

/* Our Services */
.title-img img { max-width: 50px; }
.service-box p { max-width: 100%;}
.title-img .heading-title-h6 span.br { display: none;}
.service-box { padding: 16px 12px;}
.row.service-row { gap: 12px 0;}

/* About Us */
.about-us-sec { margin: 0px 0 28px;}
.our-services .cmn-highlight-box { padding-top: 28px;}
.about-us-content > .cmn-highlight-box { margin-bottom: 0px;}
.head-button .common-btn { margin-top: 12px;}
.tag-line button { padding: 4px 16px; margin: 0 12px 12px 0;}
.tag-line { margin: 15px 0 0;}
.list-content-area { margin: 12px 0 20px;}

/* ----------- Blog CSS Start -----------*/
.home-blog-section.cmn-pad-60 { border-top: 1px solid #f1f1f1;}
.home-blog-inner > div:last-child .blog-loop{margin-top:0;}
.home-blog-inner > div:not(:last-child) .blog-loop{margin-bottom:24px;height:auto;}
.home-blog-section .bottom-content{margin-top: 0;}
.home-blog-section .content-main{flex:0;padding: 24px 16px 34px 16px;}
.home-blog-section .image-main img { max-height: 250px; }
.home-blog-section .content-main .category-name { padding-bottom: 10px; }
.home-blog-section .content-main .font-22 { padding-bottom: 15px; }
.innovation-creation-sec .list-area.row { gap: 10px 0; }

/* ----------- News CSS Start -----------*/
.news-section .date { padding-bottom: 14px; }
.news-section .heading-title-h6 { margin-bottom: 10px; line-height: 24px; }
.news-section .font-16 { margin-bottom: 18px; }
.news-section .news-box img { max-height: 300px; }
.news-section .news-box { padding: 14px;height:auto; }
.news-section .news-inner-section > div:not(:last-child) .news-box{margin-bottom:24px;}

/* ----------- Testimonals CSS Start -----------*/
.testimonals-section .video-main .thumbnail { max-height: 400px; }
.testimonals-section .main-btn { margin-bottom: 8px; }
.testimonals-section .heading-title-h2 { margin-bottom: 16px; }
.testimonals-section .content-main .font-22 { padding-bottom: 10px;font-size:18px;line-height:26px; }
.testimonals-section .content-main .font-18 { padding-bottom: 20px; }
.testimonals-section .video-main a { width: 60px; height: 60px; }

/* ----------- CTA CSS Start -----------*/
.home-cta-section .home-cta-inner .content .heading-title-h2 { padding-bottom:10px; }
.home-cta-section .home-cta-inner .content{padding:0 0 25px 0;}
.home-cta-section .home-cta-inner{padding:25px;}
.home-cta-section .cta-vertical-text-main{padding-block:0;}
.home-cta-section .home-cta-inner .vertical-text span { font-size: 30px; line-height: 40px; }
.home-cta-section{padding-bottom:30px;}
.home-cta-section .home-cta-inner .slick-slide.slick-current.slick-active.slick-center .vertical-text .heading-title-h2 {background: linear-gradient(90.77deg, #0085FF -0.85%, #0062BC 56.24%, #04396B 99.51%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; display:inline-block; margin:0; opacity: 1;}
.home-cta-section .home-cta-inner .slick-slide.slick-current.slick-active.slick-center + .slick-slide.slick-active .vertical-text .heading-title-h2 { background: #D0D2E2; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; display:inline-block; margin:0; opacity: 1;}

/* CTA Main */
.cta-cmn-sec ul { flex-wrap: wrap; }
.cta-cmn-sec ul li { width: 50%; }
.cta-cmn-sec ul li.cta-content-area { width: 100%; order: 0; margin: 30px 20px; }
.cta-cmn-sec ul li:first-child { order: 1; }
.cta-cmn-sec ul li:last-child { order: 2; }

.hireblock-cmncontent { padding: 15px;}
.hireblock-cmncontent > figure { height: 50px;}
.hireblock-cmncontent > figure img { max-height: 40px;}
.our-services .service-list,
.hireblock-cmncontent .font-28,
.hireblock-cmncontent .font-16 { margin-bottom: 10px; }

}
@media (max-width: 576px){
	.sign-up-btn{margin-right:12px;font-size:14px;line-height:20px;padding:6px 12px;}
	.sign-up-btn img { margin-left: 6px;max-width:14px;}
}