body,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: math;
/*	font-family: var(--bs-font-sans-serif);	*/
}

.feature-one-wrapper.mt--40 {
    margin: 0px !important;
}

.home-blue.medium-blue .main-header {
    background: #fff;
}

.rts-btn.btn-primary-2 {
    background: #954c88;
    color: #fff;
}

.header-two .main-header .content .header-right a.rts-btn:hover {
    color: #954c88;
}


@media only screen and (min-width: 1199px) 
{
.home-blue #menu-btn {
    display: none;
}
}

#menu-btn:hover {
    background: #9b5395 !important;
}

.home-blue .side-bar button i{
	background: #0b444a;
}

.home-blue.medium-blue .main-header .nav-main ul li a:hover {
    color: cyan !important;
}

.home-blue .quote-btnmenu {
    margin-top: 30px;
    background: #9b5395;
}
.home-blue .social-wrapper-two.menu.mobile-menu a i {
    color: #9b5395;
}

.nav-main ul li:hover a.nav-link::before {
	display:none;
    color: var(--color-primary);
    content: "\f077" !important;
}

.rts-btn.btn-primary-2:hover {
    background: #F7F7F7;
    color: #954c88;
}

path {
    fill: #954c88;
}

.bg_banner-three.bg_image {
    background-image: url(img/bg-2.jpg);
    padding-top: 400px;
}

.bg_banner-three.eight-2.bg_image.rts-section-gap {
    background-image: url(img/bg-6.jpeg);
    padding-top: 400px;
}

.bg_banner-three.eight-3 {
    background-image: url(img/free-man-power-banner.jpg);
    padding-top: 400px;
}
.bg_banner-three.eight-4 {
    background-image: url(img/website-and-mobile-app.jpg);
    padding-top: 400px;
}

.rts-banner-area-two.eight .swiper-navigation .swiper-button-next:hover {
    background: #954c88;
}
.rts-banner-area-two.eight .swiper-navigation .swiper-button-next:hover::after {
    color: white;
}

.rts-banner-area-two.eight .swiper-navigation .swiper-button-prev:hover {
    background: #954c88;
}
.rts-banner-area-two.eight .swiper-navigation .swiper-button-prev:hover::after {
    color: white;
}


.banner-three-inner::after {
	display:none;
}

.rts-banner-area-two.eight::before {
	display:none;
}

.rts-service-areah2-im-3.eight .title-area.service-h2.service::after {
   display:none;
}

.rts-working-process-section.eight .title-area::after {
	display:none;
}

.rts-service-areah2-im-3.eight.rts-section-gap {
    padding-top: 50px;
    padding-bottom: 20px;
}

.rts-working-process-section.eight.rts-section-gap {
    padding-bottom: 30px;
    padding-top: 20px;
}

p.disc.about_home {
    font-size: 19px;
    line-height: 26px;
    text-align: justify;
}


@media only screen and (max-width: 767.8px) 
{
p.disc.about_home {
    font-size: 16px;
    line-height: 26px;
    text-align: left;
}
}

.title-area.about-company {
    text-align: center;
}


p.disc {
    font-size: 18px;
    text-align: justify;
    line-height: 26px;
}


.text-start {
    padding-top: 5px;
    text-align: center !important;
}


.about-company-wrapper p.disc {
    text-align: justify;
    color: #000;
    font-size: 18px;
    margin-bottom: 60px;
    line-height: 28px;
}

img.service_home {
    max-width: 96%;
}

.cta-bg-h2 {
    background-image: url(img/bg-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.rts-working-process-section.eight .rts-working-process-inner .wrapper:hover .content .title {
    color: #0b444a;
}

.rts-service-area.eight .rts-title-area::after {
    display:none;
}


.rts-about-our-company-h2.eight .title-area::after {
    display:none;
}

.rts-about-our-company-h2::after {
	
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    contain: "";
    height: 235.7px;
    width: 213.54px;
    background-image: url(assets/images/about/shape/04.png);
    background-repeat: no-repeat;
    background-color: lavender;
    background-blend-mode: luminosity;
    animation: jump-2 5s linear infinite;
    z-index: -1;
}

.rts-tab-style-one .button-area button.active {
    color: #954c88;
}


.rts-service-area.eight.rts-section-gap {
    padding: 40px 0;
}

.rts-about-our-company-h2.eight.rts-section-gap {
    padding-bottom: 20px;
    padding-top: 40px;
}

.home-blue .title-area.blog::after {
    display:none;
}

.rts-blog-area.eight.rts-section-gapTop {
    padding-top: 60px;
    padding-bottom: 15px;
}

.rts-client-review-two.rts-section-gapTop.bg-client-r-h2 {
    padding-top: 25px;
}

.rts-project-area.eight .title-area-project-w-in .sub {
    color: #0dcaf0;
}

.rts-project-area.eight .title-area-project-w-in .title span {
    color: #73d2e7;
}

.rts-project-area.eight .bg-input-project .product-form form .rts-btn {
    background: #954c88;
}

.container.google-map.footer-section {
    padding-top: 30px;
}


.rts-footer-area.rts-section-gap.footer-two.footer-bg-two.mt--120.mt_md--80.mt_sm--60 {
    margin-top: 50px !important;
	padding: 110px 0;
}


.bg-project-three {
    background-size: cover;
}

.rts-blog-h-2-wrapper .body span {
    color: #0b444a;
    font-size: 16px;
    font-weight: 500;
}

.home-blue .title-area.testimonial-h2::after {
	display:none;
    left: 4%;
    transform: translateX(-50%);
    top: -38%;
    content: "06";
    color: #121212;
    background-color: #ffffff6b;
}

.rts-client-reviews-h2 .review-body .body-end .star-icon i {
    color: #f3d013;
}

.rts-client-reviews-h2 .review-header .thumbnail::after {
	display:none;
    position: absolute;
    content: "";
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/testimonials/icon/02.png);
    height: 40px;
    width: 40px;
    background-size: cover;
}

.home-blue .progress-wrap::after {
    border-color: #0b444a;
    box-shadow: none;
    color: #0b444a;
}


.home-blue .progress-wrap svg.progress-circle path {
    stroke: #0b444a;
    stroke-width: 34px;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.rts-footer-area.rts-section-gap.footer-two.footer-bg-two.mt--120.mt_md--80.mt_sm--60 {
    margin-top: 50px !important;
    padding: 70px 0;
}


/* About Us */

.rts-section-gap {
    padding-top: 50px;
    padding-bottom: 15px;
}

.about-image-v-inner .image-area .img-1 {
	border:none;
}

.breadcrumb-bg {
    background-image: url(img/bg-14.jpg);
	background-size:cover;
	padding: 70px;
}



.header-two .main-header {
    justify-content: flex-start;
    display: block;
    background: #fff;
}

.main-header .nav-main ul li a {
    padding: 48px 0;
    display: block;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    transition: var(--transition);
    min-width: max-content;
}

.header-two .nav-main ul li:hover a.nav-link {
    color: cyan;
}

@media only screen and (min-width: 1199.99px) 
{
#menu-btn {
    display: none;
}
}


@media only screen and (max-width: 1199.98px){
#menu-btn {
    background: #ffffff;
    height: 44px;
    width: 42px;
    padding: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}
}


.side-bar button i {
    color: #fff;
    height: 50px;
    width: 50px;
    border-radius: 5px;
    background: #0b444a;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -8px;
    margin-top: -3px;
}

.social-wrapper-two.menu.mobile-menu a i {
    color: #9b5395;
}

.rts-btn.btn-primary {
    background: #9b5395;
}

a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none;
    color: #9b5395;
}

.rts-breadcrumb-area .bread-tag span {
    color: #0b444a;
}


h3.title.sandwich.animated.fadeIn {
    font-size: 37px;
}


@media only screen and (min-width: 1200px) and (max-width: 1599px){
.background-service.service-three {
    padding: 0px 80px;
}
}

.rts-title-area p.pre-title {
    color: #0b444a;
    margin-bottom: 0;
    font-family: var(--font-secondary);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: -5px;
}


.cta-one-bg {
    background-image: url(img/bg-13.jpg);
    background-repeat: no-repeat;
    background-color: #a55ba5;
    background-blend-mode: multiply;
    overflow: hidden;
    background-position: bottom;
    object-fit: contain;
    background-size: cover;
}

p.banner {
    color: cornsilk;
}

.row.g-5.row-2 {
    margin-top: -80px;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

.service-one-inner-four .big-thumbnail-area {
    position: relative;
    z-index: 1;
    cursor: default;
}

.service-one-inner-four .big-thumbnail-area::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 85%;
    display: block;
    z-index: 0;
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24.52%, rgba(6, 9, 12, 0.85) 87.86%);
    transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
    cursor: default;
    border-radius: 15px;
    transition: 0.5s;
}


.service-one-inner-four .big-thumbnail-area .content {
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
    z-index: 1;
    height: 70px;
    overflow: hidden;
    transition: 0.5s;
    text-align: left;
}


.service-one-inner-four .big-thumbnail-area:hover .content {
    height: 80px;
}


.rts-btn.btn-white {
    background-color: azure;
    color: #0b444a;
    padding: 17px 35px;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
}

.rts-btn.btn-white:hover {
    background: #0b444a;
    color: #fff;
}

.rts-title-area.reviews::after {
	display:none;
    content: "Reviews";
    left: 32%;
    transform: translateX(-50%);
    z-index: -1;
    height: 109px;
    top: 2%;
}


.rts-section-gapBottom {
    padding-bottom: 50px;
}


.rts-test-one-image-inner::after {
    position: absolute;
    z-index: -1;
    content: "";
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    left: 13%;
    bottom: 0%;
    background-image: url(assets/images/testimonials/shape/01.svg);
    animation: jump-1 3s linear infinite;
	opacity:0.5;
	}



.progress-wrap svg.progress-circle path {
    stroke: #0b444a;
    stroke-width: 34px;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}


.progress-wrap::after {
    position: absolute;
    font-family: "unicons";
    content: "\e84b";
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    color: #0b444a;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    border: 2px solid #0b444a;
    box-shadow: none;
    border-radius: 50% !important;
    border-radius: 5px;
}

.progress-wrap:hover::after {
    opacity: 1;
    content: "\e84b";
    border: 2px solid #0b444a;
}





/* Sandwich Panel page */

.rts-breadcrumb-area.breadcrumb-bg.sandwich.bg_image {
    background-image: url(img/bg-30.jpg);
    background-size: cover;
    background-color: #7da8b7;
    background-blend-mode: multiply;
	padding: 85px;
}

.rts-breadcrumb-area .title {
    color: #fff;
    text-shadow: 1px 0px 9px #0b444a;
    margin-bottom: 0;
}



.details-right-inner.sandwich {
    padding-top: 40px;
}

p.contact_sandwich {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    font-weight: var(--p-regular);
    color: #0b444a;
    margin: 10px 0 10px;
}

a.contact_info {
    text-decoration: none;
    color: #0b444a;
}

a.contact_info :hover{
    text-decoration: none;
    color: #954c88;
}


/* Raw material page */

.rts-breadcrumb-area.breadcrumb-bg.raw_material.bg_image {
    background-image: url(img/bg-37.png);
    background-size: cover;
    background-color: #725728;
    background-blend-mode: multiply;
	padding: 55px;
}


/* Storage fabrications page */

.rts-breadcrumb-area.breadcrumb-bg.storage.bg_image {
    background-image: url(img/bg-45.jpg);
    background-size: cover;
    background-color: #4a697a;
    background-blend-mode: multiply;
	padding: 85px;
}


/*	Image Hover effects - Home page	*/

img.service_home:hover {
	border-radius:20px;
	box-shadow:    0 0 7px #fff, 0 0 32px #246dd5;
	transition:0.5s ease;
}


/*
img {
  --s: 15px;  /* size of the frame 
  --b: 2px;   /* border thickness 
  --c: #7B3B3B;
  object-fit: cover;
  background:
    linear-gradient(      var(--_g)) 50%/100% var(--_i,100%) no-repeat,
    linear-gradient(90deg,var(--_g)) 50%/var(--_i,100%) 100% no-repeat;
  outline: calc(var(--w)/2) solid #0009;
  outline-offset: calc(var(--w)/-2 - 2*var(--s));
  transition: .4s;
  cursor: pointer;
}
img:hover {
  outline: var(--b) solid var(--c);
  outline-offset: calc(var(--s)/-2);
  --_i: calc(100% - 2*var(--s));
}*/

.rts-blog-h-2-wrapper {
    padding: 45px;
    border-radius: 30px;
    border: 1px solid #80808036;
}


.rts-blog-h-2-wrapper :hover{
	transform:scale(1.07);
	transition:0.5s ease;
}


/*	Image Hover effects - About page	*/

img.about_pics:hover {
	outline:5px solid #ffcd00;
	transform:scale(0.99);
	transition:0.5s ease;
	outline-offset: -12px;
}


/*	Image Hover effects - Detail page	*/


img.detail_odd:hover {
-webkit-transform: rotate(-5deg) scale(1.01);
	transform: rotate(-5deg) scale(1.01);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}


img.detail_even:hover {
-webkit-transform: rotate(5deg) scale(1.01);
	transform: rotate(5deg) scale(1.01);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}


img.detail_contact {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
img.detail_contact:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}


@media only screen and (min-width: 1199px) 
{
#mobile_view {
    display: none;
}
}

@media only screen and (max-width: 1199px) 
{
#desktop_view {
    display: none;
}
}

@media only screen and (max-width: 767px)
{
.rts-breadcrumb-area .bread-tag {
    font-size: 12px;
    margin: auto;
    margin-top: 30px;
    padding: 4px 14px;
}
}


@media only screen and (max-width: 767px)
{
.rts-tab-style-one .tab-content .rts-tab-content-one p.disc {
    font-size: 16px;
    text-align: left;
    font-weight: 500;
    color: #1C2539;
    line-height: 26px;
    margin-top: -4px;
    margin-bottom: 24px;
}
}