/****************************************** TYPOGRAPHY CSS ******************************************/ /* #region */ html{overflow-x: hidden; width: 100%;} body { margin: 0;font-size: 18px;color: #4F5A56; font-family: "Inter", serif; line-height: 32px; letter-spacing: 0px; font-weight:400;position:relative;} h1, h2, h3, h4, h5, h6, input, select, textarea, button { outline: none !important; } header, section, footer { display: block; } em{font-style: italic;} /********************* LINK CSS *********************/ a { color: #D09669; outline: none !important; text-decoration: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } a:hover, a:focus, select:focus, button:focus { outline: none; text-decoration: none; } a:hover, a:focus { color: #4F5A56; } * { margin: 0; padding: 0; } *:focus { outline: none; } /********** INPUT **********/ .form-group{ width:100%; float:left; margin-bottom:28px;} .form-control{font-size: 18px;} input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color:rgba(0, 0, 0, 0.7);} ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.7);} ::-moz-placeholder { color: rgba(0, 0, 0, 0.7); } :-ms-input-placeholder { color:rgba(0, 0, 0, 0.7);} :-moz-placeholder { color: rgba(0, 0, 0, 0.7);} /********************* HEADING CSS *********************/ h1, h2, h3, h4, h5, h6 { margin: 0 0 8px 0; display:block; line-height: 1.2; color: #4F5A56; font-weight: 400; font-family: "Joan", serif;text-transform: none;} h1 { font-size: 56px; } h2 { font-size: 36px; } h3 { font-size: 32px; } h4 { font-size: 28px; } h5 { font-size: 24px; } h6 { font-size: 22px; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child{margin-top:0;} h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{color:#D09669} /********************* P CSS *********************/ p { float: none; margin: 0 0 18px 0; padding: 0; } p:last-child { margin: 0 0 0px 0; } p strong, b, strong{font-weight:700;} /********************* LISTING CSS *********************/ ul { margin: 0 0 15px 0; padding: 0; display: block; text-align:left; } ul li { margin: 0 0 15px 0; padding: 0 0 0 20px; position: relative; line-height: 30px; list-style: none; } ul li::before {content: "";width: 5px;height: 5px;background-color: #113A4D; position: absolute;left: 0px;top: 12px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%; } ul li:last-child{ margin-bottom:0px;} ul li a { color: #D09669; } ul li a:hover { color: #4F5A56; text-decoration: none; } ul li ul{ margin:7px 0 12px 0px;} ol { margin: 0 0 15px 3px; padding: 0; text-align:left;counter-reset: list; } ol li { margin: 0 0 5px 0; padding: 0 0 0 0px; position: relative; line-height: 30px; list-style: none; } ol li a { color: #D09669; } ol li a:hover { color: #4F5A56; text-decoration: none; } ol ol{ margin: 7px 0 7px 26px;} ol li:before{counter-increment: list;content: counter(list) ". ";margin-right: 12px;display: inline-block;} ol ol li:before{counter-increment: listsub;content: counter(list) ". " counter(listsub);} ol ol ol li:before {counter-increment: listsub2; content: counter(list) ". " counter(listsub) ". " counter(listsub2);} /********************* IMAGE CSS *********************/ img { border: none; vertical-align: middle; max-width: 100%; } .alignleft { float: left; margin: 18px 50px 36px 0;} .alignright { float: right; height: auto; margin: 16px 0 36px 50px;} .aligncenter { display: block; margin: 26px auto 34px auto;} /********************* BUTTON CSS *********************/ .btn {background-color: #D09669; border:1px solid #D09669; text-align:center; color: #FFFFFF; font-weight: 400; font-family: "Roboto", serif;display: inline-block; font-size: 16px;letter-spacing: normal;line-height: 24px; padding:9px 18px 9px 18px; overflow:hidden;text-transform: none;box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; border-radius:56px; -webkit-border-radius:56px; -moz-border-radius:56px; vertical-align: middle;text-transform:none;position: relative;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: all 0.5s ease-in-out !important; -moz-transition: all 0.5s ease-in-out !important; -o-transition: all 0.5s ease-in-out !important; -ms-transition: all 0.5s ease-in-out !important; transition: all 0.5s ease-in-out !important;} .btn:hover, .btn:focus, .btn:active {background-color: #FFFFFF; color: #113A4D; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;border-color:#113A4D;} .btn.btn-arrow {padding: 4px 4px 4px 18px;text-transform: capitalize;display: flex;align-items: center; width: fit-content;} .btn.btn-arrow span {padding-right: 8px;} .btn.btn-arrow:hover {background: #4f5a56;color: #ffffff;border-color: #4f5a56;} .btn.btn-arrow svg path{-webkit-transition: all 0.5s ease-in-out !important; -moz-transition: all 0.5s ease-in-out !important; -o-transition: all 0.5s ease-in-out !important; -ms-transition: all 0.5s ease-in-out !important; transition: all 0.5s ease-in-out !important;} .btn.btn-arrow:hover svg path {fill: #4f5a56;} .header-top {padding: 20px 0;} .header-top-right ul{margin-bottom:0;} .header-top-right ul li {display: inline-block;margin: 0;} .header-top-right ul li:before {display: none;} .header-top-right ul li a {font-size: 16px;line-height: 24px;font-weight: 500;color: #4F5A56;} .header-top-right ul li a:hover {color: #D09669;} .header-top-right ul li.menubtn a, .menubtn{color: #ffffff;font-family: "Roboto", serif;font-weight: 400;font-size: 16px;line-height: 24px;text-transform: uppercase;background: #D09669;padding: 10px 18px;border-radius: 30px;-webkit-transition: all 0.5s ease-in-out !important; -moz-transition: all 0.5s ease-in-out !important; -o-transition: all 0.5s ease-in-out !important; -ms-transition: all 0.5s ease-in-out !important; transition: all 0.5s ease-in-out !important;cursor:pointer;} .header-top-right ul li.menubtn a:hover, .menubtn:hover{background:#4F5A56;border-color:#4F5A56;} .header-top-right {display: flex;align-items: center;gap: 20px;} .header-menu-part{background:#4F5A56;padding:14px 0;} .header-menu-part ul{margin-bottom:0;} .header-menu-part .wsmenu-list li {display: inline-block;margin: 0;padding: 0 50px 0 0;} .header-menu-part .wsmenu-list li:before {display: none;} .header-menu-part .wsmenu-list li a {color: #FFFFFF;font-size: 16px;line-height: 24px;font-weight: 400;} .header-menu-part .wsmenu-list li a:hover{color:#D09669;} .header-menu-part .wsmenu-list li.current-menu-item a {font-weight: 700;color:#D09669;} .header-menu-part .wsmenu-list li.current-menu-item a:hover {color:#FFFFFF;} .header-menu-part .wsmenu-list li.mobile-item {display: none;} .mobile-logo {display: none;} footer{background:#171717;padding-top:84px;} footer h4 {font-family: "Inter", serif;font-size: 20px;font-weight: 600;line-height: 24px;letter-spacing: 0.01em;text-align: left;text-underline-position: from-font;text-decoration-skip-ink: none; color: #FFFFFF;margin-bottom:34px;} footer ul li:before{display:none;} .footer-quick-menu ul {margin-bottom:0;} .footer-quick-menu ul li {padding: 0;margin-bottom: 10px;} .footer-quick-menu ul li a{font-family: "Inter", serif;font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: 0.01em;text-align: left;text-underline-position: from-font;text-decoration-skip-ink: none;color: #FFFFFF;} .footer-logo-column {position: relative;} .footer-logo-column:after {content: "";background: url(../images/footer-s-icon.svg) no-repeat;background-size: cover;position: absolute;display: inline-block;width: 358px;height: 220px;left: -80px;bottom: -75px;} .footer-quick-link-column {padding-left: 60px;} .footer-contact-column {padding-left: 50px;} .ftc-item {padding-bottom: 24px;} .ftc-icon {margin-right: 8px;min-width: 40px;} .ftc-info {font-family: "Inter", serif;font-size: 12px;line-height: 18px;font-weight: 400;} .ftclbl {color: #D09669;} .ftcval, .ftcval a{color:#FFFFFF;} .ftcval a:hover, .footer-quick-menu ul li a:hover{color: #D09669;} .footer-bottom {background: #000000;padding: 14px 0;color: #D7D7D7;font-family: "Inter", serif;font-size: 14px;font-weight: 300;line-height: 23px;letter-spacing: 0.01em;text-align: left;text-underline-position: from-font;text-decoration-skip-ink: none;margin-top: 20px;} .footer-bottom-right ul {margin-bottom: 0;} .footer-bottom-right ul li {display: inline-block;margin-bottom: 0;padding: 0 0 0 32px;} .footer-bottom-right ul li a{ color: #D7D7D7;} .footer-bottom-right ul li a:hover{color: #D09669;} .small-title {font-size: 16px;line-height: 16px;color: #D09669;font-weight: 500;text-transform: uppercase;margin-bottom: 12px;} .colortxt p span{color: #D09669;} .home-banner-section{padding:50px 0 90px;} .banner-stats-list {bottom: -50px;box-shadow: 0px 4px 8.6px 0px #0000001A;background: #fff;text-align: center;padding: 20px;border-radius: 0 20px 0 20px;} .banner-stats-list .stats-item {margin-bottom: 40px;} .banner-stats-list .stats-item:last-child{ margin-bottom: 0;} .banner-stats-list .stats-numer {font-size: 20px;line-height: 30px;font-weight: 600;color: #000;} .banner-stats-list .stats-txt {font-size: 12px;line-height: 18px;font-weight: 500;color: #4F5A56;} .banner-left-part .stamp-img {bottom: -50px;right: 50px;} @-webkit-keyframes rotating /* Safari and Chrome */ { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .rotating { -webkit-animation: rotating 8s linear infinite; -moz-animation: rotating 8s linear infinite; -ms-animation: rotating 8s linear infinite; -o-animation: rotating 8s linear infinite; animation: rotating 8s linear infinite; } .highlight-box {padding-bottom: 50px;} .highlight-box-left {position:relative;background: #FFEED7;height: 100%;padding: 30px;border-radius: 20px 0 0 20px;} .highlight-box-left:before {content: "";background: url(../images/smark-logo.png) no-repeat;position: absolute;width: 222px;height: 171px;right: 80px;bottom: 0;} .highlight-box-left p {position:relative;font-size: 14px;line-height: 22px;} .highlight-box-right {background: #4F5A56;height: 100%;padding: 30px 30px 24px;border-radius: 0 20px 20px 0;} .highlight-box-right .clients-number {font-size: 40px;line-height: 42px;color: #fff;font-weight: 700;} .highlight-box-right .clients-txt{font-size: 16px;line-height: 28px;color: #fff;font-weight: 500;} .about-us-section{padding-bottom:80px;} .about-right-part {max-width: 460px;margin-left: auto;} .grid-logos {background: #FFEED7;border-radius: 0 73px 0 0;height: 100%;padding: 14px;} .about-grid-info img {width: 100%;} /*.about-grid-info{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1.04fr 0.8fr 1.4fr;gap: 8px 8px;grid-auto-flow: row; grid-template-areas: "first fourth" "second fourth" "third fifth"; } .about-grid-info .first { grid-area: first; } .about-grid-info .second { grid-area: second; } .about-grid-info .third { grid-area: third; } .about-grid-info .fourth { grid-area: fourth; } .about-grid-info .fifth { grid-area: fifth; }*/ .about-grid-info {display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 0.7fr 0.8fr 0.65fr;gap: 8px 8px; grid-auto-flow: row; grid-template-areas: "first third" "second third" "second fourth"; } .about-grid-info .first { grid-area: first; } .about-grid-info .second { grid-area: second; } .about-grid-info .third { grid-area: third; } .about-grid-info .fourth { grid-area: fourth; } .grid-quote {background: #4F5A56;position:relative;border-radius: 0 73px;color:#ffffff;height: 100%;padding: 23px 14px;} .grid-quote:before {content: "";background: url(../images/grid-quote-logo-s.svg) no-repeat;background-size: cover;width: 113px;height: 150px;position: absolute;right: 0;bottom: 40px;} .about-grid-info .second .grid-quote:before {background:url(../images/footer-s-icon.svg) no-repeat;left: 20px;right: auto;bottom: 0;background-size: contain;background-position: bottom;} .grid-quote p {font-size: 16px;line-height: 22px;} .grid-quote .founder-name {padding: 5px 30px;text-align: center;} .grid-quote .founder-name .fdesg {font-size: 12px;line-height: 16px;} .grid-quote .ovsimg {max-width: 120px;margin-bottom: 20px;} .grid-clients{background: #4F5A56;border-radius: 73px 0;color:#ffffff;height: 100%;padding: 15px;} .grid-clients .client-country {font-size: 14px;line-height: 20px;text-align: right;} .grid-clients .hclabel {font-size: 16px;line-height: 24px;font-weight: 500;} .grid-clients .hcnumber {font-size: 40px;line-height: 44px;font-weight: 700;color: #D09669;} .our-services-slider-section{padding: 20px 0 50px;} .service-title {margin-bottom: 32px;} .service-title p {max-width: 65%;margin-bottom:0} .service-item-box {background: #4F5A56;height: 100%;padding: 30px;border-radius: 20px;} .service-item-box h3 {font-size: 20px;line-height: 32px;font-weight: 500;color:#ffffff;font-family: "Inter", serif;margin-bottom:12px;} .service-item-box p {line-height: 22px;font-size: 16px;color:#ffffff;margin-bottom:24px;} .service-link {text-align: right;margin-top: 18px;} .service-link a {font-size: 12px;line-height: 20px;color: #fff;} .service-link a:hover{color:#D09669;} .service-link span{border-bottom:1px solid #ffffff;} .our-experience-section {background: #4F5A56 url(../images/global-world-bg.svg);padding: 80px 0;position: relative;background-repeat: no-repeat;background-position: bottom center;} .experience-info {position: relative;} .experience-info h2{margin-bottom:22px;} .experience-info .signature-box {margin-top: 22px;} .experience-info .signature-img {margin-bottom: 12px;} .signature-box .founder-name {padding:0;display: flex;} .signature-box .founder-name .fname {font-size: 20px;line-height: 34px;font-weight: 600;} .signature-box .founder-name .fdesg {font-size: 20px;line-height: 34px;padding-left: 8px;font-weight: 400;} .masked-number {font-size: 230px;line-height: 174px;color: #fff;font-weight: 700;position: absolute;top: -218px;left:0;background: linear-gradient(to bottom, #4F5A56 50%, #ffffff 50%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;} /*.masked-number::before {content: "20+";position: absolute;top: 0;left: 0;width: 100%;height: 50%;color: #4F5A56;overflow: hidden;z-index: 1;}*/ .founder-details-box .founder-inner-box {/*position: absolute;top: -218px;*/ max-width: 460px;margin-left: auto;border: 4px solid #D09669;padding: 10px;right:0;border-radius: 40px;color:#ffffff;} .founder-name {text-align: left;padding: 20px 25px;} .founder-name .fname {font-size: 20px;line-height: 30px;font-weight: 600;} .founder-name .fdesg {font-size: 17px;line-height: 19px;font-weight: 400;} .founder-img img {border-radius: 30px 30px 0 0;} .founder-social-links {cursor: pointer;} ul.social-profiles {position: absolute;bottom: 13px;right: 26px;background: #fff;padding: 10px;border-radius: 5px;opacity: 0;-webkit-transition: all 0.5s ease-in-out !important; -moz-transition: all 0.5s ease-in-out !important; -o-transition: all 0.5s ease-in-out !important; -ms-transition: all 0.5s ease-in-out !important; transition: all 0.5s ease-in-out !important; } .founder-social-links:hover ul.social-profiles {opacity: 1;} ul.social-profiles li {padding: 0;} ul.social-profiles li:before{display:none;} ul.social-profiles + img {border: 1px solid #fff;border-radius: 50px;} .testimonials-slider-section .container {max-width: 1400px;} .testimonials-slider-section .ti-widget.ti-goog .ti-review-item>.ti-inner {background: #F7D8C0 !important;padding: 35px 30px !important;border-radius: 20px !important;height: 100%;position: relative !important;} .testimonials-slider-section .ti-widget.ti-goog .ti-review-content {font-size: 14px !important;line-height: 20px !important;margin-top: 10px;color: #4F5A56;font-family: "Inter", serif;height: 150px !important;} .testimonials-slider-section .ti-widget.ti-goog .ti-footer .ti-profile-details {gap: 5px;} .testimonials-slider-section .ti-widget.ti-goog .ti-controls .ti-next:before, .testimonials-slider-section .ti-widget.ti-goog .ti-controls .ti-prev:before {background: #C3671F;} .testimonials-slider-section .ti-widget.ti-goog .ti-controls .ti-next:after, .testimonials-slider-section .ti-widget.ti-goog .ti-controls .ti-prev:after {background: #C3671F;} .testimonials-slider-section .ti-widget.ti-goog .ti-header-write-btn-container .ti-header-write-btn {background-color: #C3671F;border-color: #C3671F;font-family: "Roboto", serif;font-weight: 400;font-size: 16px;line-height: 22px;border-radius: 40px;padding: 10px 26px;} .testimonials-slider-section .ti-widget.ti-goog .ti-header-write-btn-container .ti-header-write-btn:hover {background-color: #4f5a56;border-color: #4f5a56;} .testimonials-slider-section {padding: 80px 0 20px;} .testimonial-item-box {background: #F7D8C0;padding: 40px 50px;border-radius: 20px;height: 100%; position:relative;} .testimonial-item-box:after {content: "";background: url(../images/quote-icon.svg);position: absolute;width: 203px;height: 191px;bottom: 40px;left: 0;background-size: cover;} .testimonial-item-box h3 {font-size: 24px;line-height: 32px;font-weight: 600;font-family: "Inter", serif;} .testimonial-designation {font-size: 14px;line-height: 18px;} .testimonial-text {font-size: 14px;line-height: 20px;margin-top:10px;} .swiper-button-prev, .swiper-button-next {top: 45%;transform: translateY(-50%);width: auto;} .swiper-button-prev{left: -50px;} .swiper-button-next{right: -50px;} .swiper-button-prev:after {content:"";background: url(../images/slide-arrow-orange.svg); width: 42px;height: 19px;transform: rotate(180deg);} .swiper-button-next:after {content:"";background: url(../images/slide-arrow-orange.svg); width: 42px;height: 19px;} .green-arrow .swiper-button-prev:after {background: url(../images/slide-arrow-green.svg);} .green-arrow .swiper-button-next:after {background: url(../images/slide-arrow-green.svg);} .swiper-pagination {display: flex;align-items: center;justify-content: center;} .swiper-pagination-bullet {background: #D9D9D9;width: 10px;height: 10px;margin: 0 10px !important;opacity: 1;} .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 1px solid #D09669;background: #fff;width: 16px;height: 16px;display: flex;align-items: center;justify-content: center;} .swiper-pagination-bullet.swiper-pagination-bullet-active:before {content: "";background: #D09669;width: 10px;height: 10px;display: inline-block;border-radius: 10px;} .green-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color: #4F5A56;} .green-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background: #4F5A56;} .simple-cta-box{padding-bottom:60px;} .simple-cta-box .cta-box {background: #4F5A56;padding: 40px;border-radius: 20px;} .simple-cta-box .cta-box h2{color:#ffffff;font-size: 32px;margin-bottom:0;} .simple-cta-box .cta-box p{color:#ffffff;font-size: 16px;line-height: 26px;} .simple-cta-box .cta-text{padding-right:40px;} .simple-cta-box .cta-link {min-width: max-content;} .simple-cta-box.light .cta-box{background:#F7D8C1;} .simple-cta-box.light .cta-box h2, .simple-cta-box.light .cta-box p{color:#4F5A56;} .simple-cta-box .cta-link .btn.btn-arrow:hover {background: #ffff;color: #4f5a56;} .contact-form-section {padding-bottom: 60px;} .contact-form-section .row {background: #F7D8C0;padding: 40px 40px 0;border-radius: 20px;margin-bottom: 30px;} .contact-information {padding-bottom: 40px;} .contact-form-box {padding-top: 30px;} .contact-form-box .wpcf7 {margin: 0 -6px;} .contact-form-box ul {margin: 0;padding: 0;} .contact-form-box li {width: calc(50% - 16px);display: inline-block;padding: 0;margin: 0 6px 14px;} .contact-form-box li:before {display: none;} .contact-form-box li label {font-size: 16px;line-height: 19px;font-weight: 500;width: 100%;} .contact-form-box .wpcf7-form-control {width:100%;border: 1px solid #ffffff;box-shadow: none;padding: 14px 12px;color: #4F5A56;font-size: 14px;line-height: 16px;background: transparent;border-radius: 8px;margin-top: 4px;} .wpcf7-form-control.wpcf7-submit {background: #D09669;border-color: #D09669;color: #ffffff;border-radius: 50px;max-width: fit-content;padding: 12px 30px;} .wpcf7-form-control.wpcf7-submit:hover {background: #ffffff;color:#D09669;} .wpcf7-response-output {text-align: center;font-size: 14px;} .contact-form-box .wpcf7-spinner {position: absolute;} .contact-form-box li.full-width {width: calc(100% - 16px);} .contact-form-box textarea.wpcf7-form-control {height: 80px;} .contact-form-box li.full {width: calc(100% - 16px);} .home .contact-form-box li.empty {display: none;} /* Banner Section */ .inner-hero-main {background-size: cover !important;padding: 50px 0;background-color: rgba(79, 90, 86, 0.9) !important;} .inner-hero-main h1 {color: #fff;} .inner-hero-main p{color: #fff;} /* About Us */ .about-page .inner-hero-main {padding: 105px 0;} .about-experience-section {padding: 60px 0;} .about-experience-section .fname {color: #D09669;} .about-stats-numbers {padding: 50px 0;background: url(../images/mapbase.svg) no-repeat;background-size: cover;width: 100%; height: 100%;} .stats-item-inner { text-align: center;} .stats-item-inner .statsnum {font-size: 64px;line-height: 96px;font-weight: 700;color: #D09669;} .about-history-section{padding-bottom:80px;} .history-left-part {border: 4px solid #D09669;padding: 10px;border-radius: 40px;max-width: 450px;} .history-left-part .founder-img img {border-radius: 30px 30px 0 0;} .our-mission {background: #4F5A56;height: 100%;} .our-vision {background:#F7D8C0;height: 100%;} .mivi-info {min-height: 435px;display: flex;flex-direction: column;justify-content: center;align-items: center;max-width: 470px;margin: 0 auto;} .mivi-graphic{background:#ffffff;} .our-mission .mivi-graphic img {margin-top: -65px;} .our-vision .mivi-graphic img {margin-bottom: -65px;} .our-vision .mivi-graphic.mobile {display: none;} /* Our Services */ .sidebar-width{width:30%;} .content-width{width:70%;} .our-services-main-section {padding: 50px 0 100px;} .services-sidebar {border-right: 1px solid #EEEEEE;padding-right: 30px;} .services-contentbar {padding-left: 30px;} .service-sidebar-main .service-menu {margin-bottom: 30px;} .service-item-main .service-item {display:none;} .service-item-main .service-item.active {display:block;} .service-menu h4 {font-family: "Inter", serif;font-size: 14px;font-weight: 600;line-height: 24px;letter-spacing: 0.01em;margin-bottom: 16px;color: #000000;} .service-menu ul li{padding:0;margin-bottom:12px !important;} .service-menu ul li:before{display:none;} .service-menu ul li a{width:100%;background: #FFEED7;display: inline-block;position: relative;padding: 13px 20px 13px 50px;border-radius: 10px;color: #4F5A56;font-size: 16px;line-height:24px;letter-spacing: 0.01em;} .service-menu ul li.active a, .service-menu ul li a:hover{background: #D09669;color: #ffffff;} .service-menu ul li a:before {content: "";background: url(../images/service-menu-icon.svg) no-repeat;width: 20px;height: 20px;position: absolute;left: 20px;top: 15px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .service-menu ul li.active a:before, .service-menu ul li a:hover:before{filter: brightness(0) invert(1);} .service-content > h2 {margin-bottom: 20px;} .service-content strong {color: #D09669;font-weight:400;} .service-content ul {margin-bottom: 20px;} .service-content ul li {margin-bottom: 5px;} .service-content img {border-radius: 12px;width: 100%;max-height: 350px;object-fit: cover;} .sermobitm {display: none;} .get-started-section {background: linear-gradient(90deg, #FFFFFF 0%, #FFEED7 47.53%, #FFFFFF 100%);padding: 50px 0;margin-bottom: 70px;position: relative;} .get-started-section:before {content: "";background: url(../images/ctas-icon.svg) no-repeat;width: 284px;height: 164px;position: absolute;left: 55%;top: 0;} .get-started-section h2{font-size: 64px;font-weight: 400;line-height: 48px;margin-bottom:25px;} .get-started-section .btn{margin: 0 auto;} .service-about-widget {margin-bottom: 30px;} .service-about-widget h4 {font-family: "Inter", serif;font-size: 24px;font-weight: 600;line-height: 24px;letter-spacing: 0.01em;color: #000000;margin-bottom: 20px;} .ssabtmg {margin-bottom: 20px;} .serabt-box p {font-size: 16px;font-weight: 400;line-height: 26px;color: #4F5A56;} .newsletter-help-widget.dark {background: #4F5A56;padding: 20px;border-radius: 20px;} .newsletter-help-widget.dark h4{color:#ffffff;} .newsletter-help-widget .ser-news-box h4 {font-size: 36px;font-weight: 400;line-height: 40px;margin-bottom: 20px;} .newsletter-help-widget p{font-size: 18px;font-weight: 400;line-height: 30px;} .newsletter-help-widget.dark p{color:#ffffff;} .newsletter-form input {background: transparent;width: 100%;box-shadow: none;border: none;font-size:14px;line-height:16px;font-weight:500;} .borderbox {border: 1px solid;padding: 8px 12px;border-radius: 8px;align-items: center;} .borderbox img {min-width: 24px;height: 24px;margin-right: 8px;} .dark .borderbox {border-color:#ffffff;} .dark .borderbox img { filter: brightness(0) invert(1);} .dark .newsletter-form input{color:#ffffff;} .dark .ser-news-box .wpcf7-response-output{color: #fff;} .ser-news-box .wpcf7-response-output {line-height: 16px;font-size: 12px;} .newsletter-form .wpcf7-not-valid-tip {font-size: 12px;position: absolute;} .dark .newsletter-form input::-webkit-input-placeholder {color: #dddddd;} .dark .newsletter-form input::-moz-placeholder {color: #dddddd;} .dark .newsletter-form input:-ms-input-placeholder {color: #dddddd;} .dark .newsletter-form input:-moz-placeholder {color: #dddddd;} /* Our Blogs */ .our-blogs-main-section {padding: 50px 0 100px;} .blog-sidebar{padding-left:30px;} .blog-post-item h2 {font-size: 20px;font-weight: 600;line-height: 24px;letter-spacing: 0.01em;font-family: "Inter", serif;margin-bottom: 12px;} .blog-post-item h2 a{color: #000000;} .blog-post-item h2 a:hover, .post-link:hover{color:#D09669;} .blog-post-item .post-date {font-family: "Inter", serif;font-size: 12px;font-weight: 600;line-height: 24px;letter-spacing: 0.01em;margin-bottom: 20px;color: #606060;} .blog-post-item .post-category, .post-link{font-family: "Inter", serif;font-size: 14px;font-weight: 500;line-height: 23px;letter-spacing: 0.01em;color: #606060;} a.post-link {padding-left: 40px;text-decoration: underline;min-width: fit-content;} a.post-link img{padding-left:6px;} .blog-post-item .blog-post-thumb img {border-radius: 12px;height: 260px;object-fit: cover;max-height: 260px;width: 100%;} .blog-widget {border: 1px solid #EBEBEB;border-radius: 12px;padding: 18px 20px;margin-bottom: 26px;} .blog-widget h3 {font-family: "Inter", serif;color: #4F5A56;font-size: 14px;font-weight: 600;line-height: 24px;letter-spacing: 0.01em;} .service-menu.blog-widget ul li a {padding: 5px 10px;color: #4F5A56;background: transparent;border: 1px solid #EBEBEB;font-size: 15px;} .service-menu.blog-widget li {display: inline-block;margin: 0 4px;} /*.service-menu.blog-widget ul li a {padding: 10px 20px;color:#4F5A56;background: transparent;border: 1px solid #EBEBEB;}*/ .service-menu.blog-widget ul li.active a, .service-menu.blog-widget ul li a:hover {background: #D09669;color: #ffffff;} .service-menu.blog-widget ul li a:before {display: none;} .search-part.blog-widget.mobile {display: none;} .search-part .search-box{position:relative;} .search-part .search-field {border: 1px solid #EBEBEB;border-radius: 8px;width: 100%;padding: 12px;font-size: 12px;font-weight: 400;line-height: 16px;} .search-part .search-box button {position: absolute;right: 0;top: 0;border: none;background: none;width: 40px;height: 40px;} .single-post .default-content-section {padding: 60px 0;} .single-post .post-thumb img {border-radius: 12px;} .single-post .post-date {font-family: "Inter", serif;font-size: 12px;font-weight: 600;line-height: 24px;letter-spacing: 0.01em;color: #606060;margin-bottom: 20px !important;} .recent-post.blog-widget li {padding: 0;} .recent-post.blog-widget li:before {display:none;} .recent-post.blog-widget li .recent-post-thumb {width: 50%;margin-right: 8px;} .recent-post.blog-widget li .recent-post-info {width: 50%;} .recent-post.blog-widget li img {width: 125px;height: 90px;object-fit: cover;border-radius: 6px;} .recent-post.blog-widget li .recent-post-info h6 {font-family: "Inter", serif;font-size: 14px;font-weight: 600;line-height: 16px;letter-spacing: 0.01em;margin-bottom: 4px;} .recent-post.blog-widget li .recent-post-info h6 a{color:#000000;} .recent-post.blog-widget li .recent-post-info h6 a:hover{color:#D09669;} .single-post .recent-post.blog-widget .recent-post-info .post-date {margin-bottom: 0 !important;} .single-post .recent-post.blog-widget .recent-post-info .post-category{font-family: "Inter", serif;font-size: 12px;font-weight: 500;line-height: 24px;letter-spacing: 0.01em;} .blog-single-pagination, .pagination-main{border-top: 1px solid #EBEBEB;border-bottom: 1px solid #EBEBEB;margin-top: 50px;padding: 18px 0;} .blog-single-pagination a {font-size: 14px;font-weight: 400;line-height: 24px;letter-spacing: 0.01em;color: #606060;} .blog-single-pagination .prev img{padding-right: 12px;} .blog-single-pagination .next img{padding-left: 12px;} .pagination-main ul.page-numbers {margin: 0;display: flex;align-items: center;justify-content: center;} .pagination-main ul.page-numbers li {display: inline-block;margin-bottom: 0;padding: 0 10px 0 0;} .pagination-main ul.page-numbers li .page-numbers {border: 1px solid #EBEBEB;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius:40px;color: #606060;} .pagination-main ul.page-numbers li:before{display:none;} .pagination-main .page-numbers.current, .pagination-main ul.page-numbers li .page-numbers:hover{background: #D09669;color: #ffffff !important;} .blog-post-content h2 strong, .blog-post-content h3 strong, .blog-post-content h4 strong, .blog-post-content h5 strong, .blog-post-content h6 strong {color: #D09669;font-weight:400;} .blog-post-content h2, .blog-post-content h3, .blog-post-content h4 {margin-top: 40px;} .service-menu.blog-widget.taglists li {display: inline-block;margin: 0 8px 8px !important;} .service-menu.blog-widget.taglists a {border: none;padding: 0;} .service-menu.blog-widget.taglists li.active a, .service-menu.blog-widget.taglists li a:hover {background:transparent;color: #D09669;text-decoration: underline;} /* Contact Us */ .contact-us-main-section {padding: 60px 0 100px;} .contact-us-main-section .section-title {padding-bottom: 60px;} .contact-icon {background: #D09669;width: 78px;height: 78px;min-width:78px;display: flex;align-items: center;justify-content: center;border-radius: 14px;border: 2px solid #EBEBEB;margin-right: 20px;} .contact-item {padding-bottom: 60px;} .contact-info h6 {font-family: "Inter", serif;color: #000000;font-size: 24px;font-weight: 600;line-height: 36px;} .contact-info p {font-family: "Inter", serif;font-size: 18px;font-weight: 500;line-height: 26px;color:#4F5A56;} .contact-info a {color: #4F5A56;} .contact-info a:hover{color: #D09669;} .location-map {height: 100%;} .location-map iframe {width: 100%;height: 100%;border-radius: 12px;} .contact-page .contact-form-box {padding: 40px;border: 1px solid #F7D8C0;border-radius: 12px;} .contact-page .contact-form-box h3 {margin-bottom: 24px;} .contact-page .contact-form-box li.full {width: calc(100% - 16px);} .contact-page .contact-form-box .wpcf7-form-control {background: #F7D8C0;} .contact-page .wpcf7-form-control.wpcf7-submit {background: #D09669;border-color: #D09669;margin: 0;width: 100%;max-width: 100%;} .contact-page .wpcf7-form-control.wpcf7-submit:hover{background:#4F5A56;border-color:#4F5A56;color:#ffffff;} .contact-page .wpcf7-spinner {position: absolute;top: 10px;right: -50px;} .contact-page textarea {height: 170px;} span.wpcf7-not-valid-tip {display: none;} .contact-form-box .wpcf7-form-control.wpcf7-not-valid {border: 1px solid #f00;} .developby a:hover{color:#ffffff;} .default-content-section {padding: 80px 0;} .default-content-section h2, .default-content-section h3, .default-content-section h4 {margin-bottom: 15px;} .default-content-section ul li {margin-bottom: 5px;} button.qxCTlb {display: none;}