.rr-blog-btn {
background-color: transparent;
font-family: var(--rr-ff-heading);
color: var(--rr-color-heading-primary);
display: inline-flex;
align-items: center;
font-size: 14px;
font-weight: 600;
line-height: 1;
padding: 23px 30px;
border-radius: 0px;
transition: all 0.3s ease-in-out;
overflow: hidden;
text-transform: uppercase;
position: relative;
z-index: 1;
border: 1px solid var(--rr-color-theme-primary);
}
.rr-blog-btn::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(255, 255, 255, 0.2);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: -ms-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
z-index: -1;
}
.rr-blog-btn::before {
background-color: var(--rr-color-heading-primary);
}
.rr-blog-btn i {
margin-left: 10px;
font-size: 13px;
}
.rr-blog-btn:hover {
color: var(--rr-color-common-white);
border: 1px solid var(--rr-color-heading-primary);
}
.rr-blog-btn:hover::before {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
} .blog-one__single ul li {
list-style: none;
display: inline-block;
margin-right: 15px;
font-family: var(--rr-ff-body);
color: var(--rr-color-text-body);
font-size: 16px;
font-weight: 400;
}
.post-content-wrap ul li i {
margin-right: 8px;
font-size: 14px;
}
.sidebar-widget .sidebar-post img {
height: 112px !important;
object-fit: cover;
width: 82px;
background-size: cover;
}
.header .primary-header-inner .header-menu-wrap .sub-menu .menu-item-has-children ul li {
padding-right: 25px;
}
.header .primary-header-inner .header-menu-wrap .sub-menu ul.sub-menu .menu-item-has-children::after {
right: 25px;
}
.header .primary-header-inner .header-menu-wrap .sub-menu ul.sub-menu .menu-item-has-children:hover::after {
color: var(--rr-color-common-white);
}
.header .primary-header-inner .header-menu-wrap .sub-menu li ul {
width: 250px !important;
}
.header .primary-header-inner .header-menu-wrap .sub-menu ul li.menu-last ul.sub-menu {
left: auto;
right: 0;
}
.header .primary-header-inner .header-menu-wrap .sub-menu ul li.menu-last ul.sub-menu li .sub-menu {
left: auto;
right: 100%;
top: 55px;
}
.header-5 .primary-header-inner .header-right .search-icon {
margin-right: 0 !important;
}
.hero-4 .hero-wrap-4 .hero-content-4 {
max-width: 80%;
}
.header-5 .primary-header-inner .header-right .header-btn-4 {
margin-left: 50px;
}
.header-5 .primary-header-inner .header-menu-wrap .sub-menu li a {
font-weight: 700;
}
.top-bar-6 .top-bar-inner .top-bar-list li {
color: var(--rr-color-heading-primary);
}
.header-6 .primary-header-inner .header-right .header-contact-5 .contact-5 a {
color: var(--rr-color-heading-primary);
} .footer-logo img {
width: 140px;
}
.widget-header.footer-logo img {
width: 140px;
}
.footer-widget ul.social-list li:not(:last-of-type) {
margin-bottom: 0;
}
.footer-widget.widget_nav_menu ul li a,
.footer-widget.widget_pages ul li a,
.footer-widget.widget_categories ul li a,
.footer-widget.widget_archive ul li a,
.footer-widget.footer-col-2 ul li a,
.footer-widget.footer-col-3 ul li a,
.footer-widget.footer-col-2-2 ul li a,
.footer-widget.footer-col-2-3 ul li a {
position: relative;
padding-left: 30px;
}
.footer-widget.widget_nav_menu ul li a::before,
.footer-widget.widget_pages ul li a::before,
.footer-widget.widget_categories ul li a::before,
.footer-widget.widget_archive ul li a::before,
.footer-widget.footer-col-2 ul li a::before,
.footer-widget.footer-col-3 ul li a::before,
.footer-widget.footer-col-2-2 ul li a::before,
.footer-widget.footer-col-2-3 ul li a::before {
background-image: none;
font-family: "Font Awesome 6 Pro";
font-size: 14px;
font-weight: 700;
content: "\f324";
color: var(--rr-color-theme-primary);
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.footer-widget.footer-col-2,
.footer-widget.footer-col-2-2 {
padding-left: 70px;
}
.footer-widget.footer-col-3,
.footer-widget.footer-col-2-3 {
padding-left: 30px;
} .footer-widget.widget_recent_comments ul li a::before {
display: none;
}
.footer-widget.widget_recent_comments ul li a {
padding-left: 0;
}
.footer-widget.widget_recent_entries ul li a::before {
display: none;
}
.footer-widget.widget_recent_entries ul li a {
padding-left: 0;
}
.footer-widget.widget_rss ul li a::before {
display: none;
}
.footer-widget.widget_rss ul li a {
padding-left: 0;
}
.footer-widget.widget_meta ul li a::before {
display: none;
}
.footer-widget.widget_meta ul li a {
padding-left: 0;
}
.footer-5 .footer-form .submit {
width: 32px;
height: 32px;
background: var(--rr-color-common-dark);
border-radius: 5px;
}
.footer-5 .footer-form .submit i.fa-regular.fa-arrow-right {
transform: rotate(-45deg);
}
.footer-5 .footer-form .form-control {
background: transparent;
border-bottom: 1px solid var(--rr-color-text-body);
padding: 8px 45px 12px 0;
} .footer-widget.footer-col-3-1 {
padding-right: 80px;
}
.footer-widget.footer-col-3-2 ul li {
display: inline-block;
width: 50%;
margin-bottom: 20px;
float: left;
}
.default-footer .copyright-content ul {
justify-content: end;
} .footer-4 .footer-widget.widget_nav_menu ul li a,
.footer-5 .footer-widget.widget_nav_menu ul li a,
.footer-6 .footer-widget.widget_nav_menu ul li a,
.footer-7 .footer-widget.widget_nav_menu ul li a{
padding-left: 0;
}
.footer-4 .footer-widget.widget_nav_menu ul li a::before,
.footer-5 .footer-widget.widget_nav_menu ul li a::before,
.footer-6 .footer-widget.widget_nav_menu ul li a::before,
.footer-7 .footer-widget.widget_nav_menu ul li a::before {
content: none;
}
.footer-4 .footer-widget ul li a:hover,
.footer-5 .footer-widget ul li a:hover,
.footer-6 .footer-widget ul li a:hover{
color: var(--rr-color-theme-green);
}
.footer-7 .footer-widget ul li a:hover{
color: var(--rr-color-theme-primary);
}
.footer-4 .footer-widget ul.social-list li a:hover,
.footer-5 .footer-widget ul.social-list li a:hover,
.footer-6 .footer-widget ul.social-list li a:hover,
.footer-7 .footer-widget ul.social-list li a:hover {
color: var(--rr-color-common-white);
}
.footer-4 .copyright-content.copyright-content-4.text-center {
justify-content: center;
}
.footer-5 .shape-5 {
height: 100%;
}
.footer-5 .shape-5 img {
height: 100%;
object-fit: cover;
}
.footer-5 div#pixfix_footer_info_three-2 h3 {
color: var(--rr-color-common-white);
}
.slider-section .slider-item .slider-content-wrap .slider-content .pixfix-caption .inner-layer .pixfix-cap {
font-family: 'Titillium Web', sans-serif;
}
.side-menu-logo img {
width: 140px;
}
.counter-section .col-lg-3.col-md-6:last-child .counter-item::before {
display: none;
}
.experiance-section .exp-img.wow.fade-in-bottom img {
height: 100%;
width: 100%;
object-fit: cover;
}
.pixfix-el-feature.about-box {
overflow: hidden;
}
.pixfix-el-feature .icon {
float: left;
margin-right: 20px;
}
.pixfix-el-feature.about-box .title {
padding: 10px 0;
overflow: hidden;
}
.pixfix-el-feature i {
font-size: 30px;
}
.pixfix-el-feature .icon img {
max-width: 80px;
}
.service-details-item .item-content {
padding: 20px 20px 20px 60px;
border: 1px solid var(--rr-color-border-1);
margin-left: 50px;
}
.service-details-item .icon {
background-color: var(--rr-color-theme-primary);
height: 88px;
width: 88px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
}
.service-details-item .item-content p {
margin-bottom: 0;
}
.service-details-content .service-details-items .service-details-item .icon {
background-color: var(--rr-color-theme-primary);
height: 88px;
width: 88px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
}
.team-details-info .name {
font-size: 24px;
font-weight: 700;
margin-bottom: 20px;
}
.team-details-info .name span {
color: var(--rr-color-theme-primary);
font-size: 15px;
text-transform: uppercase;
display: block;
margin-top: 10px;
}
.team-details-info .info-list {
list-style: none;
margin: 30px 0 50px 0;
}
.team-details-info .info-list li {
display: flex;
align-items: center;
}
.team-details-info .info-list li .list-left {
font-family: var(--rr-ff-heading);
color: var(--rr-color-heading-primary);
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
width: 115px;
display: block;
}
.team-details-info .info-list li:not(:last-of-type) {
margin-bottom: 15px;
}
.team-details-info .social-list li {
display: inline-block;
}
.team-details-info .social-list li:not(:last-of-type) {
margin-right: 10px;
}
.team-details-info .social-list li a {
background-color: #F3F6FF;
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
color: var(--rr-color-heading-primary);
border-radius: 50%;
}
.team-details-info .social-list li a:hover {
background-color: var(--rr-color-theme-primary);
color: var(--rr-color-common-white);
}
.about-thumb .about-thumb-content {
background-color: var(--rr-color-common-white);
padding: 25px 20px;
display: flex;
align-items: center;
column-gap: 15px;
position: absolute;
bottom: 20px;
left: 20px;
}
.about-thumb .about-thumb-content .thumb-counter .year {
margin-bottom: 0;
font-size: 30px;
font-weight: 700;
line-height: 1;
}
.about-thumb .about-thumb-content .thumb-counter .year .odometer-auto-theme {
font-family: inherit;
line-height: 1;
margin-bottom: 4px;
}
.project-details-img .details-list {
background-color: var(--rr-color-grey-1);
position: absolute;
bottom: 50px;
right: 0;
padding: 50px 40px;
list-style: none;
}
.project-details-img .details-list li:not(:last-of-type) {
margin-bottom: 15px;
}
.project-details-img .details-list li i {
color: var(--rr-color-theme-primary);
margin-right: 10px;
}
.project-details-img .details-list li span {
color: var(--rr-color-text-body);
font-size: 16px;
font-weight: 400;
}
.project-details-img .details-list li .name {
font-family: var(--rr-ff-heading);
color: var(--rr-color-heading-primary);
font-weight: 700;
text-transform: uppercase;
width: 100px;
display: inline-block;
}
.project-details-img {
margin-bottom: 50px;
position: relative;
}
.project-details-img img {
max-width: 1180px!important;
width: 100%;
}
.sidebar-list li:not(:last-of-type) {
margin-bottom: 20px;
}
.sidebar-list li {
list-style: none;
text-align: center;
}
.sidebar-list li a {
color: var(--rr-color-text-body);
font-size: 16px;
font-weight: 400;
line-height: 1;
padding: 21px 0;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--rr-color-border-1);
width: 100%;
}
.sidebar-list li a:hover {
border: 1px solid var(--rr-color-theme-primary);
}
.sidebar-box {
position: relative;
margin-bottom: 40px;
}
.sidebar-box .content {
background-color: rgba(23, 23, 23, 0.8);
padding: 30px 40px;
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 80px);
}
.sidebar-box .content .title {
font-size: 15px;
line-height: 1.8;
}
.sidebar-box .content .number {
color: var(--rr-color-common-white);
font-weight: 700;
font-size: 30px;
display: block;
}
.sidebar-box .content .mail {
color: var(--rr-color-common-white);
font-size: 16px;
font-weight: 400;
}
.sticky-widget {
position: -webkit-sticky;
position: sticky;
top: 150px;
}
.slider-3 .slider-arrow-3 .slider-nav {
top: 43%;
}
.daily-activity {
gap: 16px;
display: flex;
padding: 13px;
flex-wrap: wrap;
border-radius: 80px;
width: 304px;
align-items: center;
background-color: var(--rr-color-common-white);
}
.daily-activity .icon {
width: 71px;
height: 71px;
display: flex;
align-items: center;
border-radius: 500px;
justify-content: center;
background-color: var(--rr-color-theme-green);
}
.daily-activity .text p {
margin-bottom: 0;
}
.counter-section-4 {
margin-top: 0;
}
.choose-us-4 .choose-us-4-content {
margin-left: 0;
}
.choose-play.video__4 a {
background: var(--rr-color-common-white);
display: inline-flex;
align-items: center;
gap: 10px;
padding: 20px;
box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
border-radius: 20px 0px;
}
.choose-play.video__4 .choose-play-icon {
background: var(--rr-color-theme-green);
width: 66px;
height: 66px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.choose-play.video__4 .choose-play-icon i {
color: var(--rr-color-common-white);
}
.testi-carousel-4 .testi-item-4 .testi-thumb-4 {
width: 90px;
height: 90px;
}
.testi-carousel-4 .testi-item-4 .testi-thumb-4 img {
border-radius: 100%;
width: 100%;
height: 100%;
object-fit: cover;
}
.testi-carousel-5 .title-content-5 .media img {
width: 56px;
height: 56px;
object-fit: cover;
border-radius: 100%;
}
.faq__2.faq-content .accordion .accordion-item {
margin-top: 15px;
}
@media only screen and (max-width: 992px) {
.team-details-info {
padding-left: 0;
margin-top: 40px;
}
.choose-us-4 .choose-us-4-content {
margin-top: 0;
}
}
.team-details-info {
padding-left: 50px;
}
@media (max-width: 1170px) {
.header-8 .header-logo-bg-color {
width: 220px;
}
}
@media only screen and (max-width: 992px) {
.team-details-info {
padding-left: 0;
margin-top: 40px;
}
.header-7 .header-logo-7 .header-logo-inner::before{
top: -30px;
}
.header-7 .primary-header-inner,
.header-8 .primary-header-inner{
padding: 0;
}
.header-7 .header-logo-7 .header-logo-inner{
padding-left: 30px;
}
.header-7 .header-logo-7 .header-logo-inner::before{
width: 220px;
}
.header-8 .header-logo-bg-color {
width: 230px;
}
}
@media(max-width: 767px){
.header-8 .header-logo-bg-color{
height: 100%;
}
}
.counter-item-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 80px;
position: relative;
}
.counter-item-wrap .counter-item {
background-color: rgba(255, 255, 255, 0.04);
text-align: center;
padding: 30px 0;
}
.counter-item-wrap .counter-item .title .odometer-auto-theme {
font-family: inherit;
line-height: 1;
margin-bottom: 4px;
}
.counter-item-wrap .counter-item .title {
font-size: 48px;
font-weight: 600;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgba(255, 255, 255, 0.7);
}
.counter-item-wrap .center-icon {
background-color: var(--rr-color-theme-primary);
height: 80px;
width: 80px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.testi-carousel .swiper-pagination {
bottom: 50px !important;
}
.subscribe-wrap .subscribe-content .subscribe-form .rr-primary-btn {
top: 30% !important;
transform: translateY(-50%);
}
.home_one .subscribe-wrap .subscribe-content .subscribe-form .rr-primary-btn{
top: 50% !important;
}
.booking-form .contact-form .form-item textarea {
height: 156px;
resize: none;
}
.contact-wrap .contact-form .form-item.address textarea {
height: 140px;
}
.contact-wrap .contact-form .submit-btn p {
margin-bottom: 0;
}
.about-thumb .about-thumb-content .user {
background-color: var(--rr-color-theme-primary);
height: 55px;
width: 55px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.feature-item .feature-content .read-more i {
font-size: 14px;
color: var(--rr-color-theme-primary);
}
.service-video-box {
position: relative;
}
.service-video-box .video-btn a {
background-color: var(--rr-color-common-white);
color: var(--rr-color-theme-primary);
font-size: 22px;
height: 65px;
width: 65px;
display: flex;
align-items: center;
justify-content: center;
}
.service-video-box .video-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.service-video-box .video-btn a i {
margin-top: 10px;
line-height: 1;
}
.service-video-box .video-btn a:hover {
background-color: var(--rr-color-theme-primary);
color: var(--rr-color-common-white);
}
.blog-section-4 .post-card-4 .post-thumb-wrap-4 .post-thumb .text {
padding: 0 16px;
}
.blog-section-5 .post-card-5 .post-thumb-wrap-5 .post-thumb {
width: 100%;
height: 300px;
object-fit: cover;
}
.testimonial-section-6{
margin-top: 0;
}
.testi-carousel-6 .testi-item-6 .testi-content-6 .testi-author-wrap .title-wrap .title-thumb img{
width: 88px;
height: 88px;
border-radius: 100%;
object-fit: cover;
}
.testimonial-7 .testi-wrap-7 .testi-content-wrap-7 .testi-item-7 .quote-7 img{
max-width: 60px;
}
@media(min-width: 1200px){
.row__gap {
row-gap: 40px;
}
}
.project-section-4 .project-item-4 {
width: 100%;
min-height: 365px;
display: flex;
align-items: center;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
border-radius: 20px;
}
.project-section-4 .project-item-4 .project-content {
background: rgba(23, 23, 23, 0.8);
opacity: 0.8;
border-radius: 20px;
padding: 55px 30px 45px 30px;
width: calc(100% - 100px);
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.project-item-7 .project-content {
background: rgba(23, 23, 23, 0.8);
opacity: 0.8;
border-radius: 20px;
padding: 55px 30px 45px 30px;
width: calc(100% - 100px);
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.project-item-4.project-item-7.wow.fade-in-left {
height: 400px;
}
.project-thumb.project-thumb-7 {
height: 100%;
}
.project-7 .project-item-7 .project-thumb-7 img{
height: 100%;
object-fit: cover;
}
.project-7 .project-filter-heading-4 {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
}
.team-7 .team-item-7 .team-social{
display: flex;
justify-content: center;
}
.team-7 .team-item-7 .team-social .social-list{
left: 0;
right: 0;
}
.project-7 .section-heading-4 .section-title{
margin-bottom: 0;
}
.footer-widget .footer-form .submit span.text, .footer-widget .footer-form .submit span.icon_text  {
display: none;
}
.custom_newsletter .submit .icon, 
.footer-6 .submit .icon{
display: none;
}
.footer-6 .footer-form .submit span.text{
display: block;
}
.custom_newsletter .form-control {
height: 65px;
outline: none;
box-shadow: none;
border-radius: 20px;
margin-bottom: 12px;
padding: 18px 33px;
}
.footer-6 .footer-form .form-control {
height: 65px;
outline: none;
box-shadow: none;
border-radius: 12px;
margin-bottom: 40px;
padding: 10px 33px;
}
.custom_newsletter .submit {
background: var(--rr-color-theme-secondary);
color: var(--rr-color-heading-primary);
width: 100%;
justify-content: center;
border-radius: 20px;
display: inline-flex;
align-items: center;
font-size: 14px;
font-weight: 600;
line-height: 1;
padding: 23px 30px;
transition: all 0.3s ease-in-out;
overflow: hidden;
text-transform: uppercase;
position: relative;
z-index: 1;
font-family: var(--rr-ff-heading);
}
.footer-6 .footer-form .submit {
background: var(--rr-color-theme-secondary);
color: var(--rr-color-heading-primary);
width: 100%;
justify-content: center;
border-radius: 12px;
display: inline-flex;
align-items: center;
font-size: 14px;
font-weight: 600;
line-height: 1;
padding: 20px 30px;
transition: all 0.3s ease-in-out;
overflow: hidden;
text-transform: uppercase;
position: relative;
z-index: 1;
font-family: var(--rr-ff-heading);
}
.footer-6 .footer-form .submit:hover {
background: var(--rr-color-theme-green);
color: var(--rr-color-common-white);
}
.icon_box__3.icon-box {
display: flex;
align-items: center;
gap: 14px;
}
.icon_box__3.icon-box .icon {
background-color: transparent;
color: var(--rr-color-common-white);
border: 1px solid var(--rr-color-border-1);
width: 48px;
height: 48px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.icon_box__3.icon-box .number span {
display: block;
font-family: var(--rr-ff-body);
color: var(--rr-color-grey-2);
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 29px;
margin-bottom: 2px;
}
.icon_box__3.icon-box .number a {
font-family: var(--rr-ff-heading);
color: var(--rr-color-common-white);
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.icon_box__3.icon-box .number a:hover {
text-decoration: underline;
}
.contact_form__5 .form-item-wrap {
margin-bottom: 23px;
}
.contact_form__5 .form-item-wrap .form-item {
position: relative;
}
.contact_form__5 .form-item-wrap .form-item .form-control {
background: var(--rr-color-heading-primary);
border: 1px solid var(--rr-color-border-1);
border-radius: 20px;
box-shadow: none;
padding: 18px 20px;
font-size: 14px;
color: var(--rr-color-common-white);
}
.contact_form__5 .form-item-wrap .form-item .form-control::placeholder {
color: var(--rr-color-common-white);
font-size: 14px;
}
.contact_form__5 .form-item-wrap .form-item .nice-select {
-webkit-tap-highlight-color: transparent;
background:var(--rr-color-heading-primary);
border: 1px solid var(--rr-color-border-1);
color: var(--rr-color-common-white);
border-radius: 5px;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
margin-bottom: 23px;
font-size: 14px;
font-weight: normal;
height: 57px;
width: 100%;
border-radius: 20px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
display: flex;
align-items: center;
}
.contact_form__5 .form-item-wrap .form-item .nice-select::before {
border: 1px solid var(--rr-color-common-white);
color: var(--rr-color-common-white);
content: "";
display: block;
height: 24px;
width: 24px;
border-radius: 500px;
margin-top: -12px;
pointer-events: none;
position: absolute;
right: 22px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.contact_form__5 .form-item-wrap .form-item .nice-select .list {
width: 100%;
background-color: var(--rr-color-heading-primary);
}
.contact_form__5 .form-item-wrap .form-item .nice-select .option:hover,
.contact_form__5 .form-item-wrap .form-item .nice-select .option.focus,
.contact_form__5 .form-item-wrap .form-item .nice-select .option.selected.focus {
background-color: var(--rr-color-theme-green);
}
.contact_form__5 .form-item-wrap .form-item .nice-select:after {
border-bottom: 1px solid var(--rr-color-common-white);
border-right: 1px solid var(--rr-color-common-white);
color: var(--rr-color-common-white);
content: "";
display: block;
height: 7px;
margin-top: -6px;
pointer-events: none;
position: absolute;
right: 28px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 7px;
}
.contact_form__5 .submit-btn .contact-btn-5 {
background: var(--rr-color-theme-secondary);
font-family: var(--rr-ff-heading);
color: var(--rr-color-heading-primary);
padding: 20px 36px;
font-style: normal;
border-radius: 20px;
font-weight: 600;
font-size: 14px;
line-height: 21px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.contact_form__5 .submit-btn .contact-btn-5:hover {
background: var(--rr-color-theme-green);
color: var(--rr-color-common-white);
}
.project-carousel-5{
padding-bottom: 0;
}
.project-item-5:hover .project-content-5{
left: 0;
}
.item-5{
border-radius: 20px;
}
.header-5 .primary-header.fixed {
background-color: #F4FBF9;
}
@media(min-width: 1024px){
.footer-4 .footer-col-4-4{
padding-left: 95px;
}
.footer-4 .footer-col-4-1{
padding-right: 40px;
}
.footer-4 .footer-col-4-3 {
padding-left: 30px;
}
.footer-6 .footer-col-6-4{
padding-left: 60px;
}
.footer-6 .footer-col-6-1{
padding-right: 50px;
}
.footer-6 .footer-col-6-3 {
padding-left: 40px;
}
}
.video__5 .icon {
background: var(--rr-color-theme-secondary);
width: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 8px solid var(--rr-color-common-white);
}
.slider-3 .slider-item-3 .slider-content-3 .sub-title{
display: inline-block;
}
.slider-3 .slider-item-3 .slider-content-3 .sub-title::before{
width: 100%;
}
.slider-3 .slider-item-3 .slide-img-wrap::before{
z-index: 1;
}
.slider-3 .slider-item-3 .slider-content-wrap{
z-index: 2;
}
.hero-7 .hero-img-shapes .right-1 img, .hero-7 .hero-img-shapes .right-2 img {
object-fit: cover;
border-radius: 100%;
}
.rr-work-process-text-title h3 {
font-family: var(--rr-ff-heading);
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 36px;
letter-spacing: -0.72px;
color: var(--rr-color-common-white);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blog-section-5.blog-section-6 .post-card-5 .post-thumb-wrap-5 .post-thumb{
width: 300px;
height: 229px;
}
.achievement-form-6 .form-item-wrap .form-item input {
background: var(--rr-color-common-white);
color: var(--rr-color-text-body);
border: 1px solid var(--rr-color-border-1);
border-radius: 12px;
height: 61px;
}
.our-achievement-6 .achievement-form-6 {
background: var(--rr-color-common-white);
border-radius: 0;
padding: 0;
margin-left: 0;
}
.achievement-form-6 .form-item-wrap .form-item .nice-select .option{
color: var(--rr-color-common-white);
}
.testimonial-7 .testi-wrap-7 .testi-content-wrap-7 .testi-item-7{
background-color: var(--rr-color-common-white);
}
.subscribe-from-7 .rr-subscribe-form .submit .icon, .subscribe-from-7 .rr-subscribe-form .submit .text{
display: none;
}
.subscribe-7 .subscribe-wrap-7 .subscribe-from-7 .rr-subscribe-form .submit {
color: var(--rr-color-heading-primary);
font-family: var(--rr-ff-heading);
border-radius: 5px;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 21px;
text-transform: uppercase;
padding: 19px 30px;
position: relative;
background-color: var(--rr-color-common-white);
z-index: 1;
}
.subscribe-7 .subscribe-wrap-7 .subscribe-from-7 .rr-subscribe-form .submit i {
margin-left: 10px;
}
.subscribe-7 .subscribe-wrap-7 .subscribe-from-7 .rr-subscribe-form .submit:hover {
color: var(--rr-color-common-white);
}
.subscribe-7 .subscribe-wrap-7 .subscribe-from-7 .rr-subscribe-form .mc4wp-form-fields{
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.subscribe-7 .subscribe-wrap-7 .subscribe-from-7 .rr-subscribe-form .mc4wp-form{
width: 100%;
}
.subscribe-7 .subscribe-wrap-7 .subscribe-from-7 .rr-subscribe-form .submit:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 5px;
background: var(--rr-color-heading-primary);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: -ms-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
z-index: -1;
}
.subscribe-7 .subscribe-wrap-7 .subscribe-from-7 .rr-subscribe-form .submit:hover:after {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.offer-7 .offer-wrap-7 .offer-item-7 .thumb img{
width: 300px;
height: 246px;
object-fit: cover;
}
.project-item-6 .project-thumb-6 img {
height: 460px;
object-fit: cover;
}
@media (max-width:1024px){
.project-item-5 .project-thumb-5 {
height: 400px;
}
}
@media(max-width: 767px){
.footer-4 .footer-wrap-4{
margin-bottom: 0;
}
.project-item-6 .project-thumb-6 img {
height: 260px;
}
}