@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');
*{padding:0;margin:0;box-sizing:border-box;}
ul{margin-bottom:0}
body, span, li, a, p{font-family: "Inter", sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: "Space Grotesk", sans-serif;color:var(--primary_color);}
:root{--primary_color:#2C2938;}
.container{max-width:1120px}
.custom_container{max-width:920px;margin:0 auto;    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);}
section, header{width:100%;float:left;}

nav{width: 100%;float: left;display:flex;justify-content: center;}
nav ul{width:400px;border:solid 1px rgba(221,221,221,0.87);border-radius:100px;padding:2px;float:left;position:fixed;top: 20px;left: 0;z-index: 99;right: 0; margin: 0 auto;
    display: flex;justify-content: space-between;box-shadow:0 4px 4px rgba(0,0,0,0.06);background-color:#fff;}
nav ul li{list-style:none;display:inline-block;float:left;}
nav ul li a{float:left;color:#6A667D;font-size:14px;font-weight:500;padding:7px 13px;background-color:#F4F4F7;text-decoration:none;
	border-radius:100px;transition:0.5s;}
nav ul li a:hover{background-color:#e9e9e9;color:#6A667D;}
nav ul li a.active{background-color:var(--primary_color);color:#fff;} 
.th_main_section{width:100%;float:left;} 
.th_profile_sec{width:100%;float:left;border-bottom: 1px solid #E1E1E1;}
.th_profile_sec .col-lg-8{width: 63.666667%;} .th_profile_sec .col-lg-4{width: 36.333333%;}
.th_profile_sec .th_content_wrap, .th_profile_sec .th_services_list{width:100%;float:left;display:flex;flex-wrap:wrap;height:730px;
	align-content:center;padding:120px 80px 0}
.th_content_wrap{max-width: 900px;float: right!important;}
.th_profile_sec .th_content_wrap h1 span{width:100%;float:left;color:var(--primary_color);font-size:20px;font-weight:500;margin:30px 0 35px;
display: flex;align-items: center;}
.th_profile_sec .th_content_wrap h1 span img{margin-right:12px;}
.th_profile_sec .th_content_wrap h1{width:100%;float:left;font-size:54px;font-weight:bold;}
.th_profile_sec .th_content_wrap p{width:100%;float:left;margin-top:92px;display:flex;align-items:center;margin-bottom:30px;}
.th_profile_sec .th_content_wrap p span{width:10px;height:10px;background-color:#4CB45C;color:var(--primary_color);float:left;border-radius:100px;
margin-right:8px; animation-name: bubble;animation-duration: 2s;animation-iteration-count: infinite;animation-delay: 2s;}
@keyframes bubble {
  0%   {opacity:0.30} 
  50%   {opacity:0.70}
  100% {opacity:1}
}
.th_profile_sec .th_content_wrap ul{width:100%;float:left;padding:0;}
.th_profile_sec .th_content_wrap ul li{display:inline-block;list-style:none;float:left;}
.th_profile_sec .th_content_wrap ul li a{float:left;text-decoration:none;font-size:16px;padding:7px 26px;position:relative;transition:0.5s;
	background-color:var(--primary_color);font-weight:300;color:#fff;border-radius:100px;border:1px solid var(--primary_color);margin-right:10px}
.th_profile_sec .th_content_wrap ul li:last-child a{background-color:#fff;border:1px solid #C4C4C4;color:var(--primary_color);font-weight:500;margin-right:0}
.th_profile_sec .th_content_wrap ul li a:hover{background-color:var(--primary_color);color:#fff;border:1px solid transparent;}
.th_profile_sec .th_content_wrap ul li a img{width:0;opacity:0;transition:0.5s;}
.th_profile_sec .th_content_wrap ul li a:hover img{opacity:1;margin-left:10px;width:16px;}
.th_profile_sec .th_services_list{padding-left:65px;border-left:1px solid #E1E1E1;
   background-image: linear-gradient(to bottom, rgba(255,255,255), rgba(124,116,158,0.1));}
.th_profile_sec .th_services_list small{width:100%;float:left;color:#787878;font-size:16px;font-weight:400;margin-bottom:7px}
.th_profile_sec .th_services_list ul{width:100%;float:left;padding:0;}
.th_profile_sec .th_services_list ul li{width:100%;float:left;color:var(--primary_color);font-weight:400;font-size:16px;list-style:none;
	margin-top:13px;}

.th_clients_sec h2{width:100%;float:left;text-align:center;font-size:20px;margin-top:125px}
.th_clients_sec p{width:100%;float:left;text-align:center;color:#606060;font-size:13px;margin-bottom:35px}
.th_clients_sec ul{width:100%;float:left;display:flex;padding:0;margin:0;}
.th_clients_sec ul li{display:inline-block;list-style:none;width:20%;}
.th_clients_sec ul li a{width:100%;float:left;min-height:120px;display:flex;justify-content:center;align-items:center;border:solid 1px #1010101a;
font-size:20px;color:#707070;text-decoration:none;transition:0.3s;}
.th_clients_sec ul li a:hover{color:#000}
/*About Us page Css Start Here*/
.th_abt_image, .th_about_content{margin-top:120px;width:100%;float:left;height:485px}
.th_abt_image img{height:485px;object-fit:cover;}
.th_about_content{padding-left:40px;display:flex;flex-wrap:wrap;align-content:flex-end;}
.th_about_content h1 span{width:100%;float:left;font-size:20px;font-weight:400;font-family: "Space Grotesk", sans-serif;margin-bottom:20px}
.th_about_content h1 {width:100%;float:left;font-size:60px;font-weight:bold;}
.th_about_content p{width:100%;float:left;font-size:20px;font-weight:500;line-height:150%;max-width:530px;margin:33px 0 65px}
.th_about_content small{width:100%;float:left;display:flex;align-items:center;margin-bottom:30px;}
.th_about_content small span{width:10px;height:10px;background-color:#4CB45C;color:var(--primary_color);float:left;border-radius:100px;
margin-right:8px;animation-name: bubble;animation-duration: 2s;animation-iteration-count: infinite;animation-delay: 2s;}
.th_about_content ul{width:100%;float:left;padding:0;margin:0}
.th_about_content ul li{display:inline-block;list-style:none;float:left;}
.th_about_content ul li a{float:left;text-decoration:none;font-size:16px;padding:7px 26px;position:relative;transition:0.5s;
	background-color:var(--primary_color);font-weight:300;color:#fff;border-radius:100px;border:1px solid var(--primary_color);margin-right:10px}
.th_about_content ul li a:hover{background-color:var(--primary_color);color:#fff;border:1px solid transparent;}
.th_about_content ul li a img{width:0;opacity:0;transition:0.5s;}
.th_about_content ul li a:hover img{opacity:1;margin-left:10px;width:16px;}
.custom_row{justify-content:space-between;}
.custom_row .col-lg-6{width:49%}
.th_process_sec h2{width:100%;float:left;font-weight:400;font-size:20px;font-family: "Inter", sans-serif;margin:82px 0 30px;}
.th_process_sec .th_card{width:100%;float:left;height:163px;border:solid 1px #E1E1E1;border-radius:12px;padding:25px 20px;margin-bottom:48px;
transition:0.5s;}
.th_process_sec .th_card:hover{background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,0.06)}
.th_process_sec .th_card span{width:100%;float:left;font-size:15px;font-weight:500;margin-bottom:10px}
.th_process_sec .th_card p{width:100%;float:left;font-size:12px;line-height:180%;color:var(--primary_color);margin:0}
.th_services_sec {margin-bottom:200px}
.th_services_sec .th_lets_chat{width:100%;float:left;background-color:#f2f2f2;border-radius:10px;padding:50px;height:100%;display:flex;
flex-wrap:wrap;justify-content:center;align-content:center;}
.th_services_sec .th_lets_chat p{width:100%;float:left;text-align:center;color:#101010;font-size:14px;margin:10px 0 20px}
.th_services_sec .th_lets_chat span{width:100%;float:left;display:flex;align-items:center;font-size:14px;justify-content: center;}
.th_services_sec .th_lets_chat span small{width:10px;height:10px;background-color:#4CB45C;color:var(--primary_color);float:left;border-radius:100px;
margin-right:8px; animation-name: bubble;animation-duration: 2s;animation-iteration-count: infinite;animation-delay: 2s;}
.th_services_sec .th_lets_chat a{float: left;text-decoration: none;font-size: 16px;padding: 7px 26px;transition: 0.5s;
	background-color: var(--primary_color);font-weight: 300;color: #fff;border-radius: 100px;border: 1px solid var(--primary_color);}
.th_services_sec .th_lets_chat a img{width:0;opacity:0;transition:0.5s;}
.th_services_sec .th_lets_chat a:hover img{opacity:1;margin-left:10px;width:16px;}
.th_services_sec .th_services_info{width:100%;float:left;}
.th_services_sec .th_services_info h2{width:100%;float:left;font-size:20px;}
.th_services_sec .th_services_info ul{width:100%;float:left;padding:0;margin:0 }
.th_services_sec .th_services_info ul li{width:100%;float:left;border-bottom:solid 1px #10101026;padding:32px 0;display:flex;}
.th_services_sec .th_services_info ul li:last-child{border-bottom:none;}
.th_services_sec .th_services_info ul li h3{width:40%;float:left;font-size:16px;padding-right:30px;margin:0}
.th_services_sec .th_services_info ul li h3 small{font-size:12px;width:100%;float:left;color:#606060}
.th_services_sec .th_services_info ul li p{width:60%;float:left;font-size:14px;}

/*Case Study page Css Start Here*/
.th_case_study_sec h1{width:100%;float:left;margin-top:180px}
.th_case_study_sec h2, .th_case_study_sec h3{width:100%;float:left;font-size:20px;font-weight:400;color:var(--primary_color);margin-bottom:23px;
	font-family: "Inter", sans-serif;margin-top:70px}
.th_case_study_sec .th_tags{width:100%;float:left;margin:20px 0 25px}
.th_case_study_sec .th_tags span{border:solid 1px #DADADA;border-radius:4px;float:left;padding:4px 8px;margin-right:10px;color:var(--primary_color);font-size:12px;
    font-family: "JetBrains Mono", monospace;}
.th_case_study_sec strong{width:100%;float:left;font-size:14px;color:var(--primary_color);}
.th_case_study_sec p{width:100%;float:left;font-size:14px;line-height:180%;color:var(--primary_color)}
.th_case_study_sec .th_lists{width:100%;float:left;padding-left:80px}
.th_case_study_sec small{width:100%;float:left;color:#787878;font-size:16px;font-weight:400;}
.th_case_study_sec ul{width:100%;float:left;padding:0;margin-bottom:20px}
.th_case_study_sec ul li{width:100%;float:left;color:var(--primary_color);font-weight:400;font-size:14px;list-style:none;margin-top:8px;}
.th_case_study_sec .th_design_card{margin:64px 0 0}
.th_case_study_sec a img{margin-left:5px}
.th_case_study_sec ul li strong{width:auto;} 

.th_design_card{width:100%;float:left;margin-bottom:120px}
.th_designs_sec h2{width:100%;float:left;text-align:center;font-size:13px;color:#606060;margin:155px 0 20px;}
.th_design_card .image_overlay{width:100%;float:left;position:relative;background-color:#424752;border-radius:10px;padding:10px;overflow:hidden;
	height:600px;}
.th_design_card .image_overlay img{position: absolute;left: 0;right: 0;bottom: -40px;max-width: 80%;text-align: center;
    margin: 0 auto;height: 575px;width: 100%;object-fit: cover;border-radius: 10px 10px 0 0;transition:0.5s;}
.th_design_card .image_overlay:hover img{bottom:0;opacity:0.7}
.th_design_card h3{width:100%;float:left;font-size:24px;margin:35px 0 10px}
.th_design_card span{width:100%;float:left;color:#606060;font-size:14px}

.th_reviews_sec{margin-bottom:120px}
.th_reviews_sec h2{width:100%;font-size:20px;float:left;margin:200px 0 20px}
.th_reviews_card{width:100%;float:left;padding:40px;border:solid 1px #10101010;border-radius:10px;min-height:560px;display:flex;flex-wrap:wrap;    
	align-content: space-between;}
.th_reviews_card p{width:100%;float:left;font-size:16px;line-height:26px;padding:0;margin:0}
.th_bottom{width:100%;float:left;display:flex;align-items: center;background-color:#fff;border-radius: 100px;transition:0.3s;padding:8px 0}
.th_bottom:hover{background-color: #7575751a;padding:8px}
.th_bottom img{width:64px;height:64px;border-radius:100px;margin-right:10px}
.th_bottom span strong{width:100%;float:left;font-size:16px;color:#000;font-weight: 500;}
.th_bottom span{width:100%;float:left;font-size:14px;color:#505050;font-weight: 400;}
.th_paginantion{width:100%;float:left;margin:60px 0}
.th_paginantion ul{width:100%;float:left;display:flex;padding:0;margin:0;display:flex;justify-content:space-between;}
.th_paginantion ul li{display:inline-block;list-style:none;width:48%;}
.th_paginantion ul li a{text-decoration:none;border-radius:100px;border:solid 1px #CECECE;color:#6A667D;font-weight:500;height:48px;line-height:48px;
text-align:center;float:left;width:100%}
.th_paginantion ul li a img{margin-left:14px;}
.th_paginantion ul li:first-child a img{transform:rotate(180deg);margin-right:8px;}
.th_paginantion ul li a.opacity{opacity:0.5;}

footer{width:100%;float:left;border-top:solid 1px #1010101a}
footer p{width:100%;float:left;margin-top:92px;display:flex;align-items:center;}
footer p span{width:10px;height:10px;background-color:#4CB45C;color:var(--primary_color);float:left;border-radius:100px;
margin-right:8px; animation-name: bubble;animation-duration: 2s;animation-iteration-count: infinite;animation-delay: 2s;}
footer .th_item{width:50%;float:left;padding:80px;border-right:solid 1px #1010101a;border-bottom:solid 1px #1010101a}
footer .th_item small{width:100%;float:left;color:#606060;font-size:13px;margin-bottom:15px}
footer .th_item p{width:100%;float:left;font-size:14px}
footer .th_item ul{width:100%;float:left;padding:0;margin:0}
footer .th_item ul li{width:100%;float:left;list-style:none;margin-bottom:10px}
footer .th_item ul li img{margin-right:10px;width: 44px;}
footer .th_item a{font-size:32px;color:#c157ff;transition:0.5s;}
footer .th_item a:hover{opacity:0.7}
footer .th_item ul li a{font-size:16px;text-decoration:underline;}
footer .th_item ul li a img{width:12px;margin-left:3px;}
footer .th_item ul li a:hover{opacity:1;letter-spacing:0.5px}

@media only screen and (max-width:1399px){
	.th_profile_sec .th_content_wrap, .th_profile_sec .th_services_list{padding:100px 80px 0}
}
@media only screen and (max-width:1199px){
	.th_profile_sec .th_content_wrap h1 {font-size:42px}
	.th_design_card .image_overlay img{max-width:90%}
}
@media only screen and (max-width:991px){
	.th_profile_sec .th_content_wrap, .th_profile_sec .th_services_list {padding: 100px 40px 0;}
	.th_clients_sec ul li a{font-size:22px}
	.th_reviews_card{min-height:375px}
	footer .th_item{padding:60px}
	footer .th_item a{font-size:24px}
	.th_about_content h1{font-size:52px}
	.th_clients_sec h2, .th_reviews_sec h2{margin-top:75px}
	.custom_row .col-lg-6{width:100%}
	.th_process_sec .th_card{margin-bottom:20px;height:auto;}
	.th_about_content p{max-width:100%}

}
@media only screen and (max-width:767px){
	.th_profile_sec .th_content_wrap{padding: 100px 40px 40px;height:auto;}
	.th_profile_sec .th_services_list {padding: 0 40px 40px;height:auto;}
	.th_clients_sec ul li a{font-size:16px}
	.th_designs_sec h2{margin: 80px 0 20px;}
	.th_design_card{margin-bottom:70px}
	.th_design_card .image_overlay{height:300px}
	.th_design_card .image_overlay img{height:280px}
	.th_reviews_card{min-height:375px;margin-top:20px}
	footer .th_item{padding:40px}
	footer .th_item a{font-size:16px}
	.th_about_content{height:auto;padding-left:0;margin-top:40px}



}
@media only screen and (max-width:575px){
	.th_case_study_sec .th_lists{padding-left:0;margin-top:30px}
	.th_case_study_sec h1 {margin-top: 100px;font-size: 26px;}
    .th_paginantion ul li a{font-size:12px}
}
@media only screen and (max-width:475px){
	nav ul {width:305px}
	nav ul li a{font-size:9px}
	 .th_profile_sec .th_content_wrap h1 {font-size: 28px;}
	.th_profile_sec .th_content_wrap p{margin-top: 30px;font-size: 13px;}
	.th_profile_sec .th_content_wrap ul li{width:100%}
	.th_profile_sec .th_content_wrap ul li a{width:100%;text-align:center;margin-right:0}
	.th_profile_sec .th_content_wrap ul li:last-child a{width:100%;margin-top:10px}
	.th_profile_sec .th_content_wrap ul li a:hover{font-size:12px;}
	.th_clients_sec ul li a{min-height:60px;font-size:10px}
	footer .th_item{width:100%}
	.th_about_content h1{font-size:34px}
	.th_about_content p, .th_reviews_card p{font-size:14px}
	.th_reviews_card{padding:20px}
	.th_services_sec .th_services_info ul li{flex-wrap: wrap;}
	.th_services_sec .th_services_info ul li h3{width:100%;margin-bottom:10px}
	.th_services_sec .th_services_info ul li p{width:100%}
	.th_case_study_sec .th_tags span{font-size:12px}
}