/*
 Theme Name:   Rakar Child  
 Theme URI:    https://wordpress.themeholy.com/rakar
 Description:  This is a child theme for Rakar - WordPress Theme
 Author:       Themeholy
 Author URI:   https://themeforest.net/user/themeholy 
 Template:     rakar
 Version:      1.0
 Tags:         two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  rakar-child
*/

/*  [ Add your custom css below ] 
- - - - - - - - - - - - - - - - - - - - */    


@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed: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=Fira+Sans: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&display=swap');

body{
	--theme-color: #0292B8 !important;
} 


p{
	font-weight: 400 !important;
	font-size: 18px !important;
	color: #333 !important;
}

.spin-text {
    display: none;
}

.img-box5 .box-badge {
    display: none;
}

span.font-w {
    font-weight: 700;
    font-size: 64px;
}

.img-box5 .customer-box {
    padding: 6px 60px !important;
}



.hero-5 .swiper-slide p {
    font-size: 20px !important;
    color: #fff !important;
    font-weight: 500 !important;
    max-width: 601px !important;
}

.elementor-23 .elementor-element.elementor-element-1473cce .th_btn {
    border: none !important;
}

.hero-5 .swiper-pagination-bullets {
    display: none !important;
}

.hero-5 .icon-box button.slider-arrow {
    border-radius: 5px !important;
}

.icon-box .slider-arrow:not(:last-child) {
    margin-right: 20px !important;
}

.hero-5 .slider-arrow {
    border: 1px solid #007da7 !important;
}

.slider-arrow {color: #007da7 !important;}
.img-box5 .customer-box .media-body.box-title {
    font-weight: 500 !important;
    font-size: 24px !important;
}

.customer-box .box-title {
    font-weight: 500;
    font-size: 24px;
}

.customer-box {
    background: linear-gradient(135deg, #0ae7fe 0%, #007da7 61.7%) !important;
    align-items: baseline !important;
}

.th-btn.style4 {background-color: #007DA7 !important;}

.sec-about h2.sec-title , .sec-about p {
    color: #fff !important;!i;!;
}

ul.sec2-ul li {
    list-style: none;
    font-weight: 600;
    font-size: 18px;
    line-height: 180%;
    text-transform: capitalize;
    color: #333;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

ul.sec2-ul li::before {content:'';background:url(/wp-content/uploads/2024/11/tick.png);width:18px;height:14px;background-repeat:no-repeat;position: relative;}

ul.sec2-ul {
    padding: 0;
}


.service-block:after, .service-block:before {
    -webkit-box-shadow: inset 25px 25px 0 0 #333333 !important;!i;!;
}

.service-block .icon-btn:after {
    border: 8px solid #333333 !important;!i;!;
}

.service-block .box-icon {
    position: absolute !important;
    top: -4px !important;!i;!;
    right: -4px !important;
    width: 72px;
    height: 72px;
    background-color: #1a7096 !important;
    border: 6px solid #333333 !important;
    transform: translate(0,0);
    margin: 0;
    !i;!;
    z-index: 5;
}

.service-block .box-img {
    position: relative;
}

.service-block {
    position: relative !important;
    z-index: 1;
    width: 95;
}


.service-block .icon-btn {
    z-index: -1;
}

.service-block:after {
    z-index: 0 !important;
}




 .office-sec4  .rightside .why-feature:nth-child(1)::before {
    content: '';
    background: url(/wp-content/uploads/2024/11/before1.png);
    width: 80px;
    height: 90px;
    position: absolute;
    right: -110px;
    bottom: 30px;
}

.office-sec4 .why-feature:nth-child(1) {
    position: relative;
}
.office-sec4 .why-feature:nth-child(2) {
    /* position: relative; */
}

.office-sec4 .why-feature:nth-child(3) {
    position: relative;
}

  .office-sec4 .rightside .why-feature:nth-child(2)::before {
    content: '';
    background: url(/wp-content/uploads/2024/11/before1.png);
    width: 80px;
    height: 90px;
    position: absolute;
    right: -110px;
    bottom: 30px;
    rotate: 311deg;
}

 .office-sec4 .rightside .why-feature:nth-child(3)::before{
    content: '';
    background: url(/wp-content/uploads/2024/11/before2.png);
    width: 80px;
    height: 90px;
    position: absolute;
    right: -110px;
    top: 50px;
}

.why-feature {
    margin-bottom: 75px !important;
    padding: 45px 15px 50px 15px;
}


.office-sec4 .leftside  .why-feature:nth-child(1)::before {
    content: '';
    background: url(/wp-content/uploads/2024/11/befofrelf.png);
    width: 80px;
    height: 90px;
    position: absolute;
    left: -110px;
    bottom: 30px;
    /* scale: -1; */
}

 .office-sec4 .leftside .why-feature:nth-child(2)::before {
    content: '';
    background: url(/wp-content/uploads/2024/11/befofrelf.png););
    width: 80px;
    height: 90px;
    position: absolute;
    left: -110px;
    bottom: 4px;
    rotate: 38deg;
}

 .office-sec4 .leftside .why-feature:nth-child(3)::before{
    content: '';
    background: url(/wp-content/uploads/2024/11/befofrelfbot.png);
    width: 80px;
    height: 90px;
    position: absolute;
    left: -110px;
    bottom: 0px;
    top: 70px;
}

.why-feature .box-number {
    background-color: #1a7096 !important;
	font-size:0 !important;
}

.rightside .why-feature:nth-child(1) .box-number {
    background-image: url(/wp-content/uploads/2024/11/of1.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.rightside .why-feature:nth-child(2) .box-number {
    background-image: url(/wp-content/uploads/2024/11/of2.png);
		background-repeat:no-repeat;
	background-position:center center;
}

.rightside .why-feature:nth-child(3) .box-number {
    background-image: url(/wp-content/uploads/2024/11/of3.png);
	background-repeat:no-repeat;
	background-position:center center;
}


.leftside .why-feature:nth-child(1) .box-number {
    background-image: url(/wp-content/uploads/2024/11/of4.png);
		background-repeat:no-repeat;
	background-position:center center;
}

.leftside .why-feature:nth-child(2) .box-number {
    background-image: url(/wp-content/uploads/2024/11/of5.png);
		background-repeat:no-repeat;
	background-position:center center;
}

.leftside .why-feature:nth-child(3) .box-number {
    background-image: url(/wp-content/uploads/2024/11/of6.png);
		background-repeat:no-repeat;
	background-position:center center;
}


.counter-card-wrap.style4 {
    background-color: #007DA7 !important;
}


.counter-card-wrap.style4 h2.box-number {
    font-weight: 700 !important;
    font-size: 52px !important;
    margin-bottom: 10px;
    padding-bottom: 10px;
}




.worksec p {
    color: #fff !important;
}

.worksec .process-box:nth-child(odd) {background: #007DA7 !important;!i;!;border-radius: 30px !important;!i;!;top: 0 !important;border: 5px solid #333333 !important;line-height: 45px !important;}

.worksec .process-box:nth-child(odd) .box-number {
    border: 5px solid #333333;
    line-height: 3;
    top: -20px!important;
    line-height: 45px !important;
}


.worksec .process-box:nth-child(even) {
    background: #00AFCA !important;
    border-radius: 30px !important;
}

.process-box:nth-child(even) .box-number {
    top: -20px !important;
    border: 5px solid #333333 !important;
    line-height: 45px !important;
}

.worksec .process-box {
    padding: 60px 40px !important;
}

.worksec .process-box p {
    font-weight: 400 !important;
    font-size: 15px !important;
}

.clientsec h2 ,  .clientsec p {
    color: #333 !important;!i;!;
}

.testi-grid.style2:before {
}

.testi-grid {
    padding:20px 20px !important;
    display:flex;
    flex-direction:column;
    gap:40px;
}

.testi-grid .box-profile {
    order:3;
    margin:0px;
}

.testi-grid.style2 .box-review{
order:1;
}

.testi-grid .box-text{
order:2;
}


.clientsec h2 ,  .clientsec p {
    color: #333 !important;!i;!;
}

.testi-grid.style2:before {
}

.testi-grid {
    padding: 40px 60px !important;
    display:flex;
    flex-direction:column;
    gap: 20px;
}

.testi-grid .box-profile {
    order:3;
    margin:0px;
}

.testi-grid.style2:before {width: 100%;height: auto;mask-size: 100%;mask-repeat: no-repeat !important;transform: scaleY(-1);}

.testi-grid.style2:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background: #fff;
    width: 100%;
    height: 80%;
    z-index: -1;
    border-radius: 20px;
}

.testi-grid .box-text {
    min-height: 280px;
}

.testi-grid.style2 .box-icon svg {max-width: 70px;}

.testi-grid.style2 .box-icon {
    top: -20px;
    right: -19px;
    bottom: unset;
}


.testi-grid.style2 .box-review{order:1;margin-bottom: 0 !important;}

.testi-grid .box-text{
order:2;
}


.brand-sec3 .brand-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 35px 220px 0px 220px;
}

.brand-sec3 .brand-inner form {
    display: flex;
    align-items: center;
    flex: 1 0 67.433%;
    max-width: 67.533%;
    gap: 40px;
}

.brand-sec3 .brand-inner h3 {
    flex: 1 0 33.33%;
    max-width: 33.33%;
    font-weight: 500;
    font-size: 32px !important;!i;!;
    line-height: normal !important;!i;!;
}

.brand-sec3 .brand-inner form .input-row {flex: 1 0 33.33%;/* max-width: 33.33%; */}

.brand-sec3 .brand-inner form .input-row input {
    border-radius: 5px !important;
    border: 1px solid #e6e8ec !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    color: #838e9e !important;
}

.brand-sec3 .brand-inner form .input-row label {
    font-weight: 500 !important;
    font-size: 18px !important;
    color: #061c3d !important;
}

.service-block .box-icon img {
    z-index: 1231;
    position: absolute !important;!i;!;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 31px !important;!i;!;
    height: 31px !important;!i;!;
    margin: auto;
    object-fit: contain !important;!i;!;
}

.service-block .box-img img {
    overflow: visible !important;!i;!;
    position: relative;
}

.service-block .icon-btn {display: none;}


.service-block .box-content h3.box-title {
    font-weight: 600 !important;
    font-size: 24px !important;
    color: #333 !important;
}

.service-block .box-content p.box-text {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 131% !important;
    color: #333 !important;
    padding: 30px 0 !important;!i;!;
}

.service-block .box-content .th-btn.style2:hover:before, .th-btn.style2:hover:after {
    display: none !important;
}

.service-block .box-content {
    padding: 40px 50px !important;
}

.service-block:hover .box-content * {
    color: #fff !important;
    background: transparent;
    border-color: #fff !important;!i;!;
}

.service-block:hover .box-content p.box-text {
    color: #fff !important;
}

.sec-about .slider-controller {
    display: none !important;
}

.box-icon img {
    /* display: none !important; */
}

.why-feature .box-icon {
    display: none !important;
}



.why-feature .box-number {position: absolute !important; left: 30px !important;!i;!;top: -40px !important;!i;!;!o;!;border: 7px solid !important;!i;!;width: 70px !important;!i;!;height: 70px !important;}


.sub-title2 img {
    display: none !important;
}

.why-feature:after {
    rotate: 313deg !important;
    top: -46px !important;
    right: unset !important;
    left: 24px !important;
    z-index: 0 !important;
    border-radius: 50%;
}

.shape-mockup {
    display: none !important;
}



.gallery-grid .box-content h3.box-title {
    font-weight: 600 !important;
    font-size: 24px !important;
    color: #fff !important;
}

.gallery-grid .box-content  p.box-text {
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

.gallery-grid .box-content {position: absolute !important;!i;!;left: 0;bottom: 0;right: 0;display: flex;justify-content: space-between;padding: 30px 30px;transition: all ease .3s;opacity: 0 !important;!i;!;transform: translateY(100%) !important;!i;!;}

.gallery-grid .box-img {
    position: relative;
}

.gallery-grid .box-content a.th-btn.style2.btn-sm.th_btn {
    font-weight: 500 !important;
    font-size: 18px !important;
    color: #fff !important;
}

.gallery-grid .box-content a.th-btn.style2.btn-sm.th_btn {
    background: #007da7 !important;
    border-radius: 8px !important;
    border: transparent !important;
}

.box-content {
    align-items: center;
}

.gl-box-content {
    border-radius: 15px;
    backdrop-filter: blur(30px);
    /* box-shadow: 20px 10px 50px 0 rgba(0, 0, 0, 0.15); */
    /* background: rgba(51, 51, 51, 0.2); */
    padding: 20px 20px;
}


.sec-gallery .row.gy-4 .col-xl-3.col-md-6 .gl-box-content {
    padding: 10px  10px;
}

.sec-gallery .row.gy-4 .col-xl-3.col-md-6 .gl-box-content h3.box-title {
    font-size: 16px !important;
}

.sec-gallery .row.gy-4 .col-xl-3.col-md-6  .box-content {
    padding: 0 10px 20px 10px;
    gap: 20px;
}

.sec-gallery .row.gy-4 .col-xl-3.col-md-6 .box-content a.th-btn.style2.btn-sm.th_btn {
    font-size: 14px !important;
}

.gallery-grid .box-content a.th-btn.style2.btn-sm.th_btn:hover {
    background: #007da7 !important;
}

.gallery-grid .box-content  .th-btn.style2:hover:before, .th-btn.style2:hover:after {
    display: none;
}

.gallery-grid:hover .box-content {
    transform: translateY(0) !important;
    opacity: 1 !important;
}


.sec-ctn {
     background-size: auto !important;
}

.sec-ctn .e-con-inner {
    /* align-items: center !important; */
    /* position: relative !important; */
    padding: 0px 30px 0px 100px;
    /* margin-top: 150px; */!;
    /* margin-bottom: 150px; */
}





.sec-ctn h2.sec-title, .sec-ctn p {
    color: #fff !important;
}

.sec-ctn p {
    font-weight: 300 !important;
    font-size: 18px !important;
}


.sec-ctn .title-area {
    margin-bottom: 0 !important;!i;!;
}

.sec-ctn a.th-btn.th_btn.style4 {
    background-color: #fff !important;!i;!;
    color: #007DA7 !important;!i;!;
}



.sec-ctn .th-btn.style4:before, .th-btn.style4:after {display: none;}


.sec-ctn .title-area {
    margin-bottom: 0 !important;!i;!;
}

.sec-ctn a.th-btn.th_btn.style4 {
    background-color: #fff !important;!i;!;
    color: #007DA7 !important;!i;!;
}



.sec-ctn .th-btn.style4:before, .th-btn.style4:after {display: none;}



.secblog .title-area h2.sec-title {
    color: #fff;
}

.secblog .title-area p {
    color: #fff !important;!i;!;
}

.blog-grid:after, .blog-grid:before {
    box-shadow: inset 30px 30px 0 0 #333333  !important;;
}



body .blog-grid .icon-btn:after {border-color: #333333 !important;background-color: #007da7;}




.blog-grid .icon-btn:hover:after {background-color: #007DA7 !important;}

.blog-grid .blog-content:before {
    backdrop-filter: blur(30px) !important;
    box-shadow: 20px 10px 50px 0 rgba(0, 0, 0, 0.15) !important;
    background: rgba(51, 51, 51, 0.2) !important;
}

.blog-grid .blog-meta {
    display: none !important;
}


.testi-grid .box-title {
    font-weight: 700;
    font-size: 20px;
    color: #007da7;
    line-height: normal !important;
    margin-bottom: 0 !important;
}

.testi-grid span.box-desig {
    color: #333;
    font-weight: 400;
    font-size: 14px;
    opacity: 0.5;
}

.testi-grid .box-review i {
    color: #007DA7 !important;
}


footer .elementor-element {
    gap: 0 !important;
}

.footer-wrapper .e-con-inner {
    gap: 0 !important;
}

.footer-wrapper .e-con-inner .widget.newsletter-widget.footer-widget {
    max-width: 520px !important;
    margin: 0 auto !important;
}



.footer-wrapper .e-con-inner .widget.newsletter-widget.footer-widget button.th-btn.style3 {
    background: #007da7 !important;
    position: absolute;
    width: auto !important;
    right: 5px;
    padding: 10px 20px;
    top: 5px;
    bottom: 5px;
    border-radius: 4px !important;
    min-width: auto !important;
}

.footer-wrapper .e-con-inner .widget.newsletter-widget.footer-widget  form.newsletter-form {
    position: relative;
}

.footer-wrapper .e-con-inner .widget.newsletter-widget.footer-widget input.form-control {
    border-radius: 4px !important;
    color: #888 !important;!i;!;
    font-weight: 400;
    font-size: 14px;
}

.footer-wrapper .e-con-inner .widget.newsletter-widget.footer-widget .th-btn:before {
    display: none;
}

.footer-wrapper .footer-top .e-con-inner .elementor-widget-container * {
    color: #fff !important;
}


.footer-wrapper .footer-top .elementor-element {
    padding: 0;
}

.footer-wrapper .footer-top .e-con-inner {
    padding: 100px 0;
}


.footer-bottom .footer-link1 {
    flex: 35% !important;
    max-width: 35% !important;
}

.footer-bottom .footer-link2 {
    flex: 20% !important;
    max-width: 20% !important;
}

.footer-bottom .footer-link3 {
    flex: 25% !important;
    max-width: 25% !important;
}

.footer-bottom .footer-link4 {
    flex: 20% !important;
    max-width: 20% !important;
}


.footer-bottom .e-con-inner .elementor-element * {
    color: #fff !important;
}



.footer-bottom .e-con-inner .elementor-element .menu-all-pages-container .menu li a {
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #fff !important;
    padding: 0 !important;
}

.footer-bottom .e-con-inner .elementor-element h3.widget_title {
    font-weight: 600 !important;
    font-size: 22px !important;
}

.footer-bottom .e-con-inner .elementor-element h3.widget_title img {
    display: none !important;
}

.footer-bottom .e-con-inner .elementor-element .th-social svg {
    width: 16px !important;
    color: #fff !important;
    fill: #fff !important;
}

.footer-bottom .e-con-inner .elementor-element .th-social a {
    border-radius: 5px !important;
}

.footer-bottom .e-con-inner .elementor-element .menu-all-pages-container .menu li a::before {
    display: none !important;
}

.th-widget-about {
    max-width: 420px !important;
}


.footer-copy {
    border: 0 !important;
}



.footer-copy .elementor-element .elementor-widget-container p {
    margin: 0;
    color: #fff !important;
    font-weight: 300 !important;
    font-size: 18px !important;
}

.footer-copy .e-con-inner {
    border-top: 1px solid  #fff;
}

.footer-bottom:before {
    content: '';
    background: url(/wp-content/uploads/2024/12/before-footer1.png);
    top: 0;
    left: 0;
    width: 452px;
    height: 369px;
    background-size: cover;
    position:absolute;
      background-repeat: no-repeat;
}

.footer-bottom:after {
    content: '';
    background: url(/wp-content/uploads/2024/12/before-footer2.png);
    bottom: -74px;
    right: 0;
    width: 452px;
    height: 369px;
    background-size: cover;
    position:absolute;
    z-index: 111;
    background-repeat: no-repeat;
}

.footer-copy {
    overflow: visible !important;!i;!;
}

.footer-bottom {
    overflow: visible !important;!i;!;
}


.footer-bottom .e-con-inner {
    padding-bottom: 80px !important;
    padding-top: 130px !important;
    align-items: baseline !important;
}



.counter-card-wrap.style4 h2.box-number {
    position: relative !important;
}

.counter-card-wrap.style4 h2.box-number::after {
    background: linear-gradient(90deg, #007da7 0%, #fff 50%, #007da7 100%);
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    content: '';
    left: 0;
    rotate: 0;
}


.header-layout5 .menu-wrap {
    justify-content: center !important;
}

.header-layout5 .menu-wrap button.simple-icon {
    display: none !important;
}

.header-layout5 .header-logo {
    transform: translateY(45px) !important;
}

.header-layout5 .header-button {
    transform: translateY(62px) !important;

}

.header-top .col-auto.d-none.d-lg-block .header-links:first-child ul:first-child li a:first-child {
    display: flex;
    align-items: center;
    gap: 10px;
}


.header-layout5 .top-left ul {
    display: flex;
    gap: 15px;
}

.header-layout5 .top-left ul  li a:last-child {
    display: none !important;
}

.header-layout5 .top-left ul li a {
    background: rgba(255, 255, 255, 0.08);
    padding: 12px 10px;
    border-radius: 5px !important;
    font-size: 20px !important;
}

.header-links li:not(:last-child):after {display: none;}

.header-layout5 .top-left li.d-none.d-md-inline-block {
    margin: 0 !important;
}

.header-links li:not(:last-child) {
    margin: 0 !important;
}

.header-top .header-links.top-right ul {
    display: flex;
    gap: 30px;
}



.slider-container {
    max-width: 1440px !important;
    padding: 0 40px !important;
}

.sec-ctn .ctn-2 {
    position: relative;
}

.sec-ctn .ctn-2 .elementor-element {
    bottom: 0;
    right: 0;
    left: 0;
}

.sec-ctn .ctn-1 {
    padding-bottom: 100px;
}


.none{
display:none;
}

.team-card .box-desig {
    color: #fff !important;
}

.pg-contact  span.sub-title {
    color: #fff !important;
}

.sub-title img {
    display: none !important;
}

.pg-contact .sub-title:before {
    fill: #fff !important;
}

.pg-contact  h2.sec-title {
    color: #fff !important;
}

.pg-contact  .title-area.text-center {
    margin-bottom: 0 !important;
}

.pg-contact {
    margin-top: 40px;
}


.blog-details  .th-comments-wrap {
    display: none !important;
}


section.th-blog-wrapper img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100% !important;
}


.blog-img.th-slider.fade-ani.swiper-fade.swiper-initialized.swiper-horizontal.swiper-watch-progress.swiper-backface-hidden img {
    width: 100% !important;
}

.pg-contact .e-con-inner {
    justify-content: center !important;
    flex-wrap: wrap !important;
    padding-right: 30px;
    padding-left: 30px;
}

.service-block .box-content .th-btn {
    opacity: 1;
    visibility: visible;
    color: #017DA7;
    padding: 4px 0;
    border: none;
    border-bottom: 1px solid #017DA7;
    border-radius: 0;
    min-width: auto;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #017da7;!;!i;!;
}

.service-block .box-content .th-btn::before {
    display: none;
}

.counter-card .box-text {
    color: #fff !important;!i;!;
}

.blog-grid .icon-btn {
    color: #fff;
}

.sec-ctn {
    margin-bottom: 150px;
}

.blog-grid .icon-btn {
    pointer-events: none;
}



input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #007da7 !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-size: 22px !important;
}

form[data-form-id="3"] .es-form-field-container .gjs-cell {
    position: relative;
}

.emaillist {
    max-width: 500px;
    margin: 0 auto;
    background-color: var(--smoke-color);
    border-radius: 5px;
}

.footer-wrapper .footer-top .e-con-inner .elementor-widget-container form.es_subscription_form input[name="esfpx_email"] {
    font-weight: 400;
    height: 56px;
    border: 1px solid var(--th-border-color);
    color: #000000 !important;!impo;!impo
    \;!i;!;
    background-color: var(--smoke-color);
    border-radius: 5px;
    font-size: 16px;
    width: 100%;
    font-family: var(--body-font);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    padding: 0 25px 0 25px;
    padding-right: 45px;
}

input[name="esfpx_email"] {}

.footer-wrapper .footer-top .e-con-inner .elementor-widget-container form.es_subscription_form input[name="esfpx_email"]::placeholder {
    color: #767676 !important;
}

form.es_subscription_form input[type="submit"] {
    position: absolute;
    width: auto;
    background: #007da7 !important;
    position: absolute;
    width: auto !important;
    right: 5px;
    padding: 10px 20px;
    top: 5px;
    bottom: 5px;
    border-radius: 4px !important;
    min-width: auto !important;
    line-height: normal;
    padding: 10px 20px;
    height: auto;
}

.gjs-row:empty {
    display: none !important;!i;!;
}
form[data-form-id="3"] .es-form-field-container .gjs-row {
    margin: 0 !important;!i;!;
}
.footer-wrapper .footer-top .e-con-inner .elementor-widget-container .es_subscription_message {
    text-align: center;
    padding: 12px 10px !important;!i;!;
    display: block;
    font-size: 16px;
}

.footer-wrapper .footer-top .e-con-inner .elementor-widget-container .es_subscription_message.success {
    color: green !important;!i;!;
}

.footer-wrapper .footer-top .e-con-inner .elementor-widget-container .es_subscription_message:empty {
    display: none;
}

.footer-wrapper .footer-top .e-con-inner .elementor-widget-container .es_subscription_message.error {
    color: red !important;
}

/* Responsive */

@media (max-width: 1199px){
	.header-layout5 .menu-wrap nav.main-menu.d-none.d-lg-inline-block ul {
    display: flex !important;
    gap: 10px !important;
	}

	.header-layout5 .menu-wrap nav.main-menu.d-none.d-lg-inline-block ul#menu-primary-menu-1 li {
    margin: 0 !important;
	}
	
	.brand-sec3 .brand-inner {
		padding: 30px 30px 0 30px;
	}

	.office-sec4 .elementor-element:nth-child(3) {
		align-items: end !important;
		justify-content: center !important;
		display: flex !important;
	}

	.office-sec4 .elementor-element:nth-child(2) {
		display: none;
	}

	.office-sec4 .elementor-element:nth-child(4) {
		display: none;
	}



	.office-sec4 .e-con-inner {
		justify-content: space-between !important;
	}

	.why-feature {
		padding: 45px  10px 25px 30px;
	}

	.office-sec4 .elementor-element:nth-child(3) img {
		height: 100% !important;
	}

	.office-sec4 .elementor-element:nth-child(3) .elementor-element {
		height: 100% !important;
	}

	.office-sec4 .elementor-element:nth-child(3) .elementor-element .elementor-widget-container {
		height: 100% !important;
	}
	

	
	
}

@media screen and (min-width: 1200px) and (max-width: 1640px) {
.header-layout5 .main-menu > ul > li > a {
    font-size: 14px;
}
.header-layout5 .menu-wrap {
}
.header-links a {
    font-size: 13px;
}
.hero-style5 .hero-title {
    font-size: 45px;
}
.hero-style5 .sub-title2 {
    font-size: 17px;
}
.hero-5 .swiper-slide p {
    font-size: 17px !important;
}
.brand-sec3 .brand-inner {
    padding: 19px 50px 0px 16px;
}
.brand-sec3 .brand-inner h3 {
    font-size: 26px !important;!I;!;
}
.brand-sec3 .brand-inner form .input-row label {
    font-size: 15px !important;!i;!;
}
.brand-sec3 .brand-inner form .input-row input {
    font-size: 14px !important;!i;!;
    height: 48px;
}
.hero-5 .icon-box button.slider-arrow {
}
span.sub-title2 {
    font-size: 16px;
}
h2.sec-title {
    font-size: 33px;
}
p {
    font-size: 16px !important;!i;!;
}
ul.sec2-ul li {
    font-size: 15px;
}
.sec-about .e-con-inner {
    padding: 40px 0px;
}
.sec-about .swiper-wrapper {
    padding-bottom: 60px !important;
}
.service-block .box-content {
    padding: 0px;
}
.service-block .box-content {
    padding: 40px 30px !important;
} 
.service-block .box-content h3.box-title {
    font-size: 21px !important;
}
.service-block .box-content p.box-text {
    font-size: 15px !important;
    padding-top: 13px !important;
}
.why-feature {
    padding: 45px 17px 25px;
}
.why-feature h3.box-title {
    font-size: 18px;
}
.why-feature p.box-text {
    font-size: 14px !important;
}
.counter-card-wrap.style4 h2.box-number {
    font-size: 35px !important;
}
.counter-card-wrap.style4 {
    padding: 40px 0px;
}
.worksec .e-con-inner {
    padding: 90px 0px !important;
}
.worksec h2.sec-title br {
    display: none;
}
.worksec .process-box:nth-child(odd) {
    padding: 80px 20px !important;
}
.worksec h3.box-title {
    font-size: 23px !important;
}
.worksec .process-box:nth-child(even) {
    padding: 80px 20px !important;
}
.sec-about .elementor-element.elementor-element-5af742d.e-con-full.e-flex.e-con.e-child {
    gap: 0px;
}
.sec-gallery .e-con-inner {
    padding: 90px 0px 100px;
}
.clientsec .e-con-inner {
    padding: 90px 0px 100px;
}
.clientsec h2.sec-title br {
    display: none;
}
.testi-grid {
    padding: 40px 30px !important;
}
.testi-grid .box-text {
    min-height: 240px;
}
.secblog .e-con-inner {
    padding: 0px 0px !important;
}
.secblog .e-con-inner {
    padding: 90px 0px !important;
}
.secblog h3.box-title {
    font-size: 20px;
}
.footer-bottom .e-con-inner {
    padding: 100px 30px 60px !important;
}

div#sec2 {
    padding-bottom: 50px;
    padding-top: 50px;
}
}

@media (max-width: 999px) {
	
.office-sec4 .rightside .why-feature:nth-child(1)::before {
    display: none !important;
}

.office-sec4 .rightside .why-feature:nth-child(2)::before {
    display: none !important;
}

.office-sec4 .rightside .why-feature:nth-child(3)::before {
    display: none !important;
}

.header-layout5 .header-logo {
    transform: none !important;
}

.header-layout5 .header-logo a {
    max-width:  !important;
}

.hero-style5 {
    padding: 130px 0px;
    text-align: center;
}

h1.hero-title {
    text-align: center !important;
    font-size: 24px;
}

span.title1.slideinup {
    max-width: 100%;
}

.hero-title span.title1.slideinup {max-width: 100%;}

span.title2.slideinup {
    max-width: 100%;
}

span.sub-title2.sub.slideinup {
    font-size: 14px;
}

.hero-5 .swiper-slide p {
    font-size: 15px !important;
    padding: 0px 10px;
    margin-bottom: 16px;
    max-width: 100% !important;!i;!;
}

.elementor-23 .elementor-element .th_btn {
    padding: 16px 28px;
}


.brand-sec3 .brand-inner {
    flex-direction: column;
    padding: 70px 20px 0;
    margin: 0;
}

.brand-sec3 .brand-inner h3 {
    max-width: 100%;
    text-align: center;
    font-size: 24px !important;
    padding-bottom: 5px;
    padding-top: 10px;
}

.brand-sec3 .brand-inner form {
    flex-direction: column;
    width: 100%;!i;!;
    flex: unset !important;
    max-width: 100%;
    gap: 10px;
}

.brand-sec3 .brand-inner form .input-row input {/* width: 100%; */display: block;}

.brand-sec3 .brand-inner form .input-row {
    max-width: 100%;
    flex: unset !important;
    width: 100%;
}

.brand-sec3 .brand-inner form .input-row input {
    width: 100% !important;
    max-width: 100%;
}

.brand-sec3 .brand-inner form .input-row label {
    text-align: center;
    font-size: 14px !important;
}

div#sec2 {
    padding-top: 30px;
    padding-bottom: 25px;
}

.customer-box .box-title {
    font-size: 13px;
}

span.font-w {
    font-size: 40px;
}

.img-box5 .customer-box {
    padding: 4px 37px !important;
}

h2.sec-title {
    font-size: 25px;
    line-height: 1.2;
}

p {
    font-size: 14px !important;
}

ul.sec2-ul li {
    font-size: 14px;
}

a.th-btn.th_btn.style4.rounded-10 {
    padding: 14px !important;!Im;
}

.sec-about .e-con.e-flex > .e-con-inner {
    gap: 0px;
}

.sec-about .e-con-inner {
    padding: 20px 0px 0px;
}

.sec-about  .elementor-element .title-area {
    margin-bottom: 0px;
}

body .sec-about  .elementor-element .title-area {
    margin-bottom: 0px !important;

}

.sec-about .elementor-element {
    text-align: center;
	}

.elementor-23 .elementor-element .title-area {
    margin-bottom: 0px !important;
}

h2.sec-title {
    margin-bottom: 0px !important;
}

a.th-btn.th_btn.style4.rounded-10 {
    width: 100%;
    margin: 0 auto !important;
}


.sec-about .btn-wrapper {
    width: 60%;
    margin: 0 auto;
}

.gallery-grid .box-content {
	position:unset !important; 
    padding: 20px 20px !important;
    transform: none !important;
    opacity: 1 !important;
    border-radius: 20px !important;
    margin-top: 25px !important;
    box-shadow: 20px 10px 50px 0 rgba(0, 0, 0, 0.15) !important; 
    background: #0dcaf0 !important;
}

.box-content {
    padding: 40px 0px !important;
}


.service-block .box-content {
    padding: 30px 16px !important;
}

.service-block .box-content h3.box-title {
    font-size: 20px !important;
}

p.box-text {
    font-size: 14px !important;
}

.service-block .box-content p.box-text {
    font-size: 14px !important;
    padding: 20px 0px !important;
}

.sec-about div#swiper-wrapper-68a3ce10791aabd7a {
    margin-bottom: 60px;
}

h2.sec-title br {
    display: none;
}
p br {
    display: none;
}
.why-feature {
    padding: 75px 20px 40px 30px;
}

.why-feature {
    padding: 50px 30px;
    margin-bottom: 75px !important;
}

.office-sec4 .why-feature:nth-child(3) {margin-bottom: 35px !important;}

.counter-card-wrap.style4 {
    margin-top: 30px;
    flex-direction: column;
}

h2.box-number {
    font-size: 30px !important;
}

.counter-card-wrap.style4 h2.box-number {
    font-size: 35px !important;
}

.worksec .e-con-inner {
    padding: 52px 0px !important;
}

.worksec .process-box {
    padding: 20px 30px !important;
}

body .process-box {
    padding: 20px 10px !important;
}

.sec-gallery .e-con-inner {
    padding: 50px 0px 100px;
}

.gallery-grid .box-content h3.box-title {
    font-size: 14px !important;
}

.gallery-grid .box-content a.th-btn.style2.btn-sm.th_btn:hover {
    font-size: 15px !important;
}

.sec-gallery .e-con-inner {
    padding-bottom: 60px;
}

.clientsec .e-con-inner {
    padding: 50px 0px;
}

.sec-ctn .ctn-2 .elementor-element {
    position: unset;
}
.sec-ctn {
    padding: 0px 0 0 0;
    margin: 0px 0 0px 0;
}

.secblog .e-con-inner {
    padding: 40px 0px 60px !important;
}

.secblog .elementor-element.elementor-element-ed81b4a.e-con-full.e-flex.e-con.e-child {
    margin-bottom: 0px;
}

.secblog h3.box-title {
    font-size: 16px;
}
.footer-wrapper .footer-top .e-con-inner {
    padding: 40px 0;
    align-items: center !important;!i;!;
}
.footer-wrapper .footer-top .e-con-inner .elementor-widget-container {
    font-size: 23px;
}
.footer-top h2 {
    font-size: 24px;
}
.footer-top h3 {
    font-size: 15px;
    margin-bottom: 0;
}
.th-widget-about {
    width: 100% !important;
    max-width: 100% !important;
}

.footer-bottom .footer-link1 {
    max-width: 100% !important;
    flex: 100% !important;
    width: 100% !important;
    text-align: center;
}

.footer-bottom .footer-link2 {
    flex: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center;
}
.footer-bottom .e-con-inner .elementor-element * {
    text-align: center;
}
.footer-bottom .e-con-inner .elementor-element .menu-all-pages-container .menu li a {
    width: 100%;
}
	
h3.widget_title {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
}

.footer-bottom .footer-link3 {
    flex: 100% !important;
    max-width: 100% !important;
}

.footer-bottom .footer-link4 {
    max-width: 100% !important;
    flex: 100% !important;
}

.footer-bottom .e-con-inner {
    padding: 50px 0px 0px !important;
}

.footer-copy .elementor-element .elementor-widget-container p {
    font-size: 15px !important;
}

.header-layout5 .header-logo {
    transform: none !important;
}

.header-layout5 .header-logo {
    transform: none !important;
}
.sec-ctn h2.sec-title, .sec-ctn p {
    color: #fff !important;!i;!;
}

.sec-ctn .e-con-inner {
    padding: 40px 30px 0px 20px;
}

.brand-sec3 .brand-inner:before, .brand-sec3 .brand-inner:after {
    display: none;
}

.sec-about .e-con-inner:first-child {
    padding: 40px  0;
}

.office-sec4 .e-con-inner {
    flex-direction: column !important;
    align-items: center !important;
}

.office-sec4 .e-con-inner .elementor-element {
    width: 100%;
}

.office-sec4 .elementor-element:nth-child(3) img {
    margin-bottom: 50px;
}

.sec-ctn {
    margin-bottom: 40px;
}
	
.industry .box-content {
    padding: 24px !important;
}

.header-layout5 .menu-wrap:before, .header-layout5 .menu-wrap:after {
    display:none;
}

.header-layout5 .menu-wrap {
    border-radius: 15px !important;
    margin: 0 !important;
    padding: 0 20px;
    background: #032531;
}

}

@media (max-width: 767px){
	
	.sec-ctn {
    margin-bottom: 40px;
	margin-top: 40px;
    background-size: cover !important;
}
	

.sec-ctn .e-con-inner {
    text-align: center !important;
}
	
	.header-top {
    padding: 5px 0;
}

.header-layout5 .top-left ul li a {
    padding: 0 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-layout5 .top-left ul li a::before {
    font-size: 14px;
}

.header-layout5 .top-left ul {
    gap: 5px;
}


}

