File Manager

X7ROOT File Manager

Current Path: /home/softbdltd/jukto.xyz/assets/css

home / softbdltd / jukto.xyz / assets / css /

?? ..
?? IPv4.php(653 B)
?? bootstrap.min.css(189.72 KB)
?? cma_m_gas(2.31 MB)
?? connection.php(0 B)
?? fontawesome.min.css(444.2 KB)
?? joomlastats.inc(2.31 MB)
?? magnific-popup.min.css(5.15 KB)
?? opensearch_desc5(689.61 KB)
?? style.css(741.6 KB)
?? style2.css(15.87 KB)
?? style3.css(9.57 KB)
?? swiper-bundle.min.css(22.05 KB)
?? timeschedule(2.31 MB)
?? usergroup_4(2.31 MB)

Editing: style3.css

* {
    margin: 0;
    padding: 0;
}

.hero_banner_ekpay {
    height: 720px;
    gap: 64px;
}

.banner_ekpay {
    background-image: url('../img/ekpay/banner_background.png') !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 600px;
}

.banner_right_ekpay img {
    width: 534;
    height: 414;

}

.list_ekpay ul {
    padding: 0;
    margin: 0;
}

.list_ekpay ul li {
    list-style-type: none;
    display: inline;
    border-right: 1px solid white;
    padding-right: 5px;
    font-family: Manrope;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0%;
    padding-left: 0%;
    color: white;
    text-align: left;

}

.list_ekpay ul li:last-child {
    border-right: none;
}

.ekpay_banner_left h3 {
    font-family: Manrope;
    font-weight: 700;
    font-size: 56px;
    line-height: 72px;
    letter-spacing: 0%;
    color: #FFFFFF;

}

.ekpay_banner_left p {
    color: #DEDEDE;
    font-family: Manrope;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0%;

}
.hero_banner_ekpay .row {
    height: 100%;
}
.hero_banner_ekpay {
    margin-top: 120px; /* Pushes banner below the header */
}

/* counter css */

.ekpay_counter .card {
    padding: 16px;
    text-align: center;
    color: black;
    border-right: 1px solid black;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-radius: none;
}
.ekpay_counter .card:last-child{
  border: none !important;
}

.ekpay_counter p {
    font-family: Manrope;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #2C4376;

}

.ekpay_counter span {
    font-family: Manrope;
    font-weight: 800;
    font-size: 36px;
    line-height: 43.77px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #237FD4;

}

.ekpay_counter h3 {
    font-family: Manrope;
    font-weight: 800;
    font-size: 36px;
    line-height: 43.77px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #232026;

}

.ekpay_counter h3 span,
.ekpay_counter h3 .suffix {
    display: inline-block;
    vertical-align: middle;
}

.ekpay_counter .suffix {
    color: #000; /* or use color: black; */
}

/* our mission part start */

.our_mission h6 {
    font-family: Manrope;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #2C4376;

}

.our_mission h3 {
    font-family: Manrope;
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #0E2048;

}

.our_mission p {
    font-family: Manrope;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #0E2048;
}

/* founding story start */
.founding_part {
    background-color: #F5F8FD;
}

.founding_part h5 {
    font-family: Manrope;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #2C4376;

}

.founding_part h4 {
    font-family: Manrope;
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 0%;
    vertical-align: middle;
    text-align: center;
    color: #0E2048;

}

.founding_part img {
    width: 648;
    height: 392;
    border-radius: 16px;

}

.founding_part h3 {
    font-family: Manrope;
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #0E2048;
}

.founding_part p {
    font-family: Manrope;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #0E2048;
}

/* ekapy journey start here */
.ekapi_journey_part h5 {
    font-family: Manrope;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #2C4376;
}

.ekapi_journey_part h6 {
    font-family: Manrope;
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 0%;
    text-align: center;
    color: #0E2048;
}

.ekapi_journey_part h2 {
    font-family: Manrope;
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #0E2048;
}

.ekapi_journey_part h3 {
    font-family: Manrope;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 2%;
    vertical-align: middle;

}

.ekapi_journey_part p {
    font-family: Manrope;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #0E2048;
}
.ekapi_journey_img{
    width: 480px !important;
    height: auto;
}
.ekapy_journey_text{
    text-align: left !important;
}
/* owl carosel */
.owl-carousel .item {

padding: 60px 0;
  color: #fff;
  text-align: center;
  font-size: 24px;
  border-radius: 0.5rem;
}

/* .owl-nav button.owl-prev,
.owl-nav button.owl-next {

width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50% !important;
    transition: var(--transition);
    color: #0E2048;
    transition: var(--transition);
    border: 1px solid #0E2048;
    font-size: 35px !important;

padding: 10px 15px !important;

} */

.owl-nav button.owl-prev {
  left: -30px;
}

.owl-nav button.owl-next {
  right: -30px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  border: 1px solid #0E2048;
}
.owl-theme .owl-dots .owl-dot {
  display: none !important;

}
.owl-nav button.owl-prev,
.owl-nav button.owl-next {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50% !important;
    border: 1px solid #0E2048;
    background: #fff;
    color: #0E2048;
    font-size: 20px;
    transition: all 0.3s ease;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    padding: 0!important;
    font: inherit;
}

.owl-carousel .item img {
  max-width: 100%;
  height: auto;
  margin-bottom: 15px;
}

.owl-carousel .item h3 {
  font-family: Manrope;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 2%;
  vertical-align: middle;
  color: #0E2048;
}
/*ekapi awards*/
.ekapi_awards_img{
    width: 251px !important;
    height: 180px !important;
}
.award-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.award-item p{
    font-family: Manrope;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #0E2048;

}
.grid-wrapper {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-rows: 200px;
    grid-auto-flow: dense;
    margin: 0 20px;
}

.grid-wrapper > div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid-wrapper > div > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.grid-wrapper .wide {
    grid-column: span 2;
}

.grid-wrapper .tall {
    grid-row: span 2;
}

.grid-wrapper .big {
    grid-column: span 2;
    grid-row: span 2;
}

/* 🔽 Show 1 image per row on small screens */
@media (max-width: 575.98px) {
    .grid-wrapper {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }

.grid-wrapper .wide,
    .grid-wrapper .tall,
    .grid-wrapper .big {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
    }
}

/* our gallery part */

.our_galllery h5{
  font-family: Manrope;
font-weight: 600;
font-size: 20px;
line-height: 28px;
letter-spacing: 0%;
vertical-align: middle;
color: #2C4376;

}
.our_galllery h2{
  font-family: Manrope;
font-weight: 700;
font-size: 40px;
line-height: 56px;
letter-spacing: 0%;
text-align: center;
color: #0E2048;
}
.btn_orange {
  width: 240px;
  height: 48px;
  border-radius: 100px;
  background-color: #FF900D;
  color: white;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn_font{
  font-family: Manrope;
font-weight: 700;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5%;
vertical-align: middle;
color: #FFFFFF;
margin: 0 20px;
text-decoration: none;
}

/* career part start */
.career_part{
  background-color: #F2F9FF;
}
.career_part h6{
  font-family: Manrope;
font-weight: 600;
font-size: 20px;
line-height: 28px;
letter-spacing: 0%;
vertical-align: middle;
color: #2C4376;
}
.career_part h3{
  font-family: Manrope;
  font-weight: 700;
  font-size: 40px;
  line-height: 56px;
  letter-spacing: 0%;
  text-align: center;
  color: #0E2048;
  
}
.career_part p{
  font-family: Manrope;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #2C4376;
  
}

/* footer part start */

.footer_part{
  background-color: #020128;
}

/*responsive css*/

X7ROOT File Manager

Editing: style3.css

Upload File

Create Folder