/*--------- Abstracts variable ---------- */
@import url(./satoshi.css);
@import url('https://fonts.googleapis.com/css2?family=Playball&display=swap');
:root {
--ufh-body-font-family: 'Satoshi-Variable';
--theme-color1: #008dd4;
--theme-color2: #ffc40c;
--theme-orange: #e86219;
--theme-darkblue: #004b8d;
--black: #000;
--white: #ffffff;
--title-color:#002840;
--wp--preset--color--blue: #00b1ff;
--wp--custom--block-spacing--mobile: 3em;
--wp--custom--block-spacing--small: 60px;
--wp--custom--block-spacing--medium: 80px;
--wp--custom--block-spacing--large: 100px;
}
.playball-regular {
font-family: "Playball", cursive;
font-weight: 400;
font-style: normal;
}
/*---------- Reset css styles ----------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
/* Elements
-------------------------------------------------------------- */
html {
margin-right: 0 !important;
scroll-behavior: smooth;
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
width: 100%;
height: 100%;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: var(--ufh-body-font-family);
font-weight: 400;
line-height: 150%;
color: var(--main);
position: relative;
width: 100%;
height: 100%;
}
img {
max-width: 100%;
height: auto;
transform: scale(1);
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.row > * {
padding-left: 15px;
padding-right: 15px;
}
ul,
li {
list-style-type: none;
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.container {
max-width: 1540px;
}
.container {
width: 100%;
margin: auto;
}
.container {
padding-left: 15px;
padding-right: 15px;
}
.container-full {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0px 15px;
}
/* Typography
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--ufh-body-font-family);
text-rendering: optimizeLegibility;
color: var(--main);
}
h1 {
font-size: 80px;
line-height: 96px;
}
h2 {
font-size: 68px;
line-height: 81.6px;
}
h3 {
font-size: 56px;
line-height: 67.2px;
}
h4 {
font-size: 42px;
line-height: 50.4px;
}
h5 {
font-size: 28px;
line-height: 33.6px;
}
h6 {
font-size: 20px;
line-height: 30px;
}
b,
strong {
font-weight: bolder;
}
video {
width: 100%;
height: 100%;
object-fit: cover;
}
.bg-1{background-color: var(--theme-color1);}
.bg-2{background-color: var(--theme-color2);}
.bg-3{background-color: var(--theme-darkblue);}
.bg-4{background-color: var(--theme-orange);}
.btn,
button {
border: none;
font-size: 10px;
font-size: 1rem;
font-weight: 600;
padding: 10px 25px;
padding: 1rem 2.5rem;
transition: color 0.1s cubic-bezier(0.16, 0.08, 0.355, 1), background 0.1s cubic-bezier(0.16, 0.08, 0.355, 1);
display: inline-block;
cursor: pointer;
width: 100%;
border-radius: 50px;
outline: none;
vertical-align: middle;
text-align: center;
position: relative;
overflow: hidden;
}
.btn.btn-yellow{
background-color: var(--theme-color2);
}
.btn.btn-blue{
background-color: var(--theme-color1);
color: var(--white);
}
.btn.btn-orange{
background-color: var(--theme-orange);
color: var(--white);
}
@media (min-width: 400px) {
.btn,
button {
width: auto;
}
}
@media (min-width: 800px) {
.btn,
button {
font-size: 1.1rem;
padding: 0.7rem 2.8rem;
}
}
.btn:hover.btn.btn-yellow {
background: var(--theme-color2);
}
.btn:hover.btn.btn-blue {
background: var(--theme-color1);
}
.btn:hover.btn.btn-orange {
background: var(--theme-orange);
}
.btn-border {
background-color: transparent;
color: #1d1d1d;
}
.btn-arrow {
position: relative;
transition: background-color 300ms ease-out;
}
.btn-arrow span {
display: inline-block;
position: relative;
transition: all 300ms ease-out;
will-change: transform;
}
.btn-arrow:hover span {
transform: translate3d(-1rem, 0, 0);
}
.btn-arrow svg {
position: absolute;
width: 1.1em;
right: 0px;
right: 0rem;
opacity: 0;
top: 50%;
transform: translateY(-50%);
transition: all 300ms ease-out;
will-change: right, opacity;
}
.btn-arrow svg * {
stroke-width: 5;
stroke-color: transparent;
}
.btn-arrow:hover svg {
opacity: 1;
right: -2rem;
}
img.logo {
float: left;
height: 60px;
}
img.logo.large {
height: 60px;
}
img.logo.small {
margin-top: 10px;
height: 30px;
}
/* Header */
header {
background-color: #fff;
float: left;
width: 100%;
position: fixed;
z-index: 10;
}
/*header a {
color: #969696;
text-decoration: none;
font-family: 'Amaranth', sans-serif;
text-transform: uppercase;
font-size: 1em;
}
header a.active, header a:hover {
color: #3d3d3d;
}*/
/*header li {
margin-right: 30px;
}*/
/* header large */
/*header.large {
height: 120px;
}
header.large img {
margin-top: 30px;
}
header.large li {
margin-top: 52px;
}*/
/* header small */
header.small {
height: auto;
}
header.small img {
}
/*header.small li {
margin-top: 17px;
}*/
/* Transitions */
header,
img {
transition: .7s all;
-moz-transition: .7s all;
-webkit-transition: .7s all;
-o-transition: .7s all;
}
header{box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);}
.logo{width: 300px; padding-top: 15px; padding-bottom: 15px; border-right: 1px solid #eee9e2;}
@media screen and (max-width: 1200px) {
.logo{width: 250px;}
}
.apply{color: var(--white); line-height: 150%; font-weight: 500; text-decoration: none; background-color: #004b8d;}
.menu-top{border-bottom: 1px solid #eee9e2; }
.top-contact{ background-color: #00b1ff; }
.top-contact li{font-size: 15px; float: left;padding: 15px 15px;}
.top-contact li:last-child{border-right: 1px solid #eee9e2;}
.menu-bottom{padding: 10px 0;}
@media screen and (max-width: 993px) {
.menu-top{display: none !important;}
}
/* Menu */
.ozmenu ul.ozmenu-nav {
display: flex;
align-items: flex-start;
/*justify-content:space-between;*/
list-style: none;
padding-left: 0px;
}
.ozmenu ul.ozmenu-nav>li {
position: relative;
float: left;
width: auto;
}
.ozmenu ul.ozmenu-nav>li a:hover{
color: rgb(0, 0, 0) !important;
}
.ozmenu ul li.dropdownitem>a:after{
width: 15px;
height: 15px;
text-align: center;
float: right;
background-color: #000;
content: "";
margin: 1px 0px 0px 3px;
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
.ozmenu ul li .dropdown{
display:none;
position: absolute;
min-width: 200px;
}
@media screen and (min-width: 993px) {
.ozmenu ul.ozmenu-nav>li a{
color: #333 !important;
font-weight: 500;
text-decoration: none;
padding: 10px 10px;
background-color: #fff;
border-radius: 8px;
display: inline-block;
font-size: 17px;
height: 100%;
position: relative;
}
.ozmenu ul li.dropdownitem:hover .dropdown{
display: block;
position: absolute;
margin: 0;
padding: 5px 0px;
min-width: 220px;
padding-top: 0px !important;
}
.ozmenu ul li.dropdownitem:hover > a{
border-radius: 8px 8px 0px 0px !important;
}
.ozmenu ul li.dropdownitem ul li.dropdownitem:hover > a{
border-radius: 8px !important;
}
.ozmenu ul li.dropdownitem:hover .dropdown .dropdown{
display: none;
}
.ozmenu ul li.dropdownitem .dropdown li.dropdownitem:hover .dropdown {
padding-left: 16px;
position: absolute;
margin: 0;
padding-top: 0px !important;
min-width: 200px;
display: inline-table;
top: 0 !important;
left: 100% !important;
right: auto !important;
}
.ozmenu ul li.dropdownitem .dropdown .dropdown .dropdown {
display: none !important;
visibility: hidden;
}
.ozmenu ul li.dropdownitem .dropdown ul {
list-style: none;
background-color: #fff;
float: left;
padding: 10px;
border-radius: 0px 8px 8px 8px;
}
.ozmenu ul li.dropdownitem ul li a{
color: #333 !important;
font-weight: 400;
text-decoration: none;
padding: 5px 0px;
float: left;
width: 100%;
border-radius: 0px;
font-size: 16px;
}
.ozmenu ul.ozmenu-nav .dropdown ul li a:hover {
color: #333 !important;
padding-left: 12px;
transition: all 0.15s ease-out;
}
/* Animations */
.dropdownitem .dropdown{
animation: translateDown 200ms 0ms ease-in-out forwards;
transform-origin: top center;
}
.dropdownitem .dropdownitem .dropdown {
transform-origin: top center !important;
animation: translateX 200ms 0ms ease-in-out forwards !important;
}
@keyframes translateDown {
0% {
transform: scaleY(0)
}
80% {
transform: scaleY(1.1)
}
100% {
transform: scaleY(1)
}
}
@keyframes translateX {
0% {
opacity: 0;
transform: translateX(-60px);
}
80% {
transform: translateX(-5px);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
/* Dropdown + Dropdown */
.ozmenu ul li.dropdownitem ul li .nav-dropdown:after{
width: 15px;
height: 15px;
text-align: center;
float: right;
background-color: #000;
content: "";
margin: 1px 0px 0px 3px;
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
}
.ozmenu ul.ozmenu-nav .dropdown ul li {
float: left;
width: 100%;
}
.ozmenu ul.ozmenu-nav .dropdown ul li a{
padding: 8px 10px;
}
.ozmenu ul li.dropdownitem ul li a,
.ozmenu ul li.dropdownitem ul li .dropdown ul li a {
border-bottom: 1px dotted #eee;
}
.ozmenu ul li.dropdownitem ul li:last-child a,
.ozmenu ul li.dropdownitem ul li .dropdown ul li:last-child a {
border-bottom: 0px !important;
}
/* Dropdown + Dropdown */
.ozmenu ul li.dropdownitem ul li a:before,
.ozmenu ul li.dropdownitem ul li .nav-dropdown ul li a:after{
display: none !important;
}
.ozmenu ul li.dropdownitem ul li .nav-dropdown ul li:last-child a{
border-bottom: 0px !important;
}
.ozmenu ul li.dropdownitem .dropdown ul li.dropdownitem {
display: inline-block;
height: 100%;
position: relative;
width: 100%;
}
/* Responsive Menu */
.menu-close,
.menu-open {
display: none;
}
@media screen and (max-width: 993px) {
.menu-open,
.menu-close {
cursor: pointer;
color:#333;
text-decoration: none;
font-size: 26px;
}
.menu-open {
display: flex;
margin-right: 15px;
align-content: center;
}
.menu-close {
display: none;
}
.ozmenu {
position: relative;
display: none;
}
.ozmenu.active {
display: block;
}
.menu-open {
display: block !important;
float: right;
}
.mobile-menu-active .menu-close {
display: block !important;
z-index: 15;
position: absolute;
right: 13px;
left: unset !important;
top: 0px;
float: left;
}
.ozmenu-nav {
display: none !important;
}
.ozmenu.active .ozmenu-nav {
display: block !important;
}
.ozmenu.active{
position: fixed;
left: 0px;
top: 0px;
margin-top: 0px !important;
width: 40%;
height: 100vh;
display: flex;
z-index: 9999;
}
.ozmenu.active .ozmenu-nav{
background-color: #fff;
float: left;
margin-top: 0px;
padding: 40px 20px;
width: 100%;
height: 100vh;
overflow: scroll;
transform-origin: top center !important;
}
.ozmenu.active .ozmenu-nav, .menu-close {
animation: translateX 400ms 0ms ease-in-out forwards !important;
}
@keyframes translateX {
0% {
opacity: 0;
transform: translateX(-160px);
}
80% {
transform: translateX(-5px);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
.ozmenu ul.ozmenu-nav>li {
float: left;
width: 100%;
}
.ozmenu ul.ozmenu-nav>li a{
float: left;
width: 100%;
text-decoration: none;
color: #333;
font-weight: 500;
padding: 10px 0px;
border-bottom: 1px solid #ddd;
}
.ozmenu ul.ozmenu-nav>li a:hover {
float: left;
width: 100%;
transition: all 0.25s ease-out;
text-decoration: none;
color: var(--theme-orange) !important;
padding: 10px 0px;
}
.ozmenu ul li.dropdownitem>a:hover:after{
background-color: var(--theme-orange) !important;
}
.nav-dropdown.opened {
color: var(--theme-orange) !important;
border-bottom: 1px solid var(--theme-orange) !important;
}
.ozmenu ul.ozmenu-nav>li:last-child a{
border-bottom: 0px solid #ddd;
}
.ozmenu.active ul li .nav-dropdown.opened + .dropdown ul {
list-style: none;
float: left;
margin-left: 0px;
padding-left: 7px;
}
.ozmenu.active ul li .nav-dropdown.opened + .dropdown ul .dropdown ul {
padding-left: 15px;
}
.ozmenu.active ul li .nav-dropdown.opened + .dropdown{
display: block;
position: relative;
margin: 0;
padding: 5px 0px;
min-width: unset;
padding-top: 0px !important;
float: left;
}
.ozmenu.active ul li.dropdownitem:hover + .dropdown + .dropdown{
display: none;
}
#menu-overlay {
background-color: rgba(0,0,0,.3);
float: left;
display: none;
width: 100%;
height: 100vh;
z-index: 9;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#menu-overlay.show {
display: block !important;
}
.menu-open .open {
width: 40px;
height: 40px;
float: right;
background-color: var(--theme-orange);
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
transition: all 0.2s ease-out;
}
.mobile-menu-active .menu-open .open, .menu-open .open:hover {
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
}
.menu-close .close {
width: 38px;
height: 38px;
float: right;
background-color: var(--theme-orange);
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
transition: all 0.2s ease-out;
}
.menu-close .close:hover {
background-color: var(--theme-orange);
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
}
.ozmenu.active ul li.dropdownitem>a.opened:after{
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,') !important;
mask-image: url('data:image/svg+xml;charset=utf-8,') !important;
}
}
@media screen and (max-width: 500px) {
.ozmenu.active {
width: 70%;
}
}
@media screen and (max-width: 400px) {
.ozmenu.active{
width: 100%;
}
}
.announce{position: absolute; bottom: 0;}
@media screen and (max-width: 780px) {
.announce{position: relative; bottom: 0;}
}
.announcement-bx h5{
font-size: 18px;
font-weight: 700;
color: var(--white);
text-transform: uppercase;
background-color: var(--theme-orange);
padding: 20px 25px;
border-top-left-radius: 0.375rem;
}
.title{
font-size: 42px;
font-weight: 800;
color: var(--title-color);
}
.divider {
display: flex;
}
.divider:before, .divider:after {
content: "";
flex: 1;
}
.divider .svg-info, .divider .svg-info * {
fill: #f6f2f1;
}
.bg-green{
background-color: var(--theme-color1);
}
.divider .svg {
width: 100%;
height: auto;
vertical-align: bottom;
}
.bg-info {
background-color: var(--secondary-color) !important;
}
.divider .svg-white {
fill: #fff;
}
.divider .svg-white, .divider .svg-white * {
fill: #fff;
}
.divider .svg-light, .divider .svg-light * {
fill: #f5f5f5;
}
.divider .svg-footer, .divider .svg-footer * {
fill: #1c1c1c;
}
/** Style 2 **/
.pbmit-service-style-2 .pbmit-service-image-wrapper{
transition: all .5s ease-in-out
}
.pbmit-service-style-2{
position: relative
}
.pbmit-service-style-2 .pbmit-featured-wrapper{
position: relative;
overflow: hidden;
transition: all .8s ease-in-out;
border-radius: 6px;
}
.pbmit-service-style-2 .pbmit-service-image-wrapper img{
transition: all .4s ease-in-out;
width: 100%
}
.pbmit-service-style-2:hover .pbmit-service-image-wrapper img{
transform: scale(1.05)
}
.pbmit-service-style-2 .pbmit-featured-wrapper::before{
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1;
background: linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0) 73%);
}
.pbmit-service-style-2 .pbminfotech-box-content{
position: relative;
}
.pbmit-service-style-2 .pbmit-content-box{
position: absolute;
bottom: 20px;
left: 30px;
z-index: 1;
width: calc(100% - 30%);
}
.pbmit-service-style-2 .pbmit-service-title{
font-size: 26px;
line-height: 40px;
margin-bottom: 15px;
}
.pbmit-service-style-2 a .pbmit-service-title {
text-decoration: none;
color: var(--white);
}
.pbmit-service-style-2 .pbmit-service-title a:hover{
color: var(--pbmit-global-color);
}
.pbmit-service-style-2 .pbmit-service-description{
height: 0;
opacity: 0;
overflow: hidden;
display: -webkit-box;
/*-webkit-line-clamp: 3;*/
-webkit-box-orient: vertical;
-webkit-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
color: var(--white);
}
.pbmit-service-style-2:hover .pbmit-service-description{
opacity: 1;
height: 60px;
}
/* Scrolling Slideshow */
.wp-block-heading{ font-size: 28px; font-weight: 700; color: var(--title-color);}
.has-dark-blue-background-color {
--wp--theme--color--solid-button-text-color: #1a7fbb;
--wp--theme--color--background-color: #1a7fbb;
color: var(--wp--theme--color--text-color);
}
html :where([style*=border-width]){border-style:solid}
html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}
.wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}
.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}
.wp-block-spacer{clear:both}
.wp-block-metropolis-section{display:flow-root;background-size:cover;background-position:50%;background-repeat:no-repeat;background-color:#fff;position:relative}
@supports not (display:flow-root){.wp-block-metropolis-section{padding:.05px}}
@media screen and (max-width:781px){
.wp-block-metropolis-section{background-attachment:scroll!important}
}
.wp-block-metropolis-section__overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.5;
border-radius: inherit;
}
.wp-block-metropolis-section__overlay.has-background-dim.has-background-dim-0 {
opacity: 0;
}
.wp-block-metropolis-section__overlay.has-background-dim.has-background-dim-10 {
opacity: 0.1;
}
.wp-block-metropolis-section__overlay.has-background-dim.has-background-dim-20 {
opacity: 0.2;
}
.wp-block-metropolis-section__overlay.has-background-dim.has-background-dim-30 {
opacity: 0.3;
}
.wp-block-metropolis-section__overlay.has-background-dim.has-background-dim-40 {
opacity: 0.4;
}
.wp-block-metropolis-section__overlay.has-background-dim.has-background-dim-50 {
opacity: 0.5;
}
.wp-block-metropolis-section__overlay.has-background-dim.has-background-dim-60 {
opacity: 0.6;
}
.wp-block-metropolis-section__overlay.has-background-dim.has-background-dim-70 {
opacity: 0.7;
}
.wp-block-metropolis-section__overlay.has-background-dim.has-background-dim-80 {
opacity: 0.8;
}
.wp-block-metropolis-section__overlay.has-background-dim.has-background-dim-90 {
opacity: 0.9;
}
.wp-block-metropolis-section__overlay.has-background-dim.has-background-dim-100 {
opacity: 1;
}
.wp-block-metropolis-section__container {
display: flow-root;
position: relative;
z-index: 1;
}
@supports not (display: flow-root) {
.wp-block-metropolis-section__container {
padding: 0.05px;
}
}
/******************/
.wp-block-metropolis-container {
margin-top: var(--wp--custom--block-spacing--mobile);
margin-bottom: var(--wp--custom--block-spacing--mobile);
width: 90%;
max-width: 1e3px;
margin-left: auto;
margin-right: auto;
position: relative;
}
@media screen and (min-width: 782px) {
.wp-block-metropolis-container {
margin-top: var(--wp--custom--block-spacing--small);
margin-bottom: var(--wp--custom--block-spacing--small);
}
}
@media screen and (min-width: 1000px) {
.wp-block-metropolis-container {
margin-top: var(--wp--custom--block-spacing--medium);
margin-bottom: var(--wp--custom--block-spacing--medium);
}
}
@media screen and (min-width: 1200px) {
.wp-block-metropolis-container {
margin-top: var(--wp--custom--block-spacing--large);
margin-bottom: var(--wp--custom--block-spacing--large);
}
}
/****************************************************/
.wp-block-metropolis-content-block {
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
--border-width: 0;
position: relative;
padding: 1.5em;
margin: 2em 0;
background-clip: padding-box;
transition-property: border;
transition-duration: 0.15s;
transition-timing-function: ease;
transition-delay: initial;
}
@media screen and (min-width: 782px) {
.wp-block-metropolis-content-block {
padding: 2em;
}
}
.wp-block-metropolis-content-block:first-child {
margin-top: 0;
}
.wp-block-metropolis-content-block:last-child {
margin-bottom: 0;
}
.wp-block-metropolis-content-block .wp-block-metropolis-content-block__container {
position: relative;
}
@media screen and (min-width: 600px) {
.wp-block-metropolis-content-block .wp-block-metropolis-content-block__container {
height: 100%;
}
}
.wp-block-metropolis-content-block .wp-block-metropolis-content-block__container > *:last-child {
margin-bottom: 0;
}
.wp-block-metropolis-content-block .wp-block-metropolis-content-block__container a[href] {
position: relative;
z-index: 2;
}
/***************************************************/
@media screen and (max-width: 781px) {
.wp-block-metropolis-scrolling-slideshow > .wp-block-columns {
display: block;
}
}
.wp-block-metropolis-scrolling-slideshow > .wp-block-columns .wp-block-column.media {
display: grid;
position: sticky;
overflow: hidden;
}
@media screen and (max-width: 781px) {
.wp-block-metropolis-scrolling-slideshow > .wp-block-columns .wp-block-column.media {
top: 0 !important;
height: 0;
overflow: visible;
display: none;
}
}
@media screen and (min-width: 782px) {
.wp-block-metropolis-scrolling-slideshow > .wp-block-columns .wp-block-column.media {
top: 50%;
align-self: flex-start;
}
}
.wp-block-metropolis-scrolling-slideshow > .wp-block-columns .wp-block-column.media .wp-block-image {
display: flex;
align-items: center;
justify-content: center;
grid-row-start: 1;
grid-column-start: 1;
margin: 0;
transition: opacity 0.3s ease;
opacity: 0;
}
@media screen and (max-width: 781px) {
.wp-block-metropolis-scrolling-slideshow > .wp-block-columns .wp-block-column.media .wp-block-image {
height: 100vh;
}
}
.wp-block-metropolis-scrolling-slideshow > .wp-block-columns .wp-block-column.media .wp-block-image:first-child {
opacity: 1;
}
.wp-block-metropolis-scrolling-slideshow > .wp-block-columns .wp-block-column.media .wp-block-image.not-active {
opacity: 0;
}
.wp-block-metropolis-scrolling-slideshow > .wp-block-columns .wp-block-column.media .wp-block-image.active {
opacity: 1;
}
@media screen and (max-width: 781px) {
.wp-block-metropolis-scrolling-slideshow > .wp-block-columns .wp-block-column.media .wp-block-image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
}
.wp-block-metropolis-scrolling-slideshow > .wp-block-columns .wp-block-column.content {
position: relative;
z-index: 1;
}
@media screen and (max-width: 781px) {
.wp-block-metropolis-scrolling-slideshow > .wp-block-columns .wp-block-column.content {
padding-top: 0 !important;
}
}
.wp-block-metropolis-scrolling-slideshow > .wp-block-columns .wp-block-column.content .wp-block-group {
transition: opacity 0.3s ease;
margin: 80px 0;
}
@media screen and (min-width: 782px) {
.wp-block-metropolis-scrolling-slideshow > .wp-block-columns .wp-block-column.content .wp-block-group {
margin: 100px 0;
margin-left: 3rem;
}
}
.wp-block-metropolis-scrolling-slideshow > .wp-block-columns .wp-block-column.content .wp-block-group:first-child {
margin-top: 0;
}
.wp-block-metropolis-scrolling-slideshow > .wp-block-columns .wp-block-column.content .wp-block-group:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 782px) {
.wp-block-metropolis-scrolling-slideshow > .wp-block-columns .wp-block-column.content .wp-block-group.not-active {
opacity: 0.3;
}
}
.wp-block-metropolis-scrolling-slideshow > .wp-block-columns .wp-block-column.content .wp-block-group.active {
opacity: 1;
}
.wp-block-metropolis-scrolling-slideshow.is-style-background-images > .wp-block-columns .wp-block-column.media {
position: static;
display: none;
}
.wp-block-metropolis-scrolling-slideshow.is-style-background-images > .wp-block-columns .wp-block-column.media .wp-block-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: fixed;
}
.wp-block-metropolis-scrolling-slideshow.is-style-background-images > .wp-block-columns .wp-block-column.media .wp-block-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.wp-block-metropolis-scrolling-slideshow.is-style-background-images > .wp-block-columns .wp-block-column.content .wp-block-metropolis-content-block {
transition-property: border, background;
transition-duration: 0.15s;
transition-timing-function: ease;
transition-delay: initial;
}
.wp-block-metropolis-scrolling-slideshow.is-style-background-images > .wp-block-columns .wp-block-column.content .wp-block-group.active .wp-block-metropolis-content-block.has-border-color:not(.has-background) {
--wp--theme--color--accent-color: var(--wp--preset--color--blue);
--wp--theme--color--text-color: black;
--wp--theme--color--heading-color: black;
--wp--theme--color--button-color: var(--wp--preset--color--blue);
--wp--theme--color--solid-button-text-color: white;
--wp--theme--color--outline-button-text-color: black;
--wp--theme--color--outline-button-border-color: rgba(0, 0, 0, 0.1);
--wp--theme--color--separator-color: rgba(0, 0, 0, 0.15);
background-color: #fff;
border-color: #fff !important;
color: #000;
}
/* Scrolling Slideshow */
.section-get-started .get-started-wrap .wrap-content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
background-color: #d6ebf4;
padding: 50px 80px 31px 80px;
width: 60%;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.section-get-started .get-started-wrap .wrap-content h2 {
margin-bottom: 17px;
}
.section-get-started .get-started-wrap .wrap-content p {
margin-bottom: 31px;
}
.section-get-started .get-started-wrap .img-right {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
position: relative;
align-items: flex-end;
width: 40%;
}
.section-get-started .get-started-wrap .img-right img {
width: 100%;
height: 100%;
object-fit: cover;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.section-get-started .get-started-wrap .img-right .tags-list {
position: absolute;
padding: 30px;
}
.section-get-started .get-started-wrap .img-right .tags-list .tag-list-item {
padding: 4px 18px;
}
.section-get-started .get-started-wrap .img-right .tags-list a {
font-size: 15px;
line-height: 30px;
}
.section-get-started .get-started-image {
position: relative;
max-width: 650px;
}
.section-get-started .get-started-image .badge {
position: absolute;
bottom: 35px;
left: 120px;
}
.section-get-started .get-started-image .badge-1 {
position: absolute;
top: 0px;
right: 0;
max-width: 280px;
border-radius: 12px;
overflow: hidden;
border: 1px solid rgb(228, 228, 231);
}
.section-get-started .get-started-content {
padding-top: 90px;
}
.section-get-started .get-started-content .title {
margin-bottom: 19px;
letter-spacing: 1px;
}
.section-get-started .get-started-content p {
margin-bottom: 26px;
}
.section-get-started .get-started-content .get-started-btn {
border-radius: 120px;
}
.section-get-started .get-started-content p,
.section-get-started .get-started-content i,
.section-get-started .get-started-content span {
font-size: 15px;
}
@media (max-width: 991px) {
.section-get-started .get-started-wrap {
flex-wrap: wrap-reverse;
flex-direction: column;
}
.section-get-started .get-started-wrap .wrap-content {
padding: 70px 60px !important;
width: 100% !important;
border-radius: 12px 12px 0px 0px;
}
.section-get-started .get-started-wrap .img-right {
width: 100% !important;
height: 500px;
}
.section-get-started .get-started-wrap .img-right img {
border-radius: 0px 0px 12px 12px;
}
}
@media (max-width: 767px) {
.section-get-started .get-started-content {
padding-top: 30px;
}
.section-get-started .get-started-image .badge-1 {
display: none;
}
}
@media (max-width: 480px) {
.section-get-started .row {
flex-direction: column;
gap: 10px;
}
.section-get-started .get-started-image .badge {
left: 50px;
}
.section-get-started .get-started-wrap .wrap-content {
padding: 30px 30px !important;
}
}
@media (max-width: 1024px) {
.section-get-started .get-started-wrap .wrap-content {
padding: 10px 40px 21px 40px;
}
}
.sw-dots {
display: flex;
gap: 8px;
}
.sw-dots.swiper-pagination-bullets .swiper-pagination-bullet {
display: flex;
align-items: center;
justify-content: center;
}
.sw-dots .swiper-pagination-bullet {
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
opacity: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 2px solid transparent;
}
.sw-dots .swiper-pagination-bullet:before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 999px;
background-color: var(--black);
transition: 0.3s;
}
.sw-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: rgba(0, 0, 0, 0.16);
}
.sw-dots.style-2 span::before {
width: 8px;
height: 8px;
background-color: rgba(0, 0, 0, 0.16);
}
.sw-dots.style-2 span.swiper-pagination-bullet-active {
background-color: transparent;
border: 2px solid var(--black);
}
.sw-dots.style-2 span.swiper-pagination-bullet-active::before {
background-color: var(--black);
}
.sw-dots.dots-white span::before {
background-color: rgba(255, 255, 255, 0.2);
}
.sw-dots.dots-white span.swiper-pagination-bullet-active {
background-color: transparent;
border: 2px solid var(--white);
}
.sw-dots.dots-white span.swiper-pagination-bullet-active::before {
background-color: var(--white);
}
.sw-dots.line-pagination span {
width: 6px;
height: 6px;
background-color: rgb(0, 0, 0);
opacity: 0.4;
}
.sw-dots.line-pagination span::before {
content: none;
}
.sw-dots.line-pagination span.swiper-pagination-bullet-active {
background-color: rgb(0, 0, 0);
opacity: 1;
width: 22px;
border-radius: 9999px;
}
.sw-dots.rectangle-pagination span {
width: 30px;
height: 2px;
background-color: rgb(0, 0, 0);
opacity: 0.4;
border-radius: 0;
border: 0;
}
.sw-dots.rectangle-pagination span::before {
content: none;
}
.sw-dots.rectangle-pagination span.swiper-pagination-bullet-active {
background-color: rgb(0, 0, 0);
opacity: 1;
}
.sw-dots.line-white-pagination span {
background-color: rgb(255, 255, 255);
opacity: 0.4;
width: 6px;
height: 6px;
}
.sw-dots.line-white-pagination span::before {
content: none;
}
.sw-dots.line-white-pagination span.swiper-pagination-bullet-active {
background-color: rgb(255, 255, 255);
opacity: 1;
width: 22px;
border-radius: 9999px;
}
.sw-dots.dots-fill-white .swiper-pagination-bullet::before {
background-color: var(--white);
}
.sw-dots.dots-fill-white .swiper-pagination-bullet-active {
background-color: rgba(255, 255, 255, 0.1607843137);
}
.sw-dots:not(.swiper-pagination-lock) {
margin-top: 15px;
}
.sw-dots.medium span {
width: 20px;
height: 20px;
border-width: 1px !important;
}
.sw-dots.medium span::before {
width: 6px;
height: 6px;
}
.sw-dots.medium span.swiper-pagination-bullet-active::before {
width: 4px;
height: 4px;
}
.sw-dots.small span {
width: 16px;
height: 16px;
border-width: 1px !important;
}
.sw-dots.small span::before {
width: 6px;
height: 6px;
}
.sw-dots.small span.swiper-pagination-bullet-active::before {
width: 4px;
height: 4px;
}
.sw-dots.absolute-dots {
position: absolute;
left: 15px;
right: 15px;
bottom: 10px;
z-index: 10;
}
.sw-dots.large .swiper-pagination-bullet::before {
width: 8px;
height: 8px;
}
.box-sw-navigation {
display: flex;
align-items: center;
gap: 5px;
}
.nav-next-collection .icon, .nav-prev-collection .icon{
font-size: 22px;
}
.nav-sw {
width: 30px;
height: 30px;
border-radius: 50%;
color: var(--theme-color1);
border: 1px solid var(--theme-color1);
background-color: transparent;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 12px;
cursor: pointer;
}
.nav-sw.swiper-button-disabled {
border-color: rgba(0, 0, 0, 0.14);
color: rgba(0, 0, 0, 0.4);
}
.nav-sw:hover:not(.swiper-button-disabled) {
background-color: var(--theme-color1);
color: var(--white);
}
.nav-sw.lg {
width: 46px;
height: 46px;
font-size: 12px;
}
.nav-sw.square {
width: 30px;
height: 30px;
border-radius: 3px;
}
.nav-sw.round {
border-radius: 999px;
}
.nav-sw.style-not-line {
border-color: transparent;
}
.nav-sw.style-not-line.swiper-button-disabled {
background-color: rgba(255, 255, 255, 0.4);
color: rgb(0, 0, 0);
}
.nav-sw.line-white {
background-color: transparent;
color: var(--white);
border-color: var(--white);
}
.nav-sw.line-white:hover:not(.swiper-button-disabled) {
color: var(--main);
background-color: var(--white);
border-color: var(--white);
}
.nav-sw.line-white.swiper-button-disabled {
border-color: rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.4);
}
.nav-sw.disable-line.swiper-button-disabled {
border-color: transparent;
background-color: rgba(255, 255, 255, 0.4);
color: rgb(0, 0, 0);
}
.nav-sw.style-blue {
border-color: #1c355e;
background-color: #1c355e;
}
.nav-sw.style-blue .icon {
color: var(--white);
}
.nav-sw.style-blue:hover:not(.swiper-button-disabled) {
border-color: var(--white);
background-color: var(--white);
}
.nav-sw.style-blue:hover:not(.swiper-button-disabled) .icon {
color: #1c355e;
}
.nav-sw.style-blue.swiper-button-disabled {
border-color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0.4);
}
.nav-sw.style-blue.swiper-button-disabled .icon {
color: #1c355e;
}
.nav-sw.style-white {
background-color: var(--white);
border: 0;
}
.nav-sw.style-white-line {
background-color: var(--white);
}
.nav-sw-arrow {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
cursor: pointer;
}
.nav-sw-arrow:hover {
color: var(--primary);
}
.nav-sw-arrow.swiper-button-disabled {
color: rgba(0, 0, 0, 0.4);
}
.nav-sw-arrow.type-white {
color: var(--white);
}
.nav-sw-arrow.type-white:hover {
color: var(--primary);
}
.hover-sw-nav {
position: relative;
}
.hover-sw-nav .nav-sw {
z-index: 10;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
cursor: pointer;
visibility: hidden;
background-color: var(--white);
border-color: transparent;
}
.hover-sw-nav .nav-sw.nav-next-slider {
margin-left: 20px;
left: 13px;
}
.hover-sw-nav .nav-sw.nav-prev-slider {
right: 13px;
margin-right: 20px;
}
.hover-sw-nav .nav-sw.w_46 .icon {
font-size: 12px;
}
.hover-sw-nav .nav-sw.swiper-button-disabled {
background-color: rgba(0, 0, 0, 0.2);
}
.hover-sw-nav .nav-sw:hover:not(.swiper-button-disabled) {
background-color: var(--main);
color: var(--white);
}
.hover-sw-nav .nav-sw.style-2.swiper-button-disabled {
opacity: 0.4;
background-color: var(--white);
}
.hover-sw-nav.view-default .nav-sw, .hover-sw-nav:hover .nav-sw {
margin: 0;
visibility: visible;
}
.hover-sw-nav.hover-sw-2 .nav-sw {
top: 37%;
}
.hover-sw-nav.hover-sw-3 .nav-sw {
top: 40%;
}
.hover-sw-nav.hover-sw-4 .nav-sw {
top: 35%;
}
.hover-sw-nav.hover-sw-5 .nav-sw {
top: 32%;
}
/*** News & Events Section ***/
.news-section h6{
font-weight: 600;
margin: 10px 0;
}
.newslink a{
text-decoration: none;
color: var(--black);
}
.tf-sw-collection .swiper-slide {
height: auto;
}
.tf-sw-collection .swiper-slide img {
height: 100%;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
/*
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}*/
.ak-font-20 {
font-size: 20px;
font-weight: 500;
}
.linek-all {
border-left: 1px solid rgba(255, 255, 255, 0.2);
display: flex;
flex-direction: column;
gap: 5px;
list-style: none;
padding-left: 0;
}
.linek-all a {
margin-left: 15px;
font-size: 17px;
font-weight: 400;
line-height: 165%;
color: #e7e7e7;
text-decoration: none;
position: relative;
display: inline-block;
}
.linek-all a::after {
content: "";
position: absolute;
display: inline-block;
width: 0%;
height: 1px;
left: 0;
bottom: -2px;
opacity: 1;
transition: all 0.3s;
background-color: #fff;
}
.linek-all a:hover::after {
width: 100%;
}
.linek-all a span {
color: #fff;
}
/**************/
.link-title{font-size: 17px; font-weight: 500; margin-bottom: 25px; position: relative; text-transform: uppercase; color: var(--white);}
.link-title:after{content: ""; position: absolute;left: 0; bottom: -10px; width: 90%; height: 2px; background-color: rgba(0, 0, 0, 0.2)}
.line-all {
border-left: 0px solid rgba(255, 255, 255, 0.2);
display: flex;
flex-direction: column;
gap: 5px;
list-style: none;
padding-left: 0;
}
.line-all a {
margin-left: 0px;
padding-left: 13px;
font-size: 16px;
font-weight: 400;
line-height: 165%;
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
position: relative;
display: inline-block;
}
.line-all a:hover{color: var(--white);}
.line-all a::before {
content:"\f105";
font-family:"Font Awesome 6 Pro";
font-size: 13px;
font-weight: 400;
position: absolute;
left: 0;
top: 0;
transition: all 0.3s;
}
.line-all a::after {
content: "";
position: absolute;
display: inline-block;
width: 0%;
height: 1px;
left: 0;
bottom: -2px;
opacity: 1;
transition: all 0.3s;
background-color: var(--theme-color1);
}
.line-all a:hover::after {
width: 100%;
}
.line-all a span {
color: #313131;
}
.socials a {
margin-right: 10px;
}
.socials a i {
font-size: 20px;
color: var(--theme-color1);
}
.socials a:hover {
color: var(--blackColor);
background-color: var(--primaryColor);
}
.socials a:last-child {
margin-right: 0;
}
.institute_bx{
background-color: #f3f3f3;
border-radius: 20px;
margin-bottom: 30px;
padding-bottom: 30px;
overflow: hidden;
}
.institute_bx a{
text-decoration: none;
}
.institute_bx_image{
}
.institute_bx_content{
padding: 15px 30px;
text-align: center;
}
.institute_bx_content h3{
font-size: 24px;
line-height: 130%;
font-weight: 600;
color: var(--title-color);
margin: 10px 10px;
}
a .institute_bx_content p{
color: var(--black);
}
.founder_bx{
padding: 50px 30px;
/*background-color: transparent;
background-image: linear-gradient(148deg, #F7DCA1 0%, #724975 100%);
border-radius: 20px;*/
}
.founder_bx h3{
font-size: 36px;
font-weight: 800;
line-height: 40px;
}
.founder_bx h3 span{
display: block;
font-size: 26px;
font-weight: 600;
}
.mk-marquee {
--mk-marquee-gap: 30px;
--mk-marquee-bg-color: #000;
--mk-marquee-text-color: #fff;
--mk-marquee-font-size: 16px;
--mk-marquee-speed: 10s;
--mk-marquee-height: 100%;
position: absolute;
left: 0;
width: 100%;
overflow: hidden;
user-select: none;
background-color: var(--mk-marquee-bg-color);
height: 100%;
z-index: 1000;
display: flex;
align-items: center;
border-top-right-radius: 0.375rem;
}
.mk-marquee__wrapper {
display: flex;
width: max-content;
animation: mk-marquee-scroll var(--mk-marquee-speed) linear infinite;
}
.mk-marquee__content {
display: flex;
align-items: center;
gap: var(--mk-marquee-gap);
list-style: none;
font-size: var(--mk-marquee-font-size);
white-space: nowrap;
flex-shrink: 0;
margin: 0;
}
.mk-marquee__content li,
.mk-marquee__content li * {
word-spacing: 4px;
color: var(--mk-marquee-text-color);
position: relative;
padding-left: 10px;
}
.mk-marquee__content li:before{
content:"\f0c8";
font-family:"Font Awesome 6 Pro";
font-size: 12px;
font-weight: 900;
color: var(--theme-orange);
position: absolute;
top: 55%;
left: 0;
transform: translateY(-50%);
}
.mk-marquee__content a {
text-decoration: none;
transition: opacity 0.3s ease-in;
}
.mk-marquee__content a:hover {
color: inherit;
opacity: 0.8;
}
@keyframes mk-marquee-scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.mk-marquee--pause-on-hover:hover .mk-marquee__wrapper {
animation-play-state: paused;
}
.mk-marquee__wrapper {
display: flex;
width: max-content;
animation: mk-marquee-scroll var(--mk-marquee-speed) linear infinite;
}
.mk-marquee__content {
display: flex;
align-items: center;
gap: var(--mk-marquee-gap);
list-style: none;
font-size: var(--mk-marquee-font-size);
white-space: nowrap;
flex-shrink: 0;
}
.mk-marquee__content a {
color: var(--mk-marquee-text-color);
text-decoration: none;
transition: opacity 0.3s ease-in;
}
.mk-marquee__content a:hover {
opacity: 0.8;
}
@keyframes mk-marquee-scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.mk-marquee--pause-on-hover:hover .mk-marquee__wrapper {
animation-play-state: paused;
}
/**----------------------------------------
START: Testimonial CSS
----------------------------------------*/
.tj-testimonial-section {
background-color: var(--tj-color-theme-bg);
position: relative;
z-index: 1;
border-radius: 12px;
overflow: hidden;
}
.tj-testimonial-section .sec-heading-wrap {
padding-top: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tj-testimonial-section .sec-heading-wrap {
padding-top: 100px;
}
}
.testimonial-wrapper {
position: relative;
height: 100%;
}
@media (max-width: 575px) {
.testimonial-wrapper {
-webkit-margin-end: -12px;
margin-inline-end: -12px;
}
}
.testimonial-slider .testimonial-item {
background-color: var(--white);
border: 2px solid var(--white);
padding: 45px 26px 35px;
height: 100%;
border-radius: 12px;
}
.testimonial-slider .testimonial-item .quote-icon {
color: var(--theme-color1);
font-size: 46px;
line-height: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.testimonial-slider .testimonial-item .rating-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.testimonial-slider .testimonial-item .rating-wrap .rating-img {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: var(--tj-color-theme-bg);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.testimonial-slider .testimonial-item .rating-wrap .rating-img img {
width: 33px;
height: 33px;
}
.testimonial-slider .testimonial-item .rating-wrap .rating-text {
color: var(--tj-color-text-body-2);
font-size: 14px;
}
.testimonial-slider .testimonial-item .rating-wrap .rating-text strong {
font-size: 16px;
font-weight: var(--tj-fw-sbold);
color: var(--tj-color-common-black);
}
.testimonial-slider .testimonial-item .desc {
font-size: 18px;
line-height: 1.444;
padding-top: 23px;
padding-bottom: 22px;
}
.testimonial-slider .testimonial-item .desc p {
margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial-slider .testimonial-item .desc {
font-size: 17px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.testimonial-slider .testimonial-item .desc {
font-size: 16px;
}
}
.testimonial-slider .testimonial-item .testimonial-author .title {
line-height: 1;
font-weight: var(--tj-fw-sbold);
margin-bottom: 2px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial-slider .testimonial-item {
padding: 35px 23px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.testimonial-slider .testimonial-item {
padding: 30px 20px;
}
}
.testimonial-slider .swiper-slide-active .testimonial-item {
border-color: var(--title-color);
}
.testimonial-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 30px;
border-top: 1px dashed var(--tj-color-border-1);
}
.testimonial-author .author-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
}
.testimonial-author .author-img {
width: 59px;
height: 59px;
border-radius: 50%;
overflow: hidden;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.testimonial-author .author-img {
width: 50px;
height: 50px;
}
}
.testimonial-author .title {
font-size: 22px;
font-weight: 500 !important;
margin-bottom: 0;
line-height: 1;
}
.testimonial-author .designation {
font-size: 14px;
line-height: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.testimonial-author .quote-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
line-height: 1;
color: var(--tj-color-theme-primary);
font-size: 43px;
}
.testimonial-author .quote-icon i {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
line-height: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.testimonial-author .quote-icon {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.testimonial-author {
padding-top: 20px;
}
}
.star-ratings {
unicode-bidi: bidi-override;
font-size: 17px;
line-height: 1;
letter-spacing: 3px;
position: relative;
margin: 0;
padding: 0;
-webkit-text-stroke: 1px var(--tj-color-theme-primary);
}
.star-ratings .fill-ratings {
color: var(--tj-color-theme-primary);
padding: 0;
position: absolute;
z-index: 1;
display: block;
top: 0;
left: 0;
overflow: hidden;
}
.star-ratings .fill-ratings span {
display: inline-block;
margin: 0;
}
.star-ratings .empty-ratings {
padding: 0;
display: block;
z-index: 0;
color: transparent;
}
.tj-testimonial-section-2 {
overflow: hidden;
}
@media (max-width: 575px) {
.tj-testimonial-section-2 .testimonial-wrapper {
-webkit-margin-end: 0;
margin-inline-end: 0;
}
}
.testimonial-img-area {
position: relative;
}
.testimonial-img-area .testimonial-img {
width: 100%;
height: 100%;
position: relative;
border-radius: 12px;
overflow: hidden;
}
.testimonial-img-area .testimonial-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.testimonial-img-area .testimonial-img img {
-o-object-fit: unset;
object-fit: unset;
}
}
.testimonial-img-area .testimonial-img .sec-heading {
position: absolute;
top: 40px;
left: 30px;
width: 60%;
z-index: 2;
}
.testimonial-img-area .testimonial-img .sec-heading .sec-title {
color: var(--tj-color-common-white);
}
.testimonial-img-area .testimonial-img .sec-heading .sec-title span {
color: var(--tj-color-text-body-3);
}
.testimonial-img-area .testimonial-img::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--tj-color-theme-dark);
opacity: 0.25;
}
.testimonial-img-area .box-area {
max-width: 239px;
bottom: 0;
right: 0;
left: inherit;
padding: 15px 0 0 15px;
border-top-left-radius: 12px;
border-top-right-radius: 0;
}
.testimonial-img-area .box-area::before {
left: inherit;
right: 0;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.testimonial-img-area .box-area::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
left: -12px;
right: inherit;
}
@media (max-width: 575px) {
.testimonial-img-area .box-area {
max-width: 215px;
}
}
.rating-box {
background-color: var(--tj-color-theme-primary);
border-radius: 10px;
padding: 18px 25px 25px;
}
.rating-box .rating-area {
margin-bottom: 8px;
}
.rating-box .star-ratings {
-webkit-text-stroke: 1px var(--tj-color-common-white);
}
.rating-box .star-ratings .fill-ratings {
color: var(--tj-color-common-white);
}
.rating-box .rating-text {
color: var(--tj-color-common-white);
}
.rating-box .title {
font-size: 74px;
line-height: 1;
color: var(--tj-color-common-white);
margin-bottom: 58px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.rating-box .title {
font-size: 50px;
margin-bottom: 20px;
}
}
.rating-box .number {
color: var(--tj-color-common-white);
font-size: 20px;
font-weight: var(--tj-fw-sbold);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
line-height: 1.1;
border-bottom: 1px solid currentColor;
}
@media (max-width: 575px) {
.rating-box .number {
font-size: 18px;
}
}
@media (max-width: 575px) {
.rating-box {
padding: 20px 18px 25px;
}
}
.slider-navigation {
gap: 13px;
}
.slider-next,
.slider-prev {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 52px;
height: 52px;
font-size: 24px;
background-color: transparent;
border: 1px solid var(--tj-color-border-1);
border-radius: 50%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.slider-next .anim-icon,
.slider-prev .anim-icon {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
overflow: hidden;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.slider-next .anim-icon i,
.slider-prev .anim-icon i {
position: relative;
top: 0;
color: var(--tj-color-common-black);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.slider-next .anim-icon i:last-child,
.slider-prev .anim-icon i:last-child {
position: absolute;
-webkit-transform: translateX(150%);
-ms-transform: translateX(150%);
transform: translateX(150%);
color: var(--tj-color-common-white);
}
.slider-next:hover,
.slider-prev:hover {
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
border-color: var(--tj-color-theme-primary);
}
.slider-next:hover .anim-icon i:first-child,
.slider-prev:hover .anim-icon i:first-child {
-webkit-transform: translateX(-150%);
-ms-transform: translateX(-150%);
transform: translateX(-150%);
}
.slider-next:hover .anim-icon i:last-child,
.slider-prev:hover .anim-icon i:last-child {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.slider-next,
.slider-prev {
width: 40px;
height: 40px;
font-size: 20px;
}
}
.slider-next .anim-icon i:last-child {
-webkit-transform: translateX(-150%);
-ms-transform: translateX(-150%);
transform: translateX(-150%);
}
.slider-next:hover .anim-icon i:first-child {
-webkit-transform: translateX(150%);
-ms-transform: translateX(150%);
transform: translateX(150%);
}
.testimonial-slider .swiper-pagination-area {
text-align: center;
line-height: 0;
margin-top: 55px;
}
.swiper-pagination-area.white-pagination .swiper-pagination-bullet {
background-color: var(--tj-color-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.testimonial-slider .swiper-pagination-area {
margin-top: 30px;
}
}
.testimonial-slider .swiper-pagination-bullet {
width: 12px;
height: 8px;
background-color: var(--theme-color1);
border-radius: 30px;
opacity: 0.15;
position: relative;
margin: 5px;
-webkit-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.testimonial-slider .swiper-pagination-bullet-active {
width: 64px;
opacity: 1;
}
.banner-layout5 h2{
font-size: 42px;
font-weight: 800;
}
.banner-layout5 p{
font-weight: 500;
}
.banner-layout5:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-position: center;
background-repeat: no-repeat;
background-image: url(../../assets/images/shapes/2.webp);
}
.bg-img {
position: relative;
z-index: 1;
}
.background-size-auto {
background-size: auto !important;
}
.bg-parallax {
background-attachment: fixed;
}
.bg-overlay:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-color: rgba(27, 26, 26, 0.60);
}
.hme-vision h4, .hme-choose h4{
font-size: 26px;
font-weight: 700;
color: var(--title-color);
text-transform: uppercase;
}
.hme-vision p{
font-weight: 500;
}
.bg-middle{
background-image: url(../images/vayalar.jpg);
}
.wave-section{
background-color: #f6f2f1
}
.inner-banner{
padding-top: 200px;
padding-bottom: 80px;
background-color: var(--title-color);
position: relative;
overflow: hidden;
}
.bg-gray-gradient {
background-color: #e9ecef !important;
background: linear-gradient(to bottom, #e9ecef 0%, rgba(244,245,247,.35) 100%) !important;
}
.inner-banner .bg-pattern {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/pattern-style3.png);
opacity: 0.5;
}
.bg-pattern-1 {
}
.inner-banner h1{
color: #fff;
font-size: 3.5rem;
line-height: 4.5rem;
font-weight: 700;
text-align: center;
}
.inner-title{
font-size: 30px;
line-height: 130%;
font-weight: 600;
color: var(--title-color);
margin-bottom: 15px;
}
.timeline {
position: relative;
width: 100%;
padding: 30px 0;
}
.timeline .timeline-container {
position: relative;
width: 100%;
}
.timeline .timeline-end,
.timeline .timeline-start,
.timeline .timeline-year {
position: relative;
width: 100%;
text-align: center;
z-index: 1;
}
.timeline .timeline-end p,
.timeline .timeline-start p,
.timeline .timeline-year p {
display: inline-block;
width: 80px;
height: 80px;
margin: 0;
padding: 30px 0;
text-align: center;
background: linear-gradient(#4F84C4, #00539C);
border-radius: 100px;
box-shadow: 0 0 5px rgba(0, 0, 0, .4);
color: #ffffff;
font-size: 14px;
text-transform: uppercase;
}
.timeline .timeline-year {
margin: 30px 0;
}
.timeline .timeline-continue {
position: relative;
width: 100%;
padding: 60px 0;
}
.timeline .timeline-continue::after {
position: absolute;
content: "";
width: 1px;
height: 100%;
top: 0;
left: 50%;
margin-left: -1px;
background: #4F84C4;
}
.timeline .row.timeline-left,
.timeline .row.timeline-right .timeline-date {
text-align: right;
}
.timeline .row.timeline-right,
.timeline .row.timeline-left .timeline-date {
text-align: left;
}
.timeline .timeline-date {
font-size: 14px;
font-weight: 600;
margin: 41px 0 0 0;
position: relative;
}
.timeline .timeline-date::after {
content: '';
display: block;
position: absolute;
width: 14px;
height: 14px;
top: 5px;
background: linear-gradient(#4F84C4, #00539C);
box-shadow: 0 0 5px rgba(0, 0, 0, .4);
border-radius: 15px;
z-index: 1;
}
.timeline .row.timeline-left .timeline-date::after {
left: -22px;
}
.timeline .row.timeline-right .timeline-date::after {
right: -22px;
}
.timeline .timeline-box,
.timeline .timeline-launch {
position: relative;
display: inline-block;
margin: 15px;
padding: 20px;
border: 1px solid #dddddd;
border-radius: 6px;
background: #ffffff;
}
.timeline .timeline-launch {
width: 100%;
margin: 15px 0;
padding: 0;
border: none;
text-align: center;
background: transparent;
}
.timeline .timeline-box::after,
.timeline .timeline-box::before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
}
.timeline .row.timeline-left .timeline-box::after,
.timeline .row.timeline-left .timeline-box::before {
left: 100%;
}
.timeline .row.timeline-right .timeline-box::after,
.timeline .row.timeline-right .timeline-box::before {
right: 100%;
}
.timeline .timeline-launch .timeline-box::after,
.timeline .timeline-launch .timeline-box::before {
left: 50%;
margin-left: -10px;
}
.timeline .timeline-box::after {
top: 26px;
border-color: transparent transparent transparent #ffffff;
border-width: 10px;
}
.timeline .timeline-box::before {
top: 25px;
border-color: transparent transparent transparent #dddddd;
border-width: 11px;
}
.timeline .row.timeline-right .timeline-box::after {
border-color: transparent #ffffff transparent transparent;
}
.timeline .row.timeline-right .timeline-box::before {
border-color: transparent #dddddd transparent transparent;
}
.timeline .timeline-launch .timeline-box::after {
top: -20px;
border-color: transparent transparent #dddddd transparent;
}
.timeline .timeline-launch .timeline-box::before {
top: -19px;
border-color: transparent transparent #ffffff transparent;
border-width: 10px;
z-index: 1;
}
.timeline .timeline-box .timeline-icon {
position: relative;
width: 40px;
height: auto;
float: left;
}
.timeline .timeline-icon i {
font-size: 25px;
color: #4F84C4;
}
.timeline .timeline-box .timeline-text {
position: relative;
width: calc(100% - 40px);
float: left;
}
.timeline .timeline-launch .timeline-text {
width: 100%;
}
.timeline .timeline-text h3 {
font-size: 16px;
line-height: 130%;
font-weight: 600;
margin-bottom: 3px;
margin-top: 0;
}
.timeline .timeline-text p {
font-size: 14px;
font-weight: 400;
margin-bottom: 0;
padding: 0;
}
@media (max-width: 768px) {
.timeline .timeline-continue::after {
left: 40px;
}
.timeline .timeline-end,
.timeline .timeline-start,
.timeline .timeline-year,
.timeline .row.timeline-left,
.timeline .row.timeline-right .timeline-date,
.timeline .row.timeline-right,
.timeline .row.timeline-left .timeline-date,
.timeline .timeline-launch {
text-align: left;
}
.timeline .row.timeline-left .timeline-date::after,
.timeline .row.timeline-right .timeline-date::after {
left: -22px;
top: 45px;
}
.timeline .timeline-box,
.timeline .row.timeline-right .timeline-date,
.timeline .row.timeline-left .timeline-date {
margin-left: 55px;
}
.timeline .timeline-launch .timeline-box {
margin-left: 0;
}
.timeline .row.timeline-left .timeline-box::after {
left: -20px;
border-color: transparent #ffffff transparent transparent;
}
.timeline .row.timeline-left .timeline-box::before {
left: -22px;
border-color: transparent #dddddd transparent transparent;
}
.timeline .timeline-launch .timeline-box::after,
.timeline .timeline-launch .timeline-box::before {
left: 30px;
margin-left: 0;
}
}
.promo-item {
background-color: #F8F5F3;
padding: 40px;
height: 100%;
-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;
}
@media (max-width: 1399px) {
.promo-item {
padding: 30px 20px;
}
}
@media only screen and (max-width: 767px) {
.promo-item {
padding-top: 0;
}
}
.promo-item .icon {
background-color: var(--theme-color2);
color: var(--title-color);
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-bottom: 20px;
}
.promo-item .title {
font-size: 26px;
line-height: 130%;
font-weight: 700;
margin-bottom: 10px;
}
@media (max-width: 1399px) {
.promo-item .title {
font-size: 20px;
}
}
.promo-item p {
margin-bottom: 0;
font-size: 18px;
font-weight: 400;
}
@media (max-width: 1399px) {
.promo-item p {
font-size: 16px;
}
}
.style-circle h5{
font-size: 20px;
font-weight: 600;
}
.style-circle .icon-box {
display: flex;
justify-content: center;
font-size: 16px;
font-weight: bold;
align-items: center;
text-align: center;
aspect-ratio: 1/1;
transition: all 0.5s;
border-radius: 50%;
background-color: var(--theme-color1);
color: var(--white);
padding: 10px;
width: 40px;
height: 40px;
transition: all 0.5s;
}
.student-life-img{
position: relative;
}
.student-life-img:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .1);
z-index: 1;
}
.student-life-img span{
content: "";
font-size: 28px;
position: absolute;
padding: 10px 20px;
color: #fff;
text-align: center;
z-index: 2;
background-color: var(--theme-orange);
border-radius: 5px;
}
.student-life-img span.title-right{
bottom: 10px;
right: -20px;
}
.student-life-img span.title-left{
bottom: 10px;
left: -20px;
}
.listStyle{
list-style: none;
padding: 0;
margin: 0;
}
.listStyle li{
font-weight: 500;
display: inline-block;
position: relative;
line-height: 1.5em;
padding-left: 30px;
margin-bottom: 15px;
}
.listStyle li:last-child{
margin-bottom: 0;
}
.listStyle li::before{
content: '\f0c8';
font-family: "Font Awesome 6 Pro";
position: absolute;
left: 5px;
top: 1px;
font-size: 12px;
font-weight: 900;
color: var(--theme-orange);
}
@media only screen and (max-width: 767px){
.listStyle li{
padding-left: 25px;
}
.listStyle li::before{
font-size: 16px;
}
}
.listStyle2{
list-style: none;
padding: 0;
margin: 0;
}
.listStyle2 li{
font-weight: 500;
display: block;
position: relative;
line-height: 1.5em;
padding-left: 30px;
margin-bottom: 15px;
}
.listStyle2 li span{
font-weight: 700;
}
.listStyle2 li:last-child{
margin-bottom: 0;
}
.listStyle2 li::before{
content: '\f0c8';
font-family: "Font Awesome 6 Pro";
position: absolute;
left: 5px;
top: 1px;
font-size: 12px;
font-weight: 900;
color: var(--theme-orange);
}
@media only screen and (max-width: 767px){
.listStyle2 li{
padding-left: 25px;
}
.listStyle2 li::before{
font-size: 16px;
}
}
.messageFrom{
position: relative;
}
.messageFrom:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 300px;
background-color: #e86219;
background-image: url(https://theindianpublicschool.org/wp-content/uploads/2025/02/banner-new-9.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: -2;
}
.messageFrom:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 300px;
background-color: rgba(0, 0, 0, .5);
z-index: -1;
}
.messageTitle h3{
font-size: 38px;
line-height: 120%;
font-weight: 700;
display: inline-block;
color: var(--white);
}
.messageTitle h3 span{
font-size: 38px;
display: block;
background-color: var(--theme-orange);
border-radius: 5px;
text-transform: uppercase;
}
.messageImg{
text-align: center;
position: relative;
}
.messageContent{
position: relative;
}
.messageContent p{
font-size: 18px;
line-height: 150%;
font-weight: 500;
}
.messageContent h6{
font-size: 18px;
font-weight: 500;
position: relative;
display: inline-block;
}
.messageContent h6:before{
content: "";
width: 35%;
height: 3px;
background-color: var(--theme-orange);
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
}
.messageImg i{
content: "\e1e4";
position: absolute;
bottom: -30px;
left: 50%;
transform: translateX(-50%);
font-weight: 900;
font-size: 60px;
z-index: 1;
}
.bg-position {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.insti_whyChoose{
padding: 60px 48px 60px 60px;
background-color: #f6f2f1;
}
.insti_whyChoose h3, .insti_activities h3{
font-size: 30px;
font-weight: 600;
}
.insti_activities{
position: relative;
padding: 60px 48px 60px 60px;
background-image: url(../images/photo-1481627834876-b7833e8f5570.jpg);
background-position: bottom left;
background-size: cover;
border-radius: 20px;
overflow: hidden;
}
.insti_activities:before{
content: '';
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .8);
position: absolute;
top: 0;
left: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
.insti_whyChoose {
padding: 30px 28px 30px 30px;
}
.insti_activities{
padding: 30px 28px 30px 30px;
}
}
.destination .destination-content{display:flex;align-items:center}
.destination .destination-content .destination-info{margin-right:auto}
.destination .destination-content .destination-info .destination-title{margin-bottom:0}
.destination.destination-center{text-align:center}
.destination.destination-center .destination-icon{margin-bottom:1rem}
.destination.destination-center .destination-title{margin-bottom:0}
@media (max-width:768px){.destination.destination-center .destination-icon{margin-bottom:.35rem}}
.image-hover{display:block;max-width:100%;width:100%;overflow:hidden;position:relative;margin-bottom:0}
.image-hover img{max-width:100%;width:100%}
.image-hover.image-hover-overlay:after{position:absolute;content:"";top:0;left:0;right:0;bottom:0;opacity:0;background:rgba(var(--bs-black-rgb),.35);transition:opacity 0.25s ease-in-out;z-index:0}
.image-hover.image-hover-overlay:hover:after{opacity:1}
.image-hover.image-bottom-overlay:before{position:absolute;content:"";bottom:0;left:0;right:0;height:6rem;background:linear-gradient(0deg,rgba(var(--bs-black-rgb),.75) 0%,rgba(var(--bs-black-rgb),0) 100%);z-index:1}
.image-hover.image-hover-scale img{transition:transform 0.25s ease-in-out}
.image-hover.image-hover-scale:hover img{transform:scale(1.055)}
.image-hover .image-hover-icon{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:40px;height:40px;opacity:0;color:#fff;transition:opacity 0.25s ease-in-out;transform:translate(-50%,-50%);z-index:2;background-color:rgba(var(--bs-black-rgb),.55);border-radius:50%}
.image-hover:hover .image-hover-icon{opacity:1}
.bg-primary{background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-gray-gradient{background-color:var(--bs-light-gray)!important;background:linear-gradient(to bottom,var(--bs-light-gray) 0%,rgba(var(--bs-light-gray-rgb),.35) 100%)!important}
.bg-light-gray{background-color:var(--bs-light-gray)!important}
.bg-dark-blue{background:#0a3e59!important}
.bg-video{position:relative;overflow:hidden}
.bg-video.bg-overlay:after{position:absolute;content:"";left:0;right:0;top:0;background-image:url(../img/background/dot.png);background-repeat:repeat;bottom:0}
.bg-video .bg-content{position:relative;z-index:2;height:100%}
.bg-video.ratio::before{content:unset}.bottom-overlay{position:relative;display:block;overflow:hidden}
.bottom-overlay .bottom-overlay-content{position:absolute;bottom:0;left:0;right:0;padding:5rem 1.5rem 1.5rem 1.5rem;color:#fff;background:linear-gradient(0deg,rgba(var(--bs-black-rgb),.85) 0%,rgba(var(--bs-black-rgb),0) 100%)}
.bottom-overlay .bottom-overlay-content h3{font-size: 18px;}
.bottom-overlay:hover figure.image-hover-scale img{transform:scale(1.055)}
.bottom-overlay:hover .image-hover-overlay:after{opacity:1}
.bottom-overlay:hover .image-hover-icon{opacity:1}
.section-header h2 span {
font-size: 48px;
}
@media (max-width: 1199px) {
.section-header h2 {
font-size: 38px;
}
.section-header h2 span {
font-size: 38px;
}
}
@media (max-width: 767px) {
.section-header h2 {
font-size: 32px;
}
.section-header h2 span {
font-size: 32px;
}
}
@media (max-width: 575px) {
.section-header h2 {
font-size: 29px;
}
.section-header h2 span {
font-size: 29px;
}
}
.section-bg{background-color: #f6f2f1;}
.mail-address-items {
padding: 48px 32px;
border-radius: 24px;
border: 1px solid var(--color-Border, #dde4e3);
background: #fff;
transition: all 0.4s;
}
.mail-address-items:hover {
border-color: var(--theme-color1);
}
@media (max-width: 1399px) {
.mail-address-items {
padding: 40px 20px;
}
}
@media (max-width: 1199px) {
.mail-address-items {
padding: 32px 19px;
}
}
.mail-address-items h5{
font-size: 20px;
line-height: 130%;
font-weight: 600;
color: var(--theme-darkblue);
}
.mail-address-items .theme-bg{background-color: var(--theme-color1);}
.mail-address-items ul li {
color: var(--title-color);
margin-bottom: 5px;
}
.contact-mail-items .theme-bg{background-color: var(--theme-darkblue);}
.contact-mail-items h5 a{font-size: 22px; font-weight: 700; text-decoration: none; color: var(--theme-darkblue);}
.w-32{width: 32px;}
.h-32{height: 32px;}
.w-64{width: 64px;}
.h-64{height: 64px;}
.d-center {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
footer{background-color: var(--theme-darkblue);
background: #e86219;
background: linear-gradient(90deg, rgba(232, 98, 25, 1) 25%, rgba(0, 75, 141, 1) 25%);}
@media (max-width: 991px) {
footer{background-color: var(--theme-darkblue);
background: none;
background: linear-gradient(90deg, rgba(0, 75, 141, 1) 25%, rgba(0, 75, 141, 1) 25%);}
}
.iso_bx{
border: 1px solid #e6e6e6;
padding: 15px;
border-radius: 10px;
}
.iso_bx img{
border-radius: 10px;
}
/* ==========================================================================
Portfolio Section
========================================================================== */
.padding-5 {
padding: 5px;
}
.portfolio-section {
padding-top: 0;
}
.filter-menu {
width: 100%;
}
.filter-menu li {
display: inline-block;
padding: 5px 15px;
cursor: pointer;
color: #111;
opacity: 0.7;
font-weight: 600;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
transition: all 0.3s ease-in-out;
position: relative;
}
.filter-menu li.active {
color: #111;
opacity: 1;
}
.filter-menu li:before,
.filter-menu li:after {
width: 15px;
height: 40%;
content: '';
position: absolute;
top: 5px;
left: 5px;
transition: all 0.5s ease-in-out;
opacity: 0;
visibility: hidden;
}
.filter-menu li:before {
border-top: 3px solid #111;
border-left: 3px solid #111;
}
.filter-menu li:after {
border-bottom: 3px solid #111;
border-right: 3px solid #111;
left: auto;
top: auto;
right: 5px;
bottom: 5px;
}
.filter-menu li.active:before,
.filter-menu li.active:after {
opacity: 1;
visibility: visible;
}
.filter-menu li.active:before {
left: 0;
top: 0;
}
.filter-menu li.active:after {
right: 0;
bottom: 0;
}
.portfolio-item {
position: relative;
overflow: hidden;
}
.portfolio-item img {
width: 100%;
}
.portfolio-item .overlay {
background-color: rgba(0, 0, 0, 0.9);
color: #fff;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
transition: all 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
opacity: 0;
}
.portfolio-item .overlay h3 span {
display: block;
}
.portfolio-item .overlay:before,
.portfolio-item .overlay:after {
width: 30px;
height: 30px;
top: auto;
content: '';
position: absolute;
z-index: 1;
transition: all 0.3s ease-in-out;
}
.portfolio-item .overlay:before {
border-bottom: 3px solid #fff;
border-left: 3px solid #fff;
bottom: 50px;
left: 50px;
}
.portfolio-item .overlay:after {
border-top: 3px solid #fff;
border-right: 3px solid #fff;
top: 50px;
right: 50px;
}
.portfolio-item:hover .overlay,
.portfolio-item:hover .overlay:before,
.portfolio-item:hover .overlay:after {
visibility: visible;
opacity: 1;
}
.portfolio-item:hover img {
transform: scale(1.05);
}
.portfolio-item:hover .overlay:before {
bottom: 10px;
left: 10px;
animation-delay: 0.2s;
}
.portfolio-item:hover .overlay:after {
top: 10px;
right: 10px;
animation-delay: 0.2s;
}
.portfolio-item h3 {
font-size: 22px;
font-weight: 700;
font-family: "Unna", sans-serif;
color: #fff;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
transition: all 0.5s ease-in-out;
margin: 0 0 -3px;
}
.portfolio-item span {
display: block;
-moz-transform: translateY(5px);
transform: translateY(5px);
transition: all 0.5s ease-in-out;
font-size: 12px;
font-family: "Poppins", sans-serif;
}
.portfolio-item:hover h3,
.portfolio-item:hover span {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.portfolio-item .media-control {
position: absolute;
width: auto;
height: auto;
right: 20px;
bottom: 20px;
}
.portfolio-item .media-control li {
display: inline-block;
}
.portfolio-item .media-control li a {
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
font-size: 12px;
margin: 5px;
}
.portfolio-item .media-control li a:hover {
background-color: rgba(255, 255, 255, 0.3);
}
.portfolio-item:hover .media-control li a {
transform: scale(1.05);
transition-delay: all 1s ease-in-out;
}
/*Load More*/
.load-more {}
.load-more a {
font-family: "Poppins", sans-serif;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
color: #000;
border: 2px solid #000;
padding: 10px 20px;
letter-spacing: 2px;
}
.load-more a:hover {
background-color: #000;
color: #fff;
}