:root {
--extra-bold: 900;
--bold: 800;
--semi-bold: 700;
--light-bold: 600;
--super-extra--font: 60px;
--prime-color : #6382cf;
--prime-dark : #0c3089;
--gold: #f3bd36
--gold-light: #f2c044;
--white: #fff;
--black: #000;
--text-color : #2F4858;
--prime-font : 'Poppins', sans-serif // 300,400,500,600,700;
--fragor: 'FragorDemoVersion';
--backgroundColorLight: #e5eaf8;
--mainColorDark: #6382cf;
--lightColor: #fff;
--hoverDarkColor: #4168ca;
--headerTextColor: #353535;
--bodyTextColor: #686868;
--cardBorderColor: #e9e9e9;
--redColor: #ff3535;
--darkBackgroundColor: #332e2d;
--footerTextColor: #c3c3c3;
--angularIconColor: #ff0000;
--nodeJsIconColor: #83cd29;
--reactJsIconColor: #4ebcd9;
--reactNativeColor: #393a3b;
}
body{
font-family: "Poppins", sans-serif;
}
.link-active {
/* color: #007bff !important; */
/* font-weight: bold; */
border-bottom: 2px solid #007bff;
border-bottom: 2px solid transparent;
border-image: linear-gradient(to right, #f0bf35,#f0bf35);
border-radius: 5px;
border-image-slice: 1;
width:100%;
/* padding-top: 5px;
background: linear-gradient(120deg, #ff00cc 0%, #333399 100%);
background-repeat: no-repeat;
background-size: 100% 0.2em;
background-position: 0 100%;
transition: background-size 0.25s ease-in; */
}
@keyframes shake {
0% { transform: rotate(0deg); }
25% { transform: rotate(-10deg); }
50% { transform: rotate(10deg); }
75% { transform: rotate(-10deg); }
100% { transform: rotate(0deg); }
}
.enquiry-btn{
background: none;
border: 2px solid #0c3089;
border-radius: 30px;
color: #0c3089;
line-height: 1;
padding: 8px 25px;
transition: .5s ease;
font-weight: 600;
}
.shake-icon {
display: inline-block;
animation: shake 0.5s ease-in-out infinite;
color:#ec8b00
}
.service-icon, .pricing-icon{
color:#ec8b00
}
.listhover {
position: relative;
transition: all 0.3s ease-in-out;
}
.around .text-nowrap{
font-family: sans-serif !important;
}
.listhover:hover .around{
/* width: 100%;
/* height: 50px; */
color:var(--white);
background-color: #7793cc ;
padding: 5px 15px;
margin: -5px -15px;
padding-bottom: 7px !important;
margin-bottom: -7px !important;
border-radius: 25px;
height: inherit;
box-shadow: 10px 10px 5px rgb(214, 214, 214);
/* background-color: rgb(212, 33, 33) !important; */
span{
color:white;
opacity: 2;
}
svg{
fill:white !important;
opacity: 2;
}
i{
color:white !important;
opacity: 2;
}
}
.listhover:hover > a {
color: #ffffff !important;
}
/* Only change the main menu icon color */
.listhover:hover > a i,
.listhover:hover > a svg {
color: #ffffff !important;
fill: #ffffff !important;
}
/* Keep submenu links in their original color */
.dropdown-menu a {
color: black !important;
}
*{
padding:0;
margin: 0;
box-sizing: border-box;
}
/***************** Common CSS *****************/
.fs-7{
font-size: 0.875rem;
}
.fs-8{
font-size: 0.813rem;
}
.fs-9{
font-size: 0.75rem;
}
.fs-10{
font-size: 0.688rem;
}
.px-6 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.px-7 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.py-6 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.py-7 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
/***************** Main Page CSS *****************/
.whatsapp-icon{
width: 45px;
height: 45px;
right: 40px;
bottom: 40px;
display: block;
z-index: 999;
}
/******************* Header css ***************/
.header {
display: flex;
justify-content: space-around;
align-items: center;
padding: 31px;
position: fixed;
top: 0;
left: 0;
width: 100%;
background: white; /* Ensure it doesn't overlap content */
z-index: 1000; /* Keep it above other elements */
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Adds a slight shadow */
}
body {
padding-top: 80px; /* Adjust this value based on your header height */
}
.navbar-links {
display: flex;
gap: 20px;
margin-left:34px !important;
}
/* Media query for small devices */
@media (max-width: 1024px){
.navbar-links li span{
font-size: 14px;
}
.navbar-links li a{
font-size: 14px;
}
}
@media (max-width: 768px) {
.navbar-links li {
display: none; /* Hide all list items */
}
.navbar-links .logo, .navbar-links .enquiry {
display: block; /* Show logo and contact menu */
}
.navbar-links .enquiry{
align-items: center;
justify-content: center;
text-align: center;
}
.navbar-links .enquiry {
text-align: left; /* Align contact menu to the left */
margin-left: -47px;
}
.logodiv img{
width:65px !important;
}
.header {
justify-content: space-between; /* Align elements for small screens */
}
.bars {
display: block; /* Ensure bars are visible */
}
}
.navbar-links li span, .navbar-links li i, .navbar-links .nested-submenu li a{
opacity: 0.8;
font-size: 13px;
/* font-weight: 800; */
}
.navbar-links .nested-submenu li:hover{
a{
color:white;
}
}
.navbar-links li :hover{
.menulink{
transform: rotate(-180deg);
}
}
.backend .nested-submenu li {
white-space: nowrap !important;
width:100% !important;
a:hover{
color:white !important;
}
}
.header .enquiryBtn{
background: none;
border: 2px solid #0c3089;
border-radius: 30px;
color: #0c3089;
line-height: 1;
padding: 8px 25px;
transition: .5s ease;
font-weight: 600;
}
.header .enquiryBtn:hover{
background-color:#0c3089 ;
color:var(--white)
}
.bars span{
display: block;
height: 2px;
width: 100%;
margin-left: auto;
background: #0c3089;
transition: .5s ease;
}
.bars{
width: 35px;
display: flex;
flex-direction: column;
gap: 8px 0;
cursor: pointer;
}
.bars:hover span:nth-child(2)
{
width: 80%;
}
.bars:hover span:nth-child(3)
{
width: 40%;
}
header .logoDiv {
padding: 10px 0;
margin:0px 0;
}
.logodiv img{
width:80px;
}
header .nav{
margin-left: 0px;
}
.jobSupport {
position: relative;
}
.services{
position: relative;
}
.jobSupport .dropdown-menu {
display: none;
top: 100%; /* Position it below the parent */
left: 0;
z-index: 1000;
min-width: 218px; /* Adjust as needed */
}
.services .dropdown-menu {
display: none;
top: 100%; /* Position it below the parent */
left: 0;
z-index: 1000;
min-width: 212px; /* Adjust as needed */
box-shadow: 10px 10px 5px lightblue inset;
}
.jobSupport .dropdown-menu li{
padding-top: 4px;
padding-bottom: 4px;
border-bottom: 0.5px solid #f1f0f0;
}
.services .dropdown-menu li{
padding-top: 4px;
padding-bottom: 4px;
border-bottom: 0.5px solid #f1f0f0;
}
.jobSupport .dropdown-menu li:hover{
border-radius: 20px;
background-color: #f0bf35;
padding-left:8px;
padding-right: 8px;
width:220px;
span, i{
color:white;
}
}
.services .dropdown-menu li:hover{
border-radius: 20px;
background-color: orange;
padding-left:4px;
padding-right: 4px;
width:100%;
display:inline;;
span, i{
color:white;
}
}
.jobSupport:hover .dropdown-menu {
display: block;
}
.services:hover .dropdown-menu{
display: block;
}
/* .nested-submenu {
display: none;
left: 100%;
top: 0;
left:210px;
z-index: 9999;
min-width: 210px;
box-shadow: 10px 10px 5px lightblue inset;
position: absolute;
background-color: white;
padding: 10px;
} */
.nested-submenu {
top: 0;
left: 100%; /* Moves submenu directly beside parent */
min-width: 210px;
box-shadow: 10px 10px 5px lightblue inset;
position: absolute;
background-color: white;
padding: 10px;
display: none;
}
.navbar-second {
opacity: 0.8;
font-size: 17px;
}
.call-buton .cc-calto-action-ripple {
z-index: 99999;
cursor:pointer;
/* position: absolute; */
/* right: 20rem;
bottom: 13rem; */
background: #ec8b00;
width: 2rem !important;
height: 2rem !important;
padding-left:10px;
margin-right:38px;
/* padding: 1rem; */
border-radius: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #ffffff;
-webkit-animation: cc-calto-action-ripple 0.6s linear infinite;
animation: cc-calto-action-ripple 0.6s linear infinite;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none; }
.call-buton .cc-calto-action-ripple i {
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
font-size: 2.2rem; }
.call-buton .cc-calto-action-ripple:hover i {
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
/* @-webkit-keyframes cc-calto-action-ripple {
0% {
-webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2);
box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2); }
100% {
-webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0);
box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); } }
@keyframes cc-calto-action-ripple {
0% {
-webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2);
box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2); }
100% {
-webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0);
box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); } } */
span.num{
/* position: absolute; */
color: #f0bf35;
left: -80%;
bottom: -50%;
}
/* Show the submenu on hover */
/* Keep the submenu visible when hovering over the parent or the submenu */
.backend:hover > .nested-submenu,
.nested-submenu:hover {
display: block;
}
/* Additional styling for a clean appearance */
.backend {
position: relative;
}
.nested-submenu ul li a {
/* padding: 5px 10px; */
display: block;
color: white;
text-decoration: none;
}
.nested-submenu li a:hover {
/* background-color: #f0f0f0; */
color: white;
}
.nested-submenu li:hover{
a{
color:white;
}
}
/***************** Footer CSS *****************/
footer {
/* padding: 80px 0; */
background: #0c3089 url(../images/bg-footer.png) right no-repeat;
z-index: -1;
}
footer ul li a{
font-family: "Poppins", sans-serif;
}
.sidebar {
position: fixed;
top: 0;
right: -350px;
width: 300px;
height: 100%;
background: white;
box-shadow: -3px 0 10px rgba(0, 0, 0, 0.2);
transition: right 0.3s ease-in-out;
padding: 20px;
z-index: 1000;
}
.sidebar-content {
position: relative;
}
.sidebar.active {
right: 0;
}
.close-btn {
position: absolute;
top: 10px;
right: 10px;
font-size: 24px;
border: none;
background: none;
cursor: pointer;
}
.sidebar .sidebar-content h4::after{
content: "";
position: absolute;
bottom: 0;
top: 31px;
left: 0;
width: 34%;
height: 3px;
background: #0c3089;
}
/* basse css */
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
@import "../sass/main.css";
/* Menu */
.ozmenu{
background-color: #ffffff;;
}
.ozmenu-nav a, .nav-dropdown {
text-decoration: none;
color: var(--text-secondary-black);
font-size: 16px;
font-weight: 500;
padding: 10px 20px;
border-radius: 20px;
transition: background 0.3s ease, color 0.3s ease;
cursor: pointer;
background: transparent;
border: none;
outline: none;
position: relative;
z-index: 2; /* Ensures text remains above hover background */
}
/* Hover & Active */
.ozmenu-nav .active {
background: var(--primary-accent-purple);
color: white;
z-index: 3;
}
/* Dropdown */
.dropdownitem {
position: relative;
}
.ozmenu ul.ozmenu-nav {
display: flex;
align-items: flex-start;
justify-content: space-between;
list-style: none;
font-family: "Roboto", sans-serif;
padding-left: 0px;
padding-top: 5px;
gap:8px;
background: none;
/* border: 2px solid #0c3089; */
border-radius: 30px;
color: #0c3089;
line-height: 1.3;
padding: 8px -1px;
transition: .5s ease;
font-weight: 600;
padding-bottom: 5px;
box-shadow: 0 0 #0000,
0 0 #0000,
0px 1px 1px 1px rgba(0, 0, 0, .07);
padding: 10px;
background: white;
border-radius: 30px; /* Optional: Adds rounded corners */
}
.ozmenu ul.ozmenu-nav > li a {
/* color: grey; */
background-color: transparent;
text-decoration: none;
font-size: 1em; /* Default font size */
transition: font-size 0.3s ease; /* Smooth transition */
}
.ozmenu ul.ozmenu-nav > li a.active {
font-size: 4.2em; /* Increased font size */
font-weight: bold;
}
.ozmenu ul.ozmenu-nav > li {
position: relative;
float: left;
width: auto;
a:link {
/* color: grey; */
background-color: transparent;
text-decoration: none;
}
}
a:visited {
/* color: green !important; */
}
a:hover {
/* color: hotpink !important; */
}
.a-active:after {
/* background: #245990; */
position: absolute;
content: "";
top: auto;
left: 18px;
bottom: 0px;
right: auto;
height: 4.2px;
width: 30%;
background: linear-gradient(to right, orange,#0c3089);;
/* border-radius: 25px; */
}
.ozmenu ul.ozmenu-nav > li a {
transition: all 0.3s ease-in-out; /* Smooth transition */
}
.ozmenu ul.ozmenu-nav > li a:hover {
/* color: #fff !important; */
color: #fff !important;
background: rgb(215 213 253);
padding-top: 4px;
padding-bottom: 6px;
border-radius: 20px;
}
.ozmenu ul.ozmenu-nav .havsubmenu a:hover {
/* color: #fff !important; */
color: #fff !important;
background: rgb(215 213 253);
padding-top: 4px;
padding-bottom: 6px;
padding-left: 19px;
padding-right: 24px;
border-radius: 20px;
}
.ozmenu ul.ozmenu-nav .havsubmenu a {
/* display: block; */
padding: 5px 20px;
line-height: 20px; /* Ensure text is centered */
padding-top:0px;
}
/* .ozmenu ul.ozmenu-nav > li a:hover {
color: #fff !important;
background: rgb(215 213 253);
padding-top: 0px;
padding-bottom: 4px;
border-radius: 20px;
} */
.ozmenu ul li.dropdownitem > a:after {
width: 15px;
height: 15px;
text-align: center;
position: absolute;
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;
box-shadow: 0 0 #0000,
0 0 #0000,
0px 1px 1px 1px rgba(0, 0, 0, .07);
padding: 10px;
background: white;
border-radius: 5px; /* Optional: Adds rounded corners */
}
.dropdownitem:hover .dropdown {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); /* Adjust shadow on hover */
}
.dropdownitem .dropdown {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); /* Adjust shadow on hover */
}
@media screen and (min-width: 993px) {
.ozmenu ul.ozmenu-nav > li a {
color: #2F4858 !important;
font-weight: 500;
opacity: 0.8;
/* font-size: 18px; */
font-family: "Poppins", sans-serif;
text-decoration: none;
padding: 0px 16px;
background-color: #fff;
border-radius: 8px;
/* text-transform: uppercase; */
font-size: 16.7px;
/* color: #0c3089 !important; */
/* line-height: 16px; */
font-weight: 600;
/* display: inline-block; */
height: 100%;
position: relative;
}
.ozmenu ul li.dropdownitem:hover .dropdown {
display: block;
position: absolute;
margin: 0;
margin-top:5px;
padding: 5px 0px;
min-width: 220px;
padding-top: 0px !important;
color: #0c3089 !important;
font-size: 16px;
font-family: "Poppins", sans-serif;
filter: drop-shadow(5px 5px 10px #808080);
}
.ozmenu ul li.dropdownitem:hover > a {
/* border-radius: 8px 8px 0px 0px !important;
color: #0c3089 !important; */
/* color: #fff !important; */
/* padding: 6px; */
background: rgb(215 213 253);
padding-top: 4px;
padding-bottom: 4px;
border-radius: 20px;
/* padding-right:21px; */
}
.ozmenu ul li.dropdownitem ul li.dropdownitem:hover > a {
border-radius: 8px !important;
color: #0c3089 !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: 250px;
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: #0c3089 !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: #0c3089 !important;
background-color: #f3bd36;
padding-left: 7px;
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 0px;
}
.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: block;
}
.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: 14;
}
.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: #2F4858;
padding: 10px 0px;
border-bottom: 1px solid #ddd;
display: flex;
}
.ozmenu ul.ozmenu-nav > li a:hover {
float: left;
width: 100%;
transition: all 0.25s ease-out;
text-decoration: none;
color: rgb(103, 130, 252) !important;
padding: 10px 0px;
}
.ozmenu ul li.dropdownitem > a:hover:after {
background-color: rgb(103, 130, 252) !important;
}
.nav-dropdown.opened {
color: rgb(103, 130, 252) !important;
border-bottom: 1px solid rgba(103, 130, 252, 0.5) !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, 0.3);
float: left;
display: none;
width: 100%;
height: 100vh;
z-index: 13;
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: #000;
-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: #000;
-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: #000;
-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%;
}
}
.careerTable,
tr,
td,
th {
border: 1px solid lightgray !important ;
padding: 5px !important;
}
.careerTable button {
width: 100%;
background-color: #0c3089;
border: 0;
color: white;
border-radius: 5px;
padding: 5px;
font-size: 12px;
font-weight: 400;
}
.careerTable th {
font-weight: 700;
opacity: 0.5;
}
.careerTable td {
font-size: 14px;
font-weight: 500;
opacity: 0.9;
}
.careerTable {
margin: 30px 0;
}
.applycontainer{
position: absolute;
content: "";
top: 20%;
left: 31%;
bottom: 0px;
right: 0px;
width: 400px;
height:fit-content;
background: #fff;
border-radius: 10px;
padding:30px;
position: fixed;
z-index: 1000;
box-shadow: 0px 0px 20px 3px rgba(53, 53, 53, .17);
}
.applycontainer label{
display: block;
margin-bottom: 15px;
font-weight: bold;
}
.applycontainer input, textarea{
font-size: 16px;
padding: 0 18px;
width: 100%;
/* height: 46px; */
line-height: 46px;
border: 1px solid #000;
border-radius: 4px;
background-color: #fff;
color: #2d2929;
}
textarea{
height: 65px;
resize: none;
}
.applycontainer button{
color: #fff;
background: #0c3089;
border: none;
width: 100%;
font-size: 18px;
padding: 12px 0;
border-radius: 5px;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
transition: .5s ease;
}
.applycontainer .closeDiv{
display: flex;
justify-content: space-between;
}
.applycontainer .closeDiv button{
background-color: red;
width: 26px;
height: 26px;
padding: 0px;
display: inline-block;
}
.applycontainer .form-group{
margin-bottom: 20px;
line-height: 1;
}
.hidden{
display: none;
}
#openPopup {
/* position: fixed; */
/* padding: 10px 20px; */
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.customPadding{
padding:0px;
}
.ozmenu-nav a.active{
background: #245990;
color: #fff;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
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;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
z-index: -1;
}
body {
line-height: 1
}
ol, ul {
list-style: none
}
blockquote, q {
quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
* {
box-sizing: border-box;
outline: none
}
a {
color: #000;
text-decoration: none
}
button {
cursor: pointer
}
.clearfix, .row {
position: relative
}
.clearfix:after, .row:after {
content: "";
clear: both;
display: table
}
strong, b {
font-weight: 600;
color: #0c2b4b
}
@font-face {
font-family: "HelveticaNeue";
src: url("../font/webfont/HelveticaNeue.eot?#iefix") format("embedded-opentype"), url("../font/webfont/HelveticaNeue.woff") format("woff"), url("../font/webfont/HelveticaNeue.ttf") format("truetype"), url("../font/webfont/HelveticaNeue.svg#HelveticaNeue-Light") format("svg");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: "HelveticaNeue-Light";
src: url("../font/webfont/HelveticaNeue-Light.eot?#iefix") format("embedded-opentype"), url("../font/webfont/HelveticaNeue-Light.woff") format("woff"), url("../font/webfont/HelveticaNeue-Light.ttf") format("truetype"), url("../font/webfont/HelveticaNeue-Light.svg#HelveticaNeue-Light") format("svg");
font-weight: normal;
font-style: normal
}
:root {
--colorA: #e5eaf8;
--colorB: #e7e1f4;
--colorC: #ebf4e1
}
@keyframes textDrop {
from {
opacity: 0;
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes textUp {
from {
opacity: 0;
transform: translateY(180px)
}
to {
opacity: 1;
transform: none
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0)
}
40% {
transform: translateY(-7px)
}
60% {
transform: translateY(-5px)
}
}
body, html {
--headerheight: 95.66px
}
@media(max-width: 767px) {
body, html {
--headerheight: 68px
}
}
body::-webkit-scrollbar, html::-webkit-scrollbar {
width: 3px;
background: #fff
}
body::-webkit-scrollbar-track, html::-webkit-scrollbar-track {
box-shadow: none
}
body::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb {
background-color: #000;
outline: 0
}
body.overflow-hidden, html.overflow-hidden {
overflow: hidden
}
body, input, textarea, button, p, a, li, select, h1, h2, h3, h4, h5, h6 {
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 400;
/*line-height: 26px*/
padding:2px 0px;
}
.container-fluid {
padding: 0 35px;
max-width: 100%
}
.flex {
display: flex;
flex-wrap: wrap
}
.grid {
display: grid
}
select {
cursor: pointer;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(../icon/down-arrow.svg);
background-size: 18px;
background-repeat: no-repeat;
background-position: 97% center
}
select::-ms-expand {
display: none
}
p {
color: #2f4858;
margin-bottom: 10px
}
p:last-child {
margin-bottom: 0px
}
.container {
width: 95%;
max-width: 1120px;
margin: 0 auto
}
.tb {
display: table;
width: 100%;
height: 100%
}
.tb-mid {
display: table-cell;
vertical-align: middle
}
header {
position: fixed;
width: 100%;
left: 0px;
top: 0px;
z-index: 999;
transition: all .5s;
background: #fff;
box-shadow: rgba(149, 157, 165, .24) 0px 8px 24px
}
@media(max-width: 767px) {
header {
padding: 10px 0 8px
}
}
header .container-fluid {
padding: 0 50px
}
@media(max-width: 1024px) {
header .container-fluid {
padding: 0 20px
}
}
header .grid {
grid-template-columns: auto 1fr 1fr
}
@media(max-width: 1024px) {
header .grid {
grid-template-columns: auto 95fr 1fr
}
}
@media(max-width: 1024px)and (max-width: 991px) {
header .grid {
grid-template-columns: auto 120fr 1fr
}
}
@media(max-width: 1024px)and (max-width: 767px) {
header .grid {
grid-template-columns: auto 130fr 1fr
}
}
header .logo-wrap {
padding: 10px 0
}
@media(max-width: 767px) {
header .logo-wrap {
padding: 0px 0
}
}
header .logo-wrap a {
display: block;
line-height: 0;
height: 100%
}
header .logo-wrap a img {
width: 85px
}
@media(max-width: 767px) {
header .logo-wrap a img {
width: 60px
}
}
header .nav-wrap {
display: flex;
align-items: center;
margin-left: 4rem;
white-space:nowrap ;
}
@media(max-width: 1024px) {
header .nav-wrap {
display: none;
white-space:nowrap ;
}
}
header .nav-wrap nav .nav-list {
display: inline-block;
white-space:nowrap ;
margin-right: 5px;
line-height: 1;
position: relative;
transition: all .5s;
padding: 28px 16px;
position: relative
}
@media(max-width: 991px) {
header .nav-wrap nav .nav-list {
float: none;
margin-right: 0
}
header .nav-wrap nav .nav-list:first-child {
margin-top: 40px
}
}
header .nav-wrap nav .nav-list::before {
content: "";
position: absolute;
bottom: 0;
left: 5px;
width: 0;
height: 2px;
background: #0c3089;
transition: .5s ease
}
header .nav-wrap nav .nav-list:last-child {
marign-right: 0px
}
header .nav-wrap nav .nav-list .nav-href {
display: block;
color: #000;
font-size: 18px;
font-weight: 600
}
header .nav-wrap nav .nav-list:hover::before {
width: 100%
}
header .nav-wrap nav .nav-list.contact-no {
border-radius: 0px;
margin-left: 25px
}
header .nav-wrap nav .nav-list.contact-no .nav-href {
transition: .4s ease;
font-weight: 500
}
header .nav-wrap nav .nav-list.contact-no:hover {
background: none
}
header .nav-wrap nav .nav-list.contact-no:hover .nav-href {
color: #f3bd36
}
header .nav-wrap nav .nav-list.dropdown {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px
}
.active-bg {
position: absolute;
width: 80px;
height: 36px;
background: var(--bg-secondary-purple-tint);
border-radius: 50px;
left: 10px;
transition: all 0.3s ease-in-out;
z-index: 0; /* Ensures it stays behind menu items */
opacity: 0; /* Initially hidden */
}
@media(max-width: 991px) {
header .nav-wrap nav .dropdown:after {
content: "";
border-top: 5px solid rgba(0, 0, 0, 0);
border-bottom: 5px solid rgba(0, 0, 0, 0);
border-left: 5px solid #000;
position: absolute;
top: 50%;
right: 10px;
opacity: .5;
transform: translateY(-50%)
}
}
header .nav-wrap nav .dropdown:hover:after {
border-left: 5px solid #fff;
opacity: 1
}
header .nav-wrap nav .dropdown .sbNav-wrap {
position: absolute;
background: linear-gradient(to bottom, #fff 0%, #fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fff, endColorstr=#fff);
padding: 10px 20px;
width: 220px;
top: 60px;
transition: all .5s;
visibility: hidden;
z-index: -1;
opacity: 0;
left: 0;
top: 100%;
translate: 0 25px;
border: 1px solid #f5f5f5;
box-shadow: rgba(149, 157, 165, .2) 0px 8px 24px;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
@media(max-width: 991px) {
header .nav-wrap nav .dropdown .sbNav-wrap {
width: 250px;
opacity: 1;
visibility: visible;
z-index: 1;
top: 0;
height: 100vh;
padding: 0;
left: auto;
transition: all .5s;
background: #f5f3f3;
right: -250px;
position: fixed
}
}
header .nav-wrap nav .dropdown .sbNav-wrap.service-drpdn {
width: 335px
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav {
border: 1px solid #f5f5f5;
border-bottom: none;
--varpad: 25px;
--varlistwidth: 300px;
--sublistwidth: 655px;
padding: var(--varpad) var(--varpad) 55px;
width: var(--varlistwidth);
background: #f5f5f5
}
@media(max-width: 1200px) {
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav {
--sublistwidth: 595px
}
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(../images/logo-white-background.png) no-repeat;
background-position: bottom right;
background-size: 115px;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: -1;
opacity: .7
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list {
position: unset
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list .SubsubNav-Wrap {
position: absolute;
top: 0;
left: 100%;
bottom: 0;
opacity: 0;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
padding: var(--varpad);
width: var(--sublistwidth);
height: 100%;
background: #fff;
-moz-column-count: 3;
column-count: 3;
-moz-column-gap: 20px;
column-gap: 20px;
border: 1px solid #f5f5f5;
border-left: 0;
box-shadow: rgba(149, 157, 165, .2) 0px 8px 24px -20px
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list .SubsubNav-Wrap .col-ms {
display: inline-block
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list .SubsubNav-Wrap .col-ms:not(:last-child) {
margin-bottom: 10px
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list .SubsubNav-Wrap h4 {
color: #0c3089;
font-size: 16px;
margin-bottom: 6px;
font-weight: 500
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list .SubsubNav-Wrap li a {
font-size: 14px;
line-height: 24px;
display: block
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list .SubsubNav-Wrap li a:hover {
color: #0c3089
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list .sbNav-href {
display: flex;
align-items: center;
color: #000;
font-size: 16px;
color: #2f4858;
gap: 0 12px;
padding: 10px 10px 10px 20px;
font-weight: 500;
line-height: 20px;
border-radius: 30px
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list .sbNav-href.active, header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list .sbNav-href:hover {
background: #0c3089;
color: #fff
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list .sbNav-href.active span::after, header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list .sbNav-href:hover span::after {
opacity: 1
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list .sbNav-href.active span::before, header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list .sbNav-href:hover span::before {
opacity: 0
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list .sbNav-href.active ~ .SubsubNav-Wrap, header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list .sbNav-href:hover ~ .SubsubNav-Wrap {
opacity: 1;
pointer-events: all;
-webkit-user-select: auto;
-moz-user-select: auto;
user-select: auto
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list .sbNav-href span {
display: block;
width: 20px;
height: 20px;
position: relative
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list .sbNav-href span::before, header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list .sbNav-href span::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: 1
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list .sbNav-href span::after {
opacity: 0
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list:nth-child(1) .sbNav-href span::before {
background-image: url(../images/logo/react-js.png)
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list:nth-child(1) .sbNav-href span::after {
background-image: url(../images/logo/react-js-white.png)
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list:nth-child(2) .sbNav-href span::before {
background-image: url(../images/logo/react-native.png)
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list:nth-child(2) .sbNav-href span::after {
background-image: url(../images/logo/react-native-white.png)
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list:nth-child(3) .sbNav-href span::before {
background-image: url(../images/logo/java.png)
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list:nth-child(3) .sbNav-href span::after {
background-image: url(../images/logo/java-white.png)
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list:nth-child(4) .sbNav-href span::before {
background-image: url(../images/logo/node-js.png)
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list:nth-child(4) .sbNav-href span::after {
background-image: url(../images/logo/node-js-white.png)
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list:nth-child(5) .sbNav-href span::before {
background-image: url(../images/logo/mule-soft.png)
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list:nth-child(5) .sbNav-href span::after {
background-image: url(../images/logo/mule-soft-white.png)
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list:nth-child(6) .sbNav-href span::before {
background-image: url(../images/logo/angular.png)
}
header .nav-wrap nav .dropdown .sbNav-wrap.jobsprtnav .sbNav-list:nth-child(6) .sbNav-href span::after {
background-image: url(../images/logo/angular-white.png)
}
header .nav-wrap nav .dropdown .sbNav-wrap .sbNav-list {
line-height: 18px;
position: relative;
transition: all .5s
}
header .nav-wrap nav .dropdown .sbNav-wrap .sbNav-list:hover:after {
border-left: 5px solid #fff;
opacity: 1
}
header .nav-wrap nav .dropdown .sbNav-wrap .sbNav-list:hover .sbNav-href {
color: #fff
}
header .nav-wrap nav .dropdown .sbNav-wrap .sbNav-list .sbNav-href {
display: inline-block;
padding: 8px 10px 8px 20px;
color: #2f4858;
font-weight: 500;
line-height: 20px;
display: block;
border-radius: 30px
}
@media(max-width: 991px) {
header .nav-wrap nav .dropdown .sbNav-wrap .sbNav-list .sbNav-href {
color: #000
}
}
header .nav-wrap nav .dropdown .sbNav-wrap .sbNav-list .sbNav-href:hover {
background: #0c3089;
color: #fff
}
header .nav-wrap nav .dropdown:hover .sbNav-wrap {
visibility: visible;
z-index: 1;
opacity: 1;
translate: 0 0;
pointer-events: all;
-webkit-user-select: auto;
-moz-user-select: auto;
user-select: auto
}
header .navAct {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 0 30px
}
header .navAct .contact-no {
/* font-size: 18px; */
/* font-weight: 500; */
transition: .5s ease;
white-space: nowrap;
color: #2F4858 !important;
font-weight: 600;
opacity: 0.8;
font-size: 17.5px;
/* color: #0c3089; */
line-height: 16px;
font-weight: 600;
}
@media(max-width: 767px) {
header .navAct .contact-no {
display: none
}
.call-buton{
display: none;
}
.global-button{
width: 220px;
}
}
header .navAct .contact-no:hover {
color: #0c3089 !important;
}
header .navAct .navQry .navQry-btn {
background: none;
border: 2px solid #0c3089;
border-radius: 30px;
color: #0c3089;
line-height: 1;
padding: 8px 25px;
transition: .5s ease;
font-weight: 600
}
header .navAct .navQry .navQry-btn:hover {
background: #0c3089;
color: #fff;
box-shadow: none;
color: #fff
}
@media(max-width: 767px) {
header .navAct .navQry .navQry-btn .bars {
width: 100%;
height: 30px;
line-height: 13px;
border: none;
border-radius: 60px;
font-size: 13px;
color: #fff;
background: linear-gradient(to bottom, #6382cf 0%, #0c3089 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6382cf, endColorstr=#0c3089);
transition: all .5s;
text-align: center
}
}
header .navAct .ham-menu {
width: 35px;
display: flex;
flex-direction: column;
gap: 8px 0;
cursor: pointer
}
header .navAct .ham-menu span {
display: block;
height: 2px;
width: 100%;
margin-left: auto;
background: #0c3089;
transition: .5s ease
}
header .navAct .ham-menu:hover span:nth-child(2) {
width: 80%
}
header .navAct .ham-menu:hover span:nth-child(3) {
width: 40%
}
.navSlideLs {
right: 0 !important
}
.banner-home {
height: calc(100vh - var(--headerheight));
margin-top: var(--headerheight)
}
@media(max-width: 1024px) {
.banner-home {
height: auto
}
}
.banner-home .flex {
height: 100%;
position: relative
}
.banner-home .flex .colA {
flex: 0 1 45%;
max-width: 45%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
background: #f3bd36 url(../images/background.png) no-repeat;
background-position: 108% 115%
}
@media(max-width: 1024px) {
.banner-home .flex .colA {
position: absolute;
top: 60%;
z-index: 99;
background: none;
height: auto;
left: 7%;
transform: translateX(-7%);
transform: translateY(-60%)
}
}
@media(max-width: 1024px)and (max-width: 767px) {
.banner-home .flex .colA {
max-width: 80%;
top: 85%;
transform: translateY(-85%)
}
}
.banner-home .flex .colA .card {
max-width: 406px !important;
padding:10px;
background: transparent !important;
border: none;
}
.banner-home .flex .colA .card .content {
overflow: hidden;
position: relative
}
.banner-home .flex .colA .card .content .tabs {
transform: translateY(50%);
opacity: 0;
pointer-events: none
}
.banner-home .flex .colA .card .content .tabs:not(.active) {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 0;
transition: 0 ease
}
.banner-home .flex .colA .card .content .tabs.active {
transition: .5s ease;
transform: translateY(0%);
opacity: 1;
pointer-events: all;
}
.banner-home .flex .colA .card .content h1, .banner-home .flex .colA .card .content p, .banner-home .flex .colA .card .content button {
color: #000
}
.banner-home .flex .colA .card .content h1 {
font-size: 60px;
line-height: 1;
font-family: "FragorDemoVersion";
font-weight: normal
}
@media(max-width: 1024px) {
.banner-home .flex .colA .card .content h1 {
color: #fff
}
}
@media(max-width: 767px) {
.banner-home .flex .colA .card .content h1 {
font-size: 32px
}
}
.banner-home .flex .colA .card .content p {
line-height: 24px;
margin: 15px 0 25px;
font-weight: 500
}
@media(max-width: 1024px) {
.banner-home .flex .colA .card .content p {
color: #fff
}
}
@media(max-width: 767px) {
.banner-home .flex .colA .card .content p {
line-height: 18px;
font-size: 14px;
margin: 10px 0 0px
}
}
.banner-home .flex .colA .card .content button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: flex;
align-items: center;
gap: 0 12px;
margin-left: 0;
margin-right: auto;
font-size: 14px;
line-height: 1;
text-transform: uppercase;
font-weight: 500;
color: #fff;
background: #0c3089;
border-radius: 20px;
border: 1px solid #0c3089;
padding: 8px 20px;
transition: .5s ease
}
@media(max-width: 767px) {
.banner-home .flex .colA .card .content button {
display: none
}
}
.banner-home .flex .colA .card .content button:hover {
border-color: #6382cf;
background: #6382cf
}
.banner-home .flex .colA .card .custom-dots {
--btnsize: 11px;
position: absolute;
bottom: 100px;
caret-color: rgba(0, 0, 0, 0)
}
@media(max-width: 1024px) {
.banner-home .flex .colA .card .custom-dots {
position: relative;
bottom: 0px;
caret-color: rgba(0, 0, 0, 0);
margin-top: 25px
}
}
.banner-home .flex .colA .card .custom-dots button.owl-dot {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
display: inline-block;
height: var(--btnsize);
width: var(--btnsize);
border-radius: 50%;
background: #000;
opacity: .4;
transition: .5s ease;
margin-inline: 6px;
caret-color: rgba(0, 0, 0, 0);
cursor: pointer
}
@media(max-width: 1024px) {
.banner-home .flex .colA .card .custom-dots button.owl-dot {
background: #fff
}
}
.banner-home .flex .colA .card .custom-dots button.owl-dot.active {
opacity: 1
}
.banner-home .flex .colA .card .custom-dots button.owl-dot span {
display: none
}
.banner-home .flex .colB {
flex: 0 1 55%;
max-width: 55%;
width: 100%;
height: 100%;
position: relative
}
@media(max-width: 1024px) {
.banner-home .flex .colB {
flex: 0 1 100%;
max-width: 100%;
height: auto
}
.banner-home .flex .colB:before {
content: "";
position: absolute;
background: linear-gradient(0deg, rgb(0, 0, 0) 0%, transparent 35%);
height: 60%;
width: 100%;
bottom: 0;
left: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.57), transparent);
z-index: 9
}
}
.banner-home .flex .colB video {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover
}
.banner-home .flex .colB .banner-slider, .banner-home .flex .colB .owl-stage-outer, .banner-home .flex .colB .owl-stage, .banner-home .flex .colB .owl-item, .banner-home .flex .colB .item {
height: 100%
}
@media(max-width: 1024px) {
.banner-home .flex .colB .banner-slider, .banner-home .flex .colB .owl-stage-outer, .banner-home .flex .colB .owl-stage, .banner-home .flex .colB .owl-item, .banner-home .flex .colB .item {
height: auto
}
}
.banner-home .flex .colB .banner-slider img, .banner-home .flex .colB .owl-stage-outer img, .banner-home .flex .colB .owl-stage img, .banner-home .flex .colB .owl-item img, .banner-home .flex .colB .item img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top
}
@media(max-width: 1024px) {
.banner-home .flex .colB .banner-slider img, .banner-home .flex .colB .owl-stage-outer img, .banner-home .flex .colB .owl-stage img, .banner-home .flex .colB .owl-item img, .banner-home .flex .colB .item img {
height: auto
}
}
.banner-home .flex .colB .play-btn {
--btn-size: 60px;
height: var(--btn-size);
width: var(--btn-size);
border: 2px solid #fff;
border-radius: 50%;
position: absolute;
bottom: 60px;
right: 60px;
z-index: 8;
cursor: pointer
}
@media(max-width: 767px) {
.banner-home .flex .colB .play-btn {
bottom: 20px;
right: 20px;
z-index: 9999;
--btn-size: 40px
}
}
.banner-home .flex .colB .play-btn:before {
width: calc(var(--btn-size) - 5px);
height: calc(var(--btn-size) - 5px);
top: 50%;
right: 0;
bottom: 0;
left: 50%;
position: absolute;
content: "";
transform: translateX(-50%) translateY(-50%);
background: #fff;
border-radius: 50%;
display: block;
animation: pulse-border 1500ms ease-out infinite
}
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: .5
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0
}
}
.banner-home .flex .colB .play-btn img {
position: absolute;
top: 50%;
left: 50%;
translate: calc(-50% + 3px) -50%;
width: calc(var(--btn-size)*.25)
}
.indSerBx-wrapper {
padding: 65px 0 35px;
background: #fff
}
@media(max-width: 767px) {
.indSerBx-wrapper {
padding: 35px 0 35px
}
}
.indSerBx-wrapper .Wrap-cont {
padding: 0 15px
}
@media(max-width: 767px) {
.indSerBx-wrapper .Wrap-cont {
padding-right: 0
}
}
.indSerBx-wrapper .title {
margin-bottom: 55px;
position: relative
}
@media(max-width: 767px) {
.indSerBx-wrapper .title {
margin-bottom: 35px;
padding-right: 15px
}
}
.indSerBx-wrapper .title p {
text-align: center;
line-height: 24px;
color: #666;
padding-top: 12px;
max-width: 545px;
margin: 0 auto
}
@media(max-width: 991px) {
.indSerBx-wrapper .title p {
max-width: 375px
}
}
.indSerBx-wrapper .title .custon-nav {
position: absolute;
right: 50px;
top: 50%;
translate: 0 -50%;
--btnsize: 45px;
display: flex;
gap: 0 12px
}
@media(max-width: 767px) {
.indSerBx-wrapper .title .custon-nav {
display: none
}
}
.indSerBx-wrapper .title .custon-nav button.owl-prev, .indSerBx-wrapper .title .custon-nav .owl-next {
height: var(--btnsize);
width: var(--btnsize);
border: 1px solid #000;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .5s ease;
background: none
}
.indSerBx-wrapper .title .custon-nav button.owl-prev:hover, .indSerBx-wrapper .title .custon-nav .owl-next:hover {
background: #0c3089;
border-color: #0c3089
}
.indSerBx-wrapper .title .custon-nav button.owl-prev:hover img, .indSerBx-wrapper .title .custon-nav .owl-next:hover img {
filter: invert(1)
}
.indSerBx-wrapper .title .custon-nav button.owl-prev img, .indSerBx-wrapper .title .custon-nav .owl-next img {
width: calc(var(--btnsize)*.25);
transition: .5s ease
}
.indSerBx-wrapper .indSerBx {
position: relative;
}
.indSerBx-wrapper .indSerBx figure {
position: relative;
overflow: hidden
}
.indSerBx-wrapper .indSerBx figure::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6901960784) 0%, transparent 35%);
z-index: 1
}
.indSerBx-wrapper .indSerBx figure img {
height: 410px;
-o-object-fit: cover;
object-fit: cover;
transition: .5s ease
}
.indSerBx-wrapper .indSerBx .title-md {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0 30px 50px;
text-align: center;
color: #fff;
font-weight: 500;
font-size: 22px;
transition: .5s ease;
z-index: 1
}
.indSerBx-wrapper .indSerBx:hover figure img {
transform: scale(1.02)
}
.indSerBx-wrapper .indSerBx:hover .title-md {
transform: translateY(-10px) scale(1.02)
}
h1, h2 {
font-weight: 600
}
.title {
text-align: center
}
.title h2, .title h3 {
font-family: "Poppins", sans-serif;
color: #0c3089
}
.title h1, .title h2, .title h3, .title h4, .title h5, .title h6 {
font-size: 40px;
color: #0c3089;
line-height: 46px;
font-weight: 600
}
@media(max-width: 991px) {
.title h1, .title h2, .title h3, .title h4, .title h5, .title h6 {
font-size: 32px;
line-height: 45px
}
}
@media(max-width: 767px) {
.title h1, .title h2, .title h3, .title h4, .title h5, .title h6 {
line-height: 38px
}
}
.secSptLt {
margin-top: 50px
}
@media(max-width: 991px) {
.secSptLt {
padding: 0 35px
}
}
@media(max-width: 767px) {
.secSptLt {
margin-top: 25px;
padding: 0
}
}
.secSptLt .title {
margin-bottom: 65px
}
@media(max-width: 767px) {
.secSptLt .title {
margin-bottom: 35px
}
}
@media(max-width: 767px) {
.secSptLt .row {
padding: 0 20px
}
}
.secSptLt .row .owl-nav .owl-prev, .secSptLt .row .owl-nav .owl-next {
position: absolute;
top: 50%;
translate: 0 -50%
}
@media(max-width: 767px) {
.secSptLt .row .owl-nav .owl-prev, .secSptLt .row .owl-nav .owl-next {
width: 10px
}
}
@media(max-width: 767px) {
.secSptLt .row .owl-nav .owl-prev img, .secSptLt .row .owl-nav .owl-next img {
width: 100%
}
}
.secSptLt .row .owl-nav .owl-prev {
left: -70px
}
@media(max-width: 991px) {
.secSptLt .row .owl-nav .owl-prev {
left: -35px
}
}
@media(max-width: 675px) {
.secSptLt .row .owl-nav .owl-prev {
left: 0
}
}
.secSptLt .row .owl-nav .owl-next {
right: -70px
}
@media(max-width: 675px) {
.secSptLt .row .owl-nav .owl-next {
right: 0
}
}
.secSptLt .row .owl-item.center .secSptLt-bxInn:after {
position: absolute;
content: "";
top: auto;
left: 0px;
bottom: 0px;
right: 0px;
height: 7px;
width: 100%;
background: linear-gradient(to right, #f2c044 0%, #f3bd36 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#f2c044, endColorstr=#f3bd36);
transition: .5s ease
}
.secSptLt .secSptLt-bx {
overflow: hidden
}
.secSptLt .secSptLt-bx .secSptLt-bxInn:after {
position: absolute;
content: "";
top: auto;
left: 0px;
bottom: 0px;
right: 0px;
height: 7px;
width: 100%;
background: linear-gradient(to right, #6382cf 0%, #0c3089 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#6382cf, endColorstr=#0c3089);
transition: all .5s
}
.secSptLt .secSptLt-bx .secSptLt-bxInn {
position: relative;
height: 100%;
box-shadow: -2px 6px 7px 3px rgba(165, 164, 164, .25);
transition: all .5s
}
.secSptLt .secSptLt-bx .secSptLt-bxInn:hover .secSptLt-img img {
transform: scale(1.1)
}
.secSptLt .secSptLt-bx .secSptLt-bxInn:hover .secSptLt-dete .secSptLt-name {
color: #0c3089
}
.secSptLt .secSptLt-bx .secSptLt-bxInn .secSptLt-bxHref {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index: 2
}
.secSptLt .secSptLt-bx .secSptLt-bxInn .secSptLt-img {
width: 100%;
height: 180px;
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
background: #f1f1f1
}
.secSptLt .secSptLt-bx .secSptLt-bxInn .secSptLt-img img {
width: 65px;
transition: .5s ease
}
.secSptLt .secSptLt-bx .secSptLt-bxInn .secSptLt-dete {
padding: 28px 42px;
text-align: center;
position: relative;
z-index: 1;
border: 1px solid #f5f5f5
}
@media(max-width: 767px) {
.secSptLt .secSptLt-bx .secSptLt-bxInn .secSptLt-dete {
padding: 20px 30px
}
}
.secSptLt .secSptLt-bx .secSptLt-bxInn .secSptLt-dete .secSptLt-name {
font-size: 20px;
color: #0c3089;
font-weight: 600;
margin-bottom: 15px
}
.secSptLt .secSptLt-bx .secSptLt-bxInn .secSptLt-dete .secSptLt-text {
color: #666;
line-height: 22px;
height: 65px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis
}
.indeAbt {
margin-top: 73px
}
@media(max-width: 860px) {
.indeAbt {
margin-top: 50px
}
}
@media(max-width: 675px) {
.indeAbt {
margin-top: 40px
}
}
.indeAbt .indeAbt-dete {
width: calc(100% - 394px);
float: left;
padding-right: 90px
}
@media(max-width: 991px) {
.indeAbt .indeAbt-dete {
padding-right: 60px
}
}
@media(max-width: 860px) {
.indeAbt .indeAbt-dete {
width: 100%;
padding-right: 0;
text-align: center
}
}
.indeAbt .indeAbt-dete .title {
text-align: left;
margin-bottom: 33px
}
@media(max-width: 860px) {
.indeAbt .indeAbt-dete .title {
text-align: center
}
}
@media(max-width: 675px) {
.indeAbt .indeAbt-dete .title {
margin-bottom: 25px
}
}
.indeAbt .indeAbt-dete .indeAbt-text {
margin-bottom: 33px;
text-align: justify
}
.indeAbt .indeAbt-dete .indeAbt-text p {
line-height: 24px;
color: #000
}
@media(max-width: 767px) {
.indeAbt .indeAbt-dete .indeAbt-text p {
padding: 0px 10px
}
}
.indeAbt .indeAbt-dete .indeAbt-act .indeAbt-actBx {
display: inline-block;
color: #fff;
padding: 7px 30px;
background: var(--mainColorDark);
border-radius: 30px;
font-size: 18px;
transition: .3s ease
}
.indeAbt .indeAbt-dete .indeAbt-act .indeAbt-actBx:hover {
background: #f3bd36;
color: #0c3089
}
.indeAbt .indeAbt-img {
width: 394px;
float: left
}
@media(max-width: 860px) {
.indeAbt .indeAbt-img {
width: 100%;
text-align: center;
margin-top: 40px;
line-height: 0
}
}
.indeAbt .indeAbt-img img {
width: 100%
}
@media(max-width: 860px) {
.indeAbt .indeAbt-img img {
max-width: 360px
}
}
.insightSec {
margin-top: 115px
}
@media(max-width: 767px) {
.insightSec {
margin-top: 50px
}
}
.insightSec .title {
margin-bottom: 45px
}
.insightSec .insight-bx {
width: 33.3%;
height: auto;
float: left;
margin: 0 0 30px 0;
padding: 0
}
.insightSec .insight-bx:nth-child(3n+1) {
padding-right: 20px
}
@media(max-width: 991px) {
.insightSec .insight-bx:nth-child(3n+1) {
padding-right: 10px
}
}
@media(max-width: 767px) {
.insightSec .insight-bx:nth-child(3n+1) {
padding-right: 0px
}
}
.insightSec .insight-bx:nth-child(3n+2) {
padding: 0 10px
}
@media(max-width: 991px) {
.insightSec .insight-bx:nth-child(3n+2) {
padding: 0 5px
}
}
@media(max-width: 767px) {
.insightSec .insight-bx:nth-child(3n+2) {
padding: 0px
}
}
.insightSec .insight-bx:nth-child(3n+3) {
padding-left: 20px
}
@media(max-width: 991px) {
.insightSec .insight-bx:nth-child(3n+3) {
padding-left: 10px
}
}
@media(max-width: 767px) {
.insightSec .insight-bx:nth-child(3n+3) {
padding-left: 0px
}
}
@media(max-width: 767px) {
.insightSec .insight-bx {
width: 100%;
height: auto;
float: none;
margin: 0 auto 30px;
padding: 0;
max-width: 360px
}
.insightSec .insight-bx:last-child {
margin-bottom: 0
}
}
.insightSec .insight-bx:nth-child(odd) .blgBx:after {
position: absolute;
content: "";
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
height: 100%;
width: 100%;
background: #0c3089;
opacity: .7
}
.insightSec .insight-bx:nth-child(even) .blgBx:after {
position: absolute;
content: "";
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
height: 100%;
width: 100%;
background: #0c3089;
opacity: .7
}
.insightSec .insight-bx .insight-bxInn {
height: 313px;
position: relative;
transition: all .5s
}
@media(max-width: 767px) {
.insightSec .insight-bx .insight-bxInn {
margin-top: 30px
}
}
.insightSec .insight-bx .insight-bxInn:after {
transition: .3s ease
}
.insightSec .insight-bx .insight-bxInn:hover::after {
background: #f3bd36
}
.insightSec .insight-bx .insight-bxInn:hover .insight-bx-img img {
transform: scale(1.05)
}
.insightSec .insight-bx .insight-bxInn:hover .insight-bx-dete .insight-deteInn .insight-name {
color: #0c3089;
font-weight: 600
}
.insightSec .insight-bx .insight-bxInn:hover .insight-bx-dete .insight-deteInn .insight-name::after {
background: #0c3089
}
.insightSec .insight-bx .insight-bxInn:hover .insight-bx-dete .insight-deteInn .insight-act .insight-actBtn {
background: #0c3089;
color: #fff
}
.insightSec .insight-bx .insight-bxInn .insight-bx-img {
width: 100%;
height: 100%;
line-height: 0;
overflow: hidden
}
.insightSec .insight-bx .insight-bxInn .insight-bx-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: .5s ease
}
.insightSec .insight-bx .insight-bxInn .insight-bx-dete {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
display: table;
z-index: 1
}
.insightSec .insight-bx .insight-bxInn .insight-bx-dete .insight-deteInn {
display: table-cell;
vertical-align: middle;
padding: 0 50px
}
@media(max-width: 991px) {
.insightSec .insight-bx .insight-bxInn .insight-bx-dete .insight-deteInn {
padding: 0 15px
}
}
.insightSec .insight-bx .insight-bxInn .insight-bx-dete .insight-deteInn .insight-name {
font-size: 22px;
font-weight: 500;
line-height: 26px;
color: #fff;
text-align: center;
padding-bottom: 22px;
position: relative;
margin-bottom: 72px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
transition: .3s ease
}
.insightSec .insight-bx .insight-bxInn .insight-bx-dete .insight-deteInn .insight-name:after {
position: absolute;
content: "";
top: auto;
left: 50%;
bottom: 0px;
right: auto;
height: 1px;
width: 57.14%;
background: #fff;
transform: translateX(-50%);
transition: .3s ease
}
.insightSec .insight-bx .insight-bxInn .insight-bx-dete .insight-deteInn .insight-act {
text-align: center
}
.insightSec .insight-bx .insight-bxInn .insight-bx-dete .insight-deteInn .insight-act .insight-actBtn {
background: #fff;
display: inline-block;
padding: 5px 45px;
border-radius: 30px;
color: #2f4858;
margin: 0 auto;
font-weight: 500;
transition: .3s ease-out
}
.insightSec .insight-bx .insight-bxInn .insight-bx-dete .insight-deteInn .insight-act .insight-actBtn:hover {
box-shadow: none
}
@media(max-width: 767px) {
.insightSec .insight-bx .insight-bxInn .insight-bx-dete .insight-deteInn .insight-act .insight-actBtn {
width: 65%;
height: 36px;
line-height: 25px;
border: none;
border-radius: 72px;
font-size: 14px;
color: #0c2b4b;
background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#ffffff);
transition: all .5s;
text-align: center;
max-width: 130px
}
}
.insightSec .insight-bx100 {
width: 100%;
margin-bottom: 0px
}
@media(max-width: 767px) {
.insightSec .insight-bx100 {
max-width: 100%
}
}
.insightSec .insight-bx100:nth-child(1) {
padding: 0
}
.insightSec .insight-bx100 .caseBx {
overflow: hidden
}
.insightSec .insight-bx100 .caseBx:after {
position: absolute;
content: "";
top: 0px;
left: -24px;
bottom: 0px;
right: 0px;
height: 100%;
width: 33.3%;
background: linear-gradient(to bottom, #53f146 0%, #2ca6f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#53f146, endColorstr=#2ca6f3);
opacity: .77;
transform: skewX(-8deg)
}
@media(max-width: 767px) {
.insightSec .insight-bx100 .caseBx:after {
position: absolute;
content: "";
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
height: 100%;
width: 100%;
transform: skewX(0deg)
}
}
.insightSec .insight-bx100 .caseBx .insight-bx-dete {
width: 33.3%
}
@media(max-width: 767px) {
.insightSec .insight-bx100 .caseBx .insight-bx-dete {
width: 100%
}
}
.CntGrowSec {
height: 613px;
/* background: url(../images/ind-mid-ban.jpg); */
background: url(../assets/images/ind-mid-ban.jpg);
background-size: cover;
background-repeat: no-repeat;
margin-top: 55px;
position: relative
}
@media(max-width: 767px) {
.CntGrowSec {
height: 320px
}
}
.CntGrowSec:after {
position: absolute;
content: "";
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
background: linear-gradient(to right, #000000 0%, #07323f 100%);
opacity: .8
}
.CntGrowSec .container {
height: 100%;
position: relative;
z-index: 1
}
.CntGrowSec .CntGrowTbl {
width: 100%;
height: 100%;
display: table
}
.CntGrowSec .CntGrowTbl .CntGrowSec-tbMid {
display: table-cell;
vertical-align: middle;
padding-left: 70px
}
@media(max-width: 767px) {
.CntGrowSec .CntGrowTbl .CntGrowSec-tbMid {
padding-left: 0
}
}
.CntGrowSec .CntGrowTbl .CntGrowSec-bx {
max-width: 600px
}
.CntGrowSec .CntGrowTbl .CntGrowSec-bx .title {
text-align: left;
margin-bottom: 10px
}
.CntGrowSec .CntGrowTbl .CntGrowSec-bx .title h4 {
color: #fff
}
.CntGrowSec .CntGrowTbl .CntGrowSec-bx .CntGrowSec-text {
margin-bottom: 30px
}
.CntGrowSec .CntGrowTbl .CntGrowSec-bx .CntGrowSec-text p {
font-size: 18px;
color: #fff;
line-height: 28px
}
@media(max-width: 767px) {
.CntGrowSec .CntGrowTbl .CntGrowSec-bx .CntGrowSec-text p {
font-size: 14px;
line-height: 20px
}
}
.CntGrowSec .CntGrowTbl .CntGrowSec-bx .CntGrowSec-actBx {
float: left;
margin-right: 20px
}
@media(max-width: 767px) {
.CntGrowSec .CntGrowTbl .CntGrowSec-bx .CntGrowSec-actBx {
margin-right: 10px
}
}
.CntGrowSec .CntGrowTbl .CntGrowSec-bx .CntGrowSec-actBx:last-child {
margin-right: 0px;
margin-bottom: 0px
}
.CntGrowSec .CntGrowTbl .CntGrowSec-bx .CntGrowSec-actBx .CntGrowSec-actHref {
width: 200px;
height: 36px;
line-height: 36px;
border: none;
border-radius: 72px;
font-size: 16px;
color: #0c2b4b;
background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#ffffff);
transition: all .5s;
text-align: center;
display: block
}
@media(max-width: 767px) {
.CntGrowSec .CntGrowTbl .CntGrowSec-bx .CntGrowSec-actBx .CntGrowSec-actHref {
width: auto;
height: 36px;
line-height: 36px;
border: none;
border-radius: 72px;
font-size: 14px;
color: #0c2b4b;
background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#ffffff);
transition: all .5s;
text-align: center;
display: inline-block;
padding: 0 20px
}
}
.newSec {
margin-top: 62px
}
@media(max-width: 767px) {
.newSec {
margin-top: 50px
}
}
.newSec .newsBtn-href {
width: 150px;
height: 40px;
line-height: 40px;
border: none;
border-radius: 80px;
font-size: 18px;
color: #fff;
background: linear-gradient(to bottom, #0c3089 0%, #6382cf 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0c3089, endColorstr=#6382cf);
transition: all .5s;
text-align: center;
display: block;
margin: 0 auto;
margin-top: 55px
}
@media(max-width: 767px) {
.newSec .newsBtn-href {
margin-top: 30px
}
}
.newSec .title {
margin-bottom: 62px
}
@media(max-width: 767px) {
.newSec .title {
margin-bottom: 40px
}
}
.newSec .newsBx {
width: 33.3%;
height: auto;
float: left;
margin: 0 0 30px 0;
padding: 0
}
.newSec .newsBx:nth-child(3n+1) {
padding-right: 20px
}
@media(max-width: 991px) {
.newSec .newsBx:nth-child(3n+1) {
padding-right: 10px
}
}
@media(max-width: 767px) {
.newSec .newsBx:nth-child(3n+1) {
padding-right: 0px
}
}
.newSec .newsBx:nth-child(3n+2) {
padding: 0 10px
}
@media(max-width: 991px) {
.newSec .newsBx:nth-child(3n+2) {
padding: 0 5px
}
}
@media(max-width: 767px) {
.newSec .newsBx:nth-child(3n+2) {
padding: 0px
}
}
.newSec .newsBx:nth-child(3n+3) {
padding-left: 20px
}
@media(max-width: 991px) {
.newSec .newsBx:nth-child(3n+3) {
padding-left: 10px
}
}
@media(max-width: 767px) {
.newSec .newsBx:nth-child(3n+3) {
padding-left: 0px
}
}
@media(max-width: 767px) {
.newSec .newsBx {
width: 100%;
height: auto;
float: none;
margin: 0 auto 30px;
padding: 0;
max-width: 360px
}
.newSec .newsBx:last-child {
margin-bottom: 0
}
}
.newSec .newsBx .newsBx-inn {
position: relative;
box-shadow: -2px 6px 7px 3px rgba(165, 164, 164, .25);
transition: all .5s;
background: #fff
}
.newSec .newsBx .newsBx-inn:hover .newsBx-img img {
transform: scale(1.05)
}
.newSec .newsBx .newsBx-inn:hover .newsBx-dete .newsBx-title {
color: #0c3089
}
.newSec .newsBx .newsBx-inn .newsBx-herf {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index: 2
}
.newSec .newsBx .newsBx-inn .newsBx-img {
height: 218px;
position: relative;
overflow: hidden
}
.newSec .newsBx .newsBx-inn .newsBx-img img {
transition: .5s ease
}
.newSec .newsBx .newsBx-inn .newsBx-img .news-lbl {
width: 93px;
height: 22px;
line-height: 22px;
border: none;
border-radius: 44px;
font-size: 14px;
color: #fff;
background: linear-gradient(to bottom, #b914ee 0%, #b914ee 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#b914ee, endColorstr=#b914ee);
transition: all .5s;
text-align: center;
position: absolute;
left: 15px;
bottom: 25px
}
.newSec .newsBx .newsBx-inn .newsBx-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
@media(max-width: 767px) {
.newSec .newsBx .newsBx-inn .newsBx-img img {
-o-object-position: top;
object-position: top
}
}
.newSec .newsBx .newsBx-inn .newsBx-dete {
text-align: center;
padding: 24px 34px
}
@media(max-width: 767px) {
.newSec .newsBx .newsBx-inn .newsBx-dete {
padding: 20px 15px
}
}
.newSec .newsBx .newsBx-inn .newsBx-dete .newsBx-title {
font-size: 20px;
margin: 0 0 12px 0;
line-height: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #000;
font-weight: 600
}
.newSec .newsBx .newsBx-inn .newsBx-dete .newsBx-brif, .newSec .newsBx .newsBx-inn .newsBx-dete .newsBx-date {
line-height: 24px;
color: #2f4858;
margin-bottom: 24px
}
@media(max-width: 767px) {
.newSec .newsBx .newsBx-inn .newsBx-dete .newsBx-brif, .newSec .newsBx .newsBx-inn .newsBx-dete .newsBx-date {
margin-bottom: 10px
}
}
.newSec .newsBx .newsBx-inn .newsBx-dete .newsBx-brif {
height: 50px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis
}
.newSec .newsBx .newsBx-inn .newsBx-dete .newsBx-date {
margin-bottom: 0px
}
.partnerSec {
background: #ebebeb;
margin-top: 60px
}
@media(max-width: 767px) {
.partnerSec {
margin-top: 40px
}
}
.partnerSec .partnerSec-wrapper {
display: flex
}
@media(max-width: 767px) {
.partnerSec .partnerSec-wrapper {
display: block
}
}
.partnerSec .partnerSec-text {
width: 385px;
padding: 30px 42px;
float: left;
background: linear-gradient(to bottom, #0c3089 0%, #6a7ff7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0c3089, endColorstr=#6a7ff7)
}
@media(max-width: 767px) {
.partnerSec .partnerSec-text {
width: 100%
}
}
.partnerSec .partnerSec-text .title {
margin-bottom: 28px
}
.partnerSec .partnerSec-text .title h6 {
color: #fff;
position: relative;
padding-bottom: 10px
}
.partnerSec .partnerSec-text .title h6:after {
position: absolute;
content: "";
top: auto;
left: 50%;
bottom: 0px;
right: auto;
height: 4px;
width: 45px;
background: #fff;
transform: translateX(-50%)
}
.partnerSec .partnerSec-text .partnerSec-textBrif {
margin-bottom: 18px
}
.partnerSec .partnerSec-text .partnerSec-textBrif p {
font-size: 14px;
line-height: 24px;
color: #fff;
text-align: center;
font-weight: 300
}
.partnerSec .partnerSec-text .partnerSec-href {
width: 147px;
height: 42px;
line-height: 42px;
border: 1px solid #fff;
border-radius: 84px;
font-size: 18px;
color: #fff;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=rgba(255, 255, 255, 0), endColorstr=rgba(255, 255, 255, 0));
transition: all .5s;
text-align: center;
display: block;
margin: 0 auto
}
.partnerSec .partnerSec-logoWrap {
padding-left: 54px;
width: calc(100% - 385px);
float: left
}
@media(max-width: 767px) {
.partnerSec .partnerSec-logoWrap {
width: 100%;
padding-left: 0;
margin-top: 30px
}
}
.partnerSec .partnerSec-logoWrap .logoWrapTb {
display: table;
width: 100%;
height: 100%
}
.partnerSec .partnerSec-logoWrap .logoWrapTb .logoWrap-tbMid {
display: table-cell;
vertical-align: middle
}
@media(max-width: 767px) {
.partnerSec .partnerSec-logoWrap .logoWrapTb .logoWrap-tbMid {
text-align: center
}
}
.partnerSec .partnerSec-logoWrap .logoWrap-bx {
width: 33.3%;
height: 90px;
float: left;
margin: 0 0 30px 0;
padding: 0
}
.partnerSec .partnerSec-logoWrap .logoWrap-bx:nth-child(3n+1) {
padding-right: 20px
}
@media(max-width: 991px) {
.partnerSec .partnerSec-logoWrap .logoWrap-bx:nth-child(3n+1) {
padding-right: 10px
}
}
@media(max-width: 767px) {
.partnerSec .partnerSec-logoWrap .logoWrap-bx:nth-child(3n+1) {
padding-right: 0px
}
}
.partnerSec .partnerSec-logoWrap .logoWrap-bx:nth-child(3n+2) {
padding: 0 10px
}
@media(max-width: 991px) {
.partnerSec .partnerSec-logoWrap .logoWrap-bx:nth-child(3n+2) {
padding: 0 5px
}
}
@media(max-width: 767px) {
.partnerSec .partnerSec-logoWrap .logoWrap-bx:nth-child(3n+2) {
padding: 0px
}
}
.partnerSec .partnerSec-logoWrap .logoWrap-bx:nth-child(3n+3) {
padding-left: 20px
}
@media(max-width: 991px) {
.partnerSec .partnerSec-logoWrap .logoWrap-bx:nth-child(3n+3) {
padding-left: 10px
}
}
@media(max-width: 767px) {
.partnerSec .partnerSec-logoWrap .logoWrap-bx:nth-child(3n+3) {
padding-left: 0px
}
}
@media(max-width: 767px) {
.partnerSec .partnerSec-logoWrap .logoWrap-bx {
width: 33.3%;
height: 90px;
float: none;
margin: 0 10px 30px 10px;
padding: 0;
display: inline-block
}
}
.partnerSec .partnerSec-logoWrap .logoWrap-bx .logoWrap-bxInn {
width: 100%;
height: 100%;
background: #fff;
padding: 20px
}
.partnerSec .partnerSec-logoWrap .logoWrap-bx img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.clientSec {
margin: 60px
}
@media(max-width: 767px) {
.clientSec {
margin: 50px
}
}
.clientSec .title {
margin-bottom: 50px
}
@media(max-width: 767px) {
.clientSec .title {
margin: 40px
}
}
.clientSec .clientLogoSlider {
max-width: 1024px;
margin: 0 auto
}
.clientSec .clientLogoSlider .clientSlider-bx {
width: 100%;
height: 80px;
padding: 0 15px
}
.clientSec .clientLogoSlider .clientSlider-bx .clientSlider-bxInn {
width: 100%;
height: 100%;
padding: 15px 0;
box-shadow: 0px 0px 12px rgba(0, 0, 0, .15)
}
.clientSec .clientLogoSlider .clientSlider-bx img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.clientLogoSlider.owl-carousel .owl-stage-outer {
padding: 50px 0
}
.clientLogoSlider.owl-theme .owl-nav {
margin: 0
}
.clientLogoSlider.owl-theme .owl-nav [class*=owl-] {
background: rgba(0, 0, 0, 0);
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.clientLogoSlider.owl-theme .owl-nav .owl-prev {
left: -70px
}
@media(max-width: 767px) {
.clientLogoSlider.owl-theme .owl-nav .owl-prev {
left: -40px
}
}
.clientLogoSlider.owl-theme .owl-nav .owl-next {
right: -70px
}
@media(max-width: 767px) {
.clientLogoSlider.owl-theme .owl-nav .owl-next {
right: -40px
}
}
footer {
padding: 80px 0;
background: #0c3089 url(../images/bg-footer.png) right no-repeat;
/* position: relative */
}
@media(max-width: 767px) {
footer {
padding: 30px 0 60px;
background-position: 100% calc(100% - 46px);
background-size: 200px
}
}
footer .foot-wrapper {
position: relative;
z-index: 1;
margin: 0 auto
}
footer .foot-wrapper .foot-wrap {
width: 21.13%;
float: left;
padding-right: 10px
}
@media(max-width: 767px) {
footer .foot-wrapper .foot-wrap {
width: 100%;
margin-bottom: 10px;
padding-right: 0
}
}
footer .foot-wrapper .foot-wrap:nth-child(even) {
width: 28.87%
}
@media(max-width: 767px) {
footer .foot-wrapper .foot-wrap:nth-child(even) {
width: 100%
}
}
footer .foot-wrapper .foot-wrap:last-child {
padding-right: 0px
}
@media(max-width: 767px) {
footer .foot-wrapper .foot-wrap:last-child {
margin-bottom: 0
}
}
footer .foot-wrapper .foot-wrap .ftTitle {
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
color: #fff;
margin-bottom: 15px
}
@media(max-width: 767px) {
footer .foot-wrapper .foot-wrap .ftTitle {
margin-bottom: 10px;
font-size: 18px
}
}
footer .foot-wrapper .foot-wrap .ftLink-href {
font-size: 14px;
font-weight: 300;
color: #fff;
transition: all .5s;
position: relative;
display: block
}
@media(max-width: 767px) {
footer .foot-wrapper .foot-wrap .ftLink-href {
font-size: 16px
}
}
footer .foot-wrapper .foot-wrap .ftLink-href span {
position: relative;
display: inline-block;
transition: .3s ease
}
footer .foot-wrapper .foot-wrap .ftLink-href:hover span {
transform: translateX(3px)
}
footer .foot-wrapper .foot-wrap .sslLink-list {
display: inline-block;
padding: 5px;
line-height: 0;
margin-right: 8px
}
footer .foot-wrapper .foot-wrap .sslLink-list:last-child {
margin-right: 0px
}
footer .foot-wrapper .foot-wrap .sslLink-list img {
height: 22px;
width: auto
}
footer .foot-wrapper .foot-wrap .ftContct {
margin-top: 16px
}
@media(max-width: 767px) {
footer .foot-wrapper .foot-wrap .ftContct {
margin-top: 20px
}
}
footer .foot-wrapper .foot-wrap .ftContct .ftContct-list {
height: 30px;
line-height: 30px;
margin-bottom: 16px
}
footer .foot-wrapper .foot-wrap .ftContct .ftContct-list img {
width: 23px;
height: 30px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: right;
object-position: right;
float: left
}
footer .foot-wrapper .foot-wrap .ftContct .ftContct-list span {
float: left;
width: calc(100% - 23px)
}
footer .foot-wrapper .foot-wrap .ftContct .ftContct-list .ftContct-href {
line-height: 30px;
color: #fff;
display: inline-block;
vertical-align: top;
font-size: 14px;
font-weight: 300;
padding: 0 10px;
position: relative
}
footer .foot-wrapper .foot-wrap .ftContct .ftContct-list .ftContct-href:after {
position: absolute;
content: "";
top: 50%;
left: auto;
bottom: auto;
right: 0px;
height: 50%;
width: 2px;
background: #fff;
transform: translate(3px, -50%) rotate(10deg)
}
footer .foot-wrapper .foot-wrap .ftContct .ftContct-list .ftContct-href:last-child:after {
display: none
}
footer .foot-wrapper .foot-wrap .ftContct .mailList span {
line-height: 18px
}
footer .foot-wrapper .foot-wrap .ftContct .mailList .ftContct-href {
line-height: 26px
}
footer .foot-wrapper .foot-wrap .ftContct .mailList .ftContct-href:after {
position: absolute;
content: "";
top: auto;
left: auto;
bottom: 0px;
right: 4px;
height: auto;
width: auto;
conten: ",";
background: rgba(0, 0, 0, 0);
font-size: 32px
}
footer .cpRyt-wrap {
margin-top: 18px;
border-top: 1px solid rgba(255, 255, 255, .168627451);
padding-top: 15px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
padding-left: 0px;
z-index: 1
}
@media(max-width: 767px) {
footer .cpRyt-wrap {
display: block
}
}
footer .cpRyt-wrap p {
display: inline-block;
font-size: 14px;
line-height: 14px;
color: #fff
}
footer .cpRyt-wrap p a img {
width: 20px
}
.headerheight {
margin-top: var(--headerheight)
}
.newsBkInnBan {
overflow: hidden
}
.creDetBack.innerBaner {
height: 200px
}
.innerBaner {
height: 580px;
position: relative
}
@media(max-width: 991px) {
.innerBaner {
height: 480px
}
}
@media(max-width: 767px) {
.innerBaner {
height: 262px
}
}
.innerBaner .bkSkewBx {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 83%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 83%, 0% 100%)
}
@media(max-width: 767px) {
.innerBaner .bkSkewBx {
-webkit-clip-path: none;
clip-path: none
}
}
.innerBaner .bkSkewBx img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.innerBaner .bkSkewBx:after {
position: absolute;
content: "";
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
height: 100%;
width: 100%;
background: linear-gradient(to right, #000000 0%, rgba(87, 87, 87, 0.38) 100%);
opacity: .83;
z-index: 5
}
.innerBaner .blogBkBox, .innerBaner .creSkewBx {
transform: translateY(0px) skewY(0deg)
}
.innerBaner .blogBkBox:after, .innerBaner .creSkewBx:after {
opacity: 1
}
.innerBaner .newsBkBox:after {
opacity: 1
}
.innerBaner .newsBkBox:before {
position: absolute;
content: "";
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
height: 100%;
width: 100%;
background: url(../images/mapBk.png);
z-index: 1;
background-repeat: no-repeat;
background-position: center top;
opacity: .2;
background-size: 70%
}
.innerBaner .newsElips {
position: absolute;
width: 445px;
height: 445px;
border: 52px solid #fff;
right: 0px;
top: 0px;
z-index: 1;
border-radius: 50%;
transform: translateX(50%)
}
@media(max-width: 767px) {
.innerBaner .newsElips {
display: none
}
}
.innerBaner .newsElips:after {
position: absolute;
content: "";
top: 50%;
left: 50%;
bottom: auto;
right: auto;
height: calc(100% + 174px);
width: calc(100% + 174px);
border: 4px solid #fff;
border-radius: 50%;
transform: translate(-50%, -50%);
opacity: .38
}
.innerBaner .newsElips:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
bottom: auto;
right: auto;
height: calc(100% + 294px);
width: calc(100% + 294px);
border: 2px solid #fff;
border-radius: 50%;
transform: translate(-50%, -50%);
opacity: .2
}
.innerBaner .innerBaner-cntnt {
height: 100%;
position: absolute;
width: 100%;
top: 0px;
left: 0px;
z-index: 5
}
.innerBaner .innerBaner-cntnt .container {
height: 100%;
position: relative
}
.innerBaner .innerBaner-cntnt .container .innBnrTitle {
position: absolute;
top: 50%;
left: 40px;
transform: translateY(-50%);
max-width: 400px
}
@media(max-width: 767px) {
.innerBaner .innerBaner-cntnt .container .innBnrTitle {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
max-width: 480px;
width: 90%
}
}
.innerBaner .innerBaner-cntnt .container .innBnrTitle h1 {
font-size: 52px;
line-height: 1.3;
font-family: "Poppins", sans-serif;
color: #fff;
font-weight: normal
}
@media(max-width: 1024px) {
.innerBaner .innerBaner-cntnt .container .innBnrTitle h1 {
font-size: 36px;
line-height: 40px
}
}
@media(max-width: 767px) {
.innerBaner .innerBaner-cntnt .container .innBnrTitle h1 {
font-size: 30px;
line-height: 36px
}
}
@media only screen and (max-width: 420px) {
.innerBaner .innerBaner-cntnt .container .innBnrTitle h1 {
font-size: 22px;
line-height: 28px
}
}
.innerBaner .innerBaner-cntnt .container .innBnrTitle h1 span {
display: block
}
@media(max-width: 767px) {
.innerBaner .innerBaner-cntnt .container .innBnrTitle h1 span {
display: inline
}
}
.innerBaner .innerBaner-cntnt .container .innBnrTitle p {
font-size: 20px;
color: #fff;
margin-top: 5px
}
.innerBaner .innerBaner-cntnt .container .carPag {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 90%;
max-width: 800px
}
.innerBaner .innerBaner-cntnt .container .banrPlay {
width: 65px;
height: 65px;
background: #fff;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
margin-left: -70px
}
@media(max-width: 991px) {
.innerBaner .innerBaner-cntnt .container .banrPlay {
left: auto;
right: 150px;
margin-left: 0;
transform: translate(0%, -50%)
}
}
@media(max-width: 767px) {
.innerBaner .innerBaner-cntnt .container .banrPlay {
width: 50px;
height: 50px;
top: 50%;
left: 50%;
transform: translate(-50%, 10%)
}
}
.innerBaner .innerBaner-cntnt .container .banrPlay:before {
position: absolute;
conten: "";
border-top: 15px solid rgba(0, 0, 0, 0);
border-bottom: 15px solid rgba(0, 0, 0, 0);
border-left: 18px solid #000;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-left: 3px
}
@media(max-width: 767px) {
.innerBaner .innerBaner-cntnt .container .banrPlay:before {
border-top: 10px solid rgba(0, 0, 0, 0);
border-bottom: 10px solid rgba(0, 0, 0, 0);
border-left: 12px solid #000;
margin-left: 2px
}
}
.innerBaner .newsBanText .container .innBnrTitle {
position: absolute;
left: 50%;
top: 70px;
transform: translateX(-50%)
}
@media(max-width: 767px) {
.blogBkBaner {
height: 430px
}
}
@media(max-width: 767px) {
.blogBkBaner .blogBnr .blogBnrF1-bx .blogBnrF1-bx-title {
font-size: 35px;
line-height: 45px
}
}
@media only screen and (max-width: 420px) {
.blogBkBaner .blogBnr .blogBnrF1-bx .blogBnrF1-bx-title {
font-size: 22px;
line-height: 35px
}
}
.blogBkBaner .blogBnr .blogBnrF1-bx .bnrBtnBx {
margin-top: 20px
}
@media(max-width: 767px) {
.newsBkInnBan {
height: 380px
}
}
@media(max-width: 675px) {
.newsBkInnBan {
height: 280px
}
}
.banFrm.creFrm {
width: 445px;
padding: 40px;
position: relative;
right: auto;
top: auto;
margin-top: 0;
float: left
}
@media(max-width: 1024px) {
.banFrm.creFrm {
width: 350px;
padding: 40px 20px
}
}
@media(max-width: 991px) {
.banFrm.creFrm {
max-width: 500px;
width: 90%;
margin: 0 auto;
float: none;
margin-top: 50px
}
}
@media(max-width: 991px) {
.banFrm.nrmQryFrm {
display: none
}
}
.banFrm {
width: 445px;
padding: 40px;
position: absolute;
right: 0px;
top: 50%;
margin-top: -200px
}
@media(max-width: 1024px) {
.banFrm {
width: 385px;
display: none
}
}
.banFrm:before {
position: absolute;
content: "";
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
height: 100%;
width: 100%;
background: #fff;
border-radius: 10px;
transform: skewY(-2.6deg);
box-shadow: 0px 0px 20px 3px rgba(53, 53, 53, .17)
}
.banFrm .banFrm-Inn {
position: relative;
z-index: 1
}
.banFrm .banFrm-Inn .title {
text-align: left;
margin-bottom: 18px
}
.banFrm .banFrm-Inn .title h1 {
font-size: 28px;
line-height: 36px;
position: relative;
padding-bottom: 8px
}
.banFrm .banFrm-Inn .title h1:after {
position: absolute;
content: "";
top: auto;
left: 0px;
bottom: 0px;
right: auto;
height: 5px;
width: 90px;
background: #0c3089
}
.banFrm .banFrm-Inn .banFrm-text {
margin-bottom: 25px
}
.banFrm .banFrm-Inn .banFrm-text p {
line-height: 22px;
color: #414141
}
.banFrm .banForm-grp {
margin-bottom: 20px;
line-height: 0
}
.banFrm .banForm-grp:last-child {
margin-bottom: 0px
}
.banFrm .banForm-grp .banFrm-cntrl {
font-size: 16px;
padding: 0 18px;
width: 100%;
height: 46px;
line-height: 46px;
border: 1px solid #000;
border-radius: 4px;
background-color: #fff;
color: #2d2929
}
.banFrm .banForm-grp .banFrm-cntrl::-webkit-input-placeholder {
color: #2d2929
}
.banFrm .banForm-grp .banFrm-cntrl:-moz-placeholder {
color: #2d2929
}
.banFrm .banForm-grp .banFrm-cntrl::-moz-placeholder {
color: #2d2929
}
.banFrm .banForm-grp .banFrm-cntrl:-ms-input-placeholder {
color: #2d2929
}
.banFrm .banForm-grp input[readonly] {
cursor: default;
background-color: #e1e1e1;
border: 1px solid #e1e1e1
}
.banFrm .banForm-grp textarea.banFrm-cntrl {
font-size: 16px;
padding: 10px 18px;
width: 100%;
height: 88px;
line-height: 88px;
border: 1px solid #000;
border-radius: 4px;
background-color: #fff;
color: #2d2929;
line-height: 24px;
resize: none
}
.banFrm .banForm-grp textarea.banFrm-cntrl::-webkit-input-placeholder {
color: #2d2929
}
.banFrm .banForm-grp textarea.banFrm-cntrl:-moz-placeholder {
color: #2d2929
}
.banFrm .banForm-grp textarea.banFrm-cntrl::-moz-placeholder {
color: #2d2929
}
.banFrm .banForm-grp textarea.banFrm-cntrl:-ms-input-placeholder {
color: #2d2929
}
.banFrm .banForm-grp .fileInpt {
display: none
}
.banFrm .banForm-grp .fileLbl {
font-size: 16px;
width: 100%;
height: 46px;
line-height: 46px;
border: none;
border-radius: 4px;
color: #000;
cursor: pointer;
background: linear-gradient(to right, #e1e1e1 0%, #e1e1e1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#e1e1e1, endColorstr=#e1e1e1);
transition: all .5s;
text-align: center;
display: block;
text-align: left;
padding: 0 18px;
position: relative
}
.banFrm .banForm-grp .fileLbl small {
width: calc(100% - 74px);
white-space: nowrap;
height: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: block;
position: absolute;
left: 18px;
top: 0px
}
.banFrm .banForm-grp .fileLbl span {
width: 32px;
height: 24px;
position: absolute;
top: 50%;
right: 18px;
transform: translateY(-50%)
}
.banFrm .banForm-grp .fileLbl span img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
line-height: 0px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all .5s
}
.banFrm .banForm-grp .fileLbl span .fileUp {
vibility: visible;
opacity: 1
}
.banFrm .banForm-grp .fileLbl span .fileDone {
vibility: hidden;
opacity: 0
}
.banFrm .banForm-grp .fileLbl span.fileChange .fileDone {
vibility: visible;
opacity: 1
}
.banFrm .banForm-grp .fileLbl span.fileChange .fileUp {
vibility: hidden;
opacity: 0
}
.banFrm .banForm-grp .banFrm-Btn {
color: #fff;
background: #0c3089;
border: none;
width: 100%;
font-size: 18px;
padding: 12px 0;
border-radius: 5px;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
height: 50px;
transition: .5s ease
}
.banFrm .banForm-grp .banFrm-Btn:hover {
background: #6382cf
}
.carDeteBx.serBrif-bx, .policyBx.serBrif-bx {
margin: 65px 0
}
.carDeteBx.serBrif-bx .serBrif-text .serBrif-textBx, .policyBx.serBrif-bx .serBrif-text .serBrif-textBx {
margin-top: 0
}
.policyBx.serBrif-bx .serBrif-text {
width: 100%;
padding: 0;
text-align: justify
}
.serBrif-bx {
margin: 40px 0 65px 0
}
@media(max-width: 991px) {
.serBrif-bx {
margin: 35px 0 65px 0
}
}
.serBrif-bx .serBrif-img {
position: sticky;
top: 120px;
width: 290px;
float: left;
background: #0c3089;
height: fit-content;
margin-top: 65px
}
@media(max-width: 991px) {
.serBrif-bx .serBrif-img {
display: none
}
}
.serBrif-bx .serBrif-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
left: -16px;
top: -16px
}
.serBrif-bx .serBrif-text {
position: sticky;
top: 120px;
width: calc(100% - 290px);
float: left;
padding-right: 80px
}
@media(max-width: 1024px) {
.serBrif-bx .serBrif-text {
width: calc(100% - 301spx);
padding-right: 40px
}
}
@media(max-width: 991px) {
.serBrif-bx .serBrif-text {
width: 100%;
padding-right: 0px;
float: none
}
}
.serBrif-bx .serBrif-text .title {
text-align: left
}
.serBrif-bx .serBrif-text .title h2 {
font-size: 36px;
line-height: 40px
}
@media(max-width: 767px) {
.serBrif-bx .serBrif-text .title h2 {
font-size: 26px;
line-height: 36px
}
}
@media(max-width: 675px) {
.serBrif-bx .serBrif-text .title h2 {
font-size: 22px;
line-height: 32px
}
}
.serBrif-bx .serBrif-text .serBrif-textBx {
margin-top: 40px
}
.serBrif-bx .serBrif-text .serBrif-textBx b, .serBrif-bx .serBrif-text .serBrif-textBx strong {
color: #0c2b4b;
font-size: 18px;
line-height: 18px
}
@media(max-width: 767px) {
.serBrif-bx .serBrif-text .serBrif-textBx {
margin-top: 20px
}
}
.serBrif-bx .serBrif-text .serBrif-textBx .serBrif-textBx-subTitle {
font-size: 20px;
font-weight: 600;
color: #1c3c63;
margin-bottom: 10px;
margin-top: 25px
}
.serBrif-bx .serBrif-text .serBrif-textBx p, .serBrif-bx .serBrif-text .serBrif-textBx ul, .serBrif-bx .serBrif-text .serBrif-textBx h3, .serBrif-bx .serBrif-text .serBrif-textBx h4 {
margin-bottom: 30px
}
.serBrif-bx .serBrif-text .serBrif-textBx h3, .serBrif-bx .serBrif-text .serBrif-textBx h4 {
line-height: 1.3
}
.serBrif-bx .serBrif-text .serBrif-textBx h3 {
font-size: 25px;
font-weight: 600
}
.serBrif-bx .serBrif-text .serBrif-textBx h4 {
font-size: 22px;
font-weight: 600
}
.serBrif-bx .serBrif-text .serBrif-textBx p {
line-height: 24px;
color: #000;
text-align: justify
}
.serBrif-bx .serBrif-text .serBrif-textBx ul {
margin-left: 15px
}
.serBrif-bx .serBrif-text .serBrif-textBx ul li {
position: relative;
padding-left: 30px;
line-height: 24px;
color: #000;
margin-bottom: 20px;
text-align: justify
}
@media(max-width: 767px) {
.serBrif-bx .serBrif-text .serBrif-textBx ul li {
padding-left: 16px;
text-align: left
}
}
.serBrif-bx .serBrif-text .serBrif-textBx ul li:last-child {
margin-bottom: 0px
}
.serBrif-bx .serBrif-text .serBrif-textBx ul li:before {
position: absolute;
content: "";
top: 6px;
left: 0px;
bottom: auto;
right: auto;
height: 12px;
width: 12px;
border-radius: 50%;
background: rgba(0, 0, 0, 0);
border: 2px solid #0c3089;
box-sizing: border-box
}
@media(max-width: 767px) {
.serBrif-bx .serBrif-text .serBrif-textBx ul li:before {
position: absolute;
content: "";
top: 8px;
left: 0px;
bottom: auto;
right: auto;
height: 10px;
width: 10px
}
}
.cerBrifBx .serBrif-text {
width: 100%
}
.serWhySec {
width: 100%;
background: url(../images/serBack.jpg);
background-size: cover;
position: relative;
background-attachment: fixed;
padding: 65px 0 130px
}
.serWhySec:after {
position: absolute;
content: "";
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
height: 100%;
width: 100%;
background: #0c2b4b;
opacity: .87
}
.serWhySec .tb {
position: relative;
z-index: 1
}
.serWhySec .serWhySecBx {
max-width: 590px;
margin: 0 auto
}
.serWhySec .serWhySecBx .title {
margin-bottom: 35px
}
.serWhySec .serWhySecBx .title h3 {
color: #fff;
position: relative;
padding-bottom: 17px
}
.serWhySec .serWhySecBx .title h3:after {
position: absolute;
content: "";
top: auto;
left: 50%;
bottom: 0px;
right: auto;
height: 6px;
width: 64px;
background: #fff;
transform: translateX(-50%)
}
.serWhySec .serWhySecBx .serWhySecBx-text p {
font-size: 14px;
text-align: center;
color: #fff;
font-weight: 300
}
.serWhySec .serWhySec-lbl {
max-width: 680px;
width: 90%;
background: #0c3089;
position: absolute;
left: 50%;
transform: translateX(-50%);
font-size: 36px;
line-height: 46px;
color: #fff;
text-align: center;
font-weight: 300;
bottom: -45px;
z-index: 1;
padding: 22px 10px
}
@media(max-width: 991px) {
.serWhySec .serWhySec-lbl {
font-size: 26px;
line-height: 36px
}
}
@media(max-width: 767px) {
.serWhySec .serWhySec-lbl {
padding: 15px 10px;
font-size: 18px;
line-height: 28px
}
}
.serPhsSec {
padding: 90px 0 47px 0px;
background: #eee
}
@media(max-width: 991px) {
.serPhsSec {
padding: 60px 0 0px 0px
}
}
@media(max-width: 767px) {
.serPhsSec {
padding: 40px 0
}
}
.serPhsSec .title {
margin-bottom: 28px
}
.serPhsSec .fvPhsBx-wrap {
position: relative;
margin-bottom: 85px
}
@media(max-width: 767px) {
.serPhsSec .fvPhsBx-wrap {
margin-bottom: 40px
}
}
.serPhsSec .fvPhsBx-wrap:before {
position: absolute;
content: "";
top: 0px;
left: 50%;
bottom: 0px;
right: auto;
height: 100%;
width: 2px;
background: #dcdcdc;
transform: translateX(-50%)
}
@media(max-width: 767px) {
.serPhsSec .fvPhsBx-wrap:before {
display: none
}
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx {
width: 50%;
float: left;
margin-bottom: 110px;
position: relative
}
@media(max-width: 767px) {
.serPhsSec .fvPhsBx-wrap .fvPhsBx {
width: 100%;
margin-bottom: 55px
}
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx span {
width: 50px;
height: 50px;
border-radius: 50%;
position: absolute;
top: 38px
}
@media(max-width: 767px) {
.serPhsSec .fvPhsBx-wrap .fvPhsBx span {
display: none
}
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx span:after {
position: absolute;
content: "";
top: 50%;
left: 50%;
bottom: auto;
right: auto;
height: 15px;
width: 15px;
background: #fff;
border-radius: 50%;
transform: translate(-50%, -50%)
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:last-child {
margin-bottom: 0px
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(1) {
margin-top: 52px
}
@media(max-width: 767px) {
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(1) {
margin-top: 0px
}
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(2) {
margin-top: 275px
}
@media(max-width: 767px) {
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(2) {
margin-top: 0px
}
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(odd) {
padding-right: 102px;
clear: left
}
@media(max-width: 1024px) {
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(odd) {
padding-right: 70px
}
}
@media(max-width: 767px) {
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(odd) {
padding-right: 0px
}
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(odd) .fvPhsBx-inn:after {
position: absolute;
conten: "";
top: 45px;
right: -20px
}
@media(max-width: 767px) {
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(odd) .fvPhsBx-inn:after {
display: none
}
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(odd) span {
right: -25px
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(even) {
padding-left: 102px;
float: right;
clear: right
}
@media(max-width: 1024px) {
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(even) {
padding-left: 70px
}
}
@media(max-width: 767px) {
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(even) {
padding-left: 0px
}
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(even) .fvPhsBx-inn:after {
position: absolute;
conten: "";
top: 45px;
left: -20px
}
@media(max-width: 767px) {
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(even) .fvPhsBx-inn:after {
display: none
}
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(even) span {
left: -25px
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(6n+1) span {
background: #6caa2f
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(6n+1) .fvPhsBx-inn {
background: #6caa2f
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(6n+1) .fvPhsBx-inn:after {
border-top: 20px solid rgba(0, 0, 0, 0);
border-bottom: 20px solid rgba(0, 0, 0, 0);
border-left: 20px solid #6caa2f
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(6n+2) span {
background: #0c9ca5
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(6n+2) .fvPhsBx-inn {
background: #0c9ca5
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(6n+2) .fvPhsBx-inn:after {
border-top: 20px solid rgba(0, 0, 0, 0);
border-bottom: 20px solid rgba(0, 0, 0, 0);
border-right: 20px solid #0c9ca5
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(6n+3) span {
background: #d6a32d
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(6n+3) .fvPhsBx-inn {
background: #d6a32d
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(6n+3) .fvPhsBx-inn:after {
border-top: 20px solid rgba(0, 0, 0, 0);
border-bottom: 20px solid rgba(0, 0, 0, 0);
border-left: 20px solid #d6a32d
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(6n+4) span {
background: #245397
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(6n+4) .fvPhsBx-inn {
background: #245397
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(6n+4) .fvPhsBx-inn:after {
border-top: 20px solid rgba(0, 0, 0, 0);
border-bottom: 20px solid rgba(0, 0, 0, 0);
border-right: 20px solid #245397
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(6n+5) span {
background: #009bcc
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(6n+5) .fvPhsBx-inn {
background: #009bcc
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(6n+5) .fvPhsBx-inn:after {
border-top: 20px solid rgba(0, 0, 0, 0);
border-bottom: 20px solid rgba(0, 0, 0, 0);
border-left: 20px solid #009bcc
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(6n+6) span {
background: #7d31c5
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(6n+6) .fvPhsBx-inn {
background: #7d31c5
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx:nth-child(6n+6) .fvPhsBx-inn:after {
border-top: 20px solid rgba(0, 0, 0, 0);
border-bottom: 20px solid rgba(0, 0, 0, 0);
border-right: 20px solid #7d31c5
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx .fvPhsBx-inn {
padding: 45px;
position: relative
}
@media(max-width: 1024px) {
.serPhsSec .fvPhsBx-wrap .fvPhsBx .fvPhsBx-inn {
padding: 45px 20px
}
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx .fvPhsBx-inn .fvPhsBx-title {
font-size: 20px;
color: #fff;
font-wight: 500;
text-transform: uppercase;
margin-bottom: 22px
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx .fvPhsBx-inn .fvPhsBx-list {
font-size: 14px;
line-height: 24px;
font-weight: 300;
color: #fff
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx .fvPhsBx-inn .fvPhsBx-list p, .serPhsSec .fvPhsBx-wrap .fvPhsBx .fvPhsBx-inn .fvPhsBx-list li {
font-size: 14px;
line-height: 24px;
font-weight: 300;
color: #fff
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx .fvPhsBx-inn .fvPhsBx-list li {
position: relative;
padding-left: 25px;
margin-bottom: 12px;
font-weight: 300
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx .fvPhsBx-inn .fvPhsBx-list li:last-child {
margin-bottom: 0px
}
.serPhsSec .fvPhsBx-wrap .fvPhsBx .fvPhsBx-inn .fvPhsBx-list li:before {
position: absolute;
content: "";
top: 7px;
left: 0px;
bottom: auto;
right: auto;
height: 12px;
width: 12px;
border-radius: 50%;
background: rgba(0, 0, 0, 0);
border: 2px solid #fff;
box-sizing: border-box
}
.serPhsSec .fvPhsBx-label {
font-size: 32px;
line-height: 40px;
background: #bc22e6;
padding: 26px 0;
text-align: center;
font-weight: 500;
color: #fff
}
@media(max-width: 767px) {
.serPhsSec .fvPhsBx-label {
font-size: 22px
}
}
.serPhsSec .fvPhsBx-label span {
display: block
}
.serPhsSec .hightPhsBx-wrap {
display: flex;
flex-wrap: wrap;
margin-top: 94px
}
@media(max-width: 767px) {
.serPhsSec .hightPhsBx-wrap {
margin-top: 70px
}
}
.serPhsSec .hightPhsBx-wrap .hightPhsBx {
width: 33.3%;
margin-bottom: 70px
}
.serPhsSec .hightPhsBx-wrap .hightPhsBx:nth-child(3n+1) {
padding-right: 20px
}
@media(max-width: 991px) {
.serPhsSec .hightPhsBx-wrap .hightPhsBx:nth-child(3n+1) {
padding-right: 10px
}
}
@media(max-width: 767px) {
.serPhsSec .hightPhsBx-wrap .hightPhsBx:nth-child(3n+1) {
padding-right: 0px
}
}
.serPhsSec .hightPhsBx-wrap .hightPhsBx:nth-child(3n+2) {
padding: 0 10px
}
@media(max-width: 991px) {
.serPhsSec .hightPhsBx-wrap .hightPhsBx:nth-child(3n+2) {
padding: 0 5px
}
}
@media(max-width: 767px) {
.serPhsSec .hightPhsBx-wrap .hightPhsBx:nth-child(3n+2) {
padding: 0px
}
}
.serPhsSec .hightPhsBx-wrap .hightPhsBx:nth-child(3n+3) {
padding-left: 20px
}
@media(max-width: 991px) {
.serPhsSec .hightPhsBx-wrap .hightPhsBx:nth-child(3n+3) {
padding-left: 10px
}
}
@media(max-width: 767px) {
.serPhsSec .hightPhsBx-wrap .hightPhsBx:nth-child(3n+3) {
padding-left: 0px
}
}
@media(max-width: 991px) {
.serPhsSec .hightPhsBx-wrap .hightPhsBx {
width: 50%
}
}
@media(max-width: 767px) {
.serPhsSec .hightPhsBx-wrap .hightPhsBx {
width: 100%
}
}
.serPhsSec .hightPhsBx-wrap .hightPhsBx:hover .hightPhsBx-inn .hightPhsBx-icon {
background: #0c3089
}
.serPhsSec .hightPhsBx-wrap .hightPhsBx:hover .hightPhsBx-inn h5 {
color: #0c3089
}
.serPhsSec .hightPhsBx-wrap .hightPhsBx:hover .hightPhsBx-inn p {
color: #000
}
.serPhsSec .hightPhsBx-wrap .hightPhsBx .hightPhsBx-inn {
padding: 60px 25px 25px;
background: #fff;
position: relative;
min-height: 122px;
height: 100%
}
@media(max-width: 767px) {
.serPhsSec .hightPhsBx-wrap .hightPhsBx .hightPhsBx-inn {
min-height: auto
}
}
.serPhsSec .hightPhsBx-wrap .hightPhsBx .hightPhsBx-inn .hightPhsBx-icon {
position: absolute;
width: 86px;
height: 86px;
background: #fff;
border: 2px solid #0c3089;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
top: -43px;
transition: .3s ease
}
.serPhsSec .hightPhsBx-wrap .hightPhsBx .hightPhsBx-inn .hightPhsBx-icon img {
position: absolute;
width: 33px;
height: 33px;
-o-object-fit: contain;
object-fit: contain;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.serPhsSec .hightPhsBx-wrap .hightPhsBx .hightPhsBx-inn h5 {
text-align: center;
font-weight: 600;
font-size: 20px;
margin-bottom: 12px
}
.serPhsSec .hightPhsBx-wrap .hightPhsBx .hightPhsBx-inn p {
line-height: 24px;
text-align: center
}
.serPhsSec .hightPhsBx-wrap .hightPhsBx .hightPhsBx-inn ul {
padding-left: 15px
}
.serPhsSec .hightPhsBx-wrap .hightPhsBx .hightPhsBx-inn ul li {
position: relative;
padding-left: 18px;
font-size: 14px;
line-height: 24px;
color: #2f4858;
margin-bottom: 12px
}
.serPhsSec .hightPhsBx-wrap .hightPhsBx .hightPhsBx-inn ul li:last-child {
margin-bottom: 0px
}
.serPhsSec .hightPhsBx-wrap .hightPhsBx .hightPhsBx-inn ul li:before {
position: absolute;
content: "";
top: 7px;
left: 0px;
bottom: auto;
right: auto;
height: 8px;
width: 8px;
border-radius: 50%;
background: rgba(0, 0, 0, 0);
border: 2px solid #2f4858;
box-sizing: border-box
}
.blgBx-wrapper .row.newSec {
display: inline-block;
margin: 0;
padding: 65px 0
}
.blgBx-wrapper .blgBx-wrap:nth-child(3n+1) {
padding-right: 20px
}
@media(max-width: 991px) {
.blgBx-wrapper .blgBx-wrap:nth-child(3n+1) {
padding-right: 10px
}
}
@media(max-width: 767px) {
.blgBx-wrapper .blgBx-wrap:nth-child(3n+1) {
padding-right: 0px
}
}
.blgBx-wrapper .blgBx-wrap:nth-child(3n+2) {
padding: 0 10px
}
@media(max-width: 991px) {
.blgBx-wrapper .blgBx-wrap:nth-child(3n+2) {
padding: 0 5px
}
}
@media(max-width: 767px) {
.blgBx-wrapper .blgBx-wrap:nth-child(3n+2) {
padding: 0px
}
}
.blgBx-wrapper .blgBx-wrap:nth-child(3n+3) {
padding-left: 20px
}
@media(max-width: 991px) {
.blgBx-wrapper .blgBx-wrap:nth-child(3n+3) {
padding-left: 10px
}
}
@media(max-width: 767px) {
.blgBx-wrapper .blgBx-wrap:nth-child(3n+3) {
padding-left: 0px
}
}
.newsBx-wrapper {
margin-top: -300px;
position: relative;
z-index: 1
}
@media(max-width: 767px) {
.newsBx-wrapper {
margin-top: -200px
}
}
.blogBnr {
position: absolute;
left: 0px;
bottom: 50px
}
.blogBnr .blogBnrF1-bx {
width: 370px;
float: left;
padding: 45px 30px 45px 0;
margin-top: 82px
}
.blogBnr .blogBnrF1-bx .blogBnrF1-bx-title {
font-size: 48px;
line-height: 54px;
color: #fff;
font-weight: 500
}
.blogBnr .blogBnrF1-bx .bnrBtnBx {
margin-top: 40px
}
.blogBnr .blogBnrF1-bx .bnrBtnBx .bnrBtn {
width: 180px;
height: 30px;
line-height: 30px;
border: 1px solid #fff;
border-radius: 60px;
font-size: 14px;
color: #fff;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=rgba(255, 255, 255, 0), endColorstr=rgba(255, 255, 255, 0));
transition: all .5s;
text-align: center;
display: block;
text-transform: uppercase
}
.blogBnr .blogScrl-wrap {
width: calc(100% - 370px);
float: left
}
.blogBnr .blogScrl-wrap .blogScrl-title h1 {
font-size: 24px;
font-weight: 500;
color: #fff;
margin-bottom: 12px
}
.blogBnr .blogScrl-wrap .blogScrl-outter {
width: 100%;
overflow: auto;
padding-top: 50px;
position: relative
}
.blogBnr .blogScrl-wrap .blogScrl-outter .blogScrl-inn {
position: relative
}
.blogBnr .blogScrl-wrap .blogScrl-outter .blogScrl-inn:before {
position: absolute;
content: "";
right: 0px;
left: 0px;
height: 2px;
background: #fff;
top: -45px
}
.blogBnr .blogScrl-wrap .blogScrl-bx {
width: 350px;
float: left;
margin-right: 20px
}
.blogBnr .blogScrl-wrap .blogScrl-bx:last-child {
margin-right: 0px
}
.blogBnr .blogScrl-wrap .blogScrl-bx .newsBx .newsBx-inn {
position: relative;
box-shadow: -2px 6px 7px 3px rgba(165, 164, 164, .25);
transition: all .5s;
background: #fff
}
.blogBnr .blogScrl-wrap .blogScrl-bx .newsBx .newsBx-inn .newsBx-herf {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index: 2
}
.blogBnr .blogScrl-wrap .blogScrl-bx .newsBx .newsBx-inn .newsBx-img {
height: 218px;
position: relative
}
.blogBnr .blogScrl-wrap .blogScrl-bx .newsBx .newsBx-inn .newsBx-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: .5s ease
}
.blogBnr .blogScrl-wrap .blogScrl-bx .newsBx .newsBx-inn .newsBx-dete {
text-align: center;
padding: 24px 34px
}
.blogBnr .blogScrl-wrap .blogScrl-bx .newsBx .newsBx-inn .newsBx-dete .newsBx-title {
font-size: 20px;
margin: 0 0 12px 0;
line-height: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #0c2b4b;
font-weight: 500
}
.blogBnr .blogScrl-wrap .blogScrl-bx .newsBx .newsBx-inn .newsBx-dete .newsBx-brif {
font-size: 14px;
line-height: 24px;
color: #0c2b4b;
margin-bottom: 24px;
font-weight: 300
}
.crtOpnSec {
position: relative;
padding: 80px 0 80px;
margin: 180px 0 95px 0
}
@media(max-width: 767px) {
.crtOpnSec {
margin: 60px 0 60px 0
}
}
.crtOpnSec:before {
position: absolute;
content: "";
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
height: 100%;
width: 100%;
background: #ededed;
transform: skewY(-3.7deg)
}
.crtOpnSec .crtOpnSec-img {
width: 385px;
padding: 25px;
float: left;
margin-top: -215px
}
@media(max-width: 1024px) {
.crtOpnSec .crtOpnSec-img {
width: 230px
}
}
@media(max-width: 767px) {
.crtOpnSec .crtOpnSec-img {
display: none
}
}
.crtOpnSec .crtOpnSec-img img {
width: 100%;
height: auto
}
.crtOpnSec .crtOpn-wrapper {
width: calc(100% - 385px);
padding-left: 25px;
float: left
}
@media(max-width: 1024px) {
.crtOpnSec .crtOpn-wrapper {
width: calc(100% - 230px)
}
}
@media(max-width: 767px) {
.crtOpnSec .crtOpn-wrapper {
width: 100%;
padding-left: 0
}
}
.crtOpnSec .crtOpn-wrapper .title {
margin-bottom: 30px;
text-align: left
}
.crtOpnSec .crtOpn-wrapper .crtOpn-wrap {
margin-bottom: 20px
}
.crtOpnSec .crtOpn-wrapper .crtOpn-wrap:last-chlid {
margin-bottom: 0px
}
.crtOpnSec .crtOpn-wrapper .crtOpn-head {
background: #fff;
color: #1c3c63;
font-size: 18px;
font-weight: 500;
position: relative;
cursor: pointer
}
.crtOpnSec .crtOpn-wrapper .crtOpn-head .crtOpn-plus {
height: 60px;
width: 66px;
float: left;
background: #a140c4;
position: relative
}
.crtOpnSec .crtOpn-wrapper .crtOpn-head .crtOpn-plus:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
bottom: auto;
right: auto;
height: 4px;
width: 15px;
background: #fff;
transform: translate(-50%, -50%)
}
.crtOpnSec .crtOpn-wrapper .crtOpn-head .crtOpn-plus:after {
position: absolute;
content: "";
top: 50%;
left: 50%;
bottom: auto;
right: auto;
height: 15px;
width: 4px;
background: #fff;
transform: translate(-50%, -50%);
transition: all .5s
}
.crtOpnSec .crtOpn-wrapper .crtOpn-head .crtOpn-title {
width: calc(100% - 66px);
float: left;
padding: 17px 25px
}
.crtOpnSec .crtOpn-wrapper .crtOpn-body {
padding: 0px 32px;
height: 0px;
overflow: hidden;
background: rgba(255, 255, 255, .3);
transition: all .5s
}
.crtOpnSec .crtOpn-wrapper .crtOpn-body .posBrif-list {
width: calc(100% - 120px);
float: left
}
.crtOpnSec .crtOpn-wrapper .crtOpn-body .posBrif-list li {
margin-bottom: 10px
}
.crtOpnSec .crtOpn-wrapper .crtOpn-body .posBrif-list li:last-child {
margin-bottom: 0px
}
.crtOpnSec .crtOpn-wrapper .crtOpn-body .posBrif-list li .posBrif-icon {
width: 20px;
height: 18px;
float: left
}
.crtOpnSec .crtOpn-wrapper .crtOpn-body .posBrif-list li .posBrif-icon img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.crtOpnSec .crtOpn-wrapper .crtOpn-body .posBrif-list li .posBrif-text {
width: calc(100% - 20px);
float: left;
padding: 0 14px;
font-size: 14px;
font-weight: 300;
line-height: 18px
}
.crtOpnSec .crtOpn-wrapper .crtOpn-body .crDetBtn {
width: 115px;
float: left
}
.crtOpnSec .crtOpn-wrapper .crtOpn-body .crDetBtn .crDetBtnBx {
width: 100%;
height: 30px;
line-height: 30px;
border: 1px solid #9e41bf;
border-radius: 60px;
font-size: 14px;
color: #9e41bf;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=rgba(0, 0, 0, 0), endColorstr=rgba(0, 0, 0, 0));
transition: all .5s;
text-align: center;
display: block
}
.crtOpnSec .crtOpn-wrapper .crtOpn-body .posDete {
margin-top: 15px
}
.crtOpnSec .crtOpn-wrapper .crtOpn-body .posDete .posDete-bx {
margin-bottom: 25px
}
.crtOpnSec .crtOpn-wrapper .crtOpn-body .posDete .posDete-bx:last-child {
margin-bottom: 0px
}
.crtOpnSec .crtOpn-wrapper .crtOpn-body .posDete .posDete-bx .posDete-title {
font-size: 16px;
font-weight: 600;
color: #1c3c63;
margin-bottom: 5px
}
.crtOpnSec .crtOpn-wrapper .crtOpn-body .posDete .posDete-bx .posDete-text p {
font-size: 14px;
font-weight: 300;
color: #000
}
.crtOpnSec .crtOpn-wrapper .crtOpn-body .posDete .posDete-bx .posDete-text li {
position: relative;
padding-left: 18px;
font-size: 14px;
line-height: 24px;
font-weight: 300;
color: #000;
margin-bottom: 12px
}
.crtOpnSec .crtOpn-wrapper .crtOpn-body .posDete .posDete-bx .posDete-text li:last-child {
margin-bottom: 0px
}
.crtOpnSec .crtOpn-wrapper .crtOpn-body .posDete .posDete-bx .posDete-text li:before {
position: absolute;
content: "";
top: 7px;
left: 0px;
bottom: auto;
right: auto;
height: 10px;
width: 10px;
border-radius: 50%;
background: rgba(0, 0, 0, 0);
border: 2px solid #000;
box-sizing: border-box
}
.crtOpnSec .crtOpn-wrapper .shoPosDete .crtOpn-body {
padding: 26px 32px
}
.crtOpnSec .crtOpn-wrapper .shoPosDete .crtOpn-head .crtOpn-plus:after {
opacity: 0
}
.crTm {
margin: 40px 0 60px
}
.crTm .title {
text-transform: uppercase;
margin-bottom: 55px
}
.crTm .crTm-wrap {
width: 33.3%;
float: left;
height: 298px
}
@media(max-width: 991px) {
.crTm .crTm-wrap {
height: 150px
}
}
@media(max-width: 991px) {
.crTm .crTm-wrap {
width: 50%;
height: 220px
}
}
.crTm .crTm-wrap img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.nw-dts {
margin-top: 140px
}
@media(max-width: 991px) {
.nw-dts {
margin-top: 102px
}
}
.nw-dts .bxLeft .title {
margin-top: 15px;
text-align: left
}
.nw-dts .bxLeft .sm-Bx .sm-Btn {
display: inline-block;
background-color: none;
font-size: 14px;
color: #000;
text-align: center
}
.nw-dts .bxRight {
align-self: end;
justify-self: right
}
@media(max-width: 767px) {
.nw-dts .bxRight .sm-Bx {
margin-top: 10px
}
}
.nw-dts .bxRight .sm-Bx .sm-Btn {
width: 96px;
height: 25px;
line-height: 25px;
border: 1px solid #000;
border-radius: 50px;
font-size: 12px;
color: #000;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=rgba(0, 0, 0, 0), endColorstr=rgba(0, 0, 0, 0));
transition: all .5s;
text-align: center;
display: inline-block;
text-align: center
}
.nw-grid-container {
display: grid;
grid-template-columns: 65% 35%
}
@media(max-width: 767px) {
.nw-grid-container {
display: block
}
}
.nw-grid-container p, .nw-grid-container li {
font-size: 16px;
line-height: 24px;
text-align: justify
}
.nw-grid-container p, .nw-grid-container h3, .nw-grid-container h4, .nw-grid-container ul {
margin-bottom: 25px
}
.nw-grid-container h2 {
font-size: 32px;
line-height: 1.2;
font-weight: 600
}
.nw-grid-container h3 {
font-size: 28px;
line-height: 1.2;
font-weight: 600
}
.nw-grid-container h4 {
font-size: 24px;
line-height: 1.2;
font-weight: 500
}
.nw-grid-container h5 {
font-size: 20px;
line-height: 1.2;
font-weight: 500
}
.nw-grid-container h6 {
font-size: 18px;
line-height: 1.2;
font-weight: 500
}
.nw-grid-container a {
font-weight: 400
}
.nw-dts2 {
margin-top: 24px;
background: none
}
.nw-dts2 .nw-grid-container {
background: #1c3c63;
line-height: 0
}
.nw-dts2 .bxLeft {
height: 413px;
padding-left:0;
}
@media(max-width: 767px) {
.nw-dts2 .bxLeft {
height: 313px
}
}
@media only screen and (max-width: 420px) {
.nw-dts2 .bxLeft {
height: 213px
}
}
.nw-dts2 .bxLeft .title {
margin-top: 15px
}
.nw-dts2 .bxLeft img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block
}
.nw-dts2 .bxRight {
position: relative
}
@media(max-width: 767px) {
.nw-dts2 .bxRight {
display: none
}
}
.nw-dts2 .bxRight img {
position: absolute;
transform: translate(85px, 100px);
right: 109px !important;
bottom: 121px !important;
opacity: .1;
width: 350px
}
.nw-dts3 {
margin-bottom: 62px
}
@media(max-width: 767px) {
.nw-dts3 {
margin-bottom: 20px
}
}
.nw-dts3 .bxLeft {
margin-top: 30px;
padding-right: 32px;
font-size: 14px;
line-height: 24px;
font-weight: 300;
text-align: justify
}
@media(max-width: 767px) {
.nw-dts3 .bxLeft {
padding-right: 0px
}
}
.nw-dts3 .bxLeft p {
color: #666
}
.nw-dts3 .bxLeft ul li {
color: #666;
text-align: left
}
.nw-dts3 .bxLeft span.mr {
height: 25px;
display: block
}
@media(max-width: 767px) {
.nw-dts3 .bxRight {
margin-top: 20px
}
}
.nw-dts3 .bxRight h2 {
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
color: #1c3c63;
line-height: 24px
}
.nw-dts3 .bxRight .r-nwBlog {
padding: 30px;
background-color: #f2f2f2
}
.nw-dts3 .bxRight .nwFlex {
display: flex;
position: relative;
margin-top: 20px
}
.nw-dts3 .bxRight .nwFlex:first-of-type {
margin-top: 36px
}
.nw-dts3 .bxRight .nwFlex a.link-hover {
position: absolute;
width: 100%;
height: 100%
}
.nw-dts3 .bxRight .nwFlex:hover .bxLs img {
transform: scale(1.05)
}
.nw-dts3 .bxRight .nwFlex:hover .bxRs .txt-sm {
color: #0c3089
}
.nw-dts3 .bxRight .nwFlex .bxLs {
width: 84px;
height: 78px;
overflow: hidden
}
.nw-dts3 .bxRight .nwFlex .bxLs img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: .5s ease
}
.nw-dts3 .bxRight .nwFlex .bxRs {
flex: 1;
padding: 10px 0 0 10px
}
.nw-dts3 .bxRight .nwFlex .bxRs .txt-sm {
font-weight: 500;
font-size: 18px;
line-height: 26px;
height: 50px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis
}
@media(max-width: 675px) {
.nw-dts3 .bxRight .nwFlex .bxRs .txt-sm {
font-size: 14px;
line-height: 20px
}
}
.img-cover {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block
}
.img-res {
max-width: 100%;
height: auto;
display: block
}
.bxRight {
position: relative
}
.mr140 {
margin-top: 140px
}
.mr24 {
margin-top: 24px;
background: #0c3089
}
.agLleft {
text-align: left
}
.topBanner-bg .row {
background: #1c3c63;
line-height: 0
}
.topBanner-bg .nw-grid-container .bxLeft {
height: 413px;
overflow: hidden
}
@media(max-width: 767px) {
.topBanner-bg .nw-grid-container .bxLeft {
height: 313px
}
}
@media only screen and (max-width: 420px) {
.topBanner-bg .nw-grid-container .bxLeft {
height: 213px
}
}
.topBanner-bg .nw-grid-container .bxRight img {
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
opacity: .1
}
.bx-outer {
margin: 55px 0
}
.bx-outer .bxOuter.ptr {
border: 1px solid #d7d7d7;
padding: 18px;
margin-bottom: 36px
}
.bx-outer .bxOuter.ptr:last-child {
margin-bottom: 0
}
.bx-outer .bxInner.flex {
display: flex;
flex-wrap: wrap
}
@media(max-width: 767px) {
.bx-outer .bxInner.flex {
display: block
}
}
.bx-outer .bxInner.flex .bxLeft {
width: 258px;
padding: 0 40px;
height: 147px;
position: relative
}
@media(max-width: 767px) {
.bx-outer .bxInner.flex .bxLeft {
margin: 0 auto;
width: 100%;
height: 90px;
padding: 0
}
}
.bx-outer .bxInner.flex .bxLeft img {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.bx-outer .bxInner.flex .bxRight {
flex: 1;
padding: 17px 46px;
border-left: 1px solid #1c3c63
}
@media(max-width: 767px) {
.bx-outer .bxInner.flex .bxRight {
border-left: 0px solid #1c3c63;
padding: 10px 0px
}
}
.bx-outer .bxInner.flex .bxRight .bxContent {
position: relative;
top: 50%;
transform: translateY(-50%)
}
@media(max-width: 767px) {
.bx-outer .bxInner.flex .bxRight .bxContent {
top: 0;
transform: translateY(0);
text-align: center
}
}
.bx-outer .bxInner.flex .bxRight h2 {
font-size: 30px;
line-height: 40px;
font-weight: 600;
color: #1c3c63
}
.bx-outer .bxInner.flex .bxRight p {
font-size: 14px;
line-height: 24px;
color: #4a4a4a
}
.serBrif-bx2 {
padding: 130px 0 35px 0;
position: relative
}
@media(max-width: 991px) {
.serBrif-bx2 {
padding: 60px 20px 0px 20px
}
}
@media(max-width: 767px) {
.serBrif-bx2 {
margin-top: 545px
}
}
.serBrif-bx2:before {
conten: "";
background-image: url("../images/logo-trans2.png");
background-repeat: no-repeat;
background-size: 80%;
position: absolute;
z-index: 0;
background-position: 40px 40px;
width: 600px;
height: 400px;
top: 0;
opacity: .6
}
@media(max-width: 767px) {
.serBrif-bx2:before {
width: 300px
}
}
span.hrLine {
position: Relative
}
span.hrLine:after {
position: absolute;
content: "";
top: auto;
left: 0;
bottom: 0;
right: auto;
height: 5px;
width: 100%;
background: #0c3089
}
.cAct-main {
margin: 50px 0
}
@media(max-width: 991px) {
.cAct-main {
margin: 20px 0
}
}
.cAct-main .grid-continer {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 30px
}
@media(max-width: 991px) {
.cAct-main .grid-continer {
grid-template-columns: repeat(1, 1fr)
}
}
.cAct-main .grid-continer .bxSocial {
display: flex;
align-items: center;
height: 100%
}
@media(max-width: 991px) {
.cAct-main .grid-continer .bxSocial {
margin-bottom: 25px
}
}
.cAct-main .grid-continer .scIconImg {
width: 78px;
height: 78px;
border: 2px solid #0c3089;
border-radius: 50%;
padding: 20px;
float: left
}
@media(max-width: 991px) {
.cAct-main .grid-continer .scIconImg {
width: 60px;
height: 60px;
padding: 12px
}
}
.cAct-main .grid-continer .scIconImg img {
width: 100%;
filter: hue-rotate(-80deg)
}
.cAct-main .grid-continer .scContant {
padding: 0 30px;
flex: 1
}
@media(max-width: 991px) {
.cAct-main .grid-continer .scContant {
padding: 0 12px
}
}
.cAct-main .grid-continer .scContant a {
display: block;
color: #2f4858
}
.cAct-main .grid-continer .scContant a:hover {
color: #0c3089
}
.cAct-main .grid-continer .scContant p, .cAct-main .grid-continer .scContant a {
line-height: 22px;
font-weight: 500
}
.itemBx {
margin-top: 25px
}
.bxSimple {
filter: grayscale(1);
transition: .4s ease
}
.bxSimple:hover {
filter: none
}
.mapBx {
height: 600px;
overflow: hidden
}
.mapBx {
width: 100%;
position: relative;
transform: skewY(-1.9deg) translateY(18px);
transform-origin: right top
}
@media(max-width: 767px) {
.mapBx {
transform: none
}
}
iframe#mapFrame {
width: calc(100% + 100px);
height: calc(100% + 100px);
transform: skewY(3.7deg) translate(-50%, -50%);
position: absolute;
left: 50%;
top: 50%
}
@media(max-width: 767px) {
iframe#mapFrame {
transform: none;
position: unset
}
}
.overlay {
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .5);
z-index: 1
}
.navBar-hamburger {
position: relative;
vertical-align: middle;
margin-left: 20px;
display: none
}
@media(max-width: 991px) {
.navBar-hamburger {
display: inline-block
}
}
.navBar-hamburger .hamburger {
position: relative;
display: block;
width: 30px;
background: rgba(0, 0, 0, 0);
border: 0;
padding: 0
}
.navBar-hamburger .hamburger .hamb-top, .navBar-hamburger .hamburger .hamb-middle, .navBar-hamburger .hamburger .hamb-bottom {
height: 2px;
width: 100%;
border-radius: 8px;
display: block;
margin-top: 6px
}
.navBar-hamburger .hamburger .hamb-top {
background: linear-gradient(to bottom, #3045B2 0%, #4b39a6 100%);
margin-top: 0
}
.navBar-hamburger .hamburger .hamb-middle {
background: linear-gradient(to bottom, #4b39a6 0%, #732caf 100%)
}
.navBar-hamburger .hamburger .hamb-bottom {
background: linear-gradient(to bottom, #732caf 0%, #A627CF 100%)
}
.arrow-close {
padding: 0 10px;
margin: 10px 0;
position: relative
}
.arrow-close .arrow {
cursor: pointer;
display: inline-block;
height: 1px;
position: relative;
width: 20px;
vertical-align: middle;
background-color: #5d3abd
}
.arrow-close .arrow:before, .arrow-close .arrow:after {
conten: "";
position: absolute;
height: 1px;
width: 8px;
top: 0;
left: 0;
display: block;
background-color: #5d3abd
}
.arrow-close .arrow:before {
transform-origin: top left;
transform: rotate(40deg)
}
.arrow-close .arrow:after {
transform-origin: bottom left;
transform: rotate(-40deg)
}
.lightbox-close {
width: 26px;
height: 26px;
position: fixed;
cursor: pointer;
right: -100px;
top: 9px;
z-index: 10;
transition: all .5s
}
.lightbox-close:before, .lightbox-close:after {
conten: "";
display: block;
height: 20px;
width: 1px;
background: #5d3abd;
position: absolute;
left: 13px;
top: 3px;
transform-origin: center
}
.lightbox-close:before {
transform: rotate(40deg)
}
.lightbox-close:after {
transform: rotate(-40deg)
}
.maskUp {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 5
}
.maskImg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
transform: skewY(3.7deg) scale(1.15);
background-attachment: fixed
}
@media(max-width: 767px) {
.maskImg {
-webkit-mask-size: 155px;
mask-size: 155px
}
}
.maskTextImg {
position: absolute;
left: 50%;
top: 25%;
translate: -50% 0%;
width: 100%;
max-width: 600px;
padding: 0 15px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
.maskTextImg img {
max-width: 165px
}
.maskTextImg p {
color: #fff;
font-size: 18px;
margin-top: 10px
}
.abtMd {
margin: 64px 0
}
@media(max-width: 767px) {
.abtMd {
margin: 34px 0 0
}
}
.abtMd .abtMd-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 3rem 2rem
}
@media(max-width: 991px) {
.abtMd .abtMd-wrapper {
display: block;
overflow: hidden
}
}
.abtMd .abtMd-wrapper .abtMd-wrap {
--gapflex: 2rem
}
@media(max-width: 991px) {
.abtMd .abtMd-wrapper .abtMd-wrap {
margin-bottom: 25px;
--gapflex: 0rem
}
}
.abtMd .abtMd-wrapper .abtMd-wrap:nth-child(1) {
flex: 0 1 100%
}
.abtMd .abtMd-wrapper .abtMd-wrap:nth-child(1) .abtMd-wrapInn .title {
text-align: center
}
.abtMd .abtMd-wrapper .abtMd-wrap:nth-child(1) p {
text-align: justify
}
.abtMd .abtMd-wrapper .abtMd-wrap:nth-child(2) {
flex: 0 1 38%
}
.abtMd .abtMd-wrapper .abtMd-wrap:nth-child(3) {
flex: 0 1 38%
}
.abtMd .abtMd-wrapper .abtMd-wrap .abtMd-wrapInn {
width: 100%;
height: 100%
}
.abtMd .abtMd-wrapper .abtMd-wrap .abtMd-wrapInn .title {
text-align: left;
margin-bottom: 42px
}
.abtMd .abtMd-wrapper .abtMd-wrap .abtMd-wrapInn .abtMd-text p {
line-height: 24px;
color: #000
}
.abtMd .abtMd-wrapper .abtMd-wrap .abtCrdBX {
padding: 44px 22px;
position: relative
}
@media(max-width: 991px) {
.abtMd .abtMd-wrapper .abtMd-wrap .abtCrdBX {
padding: 30px 12px
}
}
@media(max-width: 767px) {
.abtMd .abtMd-wrapper .abtMd-wrap .abtCrdBX {
padding: 44px 22px
}
}
.abtMd .abtMd-wrapper .abtMd-wrap .abtCrdBX:before {
position: absolute;
content: "";
top: auto;
left: auto;
bottom: -58px;
right: -156px;
height: 185px;
width: 100%;
background: url(../images/logo-white.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: .11
}
.abtMd .abtMd-wrapper .abtMd-wrap .abtCrdBX .abtMd-subTitle h2 {
font-size: 30px;
color: #fff;
font-weight: 500;
padding-bottom: 20px;
margin-bottom: 34px;
float: left;
position: relative;
letter-spacing: .8px;
line-height: 30px
}
.abtMd .abtMd-wrapper .abtMd-wrap .abtCrdBX .abtMd-subTitle h2:after {
position: absolute;
content: "";
top: auto;
left: 0px;
bottom: 0px;
right: auto;
height: 2px;
width: 52px;
background: #fff
}
.abtMd .abtMd-wrapper .abtMd-wrap .abtCrdBX .abtMd-subTitle .subTitle-icn {
width: 52px;
height: 32px;
float: right
}
.abtMd .abtMd-wrapper .abtMd-wrap .abtCrdBX .abtMd-subTitle .subTitle-icn img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center right;
object-position: center right
}
.abtMd .abtMd-wrapper .abtMd-wrap .abtCrdBX .abtCrd-text p {
line-height: 24px;
color: #fff
}
.abtMd .abtMd-wrapper .abtMd-wrap .visiBX {
background: #f3bd36
}
.abtMd .abtMd-wrapper .abtMd-wrap .misnBx {
background: #0c3089
}
.abtPrPit {
padding: 140px 0;
background: linear-gradient(164deg, rgba(0, 0, 0, 0.4196078431) 47%, transparent 58%), url(../images/abtMid-back.jpg);
background-size: 100%, cover;
background-position: 100% 100%, 100% 100%;
position: relative
}
@media(max-width: 991px) {
.abtPrPit {
padding: 20px
}
}
.abtPrPit:after {
position: absolute;
content: "";
top: 0px;
left: 0px;
bottom: auto;
right: auto;
height: 100px;
width: 100%;
-webkit-clip-path: polygon(100% 0, 0 0, 0 92%);
clip-path: polygon(100% 0, 0 0, 0 92%);
background: #fff
}
@media(max-width: 991px) {
.abtPrPit:after {
display: none
}
}
.abtPrPit .ourPit-wrapper {
display: flex;
flex-wrap: wrap;
max-width: 760px
}
@media(max-width: 860px) {
.abtPrPit .ourPit-wrapper {
display: block
}
}
.abtPrPit .ourPit-wrapper .ourPit-wrap {
width: 355px;
padding: 50px 32px 20px;
background: #fff;
margin-right: 25px;
margin-bottom: 25px
}
@media(max-width: 860px) {
.abtPrPit .ourPit-wrapper .ourPit-wrap {
margin: 0 auto;
width: 100%;
margin-bottom: 25px;
max-width: 100%
}
}
@media(max-width: 767px) {
.abtPrPit .ourPit-wrapper .ourPit-wrap:last-child {
margin-bottom: 0
}
}
.abtPrPit .ourPit-wrapper .ourPit-wrap.titlWrp {
width: 100%;
padding: 30px 0 0;
margin: 0;
background: none
}
.abtPrPit .ourPit-wrapper .ourPit-wrap.titlWrp .ourPit-title {
margin-bottom: 45px
}
.abtPrPit .ourPit-wrapper .ourPit-wrap.titlWrp .ourPit-title h3 {
color: #fff;
font-size: 32px;
line-height: 1;
text-align: left
}
@media(max-width: 991px) {
.abtPrPit .ourPit-wrapper .ourPit-wrap.titlWrp .ourPit-title h3 {
font-size: 30px;
text-align: center
}
}
.abtPrPit .ourPit-wrapper .ourPit-wrap.titlWrp .ourPit-title p {
color: #fff;
line-height: 23px;
max-width: 450px;
margin-top: 15px
}
@media(max-width: 991px) {
.abtPrPit .ourPit-wrapper .ourPit-wrap.titlWrp .ourPit-title p {
text-align: center;
max-width: 100%
}
}
.abtPrPit .ourPit-wrapper .ourPit-wrap .ourPit-title {
margin-bottom: 15px
}
.abtPrPit .ourPit-wrapper .ourPit-wrap .ourPit-title h3 {
font-size: 24px;
font-weight: 500;
color: #1c3c63;
text-align: center
}
.abtPrPit .ourPit-wrapper .ourPit-wrap .ourPit-text p {
color: #000;
line-height: 24px;
text-align: center
}
.whyUsSec {
margin: 60px 0
}
.whyUsSec .title {
margin-bottom: 55px
}
@media(max-width: 991px) {
.whyUsSec .title {
margin-bottom: 0px
}
}
.whyUsSec .title p {
max-width: 550px;
margin: 12px auto 0;
line-height: 24px;
font-weight: 400;
color: #000
}
@media(max-width: 991px) {
.whyUsSec .title p {
max-width: 100%
}
}
.whyUsSec .whyUs-slider {
max-width: 930px;
margin: 0 auto
}
@media(max-width: 1140px) {
.whyUsSec .whyUs-slider {
max-width: 820px
}
}
@media(max-width: 991px) {
.whyUsSec .whyUs-slider {
max-width: 100%
}
}
.whyUsSec .whyUs-slider .wyUsSlider-bx {
height: 100%;
border-radius: 50%;
padding: 45px;
text-align: center;
transition: all .5s;
position: relative
}
@media(max-width: 767px) {
.whyUsSec .whyUs-slider .wyUsSlider-bx {
width: 100%
}
}
.whyUsSec .whyUs-slider .wyUsSlider-bx:after {
position: absolute;
content: "";
background: #d5d7d8;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
border-radius: 50%;
transition: all .5s
}
@media(max-width: 991px) {
.whyUsSec .whyUs-slider .wyUsSlider-bx:after {
border-radius: 0;
transform: translate(0%, 0%);
top: 0;
left: 0
}
}
.whyUsSec .whyUs-slider .wyUsSlider-bx .wyUsSlider-inn {
position: relative;
z-index: 1
}
.whyUsSec .whyUs-slider .wyUsSlider-bx .wUslid-icn {
width: 50px;
height: 50px;
margin: 0 auto
}
.whyUsSec .whyUs-slider .wyUsSlider-bx .wUslid-icn img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.whyUsSec .whyUs-slider .wyUsSlider-bx .wUslid-title {
font-weight: 500;
color: #fff;
font-size: 25px;
padding-bottom: 15px;
margin-bottom: 20px;
margin-top: 10px;
position: relative
}
.whyUsSec .whyUs-slider .wyUsSlider-bx .wUslid-title:after {
position: absolute;
content: "";
top: auto;
left: 50%;
bottom: 0px;
right: auto;
height: 4px;
width: 65px;
transform: translateX(-50%);
background: #fff
}
.whyUsSec .whyUs-slider .wyUsSlider-bx .wUslid-text {
line-height: 22px;
color: #fff
}
.whyUsSec .center {
z-index: 1
}
.whyUsSec .center .wyUsSlider-bx:after {
background: #0c3089;
width: calc(100% + 50px);
height: calc(100% + 50px)
}
@media(max-width: 991px) {
.whyUsSec .center .wyUsSlider-bx:after {
border-radius: 0
}
}
.wyUsSlider .owl-stage {
display: flex
}
.wyUsSlider.owl-carousel .owl-stage-outer {
padding: 50px 0
}
.wyUsSlider.owl-theme .owl-nav {
margin: 0
}
@media(max-width: 767px) {
.wyUsSlider.owl-theme .owl-nav {
position: absolute;
top: 50%;
width: 100%
}
}
.wyUsSlider.owl-theme .owl-nav [class*=owl-] {
background: rgba(0, 0, 0, 0);
position: absolute;
top: 50%;
transform: translateY(-50%)
}
@media(max-width: 767px) {
.wyUsSlider.owl-theme .owl-nav [class*=owl-] img {
height: 50px
}
}
@media(max-width: 767px) {
.wyUsSlider.owl-theme .owl-nav [class*=owl-] {
position: absolute;
top: auto;
transform: translateY(-20%)
}
}
.wyUsSlider.owl-theme .owl-nav .owl-prev {
left: -95px
}
@media(max-width: 767px) {
.wyUsSlider.owl-theme .owl-nav .owl-prev {
left: 0px
}
}
@media(max-width: 1140px) {
.wyUsSlider.owl-theme .owl-nav .owl-prev {
left: -40px
}
}
@media(max-width: 767px) {
.wyUsSlider.owl-theme .owl-nav .owl-prev {
left: 0px
}
}
.wyUsSlider.owl-theme .owl-nav .owl-next {
right: -95px
}
@media(max-width: 1140px) {
.wyUsSlider.owl-theme .owl-nav .owl-next {
right: -40px
}
}
@media(max-width: 767px) {
.wyUsSlider.owl-theme .owl-nav .owl-next {
right: 0px
}
}
.wyUsSlider .owl-dots {
position: absolute;
width: 100%;
text-align: center;
bottom: 20px
}
.wyUsSlider .owl-dots button.owl-dot {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
display: inline-block;
height: 10px;
width: 10px;
border-radius: 50%;
background: #fff;
opacity: .4;
transition: .5s ease;
margin-inline: 6px;
caret-color: rgba(0, 0, 0, 0);
cursor: pointer
}
.wyUsSlider .owl-dots button.owl-dot.active {
opacity: .9
}
.ldrSec {
margin: 60px 0
}
.ldrSec .title {
margin-bottom: 25px
}
.ldrSec .empText p {
font-size: 14px;
line-height: 24px;
font-weight: 300;
text-align: center
}
.ldrSec .ldrSec-wrap {
width: 50%;
float: left
}
@media(max-width: 767px) {
.ldrSec .ldrSec-wrap {
width: 100%
}
}
@media(max-width: 675px) {
.ldrSec .ldrSec-wrap {
margin-bottom: 25px
}
}
.ldrSec .ldrSec-wrap .ldrSec-wrapInn {
width: 50%;
float: left;
height: 335px
}
@media(max-width: 675px) {
.ldrSec .ldrSec-wrap .ldrSec-wrapInn {
width: 100%;
height: 250px
}
.ldrSec .ldrSec-wrap .ldrSec-wrapInn:nth-child(2) {
height: auto
}
}
.ldrSec .ldrSec-wrap .ldrSec-wrapInn:first-child {
overflow: hidden
}
.ldrSec .ldrSec-wrap .ldrSec-wrapInn .ledrImg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all 1s
}
.ldrSec .ldrSec-wrap .ldrSec-wrapInn .ledrInfo {
width: 100%;
height: 100%;
background: #9e16ac;
padding: 50px 25px 25px 50px;
position: relative
}
@media(max-width: 1140px) {
.ldrSec .ldrSec-wrap .ldrSec-wrapInn .ledrInfo {
padding: 20px
}
}
.ldrSec .ldrSec-wrap .ldrSec-wrapInn .ledrInfo:after {
position: absolute;
conten: "";
border-top: 20px solid rgba(0, 0, 0, 0);
border-bottom: 20px solid rgba(0, 0, 0, 0);
border-right: 20px solid #9e16ac;
left: -20px;
top: 60px
}
.ldrSec .ldrSec-wrap .ldrSec-wrapInn .ledrInfo .ledrHead {
margin-bottom: 30px;
padding-bottom: 22px;
position: relative
}
@media(max-width: 991px) {
.ldrSec .ldrSec-wrap .ldrSec-wrapInn .ledrInfo .ledrHead {
margin-bottom: 18px;
padding-bottom: 12px
}
}
.ldrSec .ldrSec-wrap .ldrSec-wrapInn .ledrInfo .ledrHead .ledrName {
font-size: 25px;
font-weight: 500;
color: #fff;
margin-bottom: 2px;
text-transform: uppercase
}
@media(max-width: 991px) {
.ldrSec .ldrSec-wrap .ldrSec-wrapInn .ledrInfo .ledrHead .ledrName {
font-size: 20px
}
}
.ldrSec .ldrSec-wrap .ldrSec-wrapInn .ledrInfo .ledrHead .ledrPos {
font-size: 18px;
font-weight: 300;
color: #fff
}
@media(max-width: 991px) {
.ldrSec .ldrSec-wrap .ldrSec-wrapInn .ledrInfo .ledrHead .ledrPos {
font-size: 14px
}
}
.ldrSec .ldrSec-wrap .ldrSec-wrapInn .ledrInfo .ledrHead:after {
position: absolute;
content: "";
top: auto;
left: 0px;
bottom: 0px;
right: auto;
height: 4px;
width: 65px;
background: #fff
}
.ldrSec .ldrSec-wrap .ldrSec-wrapInn .ledrInfo .ledrBrif {
margin-bottom: 45px
}
@media(max-width: 991px) {
.ldrSec .ldrSec-wrap .ldrSec-wrapInn .ledrInfo .ledrBrif {
margin-bottom: 30px
}
}
.ldrSec .ldrSec-wrap .ldrSec-wrapInn .ledrInfo .ledrBrif p {
font-size: 14px;
font-weight: 300;
color: #fff;
line-height: 22px
}
.ldrSec .ldrSec-wrap .ldrSec-wrapInn .ledrInfo .ledrMore {
text-align: right
}
.ldrSec .ldrSec-wrap .ldrSec-wrapInn .ledrInfo .ledrMore .ledrBtn {
width: 50px;
height: 50px;
background: #fff;
border-radius: 50%;
border: none;
position: relative;
transition: all .5s
}
.ldrSec .ldrSec-wrap .ldrSec-wrapInn .ledrInfo .ledrMore .ledrBtn:hover {
box-shadow: 0px 3px 16px rgba(0, 0, 0, .66)
}
.ldrSec .ldrSec-wrap .ldrSec-wrapInn .ledrInfo .ledrMore .ledrBtn img {
height: 25px;
width: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin-left: 2px
}
.ldrSec .ldrSec-wrap:hover .ledrImg {
transform: scale(1.2)
}
.ldrSec .ldrSec-wrap:nth-child(4n+3) .ldrSec-wrapInn, .ldrSec .ldrSec-wrap:nth-child(4n+4) .ldrSec-wrapInn {
float: right
}
.ldrSec .ldrSec-wrap:nth-child(4n+3) .ldrSec-wrapInn .ledrInfo:after, .ldrSec .ldrSec-wrap:nth-child(4n+4) .ldrSec-wrapInn .ledrInfo:after {
border-left: 20px solid #9e16ac;
border-right: none;
left: auto;
right: -20px
}
@media(max-width: 767px) {
.ldrSec .ldrSec-wrap:nth-child(4n+3) .ldrSec-wrapInn .ledrInfo:after, .ldrSec .ldrSec-wrap:nth-child(4n+4) .ldrSec-wrapInn .ledrInfo:after {
display: none
}
}
.ldrSec .ldrSec-wrap:nth-child(4n+3) .ldrSec-wrapInn .ledrInfo .ledrMore, .ldrSec .ldrSec-wrap:nth-child(4n+4) .ldrSec-wrapInn .ledrInfo .ledrMore {
text-align: left
}
@media(max-width: 767px) {
.ldrSec .ldrSec-wrap:nth-child(4n+2) .ldrSec-wrapInn {
float: right
}
.ldrSec .ldrSec-wrap:nth-child(4n+2) .ldrSec-wrapInn .ledrInfo:after {
border-left: 20px solid #9e16ac;
border-right: none;
left: auto;
right: -20px
}
}
@media(max-width: 767px)and (max-width: 767px) {
.ldrSec .ldrSec-wrap:nth-child(4n+2) .ldrSec-wrapInn .ledrInfo:after {
display: none
}
}
@media(max-width: 767px) {
.ldrSec .ldrSec-wrap:nth-child(4n+2) .ldrSec-wrapInn .ledrInfo .ledrMore {
text-align: left
}
}
@media(max-width: 767px) {
.ldrSec .ldrSec-wrap:nth-child(4n+3) .ldrSec-wrapInn {
float: left
}
.ldrSec .ldrSec-wrap:nth-child(4n+3) .ldrSec-wrapInn .ledrInfo:after {
border-left: none;
border-right: 20px solid #9e16ac;
left: -20px;
right: auto
}
.ldrSec .ldrSec-wrap:nth-child(4n+3) .ldrSec-wrapInn .ledrInfo .ledrMore {
text-align: left
}
}
.clntSays {
margin: 32px 0 60px
}
.clntSays .title {
margin-bottom: 30px;
padding-bottom: 60px;
position: relative
}
.clntSays .title:after {
position: absolute;
content: "";
top: auto;
left: 50%;
bottom: 0px;
right: auto;
height: 43px;
width: 50px;
background: url(../icon/left-quote.png);
transform: translateX(-50%);
opacity: .2
}
.clntSays .clntSlidr {
max-width: 780px;
margin: 0 auto
}
.clntSays .clntSlidr .clntSlidr_imgBx {
width: 275px;
float: left
}
@media(max-width: 991px) {
.clntSays .clntSlidr .clntSlidr_imgBx {
width: 100%;
text-align: center
}
}
.clntSays .clntSlidr .clntSlidr_imgBx .clntSlidr_img {
width: 210px;
height: 210px;
background: #0c3089;
margin: 0 auto;
position: relative;
border-radius: 50%
}
.clntSays .clntSlidr .clntSlidr_imgBx .clntSlidr_img:after {
position: absolute;
content: "";
top: 0px;
left: 0px;
bottom: auto;
right: auto;
height: 130px;
width: 130px;
background: #0c3089;
transform: translate(-18%, -18%);
border-radius: 50%;
z-index: -1
}
.clntSays .clntSlidr .clntSlidr_imgBx .clntSlidr_img img {
position: absolute;
width: calc(100% - 8px);
height: calc(100% - 8px);
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
top: 6px;
right: 6px
}
.clntSays .clntSlidr .clntSlidr_deteBx {
width: calc(100% - 275px);
float: left;
padding-top: 30px;
padding-left: 20px
}
@media(max-width: 991px) {
.clntSays .clntSlidr .clntSlidr_deteBx {
width: 100%;
text-align: center
}
}
.clntSays .clntSlidr .clntSlidr_deteBx .clntSlidr_text {
margin-bottom: 20px
}
.clntSays .clntSlidr .clntSlidr_deteBx .clntSlidr_text p {
color: #000
}
.clntSays .clntSlidr .clntSlidr_deteBx .clntSlidr_title .clntSlidr_name {
font-size: 24px;
line-height: 24px;
color: #0c3089;
font-weight: 500;
margin-bottom: 8px
}
.clntSays .clntSlidr .clntSlidr_deteBx .clntSlidr_title .clntSlidr_cmpny {
font-size: 14px;
line-height: 14px;
color: #0c3089;
font-weight: 300
}
.clntSlidr.owl-carousel .owl-stage-outer {
padding: 50px 0
}
@media(max-width: 767px) {
.clntSlidr.owl-carousel .owl-stage-outer {
padding: 50px 0 0
}
}
.clntSlidr.owl-theme .owl-nav {
margin: 0
}
.clntSlidr.owl-theme .owl-nav [class*=owl-] {
background: rgba(0, 0, 0, 0);
position: absolute;
top: 50%;
transform: translateY(-50%)
}
@media(max-width: 991px) {
.clntSlidr.owl-theme .owl-nav [class*=owl-] {
top: 30%
}
}
.clntSlidr.owl-theme .owl-nav .owl-prev {
left: -95px
}
@media(max-width: 991px) {
.clntSlidr.owl-theme .owl-nav .owl-prev {
left: 0
}
}
.clntSlidr.owl-theme .owl-nav .owl-next {
right: -95px
}
@media(max-width: 991px) {
.clntSlidr.owl-theme .owl-nav .owl-next {
right: 0
}
}
.f0f-sec {
min-height: 400px;
padding: 80px 0
}
.f0f-sec .f0f-msg {
max-width: 500px;
margin: 0 auto
}
.f0f-sec .f0f-msg .f0f-text-main {
font-size: 84px;
text-align: center;
display: block;
font-weight: 700;
color: #3c3c3c;
line-height: 96px
}
@media(max-width: 767px) {
.f0f-sec .f0f-msg .f0f-text-main {
font-size: 64px;
line-height: 66px
}
}
.f0f-sec .f0f-msg .f0f-text {
font-size: 18px;
text-align: center;
display: block;
font-weight: 300;
color: #3c3c3c;
line-height: 30px
}
.f0f-sec .f0f-msg .f0f-face {
width: 180px;
border-top: 1px solid #3c3c3c;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
display: block;
border-radius: 50%;
height: 80px;
position: relative;
transform: rotate(4deg);
margin: 0 auto;
margin-top: 25px
}
.f0f-sec .f0f-msg .f0f-face:before {
position: absolute;
content: "";
top: -10px;
left: 25px;
bottom: auto;
right: auto;
height: 10px;
width: 10px;
background: #3c3c3c;
border-radius: 50%
}
.f0f-sec .f0f-msg .f0f-face:after {
position: absolute;
content: "";
top: -10px;
left: auto;
bottom: auto;
right: 25px;
height: 10px;
width: 10px;
background: #3c3c3c;
border-radius: 50%
}
.f0f-sec .f0f-msg .f0f-bkHm {
width: 150px;
height: 30px;
line-height: 30px;
border: none;
border-radius: 60px;
font-size: 14px;
color: #fff;
background: linear-gradient(to bottom, #3241a1 0%, #9123b5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3241a1, endColorstr=#9123b5);
transition: all .5s;
text-align: center;
display: block;
margin: 0 auto
}
.f0f-sec .thnk-msg {
max-width: 700px;
margin: 0 auto
}
.f0f-sec .thnk-msg .thnk-text-main {
font-size: 64px;
text-align: center;
display: block;
font-weight: 700;
color: #3c3c3c;
line-height: 76px;
margin-bottom: 15px
}
@media(max-width: 767px) {
.f0f-sec .thnk-msg .thnk-text-main {
font-size: 44px;
line-height: 46px
}
}
.f0f-sec .thnk-msg .thnk-text {
font-size: 16px;
text-align: center;
display: block;
font-weight: 300;
color: #3c3c3c;
line-height: 30px;
margin-bottom: 25px
}
.f0f-sec .thnk-msg .thnk-bkHm {
width: 150px;
height: 30px;
line-height: 30px;
border: none;
border-radius: 60px;
font-size: 14px;
color: #fff;
background: linear-gradient(to bottom, #3241a1 0%, #9123b5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3241a1, endColorstr=#9123b5);
transition: all .5s;
text-align: center;
display: block;
margin: 0 auto
}
.popUp.videoPop .popIn .clsPop {
top: 1px;
right: 1px
}
.popUp {
position: fixed;
z-index: -1;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
vibility: hidden;
opacity: 0;
transition: all .5s
}
.popUp:after {
position: absolute;
content: "";
top: 50%;
left: 50%;
bottom: auto;
right: auto;
height: 95%;
width: 95%;
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, .61);
border-radius: 40px;
opacity: 0;
transition: all .5s
}
.popUp .popIn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #fff;
width: 95%;
max-width: 700px;
z-index: 1;
box-shadow: 0px 0px 17px 3px rgba(0, 0, 0, .27);
border-radius: 4px
}
.popUp .popIn .clsPop {
position: absolute;
width: 20px;
height: 20px;
top: 10px;
right: 10px;
cursor: pointer;
z-index: 1
}
.popUp .popIn .clsPop:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
bottom: auto;
right: auto;
height: 2px;
width: 100%;
background: linear-gradient(to right, #000000 0%, #000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#000000, endColorstr=#000);
transform: translate(-50%, -50%) rotate(45deg)
}
.popUp .popIn .clsPop:after {
position: absolute;
content: "";
top: 50%;
left: 50%;
bottom: auto;
right: auto;
height: 2px;
width: 100%;
background: linear-gradient(to right, #000 0%, #000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#000, endColorstr=#000);
transform: translate(-50%, -50%) rotate(-45deg)
}
.popUp .popIn .videoPopBX {
padding: 20px
}
.popUp .popIn .videoPopBX .videoSol {
width: 100%;
height: 372px
}
@media(max-width: 767px) {
.popUp .popIn .videoPopBX .videoSol {
height: 220px
}
}
.popUp .popIn .ledrDetePopBX {
padding: 20px;
display: flex
}
@media(max-width: 767px) {
.popUp .popIn .ledrDetePopBX {
display: block
}
}
.popUp .popIn .ledrDetePopBX .ledrDetePop-left {
width: 250px;
float: left
}
@media(max-width: 767px) {
.popUp .popIn .ledrDetePopBX .ledrDetePop-left {
margin: 0 auto;
float: none;
width: 180px
}
}
.popUp .popIn .ledrDetePopBX .ledrDetePop-left .ledrPop-img {
width: 100%;
height: 250px;
margin-bottom: 15px
}
@media(max-width: 767px) {
.popUp .popIn .ledrDetePopBX .ledrDetePop-left .ledrPop-img {
height: 180px
}
}
.popUp .popIn .ledrDetePopBX .ledrDetePop-left .ledrPop-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.popUp .popIn .ledrDetePopBX .ledrDetePop-left .ledrPop-title {
text-align: center
}
.popUp .popIn .ledrDetePopBX .ledrDetePop-left .ledrPop-title .ledrName {
font-size: 18px;
font-weight: 500;
margin-bottom: 0px;
text-transform: uppercase
}
.popUp .popIn .ledrDetePopBX .ledrDetePop-left .ledrPop-title .ledrPos {
font-size: 14px;
font-weight: 300
}
.popUp .popIn .ledrDetePopBX .ledrDetePop-ryt {
width: calc(100% - 250px);
float: left;
max-height: 500px;
padding-left: 20px
}
@media(max-width: 767px) {
.popUp .popIn .ledrDetePopBX .ledrDetePop-ryt {
width: 100%;
padding: 0
}
}
.popUp .popIn .ledrDetePopBX .ledrDetePop-ryt .ledrDetePop-ryt-title {
font-size: 18px;
font-weight: 500;
margin-bottom: 15px
}
.popUp .popIn .ledrDetePopBX .ledrDetePop-ryt .ledrDetePop-ryt-text > * {
font-size: 14px;
font-weight: 300
}
.popUp .popIn .genQry {
display: flex
}
.popUp .popIn .genQry .genQryImg {
width: 300px;
float: left;
min-height: 400px
}
@media(max-width: 767px) {
.popUp .popIn .genQry .genQryImg {
display: none
}
}
.popUp .popIn .genQry .genQryImg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.popUp .popIn .genQry .genQryFrmBX {
width: calc(100% - 300px);
float: left;
padding: 50px 20px
}
@media(max-width: 767px) {
.popUp .popIn .genQry .genQryFrmBX {
width: 100%;
padding: 20px 20px
}
}
.popUp .popIn .genQry .genQryFrmBX .genQry-title {
font-size: 22px;
line-height: 36px;
position: relative;
padding-bottom: 5px;
margin-bottom: 18px;
color: #0c2b4b;
font-weight: 500;
text-transform: capitalize
}
@media(max-width: 767px) {
.popUp .popIn .genQry .genQryFrmBX .genQry-title {
font-size: 18px
}
}
.popUp .popIn .genQry .genQryFrmBX .genQry-title:after {
position: absolute;
content: "";
top: auto;
left: 0px;
bottom: 0px;
right: auto;
height: 3px;
width: 90px;
background: #0c3089
}
.popUp .popIn .genQry .genQryFrmBX .qryFormBx .qryForm-grp {
margin-bottom: 20px;
line-height: 0
}
@media(max-width: 767px) {
.popUp .popIn .genQry .genQryFrmBX .qryFormBx .qryForm-grp {
margin-bottom: 12px
}
}
.popUp .popIn .genQry .genQryFrmBX .qryFormBx .qryForm-grp:last-child {
margin-bottom: 0px
}
.popUp .popIn .genQry .genQryFrmBX .qryFormBx .qryForm-grp .qryForm-cntrl {
font-size: 14px;
padding: 0 12px;
width: 100%;
height: 40px;
line-height: 40px;
border: 1px solid #c7c7c7;
border-radius: 4px;
background-color: #fff;
color: #585858
}
.popUp .popIn .genQry .genQryFrmBX .qryFormBx .qryForm-grp .qryForm-cntrl::-webkit-input-placeholder {
color: #585858
}
.popUp .popIn .genQry .genQryFrmBX .qryFormBx .qryForm-grp .qryForm-cntrl:-moz-placeholder {
color: #585858
}
.popUp .popIn .genQry .genQryFrmBX .qryFormBx .qryForm-grp .qryForm-cntrl::-moz-placeholder {
color: #585858
}
.popUp .popIn .genQry .genQryFrmBX .qryFormBx .qryForm-grp .qryForm-cntrl:-ms-input-placeholder {
color: #585858
}
.popUp .popIn .genQry .genQryFrmBX .qryFormBx .qryForm-grp textarea.qryForm-cntrl {
font-size: 14px;
padding: 5px 12px;
width: 100%;
height: 80px;
line-height: 80px;
border: 1px solid #c7c7c7;
border-radius: 4px;
background-color: #fff;
color: #585858;
line-height: 22px;
resize: none
}
.popUp .popIn .genQry .genQryFrmBX .qryFormBx .qryForm-grp textarea.qryForm-cntrl::-webkit-input-placeholder {
color: #585858
}
.popUp .popIn .genQry .genQryFrmBX .qryFormBx .qryForm-grp textarea.qryForm-cntrl:-moz-placeholder {
color: #585858
}
.popUp .popIn .genQry .genQryFrmBX .qryFormBx .qryForm-grp textarea.qryForm-cntrl::-moz-placeholder {
color: #585858
}
.popUp .popIn .genQry .genQryFrmBX .qryFormBx .qryForm-grp textarea.qryForm-cntrl:-ms-input-placeholder {
color: #585858
}
.popUp .popIn .genQry .genQryFrmBX .qryFormBx .qryForm-grp .qryForm-Btn {
width: 150px;
height: 40px;
line-height: 40px;
border: none;
border-radius: 80px;
font-size: 16px;
color: #fff;
background: linear-gradient(to bottom, #0c3089 0%, #6382cf 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0c3089, endColorstr=#6382cf);
transition: all .5s;
text-align: center;
cursor: pointer
}
.popUp.showPop {
z-index: 11;
vibility: visible;
opacity: 1
}
.popUp.showPop:after {
position: absolute;
content: "";
top: 50%;
left: 50%;
bottom: auto;
right: auto;
height: 100%;
width: 100%;
opacity: 1;
border-radius: 0px
}
.phoneBox {
color: #fff;
width: 100%;
text-align: center;
background-color: #6f35c2;
height: 35px;
line-height: 35px;
margin-bottom: 10px;
position: fixed;
z-index: 2;
top: 0;
transition: all .5s;
display: none
}
@media(max-width: 767px) {
.phoneBox {
display: block
}
}
.phoneBox span {
margin-right: 5px
}
.phoneBox a {
color: #fff
}
.bkTop {
width: 40px;
height: 40px;
position: fixed;
bottom: 30px;
right: 30px;
cursor: pointer;
z-index: 3;
display: block;
border: 1px solid #fff;
border-radius: 50%;
animation: bounce 3s infinite
}
.bkTop:after {
position: absolute;
conten: "";
width: 10px;
height: 10px;
background: rgba(0, 0, 0, 0);
border-top: 3px solid #fff;
border-left: 3px solid #fff;
top: 50%;
left: 50%;
margin-top: -2px;
transform: translate(-50%, -50%) rotate(225deg)
}
.bkTop2 {
width: 40px;
height: 40px;
position: fixed;
bottom: 30px;
right: 30px;
cursor: pointer;
z-index: 3;
display: block;
border-radius: 50%;
background: linear-gradient(to bottom, #0c3089 0%, #6382cf 100%);
animation: bounce 3s infinite
}
.bkTop2:after {
position: absolute;
conten: "";
width: 10px;
height: 10px;
background: rgba(0, 0, 0, 0);
border-top: 3px solid #fff;
border-left: 3px solid #fff;
top: 50%;
left: 50%;
margin-top: 2px;
transform: translate(-50%, -50%) rotate(45deg)
}
.bxLeft ul {
margin-left: 15px;
margin-bottom: 30px
}
.bxLeft ul li {
position: relative;
margin-bottom: 8px;
padding-left: 35px
}
@media(max-width: 767px) {
.bxLeft ul li {
padding-left: 20px
}
}
.bxLeft ul li::before {
position: absolute;
content: "";
top: 3px;
left: 0px;
bottom: auto;
right: auto;
height: 18px;
width: 18px;
border-radius: 50%;
background: rgba(0, 0, 0, 0);
border: 3px solid #0c3089;
box-sizing: border-box
}
@media(max-width: 767px) {
.bxLeft ul li::before {
top: 7px;
height: 10px;
width: 10px;
border-width: 2px
}
}
.newsBkInnBan {
height: 450px
}
.innerBaner.pricing-banner.SftsevBanner .maskText {
left: 50%;
translate: -50% -50%;
text-align: center
}
@media(max-width: 767px) {
.innerBaner.pricing-banner.SftsevBanner .maskText {
left: 0;
right: 0;
translate: 0 -50%;
padding: 0 15px
}
}
.innerBaner.pricing-banner.SftsevBanner .maskText h1 {
font-size: 48px;
font-family: "FragorDemoVersion";
font-weight: normal
}
.innerBaner.pricing-banner .maskText {
position: absolute;
top: 50%;
left: 8%;
translate: 0 -50%;
max-width: 425px
}
@media(max-width: 767px) {
.innerBaner.pricing-banner .maskText {
z-index: 99;
left: 0;
right: 0;
translate: 0;
padding: 0 15px
}
}
.innerBaner.pricing-banner .maskText h1 {
font-size: 32px;
line-height: 1;
color: #fff;
font-weight: 600
}
@media(max-width: 767px) {
.innerBaner.pricing-banner .maskText h1 {
font-size: 30px;
line-height: 1
}
}
.innerBaner.pricing-banner .maskText p {
color: #fff;
line-height: 24px;
margin-top: 18px
}
@media(max-width: 767px) {
.innerBaner.pricing-banner .maskText p {
display: none
}
}
.pricingSecA {
padding: 35px 0 65px
}
@media(max-width: 767px) {
.pricingSecA {
padding: 35px 0
}
}
@media(max-width: 767px) {
.pricingSecA h3 {
padding: 0px 25px
}
}
.pricingSecA .row-md:not(:last-child) {
margin-bottom: 35px
}
.pricingSecA .row-md .title {
margin-bottom: 35px
}
.pricingSecA .row-md .row-md-wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 0 20px
}
@media(max-width: 991px) {
.pricingSecA .row-md .row-md-wrap {
grid-template-columns: repeat(1, 1fr)
}
}
@media(max-width: 991px) {
.pricingSecA .row-md .row-md-wrap .col {
margin-bottom: 25px
}
}
.pricingSecA .row-md .row-md-wrap .col .card {
border: 1px solid #f5f5f5;
padding: 25px;
border-radius: 3px;
height: 100%;
width:auto;
}
.pricingSecA .row-md .row-md-wrap .col .card .up-md {
border-bottom: 1px solid #d7d7d7
}
.pricingSecA .row-md .row-md-wrap .col .card .up-md p:not(.price-lst) {
font-size: 14px;
line-height: 1;
margin: 0;
color: #2f4858
}
.pricingSecA .row-md .row-md-wrap .col .card .up-md p:not(.price-lst) b {
font-size: 17px;
margin-right: 5px;
color: #000;
vertical-align: middle;
font-weight: 500
}
.pricingSecA .row-md .row-md-wrap .col .card .up-md .price-lst {
margin: 20px 0 15px
}
.pricingSecA .row-md .row-md-wrap .col .card .up-md .price-lst p {
font-size: 14px;
color: #2f4858
}
.pricingSecA .row-md .row-md-wrap .col .card .up-md .price-lst b {
font-size: 28px;
font-weight: 600;
color:#0c3089;
margin-right: 5px;
vertical-align: middle
}
.pricingSecA .row-md .row-md-wrap .col .card .up-md .price-lst .dlr{
color:#e7af48;
font-size: 28px;
font-weight: 600;
vertical-align: middle
}
.pricingSecA .row-md .row-md-wrap .col .card .btm-md ul {
padding-left: 25px;
margin: 20px 0 32px
}
.pricingSecA .row-md .row-md-wrap .col .card .btm-md ul li {
list-style: disc;
line-height: 1;
font-weight: 300
}
.pricingSecA .row-md .row-md-wrap .col .card .btm-md ul li:not(:last-child) {
margin-bottom: 8px
}
.pricingSecA .row-md .row-md-wrap .col .card .btm-md ul li::marker {
color: #000;
font-size: 10px;
line-height: 1
}
.pricingSecA .row-md .row-md-wrap .col .card .btm-md .reqt-btn {
display: inline-block;
background: #0c3089;
color: #fff;
line-height: 1;
padding: 8px 25px;
border-radius: 30px;
transition: .5s ease
}
@media(max-width: 991px) {
.pricingSecA .row-md .row-md-wrap .col .card .btm-md .reqt-btn {
padding: 8px 15px;
font-size: 14px
}
}
.pricingSecA .row-md .row-md-wrap .col .card .btm-md .reqt-btn:hover {
background: #6382cf
}
.row-md.row-md-1 .col:nth-child(1) .card {
background: var(--colorA)
}
.row-md.row-md-1 .col:nth-child(2) .card {
background: var(--colorB)
}
.row-md.row-md-1 .col:nth-child(3) .card {
background: var(--colorA)
}
.row-md.row-md-1 .col:nth-child(4) .card {
background: var(--colorC)
}
.row-md.row-md-1 .col:nth-child(5) .card {
background: var(--colorA)
}
.row-md.row-md-1 .col:nth-child(6) .card {
background: var(--colorB)
}
.row-md.row-md-1 .col:nth-child(7) .card {
background: var(--colorA)
}
.row-md.row-md-1 .col:nth-child(8) .card {
background: var(--colorB)
}
.row-md.row-md-1 .col:nth-child(9) .card {
background: var(--colorC)
}
.row-md.row-md-2 .col:nth-child(1) .card {
background: var(--colorB)
}
.row-md.row-md-2 .col:nth-child(2) .card {
background: var(--colorA)
}
.row-md.row-md-2 .col:nth-child(3) .card {
background: var(--colorC)
}
.row-md.row-md-3 .col:nth-child(1) .card {
background: var(--colorC)
}
.row-md.row-md-3 .col:nth-child(2) .card {
background: var(--colorA)
}
.row-md.row-md-3 .col:nth-child(3) .card {
background: var(--colorB)
}
.row-md.row-md-4 .col:nth-child(1) .card {
background: var(--colorA)
}
.row-md.row-md-4 .col:nth-child(2) .card {
background: var(--colorB)
}
.row-md.row-md-4 .col:nth-child(3) .card {
background: var(--colorC)
}
.SftsevSecA {
padding: 65px 0 20px
}
@media(max-width: 767px) {
.SftsevSecA {
padding: 45px 0 20px
}
}
.SftsevSecA p, .SftsevSecA ul, .SftsevSecA h4 {
margin-bottom: 15px;
text-align: justify
}
.SftsevSecA h4 {
font-size: 18px;
font-weight: 600;
color: #0c2b4b
}
.SftsevSecA ul {
padding-left: 15px
}
.SftsevSecA ul li {
list-style: disc
}
.SftsevSecA ul li b {
font-size: 20px
}
.pricingSecA.SftsevSecB .row-md .row-md-wrap {
grid-gap: 20px 25px
}
@media(max-width: 767px) {
.pricingSecA.SftsevSecB .row-md .row-md-wrap .col {
margin-bottom: 0
}
}
.pricingSecA.SftsevSecB .row-md .row-md-wrap .col .card .col-title {
line-height: 1;
font-weight: 500;
font-size: 18px;
text-align: center;
border-bottom: 1px solid #d7d7d7;
padding-bottom: 15px;
margin-bottom: 15px
}
.pricingSecA.SftsevSecB .row-md .row-md-wrap .col .card ul li {
line-height: 1.3
}
.pricingSecA.SftsevSecB .row-md .row-md-wrap .col .card ul li b {
font-weight: 500
}
.pricingSecA.SftsevSecB .row-md .row-md-wrap .col .card .reqt-btn {
display: block;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
text-align: center
}
.innerBaner.abt-bnnr .maskText {
position: absolute;
top: 50%;
left: 8%;
translate: 0% -50%;
color: #fff
}
@media(max-width: 767px) {
.innerBaner.abt-bnnr .maskText {
z-index: 9;
left: 0;
right: 0;
translate: 0;
padding: 0 15px;
text-align: center
}
}
.innerBaner.abt-bnnr .maskText h1 {
font-size: 48px;
line-height: 1;
font-weight: normal;
font-family: "FragorDemoVersion"
}
@media(max-width: 767px) {
.innerBaner.abt-bnnr .maskText h1 {
font-size: 32px
}
}
.innerBaner.abt-bnnr .maskText h2 {
margin-top: 8px;
font-weight: 400;
font-size: 20px;
line-height: 1
}
@media(max-width: 767px) {
.innerBaner.abt-bnnr .maskText h2 {
font-size: 18px
}
}
.whatsappBTN {
position: fixed;
z-index: 9;
bottom: 50px;
right: 50px;
--varsize: 60px;
transition: .5s ease;
transform-origin: center;
animation-name: fadeInLeft;
animation-duration: .5s;
animation-fill-mode: both
}
@media(max-width: 675px) {
.whatsappBTN {
bottom: 80px;
right: 20px
}
}
@keyframes fadeInLeft {
0% {
opacity: 1;
transform: none
}
100% {
opacity: 0;
transform: translate3d(calc(100% + 50px), 0, 0)
}
}
.whatsappBTN.active {
animation-name: fadeInRight
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0)
}
100% {
opacity: 1;
transform: none
}
}
.whatsappBTN a {
background: #25d366;
display: block;
height: var(--varsize);
width: var(--varsize);
transition: .2s ease-out;
border-radius: 50%
}
.whatsappBTN a svg {
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
height: calc(var(--varsize)*.5);
width: calc(var(--varsize)*.5);
fill: #fff
}
.whatsappBTN a:hover {
transform: scale(1.1)
}
.overlay-layer {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
transform: translateY(100%);
opacity: 0;
transition: opacity .5s ease;
z-index: 9999;
background: rgba(0, 0, 0, .5607843137)
}
.overlay-layer.is-open {
opacity: 1;
transform: translateY(0%)
}
.model-pop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 99999;
transform: translateX(100%);
transition: .5s ease
}
.model-pop.is-open {
transform: translateX(0%)
}
.model-pop .close {
position: absolute;
right: 0;
top: -18px !important;
padding: 25px;
cursor: pointer
}
.model-pop.enquiry-pop {
width: 425px;
background: #fff
}
@media(max-width: 675px) {
.model-pop.enquiry-pop {
width: 100%
}
}
.model-pop.enquiry-pop::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(../images/background.png) no-repeat;
background-position: bottom right;
filter: invert(1);
translate: 15px 25px;
background-size: 215px;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.model-pop.enquiry-pop .model-body .Navigation-list {
padding: 0 35px;
padding-top: 50px;
padding-bottom: 30px;
height: 100%;
overflow-y: auto
}
@media(max-width: 675px) {
.model-pop.enquiry-pop .model-body .Navigation-list {
padding-top: 45px
}
}
.model-pop.enquiry-pop .model-body .Navigation-list .get_help h4 {
padding: 0 0 18px;
font-size: 32px;
line-height: 36px;
color: #000;
font-weight: 600;
position: relative
}
.model-pop.enquiry-pop .model-body .Navigation-list .get_help h4::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 34%;
height: 3px;
background: #0c3089
}
.model-pop.enquiry-pop .model-body .Navigation-list .get_help p {
color: #fff
}
.model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model {
margin-top: 40px
}
.model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .col {
flex: 1 0 100%;
max-width: 100%;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .col .form-group {
position: relative;
margin-bottom: 25px;
flex: 0 1 100%
}
.model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .col .form-group input {
width: 100%;
background: none;
outline: none;
border: none;
border-radius: 0;
font-family: inherit;
padding: 5px;
padding-left: 0;
border-bottom: 1px solid #bebebe;
color: #000
}
.model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .col .form-group input::-webkit-outer-spin-button, .model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .col .form-group input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
.model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .col .form-group textarea {
width: 100% !important;
resize: none;
background: none;
outline: none;
border: none;
color: #000;
border-bottom: 1px solid #bebebe;
height: 55px;
max-height: 100px !important;
min-height: 100px;
font-size: 14px;
padding: 5px;
font-family: inherit;
font-size: inherit;
font-weight: inherit
}
.model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .col .form-group textarea::-webkit-scrollbar {
width: 3px;
background: #fff
}
.model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .col .form-group textarea::-webkit-scrollbar-track {
box-shadow: none
}
.model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .col .form-group textarea::-webkit-scrollbar-thumb {
background-color: #000;
outline: 0;
height: 5px
}
.model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .col .form-group label {
position: absolute;
top: 0px;
left: 0;
color: #000;
font-weight: 500;
pointer-events: none;
transition: .3s ease
}
.model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .col .form-group label span {
color: red
}
.model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .col .form-group label.valid {
color: #666;
font-size: 14px;
top: -18px
}
.model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .submit_btn {
text-align: center;
width: 100%
}
.model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .submit_btn button, .model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .submit_btn input, .model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .submit_btn a {
background: #0c3089;
color: #fff;
border: none;
margin: 0 auto;
padding: 6px 45px;
border-radius: 30px;
font-size: 18px;
font-weight: 500;
cursor: pointer;
transition: .5s ease;
display: block;
font-family: inherit
}
.model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .submit_btn button:hover, .model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .submit_btn input:hover, .model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .submit_btn a:hover {
background: #f3bd36
}
.model-pop.hamPop {
width: 450px;
background: #fff
}
@media(max-width: 767px) {
.model-pop.hamPop {
width: 100%
}
}
.model-pop.hamPop::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(../images/background.png) no-repeat;
background-position: bottom right;
filter: invert(1);
translate: 15px 25px;
background-size: 215px;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
@media(max-width: 767px) {
.model-pop.hamPop::before {
opacity: .5
}
}
.model-pop.hamPop .model-body {
padding: 100px 35px 40px;
height: 100%;
overflow-y: auto
}
.model-pop.hamPop .model-body::-webkit-scrollbar {
width: 2px;
background: #fff
}
.model-pop.hamPop .model-body::-webkit-scrollbar-track {
box-shadow: none
}
.model-pop.hamPop .model-body::-webkit-scrollbar-thumb {
background-color: #666;
outline: 0
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li {
cursor: pointer
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li:not(:last-child) {
margin-bottom: 15px
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li a {
font-size: 25px;
line-height: 1;
font-weight: 500
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li a:hover {
color: #0c3089
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown {
position: relative
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown.multiple-dropdown .drpdwn {
border: none;
margin: 0;
padding: 0;
padding-top: 12px
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown.multiple-dropdown .drpdwn .sub-drpdwn:not(:last-child) {
margin-bottom: 0
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown.active > a {
color: #0c3089
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown.active .drpdwndbtn {
transform: rotate(-90deg)
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown .drpdwndbtn {
display: block;
position: absolute;
top: 1px;
right: 0;
height: 22px;
width: 22px;
background: url(../icon/down-arrow.svg) no-repeat;
transition: .3s ease;
caret-color: rgba(0, 0, 0, 0)
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown .drpdwn {
display: none;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
padding: 12px 0;
margin: 15px 0
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown .drpdwn.subdrpdwn {
padding: 10px;
margin: 0
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown .drpdwn .sub-drpdwn a {
font-size: 18px;
line-height: 1;
padding-left:10px;
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown .drpdwn .sub-drpdwn a .jsa {
line-height: 2;
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown .drpdwn .sub-drpdwn a:hover {
color: #0c3089
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown .drpdwn .sub-drpdwn:not(:last-child) {
margin-bottom: 10px
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown .drpdwn .sub-drpdwn.hassubdropdown {
position: relative
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown .drpdwn .sub-drpdwn.hassubdropdown a {
display: block;
padding: 10px
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown .drpdwn .sub-drpdwn.hassubdropdown a .req {
margin-top:10px;
}
.corporatehassubdropdown{
/* margin-top:10px; */
margin-bottom: 20px;
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown .drpdwn .sub-drpdwn.hassubdropdown.active a {
background: #f5f5f5
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown .drpdwn .sub-drpdwn.hassubdropdown.active .drpdwndbtn {
transform: rotate(-90deg)
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown .drpdwn .sub-drpdwn.hassubdropdown .drpdwndbtn {
width: 38px;
height: 38px;
top: 0;
right: 0;
background-position: center;
background-size: 12px;
transform: rotate(0deg)
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown .drpdwn .sub-drpdwn.hassubdropdown .subdrpdwn {
background: #fff
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown .drpdwn .sub-drpdwn.hassubdropdown .subdrpdwn li:not(:last-child) {
margin-bottom: 10px
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown .drpdwn .sub-drpdwn.hassubdropdown .subdrpdwn li a {
font-size: 16px;
line-height: 1.2;
color: #666;
background: none;
padding: 0
}
.model-pop.hamPop .model-body ul:not(.contact-detl) li.dropdown .drpdwn .sub-drpdwn.hassubdropdown .subdrpdwn li a:hover {
color: #000
}
.model-pop.hamPop .model-body ul.contact-detl {
display: flex;
align-items: center;
border-top: 1px solid #efefef;
margin-top: 30px;
padding-top: 20px;
gap: 0 20px
}
@media(max-width: 767px) {
.model-pop.hamPop .model-body ul.contact-detl {
display: block
}
}
.model-pop.hamPop .model-body ul.contact-detl li a {
display: flex;
align-items: center;
gap: 0 12px;
font-size: 15px;
font-weight: 500;
transition: .3s ease
}
.model-pop.hamPop .model-body ul.contact-detl li a img {
width: 15px;
filter: invert(1);
transition: .3s ease
}
.model-pop.hamPop .model-body ul.contact-detl li a:hover {
color: #0c3089
}
.Model_Video {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 99999;
background: #000;
transform: translateY(100%);
transition: .5s ease;
opacity: 0
}
.Model_Video.is-open {
opacity: 1;
transform: translateY(0%)
}
.Model_Video .modelBody {
display: flex;
align-items: center;
justify-content: center;
height: 100%
}
.Model_Video iframe {
width: 90%;
height: 85%
}
.Model_Video .close_video_model {
position: absolute;
right: 0;
top: 0;
padding: 25px;
filter: invert(1);
cursor: pointer
}
.mob_strip {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #f3bd36;
z-index: 8;
display: none;
transition: .5s ease
}
@media(max-width: 767px) {
.mob_strip {
display: block
}
}
.mob_strip ul {
display: flex
}
.mob_strip ul li {
flex: 0 1 33.33%;
max-width: 33.33%;
width: 100%
}
.mob_strip ul li:nth-child(2) {
border-left: 1px solid rgba(0, 0, 0, .2705882353);
border-right: 1px solid rgba(0, 0, 0, .2705882353)
}
.mob_strip ul li a {
color: var(--white);
display: block;
text-align: center;
padding: 10px 0;
font-size: 14px;
font-weight: 500
}
header.header-fixed ~ .mob_strip {
transform: translateY(0px)
}
@media(max-width: 767px) {
.contactform {
display: block !important;
position: relative;
top: inherit;
left: inherit;
margin: inherit;
width: 100%;
padding: 40px 10px !important
}
.contactform::before {
display: none !important
}
}
@media(max-width: 767px) {
.contactinnerBaner {
display: block !important;
position: relative !important
}
}
@media(max-width: 767px) {
.innerBaner .contactinnerBaner .container .innBnrTitle {
top: -49%
}
}
.innerBaner.abt-bnnr.job-support-banner .maskText h2 {
max-width: 385px;
line-height: 1.3
}
.jbsprt-md {
padding: 65px 0
}
@media(max-width: 991px) {
.jbsprt-md {
padding: 65px 0 40px
}
}
@media(max-width: 767px) {
.jbsprt-md {
padding: 45px 0 30px;
text-align: justify
}
}
.jsprtSecB {
padding: 0 0 65px
}
@media(max-width: 767px) {
.jsprtSecB .container {
width: 100%;
padding-left: 15px
}
}
.jsprtSecB .title {
margin-bottom: 40px;
position: relative
}
@media(max-width: 991px) {
.jsprtSecB .title {
margin-bottom: 30px
}
}
@media(max-width: 767px) {
.jsprtSecB .title {
padding-right: 15px
}
}
.jsprtSecB .title .custon-nav {
position: absolute;
right: 50px;
top: 50%;
translate: 0 -50%;
--btnsize: 45px;
display: flex;
gap: 0 12px
}
@media(max-width: 767px) {
.jsprtSecB .title .custon-nav {
display: none
}
}
.jsprtSecB .title .custon-nav button.owl-prev, .jsprtSecB .title .custon-nav .owl-next {
height: var(--btnsize);
width: var(--btnsize);
border: 1px solid #000;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .5s ease;
background: none
}
.jsprtSecB .title .custon-nav button.owl-prev:hover, .jsprtSecB .title .custon-nav .owl-next:hover {
background: #0c3089;
border-color: #0c3089
}
.jsprtSecB .title .custon-nav button.owl-prev:hover img, .jsprtSecB .title .custon-nav .owl-next:hover img {
filter: invert(1)
}
.jsprtSecB .title .custon-nav button.owl-prev img, .jsprtSecB .title .custon-nav .owl-next img {
width: calc(var(--btnsize)*.25);
transition: .5s ease
}
.jsprtSecB .promise-slider .owl-nav button {
position: absolute;
top: 50%;
translate: 0 -50%
}
.jsprtSecB .promise-slider .owl-nav .owl-prev {
left: 0
}
.jsprtSecB .promise-slider .owl-nav .owl-next {
right: 0
}
.jsprtSecB .promise-slider .item {
position: relative
}
.jsprtSecB .promise-slider .item:hover figure img {
transform: scale(1.1)
}
.jsprtSecB .promise-slider .item::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7215686275) 35%, transparent 77%)
}
.jsprtSecB .promise-slider .item figure {
overflow: hidden
}
.jsprtSecB .promise-slider .item figure img {
aspect-ratio: 1;
-o-object-fit: cover;
object-fit: cover;
transition: .5s ease
}
.jsprtSecB .promise-slider .item figcaption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
z-index: 1;
padding-top: 65%
}
@media(max-width: 1024px) {
.jsprtSecB .promise-slider .item figcaption {
top: auto;
bottom: 0;
padding-top: 0
}
}
.jsprtSecB .promise-slider .item figcaption .wUslid-title, .jsprtSecB .promise-slider .item figcaption .wUslid-text {
color: #fff
}
.jsprtSecB .promise-slider .item figcaption .wUslid-title {
font-size: 20px;
font-weight: 600;
padding-bottom: 10px
}
.jsprtSecB .promise-slider .item figcaption .wUslid-text {
line-height: 22px
}
.jsprtSecC {
padding: 65px 0;
background: #0c3089 url(../images/background.png) no-repeat;
position: relative;
background-size: 335px;
background-position: calc(0% + 25px) calc(100% + 25px)
}
@media(max-width: 767px) {
.jsprtSecC {
padding: 40px 0
}
}
.jsprtSecC .flex .title {
text-align: left;
margin-bottom: 30px
}
.jsprtSecC .flex .title h3 {
color: #fff;
font-size: 30px;
line-height: 34px
}
@media(max-width: 767px) {
.jsprtSecC .flex .title h3 {
text-align: center;
font-size: 24px;
line-height: 1.3
}
}
.jsprtSecC .flex .content ul {
padding-left: 15px
}
@media(max-width: 767px) {
.jsprtSecC .flex .content ul {
padding-left: 0
}
}
.jsprtSecC .flex .content ul li {
position: relative;
padding-left: 30px;
line-height: 24px;
color: #fff;
margin-bottom: 20px;
text-align: justify
}
@media(max-width: 767px) {
.jsprtSecC .flex .content ul li {
padding-left: 16px
}
}
.jsprtSecC .flex .content ul li:last-child {
margin-bottom: 0px
}
.jsprtSecC .flex .content ul li:before {
position: absolute;
content: "";
top: 6px;
left: 0px;
bottom: auto;
right: auto;
height: 12px;
width: 12px;
border-radius: 50%;
background: rgba(0, 0, 0, 0);
border: 2px solid #fff;
box-sizing: border-box
}
@media(max-width: 767px) {
.jsprtSecC .flex .content ul li:before {
position: absolute;
content: "";
top: 8px;
left: 0px;
bottom: auto;
right: auto;
height: 10px;
width: 10px
}
}
.jsprtSecC .flex .colA {
flex: 1;
padding-right: 3rem
}
@media(max-width: 1024px) {
.jsprtSecC .flex .colA {
padding-right: 2rem
}
}
@media(max-width: 991px) {
.jsprtSecC .flex .colA {
padding-right: 0
}
}
.jsprtSecC .flex .colB {
flex: 0 1 40%
}
@media(max-width: 991px) {
.jsprtSecC .flex .colB {
display: none
}
}
.jsprtSecC .flex .colB img {
width: 100%
}
.jsprtSecC .flex .colA, .jsprtSecC .flex .colB {
height: 100%;
position: sticky;
top: calc(var(--headerheight) + 10px)
}
.jsprtSecD {
padding: 65px 0;
background: #f5f5f5;
--imgsize: 400px;
--flexgap: 20px
}
@media(max-width: 991px) {
.jsprtSecD {
padding: 45px 0;
--imgsize: 300px
}
}
@media(max-width: 767px) {
.jsprtSecD {
--flexgap: 10px
}
}
.jsprtSecD .title {
margin-bottom: 40px
}
@media(max-width: 991px) {
.jsprtSecD .title {
margin-bottom: 30px
}
}
.jsprtSecD .flex {
gap: var(--flexgap);
position: relative;
padding-right: calc(var(--imgsize) + var(--flexgap));
justify-content: flex-end
}
@media(max-width: 767px) {
.jsprtSecD .flex {
padding-right: 0
}
}
.jsprtSecD .flex .col-ms {
flex: 0 1 calc(50% - var(--flexgap)/2);
background: #fff;
padding: 40px 20px;
text-align: center
}
@media(max-width: 991px) {
.jsprtSecD .flex .col-ms {
padding: 20px
}
}
@media(max-width: 767px) {
.jsprtSecD .flex .col-ms {
flex: 0 1 100%;
padding: 30px 20px
}
}
.jsprtSecD .flex .col-ms h4 {
font-size: 20px;
font-weight: 600;
color: #000
}
@media(max-width: 991px) {
.jsprtSecD .flex .col-ms h4 {
font-size: 18px;
line-height: 1.2
}
}
.jsprtSecD .flex .col-ms .ico {
display: block;
margin-left: auto;
margin-right: auto;
padding-bottom: 15px
}
@media(max-width: 991px) {
.jsprtSecD .flex .col-ms .ico {
width: 40px
}
}
.jsprtSecD .flex .rght-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: var(--imgsize)
}
@media(max-width: 767px) {
.jsprtSecD .flex .rght-img {
position: unset;
width: 100%
}
}
.jsprtSecD .flex .rght-img img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover
}
.serPhsSec.jsprtSecE {
padding: 70px 0 30px;
background: #fff
}
@media(max-width: 991px) {
.serPhsSec.jsprtSecE {
padding: 60px 0 0
}
}
@media(max-width: 767px) {
.serPhsSec.jsprtSecE {
padding: 40px 0 0
}
}
.serPhsSec.jsprtSecE .title {
margin-bottom: 40px
}
@media(max-width: 991px) {
.serPhsSec.jsprtSecE .title {
margin-bottom: 30px
}
}
@media(max-width: 767px) {
.serPhsSec.jsprtSecE .title {
margin-bottom: 15px
}
}
.serPhsSec.jsprtSecE .hightPhsBx-wrap .hightPhsBx .hightPhsBx-inn {
background: #f5f5f5
}
#snackbar {
/* visibility: hidden; */
min-width: 250px;
margin-left: -125px;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 2px;
padding: 16px;
position: fixed;
z-index: 1;
left: 50%;
bottom: 30px;
font-size: 17px;
}
#snackbar.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
@-webkit-keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 80px;
opacity: 1;
}
}
@keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 80px;
opacity: 1;
}
}
@-webkit-keyframes fadeout {
from {
top: 0;
bottom: 80px;
opacity: 1;
}
to {
bottom: 80;
opacity: 0;
}
}
@keyframes fadeout {
from {
bottom: 0px;
opacity: 1;
}
to {
bottom: 80;
opacity: 0;
}
}
.model-body .form-group input{
width: 100%;
background: none;
outline: none;
border: none;
border-radius: 0;
font-family: inherit;
padding: 5px;
padding-left: 0;
border-bottom: 1px solid #bebebe;
color: #000;
}
.model-body .col .form-group label {
position: absolute;
top: 0px;
left: 0;
color: #000;
font-weight: 500;
pointer-events: none;
transition: .3s ease;
}
.error {
color: red;
font-size: 12px;
margin-top: 20px !important;
}
.model-body .Navigation-list .enqury_form_model .submit_btn button, .model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .submit_btn input, .model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .submit_btn a {
background: #0c3089;
color: #fff;
border: none;
margin: 0 auto;
padding: 6px 45px;
border-radius: 30px;
font-size: 18px;
font-weight: 500;
cursor: pointer;
transition: .5s ease;
display: block;
font-family: inherit;
}
#overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
}
.model-body {
position: fixed;
top: 58%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
background: white;
padding: 20px;
border-radius: 10px;
/* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); */
z-index: 1000;
}
.overlay-layer.is-open {
opacity: 1;
transform: translateY(0%)
}
.model-pop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 99999;
transform: translateX(100%);
transition: .5s ease
}
.model-pop.is-open {
transform: translateX(0%)
}
.model-pop .close {
position: absolute;
right: 0;
top: -18px !important;
padding: 25px;
cursor: pointer
}
.model-pop.enquiry-pop {
width: 425px;
background: #fff;
display: block;
}
@media(max-width: 675px) {
.model-pop.enquiry-pop {
width: 100%
}
}
.model-pop.enquiry-pop::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(../images/background.png) no-repeat;
background-position: bottom right;
filter: invert(1);
translate: 15px 25px;
background-size: 215px;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.model-pop.enquiry-pop .model-body .Navigation-list {
padding: 0 35px;
padding-top: 50px;
padding-bottom: 30px;
height: 100%;
overflow-y: auto
}
@media(max-width: 675px) {
.model-pop.enquiry-pop .model-body .Navigation-list {
padding-top: 45px
}
}
.model-pop.enquiry-pop .model-body .Navigation-list .get_help h4 {
padding: 0 0 18px;
font-size: 32px;
line-height: 36px;
color: #000;
font-weight: 600;
position: relative
}
.model-pop.enquiry-pop .model-body .Navigation-list .get_help h4::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 34%;
height: 3px;
background: #0c3089
}
.model-pop.enquiry-pop .model-body .Navigation-list .get_help p {
color: #fff
}
.model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model {
margin-top: 40px
}
.model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .col {
flex: 1 0 100%;
max-width: 100%;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.model-pop.enquiry-pop .model-body .Navigation-list .enqury_form_model .col .form-group {
position: relative;
margin-bottom: 25px;
flex: 0 1 100%
}
/****** Contact Form CSS *******/
#snackbar {
visibility: hidden;
min-width: 250px;
margin-left: -125px;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 2px;
padding: 16px;
position: fixed;
z-index: 1;
left: 50%;
bottom: 30px;
font-size: 17px;
}
#snackbar.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
@-webkit-keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 80px;
opacity: 1;
}
}
@keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 80px;
opacity: 1;
}
}
@-webkit-keyframes fadeout {
from {
top: 0;
bottom: 80px;
opacity: 1;
}
to {
bottom: 80;
opacity: 0;
}
}
@keyframes fadeout {
from {
bottom: 0px;
opacity: 1;
}
to {
bottom: 80;
opacity: 0;
}
}
.error {
color: red;
/* Set the text color to red */
font-size: 12px;
/* Adjust font size for better visibility */
margin-top: 20px !important;
/* Add space between the input field and error message */
}
/* push css */
.side-bar-form{
background-color: #fff;
width: 460px;
position: absolute;
right: 0;
height: 200vh;
display: none;
}
.open-side-bar{
display: block !important;
-webkit-animation: slide-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both !important;
animation: slide-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both !important;
}
.side-bar-menu{
background-color: #fff;
width: 450px;
position: absolute;
right: 0;
height: 200vh;
display: none;
}
/* ----------------------------------------------
* Generated by Animista on 2025-2-12 19:43:4
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation slide-left
* ----------------------------------------
*/
@-webkit-keyframes open-side-bar {
0% {
-webkit-transform: translateX(0) !important;
transform: translateX(0) !important;
}
100% {
-webkit-transform: translateX(-100px) !important;
transform: translateX(-100px) !important;
}
}
@keyframes open-side-bar {
0% {
-webkit-transform: translateX(0) !important;
transform: translateX(0) !important;
}
100% {
-webkit-transform: translateX(-100px) !important;
transform: translateX(-100px) !important;
}
}
/*********************** Home Page Css Starts ************************/
.home-bnr-yellow{
background-color: yellow;
}
/*********************** Home Page Css Ends *************************/
/* side bar */
/* Fixed sidenav, full height */
.sidenav {
height: 100%;
width: 200px;
position: fixed;
z-index: 1;
top: 0;
left: 0;
/* background-color: #111; */
overflow-x: hidden;
padding-top: 20px;
}
/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
padding: 6px 8px 6px 16px;
text-decoration: none;
font-size: 20px;
color: #818181;
display: block;
border: none;
background: none;
width: 100%;
text-align: left;
cursor: pointer;
outline: none;
}
/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
color: #f1f1f1;
}
/* Main content */
.main {
margin-left: 200px; /* Same as the width of the sidenav */
font-size: 20px; /* Increased text to enable scrolling */
padding: 0px 10px;
}
/* Add an active class to the active dropdown button */
.active {
/* background-color: green; */
color: white;
}
/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
display: none;
/* background-color: #262626; */
padding-left: 8px;
}
/* Optional: Style the caret down icon */
.fa-caret-down {
float: right;
padding-right: 8px;
}
/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
.home-it-services-row {
display: flex
;
flex-direction: row;
}
.global-lg-header-text {
font-size: 2.2rem;
color: var(--headerTextColor);
font-family: 'Nunito', sans-serif;
font-weight: 600;
}
.global-sm-header-text {
font-size: 1.1rem;
color: var(--headerTextColor);
font-family: 'Nunito', sans-serif;
font-weight: 600;
padding-top: 10px;
}
.global-lg-body-text {
font-size: 1rem !important;
color: var(--bodyTextColor);
font-family: 'Raleway', sans-serif;
line-height: 30px;
}
.fa, .fas {
font-weight: 900;
}
.global-icon {
font-size: 1.5rem;
background-color: var(--backgroundColorLight);
border-radius: 50px;
width: 40px;
height: 40px;
color: var(--mainColorDark);
display: table;
text-align: center;
font-weight: 800;
padding-top: 7px;
}
.global-sm-body-text {
font-size: 0.9rem !important;
color: var(--bodyTextColor);
font-family: 'Raleway', sans-serif;
line-height: 25px;
text-align: justify;
}
.global-button:hover {
background-color: var(--hoverDarkColor);
color: var(--lightColor);
}
carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform .6s ease-in-out;
}
.global-banner-text {
display: table;
}
.global-banner-text div {
display: table-cell;
vertical-align: bottom;
}
.global-banner-text h1 {
font-size: 3rem !important;
font-family: 'Nunito', sans-serif;
color: #ec8b00 !important;
}
.global-banner-text h4 {
color: var(--bodyTextColor);
font-size: 2rem;
font-family: 'Raleway', sans-serif;
line-height: 45px;
}
.global-banner-text button {
font-size: 1.1rem;
}
.global-banner-img-div {
width: 34rem;
height: 100%;
object-fit: contain;
overflow: hidden;
}
a{
text-decoration: none !important;
}
/* Global-css-ends */
/* header-page-css-starts */
/* Global-css-starts */
:root {
--backgroundColorLight: #e5eaf8;
--mainColorDark: #6382cf;
--lightColor: #fff;
--hoverDarkColor: #4168ca;
--headerTextColor: #353535;
--bodyTextColor: #686868;
--cardBorderColor: #e9e9e9;
--redColor: #ff3535;
--darkBackgroundColor: #332e2d;
--footerTextColor: #c3c3c3;
--angularIconColor: #ff0000;
--nodeJsIconColor: #83cd29;
--reactJsIconColor: #4ebcd9;
--reactNativeColor :#393a3b;
}
a {
text-decoration: none !important;
}
.global-lg-header-text {
font-size: 2.2rem;
color: var(--headerTextColor);
font-family: 'Nunito', sans-serif;
font-weight: 600;
}
.global-sm-header-text {
font-size: 1.1rem;
color: var(--bodyTextColor);
/* font-family: 'Nunito', sans-serif; */
font-family: 'Raleway', sans-serif;
font-weight: 600;
}
.global-lg-body-text {
font-size: 1rem !important;
color: var(--bodyTextColor);
font-family: 'Raleway', sans-serif;
line-height: 24px;
}
.global-lg-body-text .anchor-link {
color: var(--bodyTextColor);
text-decoration: none;
}
.global-sm-body-text {
font-size: 0.9rem !important;
color: var(--bodyTextColor);
font-family: 'Raleway', sans-serif;
line-height: 24px;
text-align: justify;
}
.global-subdetail-body-text {
font-size: 1.1rem !important;
color: var(--bodyTextColor);
font-family: 'Raleway', sans-serif;
font-weight: bold !important;
line-height: 35px !important;
}
.global-button {
border-radius: 40px;
width: 200px;
color: var(--lightColor);
}
.global-icon {
font-size: 1.3rem;
background-color: var(--backgroundColorLight);
border-radius: 50px;
width: 30px;
height: 30px;
color: var(--mainColorDark);
display: table;
text-align: center;
font-weight: 800;
padding-top: 0px;
}
.global-icon i {
display: table-cell;
vertical-align: middle;
}
.global-card {
border: 1px solid var(--cardBorderColor);
}
.global-card-rotate:hover {
transform: rotate(357deg);
background-color: var(--backgroundColorLight);
cursor: pointer;
}
.global-card-ul{
list-style: none;
padding-left: 15px;
}
.global-card-ul li::before{
content: '✓';
color: var(--mainColorDark);
margin-right: 15px;
line-height: 3rem;
font-weight: 700;
}
.global-banner-text {
display: table;
}
.global-banner-text div {
display: table-cell;
vertical-align: bottom;
}
.global-banner-text h1 {
font-size: 4rem;
font-family: 'Nunito', sans-serif;
color: var(--headerTextColor);
}
.global-banner-text h4 {
color: var(--bodyTextColor);
font-size: 2rem;
font-family: 'Raleway', sans-serif;
line-height: 45px;
}
.global-banner-text button {
font-size: 1.1rem;
}
.global-banner-img-div {
width: 34rem;
height: 100%;
object-fit: contain;
overflow: hidden;
}
.global-banner-img-div img {
width: 100%;
}
.global-col-img-div {
width: 100%;
height: 60vh;
object-fit: cover;
overflow: hidden;
}
.global-col-img-div img {
width: 45vw;
height: 100%;
}
.global-col-img-icon-div{
width: 100%;
height: 20vh;
object-fit: cover;
overflow: hidden;
}
.global-col-img-icon-div img {
width: 12vw;
height: 100%;
}
.grobal-scroll-margin {
scroll-margin: 10vh;
}
.global-col-content-icon {
color: var(--mainColorDark);
font-size: 8rem;
}
.global-icon-img {
width: 40px;
height: 100%;
overflow: hidden;
background-color: var(--backgroundColorLight);
border-radius: 50%;
padding: 5px;
}
.global-icon-img img {
width: 100%;
height: 30px;
object-fit: contain;
}
@media only screen and (max-width: 768.97px) {
.global-banner-img-div {
width: 100%;
height: 15rem;
}
.global-banner-img-div img {
height: 100%;
width: 22rem;
object-fit: cover;
}
.global-col-img-div {
height: 35vh;
margin-bottom: 5vh;
}
.global-col-img-div img {
width: 85vw;
}
.global-banner-text {
margin-top: 45px;
}
.global-col-img-icon-div img {
width: 48vw;
}
}
/* Global-css-ends */
/* header-page-css-starts */
.header-top-section {
background-color: var(--mainColorDark);
position: fixed;
width: 100%;
z-index: 1000;
}
.header-top-section-text {
color: var(--lightColor);
margin-left: 40px;
font-size: 15px;
font-family: 'Nunito', sans-serif;
}
.header-top-section-text:hover {
color: var(--lightColor);
text-decoration: none;
font-size: 16px;
}
.header-top-section-mobile-row {
display: none;
}
.header-logo-div {
width: 60px;
height: 100%;
overflow: hidden;
}
.header-logo-div img {
width: 100%;
height: 60px;
object-fit: contain;
}
.header-ul-div {
margin-top: 0px;
}
.mobile-menu-icon {
display: none;
}
.header-ul-div ul {
text-align: right;
}
.header-ul-div ul li {
display: inline;
cursor: pointer;
}
.header-active-link {
color: var(--hoverDarkColor) !important;
font-weight: 800;
}
.header-link {
position: relative;
display: inline-table !important;
height: 32px;
}
.header-link:hover .header-sub-menu {
display: block;
}
.header-sub-menu {
position: absolute;
top: 20px;
left: -35px;
padding: 28px 0px 15px 15px;
display: none;
}
.header-sub-menu:hover {
display: block;
}
.header-sub-menu ul {
width: 165px;
padding: 1px 0px 10px 21px;
box-shadow: 0px 5px 10px 1px #dcdcdc;
background: #fbfbfb;
}
.header-sub-menu ul li {
display: block;
cursor: pointer;
margin-top: 10px;
}
.header-job-support-technology-container {
display: none;
position: absolute;
top: 27px;
left: 180px;
background: #fbfbfb;
padding: 35px 20px 35px 20px;
width: 30vw;
box-shadow: 3px 6px 10px 1px #dcdcdc;
}
.header-job-support-li:hover .header-job-support-technology-container{
display: block;
}
.header-mobile-job-support-li-row .global-sm-body-text{
text-align: left;
padding-left: 15px;
}
@media only screen and (max-width: 1200px) {
.header-top-section-web-row {
display: none;
}
.header-top-section-mobile-row {
display: flex;
}
.header-top-section-mobile-row .border-right {
border-right: 1px solid var(--lightColor);
}
.header-top-section-text {
margin-left: 0px;
font-size: 18px;
}
.header-ul-div ul {
margin-top: 5vh;
text-align: left;
padding-left: 15px;
}
.header-ul-div ul li {
display: block;
margin-bottom: 4vh;
font-size: 1.6rem;
}
.mobile-menu-icon {
display: block;
font-size: 2rem;
text-align: end;
}
.mobile-menu-icon .fa-times-circle {
color: var(--redColor);
margin-top: 25px;
}
.mobile-menu-icon .fa-bars {
color: var(--bodyTextColor);
}
.header-sub-menu {
position: relative;
padding: 0px 0px 0px 15px;
}
.header-sub-menu ul {
box-shadow: none;
margin-top: 0px;
margin-left: 15px;
}
.header-sub-menu ul li {
font-size: 1rem;
}
.header-job-support-technology-container{
box-shadow: none;
position: relative;
box-shadow: none;
padding: 0px;
left: 10px
}
.header-mobile-job-support-li-row{
margin-left: -28px;
width: 195px;
}
.header-mobile-job-support-li-row .global-sm-body-text{
text-align: center;
padding-left: 30px !important;
}
}
/* header-page-css-ends */
/* home-page-css-starts */
.home-it-services-row {
display: flex;
flex-direction: row;
}
@media only screen and (max-width: 768.97px) {
.home-it-services-row {
display: flex;
flex-direction: column-reverse;
}
}
/* home-page-css-ends */
/* about-page-css-starts */
.about-solpany-hoarding {
background: linear-gradient(to bottom, var(--backgroundColorLight), var(--backgroundColorLight) calc(100%), #fff 0%);
/* background: var(--backgroundColorLight); */
margin-top: 10vh;
margin-bottom: 5vh;
padding-top: 5vh;
padding-bottom: 10vh;
}
.about-solpany-hoarding .technology-content-div {
overflow: scroll;
height: 185px;
}
.about-solpany-hoarding .technology-content-div i {
font-size: 28px;
}
.about-solpany-hoarding .technology-content-div::-webkit-scrollbar {
display: none;
}
.about-hope-getting-closure {
background: linear-gradient(to bottom, var(--backgroundColorLight), var(--backgroundColorLight) calc(100% - 20px), #fff 0%);
margin-top: 10vh;
margin-bottom: 5vh;
padding-top: 8vh;
}
@media only screen and (max-width: 768.97px) {
.about-solpany-hoarding {
background: linear-gradient(to bottom, var(--backgroundColorLight), var(--backgroundColorLight) calc(100%), #fff 0%);
}
.about-solpany-hoarding .technology-content-div {
height: 29vh;
}
}
/* about-page-css-ends */
/* sevices-page-css-starts */
.services-quote-icon {
color: var(--mainColorDark);
font-size: 1.5rem;
}
.services-client-name {
color: var(--bodyTextColor);
}
.services-client-designation {
color: var(--bodyTextColor);
}
/* services-page-css-ends */
/* contact-page-css-start */
.contact-label {
font-size: 0.9rem;
font-family: 'Nunito', sans-serif;
font-weight: 900;
}
.contact-label span {
color: var(--redColor);
}
.contact-input {
font-family: 'Raleway', sans-serif;
font-size: 0.8rem;
font-weight: 600;
}
/* contact-page-css-ends */
/* itservices-page-css-starts */
.itservices-honesty-row {
margin-top: 10vh;
background-color: var(--backgroundColorLight);
padding-top: 7vh;
padding-bottom: 5vh;
}
.it-service-softwarevalue-img-div{
width : 120%;
height : 100%;
overflow: hidden;
position: absolute;
left: -149px;
}
.it-service-softwarevalue-img-div img {
width : 112%;
height: 100%;
object-fit: contain;
}
/* itservices-page-css-ends */
/* technical-support-css starts */
.technical-support-circle {
border-radius: 50%;
height: 250px;
width: 250px;
display: table;
text-align: center;
padding: 25px;
}
.technical-support-circle div {
display: table-cell;
vertical-align: middle;
}
.technical-support-circle p {
text-align: center;
}
.servive-tile-head-left {
background: rgb(220,238,255);
background: linear-gradient(90deg, rgba(220,238,255,1) 0%, rgba(255,255,255,1) 100%);
text-align: left;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
padding: 15px 15px 15px 20px !important;
}
.servive-tile-head-right {
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(220,238,255,1) 100%);
text-align: right;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
padding: 15px 20px 15px 15px !important;
}
.service-tile-head i {
font-size: 2rem;
color: var(--mainColorDark);
line-height: 30px;
}
.service-tile-head span::before {
content: " ";
}
.service-tile-head span {
font-size: 1.8rem;
color: var(--mainColorDark);
font-family: 'Raleway', sans-serif;
line-height: 30px;
font-weight: bolder;
}
/* technical-support-css ends */
/* jobsupportpricing-css-starts */
/* jobsupportpricing-css-ends */
/* footer-section-start */
.footer-main-section {
background-color: var(--darkBackgroundColor);
margin-top: 10vh;
}
.footer-main-section .global-icon {
margin-right: 2vw;
}
.footer-content-text {
color: var(--footerTextColor);
margin-top: 5vh;
font-size: 1rem;
text-align: center;
font-family: 'Nunito', sans-serif;
cursor: pointer;
}
.footer-content-text span {
margin-right: 3vw;
}
.footer-content-text span:hover {
color: var(--lightColor);
}
.footer-copy-right {
color: var(--footerTextColor);
}
/* footer-section-ends */
.jobSupport-text{
margin-bottom: 33px;
text-align: justify;
}
.jobSupport-text p{
line-height: 24px;
color: rgb(0, 0, 0);
font-family: Poppins, sans-serif;
}
.jobSupport-list{
text-align: justify;
margin-bottom: -5px !important;
}
.jobSupport-list p{
line-height: 24px;
color: rgb(0, 0, 0);
font-family: Poppins, sans-serif;
}
.header-ul-div {
display: none;
height: 100vh;
background-color: var(--lightColor);
width: 34vw;
position: fixed;
top: -10px;
right: 0;
box-shadow: 0px 2px 5px 2px #dcdcdc;
}
.header-ul-div ul {
margin-top: 5vh;
text-align: left;
padding-left: 15px;
}
.header-ul-div ul li {
display: block !important;
margin-bottom: 4vh;
font-size: 1.6rem;
}
.global-lg-body-text {
font-size: 1rem !important;
color: var(--bodyTextColor);
font-family: 'Raleway', sans-serif;
line-height: 30px;
}
@media only screen and (max-width: 1200px) {
.header-ul-div ul {
margin-top: 5vh;
text-align: left;
padding-left: 15px;
}
}
@media only screen and (max-width: 1200px) {
.header-ul-div ul li {
display: block;
margin-bottom: 4vh;
font-size: 1.6rem;
}
}
.header-link:hover .header-sub-menu {
display: block;
}
@media only screen and (max-width: 1200px) {
.header-sub-menu {
position: relative;
padding: 0px 0px 0px 15px;
}
}
.header-sub-menu {
position: absolute;
top: -40px !important;
left: -27px;
padding: 28px 0px 15px 15px;
display: none;
z-index: 1;
width: 250px !important;
}
.header-job-support-li {
position: relative;
}
.nested-submenu {
top: -40px !important;
left: 87px;
display: none;
top: 0;
left: 100%;
min-width: 210px;
z-index: 1000;
}
.nested-submenu li{
padding-top:0px;
padding-bottom: 0px;
margin-top: 0px;
}
.header-job-support-li:hover .nested-submenu {
display: block;
}
.header-ul-div ul {
width: 210px !important;
}
.header-ul-div ul li {
display: block;
margin-bottom: 4vh;
font-size: 1.6rem;
margin: auto;
}
.call-buton a {
pointer-events: auto;
display: inline-block;
}
footer {
z-index: -1; /* Ensures it's below the popup */
}
.profileCols h2{
font-family: 'Poppins', sans-serif;
margin: 0 auto -10px;
color: #0c3089;
font-weight: 700;
text-transform: uppercase;
transition: all .3s;
font-size: 18px;
line-height: 1.2;
}
.profileCols p {
margin-top: 10px;
line-height: 24px;
color: #000;
}
.profileCols .card:hover{
background-color: #0c3089;
color:white;
p{
color:#ffff;
}
h2{
color:#ec8b00;
}
.customSvg{
color:#ffff !important;
fill: #ffff !important;
}
.customImg{
color:#ffff !important;
fill: #ffff !important;
}
img{
color:#ffff !important;
fill: #ffff !important;
}
}
.card {
min-height: 350px !important; /* Set a fixed height */
width: 250px;
overflow: auto; /* Enables scrolling */
scrollbar-width: none; /* Hides scrollbar in Firefox */
}
@keyframes fadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
.success-badge {
background-color: green;
position: absolute;
left:90px;
top:15px;
color: white;
padding: 2px;
padding-top:5px;
display: none;
width:24px;
height: 24px;
border-radius: 5px;
margin-right: 0px;
animation: fadeOut 3s ease-in-out forwards; /* Disappears after 3s */
}
.enqBtn{
color: #fff;
background: #0c3089;
border: none;
width: 100% !important;
font-size: 18px;
/* padding: 12px 0; */
padding-top:10px;
border-radius: 5px;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
height: 50px;
transition: .5sease;
position: relative;
}
@media only screen and (max-width: 667px) {
.card {
width:100%;
}
}
.header-button{
border-radius: 40px;
/* width: 200px; */
background-color: var(--prime-color) !important;
color: var(--mainColorDark);
}
/* collapsible sidebar css start*/
/* collapsible sidebar css ends */