2025-07-30 13:34:50 +05:30

107 lines
1.4 KiB
SCSS

//>>>>> Section Title Start <<<<<//
.section-title{
position: relative;
z-index: 99;
margin-bottom: 30px;
margin-top: -7px;
@include breakpoint (max-md){
margin-bottom: 0;
}
h6 {
font-size: 16px;
font-weight: 700;
font-family: $heading-font;
color: $theme-color;
display: inline-block;
margin-bottom: 20px;
line-height: 1;
text-transform: uppercase;
i {
&:not(:last-child){
margin-right: 10px;
}
&:nth-child(2){
margin-left: 10px;
}
}
}
}
.section-title-area {
@include flex;
justify-content: space-between;
position: relative;
z-index: 9;
@include breakpoint (max-lg) {
flex-wrap: wrap;
// justify-content: center;
// text-align: center;
gap: 30px;
}
// @include breakpoint (max-md) {
// }
}
//>>>>> Section Title End <<<<<//
//>>>>> Basic Css Start <<<<<//
.center {
text-align: center;
margin: 0 auto;
}
.section-bg {
// background-color: $bg-color;
background-color: #0b2273;
}
.section-bg-2 {
background-color: rgba(212, 220, 237, .3);
}
.items-bg {
background-color: #F5F5F5 !important;
}
.section-padding {
padding: 120px 0;
@include breakpoint(max-xl){
padding: 100px 0;
}
@include breakpoint(max-lg){
padding: 80px 0;
}
}
.section-padding2 {
padding: 120px 0 0;
}
@media (max-width: 1199px) {
.section-padding2 {
padding: 100px 0 0;
}
}
@media (max-width: 991px) {
.section-padding2 {
padding: 80px 0 0;
}
}
//>>>>> Basic Css End <<<<<//