/*
Theme Name: SunPlus HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;800;900&family=Roboto:wght@400;500;600;700;800;900&family=Roboto:wght@200;400;500;600;700;800;900&display=swap);
.uneditable-input, a, button, input, select, textarea {
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s
}
body, pre {
word-wrap:break-word
}
.font-family-1, body {
font-family:"Roboto", sans-serif
}
.color-black, .our-service.v2 .service-card:hover .link-anime, .our-service.v2 .service-card:hover .text-para-3, .play-btn-text.v1:hover .text, .text-1, .text-2, .text-3, .text-4, .text-5, .text-6, .why-choose-us.v1 .progress-bar-list .text-para-3, .why-choose-us.v2 .progress-bar-list .text-para-3, a, button {
color:var(--color-black)
}
a, button, input[type=button], input[type=submit] {
cursor:pointer
}
:root {
--color-white:#ffffff;
--color-white2:#f6f6f9;
--color-black:#1c2436;
--color-black2:#454c5f;
--color-black3:#232323;
--color-black4:#333f4d;
--color-gBlack:#dddddd;
--color-border:#c2cf89;
--color-mint:#ebfa9e;
--color-deepTealGreen:#2a514c;
--color-deepTealGreen2:#258c77;
--color-deepTealGreen3:#355a55;
--color-deepTealGreen4:#3f625e;
--color-yellow:#f3dc65;
--color-tr:transparent
}
*, .text-1, .text-2, .text-3, .text-4, .text-5, .text-6, .text-para-1, .text-para-2, ::after, ::before, h1, h2, h3, h4, h5, h6, li, ol, p, ul {
margin:0;
padding:0;
border:0;
font-weight:inherit;
box-sizing:border-box
}
:after, :before {
content:"";
content:none
}
button, button:focus, button:focus-visible, button:focus-within {
outline:0;
background:inherit;
min-width:inherit
}
.contact-us.v1 .contact-form .response.error, .contact-us.v1 .contact-form .response.success, .contact-us.v1 .contact-form .response.warning, .contact-us.v2 .contact-form .response.error, .contact-us.v2 .contact-form .response.success, .contact-us.v2 .contact-form .response.warning, .footer-section.v1 .footer__widget-content .footer-logo a, .footer-section.v2 .footer__widget-content .footer-logo a, .menu-bar.v1 .menu-logo a, .menu-bar.v2 .menu-logo a, article, aside, audio, canvas, embed, footer, header, iframe, img, nav, object, pre, section, svg, video {
display:block
}
audio, canvas, embed, iframe, img, object, svg, video {
vertical-align:middle
}
table {
border-collapse:collapse;
border-spacing:0
}
iframe {
max-width:100%
}
del {
text-decoration:line-through
}
pre {
word-break:break-all
}
textarea {
resize:initial
}
.text-bold, b, strong {
font-weight:700
}
blockquote, q {
quotes:none
}
li, ol, ul {
list-style:none
}
.uneditable-input, input, select, textarea {
min-width:auto;
box-sizing:border-box;
line-height:1.6;
height:50px;
padding:0 20px;
vertical-align:middle;
transition:.4s
}
.uneditable-input:focus, input:focus, select:focus, textarea:focus {
outline:0;
box-shadow:0 0 0 0 rgba(0, 123, 255, .25)
}
input {
height:inherit;
font-size:inherit;
font-weight:inherit;
border:none
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .row {
--bs-gutter-x:1.875rem
}
body {
font-size:14px;
line-height:1.43;
letter-spacing:.2px;
word-spacing:0px;
background:var(--color-white);
overflow-x:hidden
}
.color-black2 {
color:var(--color-black2)
}
.color-white, .footer-section.v1 .footer__widget-title, .footer-section.v1 .text-para-1, .footer-section.v1 .text-para-3, .footer-section.v1 .text-para-4, .footer-section.v1 a, .footer-section.v2 .footer__widget-title, .footer-section.v2 .text-para-1, .footer-section.v2 .text-para-3, .footer-section.v2 .text-para-4, .footer-section.v2 a, .fun-facts.v3 li .text-2, .fun-facts.v3 li .text-para-3, .menu-bar.v1 .mobile-menu-bar .mobile-main-manu li.active>a, .menu-bar.v1 .mobile-menu-bar .mobile-main-manu li:hover>a, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu li.active>a, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu li:hover>a, .news-blog.v2 .blog-card .blog-card-content .date-time, .news-blog.v2 .blog-card .blog-card-content .text-6, .news-blog.v2 .blog-card .blog-card-content .text-6 a, .news-blog.v2 .blog-card .blog-card-content .text-para-3, .our-project.v1 .project-card .project-content .text-6, .our-project.v1 .project-card .project-content .text-6 a, .our-project.v1 .project-card .project-content .text-para-3, .our-project.v1.bg-cover-center .counter-area .text-2, .our-project.v1.bg-cover-center .counter-area .text-para-3, .our-project.v2 .project-card .project-content .text-6, .our-project.v2 .project-card .project-content .text-6 a, .our-project.v2 .project-card .project-content .text-para-3, .our-project.v3 .project-card .project-content .text-6, .our-project.v3 .project-card .project-content .text-6 a, .our-project.v3 .project-card .project-content .text-para-3, .our-service.v1 .service-card:hover .service-card-text .text-6, .our-service.v1 .service-card:hover .service-card-text .text-6 a, .our-service.v1 .service-card:hover .service-card-text .text-para-3, .our-service.v3 .service-card:hover .text-6, .our-service.v3 .service-card:hover .text-6 a, .our-service.v3 .service-card:hover .text-para-3, .play-btn-text.v1 .play-i, .play-btn-text.v2 .text, .play-btn-text.v2:hover .play-i, .play-btn.v1, .play-btn.v1:hover, .play-btn.v2:hover, .section-title-center.v3 .text-2, .section-title-center.v3 .text-para-3, .section-title-center.v4 .text-2, .section-title-center.v4 .text-para-3, .section-title.v3 .text-2, .section-title.v3 .text-para-3, .section-title.v4 .text-2, .section-title.v4 .text-para-3, .slider-btns.v1 .next-btn:hover, .slider-btns.v1 .prev-btn:hover {
color:var(--color-white)
}
.color-gBlack {
color:var(--color-gBlack)
}
.color-deepTealGreen, .play-btn-text.v1 .text, .play-btn-text.v2 .play-i, .play-btn-text.v2:hover .text, .play-btn.v2 {
color:var(--color-deepTealGreen)
}
.breadcum.v1 a:hover, .breadcum.v1 li, .color-mint, .footer-section.v1 .footer__widget-content .recent-post .post-time i, .footer-section.v1 a:hover, .footer-section.v2 .footer__widget-content .recent-post .post-time i, .footer-section.v2 a:hover, .news-blog.v2 .blog-card .blog-card-content .link-anime.v5, .news-blog.v2 .blog-card .blog-card-content .text-6 a:hover, .our-project.v1 .project-card .project-content .text-6 a:hover, .our-project.v2 .project-card .project-content .text-6 a:hover, .our-project.v3 .project-card .project-content .text-6 a:hover, .our-service.v1 .service-card-text .text-6 a:hover, .our-service.v3 .service-card:hover .text-6 a:hover {
color:var(--color-mint)
}
.font-family-2 {
font-family:Roboto, sans-serif
}
.font-family-3 {
font-family:Roboto, sans-serif
}
.text-1 {
font-size:57px;
line-height:1.12
}
.text-2 {
font-size:45px;
line-height:1.16
}
.text-3 {
font-size:36px;
line-height:1.22
}
.text-4 {
font-size:32px;
line-height:1.25
}
.text-5 {
font-size:28px;
line-height:1.29
}
.text-6 {
font-size:24px;
line-height:1.33
}
.text-para-1 {
font-size:22px;
line-height:1.27
}
.text-para-2 {
font-size:18px;
line-height:1.4
}
.our-service.v1 .service-card .text-6, .our-service.v2 .service-card .text-6, .our-service.v3 .service-card .text-6, .testimonial.v1 .testimonial-card .testimonial-content .text-4, .text-para-3 {
font-size:16px;
line-height:1.5
}
.our-service.v1 .service-card .text-para-3, .our-service.v2 .service-card .text-para-3, .our-service.v3 .service-card .text-para-3, .testimonial.v1 .testimonial-card .profile-content .text-para-3, .testimonial.v2 .testimonial-card .profile-content .text-para-3, .text-para-4, .work-process.v2 .work-process-body .text-para-3 {
font-size:14px;
line-height:1.43
}
.text-para-5 {
font-size:12px;
line-height:1.33
}
.text-extra-light {
font-weight:200
}
.text-reguler {
font-weight:400
}
.text-medium {
font-weight:500
}
.text-semibold {
font-weight:600
}
.text-upper {
text-transform:uppercase
}
.breadcum.v1 .text-2, .text-capital {
text-transform:capitalize
}
.text-lower {
text-transform:lowercase
}
a, button {
transition:.4s
}
a:hover, button:hover {
color:var(--color-deepTealGreen2)
}
a, a:hover {
text-decoration:none
}
.comment-boxs li~li, .comment-form .check-box~.btn-anime, .comment-form .form-box~.btn-anime, .contact-us.v1 .contact-form .form-box~.btn-anime, .contact-us.v2 .contact-form .form-box~.btn-anime, .footer-section.v1 .footer__widget-content .footer-logo~.text-para-3, .footer-section.v1 .footer__widget-content .text-para-3~.social-links, .footer-section.v2 .footer__widget-content .footer-logo~.text-para-3, .footer-section.v2 .footer__widget-content .text-para-3~.social-links, .menu-bar.v1 .mobile-menu-bar .mobile-content .w-map~.w-address, .menu-bar.v2 .mobile-menu-bar .mobile-content .w-map~.w-address, .mt-30, .mt-space>div>div, .news-blog.v1 .blog-card-content .text-6~.link-anime, .news-blog.v1 .blog-card-img~.blog-card-content, .our-service.v1 .service-card-img~.service-card-text, .our-service.v2 .service-card .text-para-3~.link-anime, .our-service.v2 .service-icon-text i~.text-6, .our-service.v3 .service-card i~.text-6, .section-title.v1 .box-col~.all-btns, .section-title.v1 .box-col~.slider-btns, .section-title.v2 .box-col~.all-btns, .section-title.v2 .box-col~.slider-btns, .section-title.v3 .box-col~.all-btns, .section-title.v3 .box-col~.slider-btns, .section-title.v4 .box-col~.all-btns, .section-title.v4 .box-col~.slider-btns, .sidebar__wrapper .sidebar__widget~.sidebar__widget, .testimonial.v1 .testimonial-card .testimonial-content~.testimonial-profile {
margin-top:30px
}
.mt-space>div:first-child>div {
margin-top:0
}
.mt-10, .top-bar.v1 .contact-list~.social-link {
margin-top:10px
}
.footer-section.v1 .footer-subscribe form input~button, .footer-section.v1 .footer__widget-content .contact-list li~li, .footer-section.v1 .footer__widget-content .link-list li~li, .footer-section.v1 .footer__widget-content .recent-post li~li, .footer-section.v2 .footer__widget-content .contact-list li~li, .footer-section.v2 .footer__widget-content .link-list li~li, .footer-section.v2 .footer__widget-content .recent-post li~li, .fun-facts.v1 .fun-fact-icon-text~.text-6, .fun-facts.v2 li .text-2~.text-para-3, .fun-facts.v3 li .text-2~.text-para-3, .mt-15, .testimonial.v1 .testimonial-card i~.text-4, .why-choose-us.v1 .progress-bar-list li~li, .why-choose-us.v2 .progress-bar-list li~li {
margin-top:15px
}
.mt-20, .sidebar__wrapper .info-list li~li {
margin-top:20px
}
.mt-35 {
margin-top:35px
}
.mt-37 {
margin-top:37px
}
.mt-40 {
margin-top:40px
}
.blog-post-card~.blog-post-card, .footer-section.v2 .footer-subscribe .section-title-center~form, .mt-50 {
margin-top:50px
}
.py-30 {
padding-top:30px
}
.pt-50, .py-50 {
padding-top:50px
}
.pb-20 {
padding-bottom:20px
}
.py-30 {
padding-bottom:30px
}
.pb-50, .py-50 {
padding-bottom:50px
}
.py-80 {
padding-top:80px;
padding-bottom:80px
}
.px-30 {
padding-left:30px;
padding-right:30px
}
.section-title-center.v1 .box-col, .section-title-center.v1:not(.title-row), .section-title-center.v2 .box-col, .section-title-center.v2:not(.title-row), .section-title-center.v3 .box-col, .section-title-center.v3:not(.title-row), .section-title-center.v4 .box-col, .section-title-center.v4:not(.title-row), .section-title.v1 .box-col, .section-title.v1:not(.title-row), .section-title.v2 .box-col, .section-title.v2:not(.title-row), .section-title.v3 .box-col, .section-title.v3:not(.title-row), .section-title.v4 .box-col, .section-title.v4:not(.title-row) {
max-width:400px;
text-align:center;
margin:0 auto
}
.blog-details .text-2, .blog-post-card .text-2, .project-details .text-2, .section-title-center.v1 .text-2, .section-title-center.v2 .text-2, .section-title-center.v3 .text-2, .section-title-center.v4 .text-2, .section-title.v1 .text-2, .section-title.v2 .text-2, .section-title.v3 .text-2, .section-title.v4 .text-2, .service-details .text-2 {
font-size:24px;
line-height:1.4
}
.about-us.v1 .all-btns, .banner.v1 .banner-content .all-btns, .banner.v2 .banner-content .all-btns, .section-title.v1 .all-btns, .section-title.v1 .slider-btns, .section-title.v2 .all-btns, .section-title.v2 .slider-btns, .section-title.v3 .all-btns, .section-title.v3 .slider-btns, .section-title.v4 .all-btns, .section-title.v4 .slider-btns, .top-bar.v1 .contact-list, .top-bar.v1 .social-link, .why-choose-us.v1 .all-btns, .why-choose-us.v2 .all-btns {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.bg-cover, .bg-cover-bottom, .bg-cover-center, .bg-cover-top {
background-repeat:no-repeat;
background-size:cover
}
.bg-cover-top {
background-position:top
}
.bg-cover-center {
background-position:center
}
.bg-cover-bottom {
background-position:bottom
}
.btn-anime.v1, .btn-anime.v2, .btn-anime.v3, .btn-anime.v4, .btn-anime.v5, .link-anime.v1, .link-anime.v2, .link-anime.v3, .link-anime.v4, .link-anime.v5 {
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
gap:12px;
font-size:14px;
font-weight:600;
line-height:1.3;
white-space:nowrap
}
.btn-anime.v1 .num, .btn-anime.v1 i, .btn-anime.v2 .num, .btn-anime.v2 i, .btn-anime.v3 .num, .btn-anime.v3 i, .btn-anime.v4 .num, .btn-anime.v4 i, .btn-anime.v5 .num, .btn-anime.v5 i, .link-anime.v1 .num, .link-anime.v1 i, .link-anime.v2 .num, .link-anime.v2 i, .link-anime.v3 .num, .link-anime.v3 i, .link-anime.v4 .num, .link-anime.v4 i, .link-anime.v5 .num, .link-anime.v5 i {
font-size:12px;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.btn-anime.v1:not(.small-size), .btn-anime.v2:not(.small-size), .btn-anime.v3:not(.small-size), .btn-anime.v4:not(.small-size), .link-anime.v1:not(.small-size), .link-anime.v2:not(.small-size), .link-anime.v3:not(.small-size), .link-anime.v4:not(.small-size) {
padding:2px 2px 2px 30px
}
.btn-anime.v1:not(.small-size) .num, .btn-anime.v1:not(.small-size) i, .btn-anime.v2:not(.small-size) .num, .btn-anime.v2:not(.small-size) i, .btn-anime.v3:not(.small-size) .num, .btn-anime.v3:not(.small-size) i, .btn-anime.v4:not(.small-size) .num, .btn-anime.v4:not(.small-size) i, .link-anime.v1:not(.small-size) .num, .link-anime.v1:not(.small-size) i, .link-anime.v2:not(.small-size) .num, .link-anime.v2:not(.small-size) i, .link-anime.v3:not(.small-size) .num, .link-anime.v3:not(.small-size) i, .link-anime.v4:not(.small-size) .num, .link-anime.v4:not(.small-size) i {
width:52px;
height:52px;
text-align:center;
line-height:52px
}
.btn-anime.v1.small-size, .btn-anime.v2.small-size, .btn-anime.v3.small-size, .btn-anime.v4.small-size, .link-anime.v1.small-size, .link-anime.v2.small-size, .link-anime.v3.small-size, .link-anime.v4.small-size {
padding:2px 2px 2px 24px
}
.btn-anime.v1.small-size .num, .btn-anime.v1.small-size i, .btn-anime.v2.small-size .num, .btn-anime.v2.small-size i, .btn-anime.v3.small-size .num, .btn-anime.v3.small-size i, .btn-anime.v4.small-size .num, .btn-anime.v4.small-size i, .link-anime.v1.small-size .num, .link-anime.v1.small-size i, .link-anime.v2.small-size .num, .link-anime.v2.small-size i, .link-anime.v3.small-size .num, .link-anime.v3.small-size i, .link-anime.v4.small-size .num, .link-anime.v4.small-size i {
width:44px;
height:44px;
font-size:10px;
text-align:center;
line-height:44px
}
.btn-anime.v1.border-line, .btn-anime.v2.border-line, .btn-anime.v3.border-line, .btn-anime.v4.border-line, .link-anime.v1.border-line, .link-anime.v2.border-line, .link-anime.v3.border-line, .link-anime.v4.border-line, .play-btn-text.v1:not(.bouns-anime) .play-i::before, .play-btn-text.v1:not(.bouns-anime):hover .play-i::before {
border:1px solid var(--color-black)
}
.btn-anime.round-border-small, .btn-anime.v1.round-border-small .num, .btn-anime.v1.round-border-small i, .btn-anime.v2.round-border-small .num, .btn-anime.v2.round-border-small i, .btn-anime.v3.round-border-small .num, .btn-anime.v3.round-border-small i, .btn-anime.v4.round-border-small .num, .btn-anime.v4.round-border-small i, .link-anime.round-border-small, .link-anime.v1.round-border-small .num, .link-anime.v1.round-border-small i, .link-anime.v2.round-border-small .num, .link-anime.v2.round-border-small i, .link-anime.v3.round-border-small .num, .link-anime.v3.round-border-small i, .link-anime.v4.round-border-small .num, .link-anime.v4.round-border-small i {
border-radius:12px
}
.btn-anime.v1.round-border-full .num, .btn-anime.v1.round-border-full i, .btn-anime.v2.round-border-full .num, .btn-anime.v2.round-border-full i, .btn-anime.v3.round-border-full .num, .btn-anime.v3.round-border-full i, .btn-anime.v4.round-border-full .num, .btn-anime.v4.round-border-full i, .link-anime.v1.round-border-full .num, .link-anime.v1.round-border-full i, .link-anime.v2.round-border-full .num, .link-anime.v2.round-border-full i, .link-anime.v3.round-border-full .num, .link-anime.v3.round-border-full i, .link-anime.v4.round-border-full .num, .link-anime.v4.round-border-full i {
border-radius:80px
}
.btn-anime.v1, .btn-anime.v2, .link-anime.v1, .link-anime.v2 {
color:var(--color-white);
border:1px solid var(--color-deepTealGreen);
background:var(--color-deepTealGreen)
}
.btn-anime.v1 .num, .btn-anime.v1 i, .btn-anime.v2:hover i, .btn-anime.v3, .btn-anime.v3:hover .num, .btn-anime.v3:hover i, .btn-anime.v4, .btn-anime.v4:hover .num, .btn-anime.v4:hover i, .link-anime.v1 .num, .link-anime.v1 i, .link-anime.v2:hover i, .link-anime.v3, .link-anime.v3:hover .num, .link-anime.v3:hover i, .link-anime.v4, .link-anime.v4:hover .num, .link-anime.v4:hover i {
color:var(--color-deepTealGreen);
background:var(--color-white)
}
.btn-anime.v1:hover i, .btn-anime.v2 .num, .btn-anime.v2 i, .btn-anime.v4 .num, .btn-anime.v4 i, .link-anime.v1:hover i, .link-anime.v2 .num, .link-anime.v2 i, .link-anime.v4 .num, .link-anime.v4 i {
color:var(--color-deepTealGreen);
background:var(--color-mint)
}
.btn-anime.v3 .num, .btn-anime.v3 i, .btn-anime.v3:hover, .btn-anime.v4:hover, .link-anime.v3 .num, .link-anime.v3 i, .link-anime.v3:hover, .link-anime.v4:hover, .tags-links a:hover, .tags-widgets a:hover {
color:var(--color-white);
background:var(--color-deepTealGreen)
}
.btn-anime.v5, .link-anime.v5 {
position:relative;
color:var(--color-deepTealGreen);
padding-bottom:7px
}
.btn-anime.v5::before, .link-anime.v5::before {
position:absolute;
content:"";
width:100%;
height:2px;
left:0;
bottom:-2px;
background:var(--color-deepTealGreen);
-webkit-transition:.4s linear;
-moz-transition:.4s linear;
-o-transition:.4s linear;
transition:.4s linear
}
.btn-anime.v5:hover::before, .link-anime.v5:hover::before {
width:calc(100% - 25px)
}
.btn-anime.round-border-full, .link-anime.round-border-full {
border-radius:50px
}
.link-anime, .our-trusted-partner.v1 a, .our-trusted-partner.v2 a, .top-bar.v1 .contact-list a, .top-bar.v1 .social-link a {
display:inline-block
}
.btn-anime {
position:relative;
overflow:hidden;
background:var(--color-tr)
}
.all-btns, .comment-form .group-form-box, .contact-us.v1 .contact-form .group-form-box, .contact-us.v2 .contact-form .group-form-box, .footer-section.v1 .footer__widget-content .social-links, .footer-section.v2 .footer__widget-content .social-links, .slider-btns {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:20px
}
.play-btn-text.v1 .play-i, .play-btn-text.v2 .play-i, .play-btn.v1, .play-btn.v2 {
position:relative;
text-align:center;
display:inline-block;
width:50px;
height:50px;
font-size:15px;
line-height:53px;
border-radius:100px;
z-index:1
}
.play-btn-text.v1 .play-i::after, .play-btn-text.v1 .play-i::before, .play-btn-text.v2 .play-i::after, .play-btn-text.v2 .play-i::before, .play-btn.v1::after, .play-btn.v1::before, .play-btn.v2::after, .play-btn.v2::before {
position:absolute;
content:"";
top:0;
left:0;
width:100%;
height:100%;
border-radius:100px;
z-index:-1;
user-select:none;
pointer-events:none;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.play-btn-text.v1 .play-i::before, .play-btn-text.v2 .play-i::before, .play-btn.v1::before, .play-btn.v2::before {
animation:4s ease-out infinite b-zoom
}
@keyframes b-zoom {
0% {
opacity:.8;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
100% {
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-o-transform:scale(1.3);
transform:scale(1.3);
opacity:0
}
}
.play-btn-text.v1 .play-i:hover::after, .play-btn-text.v1 .play-i:hover::before, .play-btn-text.v2 .play-i:hover::after, .play-btn-text.v2 .play-i:hover::before, .play-btn.v1:hover::after, .play-btn.v1:hover::before, .play-btn.v2:hover::after, .play-btn.v2:hover::before {
user-select:none;
pointer-events:none
}
.play-btn-text.v1, .play-btn-text.v2 {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
pointer-events:none;
gap:15px
}
.play-btn-text.v1 .play-i, .play-btn-text.v1 .text, .play-btn-text.v2 .play-i, .play-btn-text.v2 .text {
pointer-events:visible;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.play-btn-text.v1 .text, .play-btn-text.v2 .text {
font-weight:600;
font-size:14px
}
.play-btn-text.v2:not(.bouns-anime) .play-i::before, .play-btn-text.v2:not(.bouns-anime):hover .play-i::before, .play-btn.v1:not(.bouns-anime)::before, .play-btn.v1:not(.bouns-anime):hover::before {
border:1px solid var(--color-deepTealGreen)
}
.our-service.v2 .service-card:hover .link-anime::before, .play-btn-text.v1.bouns-anime:hover .play-i::before, .play-btn-text.v1:hover .play-i::after, .play-btn.v1.bouns-anime::before, .play-btn.v1::after {
background:var(--color-black)
}
.footer-section.v1 .footer-subscribe form button:hover, .my-select .list li:hover, .our-service.v1 .service-card:hover, .our-service.v3 .service-card:hover::before, .our-trusted-partner.v2, .play-btn-text.v1 .play-i::after, .play-btn-text.v1.bouns-anime .play-i::before, .play-btn-text.v2.bouns-anime:hover .play-i::before, .play-btn-text.v2:hover .play-i::after, .play-btn.v1.bouns-anime:hover::before, .play-btn.v1:hover::after, .play-btn.v2.bouns-anime:hover::before, .play-btn.v2:hover::after, .preloder, .testimonial.v1 .slider .testimonial-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before, .testimonial.v2 .slider .testimonial-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
background:var(--color-deepTealGreen)
}
.my-select .current, .my-select .list, .play-btn-text.v2 .play-i::after, .play-btn-text.v2.bouns-anime .play-i::before, .play-btn.v2.bouns-anime::before, .play-btn.v2::after, .sidebar__wrapper .info-list i, .tags-links a, .tags-widgets a {
background:var(--color-white)
}
.our-service.v1 .service-card-text .link-anime, .play-btn.v2:not(.bouns-anime)::before, .play-btn.v2:not(.bouns-anime):hover::before {
border:1px solid var(--color-white)
}
.my-select {
position:relative;
display:block
}
.breadcum.v1 li~li, .my-select .list, .slider .slider-pagination.v1, .star-mark {
display:-webkit-box;
display:-ms-flexbox
}
.my-select .current {
position:relative;
padding:16px 40px 16px 20px;
width:100%;
font-weight:400;
font-size:16px;
line-height:30px;
border-radius:5px;
letter-spacing:1.4px;
text-align:inherit
}
.my-select .current::before {
position:absolute;
font-size:10px;
top:50%;
right:20px;
content:"\e900";
font-family:icomoon;
-moz-osx-font-smoothing:grayscale;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.my-select .list, .my-select .list li {
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s
}
.my-select .current.open::before {
-webkit-transform:translateY(-50%) rotate(180deg);
-moz-transform:translateY(-50%) rotate(180deg);
-o-transform:translateY(-50%) rotate(180deg);
transform:translateY(-50%) rotate(180deg)
}
.my-select .list {
position:absolute;
width:100%;
top:110%;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
box-shadow:0 0 30px rgba(0, 0, 0, .09);
opacity:0;
visibility:hidden;
transition:.4s;
z-index:2
}
.my-select .list.open {
top:100%;
opacity:1;
visibility:visible
}
.my-select .list li {
cursor:pointer;
padding:15px 20px;
font-weight:400;
font-size:14px;
line-height:24px;
transition:.4s
}
.my-select .list li:hover {
padding:16px 20px 16px 30px;
color:var(--color-white)
}
.my-select .list li~li {
border-top:1px solid rgba(157, 157, 157, .33)
}
.my-select .list li:last-child {
border-bottom:1px solid var(--color-white)
}
.breadcum.v1 li~li, .star-mark {
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:5px
}
.star-mark i {
font-size:24px;
color:var(--color-yellow)
}
.star-mark.star-1 li:first-child i::before, .star-mark.star-2 li:first-child i::before, .star-mark.star-2 li:nth-child(2) i::before, .star-mark.star-3 li:first-child i::before, .star-mark.star-3 li:nth-child(2) i::before, .star-mark.star-3 li:nth-child(3) i::before, .star-mark.star-4 li:first-child i::before, .star-mark.star-4 li:nth-child(2) i::before, .star-mark.star-4 li:nth-child(3) i::before, .star-mark.star-4 li:nth-child(4) i::before, .star-mark.star-5 li:first-child i::before, .star-mark.star-5 li:nth-child(2) i::before, .star-mark.star-5 li:nth-child(3) i::before, .star-mark.star-5 li:nth-child(4) i::before, .star-mark.star-5 li:nth-child(5) i::before {
content:"\e929"
}
.news-blog.v1 .blog-card .blog-card-img, .news-blog.v2 .blog-card, .news-blog.v2 .blog-card .blog-card-img, .our-project.v1 .project-card, .our-project.v1 .project-card .project-img, .our-project.v2 .project-card, .our-project.v2 .project-card .project-img, .our-project.v3 .project-card, .our-project.v3 .project-card .project-img, .our-service.v1 .service-card-img, .slider {
position:relative;
overflow:hidden
}
.slider .slider-pagination.v1 {
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:15px
}
.slider .slider-pagination.v1 .swiper-pagination-bullet {
width:14px;
height:14px;
padding:0;
opacity:1;
border-radius:50px;
border:1px solid var(--color-tr);
background:var(--color-tr);
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s;
margin:0;
border:1px solid var(--color-mint)
}
.fun-facts.v1 li:hover, .fun-facts.v2, .news-blog.v2 .blog-card .blog-card-content .link-anime.v5::before, .our-service.v2 .service-card:hover, .slider .slider-pagination.v1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
background:var(--color-mint)
}
.slider-btns.v1 .next-btn, .slider-btns.v1 .prev-btn {
position:relative;
width:40px;
height:40px;
text-align:center;
font-size:14px;
line-height:40px;
background:var(--color-tr);
border-radius:80px;
z-index:1;
color:var(--color-mint)
}
.breadcum.v1::before, .preloder {
width:100%;
height:100%;
left:0;
top:0
}
.slider-btns.v1 .next-btn::before, .slider-btns.v1 .prev-btn::before {
position:absolute;
content:"";
width:100%;
height:100%;
top:0;
left:0;
opacity:.1;
border-radius:80px;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s;
z-index:-1;
background:var(--color-mint)
}
.slider-btns.v1 .next-btn:hover::before, .slider-btns.v1 .prev-btn:hover::before {
opacity:1
}
.blog-post-info, .blog-post-info .post-comment, .blog-post-info .post-user, .comment-wrapper .profile-text .comment-info, .comment-wrapper .profile-text .comment-info li, .comment-wrapper .profile-text .comment-info-reply, .post-tag-social, .post-tag-social .social-box, .post-tag-social .social-links, .post-tag-social .tags-box, .sidebar__wrapper .recent-news-list .date, .sidebar__wrapper .recent-news-list li, .tags-links, .tags-widgets, .top-bar.v1 .contact-list, .top-bar.v1 .contact-list li:not(:last-child), .top-bar.v1 .social-link {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.tags-links a, .tags-widgets a {
display:inline-block;
padding:8px 16px;
color:var(--color-black2);
font-size:16px;
border-radius:50px
}
.blog-post-info, .footer-section.v1 .footer__widget-content .contact-list li, .footer-section.v2 .footer__widget-content .contact-list li, .post-tag-social .social-box, .post-tag-social .social-links, .tags-links, .top-bar.v1 .contact-list, .top-bar.v1 .social-link {
gap:15px
}
.tags-widgets {
gap:13px
}
.preloder {
position:fixed;
pointer-events:none;
user-select:none;
display:flex;
align-items:center;
justify-content:center;
z-index:10
}
.preloder svg {
width:150px;
height:238px;
fill:var(--color-mint)
}
.preloder svg path:nth-child(2), .preloder svg path:nth-child(3) {
-webkit-transform-origin:calc(55% - 2px) calc(35% - 2.5px);
-moz-transform-origin:calc(55% - 2px) calc(35% - 2.5px);
-o-transform-origin:calc(55% - 2px) calc(35% - 2.5px);
transform-origin:calc(55% - 2px) calc(35% - 2.5px)
}
.breadcum.v1 .shap-1 path:nth-child(2), .preloder svg path:nth-child(2) {
animation:1.8s linear infinite reverse rotateWins
}
.breadcum.v1 .shap-1 path:nth-child(3), .preloder svg path:nth-child(3) {
animation:2.5s linear infinite rotateWins
}
@keyframes rotateWins {
33% {
-webkit-transform:rotate(120deg);
-moz-transform:rotate(120deg);
-o-transform:rotate(120deg);
transform:rotate(120deg)
}
66% {
-webkit-transform:rotate(240deg);
-moz-transform:rotate(240deg);
-o-transform:rotate(240deg);
transform:rotate(240deg)
}
100% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.breadcum.v1 {
position:relative;
text-align:center;
z-index:1;
overflow:hidden
}
.breadcum.v1 .shap-1 {
display:none;
fill:var(--color-mint)
}
.breadcum.v1 .shap-1 path:nth-child(2), .breadcum.v1 .shap-1 path:nth-child(3) {
-webkit-transform-origin:calc(55% - 2px) calc(35% - 1.5px);
-moz-transform-origin:calc(55% - 2px) calc(35% - 1.5px);
-o-transform-origin:calc(55% - 2px) calc(35% - 1.5px);
transform-origin:calc(55% - 2px) calc(35% - 1.5px)
}
.breadcum.v1::before {
position:absolute;
content:"";
background:linear-gradient(90deg, var(--color-deepTealGreen) 13.1%, rgba(95, 183, 172, 0) 100%);
z-index:-1
}
.accordion-main li, .our-service.v2, .our-trusted-partner.v1, .pegination-box a, .sidebar__wrapper .sidebar__widget-head, .testimonial.v1 .slider {
background:var(--color-white2)
}
.breadcum.v1 .text-2 {
color:var(--color-white);
font-size:24px;
line-height:1.4;
font-family:Roboto, sans-serif;
font-weight:600
}
.breadcum.v1 .text-2~ul {
margin-top:18px
}
.breadcum.v1 ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
gap:5px;
color:var(--color-white);
font-size:16px;
font-weight:400
}
.breadcum.v1 li~li::before {
content:"/";
color:var(--color-white)
}
.breadcum.v1 a {
display:block;
font-size:16px;
color:var(--color-white)
}
.sidebar__wrapper .sidebar__widget-head {
position:relative;
padding:25px 25px 15px
}
.sidebar__wrapper .sidebar__widget-head~.sidebar__widget-content {
padding-top:5px
}
.sidebar__wrapper .sidebar__widget-title {
font-family:Roboto, sans-serif;
font-size:18px;
text-transform:capitalize;
line-height:1.2;
font-weight:600
}
.sidebar__wrapper .sidebar__widget-content {
padding:25px;
background:var(--color-white2)
}
.about-us.v1 .certifi-list li, .sidebar__wrapper .info-list li {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:15px
}
.sidebar__wrapper .info-list i {
display:inline-block;
width:38px;
height:38px;
font-size:14px;
text-align:center;
line-height:38px;
border-radius:50px
}
.sidebar__wrapper .info-list .info-text {
max-width:220px
}
.about-us.v1 .certifi-list li .about-info-text .text-para-3, .accordion-main .box-content .text-para-3, .banner.v1 .banner-content .text-para-3, .banner.v2 .banner-content .text-para-3, .blog-post-info .text-para-3, .footer-section.v1 .contact-box .contact-text .text-para-3, .footer-section.v1 .main-footer .text-para-3, .footer-section.v2 .contact-box .contact-text .text-para-3, .footer-section.v2 .main-footer .text-para-3, .fun-facts.v2 li .text-para-3, .fun-facts.v3 li .text-para-3, .news-blog.v1 .blog-card .date-time .text-para-3, .news-blog.v2 .blog-card .date-time .text-para-3, .our-project.v1 .project-card .project-content .text-para-3, .our-project.v2 .project-card .project-content .text-para-3, .our-project.v3 .project-card .project-content .text-para-3, .pegination-box a .my-icon, .sidebar__wrapper .info-list .info-text .text-para-3, .testimonial.v2 .testimonial-content .text-para-3, .work-process.v1 .work-process-card .work-process-body .text-para-3 {
font-size:14px
}
.sidebar__wrapper .info-list~.sidebar__widget-title {
padding-top:30px;
margin-top:30px;
border-top:1px solid var(--color-black2)
}
.accordion-main .box-content, .footer-section.v2 .main-footer, .menu-bar.v1 .mobile-menu-bar .mobile-main-manu li, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu li {
border-top:1px solid var(--color-gBlack)
}
.sidebar__wrapper .sidebar__widget-title~.social-links, .testimonial.v2 .testimonial-profile~.testimonial-content {
margin-top:25px
}
.about-us.v1 .profile, .about-us.v2 .profile, .menu-bar.v1 .mobile-menu-bar .mobile-content .w-address li, .menu-bar.v2 .mobile-menu-bar .mobile-content .w-address li, .pegination-box ul, .sidebar__wrapper .social-links, .testimonial.v1 .testimonial-card .profile-header, .testimonial.v2 .testimonial-card .profile-header {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:15px
}
.post-tag-social .social-links a, .sidebar__wrapper .social-links a {
display:inline-block;
width:35px;
height:35px;
font-size:14px;
color:var(--color-black);
line-height:35px;
text-align:center;
border-radius:100px;
background:var(--color-white)
}
.comment-wrapper .profile-text .reply-btn:hover, .menu-bar.v1 .mobile-menu-bar .social-link a:hover, .menu-bar.v2 .mobile-menu-bar .social-link a:hover, .pegination-box a:hover, .pegination-box li.active a, .post-tag-social .social-links a:hover, .sidebar__wrapper .social-links a:hover, .top-bar.v1 .social-link li a:hover {
color:var(--color-white);
background:var(--color-deepTealGreen)
}
.about-us.v1 .box-imgs .experience .text-2~.text-para-3, .sidebar__wrapper .catagoris-links li~li, .sidebar__wrapper .icon-links li~li {
margin-top:12px
}
.about-us.v1 .big-img img, .about-us.v1 .profile-img img, .about-us.v1 .small-img img, .about-us.v2 .big-img img, .about-us.v2 .profile-img img, .about-us.v2 .small-img img, .blog-details .big-img img, .blog-details .img-box, .blog-details .img-box img, .blog-details .text-box, .blog-post-card .big-img img, .blog-post-card .img-box, .blog-post-card .img-box img, .blog-post-card .text-box, .comment-form .group-form-box .form-box, .contact-us.v1 .contact-form .group-form-box .form-box, .contact-us.v2 .contact-form .group-form-box .form-box, .footer-section.v1 .footer__widget, .footer-section.v2 .footer__widget, .intro-video.v1 .intro-video-box img, .menu-bar.v1 .mobile-menu-bar .all-btns a, .menu-bar.v1 .mobile-menu-bar .all-btns li, .menu-bar.v1 .mobile-menu-bar .mobile-content .btn-anime, .menu-bar.v1 .mobile-menu-bar .mobile-content .link-anime, .menu-bar.v1 .mobile-menu-bar .mobile-content li, .menu-bar.v2 .mobile-menu-bar .all-btns a, .menu-bar.v2 .mobile-menu-bar .all-btns li, .menu-bar.v2 .mobile-menu-bar .mobile-content .btn-anime, .menu-bar.v2 .mobile-menu-bar .mobile-content .link-anime, .menu-bar.v2 .mobile-menu-bar .mobile-content li, .project-details .big-img img, .project-details .img-box, .project-details .img-box img, .project-details .text-box, .service-details .big-img img, .service-details .img-box, .service-details .img-box img, .service-details .text-box, .sidebar__wrapper .catagoris-links .link-anime, .sidebar__wrapper .icon-links .link-anime, .why-choose-us.v1 .big-img img, .why-choose-us.v1 .small-img img, .why-choose-us.v2 .big-img img, .why-choose-us.v2 .small-img img {
width:100%
}
.footer-section.v1 .footer__widget-content .contact-list li, .footer-section.v1 .footer__widget-content .recent-post .post-time, .footer-section.v2 .footer__widget-content .contact-list li, .footer-section.v2 .footer__widget-content .recent-post .post-time, .sidebar__wrapper .search-widget form {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.sidebar__wrapper .search-widget input {
width:calc(100% - 50px);
height:50px;
color:var(--color-black2);
background:var(--color-white)
}
.sidebar__wrapper .search-widget input::placeholder {
opacity:1
}
.sidebar__wrapper .search-widget button {
width:50px;
height:50px;
font-size:18px;
text-align:center;
color:var(--color-white);
line-height:50px;
background:var(--color-deepTealGreen)
}
.about-us.v1 .certifi-list li i, .blog-details .testimonial-box .text-para-1, .blog-details .testimonial-box .text-para-1~.text-para-3.text-upper, .blog-details .testimonial-box i, .menu-bar.v1 .header-search button:hover, .menu-bar.v1 .search-popup .search-close:hover, .menu-bar.v2 .header-search button:hover, .menu-bar.v2 .search-popup .search-close:hover, .our-service.v1 .section-title .text-2, .our-service.v1 .section-title-center .text-2, .pegination-box a, .service-details .testimonial-box .text-para-1, .service-details .testimonial-box .text-para-1~.text-para-3.text-upper, .service-details .testimonial-box i, .sidebar__wrapper .recent-news-list .date i, .sidebar__wrapper .search-widget button:hover, .top-bar.v1 .contact-list a:hover, .top-bar.v1 .social-link a:hover {
color:var(--color-deepTealGreen)
}
.sidebar__wrapper .search-widget button:hover {
background:var(--color-mint)
}
.sidebar__wrapper .recent-news-list li {
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
gap:20px
}
.about-us.v1 .box-imgs .big-img~.experience, .about-us.v1 .box-imgs .experience~.small-img, .about-us.v2 .box-imgs .big-img~.small-img, .comment-form .form-box~.group-form-box, .comment-form .group-form-box~.form-box, .comment-form .group-form-box~.group-form-box, .contact-us.v1 .contact-form .form-box~.group-form-box, .contact-us.v1 .contact-form .group-form-box~.form-box, .contact-us.v1 .contact-form .group-form-box~.group-form-box, .contact-us.v2 .contact-form .form-box~.group-form-box, .contact-us.v2 .contact-form .group-form-box~.form-box, .contact-us.v2 .contact-form .group-form-box~.group-form-box, .footer-section.v1 .contact-box i~.contact-text, .footer-section.v1 .footer__widget-title~.footer__widget-content, .footer-section.v2 .contact-box i~.contact-text, .footer-section.v2 .footer__widget-title~.footer__widget-content, .menu-bar.v1 .mobile-menu-bar .mobile-content .w-address li~li, .menu-bar.v2 .mobile-menu-bar .mobile-content .w-address li~li, .news-blog.v1 .blog-card-content .post-user~.text-6, .news-blog.v2 .blog-card .blog-card-content .date-time~.text-6, .our-service.v2 .service-icon-text~.text-para-3, .sidebar__wrapper .recent-news-list li~li, .why-choose-us.v2 .box-imgs .big-img~.counter-icon-text, .why-choose-us.v2 .box-imgs .counter-icon-text~.small-img {
margin-top:20px
}
.sidebar__wrapper .recent-news-list .post-text {
max-width:calc(100% - 110px)
}
.footer-section.v1 .footer__widget-content .recent-post .post-time, .footer-section.v2 .footer__widget-content .recent-post .post-time, .post-tag-social .tags-box, .sidebar__wrapper .recent-news-list .date, .top-bar.v1 .contact-list li {
gap:10px
}
.sidebar__wrapper .recent-news-list .date .text-para-3 {
color:var(--color-black2)
}
.sidebar__wrapper .recent-news-list .date~.text-para-2 {
margin-top:14px
}
.sidebar__wrapper .recent-news-list .post-img {
max-width:90px;
height:90px
}
.sidebar__wrapper .recent-news-list .post-img a {
display:inline-block;
width:100%;
height:100%
}
.comment-wrapper .profile-img img, .sidebar__wrapper .recent-news-list .post-img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center
}
.chackmark.v1, .chackmark.v2, .chackmark.v3, .chackmark.v4 {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
gap:15px
}
.chackmark.v1 li, .chackmark.v2 li, .chackmark.v3 li, .chackmark.v4 li {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:10px;
color:var(--color-deepTealGreen)
}
.chackmark.v1 li i, .chackmark.v2 li i, .chackmark.v3 li i, .chackmark.v4 li i {
font-size:15px
}
.chackmark.v1 li .text-para-4, .chackmark.v2 li .text-para-4, .chackmark.v3 li .text-para-4, .chackmark.v4 li .text-para-4 {
margin-top:-2px
}
.accordion-main li~li, .news-blog.v2 .blog-card .blog-card-content .text-6~.text-para-3, .our-project.v1 .project-card .project-content .text-6~.text-para-3, .our-project.v2 .project-card .project-content .text-6~.text-para-3, .our-project.v3 .project-card .project-content .text-6~.text-para-3, .our-service.v1 .service-card-text .text-6~.text-para-3, .our-service.v3 .service-card .text-6~.text-para-3, .our-service.v3 .service-card-text .text-6~.text-para-3, .testimonial.v2 .testimonial-content .star-mark~.text-para-3, .work-process.v1 .work-process-card .icon-step~.work-process-body, .work-process.v1 .work-process-card .work-process-body .text-6~.text-para-3, .work-process.v2 .work-process-body .text-6~.text-para-3 {
margin-top:16px
}
.accordion-main .accordion-btn {
position:relative;
width:100%;
padding:20px 15px;
font-size:16px;
font-weight:600;
font-family:Roboto, sans-serif
}
.pegination-box a, .scroll-bottom-top.v1 {
width:40px;
height:40px;
text-align:center
}
.accordion-main .box-content {
padding:15px 15px 20px
}
.pegination-box a {
display:block;
font-weight:700;
font-size:14px;
line-height:40px;
border-radius:50px
}
.scroll-bottom-top.v1 {
position:fixed;
right:0;
bottom:30px;
line-height:42px;
opacity:0;
font-size:15px;
visibility:hidden;
border-radius:100px;
background:var(--color-white);
box-shadow:0 4.8px 24.4px -6px rgba(19, 16, 34, .1), 0 4px 13px -2px rgba(19, 16, 34, .06);
z-index:5
}
.scroll-bottom-top.v1 svg {
width:100%;
height:100%
}
.scroll-bottom-top.v1 svg path:first-child {
fill:var(--color-tr);
stroke:var(--color-deepTealGreen4);
stroke-width:5px;
box-sizing:border-box
}
.scroll-bottom-top.v1 svg path:nth-child(2) {
fill:var(--color-deepTealGreen4);
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.scroll-bottom-top.v1.show {
opacity:1;
visibility:visible;
right:15px
}
.top-bar.v1 {
padding:15px 0 !important;
background:var(--color-mint)
}
.menu-bar.v1 .main-menu, .menu-bar.v1 .menu-right .link-anime, .menu-bar.v1 .mobile-menu-bar .mobile-main-manu ul ul, .menu-bar.v2 .main-menu, .menu-bar.v2 .menu-right .link-anime, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu ul ul, .top-bar.v1 .contact-list li:last-child {
display:none
}
.top-bar.v1 .contact-list a {
position:relative;
padding-bottom:1px
}
.top-bar.v1 .contact-list a::before {
position:absolute;
content:"";
width:0%;
height:1px;
left:0;
bottom:0;
opacity:0;
-webkit-transition:.4s linear;
-moz-transition:.4s linear;
-o-transition:.4s linear;
transition:.4s linear;
background:var(--color-deepTealGreen)
}
.menu-bar.v1 .mobile-menu-bar .mobile-main-manu li.active>a::before, .menu-bar.v1 .mobile-menu-bar .mobile-main-manu li:hover>a::before, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu li.active>a::before, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu li:hover>a::before, .top-bar.v1 .contact-list a:hover::before {
width:100%;
opacity:1
}
.top-bar.v1 .social-link li a {
padding:10px
}
.menu-bar.v1, .menu-bar.v2 {
padding:20px 0;
width:100%;
background:var(--color-white)
}
.menu-bar.v1.sticky-header, .menu-bar.v2.sticky-header {
position:fixed;
top:0;
left:0;
z-index:7;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s;
-webkit-box-shadow:4px 0 20px 10px hsla(0, 0%, 54%, .34);
box-shadow:4px 0 20px 10px hsla(0, 0%, 54%, .34)
}
.footer-section.v2 .main-footer-content, .footer-section.v2 .main-footer-content .terms-link, .menu-bar.v1 .menu-bar-content, .menu-bar.v1 .menu-right, .menu-bar.v2 .menu-bar-content, .menu-bar.v2 .menu-right {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.comment-wrapper .profile-text .comment-info, .menu-bar.v1 .menu-right, .menu-bar.v2 .menu-right {
gap:20px
}
.menu-bar.v1 .menu-logo a, .menu-bar.v1 .menu-logo a img, .menu-bar.v1 .menu-logo img, .menu-bar.v1 .mobile-logo a, .menu-bar.v1 .mobile-logo a img, .menu-bar.v1 .mobile-logo img, .menu-bar.v2 .menu-logo a, .menu-bar.v2 .menu-logo a img, .menu-bar.v2 .menu-logo img, .menu-bar.v2 .mobile-logo a, .menu-bar.v2 .mobile-logo a img, .menu-bar.v2 .mobile-logo img {
max-width:220px;
max-height:70px
}
.menu-bar.v1 .search-option-open, .menu-bar.v2 .search-option-open {
font-size:22px
}
.menu-bar.v1 .mobile-menu-btn, .menu-bar.v2 .mobile-menu-btn {
position:relative;
width:35px;
height:25px;
background:var(--color-tr)
}
.menu-bar.v1 .mobile-menu-btn span, .menu-bar.v2 .mobile-menu-btn span {
position:absolute;
border-radius:10px;
width:100%;
height:2px;
left:0;
background:var(--color-deepTealGreen);
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.menu-bar.v1 .mobile-menu-btn span:first-child, .menu-bar.v2 .mobile-menu-btn span:first-child {
top:0
}
.menu-bar.v1 .mobile-menu-btn span:nth-child(3), .menu-bar.v2 .mobile-menu-btn span:nth-child(3) {
bottom:0
}
.menu-bar.v1 .mobile-menu-btn.active span:first-child, .menu-bar.v2 .mobile-menu-btn.active span:first-child {
width:15px;
top:23px;
-webkit-transform:translate(-1.5px, -5.3px) rotate(-135deg);
-moz-transform:translate(-1.5px, -5.3px) rotate(-135deg);
-o-transform:translate(-1.5px, -5.3px) rotate(-135deg);
transform:translate(-1.5px, -5.3px) rotate(-135deg)
}
.menu-bar.v1 .mobile-menu-btn.active span:nth-child(2), .menu-bar.v2 .mobile-menu-btn.active span:nth-child(2) {
width:75%;
-webkit-transform:rotate(-180deg);
-moz-transform:rotate(-180deg);
-o-transform:rotate(-180deg);
transform:rotate(-180deg)
}
.menu-bar.v1 .mobile-menu-btn.active span:nth-child(3), .menu-bar.v2 .mobile-menu-btn.active span:nth-child(3) {
-webkit-transform:translate(-1.5px, 7.3px) rotate(135deg);
-moz-transform:translate(-1.5px, 7.3px) rotate(135deg);
-o-transform:translate(-1.5px, 7.3px) rotate(135deg);
transform:translate(-1.5px, 7.3px) rotate(135deg);
width:15px;
bottom:23px
}
.menu-bar.v1 .mobile-menu-bar, .menu-bar.v2 .mobile-menu-bar {
position:fixed;
max-width:330px;
width:100%;
height:100%;
top:0;
left:-100%;
opacity:0;
visibility:hidden;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s;
background:var(--color-white);
z-index:5
}
.menu-bar.v1 .mobile-menu-bar.active, .menu-bar.v2 .mobile-menu-bar.active {
opacity:1;
left:0;
visibility:visible
}
.menu-bar.v1 .mobile-menu-bar .mobile-menu-header, .menu-bar.v2 .mobile-menu-bar .mobile-menu-header {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:30px 20px;
gap:30px;
border-bottom:1px solid var(--color-gBlack)
}
.menu-bar.v1 .mobile-menu-bar .mobile-menu-header .close-mobile-btn, .menu-bar.v2 .mobile-menu-bar .mobile-menu-header .close-mobile-btn {
font-size:25px;
background:var(--color-tr)
}
.menu-bar.v1 .mobile-menu-bar .mobile-main-manu, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
overflow-x:hidden
}
.menu-bar.v1 .mobile-menu-bar .mobile-main-manu li a, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu li a {
position:relative;
display:block;
font-size:13px;
line-height:24px;
padding:15px 40px 15px 30px;
text-transform:uppercase;
font-weight:700;
z-index:1
}
.menu-bar.v1 .mobile-menu-bar .mobile-main-manu li a::before, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu li a::before {
position:absolute;
content:"";
width:0%;
opacity:0;
height:100%;
top:0;
left:0;
background:var(--color-deepTealGreen);
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s;
z-index:-1
}
.menu-bar.v1 .mobile-menu-bar .mobile-main-manu li.has-dropdown>a::after, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu li.has-dropdown>a::after {
position:absolute;
content:"\e900";
speak:never;
font-family:icomoon;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
display:inline-block;
font-size:calc(100% - 2px);
top:14px;
right:24px;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.menu-bar.v1 .mobile-menu-bar .mobile-main-manu li.has-dropdown.arrow-rotate-anime>a::after, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu li.has-dropdown.arrow-rotate-anime>a::after {
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0)
}
.menu-bar.v1 .mobile-menu-bar .mobile-main-manu>ul>li:first-child, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu>ul>li:first-child {
border-top:none
}
.menu-bar.v1 .mobile-menu-bar .mobile-main-manu ul ul a, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu ul ul a {
font-size:calc(100% - 2px)
}
.menu-bar.v1 .mobile-menu-bar .mobile-content, .menu-bar.v2 .mobile-menu-bar .mobile-content {
display:none;
padding:30px 30px 0
}
.menu-bar.v1 .mobile-menu-bar .mobile-content .w-map, .menu-bar.v2 .mobile-menu-bar .mobile-content .w-map {
width:100%;
height:180px
}
.menu-bar.v1 .mobile-menu-bar .mobile-content .w-address i, .menu-bar.v2 .mobile-menu-bar .mobile-content .w-address i {
display:inline-block;
width:40px;
height:40px;
text-align:center;
font-size:16px;
line-height:40px;
border:1px solid var(--color-gBlack);
border-radius:50px
}
.menu-bar.v1 .mobile-menu-bar .mobile-content .all-btns, .menu-bar.v2 .mobile-menu-bar .mobile-content .all-btns {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.menu-bar.v1 .mobile-menu-bar .all-btns, .menu-bar.v2 .mobile-menu-bar .all-btns {
padding:30px 30px 0
}
.menu-bar.v1 .mobile-menu-bar .social-link, .menu-bar.v2 .mobile-menu-bar .social-link {
padding:30px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:10px
}
.menu-bar.v1 .mobile-menu-bar .social-link a, .menu-bar.v2 .mobile-menu-bar .social-link a {
display:inline-block;
width:40px;
height:40px;
text-align:center;
line-height:40px;
border:1px solid var(--color-gBlack);
font-size:16px;
border-radius:50px
}
.menu-bar.v1 .search-popup, .menu-bar.v2 .search-popup {
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
opacity:0;
visibility:hidden;
z-index:7;
background:rgba(32, 32, 32, .7);
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.menu-bar.v1 .search-popup .search-close, .menu-bar.v2 .search-popup .search-close {
position:absolute;
padding:0;
top:120px;
right:15px;
font-size:30px;
color:var(--color-white);
background:var(--color-tr);
z-index:1
}
.menu-bar.v1 .search-popup.active, .menu-bar.v2 .search-popup.active {
z-index:5;
opacity:1;
visibility:visible
}
.menu-bar.v1 .search-popup.active .header-search, .menu-bar.v2 .search-popup.active .header-search {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
.menu-bar.v1 .header-search, .menu-bar.v2 .header-search {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:calc(100% - 35px);
max-width:540px;
height:70px;
border-bottom:1px solid var(--color-white);
background:var(--color-tr);
-webkit-transform:translateY(-100%);
-moz-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%);
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.menu-bar.v1 .header-search input[type=search], .menu-bar.v2 .header-search input[type=search] {
width:calc(100% - 40px);
height:100%;
font-size:16px;
color:var(--color-white);
background:var(--color-tr)
}
.menu-bar.v1 .header-search input[type=search]::-ms-clear, .menu-bar.v1 .header-search input[type=search]::-ms-reveal, .menu-bar.v1 .header-search input[type=search]::-webkit-search-cancel-button, .menu-bar.v1 .header-search input[type=search]::-webkit-search-decoration, .menu-bar.v1 .header-search input[type=search]::-webkit-search-results-button, .menu-bar.v1 .header-search input[type=search]::-webkit-search-results-decoration, .menu-bar.v2 .header-search input[type=search]::-ms-clear, .menu-bar.v2 .header-search input[type=search]::-ms-reveal, .menu-bar.v2 .header-search input[type=search]::-webkit-search-cancel-button, .menu-bar.v2 .header-search input[type=search]::-webkit-search-decoration, .menu-bar.v2 .header-search input[type=search]::-webkit-search-results-button, .menu-bar.v2 .header-search input[type=search]::-webkit-search-results-decoration {
display:none
}
.menu-bar.v1 .header-search input[type=search]::-moz-placeholder, .menu-bar.v1 .header-search input[type=search]::-webkit-input-placeholder, .menu-bar.v1 .header-search input[type=search]::placeholder, .menu-bar.v2 .header-search input[type=search]::-moz-placeholder, .menu-bar.v2 .header-search input[type=search]::-webkit-input-placeholder, .menu-bar.v2 .header-search input[type=search]::placeholder {
opacity:1
}
.menu-bar.v1 .header-search button, .menu-bar.v2 .header-search button {
width:70px;
height:100%;
padding:0;
color:var(--color-white);
font-size:16px;
background:var(--color-tr)
}
.menu-bar.v1 .mobile-menu-overlay, .menu-bar.v2 .mobile-menu-overlay {
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
opacity:0;
visibility:hidden;
background:var(--color-black);
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s;
z-index:2
}
.fun-facts.v1 li, .our-service.v1 .service-card {
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s
}
.menu-bar.v1 .mobile-menu-overlay.active, .menu-bar.v2 .mobile-menu-overlay.active {
opacity:.7;
visibility:visible
}
.about-us.v2 .box-imgs .small-img-bg, .banner.v1 .banner-content .text-para-3 br, .banner.v2 .banner-content .text-para-3 br, .footer-section.v1 .bg-shap, .footer-section.v2 .bg-shap, .menu-bar.v2 .menu-info, .testimonial.v1 .slider .testimonial-pagination, .testimonial.v2 .testimonial-profile i {
display:none
}
.menu-bar.v2 .menu-info i {
width:48px;
height:48px;
font-size:24px;
text-align:center;
line-height:48px;
color:var(--color-black);
background:var(--color-mint);
border-radius:12px
}
.banner.v1, .banner.v2, .blog-post-card .blog-post-img, .our-project.v1, .work-process.v1, .work-process.v2 .work-process-img {
overflow:hidden
}
.banner.v1 .banner-content, .banner.v2 .banner-content, .footer-section.v1 .main-footer, .work-process.v1 .work-process-card {
text-align:center
}
.all-comments .text-4, .banner.v1 .banner-content .text-2, .banner.v2 .banner-content .text-2, .fun-facts.v1 .fun-fact-icon-text i, .fun-facts.v1 li .text-2, .fun-facts.v2 li .text-2, .fun-facts.v3 li .text-2 {
font-size:24px
}
.banner.v1, .banner.v2, .contact-us.v1, .our-project.v1.bg-cover-center, .our-project.v2, .our-service.v3 .service-card {
position:relative;
z-index:1
}
.banner.v1::before, .banner.v2 .banner-content::before, .our-service.v3 .service-card::before {
position:absolute;
z-index:-1;
left:0;
content:""
}
.banner.v1::before {
width:100%;
height:100%;
top:0;
background:linear-gradient(90deg, var(--color-deepTealGreen) 0, rgba(47, 90, 84, .76) 38.87%, rgba(95, 183, 172, 0) 100%)
}
.banner.v2 .banner-content::before {
width:100%;
height:100%;
top:0;
opacity:.7;
background:var(--color-mint)
}
.fun-facts.v1 .counter-area, .fun-facts.v2 .counter-area, .fun-facts.v3 .counter-area {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
gap:30px
}
.fun-facts.v1 li, .fun-facts.v2 li, .fun-facts.v3 li {
width:100%;
text-align:center
}
.fun-facts.v1.content-up {
position:relative;
margin-top:-30px;
z-index:1
}
.fun-facts.v1 li {
padding:40px;
border:1px solid var(--color-gBlack);
background:var(--color-white);
transition:.4s
}
.about-us.v1 .certifi-list li .about-info-text .text-para-1, .fun-facts.v1 li .text-6, .project-info-list .text-para-1, .testimonial.v2 .testimonial-content .star-mark i {
font-size:16px
}
.fun-facts.v1 .fun-fact-icon-text {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:15px
}
.fun-facts.v3 .bg-cover-center {
padding:50px 0;
position:relative;
z-index:1
}
.fun-facts.v3 .bg-cover-center::before, .our-project.v1.bg-cover-center::before {
position:absolute;
content:"";
width:100%;
height:100%;
top:0;
left:0;
opacity:.9;
background:var(--color-deepTealGreen);
z-index:-1
}
.about-us.v1 .profile .profile-img, .about-us.v2 .profile .profile-img {
width:60px;
height:60px;
border-radius:100px
}
.about-us.v1 .certifi-list {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
gap:20px
}
.about-us.v1 .certifi-list li i {
width:44px;
height:44px;
min-width:44px;
font-size:22px;
text-align:center;
line-height:44px;
border-radius:50px;
background:var(--color-mint)
}
.about-us.v1 .certifi-list li .about-info-text {
width:100%;
max-width:300px
}
.about-us.v1 .certifi-list li .about-info-text .text-para-1~.text-para-3 {
margin-top:8px
}
.about-us.v1 .box-imgs .experience {
padding:30px;
text-align:center;
background:var(--color-mint)
}
.about-us.v1 .box-imgs .experience .text-2, .why-choose-us.v2 .box-imgs .counter-icon-text .text-2 {
font-size:35px
}
.about-us.v1 .box-imgs .experience .text-para-3, .why-choose-us.v2 .box-imgs .counter-icon-text .text-para-3 {
font-size:14px;
letter-spacing:.62px
}
.about-us.v2 .about-left .section-title .text-2~.text-para-3 {
font-weight:500;
letter-spacing:-.45px;
margin-top:20px
}
.about-us.v2 .all-btns {
gap:30px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.our-service.v1 .service-card, .our-service.v2 .service-card, .our-service.v3 .service-card {
padding:30px
}
.our-service.v1 .service-card {
background:var(--color-white2);
transition:.4s
}
.footer-section.v1 .footer__widget-content .social-links a:hover, .footer-section.v2 .footer__widget-content .social-links a:hover, .our-service.v1 .service-card:hover .service-card-img i {
color:var(--color-black);
background:var(--color-mint)
}
.blog-post .blog-post-card:hover .blog-post-img img, .news-blog.v1 .blog-card:hover .blog-card-img img, .news-blog.v2 .blog-card:hover .blog-card-img img, .our-project.v1 .project-card:hover .project-img img, .our-project.v2 .project-card:hover .project-img img, .our-project.v3 .project-card:hover .project-img img, .our-service.v1 .service-card:hover .service-card-img img, .work-process.v2 .work-process-card:hover .work-process-img img {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1)
}
.our-service.v1 .service-card-img i {
position:absolute;
width:56px;
height:56px;
top:0;
left:0;
font-size:36px;
text-align:center;
line-height:56px;
color:var(--color-white);
background:var(--color-deepTealGreen);
z-index:1;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.blog-post-card .blog-post-img img, .our-service.v1 .service-card-img img {
width:100%;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.our-service.v2 .service-icon-text i, .our-service.v3 .service-card i {
width:56px;
height:56px;
font-size:30px;
line-height:56px;
background:var(--color-mint);
display:inline-block;
text-align:center
}
.our-service.v1 .service-card-text .text-6, .our-service.v1 .service-card-text .text-6 a, .our-service.v1 .service-card-text .text-para-3, .our-service.v3 .service-card .text-para-3 {
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.news-blog.v2 .blog-card .blog-card-content .text-para-3~.link-anime, .our-project.v1 .project-card .project-content .text-para-3~.link-anime, .our-project.v2 .project-card .project-content .text-para-3~.link-anime, .our-project.v3 .project-card .project-content .text-para-3~.link-anime, .our-service.v1 .service-card-text .text-para-3~.link-anime {
margin-top:24px
}
.our-service.v2 .service-card {
background:var(--color-white);
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.our-service.v2 .service-card .text-para-3 {
color:var(--color-black2);
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.our-service.v2 .service-card:hover .service-icon-text i {
color:var(--color-white);
background:var(--color-black)
}
.our-service.v2 .service-icon-text i {
border-radius:100px;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.our-service.v3 .service-card::before {
width:100%;
height:100%;
bottom:0;
background:var(--color-white2);
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.our-service.v3 .service-card i {
border:2px solid var(--color-white);
border-radius:100px;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.our-service.v3 .service-card:hover i {
border:2px solid var(--color-tr)
}
.why-choose-us.v1 .progress-bar-list .text-para-3~.my-progress-bar, .why-choose-us.v2 .progress-bar-list .text-para-3~.my-progress-bar {
margin-top:9px
}
.why-choose-us.v1 .my-progress-bar, .why-choose-us.v1 .my-progress-bar .progress-vale, .why-choose-us.v2 .my-progress-bar, .why-choose-us.v2 .my-progress-bar .progress-vale {
border-radius:30px;
height:6px
}
.why-choose-us.v1 .my-progress-bar, .why-choose-us.v2 .my-progress-bar {
background:#e8e9eb
}
.why-choose-us.v1 .my-progress-bar .progress-vale, .why-choose-us.v2 .my-progress-bar .progress-vale {
position:relative;
background:var(--color-black)
}
.why-choose-us.v1 .my-progress-bar .progress-vale .text-para-3, .why-choose-us.v2 .my-progress-bar .progress-vale .text-para-3 {
position:absolute;
top:-32px;
right:-20px;
background:var(--color-white)
}
.why-choose-us.v2 .box-imgs .counter-icon-text {
padding:30px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:25px;
border:1px solid var(--color-gBlack);
background:var(--color-white)
}
.why-choose-us.v2 .box-imgs .counter-icon-text i {
display:inline-block;
width:65px;
height:65px;
text-align:center;
line-height:65px;
font-size:45px;
color:var(--color-white);
background:var(--color-deepTealGreen)
}
.our-project.v1 .project-card .project-img::before, .our-project.v2 .project-card .project-img::before, .our-project.v3 .project-card .project-img::before {
position:absolute;
content:"";
width:100%;
height:100%;
top:0;
left:0;
opacity:0;
z-index:1;
background:var(--color-deepTealGreen);
mix-blend-mode:multiply;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.our-project.v1 .project-card .project-img img, .our-project.v2 .project-card .project-img img, .our-project.v3 .project-card .project-img img, .work-process.v2 .work-process-img img {
width:100%;
height:100%;
min-height:240px;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.our-project.v1 .project-card .project-content, .our-project.v2 .project-card .project-content, .our-project.v3 .project-card .project-content {
position:absolute;
width:100%;
bottom:0;
left:0;
opacity:0;
visibility:hidden;
padding:30px;
z-index:1;
-webkit-transform:translateY(100%);
-moz-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%);
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.footer-section.v1 .contact-box .contact-text .text-para-1, .footer-section.v2 .contact-box .contact-text .text-para-1, .news-blog.v1 .blog-card .blog-card-content .text-6, .news-blog.v2 .blog-card .blog-card-content .text-6, .our-project.v1 .project-card .project-content .text-6, .our-project.v2 .project-card .project-content .text-6, .our-project.v3 .project-card .project-content .text-6, .work-process.v1 .work-process-card .work-process-body .text-6 {
font-size:18px
}
.our-project.v1 .project-card:hover .project-img::before, .our-project.v2 .project-card:hover .project-img::before, .our-project.v3 .project-card:hover .project-img::before {
opacity:1
}
.our-project.v1 .project-card:hover .project-content, .our-project.v2 .project-card:hover .project-content, .our-project.v3 .project-card:hover .project-content {
opacity:1;
visibility:visible;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
.our-project.v1.bg-cover-center .fun-facts {
background:var(--color-tr)
}
.our-project.v1.bg-cover-center .border-line {
border-color:var(--color-white)
}
.our-project.v2 .bg-shap {
display:none;
position:absolute;
top:0;
opacity:.1;
z-index:-1
}
.our-project.v2 .our-project-boxs {
display:grid;
grid-auto-flow:dense;
gap:20px
}
.testimonial.v1 .slider .testimonial-pagination, .testimonial.v2 .slider .testimonial-pagination {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
pointer-events:none;
width:inherit;
top:inherit;
left:inherit;
gap:8px
}
.testimonial.v1 .slider .testimonial-pagination .swiper-pagination-bullet, .testimonial.v2 .slider .testimonial-pagination .swiper-pagination-bullet {
position:relative;
width:18px;
height:18px;
opacity:1;
border-radius:50px;
border:1px solid var(--color-tr);
background:var(--color-tr);
margin:0;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.testimonial.v1 .slider .testimonial-pagination .swiper-pagination-bullet::before, .testimonial.v2 .slider .testimonial-pagination .swiper-pagination-bullet::before {
position:absolute;
content:"";
width:8px;
height:8px;
top:50%;
left:50%;
pointer-events:visible;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
background:var(--color-gBlack);
border-radius:50px;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.testimonial.v1 .slider .testimonial-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .testimonial.v2 .slider .testimonial-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
pointer-events:visible;
border:1px solid var(--color-deepTealGreen)
}
.testimonial.v1 .testimonial-card .profile-img img, .testimonial.v2 .testimonial-card .profile-img img {
width:56px;
height:56px;
border-radius:100px;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center
}
.footer-section.v1 .contact-box .contact-text .text-para-1~.text-para-3, .footer-section.v1 .footer__widget-content .recent-post .post-time~.text-para-1, .footer-section.v2 .contact-box .contact-text .text-para-1~.text-para-3, .footer-section.v2 .footer__widget-content .recent-post .post-time~.text-para-1, .project-info-list .text-para-1~.text-para-3, .testimonial.v1 .testimonial-card .profile-content .text-para-3~.text-para-3, .testimonial.v2 .testimonial-card .profile-content .text-para-3~.text-para-3 {
margin-top:4px
}
.testimonial.v1 .testimonial-card {
padding:50px 30px
}
.testimonial.v1 .testimonial-card i {
color:var(--color-deepTealGreen);
font-size:20px
}
.testimonial.v2 .slider .testimonial-pagination {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-top:30px
}
.testimonial.v2 .testimonial-card {
padding:40px 30px;
border:1px solid var(--color-gBlack);
background:var(--color-white)
}
.work-process.v1 .bg-shap {
display:none;
pointer-events:none
}
.work-process.v1 .work-process-card .icon-step i {
display:block;
width:65px;
height:65px;
font-size:25px;
line-height:65px;
border-radius:100px;
color:var(--color-deepTealGreen);
background:var(--color-mint);
margin:0 auto
}
.work-process.v1 .work-process-card .icon-step i~.text-para-4 {
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-o-transform:translateY(-10px);
transform:translateY(-10px);
margin-bottom:-6px
}
.work-process.v1 .work-process-card .icon-step .text-para-4 {
display:inline-block;
padding:4px 16px;
color:var(--color-white);
font-weight:500;
line-height:24px;
background:var(--color-deepTealGreen);
border-radius:50px
}
.work-process.v2 .work-process-card {
position:relative;
padding:0 15px;
z-index:1
}
.work-process.v2 .work-process-card::before {
position:absolute;
content:"";
width:100%;
height:calc(100% - 115px);
bottom:0;
left:0;
background:var(--color-white2);
z-index:-1
}
.work-process.v2 .work-process-body {
padding:20px 0 30px
}
.work-process.v2 .work-process-body .text-6 {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:15px;
font-size:18px;
line-height:1.4
}
.work-process.v2 .work-process-body .text-6 .text-para-4 {
display:inline-block;
padding:4px 16px;
color:var(--color-deepTealGreen);
font-weight:500;
line-height:24px;
background:var(--color-mint);
border-radius:50px
}
.intro-video.v1 .intro-video-box {
position:relative
}
.intro-video.v1 .intro-video-box .play-btn {
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
.our-trusted-partner.v1 .swiper-wrapper, .our-trusted-partner.v2 .swiper-wrapper {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.our-trusted-partner.v1 a, .our-trusted-partner.v1 img, .our-trusted-partner.v2 a, .our-trusted-partner.v2 img {
width:100%;
max-width:210px;
height:32px
}
.our-trusted-partner.v1 img, .our-trusted-partner.v2 img {
-o-object-fit:contain;
object-fit:contain;
-o-object-position:center;
object-position:center
}
.news-blog.v1 .blog-card .blog-card-img img, .news-blog.v2 .blog-card .blog-card-img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.news-blog.v1 .blog-card {
padding:20px;
border:1px solid var(--color-gBlack)
}
.news-blog.v1 .blog-card-img .date-time {
position:absolute;
width:56px;
height:56px;
top:0;
left:0;
border-top:1px solid var(--color-deepTealGreen);
border-left:1px solid var(--color-deepTealGreen);
z-index:1
}
.news-blog.v1 .blog-card-img .date-time .text-para-3 {
padding:4px 10px;
color:var(--color-deepTealGreen);
text-align:center;
background:var(--color-white)
}
.news-blog.v1 .blog-card-content .post-user {
display:inline-block;
padding:6px 11px;
font-size:14px;
font-weight:500;
color:var(--color-black2);
background:var(--color-mint)
}
.news-blog.v2 .blog-card .blog-card-content, .news-blog.v2 .blog-card::before {
position:absolute;
width:100%;
left:0;
opacity:0;
visibility:hidden;
z-index:1;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.news-blog.v2 .blog-card::before {
content:"";
bottom:0;
height:100%;
-webkit-transform:translateY(100%);
-moz-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%);
background:var(--color-black)
}
.news-blog.v2 .blog-card .blog-card-img img {
min-height:240px
}
.news-blog.v2 .blog-card .blog-card-content {
padding:30px;
top:50%;
-webkit-transform:translateY(100%);
-moz-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%)
}
.news-blog.v2 .blog-card .blog-card-content .date-time {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:10px
}
.news-blog.v2 .blog-card:hover::before {
opacity:.8;
visibility:visible;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
.news-blog.v2 .blog-card:hover .blog-card-content {
opacity:1;
visibility:visible;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%)
}
.contact-us.v1 .contact-form .my-select .current, .contact-us.v1 .contact-form input, .contact-us.v1 .contact-form textarea, .contact-us.v2 .contact-form .my-select .current, .contact-us.v2 .contact-form input, .contact-us.v2 .contact-form textarea {
width:100%;
color:var(--color-black2);
font-size:16px
}
.contact-us.v1 .contact-form input::placeholder, .contact-us.v1 .contact-form textarea::placeholder, .contact-us.v2 .contact-form input::placeholder, .contact-us.v2 .contact-form textarea::placeholder {
opacity:1
}
.comment-form input, .contact-us.v1 .contact-form input, .contact-us.v2 .contact-form input {
padding:18.4px 20px
}
.comment-form input[type=number], .contact-us.v1 .contact-form input[type=number], .contact-us.v2 .contact-form input[type=number] {
-webkit-appearance:textfield;
-moz-appearance:textfield;
appearance:textfield
}
.comment-form textarea, .contact-us.v1 .contact-form textarea, .contact-us.v2 .contact-form textarea {
padding:25px 20px;
height:150px
}
.contact-us.v1 .contact-form .response, .contact-us.v2 .contact-form .response {
display:none;
padding:20px;
border-radius:5px;
background:var(--color-tr);
margin-top:30px
}
.contact-us.v1 .contact-form .response.error, .contact-us.v2 .contact-form .response.error {
color:#ef4444;
border:1px solid #ef4444
}
.contact-us.v1 .contact-form .response.success, .contact-us.v2 .contact-form .response.success {
color:#22c55e;
border:1px solid #22c55e
}
.contact-us.v1 .contact-form .response.warning, .contact-us.v2 .contact-form .response.warning {
color:#fdc448;
border:1px solid #fdc448
}
.contact-us.v1::before {
position:absolute;
content:"";
width:100%;
height:100%;
top:0;
left:0;
opacity:.2;
background:var(--color-black);
z-index:-1
}
.contact-us.v1 .contact-us-box {
padding:30px 20px;
width:100%;
max-width:708px;
background:var(--color-white)
}
.contact-us.v1 .contact-form .my-select .current, .contact-us.v1 .contact-form input, .contact-us.v1 .contact-form textarea {
border-radius:12px;
border:1px solid var(--color-gBlack);
background-color:var(--color-white)
}
.contact-us.v2 .contact-form .my-select .current, .contact-us.v2 .contact-form input, .contact-us.v2 .contact-form textarea {
border:none;
background-color:var(--color-white2)
}
.contact-map {
width:100%;
height:500px
}
.blog-details .text-para-3, .blog-post-card .text-para-3, .project-details .text-para-3, .service-details .text-para-3 {
font-size:14px;
color:var(--color-black2)
}
.blog-details .text-img-box, .blog-post-card .text-img-box, .project-details .text-img-box, .service-details .text-img-box {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:30px
}
.blog-details .chackmark, .blog-post-card .chackmark, .project-details .chackmark, .service-details .chackmark {
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start
}
.project-info-list {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:20px;
border-bottom:1px solid var(--color-gBlack)
}
.blog-details .testimonial-box, .service-details .testimonial-box {
text-align:center;
background:var(--color-white2)
}
.blog-details .testimonial-box i, .service-details .testimonial-box i {
font-size:42px
}
.blog-post-info .post-comment, .blog-post-info .post-user {
gap:8px
}
.blog-post-info .post-tag a {
display:inline-block;
padding:4px 12px;
font-size:14px;
line-height:24px;
color:var(--color-deepTealGreen);
background:var(--color-mint)
}
.post-tag-social {
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:20px;
background:var(--color-white2);
gap:20px
}
.comment-wrapper .profile-img {
width:60px;
height:60px;
min-width:60px;
overflow:hidden;
border-radius:100px;
margin-bottom:20px
}
.comment-wrapper .profile-text .comment-info-reply {
gap:20px;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.comment-wrapper .profile-text .text-para-3 {
position:relative;
padding:30px;
border-radius:0 10px 10px;
background:var(--color-white2)
}
.comment-wrapper .profile-text .text-para-3::before {
position:absolute;
content:"";
width:25px;
height:19px;
top:0;
left:-25px;
border-right:25px solid var(--color-white2);
border-bottom:19px solid var(--color-tr);
background:var(--color-tr)
}
.comment-wrapper .profile-text .comment-info li {
gap:8px;
margin-top:0
}
.comment-wrapper .profile-text .comment-info i {
font-size:16px;
color:var(--color-deepTealGreen)
}
.comment-wrapper .profile-text .reply-btn {
padding:4px 19px;
font-weight:600;
font-size:12px;
color:var(--color-black2);
border-radius:15px;
background:var(--color-white2)
}
.comment-wrapper~.comment-boxs {
margin:60px 0 0 calc(9% + 15px)
}
.comment-form .my-select .current, .comment-form input, .comment-form textarea {
width:100%;
color:var(--color-black2);
font-size:16px;
background:var(--color-white2)
}
.comment-form input::placeholder, .comment-form textarea::placeholder {
opacity:1
}
.comment-form .check-box {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:10px
}
.comment-form .check-box input {
padding:0;
width:14px;
height:14px;
min-width:14px;
border-radius:1px;
border:1px solid var(--color-border);
margin-top:2px
}
.comment-form .check-box input:checked {
background-color:var(--color-mint);
border-color:var(--color-mint)
}
.comment-form .check-box input:focus {
box-shadow:none
}
.comment-form .check-box label {
width:calc(100% - 20px);
color:var(--color-gBlack);
font-size:16px;
line-height:26px;
margin-top:-5px
}
.footer-section.v1, .footer-section.v2 {
position:relative;
background:var(--color-deepTealGreen);
overflow:hidden;
z-index:1
}
.footer-section.v1 .contact-box, .footer-section.v2 .contact-box {
padding:30px 15px;
text-align:center;
background:var(--color-deepTealGreen3)
}
.footer-section.v1 .contact-box i, .footer-section.v2 .contact-box i {
display:inline-block;
width:50px;
height:50px;
font-size:18px;
text-align:center;
line-height:50px;
border-radius:100px;
background:var(--color-mint);
margin:0 auto
}
.footer-section.v1 .info-footer-content, .footer-section.v2 .info-footer-content {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
gap:30px
}
.footer-section.v1 .footer__widget .footer__widget-title, .footer-section.v2 .footer__widget .footer__widget-title {
font-family:Roboto, sans-serif;
font-size:16px;
line-height:1.5;
font-weight:600;
text-transform:uppercase;
color:var(--color-white)
}
.footer-section.v1 .footer-subscribe img, .footer-section.v1 .footer__widget-content .footer-logo a, .footer-section.v1 .footer__widget-content .footer-logo img, .footer-section.v2 .footer__widget-content .footer-logo a, .footer-section.v2 .footer__widget-content .footer-logo img {
width:100%;
max-width:120px;
max-height:40px
}
.footer-section.v1 .footer__widget-content .social-links a, .footer-section.v2 .footer__widget-content .social-links a {
display:inline-block;
width:35px;
height:35px;
font-size:14px;
color:var(--color-white);
line-height:35px;
text-align:center;
border-radius:100px;
background:var(--color-deepTealGreen4)
}
.footer-section.v1 .footer__widget-content .recent-post .text-para-1, .footer-section.v2 .footer__widget-content .recent-post .text-para-1 {
font-size:20px
}
.footer-section.v1 .footer__widget-content .contact-list li i, .footer-section.v2 .footer__widget-content .contact-list li i {
display:inline-block;
width:35px;
height:35px;
min-width:35px;
font-size:13px;
line-height:35px;
text-align:center;
border-radius:50px;
color:var(--color-mint);
background:var(--color-deepTealGreen4)
}
.footer-section.v1 .bg-shap {
width:665px;
left:20px;
bottom:10px
}
.footer-section.v1 .footer-subscribe {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:30px;
padding:30px;
background:var(--color-mint)
}
.footer-section.v1 .footer-subscribe form input {
width:100%;
padding:10px 30px;
border:1px solid var(--color-black);
border-radius:50px;
background:var(--color-tr)
}
.footer-section.v1 .footer-subscribe form input::placeholder {
opacity:1
}
.footer-section.v1 .footer-subscribe form button {
padding:13px 17px 13px 20px;
border-radius:100px;
color:var(--color-white);
font-size:14px;
background:var(--color-black)
}
.footer-section.v1 .footer-subscribe form button i {
font-size:12px;
margin-left:13px
}
.footer-section.v2 .bg-shap {
width:274px;
right:73px;
bottom:0
}
.footer-section.v2 .footer-subscribe {
position:relative;
background:var(--color-mint)
}
.footer-section.v2 .footer-subscribe::before {
position:absolute;
content:"";
width:100vw;
height:50%;
top:0;
left:50%;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
z-index:-1;
background:var(--color-white)
}
.footer-section.v2 .footer-subscribe .text-para-3 {
color:var(--color-black4)
}
.footer-section.v2 .footer-subscribe form {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:15px;
max-width:508px;
margin:0 auto
}
.footer-section.v2 .footer-subscribe form input {
width:100%;
padding:16px 20px;
border-radius:12px;
background:var(--color-tr);
border:1px solid var(--color-black2)
}
.footer-section.v2 .footer-subscribe form input::placeholder {
opacity:1
}
.footer-section.v2 .main-footer-content {
gap:30px
}
.footer-section.v2 .main-footer-content .terms-link {
gap:20px 15px
}