/home/moonrcjl/template.moontelict.com/sass-agency/assets/sass/pages/_inner.scss
// Start About Inner
.mt__about-area-inner{
background-color: $mt__secondary-color;
position: relative;
padding-top: 150px;
padding-bottom: 150px;
@include mt__screen-991{
padding-top: 70px;
padding-bottom: 70px;
}
@include mt__screen-767{
padding-top: 60px;
padding-bottom: 60px;
}
.mt__about-warpper{
display: flex;
align-items: center;
justify-content: space-between;
@include mt__screen-865{
display: block;
}
.mt__about-left{
.mt__about-batch-inner{
margin-bottom: 40px;
@include mt__screen-865{
text-align: center;
}
.mt__about-batch{
font-size: 24px;
font-weight: 700;
color: $mt__primary-color;
line-height: 34px;
border-radius: 50px;
background: rgba(255, 255, 255, 0.05);
display: inline-block;
text-align: center;
padding: 10px 24px;
}
}
.mt__about-batch-symble{
img{
@include mt__screen-865{
margin-left: auto;
margin-right: auto;
}
}
}
.mt__about-batch-symble{
margin-left: 200px;
@include mt__screen-1099{
margin-left: 0;
}
}
}
.mt__about-righ{
@include mt__screen-865{
text-align: center;
margin-top: 30px;
}
.mt__about-right-part{
margin-bottom: 37px;
&:last-child{
margin-bottom: 0;
}
.mt__about-right-title{
font-size: 32px;
line-height: 42px;
font-weight: 700;
color: $mt__primary-color;
text-transform: capitalize;
}
.mt__about-right-peragraph{
font-size: 16px;
font-weight: 400;
color: #cdcdcd;
line-height: 26px;
margin-top: 18px;
}
}
a{
border-radius: 12px;
}
}
}
}
// End About Inner
// Start Team Area
.mt__team-area-inner{
background-color: $mt__secondary-color;
position: relative;
z-index: 1;
padding-top: 150px;
&.mt-teampages {
padding-top: 50px;
background-color: #101012;
}
@include mt__screen-991{
padding-top: 70px;
}
@include mt__screen-767{
padding-top: 60px;
}
.mt__team-area-items{
display: flex;
align-items: center;
gap: 62px;
justify-content: center;
text-align: center;
margin-top: 63px;
flex-wrap: wrap;
row-gap: 24px;
}
.mt__title-style-01{
color: $mt__primary-color;
}
.mt__team-shep-1{
position: absolute;
display: inline-block;
width: 424px;
height: 424px;
border-radius: 424px;
opacity: 0.5;
background: #FD5B38;
filter: blur(250px);
bottom: 0;
left: 0;
z-index: -1;
}
}
.mt__team-area-item{
border-width: 0 1px 0 0;
border-style: solid;
border-image: linear-gradient(to bottom, #767676 50%, #C8C8C8 50%);
border-image-slice: 1;
padding-right: 37px;
transition: linear 0.3s;
&:hover{
border-image: linear-gradient(to bottom, #767676 50%, #2555FF 50%);
border-image-slice: 1;
}
.mt__team-member-name{
margin-top: 26px;
margin-bottom: 5px;
a{
font-size: 24px;
font-weight: 700;
color: $mt__primary-color;
line-height: 34px;
transition: linear 0.3s;
&:hover{
color: $mt__blue;
}
}
}
.mt__team-member-regi{
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #C8C8C8;
text-transform: capitalize;
}
.mt__team-member-social-media{
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
margin-top: 20px;
li{
a{
width: 50px;
height: 50px;
background-color: transparent;
line-height: 50px;
display: inline-block;
text-align: center;
border-radius: 50%;
color: $mt__primary-color;
transition: linear 0.3s;
&:hover{
background-color: $mt__blue;
}
}
}
}
}
// End Team Area
// Start Team Details Area
.mt__team-details-area{
position: relative;
padding-top: 100px;
background-color: $mt__secondary-color;
.mt__team-details-wrappe{
background: #F8F8F8;
padding: 60px;
@include mt__screen-1099{
padding: 30px;
}
.mt__team-details-inner{
display: flex;
align-items: center;
gap: 75px;
@include mt__screen-1099{
gap: 35px;
}
@include mt__screen-991{
display: block;
}
.mt__team-details-left-site{
.mt__team-details-member-location{
color: $mt__secondary-color;
font-size: 16px;
font-weight: 700;
line-height: 26px;
text-align: center;
margin-top: 26px;
i{
margin-right: 7px;
}
}
img{
@include mt__screen-991{
margin-left: auto;
margin-right: auto;
}
}
}
.mt__team-details-right-site{
@include mt__screen-991{
text-align: center;
margin-top: 30px;
}
.mt__team-member-regi{
font-size: 24px;
font-weight: 400;
color: #767676;
text-transform: capitalize;
line-height: 34px;
}
.mt__team-member-name{
font-size: 52px;
font-weight: 700;
line-height: 62px;
color: $mt__secondary-color;
text-transform: capitalize;
margin-top: 18px;
margin-bottom: 21px;
@include mt__screen-575{
font-size: 35px;
line-height: 45px;
}
@include mt__screen-439{
font-size: 28px;
line-height: 38px;
}
}
.mt__team-member-social-media-wrapper{
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
row-gap: 16px;
@include mt__screen-991{
justify-content: center;
}
.mt__team-member-social-media-icons{
display: flex;
align-items: center;
gap: 10px;
a{
background-color: $mt__primary-color;
width: 50px;
height: 50px;
color: $mt__secondary-color;
line-height: 50px;
display: inline-block;
text-align: center;
border-radius: 50%;
transition: linear 0.3s;
&:hover{
background-color: $mt__blue;
color: $mt__primary-color;
}
}
}
.mt__team-member-comment{
a{
padding: 15px 20px;
display: flex;
align-items: center;
gap: 10px;
background-color: $mt__primary-color;
border-radius: 50px;
color: $mt__secondary-color;
font-size: 16px;
font-weight: 400;
line-height: 26px;
transition: linear 0.3s;
&:hover{
background-color: $mt__blue;
color: $mt__primary-color;
}
}
}
}
.mt__team-member-info{
display: flex;
align-items: center;
gap: 100px;
margin-top: 58px;
margin-bottom: 59px;
@include mt__screen-991{
justify-content: center;
}
@include mt__screen-439{
gap: 30px;
}
.mt__team-member-role{
font-size: 16px;
font-weight: 400;
color:#767676;
line-height: 26px;
text-transform: capitalize;
}
.mt__team-member-work-name{
font-size: 16px;
font-weight: 700;
color: $mt__secondary-color;
line-height: 26px;
text-transform: capitalize;
}
}
.mt__team-member-skill{
.mt__team-member-skill-title{
font-size: 16px;
font-weight: 400;
color: #767676;
line-height: 26px;
text-transform: capitalize;
margin-bottom: 14px;
}
.mt__team-member-supper-skill{
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
@include mt__screen-991{
justify-content: center;
}
a{
background-color: $mt__primary-color;
color: $mt__secondary-color;
border-radius: 50px;
padding: 8px 17px;
transition: linear 0.3s;
&:hover{
background-color: $mt__blue;
color: $mt__primary-color;
}
}
}
}
}
}
}
.mt__team-details-about{
margin-top: 60px;
.mt__team-details-main-title{
font-size: 52px;
font-weight: 700;
line-height: 62px;
color: $mt__primary-color;
text-transform: capitalize;
margin-bottom: 20px;
@include mt__screen-439{
font-size: 35px;
line-height: 45px;
}
}
.mt__team-details-main-pera{
font-size: 16px;
font-weight: 400;
color: #cdcdcd;
line-height: 26px;
text-transform: capitalize;
}
}
}
// End Team Details Area
// Start Contact Area
.mt__contact-area-inner{
position: relative;
background-color: $mt__secondary-color;
padding-top: 150px;
@include mt__screen-991{
padding-top: 70px;
}
.mt__contact-pannel-bar{
.mt__contact-pannel-wrapper{
background-color:#F8F8F8;
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 60px;
border-radius: 50px;
flex-wrap: wrap;
row-gap: 25px;
.mt__contact-item{
display: flex;
align-items: center;
gap: 15px;
.mt__contact-pannel-icon{
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
border-radius: 50%;
text-align: center;
background-color: $mt__primary-color;
color: $mt__secondary-color;
}
}
}
}
.mt__contact-pannel-title{
font-size: 16px;
font-weight: 700;
color: #121D18;
line-height: 26px;
}
.mt__contact-pannel-text{
font-size: 16px;
font-weight: 400;
color: #6C6E76;
line-height: 26px;
&:hover{
color: $mt__blue;
}
}
.mt__contact-map-wrapper{
margin-top: 60px;
.mt__contact-map{
width: 100%;
height: 755px;
}
}
.mt__all-location{
margin-top: 60px;
.mt__all-location-wrapper{
display: flex;
align-items: center;
gap: 24px;
justify-content: center;
flex-wrap: wrap;
row-gap: 24px;
.mt__all-location-item{
background-color: #101012;
border: 1px solid #212121;
border-radius: 20px;
padding: 102px 77px;
position: relative;
@include mt__screen-575{
padding: 60px 50px;
}
.mt__location-item-batch{
top: 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.mt__all-location-item-title{
text-align: center;
font-size: 24px;
font-weight: 700;
color: $mt__primary-color;
line-height: 34px;
text-transform: capitalize;
}
.mt__all-loc-item{
display: block;
text-align: center;
font-size: 16px;
line-height: 26px;
color: #CDCDCD;
text-transform: capitalize;
}
}
}
}
}
// End Contact Area
// Start 404 Area
.mt__404-area{
background-color: $mt__secondary-color;
padding-top: 100px;
@include mt__screen-991{
padding-top: 70px;
}
@include mt__screen-767{
padding-top: 60px;
}
.mt__404-wrapper{
text-align: center;
svg{
@include mt__screen-991{
width: 500px;
height: 500px;
}
@include mt__screen-575{
width: 300px;
height: 300px;
}
}
h3{
font-size: 96px;
font-weight: 700;
color: $mt__primary-color;
line-height: 106px;
text-align: center;
margin-top: 15px;
@include mt__screen-575{
font-size: 50px;
line-height: 60px;
}
}
p{
text-align: center;
font-size: 24px;
line-height: 34px;
color: #CDCDCD;
margin-top: 20px;
}
a{
background-color: $mt__blue;
border-radius: 50px;
color: $mt__primary-color;
padding: 14px 40px;
display: inline-block;
margin-top: 30px;
i{
margin-right: 5px;
}
}
}
}
// End 404 Area
.mt__container01.team-container {
margin-left: 13%;
}
.pricing-pages .mt__pricing-wrapper {
margin-top: -460px;
}
.mt__hero-01.mt__pricing-area-home-1 {
min-height: 800px;
}
.mt__pricing-wrapper {
padding: 0 40px;
}
.pricing-tab-swich {
display: flex;
gap: 20px;
align-items: center;
margin-right: 90px;
justify-content: end;
@include mt__screen-767{
margin-right: 0px;
}
}
.mt__sass-skill-area-home-1 .mt__video-banner-home-1 .mt__video-banner-wrapper a::before {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 70%;
height: 70%;
background-color: rgba(0, 0, 0, 0.529);
animation: borderanimate2 2s linear infinite;
z-index: -1;
border-radius: 50%;
}
.mt__sass-skill-area-home-1 .mt__video-banner-home-1 .mt__video-banner-wrapper a::after {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 90%;
height: 90%;
transform: scale(1.5);
border: 1px solid #000;
animation: borderanimate2 2s linear infinite;
border-radius: 50%;
}