@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
* { margin: 0; padding: 0; box-sizing: border-box; } body { font-size: 14px; overflow-x: hidden; font-family: 'Muli', sans-serif; }
/*======= Header ==========*/
ul.enquire_tri {margin-right: 0;}
ul.enquire_tri li:first-child span.gyetgyu_tri {border:0;}
ul.enquire_tri li span.gyetgrfgyu_tri {display: flex;padding: 0;margin: 0;}
ul.enquire_tri li span.gyetgyu_tri {display: block;border-left: 1px solid #ffffff4d;padding: 0 18px;align-items: center;margin: 0;}
ul.enquire_tri li span.uuetgy_tri {margin-right: 0;font-size: 11px;color: #ffba80;font-weight: 700;text-transform: uppercase;text-shadow: 0px 0 5px #000000a6;line-height: 17px;width: 100%;}
span.gyetgyu_tri span.material-icons-outlined {font-size: 14px;width: 18px;/* height: 25px; */min-width: 18px;/* background: #ffffff38; */display: flex;align-items: center;justify-content: center;border-radius: 100px;}
header.navbar.header_tri.sticky.fixed-header ul.enquire_tri li span.uuetgy_tri {color: #f86906;text-shadow: unset;}
header.navbar.header_tri.sticky.fixed-header span.gyetgyu_tri span.material-icons-outlined {/* background: #ebf0f5; */}
header.navbar.header_tri.sticky.fixed-header ul.enquire_tri li span.gyetgyu_tri {border-left: 1px solid #00000012;}
header.navbar.header_tri.sticky.fixed-header ul.enquire_tri li:first-child span.gyetgyu_tri {border-left: 0;}
.jhfebh_tri { display: none !important; }ul.etewtge_tri { display: flex; align-items: center; margin: 0; } ul.etewtge_tri li a { color: #fff; padding: 0 12px; } header.navbar.header_tri { position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 100; margin: 0 auto; background-color: #00000047; box-shadow: var(--shadow-medium); transition: ease all .4s; backdrop-filter: blur(3px); } header.navbar.header_tri.sticky.fixed-header { box-shadow: 0 0 8px 0 rgb(0 0 0 / 19%); background: #ffffffe8; } header.navbar.header_tri:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; } .container-fluid.gthyugb_tri { display: block; } .whuih_tri { display: flex; } .enquire_section_tri { position: relative; display: flex; align-items: center; } ul.enquire_tri { display: flex; list-style-type: none; margin-left: 0; margin: 0; margin-right: 1vw; height: 100%; align-items: center; } ul.enquire_tri li {width: auto;padding: 0 0 0;font-size: 14px;color: #ffffff;text-align: left;display: flex;align-items: center;} ul.enquire_tri li span { display: block; font-size: 17px; line-height: 20px; margin-right: 8px; } ul.enquire_tri li a { font-size: 13px; color: #ffffff; } .rgfnj_tri { display: block; } .gthyugb_tri { width: 100%; } header.navbar.header_tri.fixed-header .rgfnj_tri { /* background: #ffffff; */ } img.img-logo-main2 { display: none; position: relative; left: 0; height: 57px; margin: 0; } header.navbar.header_tri.sticky.fixed-header img.img-logo-main2 { display: block; } header.navbar.header_tri.sticky.fixed-header img.img-logo-main { display: none; } img.img-logo-main { display: block; } header.navbar.header_tri.sticky.fixed-header a.menu-item.first-item { color: #000; font-weight: 500; } header.navbar.header_tri.sticky.fixed-header .trapezium-bg.visible-title { padding-top: 0; } header.navbar.header_tri.sticky.fixed-header ul.menu-items.mb-0 { border-top: 1px solid #00000014; } header.navbar.header_tri.sticky.fixed-header ul.enquire_tri a, header.fixed-header i, header.fixed-header span { color: #000; }
ul.enquire_tri span.gyetgrfgyu_tri span.efuygyu_tri { display: flex; align-items: center; } ul.enquire_tri li span.gyetgrfgyu_tri span.giugyu_tri {/* display: flex; */margin-right: 0;}
ul.enquire_tri span.gyetgrfgyu_tri span.efuygyu_tri:last-child{margin-right:0!important;}
ul.enquire_tri li:last-child span.gyetgyu_tri{padding-right:0;}
/*======= Header ==========*/
/*===================Layout CSS Start===================*/
.trapezium-bg { flex-grow: 1; padding: 5px 0; } .topbar { background-color: #2b455f; height: 30px; padding: 0; font-size: 14px; } .b-clr { color: black !important; } .img-logo-main { position: relative; left: 0; height: 48px; margin: 3px 0; } .topbar .contact-info i { font-style: normal; color: white; } .topbar .contact-info i a { line-height: 2; margin-left: 10px; font-family: 'Muli', sans-serif; } .topbar .social-links a { color: white; line-height: 0; transition: 0.3s; font-size: 17px; margin-left: 13px; } .l-h-2 { line-height: 2.2; } .bg-yellow { background: #d4712f; padding: 0px 17px; font-weight: bold; } .bg-orange { background: #d4712f; padding: 0px 17px; font-weight: bold; } @keyframes NAME-YOUR-ANIMATION { 0%, 49% { background-color: #dc702d; } 50%, 100% { background-color: #266e96; } } @keyframes NAME-YOUR-ANIMATION2 { 0%, 49% { background-color: #266e96; } 50%, 100% { background-color: #dc702d; } } .navbar { box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2); } .sticky { position: fixed; top: 0; z-index: 999; width: 100%; } .navbar .logo { text-decoration: none; color: #122f48; font-weight: 700; text-transform: uppercase; font-size: 20px; display: inline-block; }
/* nav menu button */
.menu-btn { position: relative; display: none; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; cursor: pointer; z-index: 2; } .navbar .menu-btn__lines::before, .navbar .menu-btn__lines::after { content: ""; position: absolute; } .navbar .menu-btn__lines, .navbar .menu-btn__lines::before, .navbar .menu-btn__lines::after { width: 1.5rem; height: 0.1rem; background: #132f48; transition: all 0.4s ease-in-out; } .navbar .menu-btn__lines::before { transform: translateY(-0.5rem); } .navbar .menu-btn__lines::after { transform: translateY(0.5rem); } .navbar .menu-items { display: flex; align-items: center; justify-content: center; border-top: 1px solid #ffffff38; } .navbar ul li { list-style: none; transition: 0.3s ease; } .navbar ul li .arrow { transition: all 0.3s ease-out; } 
a.menu-item.b-clr.htht_tri {text-transform: none;font-size: 13px;border: 0;}.mega-menu.sample.httjght_tri li {margin: 0;}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    .navbar .dropdown { position: relative; } .expand-btn:after { content: " \f107"; font-size: 0;position: absolute; } .navbar .dropdown-menu, .menu-right { position: absolute; background: #e9ecef; width: 190px; display: block !important; line-height: 30px; border-radius: 0 0 5px 5px; top: 15px; left: 15rem; opacity: 0; visibility: hidden; transition: all 0.4s ease; -webkit-box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%); box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%); } .navbar .menu-right { top: 0; left: 100%; } .navbar .dropdown-menu, .menu-left { right: 0; } .navbar .menu-left { left: -100%; } .navbar .menu-item { border-bottom: 1px solid #f5f5dc00; display: block; line-height: 19px; width: 100%; padding: 7px; font-size: 13px; text-transform: uppercase; font-weight: 400; position: relative; color: #fff; } .navbar .menu-item:hover { border-bottom: 1px solid #e77c22; } .rgfnj_tri .menu-items li { margin: 0 10px; } .menu-item.first-item { padding: 8px 10px; } .navbar .dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; box-shadow: 0 20px 50px 0 rgb(0 0 0 / 52%); } .navbar .dropdown-right:hover .menu-right { left: 100%; opacity: 1; visibility: visible; } .navbar .dropdown-right:hover .menu-left { left: -100%; }
/* mega menu  */
.navbar .mega-menu { position: absolute; opacity: 0; visibility: hidden; transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s; } .mega-menu .content { padding: 10px; width: 100%; -webkit-box-shadow: 0 20px 50px 0 rgb(0 0 0 / 52%); background-color: #ffffff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .blog .content { grid-template-columns: repeat(4, 1fr); } .content .col { line-height: 20px; } .content .col .img-wrapper { width: 100%; overflow: hidden; } .content .col img { width: 100%; transition: transform 0.3s ease-in-out; } .content .col .img-wrapper:hover img { transform: scale(1.1); } .content .col .menu-title { color: #ff5722; font-size: 1rem; border-bottom: 1px solid #80808061; line-height: 3rem; font-weight: bold; } .content .col p { line-height: 25px; text-align: justify; margin-top: 5px; color: #112f48; } .content .col .read-more { font-size: 16px; display: flex; padding-top: 1rem; color: #03a9f4; transition: color 0.3s ease; justify-content: flex-end; padding-right: 10px; } .col .mega-links li, .col .mega-links li a { } .menu-items li:hover .mega-menu { opacity: 1; visibility: visible; } .content .col .read-more:hover { color: #ff5722; }
/* animation menu hamburger */
.menu-btn.open .menu-btn__lines { transform: translateX(1rem); background: transparent!important; } .menu-btn.open .menu-btn__lines::before { transform: rotate(45deg) translate(-0.5rem, 0.5rem); background: white; } .menu-btn.open .menu-btn__lines::after { transform: rotate(-45deg) translate(-0.5rem, -0.5rem); background: white; }
/* Responsive style */
@media screen and (max-width: 1024px) { .overflow { overflow: hidden; } .overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 500; background-color: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } .overlay--active { opacity: 1; visibility: visible; } .menu-btn { display: flex; } .navbar .menu-items { position: fixed; height: 100%; max-height: initial; overflow-y: auto; width: 80%; top: 0px; left: 0; background: #081d32; display: block; transform: translateX(-100vh); transition: 0.3s ease-out; padding-bottom: 100px; } .menu-items.open { transform: translateY(0); } .menu-items li:first-child { margin-top: 20px; } .menu-items li a { padding: 10px 1rem; display: block; font-size: 18px; } .menu-items .dropdown-right .right-arrow { transform: rotate(90deg); } .menu-item.first-item { padding: 1rem 1rem; } .menu-items .dropdown-menu, .menu-items .menu-right, .menu-items .mega-menu { position: static; opacity: 1; top: 4rem; visibility: visible; width: auto; max-height: 0; transform: scaleX(0); transform-origin: left; overflow: hidden; transition: all 0.5s ease; } .menu-items .dropdown-menu, .menu-items .menu-right { padding-left: 1rem; width: 102%; margin-left: -10px; } .menu-items .mega-menu .col { padding-left: 1rem; } .expand-btn.open + .sample { max-height: 100%; transform: scaleZ(1); } .expand-btn.open + .blog.sample { max-height: 100%; transform: scaleZ(1); max-width: fit-content; } .navbar .sample { border-top: none; } .sample li { margin: 0; } .sample li:last-child { border-bottom: none; } .sample li a { font-size: 1rem; } .mega-menu .content .col { width: 100%; margin-bottom: 0.5rem; } .col .mega-links li, .col .mega-links li a { padding: 2px 0px; } .content .col .mega-links { border-left: 0; padding-left: 0.5rem; } .col .mega-links li { margin: 0; } }
.bg-aliceblue {background-color: white;box-shadow: 0px 0px 17px 0px #80808038;}
/*===================Layout CSS End===================*/
/*=============Common Banner Css===================*/
section.wuhuhutri:before { content: ""; height: 100%; width: 100%; position: absolute; right: 0; top: 0; /* background-repeat: no-repeat; */ /* background-position: bottom; */ /* background-size: cover; */ /* opacity: .1; */ /*background-image: url(https://alp.consulting/wp-content/uploads/2023/08/Alp-Overview-min.png);*/ background-repeat: no-repeat; background-position: right top; background-size: contain; } 
section.wuhuhutri { position: relative; background: linear-gradient(45deg, #2651a5, #fe9abb); } 
.jkwnj_tri { position: relative; text-align: left; display: flex;} 
.breadcrumb { display: block; text-align: center; margin-top: 3px; margin-bottom: 0; margin: 0 auto; } 
.breadcrumb ul { display: inline-block; padding-left: 0; margin-bottom: 0; } 
.breadcrumb ul li { list-style: none; float: left; padding-right: 10px; background: 0; } 
.breadcrumb ul li a { font-size: 14px; color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight: 600; } 
.breadcrumb ul li.active a { font-size: 14px; color: #ffffff; font-weight: 600; } 
.tttitle_tri { font-weight: 600; font-size: 30px; margin-bottom: 8px; color: #fff; position: relative; margin-top: 0; } 
.eur_tri { color: #ffba80; display: inline-block; padding: 0; font-size: 16px; } 
.iufyd_tri { color: #fff; } 
.dwhufe_tri a { display: inline-block; font-size: 14px; background: #e77c22; border: 1px solid #e77c22; color: #fff; font-weight: 600; padding: 4px 20px; transition: .3s; border-radius: 2px; } 
.dwhufe_tri { margin-top: 20px; } .dcefwhu_tri { position: absolute; right: 0; bottom: 3%; } .breadcrumb i { color: #fff; } .dwhfeu_tri { width: 50%; /*padding: 165px 0 35px 7%;*/padding: 14vw 0 35px 7%; } img.wr_tri { height: 100%; } .ugiy7u_tri { width: 50%; text-align: right; }
.iuygyh_tri {color: #fdceb2;font-weight: 600;font-size: 14px;margin-bottom: 10px;text-shadow: 0 0 2px #000000;}
h2.pagetitle_tri { font-size: 25px; color: #003060; line-height: 22px; font-weight: 700; margin-bottom: 12px; } 
.pagetitle_section_tri { position: relative; text-align: center; padding-bottom: 10px; margin-bottom: 25px; } 
.pagetitle_section_tri:after { content: ''; position: absolute; left: 50%; bottom: 0; height: 3px; width: 77px; background: #e77c22; transform: translate(-50%); }
/*=============Common Banner Css End===================*/
/*==============footer CSS Start=================*/
span.rggyu_tri span.material-icons-outlined {width: 24px;height: 24px;min-width: 24px;background: #ffffff38;display: flex;align-items: center;justify-content: center;border-radius: 100px;margin-right: 6px;} a.rggy_tri {color: #fff;font-size: 13px;} 
footer .footer-top span.ugrggy_tri {display: block;font-size: 14px;color: white;font-weight: bold;position: relative;margin-bottom: 10px;width: 100%;} 
footer .footer-top span.rgu_tri {display: block;margin: 0;}
.footer-top .rhui_tri {margin-top: 20px;border-top: 1px solid #ffffff26;padding-top: 20px;}
.gfrgrg_tri { font-weight: bold; font-size: 18px; color: #e77c22; margin-bottom: 8px; display: flex; white-space: nowrap; align-items: center; } .gfrgrg_tri:after { content: ""; width: 100%; display: inline-flex; margin-left: 10px; border-image: linear-gradient(88deg, #ffffff47, #ffffff00) 1; border-bottom: 1px solid; } footer.footer {} .container.footer-top.iyfuet_tri {}
span.rggyu_tri {display: block;margin-bottom: 20px;align-items: center;margin-right: 0px!important;flex-wrap: wrap;}
span.rggyu_tri:last-child {margin-bottom: 0px;}
p.m-md-0.text-left.eeuhe_tri a { font-weight: 600; } 
.uigfuy_tri { text-align: right; padding-right: 10px; } 
a.efutgy_tri { color: #fff; margin-right: 10px; font-size: 12px; border-right: 1px solid #ffffff52; padding-right: 10px; } 
a.efutgy_tri:last-child { border: 0; } 
.newsletter_form { position: relative; } 
.newsletter_form input {font-size: 14px;font-weight: 400;padding: 7px 10px 9px 12px;width: 100%;border: 0px;color: rgb(119, 119, 119);height: 32px;} 
.newsletter_form button {position: relative;right: 0;top: 0;background-color: #e77c22;border: 0px solid #e77c22;color: rgb(255, 255, 255) !important;padding: 4px 12px;font-size: 13px;font-weight: 600;letter-spacing: 0px;text-align: center;text-transform: uppercase;font-family: 'Muli', sans-serif;height: 33px;position: relative;top: 0px;}
.footer { color: white; background-color: #07294d; font-size: 14px; padding-bottom: 0px; position: relative; } 
.footer .footer-top { padding-top: 60px; padding-bottom: 20px; } 
.footer h4 {font-size: 16px;color: white;font-weight: bold;position: relative;padding-bottom: 7px;} 
.footer .footer-links ul { list-style: none; padding: 0; margin: 0; } 
.footer .footer-links ul li:first-child { padding-top: 0; } 
.footer .footer-links ul li { padding: 6px 0; display: flex; align-items: center; } 
.footer .footer-links ul i { margin-right: 3px; font-size: 16px; line-height: 0; color: #e77c22; } 
.footer .footer-links ul a { display: inline-block; color: white; text-decoration: none; margin-left: 5px; line-height: 20px; font-size: 12px; } 
.footer-top .gy-4 span { margin-right: 10px; font-size: 11.8px; } 
.social-links a { display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 4px; border: 1px solid white; font-size: 15px; color: white; margin-right: 10px; transition: 0.3s; } 
.social-links { position: relative; z-index: 99; } 
.mr-5 { margin-right: 2.5rem; } 
.new-d-flex-cls { display: flex; align-items: center; font-size: 18px; font-weight: bold; } 
.copyright { padding-top: 12px; padding-bottom: 12px; } 
.copyright p { margin-bottom: 0; } 
.footer-contact { line-height: 22px; margin-top: 12px; font-size: 12px; text-align: left; padding-right: 0; position: relative; } 
.credits { margin-top: 6px; font-size: 13px; } 
.ytftyfyt_tri { color: white !important; } 
.company { color: #c77d0e !important; font-weight: bold; } 
.footer_link li { display: inline-block; position: relative; } 
.list_none li { list-style: none; } 
.social-links a:hover { color: #ff6300; border-color: #ff6300; } 
.footer-bottom { background: #003060; border-top: 1px solid #ffffff26; position: relative; } 
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } 
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 
.social-curve { position: relative; padding: 20px 30px; width: 100%; margin: 0 0 -3px; } 
@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } 
.social-curve:before { width: 100%; left: -50%; z-index: 0; } 
.social-curve:after { content: ""; position: absolute; bottom: 0; height: 100%; z-index: -1; } 
.social-curve:before { content: ""; position: absolute; bottom: 0; height: 100%; z-index: 99; } 
.social-curve:before { -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg); -ms-transform: skew(30deg); transform: skew(30deg); } 
.social-curve:after, .social-curve:before { background-color: #2b455f; } 
.social-curve .social-icon { z-index: 99; position: relative; } 
.list-inline > li { padding-left: 2px; padding-right: 2px; display: inline-block; } 
footer li { font-size: 14px; line-height: 22px; } 
.social-curve .social-icon .title { color: #fff; font-size: 18px; text-transform: capitalize; letter-spacing: 1px; } 
.title { margin-bottom: 20px; font-weight: 700; text-transform: capitalize; } 
.social-curve .social-icon li a { color: #fff !important; font-size: 18px; } 
.social_icons, .contact_detail { font-size: 0px; } 
.social_icons li, .contact_detail li { display: inline-block; padding: 2px 3px; } 
.social_white .social_icons li a, .social_white.social_icons li a { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } 
.social_white.social_style1 li a { background-color: rgba(255, 255, 255, 0.1); } 
.social_icons li a { font-size: 18px; height: 35px; width: 35px; line-height: 36px; display: inline-block; text-align: center; vertical-align: middle; } 
.jtg_tri li { padding: 0 !important; background: none; } 
.jtg_tri i { color: #fff !important; background: #ffffff00; margin-top: 16px; } 
.jtg_tri a { background: none !important; width: auto !important; margin-right: 15px; } 
.footer-about:before { content: ''; position: absolute; top: -36px; left: 0; width: 100%; background: #ffffff0f; bottom: -50px; } 
p.m-md-0.text-left.eeuhe_tri { text-align: left; font-size: 13px; padding-left: 35px; } 
a.d-flex.align-items-center.dwfds_tri { position: relative; margin-bottom: 21px; } 
img.wfwui_tri { width: 200px; } 
a.sfsfs_tri {display: inline-block;background: #e77c22;padding: 4px 15px;color: #fff;font-size: 13px;display: none;} 
.footer-about.eyfgyu_tri {margin: 0;position: relative;padding: 10px 12px;} 
.footer-links.row.wrfwygyu_tri { padding-left: 45px; } 
.erywgyu_tri { display: flex; padding-bottom: 0; margin-bottom: 0; } 
.jtg_tri.fdwdw_tri { flex-grow: 1; } 
.jtgsf_tri.sdwy_tri { width: 60%; } 
form.qedwu_tri { display: flex; justify-content: space-between;
    align-items: baseline;} 
ul.list_none.social_icons.social_white.social_style1.wdgy_tri { display: flex; } 
.iyfuet_tri { max-width: 1150px; }
.mt-new-ami{margin-top:36px !important;} 
.dnanaa-ami-new { margin-right: 6px !important; } 
.djsjaa-new-ami p, .djsjaa-new-ami a, .djsjaa-new-ami span, .dhvahaa-ami-new-n{font-size: 11.8px;} 
.djbajaja-ami-new i { display: none; } 
.djbajaja-ami-new li a { margin-left: 0px !important; } 
.border-botjsaka-ami-new {/* border-bottom: 1px solid #ffffff26; *//* padding-bottom: 16px; */} 
.djsjaa-new-ami p{margin-bottom:7px;}
.eguyg_tri {display: flex;}
ul.djbajaja-ami-new.grhth_tri {width: 50%;}
span.ergggyu_tri {display: flex;margin-bottom: 10px;align-items: center;/* width: 50%; */margin-right: 0!important;flex-grow: 1;}
span.ergggyu_tri:last-child {margin-bottom: 0px;}
/*==============footer CSS End=================*/
/*====================Index Page Css Start=======================*/
/*--------responsive css----------*/
@media screen and (max-width:991px) { .single-work-process::before { display: none; } .tigugrgr_tri { position: static; width: 100%; } .l-h-2 { display: none; } .hero-txt.mb-40 h3 { font-size: 22px; } .h-486 { height: 486px; } .guigi_tri { width: 100%; text-align: center; } .rsdr_tri { width: 100%; text-align: center; } .rsdr_tri .mt-new-3 { margin-top: 34px; } .service-box { width: 100%; } .mt-new-30 { margin-top: 65px; } .hire-arrow-img { display: none; } .hiraing-made .hire-card { text-align: left; } .common-head::before { top: auto; } .common-head::after { top: auto; } .selector { position: relative; left: 35%; /*top: auto;*/ width: 105px; height: 105px; } .selector.open li input + label { width: 100px; height: 100px; } .selector ul { top: -48px; bottom: -48px; right: -48px; left: -48px; } .h-300 { height: 350px; } }
/*====================Index Page Css End=======================*/
/*===========IT Industrye css Start===========*/
.feature-list { display: flex; } 
/*===========IT Industrye css End===========*/
/*======= blog ==========*/
.blog_seection_tri { padding: 40px 0px; background-color: #2361a314; background-image: url(../images/Blog_bg.webp); background-attachment: fixed; } .blog_seection_tri .container { max-width: 1200px; } .blog_sec_tri { margin: 7px; background: #fff; border: solid 1px #ccc; box-shadow: 5px 5px 5px #ddd; } .blog_img_tri { width: 100%; height: 170px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .blog_img_tri img { width: 100%; max-width: 100%; height: 100%; object-fit: cover; transition: all .3s ease; border-bottom: 1px solid #e1e1e1; } .blog_sec_tri:hover .blog_img_tri img { transform: scale(1.1); } .blog_det_info_tri {text-align: left; padding: 12px; font-size: 13px; } .blog_det_info_tri h3 { margin-bottom: 6px; font-weight: 700; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 22px; max-height: 44px; overflow: hidden; text-overflow: ellipsis; word-break: break-word; min-height: 43px; margin-bottom: 2px; } .blog_det_info_tri a.wdsfdc_tri { color: rgb(41, 43, 44); } .blog_det_info_tri p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .blog_det_info_tri p { font-size: 13px; color: #666; margin-bottom: 0; } .blog_sec_tri:hover { border: solid 1px #7e9bf5; box-shadow: 3px 3px 3px #ccc; } .euighyu_tri { font-style: italic; color: #e77c22; font-size: 12px; font-weight: 500; } a.utgig_tri { font-weight: 700; color: #e77c22; font-size: 11px; margin: 0; text-transform: uppercase; } a.utgig_tri:after { content: "\2192"; display: inline-block; font-size: 16px; font-weight: 600; color: #e28b54; line-height: 18px; padding-left: 4px; transition: .3s; margin-top: -3px; } .uyfg_tri { margin-top: 12px; }
.owl-carousel.owl-theme.owl_blog .owl-prev { background: #ffffff9e; width: 45px; height: 45px; margin: 0px; border-radius: 27px; position: absolute; bottom: 40%; outline: unset; border: 1px solid #b5b5b5; color: #00000000; } .owl-carousel.owl-theme.owl_blog .owl-next { background: #ffffff9e; width: 45px; height: 45px; margin: 0px; border-radius: 27px; position: absolute; bottom: 40%; outline: unset; right: 0; border: 1px solid #b5b5b5; color: #00000000; }.owl-carousel.owl-theme.owl_blog .owl-prev:before { content: "‹"; position: absolute; color: #000; font-size: 40px; width: 44px; height: 38px; display: flex; align-items: center; justify-content: center; } .owl-carousel.owl-theme.owl_blog .owl-next:before { content: "›"; position: absolute; color: #000; font-size: 40px; width: 44px; height: 38px; display: flex; align-items: center; justify-content: center; }
/*======= blog ==========*/
/*======= Why ==========*/
.efiuehu_tri h2 { font-size: 21px; line-height: 24px; font-weight: 700; color: #003060; margin: 15px 0 10px; border-bottom: solid 1px #ddd; padding-bottom: 10px; } p.iufyui_tri { font-size: 14px; color: rgb(41, 43, 44); line-height: 24px; }
/*======= Why ==========*/
/*========= Got a question? ========*/
section.Gotaquestion_section_tri { width: 100%; text-align: center; padding: 30px 0 38px; background: #1f2767; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -ms-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s; color: #fff; } section.Gotaquestion_section_tri:hover { background: #e77c22; } .efuihu_tri { width: 100%; font-weight: 700; color: #fff; font-size: 30px; margin-bottom: 10px; } span.iufgy_tri { font-size: 18px; margin: 0; } span.iufgy_tri a { color: #fff; }
/*========= Got a question? ========*/
/*======= Frequently Asked Questions ==========*/
.question_tri { position: relative; margin: 0; display: block; width: 100%; cursor: pointer; font-weight: 600; font-size: 16px; color: #003060; } .answers_tri { padding: 0; margin: 0; width: 100% !important; height: 0; overflow: hidden; position: relative; opacity: 0; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; color: #666; font-size: 14px; } .questions_tri:checked ~ .answers_tri { height: auto; opacity: 1; border-top: 1px solid #e7e7e7; padding: 12px 0 3px; margin-top: 10px; } .plus_tri { position: absolute; margin-right: 10px; margin-top: 4px; right: 0; font-size: 22px; line-height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .questions_tri:checked ~ .plus_tri { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); color: #e77c22; } .questions_tri { display: none; } .faq-pg { padding: 40px 0px; } .faq-pg .content label:before { border: 0px !important; } .faq-pg label { height: auto; } .answers_tri ul { margin-left: 40px; list-style: disc; } .content_section_tri { width: 75%; margin: auto; padding: 14px; border-radius: 4px; } .question_section_tri { position: relative; margin-bottom: 15px; border-radius: 4px; padding: 10px 10px 10px; background: #f8faff; border: 1px solid #e0e6f7; }
/*======= Frequently Asked Questions ==========*/
/*======= Are you an employer?  ==========*/
section.ehu_tri { padding: 50px 0px; background: linear-gradient(#2163a5, #1f2767); position: relative; } section.ehu_tri .pagetitle_section_tri.pagetitle_section_ami { margin-bottom: 40px; } .fwfo_tri { text-align: center; } .ioej_tri { font-size: 24px; line-height: 1em; font-weight: 400; color: #ffffff; margin-bottom: 15px; } .emp_bt_sec_tri { font-size: 16px; margin-top: 60px; text-align: center; } a.search_h_tri { background: #e77c22; border: solid 2px #e77c22; font-size: 14px; font-weight: 600; padding: 7px 20px; display: inline-block; border-radius: 5px; width: 195px; color: #fff; } a.post_job_tri { font-size: 14px; font-weight: 600; padding: 7px 20px; display: inline-block; border-radius: 5px; width: 195px; color: #ffffff; border: solid 2px #ffffff; margin-left: 10px; } section.ehu_tri .or { text-align: center; margin: 30px 0; } section.ehu_tri .or span { display: inline-block; background: #ffffff; color: #e77c22; font-size: 15px; font-weight: 500; text-transform: uppercase; border-radius: 50%; line-height: 27px; display: flex; align-items: center; justify-content: center; width: 40px; min-width: 40px; height: 40px; margin: auto; } .wufh_tri .listsection_tri { display: flex; flex-wrap: wrap; justify-content: center; } .text-new-ami { color: #ffba80 !important; font-size: 28px; line-height: 22px; font-weight: 700; margin-bottom: 12px; } .pagetitle_section_ami:after { background: #ffba80 !important; } .listsection_tri a { display: block; font-size: 13px; line-height: 20px; color: #333; background: #fff; border-radius: 25px; margin: 10px 10px 0 0; padding: 6px 8px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.12); transition: all 0.3s ease; cursor: unset; pointer-events: none; width: 48%; font-weight: 600; } .border-right-new{ border-right: 1px solid; border-image: linear-gradient(357deg, #ffffff00, #ffffff, #ffffff00) 1; } .wufh_tri p { font-size: 14px; font-weight: 400; color: #ffffff; line-height: 24px; max-width: 100%; margin: 0 auto 10px auto; padding: 0 30px; } section.ehu_tri:before { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/bg_img.webp); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; } .degd_tri { position: relative; }
/*======= Are you an employer?  ==========*/
/*======= About us ==========*/
p.eiujio_tri { font-size: 14px; color: #666; line-height: 25px; text-align: center; } .intro_text { margin-bottom: 30px; } 
/*======= About us ==========*/
/*======= banner bottom ==========*/
section.banner_bottomsection_tri { background: #e77c22; padding: 30px 0; text-align: center; } section.banner_bottomsection_tri a { display: block; line-height: 1.2; color: #fff; text-decoration: none; }
/*======= banner bottom ==========*/
/*======= banner ==========*/
section.banner_setcion_tri { height: auto; padding-top: 0; position: relative; transition: .2s; -webkit-transition: .2s; } 
section.banner_setcion_tri img { width: 100%; height: 630px; object-fit: cover; } 
section.banner_setcion_tri:before { content: ""; background-image: url('../images/homepage_banner.webp'); height: 100%; width: 100%; position: absolute; right: 0; background-repeat: no-repeat; background-position: right; background-size: cover; opacity: .6; } 
section.banner_setcion_tri img.efwygbu_tri { height: 100%; width: 100%; object-fit: unset; }
.banner_content_section_tri { width: 70%; -ms-flex-align: center; -ms-flex-pack: justify; margin-top: 1%; } 
.banner_content_tri { width: 80%; padding: 0; background-color: transparent; border-radius: 6px; font-weight: 400; margin: 0; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } 
.banner_h1_tri { font-weight: 600; font-size: 30px; margin-bottom: 13px; line-height: 40px; color: #fff; margin-top: 4px; position: relative; padding-bottom: 13px; } 
p.banner_pera_tri { color: #fff; font-size: 14px; padding-right: 100px; margin: 0; } 
p.efhui_tri { color: #fff; font-size: 17px; font-weight: 700; padding-right: 100px; margin: 0; }
.banner_click_tri { margin-top: 31px; text-align: left; } 
a.btn_tri { display: inline-block; font-size: 14px; background: #e77c22; border: 1px solid #e77c22; color: #fff; font-weight: 600; padding: 6px 40px 6px 24px; transition: .3s; border-radius: 2px; } 
a.btn_tri::after { line-height: 22px; display: inline-block; position: absolute; color: #fff; padding-left: 6px; transition: .3s; content: "\2192" !important; font-weight: 700; font-size: 14px; /*font-family: arial;*/ } 
a.btn_tri:hover { background: #ffffff; color: #e77c22; border-color: #ffffff; } 
a.btn_tri:hover:after { padding-left: 12px; } 
.iujie_tri { display: flex; align-items: center; } 
.wqrhiu_tri { position: absolute; /*top: 25%;*/bottom: 10%; width: 100%; } 
.ehui_tri { opacity: .9; background: linear-gradient(45deg, #1f2767 26%, #fe9abb); } 
.dws_tri { color: #ffba80; display: inline-block; padding: 0; font-size: 16px; } 
.banner_h1_tri:before { content: ""; position: absolute; bottom: 0; border-bottom: 3px solid #e77c22; width: 100px; border-radius: 30px; left: 0; } 
.banner_h1_tri:after { content: ""; position: absolute; bottom: 0; border-bottom: 3px solid #e77c22; width: 13px; border-radius: 30px; left: 105px; } 
.ehui_tri img { opacity: 0; } 
.tigugrgr_tri {position: absolute;top: 0;right: 0;height: 100%;bottom: 0;}
section.banner_setcion_tri img.efwygbu_tri {height: 100%;width: 100%;object-fit: unset;}
/*======= banner ==========*/
/*======= Get Career Counseling ==========*/
.yfgvuykg_tri.grhgjkrh_tri { margin-top: 40px; text-align: center; display: flex; } .guyhb_tri.guyhgfhfb_tri { box-shadow: rgb(106 97 92 / 26%) 3px 4px 0px 0px; border-radius: 5px; transition: all 0.2s ease-in-out 0s; color: white; font-weight: 700; font-size: 18px; background-color: #e77c22; border: 2px solid #e77c22; padding: 8px 22px; display: flex; align-items: center; margin: auto; font-family: 'Muli', sans-serif; } .guyhb_tri i { margin-left: 15px; font-size: 25px; }
/*======= end Get Career Counseling ==========*/
::-webkit-scrollbar { width: 5px; z-index: 1000; height: 5px; border-radius: 14px; } ::-webkit-scrollbar-thumb { background-clip: padding-box; border-radius: 100px; background-color: #dfe6ed; } ::-webkit-scrollbar-thumb { background-clip: padding-box; border-radius: 100px; background: #2651a5; } ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0); }
/*========== Enquiry button ============*/
.Enquirybutton_section_tri { display: block; width: 100vw; position: fixed; top: 50%; right: 0; z-index: 200; padding: 0px; margin: 0px; word-break: break-word; } .Enquirybutton_tri a { display: flex; flex-direction: row; align-items: center; padding: 11px 25px; z-index: 200; color: #fff; cursor: pointer; position: absolute; right: -3.6875rem; top: 0; background: #e77c22; box-shadow: 0px -2px 9px rgba(151, 160, 190, .39); border-radius: 4px 4px 0px 0px; transform: rotate(-90deg); -webkit-transform-origin: 50% 52%; font-weight: 400; font-size: 17px; line-height: 1rem; letter-spacing: .25px; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; }
/*========== Enquiry button ============*/
.rfgrf_tri {margin: 34px 0px 0px 0px;}
/*======== whatsapp ===========*/
.btn-whatsapp-pulse { background: #25d366; color: white; position: fixed; z-index: 9999; bottom: 0px; right: 20px; display: flex; justify-content: center; align-items: center; width: 0; height: 0; padding: 28px; text-decoration: none; border-radius: 50%; animation-name: pulse; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite; } .btn-whatsapp-pulse i { font-size: 32px; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5); } 80% { box-shadow: 0 0 0 14px rgba(37, 211, 102, 0); } } .btn-whatsapp-pulse-border { bottom: 10%; right: 32px; animation-play-state: paused; } .btn-whatsapp-pulse-border::before { content: ""; position: absolute; border-radius: 50%; padding: 25px; border: 5px solid #25d366; opacity: 0.75; animation-name: pulse-border; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite; } .btn-whatsapp-pulse-border:hover { color: white; } @keyframes pulse-border { 0% { padding: 25px; opacity: 0.75; } 75% { padding: 50px; opacity: 0; } 100% { opacity: 0; } }
/*======== whatsapp ===========*/
.wid-100-ami-new {width: 70%;}
.wid-30-ami-new {width: 30%;}