@media screen and (min-width:1024px) {
	
	.awa-discription h3,
	.menu-heading,
	.tooltip {
		font-weight: 700
	}

	.call-menu,
	.casescard,
	.map-point,
	.news-letterform-footer form,
	.tooltip {
		display: flex
	}

	.dropdown-trigger-flag,
	.mth_close {
		cursor: pointer
	}

	.fjnl,
	.home-service,
	.platform_main,
	.testimonial-head {
		position: relative
	}

	.news-letterform-footer {
		position: absolute;
		top: -60px;
		padding-bottom: 0;
		width: 100%
	}

	.news-letterform-footer input {
		width: 75%;
		height: 45px;
		margin-right: 10px
	}

	.news-letterform-footer button {
		width: 25%;
		line-height: 16px;
		height: 45px;
		margin: 0;
		font-size: 16px
	}

	.footer-navigation ul,
	.stab-b .stabinb:first-child,
	.stabi .stabinb {
		display: block ;
	}
	.footer-navigation ul{
		display: block !important;
	}
	.footer-social {
		padding-bottom: 55px
	}

	.footer-logo img {
		width: 25%
	}

	.footer-address {
		padding-top: 15px
	}

	.footer-address a {
		font-size: 15px;
		line-height: 25px
	}

	.footer-address i {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 15px
	}

	.footer-address ul li {
		padding-left: 45px;
		padding-bottom: 15px
	}

	.client-box.client-b-r h3,
	.client-discrip span,
	.copy-right p,
	.footer-navigation a {
		font-size: 16px
	}

	.home-form {
		padding-bottom: 80px;
		padding-top: 60px
	}

	.form-in,
	.social-header ul li a {
		padding: 0
	}

	.form-in h2 {
		font-size: 45px;
		line-height: 50px;
		text-align: left
	}

	.form-in p {
		padding: 15px 0;
		font-size: 15px;
		text-align: left
	}

	.form-img img {
		padding-right: 38px;
		width: 100%
	}

	.counter-menu,
	.recent_blogs_new {
		margin: 0
	}

	.section-title {
		padding-bottom: 20px
	}

	.case-study_new,
	.faq_main,
	.home-map,
	.home-service,
	.home_blog,
	.service-abt,
	.why-choose {
		padding: 60px 0
	}

	.section-title h2 {
		font-size: 45px;
		line-height: 52px
	}

	.smooth-scroll-container {
		overflow: hidden;
		position: relative;
		width: 100%
	}

	.smooth-scroll .item {
		flex-shrink: 0;
		width: 200px;
		margin: 0 10px;
		text-align: center
	}

	.testimonial-head:after,
	.testimonial-head:before {
		width: 7%;
		height: 100%;
		z-index: 111;
		filter: blur(10px);
		position: absolute;
		content: ""
	}

	.smooth-scroll .item img {
		max-width: 100%;
		height: auto;
		display: block
	}

	.faq-heading h2 {
		font-size: 52px;
		line-height: 60px;
		text-align: left
	}

	.faq-heading p {
		font-size: 20px;
		line-height: 30px;
		text-align: left
	}

	.accordion-button {
		font-size: 16px;
		padding: 25px 25px 15px 40px
	}

	.owl-item {
		transition: transform .3s, opacity .3s
	}

	.section-btn-r a,
	.tooltip {
		transition: .3s ease-in-out;
		text-align: center
	}

	.item.testimonial-card {
		padding: 50px 25px 100px
	}

	.testimonial-head:before {
		background: linear-gradient(90deg, rgba(228, 235, 243, .85) 0, rgba(225, 232, 239, .55) 100%);
		left: 0
	}

	.testimonial-head:after {
		background: linear-gradient(260deg, rgba(228, 235, 243, .56) 0, rgba(225, 232, 239, .51) 100%);
		right: 0;
		bottom: 0
	}

	.testimonial-quote p {
		font-size: 16px;
		line-height: 26px;
		padding-top: 40px
	}

	.casebocs {
		flex: 1;
		margin: 0 10px
	}

	.casebocs.active,
	.casebocs:hover {
		flex: 2;
		transition: .3s
	}

	.casebocs img,
	.casebocs.active img,
	.casebocs:hover img {
		height: 450px
	}

	.casebocs .case-discription h3 {
		writing-mode: vertical-rl
	}

	.casebocs.active .case-discription h3,
	.casebocs:hover .case-discription h3 {
		writing-mode: horizontal-tb
	}

	.case-discription {
		top: 40%
	}

	.section-btn-r a {
		font-family: "Ubuntu Sans", serif;
		float: right;
		width: 200px;
		line-height: 200px;
		height: 200px;
		display: block;
		margin-bottom: 10px;
		font-size: 16px;
	}
	.border-white a:hover{
		border: 1px solid #fff !important;
		color: #fff !important;
	}

	.section-btn-r a:hover {
		background: rgba(0, 0, 0, 0);
		border: 1px solid #00386f;
		color: #00386f
	}

	.section-title-left h2 {
		text-align: left;
		font-size: 45px
	}

	.section-title-left p {
		font-size: 20px;
		text-align: left
	}

	.why-header {
		padding: 25px 0
	}

	.award-card {
		width: 90% !important;
		margin: 50px auto;
		padding-bottom: 0
	}

	.home-service:before {
		position: absolute;
		left: 50%;
		content: "";
		width: .1em;
		top: 0;
		height: 50%;
		background: linear-gradient(180deg, #e5ebf3, #d42230 98%);
		filter: blur(.3px);
		transform: translate(-50%, 0)
	}

	.home-service:after {
		position: absolute;
		content: "";
		background: url(/assets/img/bg-faq.webp) no-repeat;
		left: 10%;
		top: 5%;
		opacity: .2;
		width: 100%;
		height: 100%;
		z-index: 0
	}

	section.home-service {
		overflow: hidden
	}

	.side-service {
		z-index: 1;
		padding-left: 25px
	}

	.serv-box_b a {
		width: 180px;
		height: 180px
	}

	.serv-box_h1,
	.serv-box_h2,
	.serv-box_h3,
	.serv-box_h4,
	.serv-box_h5 {
		flex-direction: column
	}

	.home-cl-logo {
		width: 650px;
		margin: auto;
		z-index: 1
	}

	.home-map .container-fluid {
		position: relative;
		overflow-x: hidden
	}

	.map-home_new img,
	.map_new {
		width: 100%
	}

	.map-point {
		position: absolute;
		justify-content: center;
		align-items: center;
		flex-direction: column
	}

	.dot {
		position: relative;
		width: 10px;
		height: 10px;
		background-color: red;
		border-radius: 50%;
		animation: 1.5s ease-out infinite pulse
	}

	@keyframes pulse {
		0% {
			box-shadow: 0 0 0 0 rgba(255, 0, 0, .5)
		}

		80% {
			box-shadow: 0 0 0 15px rgba(255, 0, 0, 0)
		}
	}

	.dot::after,
	.dot::before {
		content: "";
		position: absolute
	}

	.dot::before {
		width: 3px;
		height: 20px;
		top: -10px;
		left: 3.5px
	}

	.dot::after {
		width: 20px;
		height: 3px;
		top: 3.5px;
		left: -10px
	}

	.tooltip,
	.tooltip::after {
		left: 50%;
		transform: translateX(-50%);
		position: absolute
	}

	.tooltip {
		top: -73px;
		padding: 16px 8px;
		background-color: #fff;
		border: 1px solid #ddd;
		border-radius: 8px;
		box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
		opacity: 1;
		visibility: visible;
		font-size: 16px;
		font-family: Rubik, serif;
		color: #344054;
		flex-wrap: nowrap;
		align-items: center;
		text-transform: uppercase;
		white-space: nowrap
	}

	.tooltip-img {
		width: 30px;
		height: 30px;
		margin-right: 8px
	}

	.tooltip-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 50%
	}

	.tooltip-text {
		flex: 1
	}

	.tooltip::after {
		content: "";
		bottom: -10px;
		border-width: 5px;
		border-style: solid;
		border-color: #fff transparent transparent
	}

	.home-counter {
		height: 900px;
		padding: 60px 0 0
	}

	.home-counter::before {
		width: 850px;
		height: 850px;
		margin: auto
	}

	.counter-card {
		width: 390px;
		height: 150px
	}

	

	.counter-card h3 {
		font-family: Ubuntu, serif;
		font-size: 100px;
		line-height: 120px
	}

	.counter-card p {
		font-size: 36px;
		line-height: 40px;
		font-weight: 500
	}

	.home-counter .section-title {
		padding: 65px 0 50px
	}

	.home-counter .section-title h2 {
		font-size: 35px;
		line-height: 42px
	}

	.home-text-titlep,
	.home-video {
		margin-right: 30px
	}

	.home-video video {
		border-radius: 10px
	}

	.home-text-title h3 {
		font-size: 50px;
		line-height: 65px;
		text-align: left;
		letter-spacing: 0;
		padding-left: 25px;
		padding-top: 0
	}

	.home-text-titlep p {
		font-family: Ubuntu, serif;
		font-size: 20px;
		line-height: 27px;
		margin-top: 15px;
		padding-left: 25px;
		text-align: left;
		color: #393939;
		font-weight: 400
	}

	.dropdown-trigger-flag a,
	.menu-heading {
		font-size: 16px;
		font-family: Rubik, serif
	}

	.counter-carousel {
		height: 600px;
		margin-top: -300px
	}

	

	.client-box {
		top: 90px;
		left: 16%
	}

	.client-box.client-b-r {
		right: 150px;
		top: 100px;
		width: 160px
	}

	.client-bb_l {
		left: 22% !important;
		top: 50% !important
	}

	.client-bb_r {
		right: 18%;
		top: 53% !important;
		width: 200px
	}

	

	.home-btn {
		top: 50%
	}

	.home-btn a {
		width: 200px;
		height: 200px
	}

	.home-btn i {
		padding-top: 7px
	}

	.dropdown:hover .dropdown-menu {
		display: block;
		transition: .3s;
	}

	.flag-footer a.dropdown-item{
		padding: 12px;
	}
	.dropdown-toggle::after {
		position: unset;
		vertical-align: .255em
	}

	.main-nav {
		background: #ebf0f5;
		box-shadow: unset;
		top: 44px;
	}

	.navbar-expand-lg .navbar-nav .dropdown-menu {
		left: 0;
		border: none;
		border-radius: 0;
		top: 62px;
		box-shadow: 0px 1px 7px 0px #adadad85;
	}

	.navbar-nav .dropdown-menu {
		padding: 35px
	}

	.menu-heading {
		color: #00386f
	}

	.call-menu {
		background: #fff;
		padding: 10px;
		border-radius: 35px;
		border: 1px solid #d9d9d9;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
		height: 55px;
		width: 90%
	}

	.dropdown-trigger-flag img,
	.menu-drop-flag img {
		border-radius: 50%;
		width: 25px;
		height: 25px
	}

	.animation-bg_main .animation_3,
	.animation-service .animation_s_3,
	.menu-toogle-home {
		width: 10%
	}

	.dropdown-trigger-flag a {
		font-weight: 400;
		line-height: 16.37px;
		text-align: left;
		color: #333
	}

	.call-menu-icon i {
		padding-right: 10px
	}

	.call-menu-icon a {
		font-size: 14px;
		font-family: "Ubuntu Sans", serif;
		color: #333;
		font-weight: 400
	}

	.call-menu-icon {
		width: 65%;
	}

	.menu-drop-flag {
		background: #f7f7f7;
		padding: 8px 12px;
		border-radius: 25px;
		margin-left: 9px
	}

	.dropdown-menu-flag-m {
		display: none;
		position: absolute;
		background: #fff;
		padding: 0;
		list-style: none;
		z-index: 1000;
		width: 90px;
		border-radius: 12px
	}

	.menu-drop-flag img {
		margin-right: 4px;
		box-shadow: 0 0 3px 3px #ddd
	}

	.dropdown-menu-flag-m li {
		padding: 8px 10px
	}

	.dropdown-menu-flag-m li a {
		text-decoration: none;
		color: #333;
		padding-left: 5px
	}

	.dropdown-menu-flag-m li:hover {
		background: #f0f0f0
	}

	.dropdown-menu-flag-m li:first-child:hover {
		border-radius: 12px 12px 0 0
	}

	.dropdown-menu-flag-m li:last-child:hover {
		border-radius: 0 0 12px 12px
	}

	.call-main_hm {
		align-items: center;
		display: flex
	}

	.mth_dropdown {
		position: relative;
		z-index: 9999
	}

	.mth_dt {
		padding: 5px 16px;
		background: #ebf2fd;
		border: none;
		font-size: 24px;
		margin-left: 10px;
		border-radius: 6px
	}

	.mth_close {
		position: absolute;
		top: 20px;
		right: 20px;
		background: 0 0;
		border: none;
		font-size: 24px;
		color: #f1414f !important
	}

	.mth_dm,
	.mth_overlay {
		position: fixed;
		top: 0;
		height: 100%
	}

	.mth_dm {
		right: -100%;
		width: 635px;
		background-color: #fff;
		box-shadow: -5px 0 15px rgba(0, 0, 0, .2);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: 20px 40px 20px 60px;
		z-index: 1000;
		transition: right .5s;
		overflow-y: scroll
	}

	.mth_dm::-webkit-scrollbar {
		width: 5px
	}

	.mth_dm::-webkit-scrollbar-track {
		box-shadow: inset 0 0 5px gray;
		border-radius: 5px
	}

	.mth_dm::-webkit-scrollbar-thumb {
		background: #00386f;
		border-radius: 5px
	}

	.mth_dm::-webkit-scrollbar-thumb:hover {
		background: #00386f
	}

	.mth_dm ul {
		list-style: none;
		padding: 0;
		margin: 0;
		width: 100%
	}

	.mth_dm ul li {
		margin: 20px 0;
		width: 100%;
		text-align: left
	}

	.mth_dm ul li a {
		text-decoration: none;
		color: #00386f;
		font-family: Rubik, serif;
		font-size: 30px;
		font-weight: 600;
		display: block;
		padding: 10px 0;
		width: 100%
	}

	.mth_dm ul li a:hover {
		color: #f1414f
	}

	.mth_overlay {
		left: 0;
		width: 100%;
		background: rgba(0, 0, 0, .7);
		z-index: 999;
		display: none;
		transition: opacity .3s;
		opacity: 0
	}

	.mth_overlay.active {
		display: block;
		opacity: 1
	}

	.social-header {
		position: relative;
		width: 100%
	}

	.social-header ul {
		position: absolute;
		bottom: 0;
		right: 0;
		width: auto;
		top: auto
	}

	.social-header:after {
		Content: "Social";
		position: absolute;
		right: -7px;
		transform: rotate(270deg);
		bottom: -54px;
		padding: 0;
		font-size: 20px;
		font-family: Rubik
	}

	.about_home:before,
	.platform_main::before {
		position: absolute;
		content: "";
		left: 50%;
		transform: translate(-50%, 0)
	}

	.social-header ul li a i {
		font-size: 18px;
		border: 1px solid #00396d;
		border-radius: 50%;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center
	}

	.about_home:before {
		width: .1em;
		top: 50px;
		height: 45%;
		background: linear-gradient(0deg, #e5ebf3, rgba(212, 34, 48, .5411764706) 75%);
		filter: blur(.5px)
	}

	.client-carousel {
		padding: 50px 0
	}

	.animation-bg_main .animation_1,
	.animation-service .animation_s_1 {
		width: 12%
	}

	.animation-bg_main .animation_2,
	.animation-service .animation_s_2 {
		width: 16%
	}

	.animation-service {
		left: -250px
	}

	.service-abtextm {
		padding-left: 25px
	}

	.service-abtextm .section-title {
		padding-bottom: 5px
	}

	.service-abtextm .section-title h2 {
		text-align: left;
		font-size: 32px;
		letter-spacing: normal;
		color: #dee2e6 !important;
		line-height: 40px
	}

	.service-abtextm .section-title p {
		text-align: left;
		color: #ccc !important;
		font-weight: 400;
		font-family: Inter, serif;
		margin: 0
	}

	.satext {
        position: relative;
        padding: 0 20px;
	}
    .col-lg-3:last-child .satext::before {
        display: none;
    }
    .col-lg-3:nth-of-type(3) .satext::before {
        display: block;
    }
    .satext:before {
        position: absolute;
        content: '';
        width: 1px;
        height: 70%;
        background: linear-gradient(0deg, #001e5e, rgb(246 165 81) 75%);
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .satext p{
        font-size: 15px;
        line-height: 22px;
    }
    
	.satext h3 {
		font-size: 36px;
		margin-bottom: 10px
	}

	.platform_text h3,
	.stabinb2 h3 {
		font-size: 32px;
		line-height: 40px
	}

	.platform_main::before {
		background: url(/assets/img/bg-faq.webp) no-repeat;
		top: 5%;
		opacity: .1;
		width: 50%;
		height: 100%;
		z-index: -1
	}

	.platform_text {
		text-align: left;
		padding-right: 99px
	}

	.platform_text h3 {
		text-align: left
	}

	.platform_text p {
		text-align: left;
		padding-bottom: 10px
	}

	.hr hr {
		margin: 50px 0 0
	}

	.stab_main {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
		background: rgba(0, 0, 0, 0)
	}

	.stab-t {
		width: 40%;
		display: block;
		margin-right: -50px;
		background: #f2f8ff;
		border-radius: 40px 0 0 40px
	}

	.stab-b {
		width: 60%;
		padding: 80px 50px 80px 60px;
		background: #d7e9ff
	}

	.stab-t ul li a {
		font-size: 18px;
		font-family: Rubik, serif;
		color: #0a55b1;
		font-weight: 700;
		margin: 25px 0 0 30px;
		padding: 20px 30px;
		display: block
	}

	.stab-t ul li a.active {
		background: #0a55b1;
		color: #fff !important;
		border-radius: 40px;
		position: relative;
		z-index: 11;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center
	}

	.stab-t i {
		opacity: 0
	}

	.stab-t a.active i {
		opacity: 1;
		font-size: 15px;
		float: right;
		vertical-align: center;
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		background: #d7e9ff;
		color: #5c5e60
	}

	.stab-t ul li:last-of-type a {
		margin-bottom: 40px
	}

	.servtab_btn {
		display: none
	}

	.stabinb2 {
		margin-top: 0
	}

	.stab_main {
		padding: 15px
	}
	.list-group-flush>.list-group-item:last-child {
		border-width: 1px  !important
	}
	.award_new .owl-dot{
		width: 20%;
	}
	.awrad_shape {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		align-content: flex-start;
		justify-content: center;
		flex-direction: row;
	}
	.top-bar{
		
		z-index: 12;
		padding: 10px 0 !important;
		background: #333333;
	}
	.top-bar h2{
		font-size: 16px;
		color: #fff;
		margin-bottom: 0;
		font-family: 'Rubik';
		font-weight: 400;
	}
	.top-social{
		display: flex;
		flex-wrap: nowrap;
		justify-content: end;
	}
	.top-social ul{
		display: flex;
    	margin: 0 10px;
	}
	.top-social ul li{
	    padding: 0 10px;
	}
		.top-social p{
			color: #fff;
		}
	.top-social ul li a{ 
		color: #fff;
		
	}
	.top-social i{
		padding-right: 5px;
	}
}
@media screen and (min-width:768px) {
	.ctaModal button.close {
		color: #000000;
	}
	
	.ctaModal .mainrow:before {
	    content: '';
	    position: absolute;
	    width: 50%;
	    background-color: #ffffff;
	    height: 100%;
	    right: 0;
	    z-index: 0;
	}
}