@font-face {



    font-family: Cairo ExtraBold ;



    src: url(../fonts/Cairo-ExtraBold.ttf);



}



@font-face {



  font-family: Cairo Black ;



  src: url(../fonts/Cairo-Black.ttf);



}



@font-face {



  font-family: Cairo Bold ;



  src: url(../fonts/Cairo-Bold.ttf);



}



@font-face {



  font-family: Cairo SemiBold ;



  src: url(../fonts/Cairo-SemiBold.ttf);



}



h1{



  font-family: Cairo Black ; 



}

h2{

  font-family: Cairo Bold;

}

p{



  font-family: Cairo SemiBold;



}







button{



  font-family: Cairo Bold ;



}



.mt-50{



  margin-top: 100px;



}



/******************************* Header Area ***********************************/







.top-details-icon{



  background-color: #003470;



  color: #fff;



  padding: 6px;



  border-radius: 50px;



  font-size: 12px;



  



}







.top-details-icon-mob{



  color: #003470;



  font-size: 26px;



  



}







.top-details-icon-mob-area{



  position: relative;



  top: 30px;



  right: 60px;



  gap: 10px;



}







.header-top span{



  gap: 20px;



  font-family: Cairo SemiBold;



}







.header {



  background-color: #fff;



  /* box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1); */



  position: absolute;



  width: 100%;



  z-index: 1;

  border-bottom: solid 1px #dadada;

  padding-bottom: 10px;

}



.drop-mob-area{



  position: relative;



}







 



.fa-angle-right{



  position: absolute;



  right: 15px;



  font-size: 18px;



}



.modal.show .modal-dialog{



  height: 100%;



}



.pop-btn-nav{



  background: transparent;



  border: none;



  font-size: 18px;



}







.modal-header .btn-close{



  margin: 0;



}







.back-btn{



  background: transparent;



  border: none;



}















.header ul {



  margin: 0;



  padding: 0;



  list-style: none;



  overflow: hidden;



  background-color: #fff;



}







.header li a {



  display: block;



  padding: 5px 0px;



  color: rgb(34, 34, 34) !important;



  text-decoration: none;



  font-family: Cairo Bold ;



  font-size: 17px;



}







.header li a:hover,



.header .menu-btn:hover, .dropdown-services li:hover, .dropdown-hover-services span:hover, .dropdown-hover .drop-hov:hover{



  /* background-color: #dfeafe83;



  border-radius: 6px; */



  color: #036bbb !important;



}















.header .logo {



  display: block;



  float: left;



  padding: 0px 0px;



  text-decoration: none;



}







/* menu */







.header .menu {



  clear: both;



  max-height: 0;



  transition: max-height .2s ease-out;



  padding: 0px 0;

  

}







/* menu icon */







.header .menu-icon {



  cursor: pointer;



  display: inline-block;



  float: right;



  padding: 10px 0px;



  position: relative;



  user-select: none;



}







.header .menu-icon .navicon {



  background: #333;



  display: block;



  height: 3px;



  position: relative;



  transition: background .2s ease-out;



  width: 30px;



}







.header .menu-icon .navicon:before,



.header .menu-icon .navicon:after {



  background: #333;



  content: '';



  display: block;



  height: 100%;



  position: absolute;



  transition: all .2s ease-out;



  width: 100%;



}







.header .menu-icon .navicon:before {



  top: 10px;



}







.header .menu-icon .navicon:after {



  top: -10px;



}







/* menu btn */







.header .menu-btn {



  display: none;



}







.header .menu-btn:checked ~ .menu {



  max-height: 500px;



}







.header .menu-btn:checked ~ .menu-icon .navicon {



  background: transparent;



}







.header .menu-btn:checked ~ .menu-icon .navicon:before {



  transform: rotate(-45deg);



}







.header .menu-btn:checked ~ .menu-icon .navicon:after {



  transform: rotate(45deg);



}







.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,



.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {



  top: 0;



}















@media (min-width: 960px) {



  .header li {



    float: left;



  }







  .header .menu {



    clear: none;



    float: right;



    max-height: none;



  }



  .header .menu-icon {



    display: none;



  }



}



































.hero-content h1{



    font-size: 45px;



    padding-top: 50px;



    color: #000;



    line-height: 58px;



    text-align: left;



}







.hero-slider {

  background: #dfeafe;

  padding-top: 20px;

  padding-bottom: 40px;

}



.main-item{



  position: relative;



}



















/* slider CSS */



#promotional_slider {



    width: 100%;



    padding: 50px 0px;



    margin: 0 auto;



    overflow: hidden;



   

    padding-bottom: 20px;

  }



  #promotional_slider .promotionalslider_wrapper {



    width: 145%;



    display: flex;



    /* slick initialized */

   

  }











  .hero-slider #promotional_slider .promotionalslider_wrapper .slick-arrow {



    font-size: 0;



    width: 34px;



    height: 34px;



    border-radius: 100%;



    -webkit-appearance: none;



    border: 0;



    background: transparent;



    border: solid 2px #003470;



    outline: none;



    /* display: none !important; */



  }



  #promotional_slider .promotionalslider_wrapper .slick-arrow:before {



    font-size: 23px;



    color: #FFF;



  }



  #promotional_slider .promotionalslider_wrapper .slick-arrow.slick-next:before {



    content: '';



    position: absolute;



    width: 8px;



    height: 8px;



    border-top: 2px solid #003470;



    border-left: 2px solid #003470;



    top: 8px;



    right: 1px;



    background-repeat: no-repeat;



    transform: rotate(130deg) translate(5px, 1px);



  }







  #promotional_slider .promotionalslider_wrapper .slick-arrow.slick-next:after {



    content: "";



    display: block;







    border-left: solid 2px #003470;



    transform: rotate(-90deg) translate(5px, 1px);



    left: 13px;

    bottom: 0;

    top: 9px;



    position: absolute;  



  }















  #promotional_slider .promotionalslider_wrapper .slick-arrow.slick-prev:before {



    content: '';



    position: absolute;



    width: 8px;



    height: 8px;



    border-top: 2px solid #003470;



    border-left: 2px solid #003470;



    top: 13px;

    /* right: 3px; */

    left: 2px;



    background-repeat: no-repeat;



    transform: rotate(-40deg) translate(4px, 1px);



    



  }







  #promotional_slider .promotionalslider_wrapper .slick-arrow.slick-prev:after {



    content: "";



    display: block;



    



    height: 20px;



    border-left: 2px solid #003470;

    transform: rotate(-90deg) translate(4px, 0px);



    left: 15px;

    top: 9px;



    position: absolute;



  }



  #promotional_slider .promotionalslider_wrapper .slick-arrow:hover {



    cursor: pointer;



    border: solid 2px rgb(155, 155, 155);



    color: #fff;



  }







  .slick-arrow.slick-prev:hover:after{



    border-left: 2px solid rgb(155, 155, 155)!important;



  } 



  .slick-arrow.slick-prev:hover:before{



    border-top: 2px solid rgb(155, 155, 155) !important;



    border-left: 2px solid rgb(155, 155, 155)!important;



  } 











  .slick-arrow.slick-next:hover:after{



    border-left: 2px solid rgb(155, 155, 155)!important;



  } 



  .slick-arrow.slick-next:hover:before{



    border-top: 2px solid rgb(155, 155, 155) !important;



    border-left: 2px solid rgb(155, 155, 155)!important;



  } 







  #promotional_slider .promotionalslider_wrapper .slick-arrow:hover {



    cursor: pointer;



  }



  #promotional_slider .promotionalslider_wrapper .slick-arrow.slick-disabled {



    opacity: 0.5;



    background: #ccc;



  }



  #promotional_slider .promotionalslider_wrapper .slick-arrow.slick-disabled:hover {



    cursor: not-allowed;



  }



  #promotional_slider .promotionalslider_wrapper.slick-initialized {



    /* position: relative; */



  }



  #promotional_slider .promotionalslider_wrapper.slick-initialized .slick-arrow {



    position: absolute;



    /* top: 50%; */



    bottom: 5%;



    transform: translateY(-50%);



    z-index: 0;



  }



  #promotional_slider .promotionalslider_wrapper.slick-initialized .slick-next {



    /* right: -25px; */



    left: 9%;



  }



  #promotional_slider .promotionalslider_wrapper.slick-initialized .slick-prev {



    left: 6%;



  }



  #promotional_slider .promotionalslider_wrapper .promotionalslider_single {



    display: flex;



    width: 25%;



    flex: 0 0 25%;



    flex-direction: column;



    /* border: 5px solid #444; */



  



  }



  #promotional_slider .promotionalslider_wrapper .promotionalslider_single section {

    background-repeat: no-repeat;

    background-size: cover;

    

 

    

    width: 100%;

   

    height: 100%;

    

    /* padding-top: 100%; */

    border-radius: 20px;

    overflow: hidden;

  }



.slide-img-item{

  position: relative;

}



  #promotional_slider .promotionalslider_wrapper .promotionalslider_single img{

    border-radius: 20px;

    

  }



  #promotional_slider .promotionalslider_wrapper .promotionalslider_single {



  



    background-repeat: no-repeat;



    height: 510px;



    color: #FFF;







    padding: 10px;







 







    border-radius: 20px;



  }



































/*************** PRO Sliderrrrrr ********************/















.programs{



  background-image: url(../img/program-bg.jpg);

  background-position: center;

  padding-top: 30px;

  background-size: cover;

  padding-bottom: 40px;



}



.programs h2{



  color: #fff;



}



.programs-box{



  background-color: #fff !important;



  border-radius: 7px;



}







.programs-data{



  color: #000;



 



 



  padding: 15px;



  margin: 5px;



  border-radius: 15px;



  width: 100%;







}



.programs-data h4{



    font-family: Cairo Bold;



    font-size: 22px;

    padding-top: 10px;

}



.count{



  font-size: 50px;



  font-family: Cairo Black;



  color: rgb(46, 46, 46);



}







/* slider CSS */



#pro_slider{



  width: 100%;



  padding: 20px 30px;



  margin: 0 auto;



  overflow: hidden;



}



#pro_slider .pro_wrapper {



  width: 100%;



  display: flex;



  /* slick initialized */



}











.programs #pro_slider .pro_wrapper .slick-arrow {



  font-size: 0;



  width: 30px;



  height: 30px;



  border-radius: 100%;



  -webkit-appearance: none;



  border: 0;



  background: #fff;



  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);



  outline: none;



  /* display: none !important; */



}



#pro_slider .pro_wrapper .slick-arrow:before {



  font-size: 23px;



  color: #FFF;



}



#pro_slider .pro_wrapper .slick-arrow.slick-next:before {



  content: '';



  position: absolute;



  width: 8px;



  height: 8px;



  border-top: 2px solid #2952a1;



  border-left: 2px solid #2952a1;



  top: 8px;



  right: 4px;



  background-repeat: no-repeat;



  transform: rotate(130deg) translate(5px, 1px);



}



#pro_slider .pro_wrapper .slick-arrow.slick-next:after {



  content: "";



  display: block;



  width: 2px;



  height: 16px;





  border-left: solid 2px #2952a1;

  transform: rotate(-90deg) translate(5px, 1px);



  left: 12px;



  top: 12px;



  position: absolute;



}







#pro_slider .pro_wrapper .slick-arrow.slick-prev:before:hover{



  



}







#pro_slider .pro_wrapper .slick-arrow.slick-prev:before {



  content: '';



  position: absolute;



  width: 8px;



  height: 8px;



  border-top: 2px solid #2952a1;



  border-left: 2px solid #2952a1;



  top: 13px;



  /* right: 4px; */



  left: 3px;



  background-repeat: no-repeat;



  transform: rotate(-40deg) translate(4px, 1px);



  



}



#pro_slider .pro_wrapper .slick-arrow.slick-prev:after {



  content: "";



  display: block;



  width: 2px;



  height: 16px;



  border-left: solid 2px #2952a1;



  transform: rotate(-90deg) translate(4px, 0px);



  left: 14px;



  top: 11px;



  position: absolute;



}







#pro_slider .pro_wrapper .slick-arrow:hover {



  cursor: pointer;



  background-color: rgb(192, 192, 192);



}



#pro_slider .pro_wrapper .slick-arrow.slick-disabled {



  opacity: 0.5;



  background: #ccc;



}



#pro_slider .pro_wrapper .slick-arrow.slick-disabled:hover {



  cursor: not-allowed;



}



#pro_slider .pro_wrapper.slick-initialized {



  /* position: relative; */



}



#pro_slider .pro_wrapper.slick-initialized .slick-arrow {



  position: absolute;



  top: 50%;



  bottom: 0px;



  transform: translateY(-50%);



  z-index: 0;



}



#pro_slider .pro_wrapper.slick-initialized .slick-next {



  /* right: -25px; */



  right: 3%;



}



#pro_slider .pro_wrapper.slick-initialized .slick-prev {



  left: 3%;



}



#pro_slider .pro_wrapper .pro_single {



  display: flex;



  width: 25%;



  flex: 0 0 25%;



  flex-direction: column;



  /* border: 5px solid #444; */



  margin: 0 10px;



}



#pro_slider .pro_wrapper .pro_single section {



  background: no-repeat center center/cover;



  width: 100%;



  height: 100%;



  /* padding-top: 100%; */



}











#pro_slider .pro_wrapper .pro_single {







  background-repeat: no-repeat;



  height: 430px;



  color: #FFF;







  padding: 10px;















  border-radius: 20px;



}











.programs .slick-slide img {



  width: initial !important;



}



















/* Slider */



.slick-slider



{



    /* position: relative; */







    display: block;



    box-sizing: border-box;







    -webkit-user-select: none;



       -moz-user-select: none;



        -ms-user-select: none;



            user-select: none;







    -webkit-touch-callout: none;



    -khtml-user-select: none;



    -ms-touch-action: pan-y;



        touch-action: pan-y;



    -webkit-tap-highlight-color: transparent;



}







.slick-list



{



    position: relative;







    display: block;



    overflow: hidden;







    margin: 0;



    padding: 0;



}



.slick-list:focus



{



    outline: none;



}



.slick-list.dragging



{



    cursor: pointer;



    cursor: hand;



}







.slick-slider .slick-track,



.slick-slider .slick-list



{



    -webkit-transform: translate3d(0, 0, 0);



       -moz-transform: translate3d(0, 0, 0);



        -ms-transform: translate3d(0, 0, 0);



         -o-transform: translate3d(0, 0, 0);



            transform: translate3d(0, 0, 0);



}







.slick-track



{



    position: relative;



    top: 0;



    left: 0;







    display: block;



    margin-left: auto;



    margin-right: auto;



}



.slick-track:before,



.slick-track:after



{



    display: table;







    content: '';



}



.slick-track:after



{



    clear: both;



}



.slick-loading .slick-track



{



    visibility: hidden;



}







.slick-slide



{



    display: none;



    float: left;







    height: 100%;



    min-height: 1px;



}



[dir='rtl'] .slick-slide



{



    float: right;



}



.slick-slide img



{



    display: block;



}



.slick-slide.slick-loading img



{



    display: none;



}



.slick-slide.dragging img



{



    pointer-events: none;



}



.slick-initialized .slick-slide



{



    display: block;



}



.slick-loading .slick-slide



{



    visibility: hidden;



}



.slick-vertical .slick-slide



{



    display: block;







    height: auto;







    border: 1px solid transparent;



}



.slick-arrow.slick-hidden {



    display: none;



}







.slick-arrow .slick-prev{



  display: none !important;



}







.hero-slide-quote2{



  color: #2952a1;



  position: absolute;



  bottom: 0;



 



  padding: 20px;



  margin: 20px;



  border-radius: 15px;



  width: 90%;



 



}







.hero-slide-quote{



  color: #2952a1;



 

  bottom: 0;



 







  margin: 20px;



  border-radius: 15px;







 



}



/* .hero-slide-quote::after{



  content: '';



  position: absolute;



  border-style: dotted;







} */















.hero-slide-quote h5{



  font-family: Cairo ExtraBold ; 



  font-size: 21px;



  color: #122f66;



}







.promotionalslider_single section{



  position: relative;



  border-radius: 20px;



}











.button-blue{



  position: relative;



  border: solid 2px #003470;



  border-radius: 6px;



  



  padding: 5px 38px 5px 14px;



  color: #003470;



  font-size: 16px;



  background: transparent;



  transition: 0.3s ease-in-out;



}











.button-blue::before{



  content: '';



  position: absolute;



  width: 8px;



  height: 8px;



  border-top: 2px solid #003470;



  border-left: 2px solid #003470;



  top: 12px;



  right: 12px;



  background-repeat: no-repeat;



  transform: rotate(130deg) translate(5px, 1px);



  transition: 0.3s ease-in-out;



}



.button-blue::after{



  content: "";



  display: block;



  width: 2px;

  height: 16px;

  border-left: 2px #003470 solid;





  transform: rotate(-90deg) translate(5px, 1px);



  right: 24px;

  bottom: 0;

  top: 16px;



  position: absolute;



  transition: 0.3s ease-in-out;



}











.button-blue:hover{



  background-color: #003470;



  color: #fff;







}























.button-blue:hover::before{



  margin-right: -7px !important;







  border-top: 2px solid #fff;



  border-left: 2px solid #fff;



}



.button-blue:hover::after{



  margin-right: -7px !important;





  border-left: 2px #fff solid;



}































@-webkit-keyframes singular-top {



  0% {



    background-position: 200% 0%;



  }



  25% {



    background-position: 100% 0%;



  }



  50% {



    background-position: -60% 0%;



  }



  100% {



    background-position: -60% 0%;



  }



}



@keyframes singular-top {



  0% {



    background-position: 200% 0%;



  }



  25% {



    background-position: 100% 0%;



  }



  50% {



    background-position: -60% 0%;



  }



  100% {



    background-position: -60% 0%;



  }



}



@-webkit-keyframes singular-right {



  0% {



    background-position: 0% 200%;



  }



  25% {



    background-position: 0% 200%;



  }



  50% {



    background-position: 0% 100%;



  }



  75% {



    background-position: 0% -60%;



  }



  100% {



    background-position: 0% -60%;



  }



}



@keyframes singular-right {



  0% {



    background-position: 0% 200%;



  }



  25% {



    background-position: 0% 200%;



  }



  50% {



    background-position: 0% 100%;



  }



  75% {



    background-position: 0% -60%;



  }



  100% {



    background-position: 0% -60%;



  }



}



@-webkit-keyframes singular-bottom {



  0% {



    background-position: 200% 0%;



  }



  50% {



    background-position: 200% 0%;



  }



  75% {



    background-position: 100% 0%;



  }



  100% {



    background-position: -60% 0%;



  }



}



@keyframes singular-bottom {



  0% {



    background-position: 200% 0%;



  }



  50% {



    background-position: 200% 0%;



  }



  75% {



    background-position: 100% 0%;



  }



  100% {



    background-position: -60% 0%;



  }



}



@-webkit-keyframes singular-left {



  0% {



    background-position: 0% 200%;



  }



  50% {



    background-position: 0% 200%;



  }



  75% {



    background-position: 0% 100%;



  }



  100% {



    background-position: 0% -60%;



  }



}



@keyframes singular-left {



  0% {



    background-position: 0% 200%;



  }



  50% {



    background-position: 0% 200%;



  }



  75% {



    background-position: 0% 100%;



  }



  100% {



    background-position: 0% -60%;



  }



}



/**



 * Double lined animation



 */



@-webkit-keyframes double-top {



  0% {



    background-position: 200% 0%;



  }



  50% {



    background-position: 100% 0%;



  }



  100% {



    background-position: -60% 0%;



  }



}



@keyframes double-top {



  0% {



    background-position: 200% 0%;



  }



  50% {



    background-position: 100% 0%;



  }



  100% {



    background-position: -60% 0%;



  }



}



@-webkit-keyframes double-right {



  0% {



    background-position: 0% 200%;



  }



  50% {



    background-position: 0% 100%;



  }



  100% {



    background-position: 0% -60%;



  }



}



@keyframes double-right {



  0% {



    background-position: 0% 200%;



  }



  50% {



    background-position: 0% 100%;



  }



  100% {



    background-position: 0% -60%;



  }



}



@-webkit-keyframes double-bottom {



  0% {



    background-position: 200% 0%;



  }



  50% {



    background-position: 100% 0%;



  }



  100% {



    background-position: -60% 0%;



  }



}



@keyframes double-bottom {



  0% {



    background-position: 200% 0%;



  }



  50% {



    background-position: 100% 0%;



  }



  100% {



    background-position: -60% 0%;



  }



}



@-webkit-keyframes double-left {



  0% {



    background-position: 0% 200%;



  }



  50% {



    background-position: 0% 100%;



  }



  100% {



    background-position: 0% -60%;



  }



}



@keyframes double-left {



  0% {



    background-position: 0% 200%;



  }



  50% {



    background-position: 0% 100%;



  }



  100% {



    background-position: 0% -60%;



  }



}











.rectangle {



  position: relative;



  width: 90%;



  height: 304px;



  margin: 0 auto 1rem;



  border-radius: 0.5rem;



  background: #e7e7e7;



}



.rectangle.anim-singular .top-bottom::before {



  -webkit-animation: singular-top 5.5s linear infinite;



          animation: singular-top 5.5s linear infinite;



}



.rectangle.anim-singular .top-bottom::after {



  -webkit-animation: singular-bottom 5.5s linear infinite;



          animation: singular-bottom 5.5s linear infinite;



}



.rectangle.anim-singular .left-right::before {



  -webkit-animation: singular-left 5.5s 3.375s linear infinite;



          animation: singular-left 5.5s 3.375s linear infinite;



}



.rectangle.anim-singular .left-right::after {



  -webkit-animation: singular-right 5.5s linear infinite;



          animation: singular-right 5.5s linear infinite;



}



.rectangle.anim-double .top-bottom::before {



  -webkit-animation: double-top 0.75s linear infinite;



          animation: double-top 0.75s linear infinite;



}



.rectangle.anim-double .top-bottom::after {



  -webkit-animation: double-bottom 0.75s linear infinite;



          animation: double-bottom 0.75s linear infinite;



}



.rectangle.anim-double .left-right::before {



  -webkit-animation: double-left 0.75s 0.375s linear infinite;



          animation: double-left 0.75s 0.375s linear infinite;



}



.rectangle.anim-double .left-right::after {



  -webkit-animation: double-right 0.75s 0.375s linear infinite;



          animation: double-right 0.75s 0.375s linear infinite;



}







.top-bottom::before, .top-bottom::after,



.left-right::before,



.left-right::after {



  content: "";



  position: absolute;



  top: 0;



  bottom: 0;



  left: 0;



  right: 0;



  border-radius: 0.5rem;



}







.top-bottom::before, .top-bottom::after {



  background-image: linear-gradient(to right, transparent 20%, #1fc58b 50%, #4F72F7 100%);



  background-size: 200% 4px;



  background-position: 200% 0%;



  background-repeat: no-repeat;



}



.top-bottom::after {



  transform: scale(-1, -1);



}







.left-right::before, .left-right::after {



  background-image: linear-gradient(to bottom, transparent 20%, #1fc58b 50%, #4F72F7 100%);



  background-size: 4px 200%;



  background-position: 0% 200%;



  background-repeat: no-repeat;



}



.left-right::before {



  transform: scale(1, -1);



}



.left-right::after {



  transform: scale(-1, 1);



}



















.stepwizard-step p {



  margin-top: 10px;    



}







.process-row {



  display: table-row;



}







.process {



  display: table;     



  width: 100%;



  position: relative;



}







.process-step button[disabled] {



  opacity: 1 !important;



  filter: alpha(opacity=100) !important;



}







.process-row:before {



  top: 50px;



  bottom: 0;



  position: absolute;



  content: " ";



  width: 100%;



  height: 1px;



  background-color: #ccc;



  z-order: 0;



  



}







.process-step {    



  display: table-cell;



  text-align: center;



  position: relative;



}







.process-step p {



  margin-top:10px;



 



}







.btn-circle {



width: 100px;



height: 100px;



text-align: center;



padding: 6px 0;



font-size: 12px;



line-height: 1.428571429;



border-radius: 15px;



}







.zoom {







  transition: transform .6s;







}







.zoom:hover {



  -ms-transform: scale(1.2);



  -webkit-transform: scale(1.2);



  transform: scale(1.2); 



}















/* .zoom-in-zoom-out {







  animation: zoom-in-zoom-out 2s ease-out infinite;



}







@keyframes zoom-in-zoom-out {



  0% {



    transform: scale(1, 1);



  }



  50% {



    transform: scale(1.5, 1.5);



  }



  100% {



    transform: scale(1, 1);



  }



} */











/***************** About Area ***********************/



.about-large-content h2{



  font-family: Cairo Bold;



  text-align: center;



}



.about-large-content p{



  text-align: center;



  width: 70%;



  margin-left: auto;



  margin-right: auto;



}



.about-large-content{



  background-color: #d4d8e152;



  padding-top: 50px;



  padding-bottom: 65px;



}







.about-large-content img{



  border-radius: 10px;



}







.unieurope-about{



  background-color: #012a58;



  padding-top: 60px;



  padding-bottom: 60px;



}



.about-title h2{



  color: #fff;



  text-align: center;



  font-family: Cairo Bold;



  font-size: 28px;



}



.unieurope-about .nav-pills .nav-link.active{



  background: transparent !important;



  position: relative;



  font-size: 21px;



  padding: 8px 0;



}



.unieurope-about .nav-pills .nav-link.active::before{



  content: '';



  position: absolute;



  border-bottom: solid 4px #fff !important;



  top: 0;



    bottom: 0;



    left: 0;



    right: 0;



   



}



 .nav-pills {



  position: relative;



 gap: 80px;



}



.nav-pills::after{



  position: absolute;



  content: '';



  border-top: solid 1px #ffffff96 ;



  left: 0;



  right: 0;



  /* top: 0; */



  bottom: 1px;



}



.nav-link{



  color: #fff !important;







}



.about-content{



  padding: 30px;



}



.about-content h2{



  color: #fff;



  font-family: 'Cairo Bold';



  font-size: 26px;



}



.about-content p{



  color: #fff;



  margin-top: 30px;



}















.about-student-content h2{



  color: #fff;



  font-family: Cairo Bold;



  font-size: 26px;



  width: 50%;







  margin-right: auto;



  margin-left: auto;



}



.about-student-content span{



  text-decoration: underline;



}



.about-content span{



  text-decoration: underline;



}







.carousel-item h5{



  color: #000 !important;



}



.carousel-item p{



  color: #000 !important;



  text-align: left;



  margin-top: 15px;



}











.carousel-caption{



  position: inherit !important;



  left: 0 !important;



  right: 0 !important;



  bottom: 0 !important;



}











.tab-slider .carousel-indicators [data-bs-target] {



  box-sizing: content-box;



  flex: 0 1 auto;

  border-radius: 50px;

  width: 15px !important;



  height: 9px !important;







  padding: 0;



  margin-right: 3px;



  margin-left: 3px;



  text-indent: -999px;



  cursor: pointer;



  background-color: #fff;



  background-clip: unset !important;



  border-top: 0px solid transparent !important;



  border-bottom: 6px solid transparent !important;



}





.unieurope-about{







}











.students-service-data{



  color: #fff;



  padding-left: 20px;



  padding-right: 20px;



}



.student-service-ic img{



  /* border: solid 2px #fff; */



  padding: 8px;



  border-radius: 10px;



  



}











































.button-light{



  border: solid 2px #FFF;



  padding: 5px 34px 5px 15px;



  background: transparent;



  border-radius: 7px;



  color: #fff;



  position: relative;



  transition: 0.3s ease-in-out;



  font-family: Cairo SemiBold !important;



}



.button-light::before{



  content: '';



  position: absolute;



  width: 8px;



  height: 8px;



  border-top: 2px solid #ffffff;



  border-left: 2px solid #ffffff;



  top: 12px;



  right: 9px;



  background-repeat: no-repeat;



  transform: rotate(130deg) translate(5px, 1px);



  transition: 0.3s ease-in-out;



}



.button-light::after{



  content: "";



  display: block;



  width: 2px;



  height: 16px;



  border-left: 2px #fff solid;



  transform: rotate(-90deg) translate(5px, 1px);



  right: 20px;

  bottom: 0;

  top: 16px;



  position: absolute;



  transition: 0.3s ease-in-out;



}



.button-light:hover{



  background-color: #fff;



  color: #003470;



  font-family: Cairo SemiBold !important; 



}







.button-light:hover::before{



  margin-right: -7px !important;



  transition: 0.3s ease-in-out;



  border-top: 2px solid #003470;



  border-left: 2px solid #003470;



}



.button-light:hover::after{



  margin-right: -7px !important;



  transition: 0.3s ease-in-out;



  border-left: 2px #003470 solid;



}







































/***************** Process Area ***********************/















.unieurope-process{



  background-color: #e9f1fe;



  padding: 30px;



  border-radius: 20px;



  padding-top: 50px;



  padding-bottom: 180px;



}



.unieurope-process h2{



  font-family: Cairo Bold;



}



.process-area{







  display: flex;



  justify-content: space-between;



  align-items: center;



  text-align: center;



}



/* .process-area::after{



  content: '';



  position: absolute;



  left: 0px;



  top: 76%;



  width: 100%;



  letter-spacing: 20px;



  border-bottom: dotted 2px #000;



  animation: border_anim 3s linear forwards;



} */







.process-data p{



    width: 180px;



    font-family: Cairo SemiBold ;



    line-height: 20px;



    font-size: 16px;



}







.data-one{



  position: relative;



  top: 0;



}







.data-first {



  position: relative;



  top: 102px;



}







.data-sec{



  position: relative;



  top: 0px;



}



.data-third{



  position: relative;



  top: 140px;



}



.data-four{



  position: relative;



  top: 4px;



}



.data-five{



  position: relative;



  top: 107px;



}















.data-one::after{



  content: '';



	position: absolute;







  top: 76%;



  left: 50px;



  border-bottom: dotted 2px #000;



  width: 100% !important;



  z-index: -1;







}







.data-first::after{



  content: '';



	position: absolute;







  top: 25%;



  left: 50px;



  border-bottom: dotted 2px #000;



  width: 100% !important;



  z-index: -1;







}











.data-sec::after{



  content: '';



	position: absolute;







  top: 76%;



  left: 50px;



  border-bottom: dotted 2px #000;



  width: 100% !important;



  z-index: -1;







}







.data-third::after{



  content: '';



	position: absolute;







  top: 20%;



  left: 50px;



  border-bottom: dotted 2px #000;



  width: 100% !important;



  z-index: -1;







}











.data-four::after{



  content: '';



	position: absolute;







  top: 73%;



  left: 50px;



  border-bottom: dotted 2px #000;



  width: 100% !important;



  z-index: -1;







}







.border-fill{



	position: relative;



	font-size: 18px;











}







.border-fill:before{



	content: '';



	position: absolute;



	left: 8%;



	top: 76%;



  width: 80% !important;



  letter-spacing: 20px;



	border-bottom: dotted 2px #000;



	animation: border_anim 3s linear forwards;



 



}







@keyframes border_anim {



	0%{



		width: 0%;



	}



	100%{



		width: 100%;



	}



}























/********** Scroll Animation *********/



.Anim {



  --animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);



  --animation-duration: 1s;



}



@-webkit-keyframes fadeIn {



  0% {



    opacity: 0;



  }



  100% {



    opacity: 1;



  }



}



@keyframes fadeIn {



  0% {



    opacity: 0;



  }



  100% {



    opacity: 1;



  }



}



@-webkit-keyframes zoomIn {



  0% {



    opacity: 0;



    transform: scale(0.75);



  }



  100% {



    opacity: 1;



    transform: none;



  }



}



@keyframes zoomIn {



  0% {



    opacity: 0;



    transform: scale(0.75);



  }



  100% {



    opacity: 1;



    transform: none;



  }



}



@-webkit-keyframes zoomReverseIn {



  0% {



    opacity: 0;



    transform: scale(1.25);



  }



  100% {



    opacity: 1;



    transform: none;



  }



}



@keyframes zoomReverseIn {



  0% {



    opacity: 0;



    transform: scale(1.25);



  }



  100% {



    opacity: 1;



    transform: none;



  }



}















@-webkit-keyframes slideInRight {



  0% {



    opacity: 0;



    transform: translateX(-25%);



  }



  100% {



    opacity: 1;



    transform: none;



  }



}



@keyframes slideInRight {



  0% {



    opacity: 0;



    transform: translateX(-25%);



  }



  100% {



    opacity: 1;



    transform: none;



  }



}



@keyframes slideInUp {



  0% {



    opacity: 0;



    transform: translateY(25%);



  }



  100% {



    opacity: 1;



    transform: none;



  }



}



@keyframes slideInDown {



  0% {



    opacity: 0;



    transform: translateY(-25%);



  }



  100% {



    opacity: 1;



    transform: none;



  }



}



[data-animation] {



  opacity: 0;



  -webkit-animation-timing-function: var(--animation-timing-function);



          animation-timing-function: var(--animation-timing-function);



  -webkit-animation-fill-mode: both;



          animation-fill-mode: both;



  -webkit-animation-duration: var(--animation-duration);



          animation-duration: var(--animation-duration);



  will-change: transform, opacity;



}







.animations-disabled,



.animations-disabled [data-animation] {



  -webkit-animation: none !important;



          animation: none !important;



  opacity: 1 !important;



}











.fadeIn {



  -webkit-animation-name: fadeIn;



          animation-name: fadeIn;



}







.zoomIn {



  -webkit-animation-name: zoomIn;



          animation-name: zoomIn;



}







.zoomReverseIn {



  -webkit-animation-name: zoomReverseIn;



          animation-name: zoomReverseIn;



}



.slideInRight {



  -webkit-animation-name: slideInRight;



          animation-name: slideInRight;



}



.slideInUp {



  animation-name: slideInUp;



}



.slideInDown {



  animation-name: slideInDown;



}



























.form-section h2{



  font-family: Cairo Bold ;



}







.form-area-quote{



  flex-direction: column;



  -webkit-box-pack: center;



  justify-content: center;



  display: flex;



  height: 100%;



}











.form-field-area{



  margin-left: 70px;



}







input[type]:focus {



  border: 0px solid #8c4faf9f!important;



  outline: 0px!important;







} 



input{



  font-family: Cairo SemiBold !important ;



}







.form-area-quote h2{



  color: #000;



}







.form-area-quote p{

  color: #000;

}







.form-field-area{



  background-color: rgb(255, 255, 255);



  padding: 40px;



  border-radius: 10px;

  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 11%);

}







.form-field{



  background: rgb(128 128 128 / 13%) !important;



  border: none !important;



  padding: 10px;



  color: #000 !important;



  border-radius: 5px;



  width: 100%;



  font-size: 15px;



}



.form-field-area h2{



  font-family: Cairo Bold ;



  color: #003470;



  position: relative ;

  text-decoration: underline;



}

/* 

.form-field-area h2::after{



  content: '';



  position: absolute;



  border-bottom: solid 2px #003470;



  top: 0;



  bottom: 0;



  left: 0;



  right: 0;



  width: 64%;



} */



















.form-field-area label{



  font-family: Cairo SemiBold ;



  padding-top: 20px;



  font-size: 18px;



}











/********************************* What We Do *****************************/











.what-we-slide-item:hover {



 cursor: pointer;



  animation-play-state: paused !important;



}











.what-we-slider .slide{



  margin: 20px;



}







.company-service p{



  font-family: Cairo SemiBold;



  padding-top: 20px;



}



.what-we-do h2{



  font-family: Cairo Bold;



}



.what-we-do img{



  border-radius: 10px;



}



#drag-slide .promotionalslider_wrapper{



  width: 130%!important;



  display: flex;







}







.slide-item-sec{



  padding-top: 35px;



}



.slick-slide {



  margin: 0px 20px;



  



}







.slick-slide img {



  width: 100%;



  



}











.how-to-join h2{



  background-image: linear-gradient(to right top, #7fcb2b, #00c972, #00c0a6, #00b3c5, #0da2ca);



    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent;



  font-size: 50px;



  font-family: cairo SemiBold;



  line-height: 50px;



}







.how-to-join{



  background-color: #f0f0f0;



  padding-bottom: 60px;



  padding-top: 40px;







}



.join-box{



  background-color: #ebebeb;



  padding: 15px;

  padding-right: 25px;

  box-shadow: #33333308 1px 3px 7px 8px;



  border-radius: 10px;



}



.join-box img{

  border-radius: 10px;

  margin-left: 20px;

}

.join-box h4{



  font-family: Cairo Bold;

  font-size: 20px;

  padding-left: 10px;

}



.join-box p{



  font-family: Cairo SemiBold;



}



.box-data{



  padding-left: 20px;



}



.join-area{



  padding-top: 0px;



}



.join-area img{



  border-radius: 10px;



}







.join-area p{



  padding-top: 20px;



 width: 90%;



 color: #000;



}







.button-small {



  position: relative;



  border: solid 2px #2952a1;



  border-radius: 7px;



  padding: 4px



45px 4px 9px;



  color: #2952a1;



  font-size: 16px;



  background: transparent;



}















.arrow-right,



.arrow-left,



.long-arrow-right,



.long-arrow-left{



  position: absolute;



  display: block;



  margin: 0px auto;



  width: 8px;



  height: 8px;



  border-top: 2px solid #2952a1;



  border-left: 2px solid #2952a1;



  top: 15px;



  right: 15px;



}



.arrow-right,



.long-arrow-right{



 transform: rotate(135deg);



}







.arrow-left,



.long-arrow-left{



 transform: rotate(-45deg);



}



.long-arrow-right::after,



.long-arrow-left::after{



  content: "";



  display: block;



  width: 2px;



  height: 16px;



  background-color: #2952a1;



  transform: rotate(-45deg) translate(5px, 1px);



  left: 0;



  top: 0;



}



.study-abroad h2{



  font-family: Cairo Bold;



  text-align: center;



}











.study-box{



  background-color: #fff;



  box-shadow: #3333330f 1px 3px 7px 8px;



  padding: 8px;

  padding-top: 15px;

  padding-bottom: 15px;

  text-align: center;

  margin: 10px;

  border-radius: 10px;

  transition: all 0.5s;

  width: 100%;



  cursor: pointer;



}







.study-box:hover{



  background-color:#003470;



  color: #fff;



}



.study-box img{



  background-color: #fff;



  padding: 10px;



  border-radius: 5px;



}







.study-box h5{



  padding-top: 10px;



  font-family: Cairo SemiBold;



  font-size: 17px;



}



.center-logo{



  position: relative;



  overflow: hidden;



}



.center-flag{



  position: absolute;



  left: 0;



}



.image-center {















  -webkit-animation:spin 10s linear infinite;



  -moz-animation:spin 10s linear infinite;



  animation:spin 10s linear infinite;



}



@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }



@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }



@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }







/***************************** Footer Area *****************************/



.contact-details {

  /* margin-right: 0; */

  margin: 0;

  padding: 0;

}



footer{



  background-color: #014a81;



  padding-top: 50px;

  padding-bottom: 20px;

  



}



footer a{



  text-decoration: none;



  color: rgb(53, 53, 53);

}



.light-footer-area{

  background-color: #fff;

  border-radius: 15px;

  padding: 10px;



}



.footer-head-area ul li{



  font-family: Cairo Bold;



  list-style: none !important;



  display: flex;



  justify-content: space-between;



  font-size: 16px;



  gap: 100px !important;



  color: rgb(53, 53, 53);



  cursor: pointer;



}



.footer-head-area ul{



  display: flex;



  justify-content: right;

  gap: 65px;

}



.quick-links li{



  list-style: none;



  font-family: Cairo SemiBold;



  font-size: 14px;



  padding-top: 8px;



  color: #fff;



  cursor: pointer;



}



.quick-links h5{



  font-family: Cairo Bold;



  font-size: 16px;



  color: #fff;



}



.footer-btn-area button{



  margin: 7px;



}



.footer-btn-area h5{



  margin-bottom: -3px !important;



}







.contact-details i{



  background-color: #fff;



  color: #003470;



  padding: 6px 6px;



  height: 27px;



  width: 27px;



  border-radius: 50px;



  font-size: 15px;



}







.contact-details h5{



  padding-left: 5px;



  font-family: Cairo SemiBold;



  color: #fff;



  font-size: 17px;



}







/* 



.accordion-item{



  background: transparent;



}



.accordion-button{



  background: transparent;



  color: #fff;



}



.accordion-button:not(.collapsed){



  background: transparent;



  outline: none !important;



}



button:focus:not(:focus-visible) {



  outline: 0 !important;



} */



.footer-social i{



  margin: 5px;







}



.fa-x-twitter{



  color: #fff;



  font-size: 24px;



}



.bg-light{



  background-color: #fff;



  padding: 7px 5px;



  width: 40px;



  height: 40px;



  font-size: 24px;



  color: #014a81;



  border-radius: 50px;



}







.partners img{



  height: 60px!important;



  width: unset !important;



}























.partners-area{



  background-color: rgb(255, 255, 255);



  padding: 15px;



  border-radius: 10px;



}















.effect-area{



  width: 350px;



 



	display: grid;



}











.box-effect{



	position: relative;



	color: #2952a1;



	padding: 10px;



	text-decoration: none;







	overflow: hidden;



  border-radius: 10px;



}







.box-effect span:nth-child(1) {



	position: absolute;



	top: 0;



	right: 0;



	width: 100%;



	height: 3px;



	background: linear-gradient(to right, #7fcb2b, #0da2ca);



	animation: animate1 2s linear infinite;



  border-radius: 10px;



}







@keyframes animate1 {



	0% {



		transform: translateX(-100%);



	}



	100% {



		transform: translateX(100%);



	}



}







.box-effect span:nth-child(2) {



	position: absolute;



	top: 0;



	right: 0;



	height: 100%;



	width: 3px;



	background: linear-gradient(to bottom, #7fcb2b, #0da2ca);



	animation: animate2 2s linear infinite;



	animation-delay: 1s;



  border-radius: 10px;



}



@keyframes animate2 {



	0% {



		transform: translateY(-100%);



	}



	100% {



		transform: translateY(100%);



	}



}







.box-effect span:nth-child(3) {



	position: absolute;



	bottom: 0;



	right: 0;



	width: 100%;



	height: 3px;



	background: linear-gradient(to left, #7fcb2b, #0da2ca);



	animation: animate3 2s linear infinite;



  border-radius: 10px;



}







@keyframes animate3 {



	0% {



		transform: translateX(100%);



	}



	100% {



		transform: translateX(-100%);



	}



}







.box-effect span:nth-child(4) {



	position: absolute;



	top: 0;



	left: 0;



	height: 100%;



	width: 3px;



	background: linear-gradient(to top, #7fcb2b, #0da2ca);



	animation: animate4 2s linear infinite;



	animation-delay: 1s;



}







@keyframes animate4 {



	0% {



		transform: translateY(100%);



	}



	100% {



		transform: translateY(-100%);



	}



}































/******************************** TEXT CAROUSEL CSS *******************************/















































.box-gradient {







  display: grid;



  place-content: center;



  padding: 25px 20px;







  --border-angle: 0turn;



  --main-bg: conic-gradient(



      from var(--border-angle),



      rgb(255, 255, 255),



      rgb(255, 255, 255) 5%,



      rgb(255, 255, 255) 60%,



      rgb(255, 255, 255) 95%



    );



  border: solid 4px transparent;



  border-radius: 15px;



  --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #11FFEE, #11FFEE, transparent);



  background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;



  background-position: center center;



  -webkit-animation: bg-spin 4s linear infinite;



          animation: bg-spin 4s linear infinite;



}



@-webkit-keyframes bg-spin {



  to {



    --border-angle: 1turn;



  }



}



@keyframes bg-spin {



  to {



    --border-angle: 1turn;



  }



}



/* .box-gradient:hover {



  -webkit-animation-play-state: paused;



          animation-play-state: paused;



} */







@property --border-angle {



  syntax: "<angle>";



  inherits: true;



  initial-value: 0turn;



}















































































.button-draw {



  position: relative;



  display: inline-block;



  cursor: pointer;



}







.button-draw h1 {







  border: none;



  background: none;



  outline: none;



  



}







.button-draw svg {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  pointer-events: none;



}







.button-draw path {



  stroke: #db3157;



  stroke-width: 8px;



  stroke-dasharray: 0 1500;



  font-weight: bold;



}







.button-draw:hover path {



  animation: draw 1s forwards;



}







@keyframes draw {



  from {



    stroke-dasharray: 0 1500;



  }







  to {



    stroke-dasharray: 1500 1500;



  }



} */



























































.circle-sketch-highlight{



  position:relative;



  z-index: 44;



}







.circle-sketch-highlight:before{



    content: "";



   



    left: -15px;



    top: -17px;



    border-width: 4px;



    border-style: solid;



    border-color: rgb(255, 0, 0);



    position: absolute;



    border-right-color: transparent;



    width: 100%;



    height: 2em;



    transform: rotate(3deg);



    /* opacity: 0.7; */



    border-radius: 50%;



    padding: 0.1em 0.25em;



}







.circle-sketch-highlight:after{



  content: "";



  



    left: -17px;



    top: -15px;



    padding: 0.1em 0.25em;



    border-width: 4px;



    border-style: solid;



    border-color:  rgb(255, 0, 0);



    border-left-color: transparent;



    border-top-color: transparent;



    position: absolute;



    width: 100%;



    height: 2em;



    transform: rotate(-2deg);



    /* opacity: 0.7; */



    border-radius: 50%;



}



























@keyframes highlight {



  from {



    background-position: 0;



  }







  to {



    background-position: -50%;



  }



}







.under {



  animation-name: highlight;



  animation-duration: 0.75s;



  animation-fill-mode: forwards;



  background-size: 200%;



  background-image: linear-gradient(to right, white 50%, transparent 50%), 



                    linear-gradient(transparent 50%, purple 50%);



}















.my-svg{



  position: relative;



}



.my-svg span svg {



  pointer-events: none;



  animation: animateDash 7s linear forwards infinite;



  stroke-dasharray: 5000 !important;



  stroke-dashoffset: 5000 !important;



  transform: rotate(-6deg);



  position: absolute;



  top: 30px;



  width: 270px;



  right: -45px;



}



@keyframes animateDash {



  to {



    stroke-dashoffset: 0;



  }



}



#my-svg path {



  stroke: #1346a3;







  /* fill: green;



  */



}







.my-svg-two{



  position: relative;



}







.my-svg-two svg {



  stroke-dasharray: 1000;



  stroke-dashoffset: 1000;



  pointer-events: none;



  animation: animateDash 2s linear forwards infinite;



  position: absolute;



  top: 15px;



}



















.process-mob #pro_slider .pro_wrapper .slick-arrow {



  font-size: 0;



  width: 30px;



  height: 30px;



  border-radius: 100%;



  -webkit-appearance: none;



  border: 0;



  background: #fff;



  box-shadow: 0px 1px 2px rgb(0 0 0 / 20%);



  outline: none;



  /* display: none !important; */



}







.process-data-mob p{



  color: #000;



}















.process-data-mob{



 position: relative;







}



.process-item-one{

  position: relative;

}



.process-item-one ul{



  position: sticky;

left: 0;

}



.process-item-one{





}

/* 

.process-item-one::after{



  content: '1';

  font-family: Cairo Bold;

  position: absolute;

  background-color: #fff;

 border: solid 1px rgb(80, 80, 80);

 height: 30px;

 width: 30px;

 border-radius: 50px;

 color: rgb(80, 80, 80);

  bottom: 0;



 



  right: 0;



} */







/* .process-item-line{

  position: relative;

}

.process-item-line::before{



  content: '';



  position: absolute;



  border-right: dashed gray 2px;

 

  

  bottom: 0px !important;

  right: -30px !important;

  top: 0 !important;



} */







.process-data-mob img{

  height: 100px;

}



.process-data-mob::before{



  content: '';



  position: absolute;



  border-bottom: dotted gray 2px;

 

  border-bottom-color: #808080;

  bottom: -15px;



  left: 0;



  right: 0;

  width: 55%;

  margin-left: auto;

  margin-right: auto;

}



.process-data-mob:nth-child(6):before {

  border-bottom: 0;





}

img.process-img-mob {



  width: 80px;



  height: 80px;



}



.process-mob h2{



  font-family: Cairo Bold;



}



.unieurope-process-mob{



  background-color: #e9f1fe;



  padding: 30px;



  border-radius: 20px;



  padding-top: 50px;



  padding-bottom: 180px;



}



















.drop-first-col{



  border-right: solid 1px rgb(192, 192, 192);



}















.dropbtn {















  







  padding: 0px;







  font-size: 16px;







  border: none;







}















.dropdown-hover {







  position:initial ;



  /* padding-left: 15px; */



  padding-right: 15px;



  padding-top: 5px;



  font-size: 16px;



  font-family: Cairo Bold;



}























.dropdown-hover-services {







  position:initial ;



  /* padding-left: 15px; */



  /* padding-right: 15px; */





  font-size: 16px;



  font-family: Cairo Bold;



}







.dropdown-toggle::after{







  border: none!important;







}







.dropdown-content {







  display: none;







  position: absolute;







  background-color: #f8f8f8;











  width: 700px;



  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);







  z-index: 999999 !important;







  border-radius: 5px;







  transition: 1s;



  padding: 20px;



  right: 25px;



}









.dropdown-content .drop-first-col:nth-child(2){

  border: none;

}





.dropdown-content-services {







  display: none;







  position: absolute;







  background-color: #f8f8f8;











  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);







  z-index: 999999 !important;







  border-radius: 5px;







  transition: 1s;



  padding-left: 20px;



  padding-right: 20px;



  padding-bottom: 20px;



}











.other-sub-menu span{



  display: block !important;



  flex-direction: column;



  font-family: Cairo SemiBold;



  padding-top: 5px;



}







.drop-first-col h6{



  font-size: 18px;



  font-family: 'Cairo Bold';



}



.drop-right h6{



  font-size: 24px !important;



  font-family: 'Cairo Bold';



}



.dropdown-content p{



  font-size: 14px;



  font-family: 'Cairo SemiBold';



}







.dropdown-content a {







  color: black;







  padding: 12px 16px;







  text-decoration: none;







  display: block;







  text-align: left;







}





.download-menu img{

  width: 100px;

}









.dropdown-content-services a {







  color: black;







  padding: 12px 16px;







  text-decoration: none;







  display: block;







  text-align: left;







}



.drop-data-box p {



  margin-top: -6px;



}







.drop-data-box{



  padding-top: 14px;



  padding-bottom: 1px;



  padding-left: 10px;



  padding-right: 10px;



  margin-bottom: -14px;





}



.drop-data-box:hover{



  background-color: #dfeafe;



  cursor: pointer;



  border-radius: 7px;



  



}







.drop-right{

  padding: 8px 10px;

}







.dropdown-services{



  background: transparent !important;



  padding-top: 10px !important;



}



.dropdown-services li{



  float: inherit;



  padding-top: 12px;



  flex-direction: column;



  display: flex;



  font-family: Cairo SemiBold;



  cursor: pointer;



}







.drop-right .button-blue{



  position: relative;



  border: solid 2px #003470;



  border-radius: 7px;



  



  padding: 5px 38px 5px 14px;



  color: #003470;



  font-size: 14px;



  background: transparent;



  transition: 0.3s ease-in-out;



}











.drop-right .button-blue::before{



  content: '';



  position: absolute;



  width: 8px;



  height: 8px;



  border-top: 2px solid #003470;



  border-left: 2px solid #003470;



  top: 8px;



  right: 12px;



  background-repeat: no-repeat;



  transform: rotate(130deg) translate(5px, 1px);



  transition: 0.3s ease-in-out;



}



.drop-right .button-blue::after{



  content: "";



  display: block;



  width: 2px;



  height: 16px;



  background-color: #003470;



  transform: rotate(-90deg) translate(5px, 1px);



  right: 24px;



  top: 12px;



  position: absolute;



  transition: 0.3s ease-in-out;



}











.drop-right .button-blue:hover{



  background-color: #003470;



  color: #fff;







}























.drop-right .button-blue:hover::before{



  margin-right: -7px !important;







  border-top: 2px solid #fff;



  border-left: 2px solid #fff;



}



.drop-right .button-blue:hover::after{



  margin-right: -7px !important;







  background-color: #fff;



}















.dropdown-hover:hover .dropdown-content {







  display: block;







  transition: 1s;







}











.dropdown-hover-services:hover .dropdown-content-services {







  display: block;







  transition: 1s;







}















/************************** single Col Dropdown *****************************/









.single-col-dropdown-content-services a {







  color: black;







  padding: 12px 16px;







  text-decoration: none;







  display: block;







  text-align: left;







}





.single-col-dropdown-content-services {



  width: 400px;



  display: none;







  position: absolute;







  background-color: #f8f8f8;











  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);







  z-index: 999999 !important;







  border-radius: 5px;







  transition: 1s;



  padding-left: 20px;



  padding-right: 20px;



  padding-bottom: 20px;



}











.dropdown-hover-services:hover .single-col-dropdown-content-services {







  display: block;







  transition: 1s;







}















/************************** single Col Dropdown *****************************/









.single-col-dropdown-content-services-download a {







  color: black;







  padding: 12px 16px;







  text-decoration: none;







  display: block;







  text-align: left;







}





.single-col-dropdown-content-services-download {



  width: 400px;



  display: none;







  position: absolute;







  background-color: #f8f8f8;











  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);







  z-index: 999999 !important;







  border-radius: 5px;







  transition: 1s;



  padding-left: 20px;



  padding-right: 20px;



  padding-bottom: 20px;

  right: 0;



}











.dropdown-hover-services:hover .single-col-dropdown-content-services-download {







  display: block;







  transition: 1s;







}







/* .dropdown-menu{







  position: relative;







  z-index: -1px!important;







}











.dropdown-hover:hover>.dropdown-menu {







  display: block;







} */







.phone-area-field{



  display: flex;



}



.dropdown-countrycode {



 



}



.form-field-phone{



  background: rgb(128 128 128 / 13%) !important;



    border: none !important;



    padding: 10px;



    color: #000 !important;



    border-radius: 0px 5px 5px 0px;



    width: 100%;



    font-size: 15px;



}







.select-dropdown{







}



.phone-area-field select {



  border: none;



  outline: none;



  scroll-behavior: smooth;



  background: rgb(128 128 128 / 13%) !important;



  font-size: 13px;



  height: 84% !important;



  margin-top: 8px;



  font-family: Cairo SemiBold !important;



  color: rgb(110, 110, 110);



  padding-left: 5px;



  border-radius: 5px 0px 0px 5px;



  text-overflow: ellipsis;



  width: 120px;



}











.line {



  position: absolute;



  left: 44%;



  bottom: 48%;



}



.line2 {



  position: absolute;



  left: 44%;



  bottom: 21%;



}







.line3 {



  position: absolute;



  left: 44%;



  bottom: 38%;



}



.line4 {



  position: absolute;



  left: 44%;



  bottom: 44%;



}



.line5 {



  position: absolute;



  left: 44%;



  bottom: 45%;



}

.line6 {



  position: absolute;



  left: 44%;



  bottom: 44%;



}

.blocky {



  float: left;



  width: 25%;



  height: 150px;



}



.hovicon {



  display: inline-block;



  font-size: 45px;



  line-height: 90px;



  cursor: pointer;



  margin: 20px;



  width: 90px;



  height: 90px;



  border-radius: 50%;



  text-align: center;



  position: relative;



  text-decoration: none;



  z-index: 1;



  color: #fff;



  top: 23px;



  left: 20px;



}











.hovicon.auto-width {



  width: auto;



  height: auto;



  padding: 15px;



}



.hovicon:after {



  pointer-events: none;



  position: absolute;



  width: 100%;



  height: 100%;



  border-radius: 50%;



  content:'';



  -webkit-box-sizing: content-box;



  -moz-box-sizing: content-box;



  box-sizing: content-box;



}



.hovicon:before {



  speak: none;



  font-size: 48px;



  line-height: 90px;



  font-style: normal;



  font-weight: normal;



  font-variant: normal;



  text-transform: none;



  display: block;



  -webkit-font-smoothing: antialiased;



}



















/* Effect 4 */



.hovicon.effect-4 {



  width: 77px;



  height: 77px;



  box-shadow: 0 0 0 4px #aeb9ff;



}







.hovicon.effect-4.sub-a {



  -webkit-transition: box-shadow 0.2s;



  -moz-transition: box-shadow 0.2s;



  transition: box-shadow 0.2s;



}



.hovicon.effect-4:before {



  line-height: 92px;



}



.hovicon.effect-4:after {



  top: -4px;



  left: -4px;



  padding: 0;



  z-index: 10;



  border: 4px dashed #aeb9ff;



}



.hovicon.effect-4:hover {



  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);



  color: #fff;



}



.hovicon.effect-4:hover i {



  color: #fff;



}



/* Effect 4b */



.hovicon.effect-4.sub-b:hover {



  -webkit-transition: box-shadow 0.2s;



  -moz-transition: box-shadow 0.2s;



  transition: box-shadow 0.2s;



}



.hovicon.effect-4.sub-b:hover:after {



  -webkit-animation: spinAround 9s linear infinite;



  -moz-animation: spinAround 9s linear infinite;



  animation: spinAround 9s linear infinite;



}



@-webkit-keyframes spinAround {



  from {



      -webkit-transform: rotate(0deg)



  }



  to {



      -webkit-transform: rotate(360deg);



  }



}



@-moz-keyframes spinAround {



  from {



      -moz-transform: rotate(0deg)



  }



  to {



      -moz-transform: rotate(360deg);



  }



}



@keyframes spinAround {



  from {



      transform: rotate(0deg)



  }



  to {



      transform: rotate(360deg);



  }



}























/*************************** Responsive Design ****************************/







@media screen and (min-width: 1200px){



  .scrollbar{

    display: block !important;

  }



  .header{

    background: transparent;

  }

  .header ul{

    background: transparent;

  }

  .container-fluid{



    --bs-gutter-x: 9.5rem !important;



  }



  .header-top span {



    margin-bottom: -45px;



}

.sp-pad-promote {

  padding-bottom: 20px !important;

}

.d-none-desk{



  display: none !important;



}



.request-demo-page header{



  background: transparent;



}



.request-demo-page ul{



  background: transparent;



}



}



@media screen and (max-width: 576px){

  .rotating-text{
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  .rotating-text h2{
    font-size: 31px !important;
    /* text-align: center; */
  }
  .our-product span{

    font-size: 31px !important;

  }

  .rotating-text {

    transform: none !important;

    text-align: left !important;

  }

  .rotating-text h1{

    display: block !important;
    
   

  }
  .rotating-text h1 .word{
    bottom: -5px !important;
  }
  .unieurope-process{

    padding: 30px 0;

  }

  .unieurope-process h2 {

    padding-bottom: 10px;

    /* border-bottom: solid #b1b1b1 1px; */

    padding-bottom: 5px;

    width: 70%;

    margin-left: auto;

    margin-right: auto;

}

  .anim-text span{

    font-size: 26px  !important;

  }



  .unieurope-carousel{

    margin-left: 10px;

    margin-right: 10px;

  }

  .contact-form-field-area{

    padding: 15px 5px 20px !important; 

    margin-left: 10px !important;

    margin-right: 10px !important;

  }



  .product-box-two h5{

    font-size: 26px !important;

  }

  .product-box h5{

    font-size: 26px !important;

  }

  .product-box-three h5{

    font-size: 26px !important;

  }

  .brand-logos-landing h2{

    width: 100% !important;

  }



  .join-box img{

    margin-left: 10px;

  }

  .brand-col{

    width: 155px;

  }



  .landing-main-title h2{

    font-size: 30px !important;

  }



  .news-letter-p h5{

    width: 100% !important;

  }



  .rotate-logo{

    padding-top: 0px !important;

  }

  .subscribe-now{

    padding: 40px 22px !important;

  }



  .news-letter-p p{

    width: 100% !important;

  }



  .btn-mob-special2{

    width: inherit !important;

    padding-left: 10px;

    padding-right: 10px;

    margin: 3px;

  }

  .btn-mob-special1{

    width: inherit !important;

    padding-left: 10px;

    padding-right: 10px;

    margin: 3px;

  }

  .sp-button-area button{

    

  }

  #para-text-svg {

    font-size: 23px;

}

  .advantages-bg{

    background-position: right !important;

  }

  .btn-2{

    height: 50px !important;

  }

  .btn-0{

    height: 50px !important;

  }

  .sp-button{

    margin: 40px;

    margin-bottom: 0;

    margin-top: 15px;

  }

  .advantage-features-data h2{

    font-size: 22px !important;

  }

  .promote-large-data p{

    width: 100% !important;

  }

  .why-promote-img img {

    border-radius: 14px 14px 0px 0px !important;

}

.why-europe{

  border-radius: 0px 0px 14px 14px !important;

}

  .drop-right{

    padding: 8px 10px;

  }

  #counter div{

    font-size: 25px;

  }

  .count-item h5{

    font-size: 17px;

  }



  .partners img{

    width: 100% !important;

    height: auto;

  }

  .about-large-content p{

    width: 100%;

  }



  .about-page h2{

    font-size: 30px !important;

  }



  .header .menu-btn:checked ~ .menu {

    max-height: 500px;

    overflow: scroll;

}

.dropdown-services{

  padding-top: 0px !important;

}



  .dropdown-hover-services{

    display: none;

  }

  .dropdown-hover{

    display: none;

  }

  .p-0-mob{



    padding: 0!important;

}



.study-box h5{

  font-size: 15px;

}

  .container-fluid{



    --bs-gutter-x: 3.5rem !important;



  }



  .dropdown-hover-services {



    padding-bottom: 12px;



    padding-left: 0px;



    padding-top: 15px;



  }



  .top-details-icon{



    padding: 10px;



    font-size: 14px;



  }



  .header .menu-icon{



    padding: 0px 0px;



  }



  .partners-id .slide img{



   



  }

.footer-logo{

  display: none;

}

footer{

  padding-top: 35px;

}

  .nav-pills{



    gap: 25px;



  }



  .slide-item-sec{



    padding-top: 0px;



  }







  .what-we-slider .slide{



    margin: 0;



  }







  .unieurope-process{



    padding-bottom: 50px;



  }



  .header li a:hover,



.header .menu-btn:hover {



  background-color: transparent;



  border-radius: 6px;



}



  .header li{



    border-bottom: dotted 2px #c1c1c1;



  }



  .drop-first-col{



    border-right: none !important;



  }



  .dropdown-content{



    width: 78%;



    overflow: scroll;



    height: 440px;



  }



  .header {



    position: fixed;

    

  }



  .header .logo{



    padding: 15px 0px;



    



  }



  .logo img{



    width: 70px !important;



  }







  #promotional_slider .promotionalslider_wrapper .promotionalslider_single{



    padding: 0px !important;



    margin-top: 25px;



  }



  .pop-btn-nav{



    padding: 22px 15px;



  }



  .header li a {



    display: block;



    padding: 15px 0px;



    font-size: 16px;



  }



  .hero-content h1{



    font-size: 40px;



    line-height: 50px !important;



  }



  .my-svg-two svg {



    bottom: -14px ;



    top: auto !important;



  }



  .d-none-mob{



    display: none !important;



  }



  .process-area{



    display: block !important;



  }



  #promotional_slider .promotionalslider_wrapper{



    width: 100% !important;

    

  }



  #promotional_slider .promotionalslider_wrapper.slick-initialized .slick-arrow{



    bottom: -16px;



 



  }



  #promotional_slider .promotionalslider_wrapper.slick-initialized .slick-next {



    right: 12%;



}



#promotional_slider .promotionalslider_wrapper.slick-initialized .slick-next {



  left: inherit;



}



#promotional_slider .promotionalslider_wrapper.slick-initialized .slick-prev {



  left: inherit;



  right: 23%;



}



#promotional_slider{



  padding: 10px 0px 50px!important;







}



.footer-head-area ul{



  display: block;



  padding-left: 7px;



}



.contact-details{



  display: block !important;



}



.footer-btn-area{



  text-align: center;



}



.footer-logo{



  text-align: center;



}



.form-field-area{



  margin-left: 0px !important;



}



.about-content{



  padding: 0px !important;



  margin-top: 40px;



}



.unieurope-process-mob{



  margin-top: 30px;



}



.form-area-quote{



  padding-top: 0px;



}



.programs-data h4 {



  font-family: Cairo Bold;



  font-size: 18px;



}



.join-area{



  padding-top: 0;



}



.about-buttn{



  display: flex;



  flex-direction: column;



  justify-content: center;



  align-items: center;



}



.download{



  display: flex;



  justify-content: center;



}

.product-download{

  padding-bottom: 30px;

}

.product-right-details {



  padding: 50px 35px !important;

}

.download img{



  margin-top: 7px;



}



.about-title h2{



  font-size: 23px;



}



.about-student-content h2{



  width: 100%;



  font-size: 23px;



}



.about-content h2{



  font-size: 23px;



}



.form-field-area{



  padding: 30px 20px 35px;



}



.process-data-mob p{



  text-align: center;



}



.quick-links ul{



  padding-left: 7px;



}



.hero-content h1{



  padding-top: 10px;



}



.header .menu{



  padding: 0px;



  border-radius: 7px;



}



.header ul{



  /* background-color: #eff3f5; */



}















.students-service-data{



  text-align: center !important;



  margin-top: 15px;



}























.data-one::after{



  content: '';



	position: absolute;







  top: 76%;



  left: 50px;



  border-bottom: none;



  width: 100% !important;



  z-index: -1;







}







.data-first::after{



  content: '';



	position: absolute;







  top: 25%;



  left: 50px;



  border-bottom: none;



  width: 100% !important;



  z-index: -1;







}











.data-sec::after{



  content: '';



	position: absolute;







  top: 76%;



  left: 50px;



  border-bottom: none;



  width: 100% !important;



  z-index: -1;







}







.data-third::after{



  content: '';



	position: absolute;







  top: 20%;



  left: 50px;



  border-bottom: none;



  width: 100% !important;



  z-index: -1;







}











.data-four::after{



  content: '';



	position: absolute;







  top: 73%;



  left: 50px;



  border-bottom: none;



  width: 100% !important;



  z-index: -1;







}







#pro_slider .pro_wrapper.slick-initialized .slick-prev{



  left: 40%;



}



#pro_slider .pro_wrapper.slick-initialized .slick-next{



  right: 40%;



}



#pro_slider .pro_wrapper.slick-initialized .slick-arrow{



      top: inherit; 



      bottom: -10px;



}



.programs #pro_slider{



  padding-bottom: 55px;



}



.programs{



  padding-bottom: 25px;



}



#pro_slider .pro_wrapper .pro_single{



  padding: 0;



}



#pro_slider {



  padding: 20px 0px;



}



.join-box{



  padding: 12px;

  padding-top: 20px;

}



.box-data {



  padding-left: 10px;



}



.dropdown-hover{



  padding-bottom: 15px;



  padding-left: 0px;



  padding-top: 15px;



}



.dropdown-content-services{



  height: 260px;



  overflow: scroll;



  width: 78%;



}



.dropdown-services li{



  border-bottom: none !important;



}



.button-light{



  width: 100%;



}

.footer-first-col::before{

  border: none !important;

}

.contact-details .button-light{

  width: auto !important;

}



.header{



  z-index: 99999;



}



.request-form-field-area{



  margin-left: 0px !important;



}



.bg-brow-four{



  padding: 10px !important; 



  padding-bottom:30px !important;



}



.bg-brow-three{



  padding: 20px !important;



}



.bg-brow-two{



  padding: 20px !important;



}



.bg-brow{



  padding: 10px !important;



  padding-top:30px !important;



  padding-bottom:30px !important;



}







.button-mob-v{



  width: 65%;



}



.hero-slide-quote{



  margin: 17px;



}





.svg-bg-curve{

  margin-left: 0px !important;

  padding: 30px;

}

.advantages-large-content p{

    width: 100% !important;

}

.advantages-large-content h2{

  width: 100% !important;

  font-size: 22px;

}

.kk{

  right: 0;

}

.contact-info-quote{

  padding: 100px 20px 100px 50px !important;

}

}/**************** mediaquery 576 End *******************/











@media screen and (min-width: 767px) and (max-width: 991.98px){



  .d-none-tab{



    display: none !important;



  }



  .form-field-area{



    margin-left: 0px !important;



  }



  .carousel-item{



    text-align: center;



  }



  .students-services{



    justify-content: center;



  }



  .about-student-content h2{



    width: 100%;



  }



  #promotional_slider .promotionalslider_wrapper.slick-initialized .slick-arrow{



    bottom: -15px;



  }



  #promotional_slider .promotionalslider_wrapper.slick-initialized .slick-next{



    left: 14%;



  }



  .header .menu{



    padding: 0px 0;



  }



  .header .menu-icon{



    padding: 30px 20px;



  }



  .header li a{



    padding: 10px 15px;



  }



  .study-box{



    width: 100%;



  }



  .unieurope-process-mob{



    margin-top: 45px;



  }



  .form-area-quote{



    padding-top: 0px;



  }



}































/******************************** About Page Start ************************************/







.about-page{



  padding-top: 150px;



}



.about-page h2{



  font-family: Cairo Bold;



  font-size: 50px;







}



.about-page-img img{



  border-radius: 8px;



}











.about-page-head{



  flex-direction: column;



  -webkit-box-pack: center;



  justify-content: center;



  display: flex;



  height: 100%;



}







div#counter-stats {



  display: flex;



  justify-content: center;



  color: #000;







}











#counter {



  font-family: Cairo Bold;



  font-size: 40px;







  color: #000;



}



#counter div {



  text-align: center;



  text-decoration: none;



  list-style: none;



}



#counter .count-result.percent:after {



  content: "+";



  display: inline-block;



}











.count-item {



  border: solid 1px #e6e6e6;



  border-radius: 10px;



  padding-top: 20px;



  padding-bottom: 20px;



  height: 210px;



}







.count-item h5{



  color: rgb(51, 49, 49);



}



.count-area p{



  font-family: Cairo SemiBold;



  font-size: 18px;



}



.connecting-area{



  background-color: #f0f0f0;



  padding-top: 40px;



  padding-bottom: 40px;



}







.connecting-area p{



  font-size: 18px;



}



.connecting-area img{



  border-radius: 8px;



}







section.who-are-we{



  padding-top: 150px;



  



}



.who-are-we img{



  border-radius: 10px;



}



.who-arewe-data h2{



  font-family: Cairo Bold;



  font-size: 26px;



  padding-top: 20px;



}



.who-arewe-data {



  flex-direction: column;



  -webkit-box-pack: center;



  justify-content: center;



  display: flex;



  height: 100%;



}







.bg-brow{



  /* background-color: #f5f5ee; */



  background-color: #d4d8e152;



  padding: 50px;



  border-radius: 20px ;



}



.bg-brow-four{



  background-color: #d4d8e152;



  padding: 50px;



  border-radius:20px ;



}







.bg-brow-two{



  background-color: #d4d8e152;



  padding: 50px;



  border-radius: 20px ;



}



.bg-brow-three{



  background-color: #d4d8e152;



  padding: 50px;



  border-radius: 20px ;



}



























/************* Our Product Page Start ********************************************/















.our-product{



  padding-top: 120px;



}



.our-product span{

  font-size: 35px;

  font-family: Cairo Bold;

  text-align: center;

}



.product-box{

  background-color: #b91b32;

 



  padding-top: 20px;



  padding-bottom: 50px;



  padding-left: 20px;



  padding-right: 20px;



  border-radius: 8px;



  position: relative;



}







.product-box h5{



  color: #fff;



  font-family: Cairo Bold;



  font-size: 30px;



  padding-top: 30px;



}



.product-box p{



  color: #fff;







  line-height: 25px;



  line-height: 22px



}



.our-product a{



  text-decoration: none;



}



.product-box-two{



  background-color: #a99216;



  padding-top: 20px;



  padding-bottom: 50px;



  padding-left: 20px;



  padding-right: 20px;



  border-radius: 8px;



  position: relative;



}



.product-box-two h5{



  color: #fff;



  font-family: Cairo Bold;



  font-size: 30px;



  padding-top: 30px;



}



.product-box-two p{



  color: #fff;



  font-family: Cairo SemiBold;



  line-height: 22px



}



.product-box-three{



  background-color: #2952a1;



  padding-top: 20px;



  padding-bottom: 50px;



  padding-left: 20px;



  padding-right: 20px;



  border-radius: 8px;



  position: relative;



}



.product-box-three h5{



  color: #fff;



  font-family: Cairo Bold;



  font-size: 30px;



  padding-top: 30px;



}



.product-box-three p{



  color: #fff;





  line-height: 22px



}























.main-svg{



  position: relative;



}



.svg-main svg{



  position: absolute;



}











.product-box svg {



  position: absolute;



  left: 20px;



  top: 0;



}



.product-box-two svg {



  position: absolute;



  left: 20px;



  top: 0;



}



.product-box-three svg {



  position: absolute;



  left: 20px;



  top: 0;



}



.product-box button{



  padding: 5px 13px;



  font-size: 12px;



  border: none;



  background: none;



}



.product-box button:hover{



  background: none;



  color: #fff;



}











.link--arrowed {



  padding-top: 20px;

  padding-bottom: 0!important;

  margin-bottom: 0px !important;





}



.link--arrowed .arrow-icon {



  position: relative;



  top: -55px;



  left: 15px;



  transition: transform 0.3s ease;



  vertical-align: middle;



}



.link--arrowed .arrow-icon--circle {



  transition: stroke-dashoffset 0.3s ease;



  stroke-dasharray: 95;



  stroke-dashoffset: 95;



}



.link--arrowed:hover .arrow-icon {



  transform: translate3d(5px, 0, 0);



}



.link--arrowed:hover .arrow-icon--circle {



  stroke-dashoffset: 0;



}











.left-bg {



  padding: 30px;



  text-align: center;



  position: relative;



}



.product-intro{







  background-color: #012a58;



  overflow: hidden;



}







.product-right-details{



  background-color: #dfeafe;



  padding: 50px 53px;



}



.product-right-details h2{



  font-family: Cairo Bold;



  text-transform: uppercase;







}







.kk {



  position: absolute;



  /* top: 0; */



  bottom: 10%;



  /* left: 0; */



  /* right: 0; */



}











.product-large-content{



  flex-direction: column;



  -webkit-box-pack: center;



  justify-content: center;



  display: flex;



  height: 100%;



}



.product-large-area img{



  border-radius: 8px;



}















/************* Advantages Page Start ********************************************/







.section-pad{



  padding-top: 150px;



}







.advantages-bg{



  background-image: url(../img/advantages.jpg);



  



  background-repeat: no-repeat;



  background-size: cover;



  background-position: center;



  padding-top: 70px;



  padding-bottom: 70px;



  border-radius: 10px;



  text-shadow: #90c4ff 5px 7px 3px 0px;



}



.svg-bg-curve{



  margin-left: 50px;



}



.advantages-large-content h2 {



  width: 50%;



  font-family: Cairo Bold;



  margin-left: auto;



  margin-right: auto;



}



.advantages-large-content p {



  width: 65%;



  margin-left: auto;



  margin-right: auto;



}







.advantage-features{



 background-color: #014a81;



 padding-top: 50px;



 padding-bottom: 50px;



}



.advantage-features img{



  border-radius: 10px;



}



.advantage-features-data img{



  background-color: #fff;



  border-radius: 10px;



  padding: 5px;



  height: 40px;



  width: 40px;



 



}



.advantage-features-data h2{



  font-family: Cairo Bold;



  padding-left: 20px;



  font-size: 26px;



}



.advantage-features-data{



  padding: 20px;



  



}



.advantage-features-data p{



  padding-left: 60px;



}







.gradient-back{



  



  background-image: linear-gradient(to top, #ffffff, #f9f9ff, #f2f4ff, #eaefff, #e0ebff, #e0ebff, #e0ebff, #e0ebff, #eaefff, #f2f4ff, #f9f9ff, #ffffff);



}



.request-demo{



  padding-top: 140px;



  padding-bottom: 50px;



 }



 .request-thumb img{



  background-color: #fff;



  border-radius: 15px;



  padding: 7px;



 }











































 



.request-form-field-area{



  margin-left: 70px;



}







input[type]:focus {



  border: 0px solid #8c4faf9f!important;



  outline: 0px!important;







} 



input{



  font-family: Cairo SemiBold !important ;



}







.request-form-area-quote h2{



  color: #fff;



}







.request-form-area-quote p{



  color: #fff;



  padding-top: 20px;



}







.request-form-field-area{



  background-color: rgb(255, 255, 255);



  padding: 40px;



  border-radius: 10px;



  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.11);



}







.request-form-field{



  background: rgb(128 128 128 / 13%) !important;



  border: none !important;



  padding: 10px;



  color: #000 !important;



  border-radius: 5px;



  width: 100%;



  font-size: 15px;



}



.request-form-field-area h2{



  font-family: Cairo Bold ;



  color: #003470;



  position: relative ;



  text-align: center;



}



.request-form-field-area p{



  text-align: center;



}











.request-thumb{



  flex-direction: column;



    -webkit-box-pack: center;



    justify-content: center;



    display: flex;



    height: 100%;



}



.request-form-field-area label{



  font-family: Cairo SemiBold ;



  padding-top: 20px;



  font-size: 18px;



}



.request-thumb h5{



  font-family: Cairo Bold;



}



.request-demo-button button{



  width: 100%;



}



.contact-info h5{



  color: #000;



  font-family: Cairo Bold;



  



}



.contact-info{



  background-color: #fff;



  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.11);



  padding: 20px;



  border-radius: 8px;



  height: 210px;



}



.contact-page-info-bg{



  background-color: #d4d8e1;







  overflow: hidden;



  



}



.bg-side{



  position: absolute;



  background-image: linear-gradient(to right, #d4d8e100, #d4d8e100, #d4d8e1, #d4d8e1, #ffffff14)!important;



  height: auto;



  top: 0;



  bottom: 0;



  left: -48px;



  width: 100px;



}



.contact-bg-img{



  position: relative;



}







.info-ic{



  width: 50px;



  height: 50px;



}



.contact-info-quote{



  flex-direction: column;



    -webkit-box-pack: center;



    justify-content: center;



    display: flex;



    height: 100%;



    padding: 100px 20px 100px 120px;



}

.product-title {

  flex-direction: column;

  -webkit-box-pack: center;

  justify-content: center;

  display: flex;

  /* height: 100%; */

}

.quote-sub-heading h4{



  font-family: Cairo Bold;



  color: #044693;



  font-size: 20px;



}



.contact-info-quote p{



  font-size: 20px;



}











.contact-form-field-area{



  background-color: rgb(255, 255, 255);



  padding: 25px 30px 30px;



  border-radius: 10px;



  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.11);

  margin: 0;

}







.contact-form-field{



  background: rgb(128 128 128 / 13%) !important;



  border: none !important;



  padding: 10px;



  color: #000 !important;



  border-radius: 5px;



  width: 100%;



  font-size: 15px;



}



.contact-form-field-area h2{



  font-family: Cairo Bold ;



  color: #003470;



  position: relative ;







}

.contact-form-field-area h5{

  font-family: Cairo Bold;

}

.contact-form-field-area p{



  text-align: center;



}











.contact-thumb{



  flex-direction: column;



    -webkit-box-pack: center;



    justify-content: center;



    display: flex;



    height: 100%;



}



.contact-form-field-area label{



  font-family: Cairo SemiBold ;



  padding-top: 20px;



  font-size: 18px;



}



.contact-thumb h5{



  font-family: Cairo Bold;



}



.contact-info-form-row{



  flex-direction: column;



    -webkit-box-pack: center;



    justify-content: center;



    display: flex;



    height: 100%;







}







































.overlay-li {











padding-left: 0 !important;







 



}



@media (min-width: 400px) {



  .overlay-li {



    width: auto;



  }



}



@media (min-width: 800px) {



  .overlay-li {



   



    padding: 0 3.8rem;



  }



}



.overlay-li:hover{







}







.overlay-arrow {



  position: relative;



  transition: background-color 300ms ease-out;



}



.overlay-arrow span {



  display: inline-block;



  position: relative;



  transition: all 300ms ease-out;



  will-change: transform;



}



.overlay-arrow:hover span {



  



}



.overlay-arrow {



  left: 0;



 



}



.overlay-arrow svg {







  position: absolute;



  width: 1em;



 



  



  opacity: 0;



  top: 50%;



  transform: translateY(-50%);



  transition: all 300ms ease-out;



  will-change: right, opacity;



}



.overlay-arrow svg * {



  stroke-width: 5;



  stroke-color: transparent;







}



.overlay-arrow span:hover svg {



  opacity: 1;







  padding-left: 0;



}



.about-buttn a{



  color: inherit;



  text-decoration: none;



}



















.sp-button{



  display: flex;



}











.btn-0{



  position: relative;



  display: block;



  overflow: hidden !important;



  



  height: 50px;



 











  border: 2px solid #003470;



  border-radius: 6px;



  text-decoration: none;



}







span.butt- {



  display: flex;



  align-items: center !important;



  justify-content: center;



  z-index: 0;



  position: relative;



  height: 100%;



  text-decoration: none;



}







.btn-0 {



  color: #003470;



  font-family: Cairo Bold;



}



.btn-0:before {



  content: "";



  position: absolute;



  top: 6px;



  right: 0;



  bottom: 6px;



  left: 0;



  background-color: #234164;



  transform: translateX(-97%);



  transition: 0.4s ease-in-out !important;



  z-index: -1px;

  border-radius: 0px 10px 10px 0px;



}



.btn-0:hover {



  color: #cbdef3!important;



}



.btn-0:hover:before {



  transform: translateX(0);



}



















.btn-2{



  position: relative;



  display: block;



  overflow: hidden !important;



  width: 100%;



  height: 50px;















  border: 2px solid #3f67b4;



  border-radius: 6px;



  text-decoration: none;



}







span.butt- {



  display: flex;



  align-items: center !important;



  justify-content: center;



  z-index: 0;



  position: relative;



  height: 100%;



  text-decoration: none;



}







.btn-2 {



  color: #003470;



  font-family: Cairo Bold;



}



.btn-2:before {



  content: "";



  position: absolute;



  top: 6px;



  right: 0;



  bottom: 6px;



  left: 0;



  background-color: #3f67b4;



  transform: translateX(-97%);



  transition: 0.4s ease-in-out !important;



  z-index: -1px;

  border-radius: 0px 10px 10px 0px;

}



.btn-2:hover {



  color: #fcfff5!important;



}



.btn-2:hover:before {



  transform: translateX(0);



}



#bb{

  margin-top: 30px;

}



.why-promote{

  background-color: #091c32;

  padding-top: 120px;

}

.left-points li{

  font-family: Cairo Bold;

  font-size: 25px;

}

.promote-title h2{

  color: #fff;

  font-family: Cairo Bold;

}

.promote-title{

  flex-direction: column;

    -webkit-box-pack: center;

    justify-content: center;

    display: flex;

    height: 100%;

}

.promote-title p{

  color: #fff;

}

.why-europe{

  background-color: #d4d8e152;

  text-align: center;

  padding: 20px;

  border-radius: 0px 14px 14px 0px;

 height: 100%;

  flex-direction: column;

  -webkit-box-pack: center;

  justify-content: center;

  display: flex;

}

.why-europe h4{

  font-family: Cairo Bold;

  width: 70%;

  margin-right: auto;

  margin-left: auto;

}

.list-points li{

  font-family: Cairo Bold;

  color: rgb(59, 59, 59);

}

.why-promote-img img{

  border-radius: 14px 0px 0px 14px;

}

.promote-large-data h2{

  text-align: center;

}

.promote-large-data p{

  width: 70%;

  margin-right: auto;

  margin-left: auto;

  text-align: center;

}

.tabular-data th{

  font-size: 17px;

  font-family: Cairo Bold;

  color: #044693;

} 

.tabular-data th:nth-child(1){

  width: 250px;

}

.tabular-data td{

  font-family: Cairo SemiBold;

  font-size: 15px;

}



.tabular-data{



  

}



table {

  border-radius: 10px !important;

  border-collapse: separate;

  border-spacing: 5px 5px;

}

tr{

 

}

td,

th {

  border: 1px solid #003470 !important;

  padding: 20px 20px;

  border-radius: 10px;

}



th {

  background-color: transparent;

}



td {

  text-align: left;

}



tr:nth-child(even) td {

  background-color: transparent;

  

}



tr:nth-child(odd) td {

  background-color: transparent;

  

}

.table-data-area h4{

  font-family: Cairo Bold;

}



















.clickable-drop .accordion-button:focus {

  z-index: 3;

  border: 0;

  outline: 0px !important;

  box-shadow: none !important;

}





.clickable-drop .accordion-item{

  border-bottom: dotted 2px #c1c1c1;

}

.clickable-drop .accordion-button{

  padding-left: 0px !important;

}

.clickable-drop .accordion-button:not(.collapsed){

  background-color: transparent !important;

  box-shadow: inherit !important;

}

.clickable-drop .accordion-body{

  padding: 0px;

  padding-bottom: 20px;

}



.accordion-body h6{

  font-family: Cairo Bold;

}



.content-menu-sub span{

  font-family: Cairo Semibold;

  display: block;

  font-size: 15px;

}

.prefer-span{

  font-size: 14px;

  color: gray;

}



.counting-content{

  flex-direction: column;

  -webkit-box-pack: center;

  justify-content: center;

  display: flex;

  height: 100%;

}



.header-btn{

  color: #000;

  text-decoration: none;

  border: solid 1px gray;

  border-radius: 50px;

  padding: 0px 20px !important;

  font-family: Cairo SemiBold;

  transition: 0.3s all;

}

.header-btn:hover{

  background-color: #003470;

  color: #fff;

}



.news-letter{



  padding-top: 30px;

  padding-bottom: 30px;

}

.news-letter-p h5{

  font-family: Cairo Bold;

  width: 65%;

    margin-left: auto;

    margin-right: auto;

}



.news-letter-p p{

    

}









.form-subscribe{



  background: rgb(255, 255, 255) !important;







  padding: 10px;

  padding-top: 13px;

  padding-bottom: 13px;



  color: #000 !important;



  border-radius: 7px;



  width: 100%;



  font-size: 15px;

  border: solid 1px rgb(171, 171, 171);

}

/* .subscribe-now{

  background: linear-gradient(180deg, #014a813f 0, rgba(245, 246, 246, .2) 100%);

  padding: 20px 25px;

  border-radius: 7px;

} */



.subscribe-now button{

  margin-left: 12px;

}



.header-conta{

 padding-top: 10px;

}





.button-blue-filled{



  position: relative;



  border: solid 2px #003470;



  border-radius: 6px;



  



  padding: 5px 38px 5px 14px;



  color: #ffffff;



  font-size: 16px;



  background: #003470;



  transition: 0.3s ease-in-out;



}











.button-blue-filled::before{



  content: '';



  position: absolute;



  width: 8px;



  height: 8px;



  border-top: 2px solid #ffffff;



  border-left: 2px solid #ffffff;



  top: 11px;



  right: 12px;



  background-repeat: no-repeat;



  transform: rotate(130deg) translate(5px, 1px);



  transition: 0.3s ease-in-out;



}



.button-blue-filled::after{



  content: "";



  display: block;



  width: 2px;



  height: 16px;



  border-left: 2PX #FFF solid;



  transform: rotate(-90deg) translate(5px, 1px);



  right: 24px;

  bottom: 0;

  top: 15px;



  position: absolute;



  transition: 0.3s ease-in-out;



}











.button-blue-filled:hover{



  background-color: #ffffff;



  color: #003470;







}























.button-blue-filled:hover::before{



  margin-right: -7px !important;







  border-top: 2px solid #003470;



  border-left: 2px solid #003470;



}



.button-blue-filled:hover::after{



  margin-right: -7px !important;





  border-left: 2PX #003470 solid;

 



}







.subscribe-now input[type]:focus {



  border: 1px solid rgb(171, 171, 171)!important;



  outline: 0px!important;







} 





.footer-first-col{

  position: relative;

  

}

.footer-first-col::before{

  content: '';

  position: absolute;

  border-right: 2px solid #fff;

  top: 0;

  bottom: 0;

  right: 0;

}







.lead-form{

 background-color: #012a58;

  padding-bottom: 50px;

  padding-top: 50px;

 

  

}

/* .lead-form::before{

  position: absolute;

  content: '';

  background-color: #012a58;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;



} */



.lead-form p{

  width: 65%;

  margin-left: auto;

  margin-right: auto;

}

.center-content-product{

  margin-left: auto;

  margin-right: auto;

  width: 60%;

}



.landing-product-download img{

  width: 80px;

  margin: 3px;

}

.landing-product-download{

  margin-top: -15px;

}



.landing-product-download h6{

    font-family: Cairo SemiBold;

}

.quick-register{

  margin-top: -30px;

}

.product-box-area{

  

}

.lead-form-text p{

  color: #fff;

}

.lead-form-text{

  flex-direction: column;

  -webkit-box-pack: center;

  justify-content: center;

  display: flex;

  height: 100%;

}

.lead-form-text h2{

  color: #fff;

}



.process-landing{

  background-color: #e9f1fe;

}



.landing-main-title h2{

  text-align: center;

  line-height: 32px;

  font-size: 36px;

}







.menu li {

  padding-left: 15px;

}





.advantage-features-data h6{

  font-family: Cairo Bold;

  padding-left: 20px;

  color: rgb(255, 255, 255);

}

.download-now{

  padding-left: 13px;

  

  align-items: start;

  

}

.download-now p{

  color: #fff;

}



.why-choose-landing img{

  border-radius: 10px;

}

.brand-logos-landing h2{

  font-size: 26px;

  width: 65%;

  margin-left:auto;

  margin-right: auto;

  text-align: center;

}

.brand-logos-landing{

background-color:#f5f5f5;

padding-top: 50px;

padding-bottom: 50px;

}

.brand-box{

  border: dashed 1px rgb(211, 211, 211);

  padding: 20px;

  border-radius: 7px;

  /* flex-direction: column; */

  -webkit-box-pack: center;

  justify-content: center;

  display: flex;

  background-color: #fff;

}

.brand-logos-landing h6{

  font-family: Cairo SemiBold;

}

.programs-main-title p{

  color: #fff;

  text-align: center;

}

.box-data li{

  font-family: Cairo SemiBold;

}

.box-data h6{

  font-family: Cairo SemiBold;

}





/* Version 2 */

.hamburger-icon-2 {

  display: block;

  border-bottom: 12px double rgb(0, 0, 0); 

  border-top: 4px solid rgb(0, 0, 0); 

  padding-top: 5px;

  content: "";

 

  width: 24px;

}

.advantage-features-data h2{

  color: #fff;

  padding-bottom: 30px;

}



















.nav-list {

  display: none;

}



.active-btn {

  display: flex !important;

}



 .nav-list .nav-link {

  font-size: 16px;

  font-weight: 700;

  color: #000000;

}

 .nav-list .nav-link:hover {

  color: #02A695;

}



@media screen and (max-width: 800px) {

.nav-list .nav-link {

    font-size: 15px;

    font-weight: 500;

  }

}

@media screen and (max-width: 686px) {

 .nav-list .nav-link {

    font-size: 13px;

    font-weight: 500;

  }



   .ham-menu {

    padding: 30px;

    transform: scale(50%);

  }

 .ham-menu .bar {

    width: 20px;

  }

}

@media screen and (max-width: 520px) {

   .nav-list .nav-link {

    font-size: 9px;

    font-weight: 500;

  }



 .ham-menu {

    padding: 10px;

    transform: scale(50%);

  }

  .ham-menu .bar {

    width: 20px;

  }

}

 .logo {

  padding: 40px;

}



 .ham-menu .menu-social {

  position: absolute;

  display: block;

  margin: auto;

}



.nav-list{

  position: relative;



}

 .ham-menu input {

  -webkit-appearance: none;

  display: none;

  visibility: hidden;

}

 .ham-menu .bar {

  display: block;

  position: relative;

  cursor: pointer;

  width: 40px;

  height: 40px;

  top: 10px;

}

 .ham-menu .bar:hover span {

  background: #2952a1;

}

 .ham-menu .bar span {

  position: absolute;

  width: 33px;

  height: 3px;

  background: black;

  border-radius: 100px;

  display: inline-block;

  transition: 0.3s ease;

  left: 0;

}

 .ham-menu .bar span.top {

  top: 0;

}

 .ham-menu .bar span.middle {

  top: 11px;

}

 .ham-menu .bar span.bottom {

  bottom: 15px;

}

 .ham-menu input[type]:checked ~ span.top {

  transform: rotate(45deg);

  transform-origin: top left;

  width: 30px;

  left: 9px;

}

 .ham-menu input[type]:checked ~ span.bottom {

  transform: rotate(-45deg);

  transform-origin: top left;

  width: 30px;

  bottom: 5px;

  left: 6px;

  top: 20px;

}

 .ham-menu input[type]:checked ~ span.middle {

  transform: translateX(-20px);

  opacity: 0;

}

 .ham-active {

  position: relative;

  width: 400px;

}

 .ham-active ul {

  position: absolute;

  list-style: none;

}

 .ham-active ul li {

  display: inline-block;

}



.navbar-toggler {

  border: none !important;

}

.navbar-toggler span {

  color: black !important;

}



.carousel-landing img{

  width: 100%;

  height: 100% !important;

  border-radius: 10px;

}

.carousel-indicators{



  position: absolute;



  right: 0 !important;



  left: 0px !important;



  bottom: -50px !important;

}





.unieurope-carousel  .carousel-indicators [data-bs-target] {

  box-sizing: content-box;

  flex: 0 1 auto;

  width: 12px;

  height: 12px;

  padding: 0;

  margin-right: 3px;

  margin-left: 3px;

  text-indent: -999px;

  cursor: pointer;

  background-color: #fff;

  background-clip: padding-box;

  border: 0;

  border-top: none !important;

  border-bottom: none !important;

  opacity: .5;

  transition: opacity .6s ease;

  border-radius: 50px !important;

}

.unieurope-carousel .carousel-indicators .active {

  opacity: 1 !important;

}

.carousel-area{

  margin-bottom: 20px;

}

.hero-content {

  flex-direction: column;

  -webkit-box-pack: center;

  justify-content: center;

  display: flex;

  height: 100%;

}





/* .fixed-banner{

  background-image: url(../img/banner-fixed.jpg);

  height: 550px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center ;

} */

/* .fixed-banner-second{

  background-image: url(../img/static-banner-14th-row-Mobile.jpg);

  height: 650px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center ;

} */

.header-conta h6 {

  font-family: 'Cairo Bold';

}





.advantage-features h2{

  color: #fff;

}



.box-data li::marker {

  font-family: Cairo SemiBold;

  color: rgb(126, 126, 126);

}

.nav-area {

  position: relative;

  bottom: 20px;

}



.dropdown-hover-services {

  margin-top: -2px;

}

.header-contact-details li{

  padding-left: 15px;

}

.menumob-v li{

  padding-top: 15px;

}











.flex-pro{

  display: flex !important;

}





.scrollbar

{





  

	height: 440px;

	width: 100%;



	overflow-y: scroll;

	margin-bottom: 25px;



}



.force-overflow

{

	min-height: 450px;



}







/*

 *  STYLE 1

 */



#style-1::-webkit-scrollbar-track

{

	-webkit-box-shadow: inset 0 0 16px rgb(255, 255, 255);

	border-radius: 0px;

	background-color: transparent;

  

 

}



#style-1::-webkit-scrollbar

{

	width: 7px;



	background-color: transparent;

  

}



#style-1::-webkit-scrollbar-thumb

{

	border-radius: 8px;

	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */

	background-color: rgba(179, 179, 179, 0.548);

  height: 10px!important;



}













/*

 *  STYLE 2

 */







 #style-2::-webkit-scrollbar-track

 {

   -webkit-box-shadow: inset 0 0 6px rgb(230, 230, 230);

   border-radius: 0px;

   background-color: transparent;

 

  

 }

 

 #style-2::-webkit-scrollbar

 {

   width: 7px;

 

   background-color: transparent;

   

 }

 

 #style-2::-webkit-scrollbar-thumb

 {

   border-radius: 8px;

   /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */

   background-color: rgb(207, 207, 207);

   height: 10px!important;

 

 }

 

 



.scrolling-manual{

  

    position: relative;



}



 .scrolling-auto{

  

  

  height:400px;



  overflow: scroll;

}

.scrolling-auto ul{

  position: relative;

  margin:0;

  padding:0;

}

.scrolling-auto li{

  height: 250px !important;

  

   text-align:center;

 

}



.scrolling-auto *{

  margin:0 !important;

  padding:0 !important;

 

}





.grr{

  position: relative;

}

.grr span:before{

  content: '';

  position: absolute;

	color: #000 !important;

  border-left: 1px dashed rgb(53, 53, 53);

  top: 29px;

  right: 50%;

  height: 30px;

}



.material-icons{

 

}







  /* .material-icons::after{

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;  

    width: 100px;

    border-bottom: 1px solid red;

  } */

.tab-head > li a.active {

	background-color: #0067b8;

	color: #fff;

}



/**

 * Tabs Block

 */

 .tabs-block {

	display: flex;

	align-items: center;

	justify-content: center;

}



/**

 * Tabs

 */

.tabs {

	display: flex;



}



.tabs > ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

	/* width: 15%; */

}



.tab-head a{

  color: rgb(51, 51, 51);

}



.tabs > ul li {

	display: block;

  margin-top: 20px;

}



.tabs > ul{

  justify-content: center;

  align-items: center;

  display: flex;

  flex-direction: column;

}



.tabs > ul li a,

.tabs > ul li a:visited {

	display: flex;

	border-bottom: none;

	text-decoration: none;

	



	transition: all 0.2s ease-in-out;

	word-wrap: break-word;

  border: 1px solid #262626;

  margin-top: 10px;

  border-radius: 50px;

  width: 30px;

  height: 30px;

 

}



.tabs > ul li a:hover,

.tabs > ul li a:focus,

.tabs > ul li a:active {

	border-bottom: none;

	outline: 0;

}





.tabs > ul li a:hover:not(.active) {

	color: #0067b8;

}



.tabs > ul li a > span {

	width: 100%;

	display: flex;

	align-items: start;

	justify-content: center;

	text-align: center;

}



.tabs > ul li a > span.tab-label {

	display: none;

}



.tabs section {

	/* width: 85%; */

	padding: 10px 0;

	display: none;

	word-wrap: break-word;

  text-align: center;

}



.tabs section > * {

	opacity: 0;

	transform: translateY(20px);

	transition: opacity 0.2s, transform 0.2s;

}



.tabs section > *:nth-child(1) {

	transition-delay: 0.2s;

}



.tabs section > *:nth-child(2) {

	transition-delay: 0.3s;

}



.tabs section > *:nth-child(3) {

	transition-delay: 0.4s;

}



.tabs section > *:nth-child(4) {

	transition-delay: 0.5s;

}



.tabs section > *:nth-child(5) {

	transition-delay: 0.6s;

}



.tabs section > *:nth-child(6) {

	transition-delay: 0.7s;

}



.tabs section > *:nth-child(7) {

	transition-delay: 0.8s;

}



.tabs section > *:nth-child(8) {

	transition-delay: 0.9s;

}



.tabs section > *:nth-child(9) {

	transition-delay: 1s;

}



.tabs section > *:nth-child(10) {

	transition-delay: 1.1s;

}



.tabs section > *:nth-child(11) {

	transition-delay: 1.2s;

}



.tabs section > *:nth-child(12) {

	transition-delay: 1.3s;

}



.tabs section > *:nth-child(13) {

	transition-delay: 1.4s;

}



.tabs section > *:nth-child(14) {

	transition-delay: 1.5s;

}



.tabs section > *:nth-child(15) {

	transition-delay: 1.6s;

}



.tabs section > *:nth-child(16) {

	transition-delay: 1.7s;

}



.tabs section > *:nth-child(17) {

	transition-delay: 1.8s;

}



.tabs section > *:nth-child(18) {

	transition-delay: 1.9s;

}



.tabs section > *:nth-child(19) {

	transition-delay: 2s;

}



.tabs section > *:nth-child(20) {

	transition-delay: 2.1s;

}



.tabs section.active {

	display: block;

}



.tabs section.active-content > * {

	opacity: 1;

	transform: translateY(0);

}

@media (min-width: 576px) {



	.tabs > ul {

		width: 150px;

	}



	.tabs > ul li a {

		flex-wrap: wrap;

   

	}



	.tabs > ul li a > span {

		width: 100%;

	}



	.tabs > ul li a > span.tab-label {

		width: 100%;

		display: block;

		margin-top: 0.2rem;

	}



	.tabs section {

		width: calc(100% - 150px);

		padding: 2rem 2rem;

	}

}

@media (min-width: 768px) {



	body {

		font-size: 1.125rem;

	}



	.tabs-container {

		padding: 4rem 4rem;

	}

}

@media (min-width: 992px) {



	.tabs {

		width: 800px;

	}

}









ul.header-contact-details {

  padding-top: 8px;

}

















.text-blue{

  color: #2952a1;

}



.second-carousel{

  margin-left: 10px;

  margin-right: 10px;

}





.rotating-text h2{
  font-size: 35px;
}

.rotating-text{
  display: flex;
}

.rotating-text {

  text-align: center;



  position: relative;

  transform: translateX(-80px);
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}

.rotating-text h1 {

  display: inline-flex;



  vertical-align: top;

}

.rotating-text h1 .word {

  position: absolute;

  display: flex;

  opacity: 0;

}

.rotating-text h1 .word .letter {

  transform-origin: center center 25px;

}

.rotating-text h1 .word .letter.out {

  transform: rotateX(90deg);

  transition: 0.32s cubic-bezier(0.6, 0, 0.7, 0.2);

}

.rotating-text h1 .word .letter.in {

  transition: 0.38s ease;

}

.rotating-text h1 .word .letter.behind {

  transform: rotateX(-90deg);

}



.alizarin {

  color: #2952a1;

}



.wisteria {

  color: #b91b32;

}



.peter-river {

  color: #a99216;

}



.header-conta a {

  padding: 0 !important;

}