/*
Theme Name: WAD
Theme URI: https://wp-themes.com/twentytwenty
Author: Web App Designs
Author URI: https://webappdesigns.com
Description: Web App Designs WordPress theme.
Template: twentytwenty
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.0
Text Domain: WAD
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
/* Font Family Start */
@font-face {
    font-family: 'Space Grotesk';
    src: local('Space Grotesk SemiBold'), local('SpaceGrotesk-SemiBold'),
        url('SpaceGrotesk-SemiBold.woff2') format('woff2'),
        url('SpaceGrotesk-SemiBold.woff') format('woff');
/*     font-weight: 600; */
    font-display: swap;
}
/* @font-face {
    font-family: 'Inter';
    src: local('Inter Regular'), local('Inter-Regular'),
        url('Inter-Regular.woff2') format('woff2'),
        url('Inter-Regular.woff') format('woff');
    font-display: swap;
} */
@font-face {
    font-family: 'poppinsbold';
    src: url('fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsregular';
    src: url('fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinssemibold';
    src: url('fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* Font Family End */

/*:root {
    --base-color: #7b7a7a;
    --black: #1d1d1d;
    --charcoal-blue: #232323;
    --heading-font: 'Space Grotesk', sans-serif;
    --primary-font: 'poppinsregular';
}*/

body,
p,
ul li{
	font-family: 'poppinsregular';
	color: #232324;
	letter-spacing: normal;
	font-size:16px;
}

h1,h2,h3,h4,h5,h6{
	font-family: var(--heading-font) !important;
	margin: 0;
	letter-spacing: normal;
}

/*.e-con>.e-con-inner {
    max-width: 1600px !important;
    padding-left: 45px !important;
    padding-right: 45px !important;
}*/

#site-header .header-inner,
.new-container,
footer .footer-credits{
	max-width: 1170px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 15px;
}
.inner-header {
    background-size: cover;
}

.post-inner {
        padding-top: 0rem !important;
    }
.single-post h1 { font-size:36px;  margin-top:20px; line-height: 1.4 !important; margin-bottom: 15px; font-family: "Poppins", serif !important; font-weight: 500 !important; }
.single-post h2 { font-size:30px; margin-top:45px; line-height: 1.4 !important; margin-bottom: 15px; font-family: "Poppins", serif !important; font-weight: 500 !important; }
.single-post h3 { font-size:24px; margin-top:45px; line-height: 1.4 !important; margin-bottom: 15px; font-family: "Poppins", serif !important; font-weight: 500 !important; }
.post-page-banner.lazyloaded {
    background-size: cover;
	background-position: center; }
/* Header Start */
.top-bar{
	background: #1a191a;
	color: #fff;
}
.top-bar .container{
	width: 100%;
	max-width: 1170px;
	padding: 0 15px;
	margin: 0 auto;
	display: block;
}
#site-header{
    padding-top: 15px;
	padding-bottom: 15px;
/* 	position: fixed; */
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9;
}
#site-content {
   /* margin-top: 99px !important;*/
    display: block;
}
.site-logo {
    max-width: 120px;
}
a.head-contact-button {
    background: linear-gradient(to right, #128be6 50%, #865ae1 92%);
    font-size: 18px;
    color: #fff;
    padding: 11px 20px;
    min-width: 188px;
    text-align: center;
    border-radius: 5px;
    text-decoration: none !important;
	margin-left: 30px;
}
.header-navigation-wrapper{
	margin-left: auto;
}
.primary-menu a{
	font-family: 'poppinssemibold';
	color: #191818 !important;
	text-decoration: none !important;
	color:#191818;
	font-size:14px;
	text-transform:capitalize;
}
.primary-menu a:hover, .primary-menu .current-menu-item > a{
	color: #f62e4f !important;
}
ul.sub-menu {
    /*background: linear-gradient(to right, #128be6 30%, #865ae1 72%);*/
	background: #000;
}
.primary-menu ul::after {
    border-bottom-color: #000;
}
ul.sub-menu .current-menu-item > a, ul.sub-menu a {
    color: #ffffff !important;
	text-decoration: none !important;
}
body:not(.overlay-header) .primary-menu > li > .icon {
    color: #000 !important;
}

/* Header End */
.header-page-name {
/*     width: 150px !important;
    left: 50% !important;
    margin-left: -75px !important;
    text-align: center !important; */
	text-align: center !important;
    position: relative !important;
    top: -100px !important;
	left: inherit !important;
}
.main-slider, .inner-banner{
    max-width: 1600px !important;
    padding: 0 0 0 45px !important;
	position: relative;
	overflow: hidden !important;
}
.hero-side-heading {
    height: 100%;
    text-align: center;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0 0 0 41px;
	margin-bottom: 0px !important
}

.hero-header h2{
	width: 560px;
	position: relative;
	z-index: 2;
	line-height: 70px;
	font-weight: 500;
}
/* .gradient-but {
    margin: 0 auto 0 45px;
} 
.gradient-but .elementor-button, .submit-button{
	background: linear-gradient(to right, #128be6 50%, #865ae1 92%) !important;
	padding: 15px 30px;
	transition: all .3s ease-in-out;
}
.gradient-but .elementor-button:hover, .submit-button:hover{
	background: linear-gradient(to right, #865ae1 50%, #128be6 92%) !important;
}*/
/* Header end */
.home-stat {
    background: #fff;
    border-radius: 15px;
    padding: 12px 0 36px 0px;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.05);
}
.sub-head p{
	background: -webkit-linear-gradient(45deg, #128be6, #865ae1 10%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home-stat{
	transition: all 0.3s ease-in-out;
}
.home-stat:hover{
	transform: translateY(-10px);
}
.service-head p.elementor-heading-title {
    min-height: 48px;
}
ul.post-list {
    margin: 0px;
    list-style-type: none;
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}
ul.post-list li.post-tab {
	margin: 0px;
    padding: 24px;
    border-radius: 15px;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
}
.recent-post-thumb {
    position: relative;
	border-radius: 5px;
    overflow: hidden;
	height: 230px;
	margin-bottom: 16px;
}
.recent-post-thumb > a > img {
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
    object-position: center;
}

/*p.recent-post-meta {
    background: linear-gradient(to right, #128be6 50%, #865ae1 92%);
    border-radius: 6px;
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 20px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 6px 20px;
    margin-bottom: 0px;
}*/
.recent-post-meta img {
    display: inline-block;
    margin: 0 9px 0 0px;
    position: relative;
    top: 1px;
}
.post-list .post-tab h3{
	line-height: 30px;
}
.post-list .post-tab h3 a {
    color: #1d1d1d;
    font-size: 28px;
    font-weight: 500;
}
/* Testimonial */
.sp-testimonial-free-section .sp-testimonial-client-testimonial p{
	min-height: 180px;
}

/*.sp-testimonial-free-section .sp-testimonial-client-testimonial p{
	font-family: 'Inter'; color:#fff;
}
#sp-testimonial-free-wrapper-692 .sp-testimonial-free-section .sp-testimonial-client-name{
	font-family: 'Inter' !important; color:#128be6; font-size:20px;
}
#sp-testimonial-free-wrapper-692 .sp-testimonial-free-section .sp-testimonial-client-designation{
	font-family: 'Inter' !important; color:#865ae1 ;
}
.sp-testimonial-free-section .testimonial-pagination .swiper-pagination-bullet{
	height:3px; width:25px; border-radius:5px;
}*/
/* Footer Start */
#site-footer{
	margin-bottom: -35px;
	z-index: 999;
	position: relative;
}
footer#site-footer {
    background-color: #232323;
    background: url('https://www.webappdesigns.com/wp-content/uploads/2024/12/footer-bg.jpg') no-repeat center center;
    margin-top: 0px !important;
    border-top: none; background-size:100% 100%;
}
.footer-top .new-container {
    display: grid;
    grid-template-columns: 30% 20% 23% 27%;
	/*display:flex; justify-content:space-between;*/
}

.footer-left1 h3 {
    color: #fff;
    font-weight: 500 !important;
    max-width: 360px;
}
.footer-left1 p{
	color:#fff; font-size:14px; text-transform:capitalize;
}
.footer-left1 ul {
    margin: 50px 0 0 0px;
    padding: 0px;
    list-style-type: none;
    display: flex;

}
.footer-left1 ul li{
	margin: 0px;
}
.footer-left1 ul li span {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
	color: #fff;
}
.footer-left1 ul li a {
    color: #727272;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none !important;
}
.footer-left1 ul li a:hover{
	color: #fff;
}
.footer-left1 img{
	margin-bottom:10px; max-width:150px !important; height:auto !important;
}
ul.footer-social-new li a{
	color:#fff;
}
h2.footer-menu-title, .footer-left h2.footer-left-title, .footer-right-wrap h2.footer-right-title {
	font-family: var(--primary-font) !important;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    font-weight: 400 !important;
	margin-bottom: 12px;
}
.footer-menu-wrap .menu, .footer-left .menu {
    margin: 0px;
    list-style-type: none;
}
.footer-menu-wrap .menu li, .footer-left .menu li{
	margin: 0 0 0 0px;
}
.footer-menu-wrap .menu li a, .footer-left .menu li a{
	color:#95918a;
	font-size: 14px;
	text-decoration: none !important;
}
.footer-menu-wrap .menu li a:hover, .footer-left .menu li a:hover{
	color:#f62e4f;
}

/* Footer End */

/* Inner Banner */


.pulse-box{
	animation: pulse 2s ease 0s normal forwards infinite;
}
@keyframes pulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

.portfolio-sample img{
	-webkit-box-shadow: 0px 0px 13px 0px rgba(189,189,189,1) !important;
-moz-box-shadow: 0px 0px 13px 0px rgba(189,189,189,1) !important;
box-shadow: 0px 0px 13px 0px rgba(189,189,189,1) !important;
}
.inner-banner h1{
	width: 560px;
	position: relative;
	z-index: 2;
	line-height: 70px;
	font-weight: 500;
}

.portfolio-filter .elementor-tabs-content-wrapper, .portfolio-filter .elementor-tab-content{
	border:0px !important;
}
.page-id-29 .dialog-type-lightbox{
	display:none !important;
}
.hover_1 {
  position: relative;
}
.hover_1 .oh {
  position: absolute;
  content: "";
  width: 25%;
  height: 100%;
  left: 0;
  background: var(--color-set-one-2);
  transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  bottom: -50%;
  transform: translateY(50%);
  opacity: 0;
}
.hover_1 .oh.ho_2 {
  transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  left: 25%;
  transform: translateY(40%);
}
.hover_1 .oh.ho_3 {
  transition: 0.7s ease-in-out;
  -ms-transition: 0.7s ease-in-out;
  -moz-transition: 0.7s ease-in-out;
  -o-transition: 0.7s ease-in-out;
  left: 50%;
  transform: translateY(20%);
}
.hover_1 .oh.ho_4 {
  transition: 0.9s ease-in-out;
  -ms-transition: 0.9s ease-in-out;
  -moz-transition: 0.9s ease-in-out;
  -o-transition: 0.9s ease-in-out;
  transform: translateY(30%);
  left: 75%;
}

.hover_1_get:hover .hover_1 .oh {
  opacity: 0.7;
  bottom: 0;
  transform: translateY(0%);
}
/* Career Page */
.job-short{
	cursor: pointer;
}
.job-details{
	display: none;
}
.job-details ul {
    margin-left: 0px;
    list-style-type: none;
}
.job-details ul li {
    position: relative;
    padding-left: 12px;
    margin-bottom: 15px;
}
.inner-head-text p {
    color: #fff;
	  font-size: 20px;
}
.header-page-name {
    background: #fff;
    border-radius: 0 0 20px 20px;
}
.job-details h4 {
    font-family: var(--primary-font) !important;
    font-size: 19px;
    font-weight: 500;
    color: #1d1d1d;
    margin-bottom: 20px;
}

.job-details ul li:before {
    content: "";
    position: absolute;
    top: 7px;
    left: -19px;
    width: 12px;
    height: 13px;
    background-image: url(https://www.webappdesigns.com/wp-content/uploads/2024/09/post-list-bullet.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.form-wrapper .text-box, .form-wrapper .tele-box, .form-wrapper .job-title, .form-wrapper .additional-txt {
    padding: 12px 10px !important;
    width: 100% !important;
	max-width: 96.9%;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
	color: #979797;
	outline: none !important;
}
.form-wrapper .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
	margin-bottom: 20px;
}
.form-wrapper .grid .text-box, .form-wrapper .grid .tele-box {
    max-width: 93%;
}
.form-wrapper p {
	margin:0px !important;		
}
.form-wrapper span.input-lebel {
    font-size: 16px;
    display: block;
    margin-bottom: 2px;
}
.single-row {
    display: block;
    margin-bottom: 20px;
	text-align:center;
}
.form-wrapper .wpcf7-file {
    visibility: visible;
}
.form-wrapper .file-attachment {
    cursor: pointer;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    padding: 12px;
    width: 96.3%;
    font-size: 14px;
}
.wpcf7-not-valid-tip {
    font-size: 13px;
}
.submit-button {
    padding: 15px 30px !important;
    text-decoration: none !important;
    font-family: "Inter", Sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    font-size: 15px !important;
    line-height: 1 !important;
}
.form-wrapper h2 {
    font-size: 30px;
    margin-bottom: 30px;
}
.wpcf7-form.sent .wpcf7-response-output {
    border-color: #128be6 !important;
    display: block;
    padding: 20px 10px;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
}
.c-address p {
    color: #fff;
}
.contact-map-container, .contact-map-container * {
    height: 100% !important;
}
ul.footer-social-new {
    margin: 0px !important;
	list-style-type: none;
}
ul.footer-social-new li {
	margin: 0px;
    margin-right: 18px;
    display: inline-block;
}
ul.footer-social-new li a {
    color: #fff;
}
ul.footer-social-new li a:hover {
    color: #f62e4f;
}
.footer-top{
	border:0px;
}
.footer-copyright{
	position:relative;
}
.footer-copyright:before{
	width:31%; height:1px; background:#555555; content:''; position:absolute; top:9px; left:0;
}
.footer-copyright:after{
	width:31%; height:1px; background:#555555; content:''; position:absolute; top:9px; right:0;
}
.footer-copyright, .footer-copyright * {
    font-weight: 500 !important;
/*     font-size: 12px; */
    margin: 0;
	text-align: center; color:#fff;
}
.footer-copyright a:hover{
	color: #fff;
	text-decoration: none !important;
}
.menu-modal-inner {
    /*background: linear-gradient(to right, #128be6 50%, #865ae1 92%);*/
	background: #f62e4f;
}
.modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li .ancestor-wrapper > a, button.close-nav-toggle .toggle-text, button.close-nav-toggle svg {
    color: #fff;
    text-decoration: none;
}
button.close-nav-toggle .toggle-text {
    display: none !important;
}
.nav-toggle .toggle-icon {
  height: 18px;
}
.mobile-call {
    display: none;
    place-items: center;
    background: linear-gradient(to right, #f8143a 50%, #f62e4f 92%);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    width: 300px;
    border-radius: 50px 0px 0px 50px;
    position: fixed;
    right: -220px;
    bottom: 90px;
    z-index: 999;
	transition: all .3s ease-in-out;
}
.mobile-call.active{
	right: 0px;
}
.mobile-call .call-icon {
    background: linear-gradient(to right, #f8143a 50%, #f62e4f 92%);
    color: #fff;
    font-size: 24px;
    padding: 20px 22px;
    margin: -6px 0px;
    border-radius: 50%;
    border: 5px solid;
}
a.flot-contact-button {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 24px;
    margin-left: 12px;
}
/********************New Design implimentation*********************/
.site-container{
	width:100%; max-width:1170px; padding:0 15px; margin:auto;
}
.top-bar{
	font-size:14px;
}
.flex-box{
	display:flex; justify-content:space-between; align-items:center;
}
.top-right ul{
	display:flex; margin:0; padding:0;
}
.top-right li a{
	color:#fff; font-size:14px; text-decoration:none; line-height:36px;
}
.top-right li i{
	color:#f62e4f; margin-right:10px;
}
.top-right li{
	border-right:1px solid #767676; display:flex; align-items:center; margin:0; padding:0 10px 0;
}
.top-right li:last-child{
	border:0px;
}
ul.primary-menu{
	align-items:center;
}
.menu-contact-button a{
	color:#fff !important; text-transform:uppercase; background:#f62e4f;  padding:10px 30px; border-radius:50px; border:1px solid #f62e4f;
}
.menu-contact-button a:hover{
	background:#fff;
}
#site-header{
	-webkit-box-shadow: 0px 10px 13px 0px rgba(219,219,219,1); -moz-box-shadow: 0px 10px 13px 0px rgba(219,219,219,1); box-shadow: 0px 10px 13px 0px rgba(219,219,219,1);
}
h1{
	font-family: "Poppins", serif; font-weight:100 !important; font-size:60px; text-transform:capitalize; color:#191818 !important;
}
h2{
	font-family: "Poppins", serif; font-weight:100 !important;	font-size:48px; text-transform:capitalize; line-height:60px !important;
}
h3{
	font-family: "Poppins", serif; font-weight:100 !important;	font-size:36px; text-transform:capitalize; line-height:40px !important;
}
h5{
	font-family: "Poppins", serif; font-weight:500 !important;	font-size:20px; text-transform:capitalize; line-height:30px !important;
}
h6{
	font-size:15px; font-family: "Poppins", serif; font-weight:100 !important; letter-spacing:1px; position:relative; padding-left:110px !important;
}
h6:before{
	width:100px; height:2px; background:#fff; content:''; position:absolute; left:0px; top:40%;
}
.pink h6{
	color:#f62e4f !important;
}
.pink h6:before{
	width:100px; height:2px; background:#f62e4f; content:''; position:absolute; left:0px; top:40%;
}
.bold{
	font-weight: 800 !important; font-family: 'poppinsbold';
}
.pink{
	color:#f62e4f;
}
.elementor-widget-button .elementor-button{
	border-radius:50px; text-transform:uppercase; background:#f62e4f !important; border:1px solid #f62e4f; color:#fff; font-size:12px; padding:15px 40px;
}
.elementor-widget-button .elementor-button:hover{
	background:transparent !important; color:#f62e4f;
}
.white-button.elementor-widget-button .elementor-button{
	background:#fff !important; color:#f62e4f; border:1px solid #fff;
}
.white-button.elementor-widget-button .elementor-button:hover{
	background:transparent !important; color:#fff;
}
.ptb-90{
	padding-top:90px; padding-bottom:90px;
}
.ptb-70{
	padding-top:70px; padding-bottom:70px;
}
.pt-70{
	padding-top:70px;
}
.pink-background{
	position:relative !important;
}
.pink-background .e-con-inner:before{

	background:#191818; content:''; position:absolute; left:0px; top:0; width:30%; height:100%;
}
.pink-background:after{
	background:#f62e4f; border:2px solid #fff; width:150px; height:150px; border-radius:50%; content:''; position:absolute; right:-50px; bottom:50px;
}
.left-space{
	padding-left:6% !important;
}
.white-text p{
	color:#fff;
}
.white-text h1{
	color:#fff !important;
}
.image1{
	position:relative;
}
.image1 .elementor-widget-container:before{
	background:#191818; border:2px solid #f62e4f; width:80px; height:80px; position:absolute; left:-30px; top:-30px; content:''; border-radius:50%;
}
.image1 img{
	z-index:9; position:relative;
}
.highlight-list ul{
	list-style:none; margin:0; padding:0;
}
.highlight-list ul li{
	list-style:none; margin:0 0 30px; padding:0; display:flex; align-items:center; font-weight:500; font-family: "Poppins", serif;
}
.highlight-list ul li img{
	margin:0 15px 0 0; max-width:55px; height:auto;
}
.left-gap{
	padding-left:10% !important;
}
.ptb-40{
	padding-top:40px; padding-bottom:40px;
}
.small-txt p{
	font-size:12px; font-family: "Poppins", serif; font-weight:500;
}
.white-txt, .white-txt p{
	color:#fff !important;
}
.services-main-wrapper{
	display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;
}
.services-block{
	text-align:center;
}
.service-post-thumb{
	border-radius:5px !important; height:295px; width:100%; overflow:hidden;
}
.services-block img{
	 transition: 0.3s all ease-in-out; height:295px; width:100%;
}
.services-block:hover img{
	transform: scale(1.1);
}
.service-name a{
	text-align:center; font-family: "Poppins", serif; font-weight:700; color:#000; margin-top:10px; display:block;
}
.subhead p{
	color:#f62e4f !important; font-family: "Poppins", serif; font-weight:600 !important; font-size:12px !important;
}
h4{
	color:#f62e4f !important; text-transform:uppercase; font-size:20px;
}
.technologies ul{
	list-style:none; margin:20px 0 0; padding:0;
}
.technologies ul li{
	list-style:none; margin:0 0 20px; padding:10px 20px; display:flex; align-items:center; -webkit-box-shadow: 0px 0px 15px 2px rgba(184,184,184,1);-moz-box-shadow: 0px 0px 15px 2px rgba(184,184,184,1);box-shadow: 0px 0px 15px 2px rgba(184,184,184,1); text-transform:uppercase; transition:0.3s ease-in-out;
}
.technologies ul li:hover{
	/*-webkit-box-shadow: 0px 0px 15px 2px rgba(102,102,102,1); -moz-box-shadow: 0px 0px 15px 2px rgba(102,102,102,1); box-shadow: 0px 0px 15px 2px rgba(102,102,102,1);*/ margin-top:-10px; margin-bottom:30px;
}
.icon-img{
	width:100px; text-align:left;
}
.icon-img img{
	margin:0px; width:90px;
}
.sp-testimonial-item .sp-testimonial-free{
	-webkit-box-shadow: 0px 0px 25px -9px rgba(176,176,176,1); -moz-box-shadow: 0px 0px 25px -9px rgba(176,176,176,1); box-shadow: 0px 0px 25px -9px rgba(176,176,176,1); border-radius:10px !important; padding:15px; min-height:310px;
}
.sp-testimonial-item{
	 padding:20px;
}
.sp-testimonial-item p{
	font-size:12px !important; color:#1e2029; text-align:left !important;
}
/*.sp-testimonial-free-section .sp-testimonial-client-image{
	position:absolute; width:60px; bottom:10px;
}*/
/*#sp-testimonial-free-wrapper-1878 .sp-testimonial-free-section .sp-testimonial-client-rating{
	position: absolute;left: 45px; bottom: 75px; margin-bottom:20px;
}*/
#sp-testimonial-free-wrapper-1878 .sp-testimonial-free-section .sp-testimonial-client-rating{
	display:flex; margin-left:10px;
}
.sp-testimonial-free-section .sp-testimonial-client-testimonial{
	margin-bottom:40px;
}
.sp-testimonial-free-section .sp-testimonial-client-name, .sp-testimonial-free-section .sp-testimonial-client-designation{
	padding: 0 0 0 10px; text-align:left;
}
.recent-post-wrapper{
	display:flex; gap:20px;
}
.recent-post-thumb{
	width:100%;
}
p.recent-post-meta {
    display: inline-block; color: #e53060; font-size: 12px; text-transform: uppercase; padding: 6px 0; margin-bottom: 0px;
}
.post-details h3{
	 line-height:20px !important; margin-bottom:20px;
}
.post-details h3 a{
	color:#1b263f; font-size:20px; font-family: "Poppins", serif;  font-weight:500;
}
.n-data{
	font-size:13px; color:#4b4b4b; font-family: "Poppins", serif; font-weight:300; margin-bottom:20px;
}
.view-link{
	color:#f62e4f; font-size:12px;
}
.home-form-wrapper{
	width:70%; margin:20px auto 0;
}
.home-form-wrapper .text-box, .home-form-wrapper .tele-box, .home-form-wrapper .job-title, .home-form-wrapper .additional-txt {
    padding: 12px 10px !important;
    width: 100% !important;
	max-width: 100%;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
	color: #979797;
	outline: none !important;
}
.home-form-wrapper .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
	margin-bottom: 20px;
}
.home-form-wrapper .grid .text-box, .home-form-wrapper .grid .tele-box {
    max-width: 100%;
}
.home-form-wrapper p {
	margin:0px !important;		
}
.submit-button{
	background: #f62e4f !important; border:1px solid #fff !important; border-radius:50px !important; transition: all .3s ease-in-out; padding: 15px 40px !important; font-size:12px !important; text-transform:uppercase; margin:auto;
}
.submit-button:hover{
	background: #fff !important; border-color:#f62e4f !important; color:#f62e4f !important;
}
.wpcf7 form.invalid .wpcf7-response-output{
	width:70%; margin:auto; background-color:#f62e4f; color:#fff; border:0px; 
}
.footer-menu-wrap .menu li a, .footer-left .menu li a{
	font-size:14px; color:#fff;
}
.footer-menu-style .menu-contact-button a{
	background:transparent; padding:0px; border:0px; font-size:12px; color:#fff; text-transform:capitalize;
}
.footer-menu-title, .footer-left-title, .footer-right-title{
	color:#f62e4f !important; line-height:20px !important;
}
.footer-right i{
	color:#fff; margin-right:10px;
}
.footer-right{
	font-size:12px; color:#fff;
}
.footer-right a{
	font-size:14px; color:#fff;
}
.footer-contact-details{
	margin:0; padding:0; list-style:none;
}
.footer-contact-details li{
	margin:0 0 8px; font-size:14px; color:#fff; list-style:none; padding:0;
}
/* .creation-wrapper{
	display:flex; justify-content:space-between; margin-top:20px;
} */
.creation-bk{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius:10px !important; height:260px; width:auto; overflow:hidden;
	display:grid;
	place-items:center;
	margin:8px;
}
.creation-bk img{
	 border-radius:10px !important; width:auto; overflow:hidden;
}
.creation-img {
    height: 260px;
	overflow:hidden;
	border-radius:10px !important;
	position:relative;
}
.inner-banner-sec{
	height:300px !important;
}
.inner-post-banner{
	height:350px !important; overflow:hidden; position:relative;
}
.banner-shadow{
	height:100% !important; width:100%; background-color:#000; opacity:0.5; position:absolute; left:0; top:0;
}
.inner-banner-heading{
	position:absolute; width:100%; max-width:1170px; padding:0 15px; text-align:center; top: 50%; left:50%; transform: translate(-50%, -50%); z-index:9;
}
.inner-banner-heading h1{
	color:#fff !important;
}
.pink-background ul{
	margin:0; padding:0;
}
.pink-background ul li{
	color:#fff;
}
.black-bg ul{
	margin:0; padding:0;
}
.black-bg ul li, .black-bg ol li{
	color:#fff;
}
.primary-menu .current_page_ancestor{
	text-decoration:none; color:#f62e4f;
}
.footer-menu-wrap .sub-menu{
	display:none;
}

.col-2 ul{
	 display:flex; flex-wrap: wrap; margin-bottom:0px;
}
.col-2 ul li{
	flex-basis: 40%; box-sizing: border-box;
}
.counter p{
		font-size:14px;
	}
.all-post-wrap{
	display:flex; flex-wrap: wrap;
}
.post-block{
	flex: 0 0 33.3333%;
}
.all-post-wrap .recent-post-wrapper{
	flex-direction: column;
}
.all-post-wrap .recent-post-thumb{
	margin-bottom:0px;
}
.all-post-wrap .recent-post-wrapper{
	margin:10px;
}
.all-post-wrap .slick-dots {
	display: flex;
	position: absolute;
	left: 50%;
	gap: 8px;
	transform: translatex(-50%);
	list-style: none;
	margin-left: 0 !important;
	bottom: -65px;
}

.all-post-wrap .slick-dots li button {
	font-size: 0 !important;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	padding: 0 !important;
	border: none;
	display: inline-block;
}

.all-post-wrap .slick-dots li {
	margin: 0 !important;
}

.all-post-wrap .slick-dots li.slick-active button {
	background-color:#f62e4f !important;
}

.all-post-wrap .slick-dots li button {
	background-color: #e7e7e7 !important;
}
.all-post-wrap{
	
}

.contact-page .home-form-wrapper{
	width:100%;
}
.post-page-banner{
	width:100%; height:300px; overflow:hidden;
}
.post-page-banner img{
	object-fit:cover;
}
.time-text{
	display:flex; color:#e53060; text-transform:uppercase; font-size:14px; align-items:center;
}
.time-text span{
	margin-right:10px;
}
.post-alignment{
	display:flex; justify-content:space-between;
}
.prev-posts, .next-posts {
	max-width:40%;
}
.arrow-text{
	display:flex; align-items:center; margin-bottom:10px; 
}
.next-posts a, .prev-posts a{
	text-decoration:none;
}
.flex-box-post{
	display:flex; justify-content:space-between; align-items:center;
}
.post-bottom{
	background:url('https://www.webappdesigns.com/wp-content/uploads/2024/12/pink-strip.png') no-repeat; background-size:cover; width:100%; margin-top:30px;
}
.post-bottom-left{
	width:70%;
}
.post-bottom-right{
	width:20%;
}
.post-bottom-right a{
	background:#fff; border-radius:50px; font-family: "Poppins", Sans-serif; font-size: 13px; font-weight: 500; padding:12px 0; border:#fff 1px solid; text-transform:uppercase; text-decoration:none; display:block; text-align:center;
}
.post-bottom-right a:hover{
	background:transparent; color:#fff;
}
.post-bottom p{
	margin-bottom:0px;
}
.creation-wrapper .slick-arrow{
	position:absolute; color:#f8143a; font-size:25px;
}
.creation-wrapper .slick-prev{
	left:40%; bottom:-30px;
}
.creation-wrapper .slick-next{
	right:40%; bottom:-30px;
}
.search-submit{
	border-radius:50px !important; border:1px solid #f62e4f !important; padding:12px 30px !important; font-size:14px !important;
}
.search-submit:hover{
	color:#f62e4f; background:transparent;
}
.fullwidth a{
	width:100% !important; position:relative; left:-90px;
}
.icon-images .gallery{
	margin:0px !important;
}
.icon-grid img {
    transition: all 0.3s ease-in-out;
}
.icon-grid img:hover {
    transform: translateY(-10px);
}


.sp-testimonial-content p {
overflow: hidden;
  display: -webkit-box; /* Required for WebKit/Blink browsers */
  -webkit-box-orient: vertical; /* Required for WebKit/Blink browsers */
  -webkit-line-clamp: 7; /* Number of lines to show */
  line-clamp: 7; /* Standard property */
}


a.sitelink {
    display: inline-block;
    position: absolute;
    z-index: 999999;
    color: #fff;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    border: 1px solid #f62e4f;
    color: red;
    font-size: 15px;
    line-height: 1.5;
    border-radius:10px;
    background:#f62e4f;
    color:#ffffff;
    bottom:0;
    padding:8px;
    font-weight:500;
    text-transform:uppercase;
}
a.sitelink:hover { background:#fff; color:#f62e4f; }

.elementor-element.elementor-element-24c00c8.\39 9designs.elementor-widget.elementor-widget-shortcode a.sitelink { display:none!important; }
.elementor-element.elementor-element-4276b67.logodesign.elementor-widget.elementor-widget-shortcode a.sitelink { display:none!important; }

/* Responsive start */

@media (min-width: 1600px) {
	.home-about .left{
		width: 40% !important;
	}
	.home-about .rightt{
		width: 60% !important;
	}
}
@media (min-width: 1220px) {
    .primary-menu > li {
        margin: 0.5rem 0 0 3.5rem;
    }
	
}
@media (max-width: 1100px) {
	.service-post-thumb{
		height:250px;
	}
	.fullwidth a{
		left:0px; width:auto !important;
	}
}
@media (max-width: 991px) {
	.main-slider {
		flex-direction: column-reverse !important;
		height: auto !important;
		padding-left: 0px !important;
	}
	.main-slider > .elementor-element {
		width: 100% !important;
	}
	.hero-side-heading {
		height: auto;
		padding: 18px 0 18px 41px;
		margin-bottom: 0px !important;
	}
	.main-slider .elementor-image-carousel-wrapper.swiper {
		max-height: 480px;
	}
	.main-slider > .elementor-element:nth-child(2) {
		margin-bottom: 32px;
	}
	.hero-side-heading {
		margin-left: 38px;
	}
	.service-container {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.mobile-call{
		display: flex;
	}
	.nav-toggle .toggle-icon{
		width:50px; height:auto;
	}
	.toggle-icon{
		overflow:auto;
	}
	.toggle-inner{
		height:auto;
	}
	.service-post-thumb{
		height:185px;
	}
	.service-name a{
		font-size:13px; font-weight:600;
	}
	h1{
		font-size:40px;
	}
	h2{
		font-size:36px; line-height:40px !important;
	}
	.ptb-90{
		padding-top:30px; padding-bottom:30px;
	}
	/*.ptb-70{
		padding-top:40px; padding-bottom:40px;
	}
	.pb-80{
		padding-bottom:80px;
	}*/
	.sp-testimonial-item .sp-testimonial-free{
		min-height:200px;
	}
	.post-details h3{
		line-height:20px !important;
	}
	.footer-copyright:before, .footer-copyright:after{
		width:25%;
	}
	.modal-menu li{
		border-color: #e08b99 !important;
	}
	
	
}
@media only screen and (max-width: 767px){
	.pink-background .e-con-inner:before { display:none;}
	.wpcf7-spinner { display:none;}
	.main-slider > .elementor-element:nth-child(1) > .e-child{
		align-items: flex-start;
		flex-basis: content;
	}
	.main-slider > .elementor-element:nth-child(1) {
        flex-wrap: nowrap;
	}
	ul.post-list{
		grid-template-columns: repeat(1, 1fr);
	}
	.footer-top .new-container {
		grid-template-columns: 70% 30%;
		grid-gap: 30px;
	}
	.footer-left1 ul {
		grid-template-columns: repeat(2, 1fr);
		max-width: 100%;
	}
	.job-block .gradient-but {
		position: relative !important;
		top: -21px !important;
		left: 0;
	}
	.all-post-wrap{
		flex-wrap: nowrap; flex-direction:column;
	}
	.post-block{
		flex: 100%;
	}
	.service-post-thumb {
        height: 115px;
    }
	.col-2 ul li{
	flex-basis: 100%; box-sizing: border-box;
}
	
}
@media only screen and (max-width: 640px){
	.main-slider > .elementor-element:nth-child(1) {
        flex-direction: column;
/* 		margin: -359px 0 0 0px;
        padding-top: 30px !important;
        z-index: 9;
        background: rgba(255, 255, 255, 0.5); */
    }
	.hero-side-heading {
		transform: none !important;
		writing-mode: horizontal-tb;
		border-left: none;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
		padding: 0 0 20px 0px;
		margin: 0px;
	}
	.main-slider > .elementor-element:nth-child(1) > .e-child .elementor-widget-container {
		padding-left: 0px !important;
    	margin: 0px;
	}
	.main-slider > .elementor-element:nth-child(1) > .e-child {
        align-items: center;
		text-align: center;
    }
	.hero-header h2 {
    	width: 100%;
    	text-align: center;
	}
	.main-slider .gradient-but {
		margin: 0 auto;
	}
	.home-about .elementor-element-654f7a8, .home-about .elementor-element-cd98917 {
		width: 200px;
	}
	.e-con>.e-con-inner {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.footer-top .new-container {
		grid-template-columns: 100%;
        place-items: center;
        text-align: center;
	}
	.footer-left1 ul {
		grid-template-columns: repeat(1, 1fr); justify-content:center;
	}
	.flex-box{
		flex-direction:column; padding-top:10px;
	}
	.top-right ul{
		flex-direction:column;
	}
	.top-right li{
		border:0px;
	}
	.top-right li a{
		line-height:25px;
	}
	.post-page-banner{
		height:150px;
	}
	.single #site-content{
		margin-top:0px !important;
	}
	.post-alignment{
		flex-direction:column; gap:20px;
	}
	.prev-posts, .next-posts{
		max-width:100%;
	} 
	.flex-box-post{
		flex-direction:column;
	}
	.post-bottom-left, .post-bottom-right{
		width:100%; margin:10px 0;
	}
	.service-post-thumb {
        height: auto;
    }
	.footer-left1 img{
		margin:auto;
	}
	.footer-copyright, .footer-copyright *{
		font-size:10px !important;
	}
	
}
@media only screen and (max-width: 480px){
	.post-img img, .event-img img,
	.blog-wrap-2 > div .post-img img{
		height:250px !important;
	}
	.tit-blg{
		font-size: 20px;
	}
	#site-header{
		padding-top:7px; padding-bottom:12px;
	}
	#site-header .site-logo img{
		max-height: 6rem;
	}
	#site-content {
		margin-top: 70px !important;
	}
	.top-bar{
		display:none;
	}
	.header-titles-wrapper{
		justify-content:left; padding:0;
	}
	.nav-toggle .toggle-icon{
		width:30px;
	}
	.nav-toggle .toggle-inner{
		padding-top:0px;
	}
	.fullwidth-but a{
		width:100%;
	}
	.services-main-wrapper{
		grid-template-columns:auto;
	}
	h2{
		font-size:30px;
	}
	h3{
		font-size:25px;
	}
	.sp-testimonial-item .sp-testimonial-free{
		/*min-height:auto !important;*/
	}
	#sp-testimonial-free-wrapper-1878 .sp-testimonial-free-section{
		margin:0px;
	}
	.sp-testimonial-free-section .testimonial-nav-arrow.swiper-button-next{
		right:-12px;
	}
	.sp-testimonial-free-section .testimonial-nav-arrow.swiper-button-prev{
		left:-12px;
	}
	.recent-post-wrapper{
		flex-direction:column; gap:0px; margin-bottom:20px;
	}
	.home-form-wrapper{
		width:100%;
	}
	.home-form-wrapper .grid{
		grid-template-columns: repeat(1, 1fr);
	}
	.footer-left1 img{
		margin:auto;
	}
	.footer-left1 ul{
		justify-content:center;
	}
	.footer-copyright:before, .footer-copyright:after{
		display:none;
	}
	footer#site-footer{
		background-size:cover;
	}
	.modal-menu > li > .ancestor-wrapper > a{
		font-size:14px; font-weight:500;
	}
	ul.sub-menu a{
		font-size:13px;
	}
	.modal-menu li{
		border-color:#e08b99 !important;
	}
	.pink-background:after{
		opacity:0.2;
	}
	.inner-banner-sec{
		height:250px !important;
	}
	.ptb-70{
		padding-top:40px; padding-bottom:40px;
	}
	.frm-pops{
		padding:35px 20px;
	}
	.heading-style{
		font-size:20px;
	}
	.forms-row{
		gap:0px;
	}
}