/*
Theme Name: SunPlus HTML5 Template
Theme URI: 
Design by: 
Developed by: Flash Coder Studio
Version: 1.0
License: 
Tags: 
*/

@media (min-width:576px) {
.py-sm-30 {
padding-top:30px;
padding-bottom:30px
}
.py-sm-80 {
padding-top:80px;
padding-bottom:80px
}
.px-sm-30 {
padding-left:30px;
padding-right:30px
}
.sidebar__wrapper .sidebar__widget-head {
padding:30px 30px 15px
}
.sidebar__wrapper .sidebar__widget-head~.sidebar__widget-content {
padding-top:10px
}
.sidebar__wrapper .sidebar__widget-content {
padding:30px
}
.sidebar__wrapper .recent-news-list .post-text {
max-width:calc(100% - 150px)
}
.sidebar__wrapper .recent-news-list .post-img {
max-width:130px
}
.accordion-main .accordion-btn {
padding:20px 55px 20px 15px;
text-align:inherit
}
.accordion-main .accordion-btn::after, .accordion-main .accordion-btn::before {
position:absolute;
width:30px;
height:30px;
top:17px;
right:20px;
font-family:icomoon;
speak:never;
font-size:14px;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:30px;
text-align:center;
border-radius:50px;
color:var(--color-mint);
background:var(--color-deepTealGreen);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg)
}
.accordion-main .accordion-btn::before {
content:"\e91b";
opacity:0
}
.accordion-main .accordion-btn::after {
content:"\e922"
}
.accordion-main .accordion-btn:not(.collapsed)::before {
opacity:1;
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0)
}
.accordion-main .accordion-btn:not(.collapsed)::after {
opacity:0;
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0)
}
.top-bar.v1 {
padding:0
}
.top-bar.v1 .top-bar-content {
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;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
gap:10px
}
.menu-bar.v2 .menu-right .mobile-menu-btn, .testimonial.v1 .slider, .top-bar.v1 .contact-list li~li, .top-bar.v1 .social-link li~li {
position:relative
}
.top-bar.v1 .contact-list li~li::before, .top-bar.v1 .social-link li~li::before {
position:absolute;
content:"";
width:1px;
left:0;
top:-16px;
background:var(--color-border)
}
.top-bar.v1 .contact-list li~li {
padding-left:15px
}
.top-bar.v1 .contact-list li~li::before {
height:calc(100% + 24px)
}
.footer-section.v1 .footer-subscribe form input~button, .top-bar.v1 .contact-list~.social-link {
margin-top:0
}
.top-bar.v1 .social-link {
gap:0
}
.top-bar.v1 .social-link li~li::before {
height:calc(100% + 16px)
}
.menu-bar.v1 .search-popup .search-close, .menu-bar.v2 .search-popup .search-close {
right:50px
}
.menu-bar.v2 .menu-right {
gap:40px
}
.menu-bar.v2 .menu-right .mobile-menu-btn::before {
position:absolute;
content:"";
left:-20px;
top:0;
height:100%;
width:1px;
background:var(--color-gBlack)
}
.banner.v1 .banner-content, .banner.v2 .banner-content {
width:100%;
max-width:350px;
text-align:inherit
}
.banner.v1 .banner-content .text-2, .banner.v2 .banner-content .text-2 {
font-size:30px
}
.banner.v1 .banner-content .all-btns, .banner.v2 .banner-content .all-btns {
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start
}
.banner.v2 .banner-content {
position:relative;
z-index:1
}
.banner.v2 .banner-content .content-back-shap, .banner.v2 .banner-content::before {
border-radius:20px
}
.banner.v2 .banner-content::before {
opacity:1
}
.banner.v2 .banner-content .content-back-shap {
position:absolute;
width:100%;
height:100%;
top:39px;
left:39px;
background:var(--color-deepTealGreen);
z-index:-2
}
.fun-facts.v1 li, .fun-facts.v2 li, .fun-facts.v3 li {
width:calc(50% - 15px)
}
.fun-facts.v1 li .text-2, .fun-facts.v1 li i, .fun-facts.v2 li .text-2, .fun-facts.v3 li .text-2 {
font-size:35px
}
.fun-facts.v1 li .text-6 {
font-size:20px
}
.our-service.v2 .service-icon-text {
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
}
.our-service.v2 .service-icon-text i~.text-6 {
width:calc(100% - 110px);
margin-top:0
}
.testimonial.v1 .slider .profile-header {
padding-right:150px
}
.testimonial.v1 .slider .testimonial-pagination {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:absolute;
padding:65px 65px 50px;
bottom:0;
right:0;
z-index:1;
background:var(--color-white2)
}
.testimonial.v2 .testimonial-profile {
position:relative;
padding-right:50px
}
.testimonial.v2 .testimonial-profile i {
position:absolute;
display:inline-block;
top:10px;
right:0;
color:var(--color-deepTealGreen);
opacity:.1;
font-size:25px
}
.contact-us.v1 .contact-us-box {
padding:50px
}
.comment-wrapper~.comment-boxs {
margin:30px 0 0 calc(9% + 15px)
}
.comment-wrapper .profile-img {
margin:15px 0 0
}
.comment-wrapper .profile-text {
width:calc(100% - 90px)
}
.footer-section.v1 .footer__widget:nth-child(2), .footer-section.v1 .footer__widget:nth-child(3), .footer-section.v2 .footer__widget:nth-child(2), .footer-section.v2 .footer__widget:nth-child(3) {
max-width:calc(50% - 15px)
}
.footer-section.v1 .footer__widget .footer__widget-title~.footer__widget-content, .footer-section.v2 .footer__widget .footer__widget-title~.footer__widget-content {
margin-top:30px
}
.footer-section.v1 .footer-subscribe form {
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding-right:5px;
border-radius:50px;
gap:15px;
border:1px solid var(--color-black)
}
.footer-section.v1 .footer-subscribe form input {
padding:16px 0 16px 30px;
max-width:calc(100% - 183px);
border:none
}
.footer-section.v2 .footer-subscribe form input {
width:calc(100% - 220px)
}
}
@media (min-width:768px) {
.mt-md-80 {
margin-top:80px
}
.py-md-60 {
padding-top:60px;
padding-bottom:60px
}
.pt-md-80, .py-md-80 {
padding-top:80px
}
.py-md-120 {
padding-top:120px
}
.pb-md-70 {
padding-bottom:70px
}
.pb-md-80, .py-md-80 {
padding-bottom:80px
}
.pb-md-82 {
padding-bottom:82px
}
.pb-md-100 {
padding-bottom:100px
}
.py-md-120 {
padding-bottom:120px
}
.py-md-150 {
padding-top:150px;
padding-bottom:150px
}
.px-md-50 {
padding-left:50px;
padding-right:50px
}
.px-md-60 {
padding-left:60px;
padding-right:60px
}
.mt-space>div[class*=col-md-6]:nth-child(2)>div, .section-title.v1.title-row .box-col~.all-btns, .section-title.v1.title-row .box-col~.slider-btns, .section-title.v2.title-row .box-col~.all-btns, .section-title.v2.title-row .box-col~.slider-btns, .section-title.v3.title-row .box-col~.all-btns, .section-title.v3.title-row .box-col~.slider-btns, .section-title.v4.title-row .box-col~.all-btns, .section-title.v4.title-row .box-col~.slider-btns {
margin-top:0
}
.section-title-center.v1:not(.title-row), .section-title-center.v2:not(.title-row), .section-title-center.v3:not(.title-row), .section-title-center.v4:not(.title-row), .section-title.v1:not(.title-row), .section-title.v2:not(.title-row), .section-title.v3:not(.title-row), .section-title.v4:not(.title-row) {
max-width:500px
}
.blog-details .text-2, .blog-post-card .text-2, .breadcum.v1 .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:30px
}
.footer-section.v1 .footer-subscribe form, .footer-section.v1 .footer__widget:first-child, .footer-section.v2 .footer__widget:first-child, .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:450px
}
.section-title.v1:not(.title-row), .section-title.v2:not(.title-row), .section-title.v3:not(.title-row), .section-title.v4:not(.title-row) {
text-align:inherit;
margin:0
}
.section-title.v1.title-row, .section-title.v2.title-row, .section-title.v3.title-row, .section-title.v4.title-row {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:20px
}
.section-title.v1.title-row .box-col, .section-title.v2.title-row .box-col, .section-title.v3.title-row .box-col, .section-title.v4.title-row .box-col {
text-align:inherit;
margin:inherit
}
.chackmark.v2, .chackmark.v3, .chackmark.v4 {
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start
}
.chackmark.v1 {
gap:15px
}
.chackmark.v2 {
gap:15px 40px
}
.chackmark.v2 li {
width:calc(50% - 20px)
}
.chackmark.v3 {
gap:15px 76px
}
.chackmark.v3 li {
width:calc(50% - 76px)
}
.chackmark.v4 {
gap:15px 121px
}
.chackmark.v4 li {
width:calc(50% - 121px)
}
.breadcum.v1 {
text-align:inherit
}
.about-us.v1 .certifi-list, .about-us.v2 .all-btns, .breadcum.v1 ul {
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start
}
.breadcum.v1 .container {
position:relative;
z-index:1
}
.breadcum.v1 .container .shap-1 {
display:inline-block;
position:absolute;
width:195px;
height:240px;
right:0;
bottom:-122px;
z-index:-1
}
.top-bar.v1 .contact-list li~li::before {
height:calc(100% + 26px)
}
.top-bar.v1 .social-link li a {
padding:12px 12.9px
}
.menu-bar.v1 .header-search, .menu-bar.v2 .header-search {
max-width:720px
}
.menu-bar.v2 .menu-info {
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
}
.banner.v1 .banner-content, .banner.v2 .banner-content {
max-width:490px
}
.banner.v1 .banner-content .text-2, .banner.v2 .banner-content .text-2 {
font-size:40px
}
.about-us.v1 .certifi-list li, .fun-facts.v1 li, .fun-facts.v2 li, .fun-facts.v3 li {
width:calc(50% - 15px)
}
.fun-facts.v1.content-up {
margin-top:-70px
}
.about-us.v1 .big-img, .about-us.v1 .profile-img, .about-us.v1 .small-img, .about-us.v2 .big-img, .about-us.v2 .profile-img, .about-us.v2 .small-img {
overflow:hidden
}
.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 {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center
}
.about-us.v1 .box-imgs, .about-us.v2 .box-imgs {
position:relative;
width:690px;
margin-left:auto;
margin-right:auto
}
.about-us.v1 .box-imgs .big-img, .about-us.v2 .box-imgs .big-img, .blog-post-info .post-tag {
margin-left:auto
}
.about-us.v1 .box-imgs .experience~.small-img, .about-us.v2 .box-imgs .experience~.small-img {
position:absolute;
z-index:1
}
.about-us.v1 .certifi-list li .about-info-text {
width:calc(100% - 59px);
max-width:100%
}
.about-us.v1 .box-imgs .big-img {
max-width:385px
}
.about-us.v1 .box-imgs .big-img~.experience {
position:absolute;
padding:30px 40px;
width:281px;
left:32px;
text-align:inherit;
bottom:49px;
z-index:2
}
.about-us.v1 .box-imgs .experience~.small-img {
max-width:275px;
top:68px;
left:84px;
border:12px solid var(--color-white)
}
.about-us.v2 .box-imgs .big-img {
max-width:492px
}
.about-us.v2 .box-imgs .small-img-bg {
display:inline-block;
position:absolute;
width:260px;
height:260px;
left:50px;
bottom:-30px;
background:var(--color-deepTealGreen)
}
.about-us.v2 .box-imgs .small-img-bg~.small-img {
position:absolute;
max-width:260px;
left:20px;
bottom:10px
}
.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 {
font-size:18px;
line-height:1.4
}
.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 {
font-size:16px;
line-height:1.5
}
.our-service.v2 .service-icon-text~.text-para-3 {
margin-top:54px
}
.why-choose-us.v1 .section-title, .why-choose-us.v2 .section-title {
text-align:center;
margin:0 auto
}
.why-choose-us.v1 .chackmark, .why-choose-us.v2 .chackmark {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.why-choose-us.v1 .chackmark li, .why-choose-us.v2 .chackmark li {
width:calc(40% - 20px)
}
.why-choose-us.v1 .big-img {
width:100%;
max-width:750px;
margin:0 auto
}
.why-choose-us.v2 .box-imgs {
position:relative;
width:600px;
padding-bottom:68px;
margin:0 auto
}
.why-choose-us.v2 .box-imgs .big-img {
max-width:480px
}
.why-choose-us.v2 .box-imgs .big-img~.counter-icon-text {
position:absolute;
width:284px;
top:49px;
right:32px;
z-index:2;
margin-top:0
}
.why-choose-us.v2 .box-imgs .counter-icon-text~.small-img {
position:absolute;
max-width:275px;
right:0;
bottom:0;
margin-top:0
}
.testimonial.v1 .slider .testimonial-pagination {
padding:75px 80px 50px
}
.testimonial.v1 .slider .profile-header {
padding-right:150px
}
.testimonial.v1 .testimonial-card {
padding:50px
}
.testimonial.v1 .testimonial-card i {
font-size:25px
}
.testimonial.v1 .testimonial-card i~.text-4, .testimonial.v2 .testimonial-profile~.testimonial-content {
margin-top:30px
}
.testimonial.v1 .testimonial-card .testimonial-content~.testimonial-profile {
margin-top:40px
}
.testimonial.v2 .testimonial-card {
padding:40px
}
.testimonial.v2 .testimonial-profile {
padding-right:100px
}
.testimonial.v2 .testimonial-profile i {
font-size:35px
}
.project-details .project-info-list .text-para-1, .testimonial.v2 .testimonial-content .star-mark i {
font-size:18px
}
.testimonial.v2 .testimonial-content .star-mark~.text-para-3 {
margin-top:24px
}
.blog-details .text-para-3, .blog-post-card .text-para-3, .footer-section.v1 .main-footer .text-para-3, .footer-section.v2 .main-footer .text-para-3, .project-details .text-para-3, .service-details .text-para-3, .testimonial.v2 .testimonial-content .text-para-3 {
font-size:16px
}
.blog-post-card~.blog-post-card {
margin-top:60px
}
.blog-post-info {
gap:60px
}
.footer-section.v2 .footer-subscribe::after {
position:absolute;
content:"";
width:100%;
height:100%;
top:22px;
left:19px;
z-index:-1;
background:var(--color-black)
}
.footer-section.v2 .main-footer-content .terms-link {
gap:20px 35px
}
}
@media (min-width:992px) {
.mt-lg-30 {
margin-top:30px
}
.comment-form .form-box~.btn-anime, .contact-us.v1 .contact-form .form-box~.btn-anime, .contact-us.v2 .contact-form .form-box~.btn-anime, .mt-lg-40 {
margin-top:40px
}
.mt-lg-50 {
margin-top:50px
}
.mt-lg-60 {
margin-top:60px
}
.pt-lg-30 {
padding-top:30px
}
.pt-lg-190 {
padding-top:190px
}
.pl-lg-15 {
padding-left:15px
}
.pr-lg-50 {
padding-right:50px
}
.mt-space>div[class*=col-lg-4]:nth-child(2)>div, .mt-space>div[class*=col-lg-4]:nth-child(3)>div, .mt-space>div[class*=col-lg-5]:nth-child(2)>div {
margin-top:0
}
.banner.v1 .banner-content, .banner.v2 .banner-content, .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:550px
}
.blog-details .text-2, .blog-post-card .text-2, .breadcum.v1 .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:35px;
line-height:1.22
}
.accordion-main .accordion-btn {
padding:21px 75px 21px 30px
}
.accordion-main .accordion-btn::after, .accordion-main .accordion-btn::before {
right:40px
}
.accordion-main .box-content {
padding:21px 120px 30px 30px
}
.about-us.v1 .certifi-list li .about-info-text .text-para-1, .project-details .project-info-list .text-para-1, .sidebar__wrapper .sidebar__widget-title {
font-size:20px
}
.sidebar__wrapper info-text i {
width:40px;
height:40px;
font-size:16px;
line-height:40px
}
.about-us.v1 .certifi-list li .about-info-text .text-para-3, .footer-section.v1 .contact-text .text-para-3, .footer-section.v2 .contact-text .text-para-3, .sidebar__wrapper info-text .text-para-3 {
font-size:16px
}
.breadcum.v1 .container .shap-1 {
width:225px;
height:280px
}
.top-bar.v1 .contact-list li:last-child {
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
}
.menu-bar.v1 .header-search, .menu-bar.v2 .header-search {
max-width:960px
}
.banner.v1 .banner-content .text-2, .banner.v2 .banner-content .text-2 {
font-size:50px
}
.fun-facts.v1 .counter-area, .fun-facts.v2 .counter-area, .fun-facts.v3 .counter-area {
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
gap:0
}
.fun-facts.v1 li, .fun-facts.v2 li, .fun-facts.v3 li {
text-align:inherit
}
.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:40px
}
.fun-facts.v1 li {
width:33.3333333%
}
.fun-facts.v1 li~li {
border-left:none
}
.fun-facts.v1 .fun-fact-icon-text {
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start
}
.fun-facts.v1 .fun-fact-icon-text~.text-6 {
margin-top:20px
}
.fun-facts.v2 li, .fun-facts.v3 li {
padding:50px 25px;
width:25%
}
.fun-facts.v2 li .text-para-3, .fun-facts.v3 li .text-para-3 {
letter-spacing:1.28px
}
.fun-facts.v3.content-down .counter-area, .intro-video.v1.content-down .intro-video-box {
margin-bottom:-90px
}
.fun-facts.v3 .bg-cover-center {
padding:0
}
.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, .work-process.v2 .work-process-body .text-6 {
font-size:24px;
line-height:1.33
}
.our-service.v2 .service-icon-text i {
width:74px;
height:74px;
font-size:36px;
line-height:74px
}
.our-service.v2 .service-icon-text i~.text-6 {
width:calc(100% - 155px)
}
.why-choose-us.v1 .chackmark li, .why-choose-us.v2 .chackmark li {
width:calc(35% - 20px)
}
.our-project.v2 .our-project-boxs {
grid-template-columns:repeat(auto-fit, calc(33.3333333% - 20px))
}
.our-project.v2 .box-img-small {
grid-row:span 1;
grid-column:span 1
}
.our-project.v2 .box-img-horizontal {
grid-row:span 2;
grid-column:span 1
}
.our-project.v2 .box-img-vertical {
grid-row:span 1;
grid-column:span 2
}
.our-project.v2 .box-top {
margin-top:-100%;
-webkit-transform:translateY(56px);
-moz-transform:translateY(56px);
-o-transform:translateY(56px);
transform:translateY(56px)
}
.testimonial.v1 .slider .testimonial-pagination {
padding:80px 110px 77px 90px
}
.testimonial.v1 .testimonial-card {
padding:80px
}
.testimonial.v1 .testimonial-card i {
font-size:35px
}
.testimonial.v2.content-up .intro-video-box {
position:relative;
z-index:1;
margin-top:-90px
}
.intro-video.v1 .intro-video-box, .work-process.v1 {
position:relative;
z-index:1
}
.work-process.v1 .bg-shap {
position:absolute;
display:inline-block;
width:150px;
height:150px;
top:0;
left:84px;
opacity:.2;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
z-index:-1;
animation:2.5s linear infinite bgShapRotate
}
@keyframes bgShapRotate {
0% {
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg)
}
}
.work-process.v2 .work-process-card {
padding:0 30px
}
.work-process.v2 .work-process-body {
padding:30px 0 40px
}
.work-process.v2 .work-process-body .text-para-3 {
font-size:16px;
line-height:1.5
}
.intro-video.v1 .intro-video-box .play-btn {
width:80px;
height:80px;
font-size:20px;
line-height:80px
}
.news-blog.v1 .blog-card {
padding:30px
}
.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 {
width:calc(50% - 10px)
}
.contact-us.v1 .contact-us-box {
padding:60px
}
.blog-details .img-box, .blog-details .text-box, .blog-post-card .img-box, .blog-post-card .text-box, .project-details .img-box, .project-details .text-box, .service-details .img-box, .service-details .text-box {
width:calc(50% - 15px)
}
.all-comments .text-4 {
font-size:32px;
line-height:1.25
}
.comment-wrapper {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.footer-section.v1 .contact-box i, .footer-section.v2 .contact-box i {
width:60px;
height:60px;
font-size:24px;
line-height:60px
}
.footer-section.v1 .contact-text .text-para-1, .footer-section.v2 .contact-text .text-para-1 {
font-size:22px
}
.footer-section.v1 .footer__widget:first-child, .footer-section.v2 .footer__widget:first-child {
max-width:80%
}
.footer-section.v1 .footer__widget:nth-child(2), .footer-section.v1 .footer__widget:nth-child(3), .footer-section.v1 .footer__widget:nth-child(4), .footer-section.v2 .footer__widget:nth-child(2), .footer-section.v2 .footer__widget:nth-child(3), .footer-section.v2 .footer__widget:nth-child(4) {
max-width:calc(33.3333333% - 20px)
}
.footer-section.v1 .footer-subscribe form {
max-width:520px
}
}
@media (min-width:1200px) {
.mt-xl-20 {
margin-top:20px
}
.footer-section.v1 .footer__widget .footer__widget-title~.footer__widget-content, .footer-section.v2 .footer__widget .footer__widget-title~.footer__widget-content, .mt-xl-30, .testimonial.v2 .testimonial-content .star-mark~.text-para-3 {
margin-top:30px
}
.mt-xl-40 {
margin-top:40px
}
.mt-xl-50 {
margin-top:50px
}
.mt-xl-60 {
margin-top:60px
}
.mt-xl-80 {
margin-top:80px
}
.mt-xl-100 {
margin-top:100px
}
.py-xl-40 {
padding-top:40px;
padding-bottom:40px
}
.pt-xl-48 {
padding-top:48px
}
.pt-xl-100, .py-xl-100 {
padding-top:100px
}
.py-xl-150 {
padding-top:150px
}
.py-xl-180 {
padding-top:180px
}
.pt-xl-220 {
padding-top:220px
}
.pt-xl-250 {
padding-top:250px
}
.pb-xl-80 {
padding-bottom:80px
}
.pb-xl-100, .py-xl-100 {
padding-bottom:100px
}
.pb-xl-120 {
padding-bottom:120px
}
.py-xl-150 {
padding-bottom:150px
}
.py-xl-180 {
padding-bottom:180px
}
.pb-xl-250 {
padding-bottom:250px
}
.py-xl-260 {
padding-top:50px;
padding-bottom:50px
}
.pl-xl-15 {
padding-left:15px
}
.pl-xl-30 {
padding-left:30px
}
.pl-xl-55 {
padding-left:55px
}
.pr-xl-40 {
padding-right:40px
}
.pr-xl-55 {
padding-right:55px
}
.px-xl-80 {
padding-left:80px;
padding-right:80px
}
.pr-xl-140 {
padding-right:140px
}
.mt-space>div[class*=col-xl-4]:nth-child(2)>div, .mt-space>div[class*=col-xl-4]:nth-child(3)>div, .mt-space>div[class*=col-xl-5]:nth-child(2)>div, .mt-space>div[class*=col-xl-6]:nth-child(2)>div {
margin-top:0
}
.our-project.v2 .section-title, .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:650px
}
.blog-details .text-2, .blog-post-card .text-2, .breadcum.v1 .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:40px
}
.section-title.v1:not(.title-row), .section-title.v2:not(.title-row), .section-title.v3:not(.title-row), .section-title.v4:not(.title-row) {
max-width:inherit
}
.scroll-bottom-top.v1, .scroll-bottom-top.v2 {
width:50px;
height:50px;
line-height:52px;
bottom:50px
}
.scroll-bottom-top.v1.show, .scroll-bottom-top.v2.show {
right:30px
}
.accordion-main .accordion-btn {
font-size:20px
}
.about-us.v1 .box-imgs .experience .text-para-3, .accordion-main .box-content .text-para-3, .banner.v1 .banner-content .text-para-3, .banner.v2 .banner-content .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, .work-process.v1 .work-process-card .work-process-body .text-para-3 {
font-size:16px
}
.fun-facts.v1 .fun-fact-icon-text, .menu-bar.v2 .main-menu>ul, .pegination-box ul {
gap:20px
}
.pegination-box a {
width:50px;
height:50px;
line-height:50px;
font-size:18px
}
.breadcum.v1 .container .shap-1 {
width:235px;
height:300px;
bottom:-152px
}
.top-bar.v1 .contact-list li~li::before {
height:calc(100% + 30px)
}
.top-bar.v1 .social-link li a {
padding:18px 18.9px
}
.menu-bar.v1, .menu-bar.v2 {
padding:0
}
.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:330px
}
.fun-facts.v1 li .text-6, .menu-bar.v1 .search-option-open, .menu-bar.v2 .search-option-open, .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, .testimonial.v2 .testimonial-content .star-mark i, .work-process.v1 .work-process-card .work-process-body .text-6 {
font-size:24px
}
.menu-bar.v1 .menu-right .mobile-menu-btn, .menu-bar.v1 .mobile-menu-bar .all-btns, .menu-bar.v1 .mobile-menu-bar .mobile-main-manu, .menu-bar.v2 .mobile-menu-bar .all-btns, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu {
display:none
}
.menu-bar.v1 .main-menu, .menu-bar.v1 .mobile-menu-bar .mobile-content, .menu-bar.v2 .main-menu, .menu-bar.v2 .mobile-menu-bar .mobile-content {
display:block
}
.menu-bar.v1 .main-menu>ul, .menu-bar.v2 .main-menu>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;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:20px 40px
}
.menu-bar.v1 .main-menu>ul>li, .menu-bar.v2 .main-menu>ul>li {
padding:42px 0
}
.menu-bar.v1 .main-menu>ul>li>a, .menu-bar.v2 .main-menu>ul>li>a {
pointer-events:visible;
font-size:14px;
font-weight:600
}
.menu-bar.v1 .main-menu>ul>li.active>a, .menu-bar.v1 .main-menu>ul>li:hover>a, .menu-bar.v2 .main-menu>ul>li.active>a, .menu-bar.v2 .main-menu>ul>li:hover>a {
color:var(--color-deepTealGreen2)
}
.menu-bar.v1 .main-menu li.has-dropdown, .menu-bar.v2 .main-menu li.has-dropdown {
position:relative;
pointer-events:none
}
.menu-bar.v1 .main-menu li.has-dropdown>a::after, .menu-bar.v2 .main-menu li.has-dropdown>a::after {
margin-left:5px;
font-family:icomoon;
content:"\e900";
speak:never;
font-size:calc(100% - 2px);
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.menu-bar.v1 .main-menu li.has-dropdown .has-dropdown>a, .menu-bar.v2 .main-menu li.has-dropdown .has-dropdown>a {
padding-right:50px
}
.menu-bar.v1 .main-menu li.has-dropdown .has-dropdown>a::after, .menu-bar.v2 .main-menu li.has-dropdown .has-dropdown>a::after {
position:absolute;
top:15px;
right:33px;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg);
margin-left:0
}
.menu-bar.v1 .main-menu li a, .menu-bar.v2 .main-menu li a {
display:inline-block;
font-size:12px;
font-weight:600;
text-transform:uppercase;
white-space:nowrap;
pointer-events:none
}
.menu-bar.v1 .main-menu li ul, .menu-bar.v2 .main-menu li ul {
padding-top:0;
position:absolute;
min-width:220px;
top:120%;
opacity:0;
visibility:hidden;
z-index:4;
pointer-events:none;
background:var(--color-white);
-webkit-box-shadow:0 0 30px rgba(0, 0, 0, .09);
box-shadow:0 0 30px rgba(0, 0, 0, .09);
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.menu-bar.v1 .main-menu li ul li~li, .menu-bar.v2 .main-menu li ul li~li {
border-top:1px solid rgba(157, 157, 157, .33)
}
.menu-bar.v1 .main-menu li ul li a, .menu-bar.v2 .main-menu li ul li a {
position:relative;
display:block;
padding:14px 35px;
z-index:1
}
.menu-bar.v1 .main-menu li ul li a::before, .menu-bar.v2 .main-menu li ul 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 .main-menu li ul li.active>a, .menu-bar.v1 .main-menu li ul li.current-menu-parent>a, .menu-bar.v1 .main-menu li ul li.current_page_item>a, .menu-bar.v1 .main-menu li ul li.current_page_parent>a, .menu-bar.v1 .main-menu li ul li:hover>a, .menu-bar.v2 .main-menu li ul li.active>a, .menu-bar.v2 .main-menu li ul li.current-menu-parent>a, .menu-bar.v2 .main-menu li ul li.current_page_item>a, .menu-bar.v2 .main-menu li ul li.current_page_parent>a, .menu-bar.v2 .main-menu li ul li:hover>a {
color:var(--color-white)
}
.menu-bar.v1 .main-menu li ul li.active>a::before, .menu-bar.v1 .main-menu li ul li.current-menu-parent>a::before, .menu-bar.v1 .main-menu li ul li.current_page_item>a::before, .menu-bar.v1 .main-menu li ul li.current_page_parent>a::before, .menu-bar.v1 .main-menu li ul li:hover>a::before, .menu-bar.v2 .main-menu li ul li.active>a::before, .menu-bar.v2 .main-menu li ul li.current-menu-parent>a::before, .menu-bar.v2 .main-menu li ul li.current_page_item>a::before, .menu-bar.v2 .main-menu li ul li.current_page_parent>a::before, .menu-bar.v2 .main-menu li ul li:hover>a::before {
width:100%;
opacity:1
}
.menu-bar.v1 .main-menu li ul li:hover>ul, .menu-bar.v2 .main-menu li ul li:hover>ul {
top:0
}
.menu-bar.v1 .main-menu li ul li:hover>a, .menu-bar.v2 .main-menu li ul li:hover>a {
padding-left:45px
}
.menu-bar.v1 .main-menu li ul ul, .menu-bar.v2 .main-menu li ul ul {
left:100%
}
.menu-bar.v1 .main-menu li:hover, .menu-bar.v1 .main-menu li:hover li, .menu-bar.v1 .main-menu li:hover>a, .menu-bar.v2 .main-menu li:hover, .menu-bar.v2 .main-menu li:hover li, .menu-bar.v2 .main-menu li:hover>a {
pointer-events:visible
}
.menu-bar.v1 .main-menu li:hover>ul, .menu-bar.v2 .main-menu li:hover>ul {
top:100%;
opacity:1;
pointer-events:inherit;
visibility:visible
}
.menu-bar.v1 .menu-right .link-anime, .menu-bar.v2 .menu-right .link-anime {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.menu-bar.v1 .menu-right {
gap:30px
}
.banner.v1 .banner-content, .banner.v2 .banner-content {
max-width:680px
}
.banner.v1 .banner-content .text-2, .banner.v2 .banner-content .text-2 {
font-size:60px
}
.banner.v1 .banner-content .text-para-3 br, .banner.v2 .banner-content .text-para-3 br {
display:inherit
}
.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:50px
}
.fun-facts.v1 li {
padding:50px
}
.fun-facts.v1 .fun-fact-icon-text~.text-6 {
margin-top:25px
}
.fun-facts.v2 li {
background:var(--color-tr)
}
.fun-facts.v3.content-down .counter-area, .intro-video.v1.content-down .intro-video-box {
margin-bottom:-120px
}
.fun-facts.v3 li~li {
border-left:1px solid #7d9393
}
.about-us.v1 .box-imgs, .about-us.v2 .box-imgs, .why-choose-us.v2 .box-imgs {
width:100%;
margin:0
}
.about-us.v1 .certifi-list li {
width:100%
}
.about-us.v1 .all-btns, .why-choose-us.v1 .all-btns, .why-choose-us.v1 .chackmark, .why-choose-us.v2 .all-btns, .why-choose-us.v2 .chackmark {
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start
}
.about-us.v1 .box-imgs .experience .text-2 {
font-size:48px
}
.about-us.v2 .about-left .section-title .text-2~.text-para-3 {
font-size:20px;
margin-top:25px
}
.our-service.v1 .service-card, .our-service.v2 .service-card {
padding:40px
}
.our-service.v2 .service-icon-text i~.text-6 {
width:calc(100% - 110px)
}
.our-service.v3 .service-card {
padding:0 40px 40px
}
.our-service.v3 .service-card::before {
height:calc(100% - 44px)
}
.our-service.v3 .service-card i {
width:88px;
height:88px;
font-size:44px;
line-height:88px
}
.why-choose-us.v1 .section-title, .why-choose-us.v2 .section-title {
text-align:initial;
margin:0
}
.why-choose-us.v1 .chackmark li, .why-choose-us.v2 .chackmark li {
width:calc(50% - 20px)
}
.why-choose-us.v1 .big-img {
width:100%;
max-width:100%;
margin:0
}
.why-choose-us.v2 .box-imgs .big-img~.counter-icon-text {
right:0
}
.our-project.v1.bg-cover-center .fun-facts {
overflow:hidden
}
.our-project.v1.bg-cover-center .fun-facts .container, .testimonial.v1 .slider, .testimonial.v2 .slider {
position:relative;
z-index:1
}
.our-project.v1.bg-cover-center .fun-facts .container::before {
position:absolute;
content:"";
width:120%;
height:100%;
top:0;
right:15px;
background:var(--color-mint);
z-index:-1
}
.our-project.v1.bg-cover-center .counter-area .text-2, .our-project.v1.bg-cover-center .counter-area .text-para-3 {
color:var(--color-black)
}
.our-project.v1 .slider {
width:122%
}
.our-project.v2 .bg-shap {
display:inline-block;
right:72px
}
.our-project.v2 .our-project-boxs {
gap:30px;
grid-template-columns:repeat(auto-fit, calc(33.3333333% - 30px))
}
.our-project.v2 .box-top {
-webkit-transform:translateY(59px);
-moz-transform:translateY(59px);
-o-transform:translateY(59px);
transform:translateY(59px)
}
.testimonial.v1 .slider .testimonial-pagination {
padding:80px 115px 98px 90px
}
.testimonial.v1.content-up .slider {
margin-top:-150px
}
.testimonial.v1 .testimonial-card {
padding:100px
}
.testimonial.v1 .testimonial-card .testimonial-content .text-4 {
font-size:28px;
line-height:50px
}
.testimonial.v2.content-up .slider {
margin-top:-120px
}
.testimonial.v2 .slider .testimonial-pagination {
margin-top:68px
}
.testimonial.v2 .slider .testimonial-pagination .swiper-pagination-bullet {
width:32px;
height:32px
}
.testimonial.v2 .slider .testimonial-pagination .swiper-pagination-bullet::before {
width:16px;
height:16px
}
.testimonial.v2 .testimonial-profile i {
font-size:35px
}
.testimonial.v2 .testimonial-profile~.testimonial-content {
margin-top:36px
}
.work-process.v1 .bg-shap {
width:200px;
height:200px
}
.work-process.v1 .work-process-card .icon-step i {
width:80px;
height:80px;
font-size:36px;
line-height:80px
}
.intro-video.v1 .intro-video-box .play-btn {
width:100px;
height:100px;
font-size:24px;
line-height:100px
}
.footer-section.v1 .bg-shap, .footer-section.v2 .bg-shap {
display:inline-block;
position:absolute;
z-index:-1;
opacity:.1
}
.footer-section.v1 .footer__widget:first-child, .footer-section.v2 .footer__widget:first-child {
max-width:302px
}
.footer-section.v1 .footer__widget:nth-child(2), .footer-section.v1 .footer__widget:nth-child(3), .footer-section.v2 .footer__widget:nth-child(2), .footer-section.v2 .footer__widget:nth-child(3) {
max-width:200px
}
.footer-section.v1 .footer__widget:nth-child(4), .footer-section.v2 .footer__widget:nth-child(4) {
max-width:276px
}
.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 {
max-width:150px
}
.footer-section.v1 .footer-subscribe {
padding:40px 40px 40px 60px
}
.footer-section.v1 .footer-subscribe form input {
padding:18px 0 18px 30px
}
}
@media (min-width:1400px) {
.mt-xxl-60 {
margin-top:60px
}
.mt-xxl-120 {
margin-top:120px
}
.pt-xxl-120, .py-xxl-120 {
padding-top:120px
}
.py-xxl-200 {
padding-top:100px
}
.pt-xxl-270 {
padding-top:270px
}
.pb-xxl-100 {
padding-bottom:100px
}
.pb-xxl-120, .py-xxl-120 {
padding-bottom:120px
}
.py-xxl-200 {
padding-bottom:100px
}
.pb-xxl-270 {
padding-bottom:270px
}
.pl-xxl-85 {
padding-left:85px
}
.pr-xxl-40 {
padding-right:40px
}
.pr-xxl-50 {
padding-right:50px
}
.pr-xxl-70 {
padding-right:70px
}
.mt-space>div[class*=col-xxl-5]:nth-child(2)>div {
margin-top:0
}
.breadcum.v1 .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 {
font-size:45px;
line-height:1.16
}
.section-title-center {
max-width:750px
}
.sidebar__wrapper .sidebar__widget-head {
padding:33px 33px 15px
}
.sidebar__wrapper .sidebar__widget-head~.sidebar__widget-content {
padding-top:15px
}
.post-tag-social, .sidebar__wrapper .sidebar__widget-content {
padding:30px
}
.sidebar__wrapper .info-list i {
width:48px;
height:48px;
font-size:20px;
line-height:48px
}
.sidebar__wrapper .info-list~.sidebar__widget-title {
padding-top:40px;
margin-top:40px
}
.sidebar__wrapper .search-widget input {
width:calc(100% - 60px);
height:60px
}
.sidebar__wrapper .search-widget button {
width:60px;
height:60px;
font-size:24px;
line-height:60px
}
.breadcum.v1 .container .shap-1 {
width:340px;
height:425px;
bottom:-202px
}
.menu-bar.v2 .main-menu>ul {
gap:20px 40px
}
.banner.v1 .banner-content, .banner.v2 .banner-content {
max-width:810px
}
.banner.v1 .banner-content .text-2, .banner.v2 .banner-content .text-2 {
font-size:74px
}
.fun-facts.v1 li i, .fun-facts.v2 li i, .fun-facts.v3 li i {
font-size:65px
}
.fun-facts.v1 li .text-2, .fun-facts.v2 li .text-2, .fun-facts.v3 li .text-2 {
font-size:56px
}
.fun-facts.v1 li {
padding:60px
}
.fun-facts.v1 .fun-fact-icon-text~.text-6 {
margin-top:30px
}
.fun-facts.v2 li, .fun-facts.v3 li {
padding:80px 60px
}
.our-service.v2 .service-card .text-6 {
font-size:28px;
line-height:1.29
}
.our-project.v2 .box-top {
-webkit-transform:translateY(73px);
-moz-transform:translateY(73px);
-o-transform:translateY(73px);
transform:translateY(73px)
}
.testimonial.v1 .slider .testimonial-pagination {
padding:80px 130px 120px 90px
}
.testimonial.v1.content-up {
margin-top:-170px
}
.testimonial.v1 .testimonial-card {
padding:120px
}
.testimonial.v1 .testimonial-card i {
font-size:40px
}
.testimonial.v1 .testimonial-card .testimonial-content .text-4 {
font-size:32px
}
.work-process.v1 .bg-shap {
width:310px;
height:310px
}
.blog-details .text-2, .blog-post-card .text-2, .project-details .text-2, .service-details .text-2 {
font-size:45px
}
}
@media (min-width:1600px) {
.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 {
font-size:34px
}
.section-title-center {
max-width:780px
}
}