@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css');
 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,800;0,6..12,900;0,6..12,1000;1,6..12,200;1,6..12,300;1,6..12,400;1,6..12,500;1,6..12,600;1,6..12,700;1,6..12,800;1,6..12,900&family=Nunito:ital,wght@0,200;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,600;1,700;1,800;1,900;1,1000&family=Roboto:ital,wght@1,300;1,400;1,500;1,700&display=swap');




.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 0px;
    left: -60px;
    top: 0;
    width: 520px;
    height: auto;
    overflow: auto;
    /* background-color: rgb(0,0,0); */
    background-color: rgba(0,0,0,0.4);
}

.modal-header h3{ font-size:22px; text-align:left; }

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #ff6303;
    width:100%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #ff6303;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}


.modal-button {
    background: transparent;
    border: 1px solid #ff6200;
    padding: 10px 15px;
    margin-left: 20px; border-radius: 4px; margin-top: 10px;
}

.modal-button:hover{border: 1px solid #311d88;}













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}
html{-webkit-box-sizing:border-box;box-sizing:border-box; line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{line-height:normal; font-family: var(--font-family-body); overflow-x: hidden;}
ol,ul{list-style:none;}
a{ text-decoration: none; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;}
a:hover{ transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
*,:before,:after{-webkit-box-sizing:inherit;box-sizing:inherit}
:root{--font-family-body:'Nunito', sans-serif; --thik-light-blue:#d7ebff; --light-blue:#321e84; --dark-blue:#ff6202; --white:#fff; --light-gray:#333; --red:#d52439;}
img{ width: auto; max-width: 100%;}
.text-bluelight{color: var(--light-blue);}
.text-blue{color: var(--dark-blue);}
p{ font-size:18px; line-height: 26px; margin-bottom: 10px; font-weight: 400;}
.bg-white{ background: #fff;}
.bg-lightBlue{ background: #ecf2f78f; }

.headingFirst {font-size: 48px; line-height: normal; font-weight: 600; color: var(--light-gray);  margin-bottom: 20px;}
.subHeading{font-size:26px;font-weight: 600; color: var(--light-gray); margin-bottom: 20px;}
.heading2 { font-size: 48px; line-height: normal; margin: 10px 0 20px; font-weight: 600; line-break: 56px;}
 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
    font-weight: 400;
}



.btn-blue{ background: var(--light-blue); color: var(--white); border: 1px solid var(--light-blue);}
.btn-outline-blue{ border:1px solid var(--light-blue); color: var(--white);}

.btn-blue:hover{ background:var(--white); color:var(--light-blue);}
.btn-outline-blue:hover{ border:1px solid var(--dark-blue); background: var(--dark-blue); color: var(--white);}

.linkBtn{ padding: 12px 24px; margin: 10px auto; font-size: 22px;}

.header{ border-bottom:1px solid var(--dark-blue);}
.headerTop{ padding:16px 0px;}
.linkList{ gap: 0 20px;}
.linkList a{color: var(--dark-blue); gap:0 6px; display: flex; align-items: center;}
.linkList a i{ color: var(--light-gray);}
.linkList a.offerJob i{ color: var(--red);}
.linkList a:hover{color: var(--light-gray);}
.right-button{gap:0 10px}

.navbar{padding: 30px 0;transition: all 0.5s linear;-moz-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;position: relative;z-index: 99;background: transparent;}
.navbar.stick {position: fixed; top:0; left:0; padding: 10px 0; width:100%; z-index: 999; background: #fff; box-shadow: 0 0 10px #0000005e; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; animation: naviFixedShow .5s linear .5s 1 ; animation-direction:normal; animation-fill-mode: backwards;}
.navbar.stick + main{ position: relative; } 

@keyframes naviFixedShow {
    0%{top:-100px;}
    100%{top:0px;}
 }
.navbar-brand{ max-width:140px;}
.navbar-collapse {
    flex-basis: 0;
    flex-grow: 0;
    gap: 0 20px;}

.navbar-nav{ gap: 0 10px;}
.navbar-nav .nav-link{font-size:20px;font-weight:500;color: #333;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover{color: var(--dark-blue);}
.dropdown-menu{background: var(--thik-light-blue);}
.dropdown-menu li + li .dropdown-item { border-top:1px solid var(--dark-blue);}
.submenu li:first-child a {border-top: none;}
.dropdown-item:hover{ background: var(--dark-blue); color: var(--white);}

.hero{padding: 40px 0 100px;position: relative;overflow: visible;}
.hero .container{ position: relative; z-index: 1;}

.flowerBox {position: absolute;right: calc(50vw - 1000px); top: -150px;}
.flowerBox img { float: right; width: 100%;}


/*add css new */




.hero {
    padding: 110px 0 100px;
    position: relative;
    background: url(../images/red-bg.png) no-repeat top left;
    background-size: 100% 101%;
}

.btn-dark {
    color: #fff;
    background-color: #ff6b6b;
    border-color: #ff6b6b;
}


.btn-outline-dark {
    color: #ff6b6b;
    border-color: #ff6b6b;
}


.featureBoxBlock.pt-0.bg-white {
    margin-top: 60px;
}








.aboutBanner{display:flex;flex-flow: column;gap:10px 0;font-size: 18px; justify-content: center;}
.aboutBanner .btn{ margin-top:20px; font-size:20px; padding: 10px 20px;}
/* .aboutBanner .btn{ 
    font-size: 20px; 
    padding:10px 32px;
    margin-top: 30px;
    border:none; 
    border-radius: 10px; 
    background: rgb(0,124,219);  
    background: linear-gradient(94deg, rgb(0, 3, 5) 0%, rgb(168, 0, 0) 100%); 
    transition: all 1s linear;
}
.aboutBanner .btn:hover{border:none;
    background: rgb(0,124,219); 
    background: linear-gradient(94deg, rgb(168, 0, 0) 0%, rgb(0, 3, 5) 100%);
    color: #fff; 
    transition: all 1s linear;
} */
.aboutBanner p{line-height: 38px;  font-size: 22px;  color: #fff;}

.fanceyCheck {font-size: 16px; font-weight: 500; margin-top: 20px; line-height: 30px;}
.fanceyCheck li{position: relative;padding-left: 30px; color: var(--light-gray);}
.fanceyCheck li .fa{position:absolute; left: 0;top:8px; font-size: 18px; color: var(--light-blue); } 

.bannerForm{background: var(--white);box-shadow:0px 0px 20px #1a1a1a6b;padding: 50px 60px;border-radius: 30px;}
.formHeading { font-size: 22px;font-weight: 400; color: var(--light-blue); margin-bottom: 10px;}
.bannerForm p {font-size: 20px; margin-bottom:20px;font-weight: 600;}

.form-control, .form-select{ margin-bottom: 20px;}
.bannerForm .form-control, .bannerForm .form-select{ border:1px solid var(--dark-blue); padding:8px 16px; color: var(--light-gray); font-size: 16px;}
.submitBtn{ font-size:18px; display: flex; align-items: center; flex-flow: row; gap:0 10px; padding: 8px 16px; margin-top: 40px;}
.formImg{position: absolute;right:-180px;bottom: -40px;}


.contact-us-banner-style {
    background: url(../images/feature/hr_payroll_management.jpg) no-repeat scroll center top transparent;
    background-size: cover; position: relative;
}

.contact-us-banner-style::before {
    content: "";
  background: rgba(4, 12, 23, 0.51);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




.featureBoxBlock{ padding:60px 0; position: relative; overflow: hidden;}
.featureBox_bx {display: flex;flex-flow: row wrap;gap:20px 1.3%;margin-top: 20px;justify-content: space-between; padding: 0 20px;}
.featureBox p {font-size: 18px;line-height: normal;color:#69727A; line-height: 32px;}
#coreFeature .featureBox p{ font-size: 16px;}
.featureBox_info {
    padding:40px 30px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    border-radius: 30px;
    box-shadow: 0 0 10px #04040466;
    width: 48%;
    background: var(--white);
    border:1px solid var(--white);
    align-items: center; 
    height: fit-content !important;
    }
.featureBox_info:nth-child(2){ transform: translateY(50%);}
.featureBox_info .lowerHeading{text-transform: capitalize;font-size: 16px;font-weight: 600;flex: 0 0 calc(100% - 100px);}
.iconBx {display: flex;padding: 10px;background: #f2f2f2;width: fit-content;border-radius: 20px;flex: 0 0 90px;}
/*.blur_border, .featureBox_info:hover{border:1px solid var(--light-blue);}*/ 
.featureBox_info .iconBx img { max-width: 64px;}
.featureBox_info p{display: none; font-size: 16px;  margin-bottom: 0; margin-top: 10px;} 
.featureBox_info.blur_border p{ display: block;}
.featureBox .flower {bottom: 20px; top: auto; right: 40px;}
.featureBox .flower img { max-width: 350px;}

.imgSprite{ background: url(../images/sprite.png) no-repeat; width:70px; height:70px; margin: 0 auto; display: inline-block;}
.moduleIcon { background-position: -60px 0px; position: relative;}
.shiftManager{ background-position:-210px 0;}
.leaveManager{ background-position:-135px 0;}
.misReport {background-position: -300px -304px; width: 85px;}
.Reimbursement {background-position: -210px -304px; width: 90px;}
.userLeave {background-position: -368px 0; width: 58px;}

.course{ padding: 100px 0;}
.course .owl-carousel{ margin: 40px 0 0px;}
.course .owl-carousel .item{ padding: 10px 10px;}
.owl-prev, .owl-next { position: absolute; top:calc(50% - 60px);}
.owl-prev span, .owl-next span{ font-size:80px;}
.owl-prev{ left:-50px;}
.owl-next{ right:-50px;}
#course .owl-stage-outer{ padding: 0 0px;}
.course .owl-carousel{ position: relative; padding: 20px 0 0;}
.course .owl-carousel .owl-nav { width: 120px; top: 0; right:20px;  display: inline-block;}
.course .owl-carousel .owl-nav button{ width: 50px; height: 50px; border:2px solid var(--light-blue); border-radius: 50%;}
.course .owl-carousel .owl-nav button span{ font-size: 50px; line-height: 30px; color: var(--light-gray);}
.course .owl-carousel .owl-nav button:hover span{color: var(--dark-blue);}
.course .owl-carousel .owl-nav .owl-prev{ left: 0;}
.course .owl-carousel .owl-nav .owl-next{ right: 0;}

.cardBox{ background-color:var(--white); padding:0; box-shadow: 0 0 10px #0000006e;  border-radius: 10px; overflow: hidden;}
.relatdImg{ position: relative; }
.relatdImg img{ position:relative; z-index: 0;}
.courseName{ position: absolute; top:20px; left: 20px; padding: 8px 14px; font-size: 14px; font-weight: 500; color: #fff; background: var(--light-blue); border-radius: 20px; box-shadow: 0 0 10px #00000057; z-index: 1;} 
.relatedContent{ padding: 20px 30px;}
.relatedContent p {font-size: 16px; line-height: 26px;}
.relatedContent .fa{ color: var(--light-blue);}
.price_rating { padding: 10px 0; border-bottom: 1px dashed var(--light-gray);  margin-bottom: 10px;}
.price_rating, .viewChat{display:flex; align-items:center; justify-content: space-between;}
.viewChat{ gap:0 16px}
.viewChat .course{ padding:0;}
.CourseHeading{ margin:0px; font-size: 22px; font-weight: 500; color: var(--light-gray); margin-bottom: 10px;}
.shortDetail{ display: flex; align-items: center; justify-content: space-between; margin:20px 0 10px;}
.shortDetail span{ display: flex; align-items:center; flex-flow: row nowrap; gap: 0 6px;}
.shortDetail span.course{padding: 0;}
.linkBox{display: flex;align-items: center;justify-content: space-between;padding: 14px 0 0px;margin-top: 20px;border-top: 1px dashed #333;}
/* .cardBox:hover .courseName{ background-color: var(--white); color: var(--dark-blue);} */

.coreFeature{ padding: 100px 0; background: #ecf2f78f; position: relative;}
.featureList{padding-top: 40px; }
.featureList > * { margin-bottom: 20px;}
.featureList .featureBox{position: relative;border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius: 10px;padding:30px 30px 10px;display: flex;flex-flow:column;height: 100%;background:#fff;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);transition: all 0.5s linear;-moz-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;transform: translateY(0);}
 
.featureList .featureBox:hover{background: #fff; box-shadow:0px 10px 10px 0px #00000040;transition: all 0.5s linear;-moz-transition: all 0.5s linear;-webkit-transition: all 0.5s linear; transform: translateY(-10px);}
.featureIcon{position: relative;z-index: 1;height: 110px;width: 110px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;transition: all 0.5s linear;-moz-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;margin-bottom: 20px;
    display: flex; align-items: center;  justify-content: center;}
.featureBox:hover .featureIcon{transition: all 0.5s linear;-moz-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;}
.featureIcon img{ max-width: 100%; width:auto}
.featureContent{position: relative;z-index: 1;text-align: left;padding: 0 0px 20px;font-size:16px;font-weight: 500;color: var(--light-gray);}
.featureHeading{font-size: 22px;font-weight:600;color:#2C2E31;margin-bottom: 10px; line-height: 32px;}

#exampleModalLongTitle {
    font-size: 20px;
    font-weight: bold;
}

.btn.btn-primary {
    background: none !important;
    margin-left: 20px;
    text-align: center;
    display: inline-block;
}
.featureContent ul{ margin:0px; padding:0px; list-style:none !important; }

.featureContent ul li{font-size: 18px;
  line-height: normal;
  color: #69727A;
  line-height: 32px; position: relative; padding: 5px 0px 5px 20px;
}

.featureContent ul li::before{ content: "";
  width: 10px;
  height: 10px;
  background-color: #ff6200;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 16px;}










.NumberAchivment{ background: var(--dark-blue) url(../images/map.png) no-repeat; background-size:100% 170%; padding: 100px 0; color: var(--white); position: relative;}
.NumberAchivment::before{background: var(--dark-blue); content: ''; position: absolute; top:0; left:0; width: 100%;  height: 100%; z-index: 0; opacity: 0.85;}
.NumberAchivment .container{ position: relative; z-index: 1;}
.achivmentBx {text-align: center; max-width: 270px; margin: 0 auto;  color: var(--white);  border-radius: 20px;}
.AchivmentIcon { width: 90px; height: 80px; margin: 0 auto; display: flex;  align-items: center;  justify-content: center;  border-radius: 10px; background: rgb(255 255 255 / 25%);  font-size: 50px;}
.achivmentBx p { font-size: 50px;  font-weight: 600;  color: var(--white);  line-height: 50px;  margin: 30px 0 10px;}
.counter {animation-duration: 1s; animation-delay: 0s; }
.name{ font-size: 22px;  font-weight: 500;  text-transform: capitalize;}

.certificateStep{ padding: 100px 0; }
.reg-process{ margin: 30px auto;}
.reg-process ul {
    list-style: none;
    display: flex;
    flex-flow:row wrap;
    gap:10px 1%;
    justify-content: space-between;}


.reg-process ul li {
    position: relative;
    flex: 0 0 32%;
    display: flex;
    flex-flow: column;
    text-align: center; 
    box-shadow: 0px 10px 10px 0px #00000040;
    padding: 20px 10px;
    margin:0px;
    background: #fff;
    border-radius: 6px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -o-transition:all .3s linear;
    transition: all .3s linear;
    transition: all .3s linear;
}
.reg-process ul li:hover {
    background: var(--light-blue);
    -webkit-transform: translateY(-7px) scale(1.02);
    -ms-transform: translateY(-7px) scale(1.02);
    transform: translateY(-7px) scale(1.02);
    -webkit-box-shadow: 0 0 9px #dde4ff;
   box-shadow: 0px 10px 10px 0px #00000040;;
    z-index: 2;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -o-transition:all .3s linear;
    transition: all .3s linear;
    transition: all .3s linear;
}
.reg-process ul li .number {
    width: 50px;
    height: 50px;
    position: absolute;
    left: calc(50% - 25px);
    top: -30px;
    background: var(--light-blue);
    border-radius: 50%;
    color: #fff;
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    border:1px solid transparent;
}
.reg-process ul li:hover .number{
    border:1px solid var(--dark-blue);
    background:#fff;
    color: var(--light-blue);
}
.reg-process ul li i {
    background: url(../images/keyportal.png) left no-repeat;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 100%;
    display: inline-block;
    padding: 0;
}
.reg-process ul li:hover i {
    background: url(../images/keyportal-white.png) left no-repeat;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    display: inline-block;
    padding: 0;
}

.reg-process ul li i.icon-1 {
    background-position: 0px 0px;
}
.reg-process ul li:hover i.icon-1 {
    background-position: 0px 0px;
}

.reg-process ul li i.icon-2 {
    background-position: 0 -75px;
}
.reg-process ul li:hover i.icon-2 {
    background-position: 0 -75px;
}

.reg-process ul li i.icon-3 {
    background-position: 0px -150px;
}
.reg-process ul li:hover i.icon-3 {
    background-position: 0px -150px;
}

.reg-process ul li i.icon-4 {
    background-position: 5px -300px;
}
.reg-process ul li:hover i.icon-4 {
    background-position: 5px -300px;
}


.reg-process ul li h3 {
    font-size: 22px;
    text-align: center;
    color: #000;
    padding:0  0 10px;
}
.reg-process ul li:hover h3 {
    font-size: 20px;
    text-align: center;
    color: #fff;
}

.feedBack{ padding: 100px 0; background: #f3f3f3;}
.spaceBx{ padding-top: 40px;}
.owl-dots{ display: flex; align-items: center; justify-content: center; margin: 20px auto; gap:0 10px}
.owl-dots .owl-dot span{
    background: var(--light-blue);
    width: 16px;
    height:16px;
    border-radius: 50%;
    display: flex;
}
.owl-dots .owl-dot.active span{
    background: var(--dark-blue);
}

#videoBx .owl-stage-outer{ border:2px solid var(--dark-blue); padding: 10px; border-radius: 10px;}
#videoBx iframe{ width:calc(100% - 25px)!important; height: 340px !important;}

.stu-feed-item {
    background: #ffffff;
    padding: 25px;
    margin-top: 2px;
    margin-bottom: 30px; 
    border-radius: 10px;
/*    box-shadow: 0 0 10px #cdcdcd;*/
}
.stu-feed-top {
    display: flex;
    justify-content: space-between;
}
.sft-left {
    display: flex;
}
.sftl-content {
    color: #333;
}
.sftl-thumb img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin-right: 12px;
    vertical-align: bottom;
}
span.ratting {
    color: var(--light-blue);
    position: relative;
    top: 5px;
}
.sftl-content h6 {
    font-weight: 400;
    font-size: 17px;
    line-height: 1.5;
    margin: 0;
    color: var(--dark-blue);
}

.stu-feed-bottom p:last-child {
    margin-bottom: 0;
}
.stu-feed-bottom p {
    font-size: 15px;
}


.stu-feed-bottom p {font-weight: 400; font-size: 16px; line-height:28px; color: #555555;  margin-top: 15px;}

.footer{ background:#2e3036; padding: 80px 0; color: var(--white);}
.logoImg{ max-width: 150px; margin: 0 auto;}
.footerLogo{display: flex;flex-flow: column;gap:16px 0;text-align: center;background: #fff;padding: 20px 20px;border-radius: 10px;}
.footerLogo p{font-size: 14px;color: #333;}
.socialList{ display: flex; align-items: center; justify-content: center; gap: 0 10px;}
.socialList li a{display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border: 2px solid #333;border-radius: 6px;color: #333;}

.footerHeading {font-size: 20px; text-transform: uppercase; margin-bottom: 20px;}
.footerLink {display: flex; flex-flow: column; gap: 10px 0;}
.footerLink li{ display: flex; flex-flow: row nowrap; gap:0 10px; align-items: center;}
.GalleryLink {display: flex; flex-flow: column; gap: 10px 0;  align-items: end;}

.GalleryLink li{ display: flex; flex-flow: row nowrap; gap:0 10px; align-items:flex-start; font-size: 16px;}
.GalleryLink li + li{ align-items: center;}
.GalleryLink li i{ font-size: 22px;}
.GalleryLink li a, .footerLink li a{ color:var(--white); font-size: 16px;}
.GalleryLink li a:hover, .footerLink li a:hover{ color:var(--light-blue);}

.copyRight{ background:rgb(15, 15, 15); color: var(--white); font-size: 16px; padding: 10px 0;}
.copyRight .row{ display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; gap:0 10px}
.copyRight .row>*{ width: auto;}

/* ======================  alliances  css ====================== */
.alliances{ padding: 100px 0; background-color:#ecf2f78f;}
.owl-carousel{ margin-top: 40px;}
.logoBox { border: 2px solid #333; margin: 0px; padding: 20px; box-sizing: border-box; box-shadow: 0 0 10px #00000078; text-align: center;}
.logoBox img{ max-width:280px; margin: 0 auto;}
.owl-nav { position: absolute; width: 100%; top: calc(50% - 30px);}
.spaceBx .owl-carousel{ margin-top: 0;}

@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */