*{padding: 0; margin: 0; box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box}
body{font-family: 'Poppins', sans-serif; font-size:14px; color:#000000;font-weight:200; background-color:#ffffff}
a{text-decoration:none;color: #613e19;}
ul{ list-style:none;} 
dl, ol, ul {  margin-bottom:0rem;padding-left:0rem;}
.btn-check:focus+.btn, .btn:focus{ box-shadow:none;}
.btn-check:focus+.btn-secondary, .btn-secondary:focus{box-shadow: none;}
.container{max-width:1094px; padding-left:30px; padding-right:30px;}

header{ z-index:99; position:relative; width:100%; padding-top:31px; padding-bottom:31px ;transition: 0.10s padding ease-out, 0.15s margin ease-out, 0.15s border ease-out;}
header.stick{position:fixed; top:0;background-color: rgba(255,255,255, 0.95);padding-top:15px; padding-bottom:15px ;transition: 0.5s padding ease-out, 0.15s margin ease-out, 0.15s border ease-out;  }
header.stick .align-items-end{align-items: center!important;}
header.stick ul.navBeRig li{margin-bottom:0px;}
/*header.stick .logoMa img{max-width:200px ;  transition: 0.15s all ease;}
header  .logoMa img{transform: scale(1.2);}*/
header .navBer{ padding-left:40px;}
header .navBer ul li{ padding-left:10px; padding-right:10px;}
header .navBer ul li a{font-size: 15px; font-weight: 500;color: #000;}
header .navBer ul li a:hover{color: #003e9c;}
header .navBer ul li a.active{ color: #003e9c;font-weight: bold;}
header ul.navBeRig li{ padding-left:10px; padding-right:10px; margin-bottom:-11px;}
header ul.navBeRig li a{border-radius: 50px;background-color: #003e9c;font-size: 15px; font-weight: 500;color: #fff; padding:8px 18px; display:block; border:1px solid  #003e9c;}
header ul.navBeRig li a:hover{background-color: #ffffff; color: #003e9c; border:1px solid #003e9c;}
header ul.navBeRig li a.butSch{background-color:#ffffff; color: #003e9c; border:1px solid #003e9c;}
header ul.navBeRig li a.butSch:hover{background-color: #003e9c;color: #fff;}

header .container-fluid{ padding-left:30px; padding-right:30px; max-width:1344px;}

.logoMa a img {max-width: 100%; width:227px;}

#intro { background-image: url(../images/homepage.jpg); padding-bottom:185px;}
.bg-image {position: relative; overflow: hidden; background-repeat: no-repeat;background-size: cover;background-position: 50%;}
#intro h1 strong{color: #4284e8; font-weight:500;}
#intro h1{ margin-bottom:2.7rem; margin-top: 70px;}
#intro .servicesWe{font-weight:600;}
/*header.stick + .hoWeTitl{margin-top:80px;}
#sticky-anchor{ height:0px!important; }*/
/**/
.hoWeTitl{ padding-top:72px; }
.hoWeTitl h1{font-size: 24px; font-weight: 300; line-height: 1.92; color: #1a1a1a; text-align:center; margin-bottom:2rem ;}
.hoWeTitl h1 strong{color: #4284e8; font-weight:500;}
.hoWeTitl .fortitle { padding-top:50px; padding-bottom:60px; }
.hoWeTitl .fortitle li{ margin-right:35px; margin-left:35px;}
.hoWeTitl .fortitle li a{font-size: 24px; font-weight: normal; line-height: 1.25; color: #686868; ; }
.hoWeTitl .fortitle li a.active{ color: #003e9c;font-weight: 600;position:relative;}
.hoWeTitl .fortitle li a.active:after{content:""; position: absolute;left:0; bottom:-10px; width:100%; height:2px; background-color: #003e9c;}
.stepTitl .titlStep p strong{font-size: 18px; font-weight: 500; line-height: 1.56; color: #5a5a5a;}
.stepTitl .titlStep p{font-size: 16px; font-weight: normal; line-height: 1.75; color: #5a5a5a; margin-bottom:0.8rem;}
.stepTitl .title{ padding-top:50px; padding-bottom:42px; }
.stepTitl .title h2{font-size: 24px; font-weight: 600;line-height: 1; color: #474747;}
.stepTitl .stepTel{padding-bottom:90px;}
.stepTitl .stepTel .boxRad{padding:42px 34px; border-radius: 2px;background-color: #f9f9f9; height:100%;}
.stepTitl .stepTel .boxRad.boxRad2{background-color:#4284e8; padding-right:26px; padding-bottom:30px;}
.stepTitl .stepTel figure .figure-img { margin-bottom:2.2rem;}
.stepTitl .stepTel figure figcaption{font-size: 24px;font-weight: normal; line-height: 1.67; color: #474747; margin-bottom:1rem;}
.stepTitl .stepTel h4{color:#fff;font-size:18px;font-weight:600; line-height:30px; margin-bottom:1rem; border-bottom:4px solid #fff; padding-bottom:1.3rem;}
.stepTitl .stepTel ul {margin-left: 20px;}
.stepTitl .stepTel ul li{font-size:18px; list-style:disc; font-weight: normal;line-height:27px;color: #fff;margin-bottom:1rem; padding-bottom:1rem;}
.stepTitl .stepTel ul li:last-child{ border-bottom:0px; }
.stepMain{padding: 75px 0px;background-color: #f9f9f9;}
.stepMain .stepY{position:relative;}
.stepMain .stepY li{ position:relative;counter-increment: my-awesome-counter; --bs-gutter-x: 1.5rem;  --bs-gutter-y: 0;  display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y));  margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); } 
.stepMain .stepY:after{content:""; z-index:-1; left: 0; right:0; top:0; position: absolute; margin:0px auto; height:calc(100% - 80px); width:2px;/*transform: rotate(-270deg);*/ border: solid 2px rgba(66, 132, 232, 0.3);}
.stepMain .stepY li figure{flex: 0 0 auto; width: 41.66666667%;padding: 18px 23px;border-radius: 5px; background-color: #fff; display:flex;align-items: flex-start!important; margin-bottom:2rem ;}
.stepMain .stepY li:nth-child(even) figure {  justify-content: flex-end!important;}
.stepMain .stepY li:nth-child(odd) figure{ margin-left: auto; }
.stepMain .stepY li:nth-child(odd) figure .figure-img{margin-right:16px; margin-left:0px	 ;}
.stepMain .stepY li figure .figure-img{margin-left:16px; width:50px;}
.stepMain .stepY li:nth-child(odd) figcaption{text-align:left;}
.stepMain .stepY li figcaption{font-size: 14px; font-weight: normal;line-height: 1.43; color: #5a5a5a; text-align:right;}
.stepMain .stepY li:after{content:""; left: 0; right:0; top:0px; position: absolute; margin:0px auto; width:15px; border:1px solid #4284e8; z-index:9; border-radius:50%;  height:15px; flex-grow: 0; background-color: #fff;}
.stepMain .stepY li:before{content:"STEP " counter(my-awesome-counter); left: 0; right:0; top:30px; position: absolute; margin:0px auto; width:45px; text-align:center;  z-index:9; font-size: 12px; font-weight: 500; line-height: 1.83;  color: #4284e8;  height:20px;  background-color: #fff;}
/*Vi*/
.gro-network{padding: 80px 0px 100px; background-color:#4284e8;}
.gro-network h3{font-size: 34px;font-weight:600;line-height:45px;color:#fff;}
.gro-network p{font-size: 20px;line-height:30px;color: #fff; padding-left:24px; margin-bottom: 0px;}
.gro-network p strong{font-weight:500;}
.gro-network p a{display:block;font-size:16px;font-weight:600; color: #fff; margin-top: 15px}
.gro-network p a img{margin-left: 15px;transition: all .5s ease-out;}
.gro-network p a:hover{opacity:0.8;}
.gro-network p a:hover img{padding-left:10px; }
.service-offer{padding: 110px 0px 90px;}
.service-offer h2{font-size:40px; font-weight:500; line-height:50px; color:#373737; text-align: center; margin-bottom: 70px;}
.service-offer .card{padding:34px 34px 58px; border-radius: 2px; background-color: #f9f9f9; border: 0px;}
.service-offer .card .card-icon{margin-bottom:25px; height:85px}
.service-offer .card h4{font-size:24px;line-height:36px;font-weight: normal;color: #474747; margin-bottom: 8px;}
.service-offer .card p{font-size: 16px;line-height:22px; color: #5a5a5a;}
.service-offer .card a{font-size: 14px;   font-weight: 500;  color: #003e9c;}
.service-offer .card a  img{margin-left: 15px;transition: all .5s ease-out;}
.service-offer .card a:hover{opacity:0.8;}
.service-offer .card a:hover img{padding-left:10px; }
.howitwork{ background-image:url("../images/how-it-works.webp"); background-repeat: no-repeat; background-position: center; padding: 101px 0px;}
.howitwork h2{font-size:40px; font-weight:500; line-height:50px; color:#373737; text-align: center; margin-bottom:60px;}
.howitwork ul{margin: 0px;}
.howitwork ul li a{font-size: 22px;line-height: 24px;color: #686868;padding-bottom:57px; display:block;}
.howitwork ul li a.active{font-size: 26px;font-weight: 500;line-height: 24px; color: #4284e8;}
.howitwork ul li a img{margin-left: 20px; display:none ; transition: all .5s ease-out;}
.howitwork ul li a:hover{opacity:0.8;color: #4284e8;}
.howitwork ul li a:hover img{padding-left:5px; }
.howitwork ul li a.active img{ display:inline-block ; }
.howitwork .card{ padding: 29px 34px 25px; flex-direction: row; border-radius: 2px; border: 0px}
.howitwork .card img{ margin-top:6px; }
.howitwork .card .dscript{margin-left:32px;}
.howitwork .card  .steptext{font-size: 14px; font-weight: 600; line-height:26px;  color: #4284e8;}
.howitwork .card p{font-size: 18px;font-weight:500;line-height:26px;color: #686868;}
.knowmore{border-radius:50px;  background-color:#003e9c; font-size:16px; font-weight:700; color: #fff; height: 57px; line-height: 56px; padding: 0px 51px; margin-top:31px;}
.knowmore:hover{border-color:#003e9cs; background-color:#003e9c;opacity:0.8	; color:#fff;}
.clients{padding: 110px 0px 117px;}
.clients h2{font-size:40px; font-weight:500; line-height:50px; color:#373737; text-align: center; margin-bottom: 70px;}
#clients.owl-carousel.owl-theme .owl-nav .owl-next {background-color: transparent;background-repeat: no-repeat; cursor: pointer;height: 32px; width: 32px; background-image: url("../images/back.svg");background-size: auto 100%; background-position: 0px; background-position: left;font-size: 0px; margin-right: -50px; display: none}
#clients.owl-carousel.owl-theme .owl-nav .owl-prev {background-color: transparent; background-repeat: no-repeat; cursor: pointer; height: 32px; width: 32px; background-image: url(../images/next.svg); background-position: 0px;background-size: auto 100%;font-size: 0px; margin-left:-51px; margin-right:127px; display: none}

#clientsc.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display: none!important;}
#clients.owl-theme .owl-nav.disabled+.owl-dots {margin-top:0px;}
#clients.owl-theme .owl-dots .owl-dot span{background-color: transparent; border: solid 1px #b4b4b4;}
#clients.owl-theme .owl-dots .owl-dot.active span, #clients.owl-theme .owl-dots .owl-dot:hover span {background: #4284e8;}


/*vi End*/

.servImg img{ margin-right:10px; margin-left:10px; }
.servOffer{padding:80px 0px 80px; position: relative} 
.servOffer .titlCon p{font-size: 24px;font-weight: 300; line-height:40px;color: #1a1a1a;}
.servOffer .titlCon p strong{  font-weight: 500; color: #4284e8;}
.servOffer .titlCon{margin-bottom:90px;}
.servOffer .title h2{font-size: 40px; font-weight: 500; line-height:60px; color: #373737;} 
.servOffer .title {margin-bottom:60px;}
.servOffer .fortitle{margin-bottom:70px;}
.servOffer .fortitle li a{font-size: 24px; font-weight: normal; line-height: 1.25; color: #686868;padding-right:35px; padding-left:35px;}
.servOffer .fortitle li a.active{ color: #003e9c;font-weight: 600; position:relative;}
.servOffer .fortitle li a.active:after{content:""; position: absolute;left:35px; bottom:-10px; width:calc(100% - 70px); height:2px; background-color: #003e9c;}
.servOffer .typeCon figcaption{font-size: 24px; font-weight: 600;line-height:36px; color: #474747;}
.servOffer .typeCon p{font-size:18px; font-weight:500;line-height:30px; color: #5a5a5a;}
.servOffer .typeCon figure{margin-bottom:0.5rem;}
.servOffer .contrStaf{padding-top:1.5rem;}
.servOffer .contrStaf li{flex: 0 0 auto;width: 33.33333333%; margin-bottom:1.5rem; padding-left:22px; padding-right:22px;}
.servOffer .contrStaf li p{margin-bottom:0px; position:relative;  padding: 21px 55px 40px 25px; border-radius: 13px;background-color: #f9f9f9;height:100%;font-size: 14px;  font-weight: normal; line-height:22px;  color: #5a5a5a; border: 1px solid #E9E9F7;}
.servOffer .contrStaf li p:after{content:""; position: absolute;left:13px; top:23px; border-radius:50%; width:4px; height:4px; background-color:#000; display: none;}
.servPag .clients{background-color:#ffffff;}
.lefArrow p:before{content:""; background-image:url(../images/ic-left-arrow.svg);background-repeat: no-repeat; width: 29px;height: 11px;position: absolute; right: -36px;background-position: 0px; top: 0;bottom: 0px; margin: auto; }
.rigArrow p:before{content:""; background-image:url(../images/ic-right-arrow.svg);background-repeat: no-repeat;width: 29px;height: 11px;position: absolute; left: -36px;background-position: 0px; top: 0;bottom: 0px; margin: auto; }
.botAre p:before{content:""; background-image:url(../images/ic-bot-arrow.svg); background-repeat: no-repeat; width:11px;height:30px;position: absolute; bottom: -36px;background-position: 0px;left: 0;  right: 0; margin:0px auto; }
.servOffer .contrStaf .bottomAre li{margin-bottom:2.7rem;}

/*#servicOfferi{display:none;} 
#servicOfferi.owl-loaded{display:block;}*/
#servicOfferi .owl-nav{display: none!important;}
.whoWeAre .stepTitl{padding: 75px 0px; background-color: #f9f9f9;}
.whoWeAre .flexiSet{background-image:none;background-color: #fff; height:auto; margin-top:0px; padding-top:100px;}
.whoWeAre .flexiSet h1{font-size: 32px;line-height: 50px; color: #1a1a1a; font-weight: 300;    padding-left:1rem;  padding-right:1rem;margin-bottom: 2rem;}
.whoWeAre .flexiSet h1 strong{font-weight: bold;color: #4284e8;}
.whoWeAre .flexiSet .title{ padding-bottom:3rem; }
.whoWeAre .flexiSet .title p{font-size: 16px; font-weight: normal; line-height:26px;  color: #5a5a5a; margin-bottom:2rem;}
.whoManEdge .whoManBg{ background-color:#fff; padding:66px 120px; }
.whoManEdge .whoManBg p{font-size: 16px; font-weight: normal; line-height:26px;  color: #5a5a5a; margin-bottom:2rem;}
.whatBelieve{ padding: 96px 0px 117px; background-color: #f9f9f9;}
.whatBelieve .title h2{font-size: 40px;font-weight: 500; line-height:60px; color: #373737; margin-bottom:3.5rem;}
.whatBelieve .weBelieve p{font-size: 16px; font-weight: normal;line-height:26px; color: #5a5a5a; }
.whatClient { background-color: #fff; padding:100px 0px;}
.whatClient .title{padding-bottom:3rem;}
.whatClient .title h2{font-size: 40px;font-weight: 500; line-height:60px; color: #373737; margin-bottom:1.5rem;}
.whatClient .bg-light{display: flex; align-items: center; justify-content: center; height:100%; padding:20px 1.2rem}
.contaUs{padding:100px 0px;}
.contaUs .title{margin-bottom:2.5rem;}
.contaUs .title h1{font-size: 40px;  font-weight: 500; color: #373737; margin-bottom:0px}
.contaUs .title p{font-size: 16px;font-weight: normal; line-height:26px;color: #5a5a5a;}
.contaUs .contTitl h2{font-size: 22px;font-weight: 600; line-height:34px; color: #5a5a5a; margin-bottom:1.2rem; margin-top:1rem;}
.contaUs .contTitl p{font-size: 16px; font-weight: normal; line-height:26px; color: #5a5a5a;}
.contaUs .contTitl .telMail{ margin-top:2.5rem; }
.contaUs .contTitl .telMail a{font-size: 16px; font-weight: normal; line-height:26px; color: #4284e8; display:block; padding-left:45px; margin-bottom:1.5rem;background-image:url(../images/ico-call.svg); background-repeat:no-repeat; background-position:0px 0px;}
.contaUs .contTitl .telMail a.mailto{background-image:url(../images/ico-mail.svg);background-position: 0px -3px; }
.contaUs .contTitl .telMail a.tel{background-position: 0px -3px; }
.contaUs .contTitl .telMail a:hover{opacity:0.8;}
.contaUs .card{padding:21px 35px 46px 37px; border-radius: 2px; background-color:rgba(66, 132, 232, 0.2); border:0px;}
.contaUs .card h5{font-size: 22px; line-height:28px; color: #5a5a5a; margin-bottom: 18px;}
.contaUs .card .form-control{ border-radius:1px; }
.contaUs .card .btn-primary{ font-size: 18px; font-weight: 600; color: #fff; padding: .8rem 1.7rem}
.contaUs .card textarea.form-control{height: calc(8rem + calc(var(--bs-border-width) * 2));}
.form-floating>label{top:-3px;font-size: 14px;font-weight: normal; line-height:22px; color: #5a5a5a;}
.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select { height: calc(3rem + calc(var(--bs-border-width) * 2));}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {  opacity: .75; transform: scale(.75) translateY(-0.8rem) translateX(0.15rem);}
.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {  padding-top: 1.125rem;}
footer{ padding: 65px 0px 73px 0px;  background-color: #1a1a1a;}
footer .fotNav{ padding-bottom:30px; }
footer .fotNav li{margin-bottom:22px;}
footer .fotNav li a{font-size: 15px; font-weight: 500; line-height: 2; color: #fff;}
footer .footLink a, footer .footLink span{ font-size: 14px; font-weight: normal; line-height: 2.14; color: rgba(177, 177, 177, 0.5);}
footer .footLink p{font-size: 14px; font-weight: normal; line-height: 2.14; color: rgba(177, 177, 177, 0.5); margin-bottom: 0px;}
footer .folUson a{ margin-right:16px;}
footer  h4{font-size: 15px;font-weight: 500; line-height: 2;  color: #fff;}
.footLink{position:relative; padding-top:43px;}
.footLink:after{position:absolute; left:15px; height:1px; top: 0; content:""; background-color: #292929; width: calc(100% - 30px);}



h1{font-size: 42px;  font-weight: 300; color: #1a1a1a; line-height: 58px;}
.btn-primary{padding:1rem 1.7rem ;border-radius: 50px;background-color: #003e9c!important; border:1px solid  #003e9c; }
.btn-primary:hover{opacity: 0.9;}
#clients.owl-carousel .owl-stage{display:flex ;}
#clients.owl-carousel.owl-drag .owl-item{display: flex; align-items: center; justify-content: center;}

/**/

 .flip-card {
  width:100%;
  height: 100%;
  perspective: 1000px; 
  min-height:430px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
   transition: transform 0.6s;
  transform-style: preserve-3d;   
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;

}

.flip-card:focus {
    outline: 0;
}

.flip-card:hover .flip-card-inner,
.flip-card:focus .flip-card-inner{
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flip-card-front {
 background-color: #f9f9f9;
  padding: 42px 34px;
    border-radius: 2px;
    z-index: 2;
}

.flip-card-back {
 background-color: #4284e8;
  padding: 42px 34px;
    border-radius: 2px;
     transform: rotateY(180deg);
  z-index: 1;
      width: calc(100% - 4px);
    left: 2px;
    height: calc(100% - 4px);
    top: 1px;
 } 

#servOffer{position: relative;}
#servOffer:after{ position: absolute; content: ''; border-bottom: 1px solid rgba(0, 0, 0, 0.1);  left: 0px; width: 100%; height: 1px; bottom: -100px; }
.aosremove [data-aos^=fade][data-aos^=fade]{opacity: 1;}
#scheduleaCall .modal-header{border-bottom: 0px;}
#scheduleaCall .modal-body{padding: 40px 40px 40px;}


#scheduleaCall  select {cursor:pointer; font-weight:500;  -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none\9; -o-appearance: none; appearance: none; background: #ffffff url(../images/arrow-down-black.svg) no-repeat right center / 12px auto; border: 0px; outline: none;height: 50px;outline: none;overflow: hidden; text-indent: 0.01px; background-position: 98%;
    padding-left:12px;border-radius: 4px; line-height: 50px;  width: 100%; font-size:14px;  font-weight: 400;     border: var(--bs-border-width) solid var(--bs-border-color);    color:#000000; 
	margin-bottom: 30px;}

#scheduleaCall .input-group>.form-control, #scheduleaCall .input-group>.form-floating, #scheduleaCall .input-group>.form-select { height: 50px; border-radius: 2px}
.gj-datepicker-bootstrap button[role=right-icon] .gj-icon, .gj-datepicker-bootstrap button[role=right-icon] .material-icons { position: absolute; font-size: 21px;top: 0.9rem;  left: 0.55rem; }

#scheduleaCall .btn-outline-secondary{  border: 0px; position: absolute;right: 0px;background-color: transparent; z-index: 9}
#scheduleaCall .btn-outline-secondary.btn:hover{color:#6c757d}
#scheduleaCall .btn-secondery{border-radius: 50px;font-size: 16px; font-weight: 500;padding:11px 40px; background-color: #ffffff; color: #003e9c; border: 1px solid #003e9c; width: 50%}
#scheduleaCall .btn-secondery:hover {background-color: #003e9c; color: #fff;}
#scheduleaCall .modal-body .btn-primary {border-radius: 50px; background-color: #003e9c!important;font-size: 16px; font-weight: 500;color: #fff; padding: 11px 40px; width: 50%; border:1px solid #003e9c!important;  margin-right: 15px;}
#scheduleaCall .modal-body .btn-primary:hover {background-color:#ffffff!important; color: #003e9c;border: 1px solid #003e9c;}
#scheduleaCall h5{font-size: 32px; line-height: 28px;margin-bottom:30px;}
#scheduleaCall select option {-webkit-appearance: menulist-button; color:#000000}
#scheduleaCall .form-floating>label{color:#000000;}
.datpick input[type]::placeholder { color: #000000; opacity: 1;}
.datpick input[type]:-ms-input-placeholder {color: #000000;}
.datpick input[type]::-ms-input-placeholder { color: #000000;}
.datpick .form-control{ font-size: 14px; font-weight: 400;}
.contaUs .contTitl h4{font-size:18px;font-weight: 600; line-height:28px; color: #5a5a5a; margin-bottom:10; margin-top:10px;;}
.contaUs .contTitl p{ margin-bottom: 5px;}
#scheduleaCall .btn-outline-secondary i {font-size: 0px; background-image: url(../images/calendar.png); background-size: 16px; background-repeat: no-repeat;background-position: 0;   
    width: 20px;  height: 20px;}

#register .modal-header{border-bottom: 0px;}
#register .modal-body{padding: 40px 40px 40px;}
#register h5{font-size: 32px; line-height: 28px;margin-bottom:30px;}
#register .modal-dialog{max-width:700px;}
#register .form-floating>.form-control, .form-floating>.form-control-plaintext{padding:16px 12px; color: #000000}
#register  .fileload.form-floating>.form-control, .form-floating>.form-control-plaintext{padding:16px 15px;}
.resume{ position: absolute; left: 25px; font-size: 12px; top:2px}


#register .form-floating>label{padding-left: 30px;}
#registe .form-floating>label{color:#000000; font-weight: 500;}
#register .btn-outline-secondary{  border: 0px;  position: absolute;right: 0px;background-color: transparent; z-index: 9}
#register .btn-outline-secondary.btn:hover{color:#6c757d}
#register .btn-secondery{border-radius: 50px;font-size: 16px; font-weight: 500;padding:11px 40px; background-color: #ffffff; color: #003e9c; border: 1px solid #003e9c; width: 50%}
#register .btn-secondery:hover {background-color: #003e9c; color: #fff;}
#register .modal-body .btn-primary {border-radius: 50px;  margin-right: 15px; background-color: #003e9c!important;font-size: 16px; font-weight: 500;color: #fff; padding: 11px 40px; width: 50%; border:1px solid #003e9c!important;}

#register .modal-body .btn-primary:hover {background-color:#ffffff!important; color: #003e9c;border: 1px solid #003e9c;}



#register  select {cursor:pointer;   -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none\9; -o-appearance: none; appearance: none; background: #ffffff url(../images/arrow-down-black.svg) no-repeat right center / 12px auto; border: 0px; outline: none;height: 50px;outline: none;overflow: hidden; text-indent: 0.01px; background-position: 98%;
    padding-left:12px;border-radius: 4px; line-height: 50px;  width: 100%; font-size:14px;  font-weight: 400;     border: var(--bs-border-width) solid var(--bs-border-color);    color:#000000; adding-left: 18px;	}


.actv a{ background-color:#f9f9f9; padding:2px 7px; border:1px solid #003e9c; border-radius:4px;     color: #003e9c !important;
    font-weight: bold !important;}
@media (min-width: 992px){
  .hidden-lg { display: none!important;}

}
select.hidden-sm{font-size: 14px;color: #ffffff;background-color: #003e9c; padding: 0.7rem 1rem; background-image: url(../images/arrow-down.svg); background-repeat:no-repeat ; background-position: right 16px bottom 18px; background-size:16px auto ;}
 select.hidden-sm.lg-font{ font-size:18px;}
select.form-control:focus { outline: 0; background-color: #003e9c!important;color: #ffffff;box-shadow: 0 0 0 0rem rgb(13 110 253 / 0%);}