body {
    --bs-body-font-family: 'Poppins', sans-serif;
}
body,
html {
	width: 100%;
	height: 100%;
}
* {
	margin: 0%;
	padding: 0%;
	overflow: none;
}
.banner_backgorund {
   background-image: url('../image/backgound.png')!important;
   background-size:100% !important;
   background:#2a3ba2;
   background-repeat:no-repeat !important;
}
.menu{
	display: flex;
    padding: 24px 36px ;
}
.menu img{
	height:65px;
	margin:10px 0px;
}
.menu_text{
	flex: right;
}
.navbar-expand-lg {
	float: right !important;
	color: #ffffff !important;
}
.nav-item a{
	color:#ffffff !important;
}
.menu_text .btn {
    border-radius: 14px;
    background: ##181c29;
    border: 2px solid ##181c29 !important;
    padding:16px 20px;
    font-size: 17px;
    color: #fff;
    margin:0px 0px 0px 23px;
    border: none;
}
.menu_text ul li .btn:hover {
    border: 2px solid #fff !important;
}
.menu .navbar-nav{
	float:right !important;
}
.menu .navbar-toggler{
  margin: 0px 0px 0px auto;
}
.menu_icon i{
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  color: #fff;
  font-size: 24px;
  padding: 7px 0px;
}
.nav-link{
	color: #e9e9e9 !important;
	font-size:17px !important;
	margin: 9px 0px 0px 20px;
}
.active .nav-link {
	text-decoration: underline #fff 1.5px;
	color: #fff !important;
}
.nav-link:hover{
	color: #e9e9e9 !important;
	text-decoration: underline #fff 1.5px;
}
.dropdown-menu.show {
	display: block;
	background: #2b2b2c;
	font-size: 16px !important;
	line-height: 40px;
}
.dropdown-item:hover {
	color:#76dcc2 !important;
}
.dropdown-menu {
  --bs-dropdown-bg: #141414 !important;
  --bs-dropdown-link-hover-bg: #141414 !important;
  --bs-dropdown-link-active-color: #141414 !important;
  --bs-dropdown-link-disabled-color: #141414 !important;
  --bs-dropdown-link-active-bg: #141414 !important;
}
.dropdown-item {
  color: #fff !important;
}
.banner a img{
	height:27px;
	border-radius: 42px;
}
.banner{
	padding:30px 14px 70px 14px;
}
.banner h1{
	font-size: 52pt;
	color:#fff;
	font-weight:600;
	line-height:62pt;
    margin: 12px 0px 0px 0px;
}
.banner p{
	font-size:18.9pt;
	color:#fff;
	font-weight:500;
	padding:42px 0px 0px 0px ;
}
.banner h1 span{
	color:#181c29;
}
.banner p img{
	height: 28px;
	width:auto;
}
.banner .btn {
    border-radius: 16px;
    background: #181c29;
	border:2px solid #181c29 !important;
    font-size: 13.16pt;
    font-weight: 500;
    color: #fff;
    margin: 35px 0px 0px 0px;
    border: 0px;
    text-transform: uppercase;
    padding:24px 38px;
}
.banner .btn img{
	height: 26px;
	margin:0 0 0 4px;
}
.banner a .btn:hover {
	color: #fff;
	border-color: #fff !important;
}
.banner a{
	color: #fff;
	font-size: 14pt;
	text-decoration: none;
}
.phone .btn i {
    font-size: 20px;
    padding: 27.3px 29.7px;
    border-radius: 100px;
    margin: 0px 0px 0 20px;
    background: #fff;
    color: #1a1d2a;
    border: 2px solid #fff;
}
.phone .btn{
	font-size:13.16pt;
	padding:0px 35px;
	background:transparent;
	color: #fff;
	border: none !important;
}
.phone .btn i:hover{
	background:transparent;
    border: 2px solid #fff;
    color:#fff;
}
.banner h5{
	color:#fff;
	font-size:20pt;
	padding:120px 0 0 0;
}
.form_col{
	background: #2a3ba2;
    background-image: url('../image/form_background.png');
    background-size:100%;
    background-repeat: no-repeat;
	padding: 28px;
	margin:14px 0px;
}
.form{
	background:#fff;
	border-radius:22.7px;
	padding: 54px 38px;
}
.form h1{
	font-size:19.28pt;
	color:#052a45;
	line-height:0px;
	margin: 0px 0 -10px 0;
}
.form p{
	color: #5a6978;
	font-size:12pt;
	line-height:0px;
	font-weight:400;
}
.form input{
	height: 63.22px;
	font-size:10.33pt;
	color: #052a45;
	background: #f2f2f7;
	border-radius: 16px;
	padding:0px 20px !important;
	border: 1px solid #d5dfe3;
	margin:6px 0px;
}
.form textarea{
	height:132.77px;
	font-size:10.33pt;
	color: #052a45;
	background: #f2f2f7;
	border-radius: 16px;
	padding:20px 20px;
	border: 1px solid #d5dfe3;
	margin:6px 0px;
}
.form .btn{
	font-size:12.21pt;
	padding:22px 49px !important;
	color: #fff;
	background: #181c29;
	border-radius: 16px;
	padding:10px 10px;
	border: 1px solid #d5dfe3;
	margin:6px 0 0 0;
}
.form .btn:hover{
	background:#006293 ;
	opacity:10;
	color:#fff !important;
}
.form .btn img{
	height:27px;
	width:auto;
}
.banner_service{
	background:#181b29;
	padding: 16px 12px 16px 12px;
	border-radius: 22px;
	border: 3px solid #757780;
	margin: 60px 0px 0px 0px;
}
.banner_service img{
	height: 69px;
	width: auto;
}
.banner_service p{
	font-size:9pt;
	color:#fff;
	text-transform: uppercase;
	padding:0px 0px;
	margin:16.5px 0px;
}
.banner_service:hover{
	background:#2a3ba2;
	border: 3px solid #fff;
}
.about_us{
	padding:50px 0px;
}
.about_img img{
	width: 100%;
	padding:0 0 0 25px;
}
.about_text h5{
	font-size:14pt;
	color: #2a3ba2;
	font-weight:400;
	line-height:25pt;
}
.about_text h1{
	font-size:32.64pt;
	color: #212832;
	line-height:39pt;
	font-weight:600;
}
.about_text p{
	font-size:14pt;
	color: #526276;
	font-weight:400;
	line-height:25pt;
}
.about_text{
	padding: 65px 60px 46px 0;
}
.about_text .btn{
	background:#2a3ba2;
	padding:24px 35px;
	margin:15px 0px;
	border-radius:16px;
	color: #fff;
}
.about_text .btn img{
	height:26px;
	width:auto;
	margin:0px 0 0 8px;
}
span {
  color: #2a3ba2;
}
.about_text .btn:hover{
	background:#006293;
	color:#fff;
}
.Consult .container{
	border-radius:22px;
	border:2px solid #e7e7e7;
	padding:76px;
}
.Consult .btn{
	border-radius:16px;
	font-size:13pt;
	color:#fff;
	background:#2a3ba2;
	padding:28px 44px;
	border:2px solid #e7e7e7;	
}
.Consult h1{
	font-size:28pt;
	font-weight:600;
}
.Consult p{
	font-size:14pt;
	line-height:22pt;
	margin:0px;
}
.service h5{
	font-size:14pt;
	color: #2a3ba2;
	font-weight:400;
	line-height:25pt;
	text-transform: uppercase;
	margin:0px 0px 0px 0;
}
.service h1{
	font-size:44pt;
	color: #212832;
	font-weight:600;
	margin:0px;
	margin:0px 0px 9px 0;
}
.service p{
	font-size:14pt;
	color: #526276;
	font-weight:400;
	margin:0px;
	margin:0px 0px 10px 0;
}
.service{
	padding:50px 0 ;
}
.our_mission {
  background-color: #ffffff;
  border-radius: 22px;
  padding: 33px 33px 50px 33px;
  border: 2px solid #e3e3e5;
  margin: 25px 0px 0px 0px;
}
.our_mission h1 {
	color: #312852;
	font-size: 14.25pt;
	margin:24px 0px 12px 0;
}
.our_mission p {
	color: #5b5769;
	font-size: 11.66pt;
	line-height:17.06pt;
	font-weight:400;
}
.our_mission img {
	margin:14px 0 0 0;
}
.mission_icon {
  height: 102px;
  width: 102px;
  border-radius: 16px;
  text-align: center;
}
.mission_icon img {
  height: 50px;
  width: auto !important;
  margin: 26px 0px;
}
.mission_icon:hover {
	background:#2a3ba2 !important;
}
.our_mission:hover {
   box-shadow: 0.835px 5.942px 38.7px 4.3px rgba(191, 13, 14, 0.1);
   border:2px solid #fff;
}
.technologies h5{
	font-size:14pt;
	color: #2a3ba2;
	font-weight:400;
	line-height:25pt;
	text-transform: uppercase;
	margin:0px;
}
.technologies h1{
	font-size:44pt;
	color: #212832;
	font-weight:600;
	margin:0px 0px 9px 0;
}
.technologies p{
	font-size:14pt;
	color: #526276;
	font-weight:400;
	margin:0px 0px 10px 0;
}
.technologies_img{
	background:#fff;
	/* padding:40px 0px; */
	padding: 20px 0px;
	border-radius:22px;
	border: 2px solid #eef2f4;
	margin:25px 0 0 0 ;
	text-align: center;
}
.technologies_img img{
	/* height:150px; */
	height: 110px;
	width: auto;
	background:#fff;
}
.technologies{
	background:#fff ;
	padding:50px 0px;
}
.technologies_img:hover {
   box-shadow: 0.835px 5.942px 38.7px 4.3px rgba(191, 13, 14, 0.1);
   border:2px solid #fff;
}
.journey h5{
	font-size:14pt;
	color: #2a3ba2;
	font-weight:400;
	line-height:25pt;
	text-transform: uppercase;
	margin:0px 0px 0px 0;
}
.journey h1{
	font-size:44pt;
	color: #212832;
	font-weight:600;
	margin:0px;
	margin:0px 0px 9px 0;
}
.journey p{
	font-size:14pt;
	color: #526276;
	font-weight:400;
	margin:0px;
	margin:0px 0px 10px 0;
}
.journey{
	padding:50px 0px;
}
.our_journey {
  background-color: #ffffff;
  border-radius: 22px;
  padding: 26px 28px;
  border: 2px solid #e3e3e5;
  margin: 25px 0px 0px 0px;
}
.our_journey:hover {
   box-shadow: 0.835px 5.942px 38.7px 4.3px rgba(191, 13, 14, 0.1);
   border:2px solid #fff;
}
.our_journey h1 {
	color: #312852;
	font-size: 15pt;
	margin:10px 0px 18px 0;
	line-height:24pt;
}
.our_journey p {
	color: #a3a3a3;
	font-size: 11.66pt;
	font-weight:400;
	margin:0 0 14px 0;
}
.our_journey img {
	margin:14px 0 35px 0;
}
.Journey_icon {
  height: 52px;
  width: 52px;
  border-radius: 14.25px;
  text-align: center;
}
.Journey_icon img {
  height: 24px;
  width: auto !important;
  margin: 14px 0px;
}
.Journey_icon:hover {
	background:#2a3ba2 !important;
}
.our_journey h5{
	font-size:12pt;
	margin:47px 0px 0 0 ;
	font-weight:600;
}
.choose_img img{
	width:100%;
	padding:0px 5px 0 0;
	margin:25px 0px;
}
.choose h5{
	font-size:14pt;
	color: #2a3ba2;
	font-weight:400;
	line-height:25pt;
	text-transform: uppercase;
	margin:0px;
}
.choose h1{
	font-size:44pt;
	color: #212832;
	font-weight:600;
	margin:0px 0px 9px 0;
}
.choose p{
	font-size:14pt;
	color: #526276;
	font-weight:400;
	margin:0px 0px 10px 0;
}
.why_choose h1 {
	color: #312852;
	font-size: 15pt;
	margin:8px 0px 12px 0;
	line-height:24pt;
	font-weight:500;
}
.why_choose p {
	color: #5b5769;
	font-size: 11.66pt;
	font-weight:400;
	margin:0 0 14px 0;
}
.why_choose img {
	margin:14px 0 20px 0;
}
.choose_icon {
  height: 78px;
  width: 78px;
  border-radius: 16px;
  text-align:center;
}
.choose_icon img {
  height: 36px;
  width: auto !important;
  margin: 20px 0px;
}
.choose_icon:hover {
	background:#2a3ba2 !important;
}
.why_choose {
  background-color: #ffffff;
  border-radius: 22px;
  padding: 26px 28px;
  border: 2px solid #e3e3e5;
  margin: 25px 0px 0px 0px;
}
.choose_detail{
	padding:60px 0px;
}
.choose{
  background: #fff;
  padding: 50px 0px;
}
.why_choose:hover {
   box-shadow: 0.835px 5.942px 38.7px 4.3px rgba(191, 13, 14, 0.1);
   border:2px solid #fff;
}
.serve{
	background:#fff ;
	padding:50px 0px;
}
.serve h5{
	font-size:14pt;
	color: #2a3ba2;
	font-weight:400;
	line-height:25pt;
	text-transform: uppercase;
	margin:0px;
}
.serve h1{
	font-size:44pt;
	color: #212832;
	font-weight:600;
	margin:0px 0px 9px 0;
}
.serve p{
	font-size:14pt;
	color: #526276;
	font-weight:400;
	margin:0px 0px 10px 0;
}
.serve_img p{
	text-align: center;
	margin:10px 0 0 0;
	font-size:14.37pt;
}
.serve_img img{
	height:110px;
	width: auto;
}
.serve_img {
  background: #fff;
  padding: 40px 0px;
  border-radius: 22px;
  border: 2px solid #eef2f4;
  margin: 25px 0 0 0;
  text-align: center;
}
.serve_img:hover{
   box-shadow: 0.835px 5.942px 38.7px 4.3px rgba(191, 13, 14, 0.1);
   border:2px solid #fff;
}
.portfolio h5{
	font-size:14pt;
	color: #2a3ba2;
	font-weight:400;
	line-height:25pt;
	text-transform: uppercase;
	margin:0px;
}
.portfolio h1{
	font-size:44pt;
	color: #212832;
	font-weight:600;
	margin:0px 0px 9px 0;
}
.portfolio p{
	font-size:14pt;
	color: #526276;
	font-weight:400;
	margin:0px 0px 10px 0;
}
.portfolio_img img{
	width:100%;
	border-radius:22px;
}
.portfolio_img{
	margin:25px 0 0 0;
	border-radius:20px;
}
.portfolio_img:hover{
   box-shadow: 0.835px 5.942px 38.7px 4.3px rgba(191, 13, 14, 0.1);
}
.portfolio {
  background: #fff;
  padding: 50px 0px;
}
.contact-form {
  background: #ffff;
  padding: 50px 0px;
}
.contact-form h5{
	font-size:14pt;
	color: #2a3ba2;
	font-weight:400;
	line-height:25pt;
	text-transform: uppercase;
	margin:0px;
}
.contact-form h1{
	font-size:44pt;
	color: #212832;
	font-weight:600;
	margin:0px 0px 9px 0;
}
.contact-form p{
	font-size:14pt;
	color: #526276;
	font-weight:400;
	margin:0px 0px 25px 0;
}
/* 2.2.6 Contact Form */
.contact-deatil {
	background:#f5f4f8;
	border-left:4px solid #2b3ca3;
	border-radius:9.12px;
	padding:28px 30px;
	font-size:19.42px;
	Color:#2b3ca3;
	margin-top:22px;
}
.contact-deatil a {
	Color:#2b3ca3;
	text-decoration: none;
}
.contact-deatil a:hover {
	Color:#563e85;
}
.contact-deatil span {
	margin-left:15px;
}
}
.input-fields {
	background:#515161;
	border-radius:15.3px;
	border:none;
	width:100%;
	height:84px;
	line-height:56px;
	margin-bottom:20px;
	Color:#83828b;
	font-size:17px;
	padding:0 20px;
}
 input::placeholder {
	Color:#6d2b2e;
}
.input-fields::placeholder {
	Color:#787782;
	border:0px;
}
.input-fields {
    background: #f5f4f8;
    border-radius: 15.2px;
    border: none;
    width: 100%;
    height: 76px;
    line-height: 56px;
    margin-bottom: 20px;
    Color: #83828b;
    font-size: 17px;
    padding: 0 40px;
    font-size: 20px;
    color: #787782 !important;
}
.textarea {
    height: 160px;
    line-height: normal;
    padding-top: 20px;
    resize: vertical;
}
.style-select {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
}
select.select {
    background: #f5f4f8;
    border-radius: 15.2px;
    border: none;
    width: 100%;
    height: 76px;
    line-height: 56px;
    Color: #b2b1b9;
    font-size: 17px;
    padding: 0 40px;
    font-size: 20px;
}
.btn-submit{
	background: #2b3ca3;
	padding:22px 72px;
	color: #fff;
	font-size:28.14px;
	border-radius:15.2px;
	border: 2px solid #2b3ca3;
}
.btn-submit:hover{
	background: #fff;
	color: #2b3ca3;
	border: 2px solid #2b3ca3;
}
.call_btn#whatsapp {
    background: #01e675;
    bottom: 50px;
}
.call_btn {
    position: fixed;
    width: 65px;
    aspect-ratio: 1;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
    z-index: 99;
    border-radius: 100%;
    transition: all 300ms ease-in-out;
    right: 22px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.call_btn:hover {
	color:#fff;
}
footer {
   background-image: url('../image/footer.png')!important;
   background-size:100% !important;
   background-repeat: no-repeat;
   background:#181c29;
   padding:10px 14px 0px 14px;
}
footer h2{
	font-size:28px;
	color:#fff;
	padding:0px 0px 15px 0px ;
	font-weight:600;
}
footer p{
	font-size: 16.50px;
	font-weight:300;
	line-height:28px;
	color: #b1b2b7;
	margin: 17px 0px;
}
footer ul li a{
	font-size: 16px;
	font-weight:300;
	line-height:50px;
	color: #b1b2b7;
	text-decoration: none;
}
footer ul li{
	color: transparent;
	text-decoration: none;
}
footer ol, ul{
     padding-left: 4rem !important;
}
footer ul li .address p{
	color: #b1b2b7;
}
address span{
	font-weight: 600;
    color: #2a3ba2;
}
address i img{
	height:26px;
	margin: 0 8px 0 0;
}
address p{
	font-size: 16.50px;
	font-weight:300;
	line-height:28px;
	color: #b1b2b7;
	margin: 17px 0px;
}
footer ul li a:hover{
	color: #fff;
	text-decoration: underline;
}
.mobile a{
	text-decoration: none;
	margin:10px 0px;
}
.mobile{
	margin:35px 0px;
}
.mobile p{
	margin:10px 0px;
}
.mobile p span{
	margin:10px 0px;
	font-weight:600;
	color:#fff;
}
.social-medias {
    clear: both;
    display: flex;
    height: auto;
    margin-top: 5px;
}
.social-medias a {
    margin: 5px 10px 0px 0px;
    border: solid 2px #2b3ca3;
    color:#2b3ca3;
    width: 45px;
    height: 45px;
    font-size: 20px;
    border-radius: 50px;
    text-align: center;
    margin-top: 10px;
}
.social-medias a i{
    margin-top: 11.5px;
}
.social-medias a:hover {
    background-color:#2b3ca3;
    color:#fff;
}
.company{
	margin:0px 0px 0px -20px;
}
.term{
	float: right;
}
.copyright{
	margin:0px 0px 0px 0px;
}
.copyright a{
	text-decoration: none;
	color:#fff;
}
.copyright a:hover{
	text-decoration:underline;
	color:#fff;
}
.copyright p{
	text-decoration: none;
	color:#fff;
	font-weight:400;
}
@media (max-width: 1400px) {
.nav-link{
	font-size:14px !important;
	margin: 9px 0px 0px 12px;
}
.menu_text .btn {
  padding: 16px 16px;
  font-size: 14px;
}
.menu img {
  margin: 10px 0px !important;
}
.banner h1 {
  font-size: 46pt;
  line-height: 58pt;
}
.form h1 {
  font-size: 19.28pt;
  color: #052a45;
  line-height: 0px;
  margin: 0px 0 -10px 0;
}
.form input {
  height: 56px;
  margin: 6px 0px;
}
.form textarea {
  height: 100px;
}
.form .btn {
  padding: 16px 36px !important;
}
.form .btn img {
  height: 20px;
  width: auto;
}
.form {
  padding: 42px 38px;
}
.banner h5 {
  padding: 65px 0 0 0;
}
.banner_service img {
  height: 69px;
  width: auto;
  margin:5px 32px 0px 32px;
}
.banner_service{
	text-align: center;
}
.banner_service {
  margin: 40px 0px 0px 0px;
}
.banner_service p {
  font-size: 8.5pt;
  margin: 16.5px 40px 10px 40px;
}
.about_img img {
  width: 100%;
  padding: 0;
}
.about_text {
  padding: 40px 20px 46px 0;
}
.Consult .btn {
  font-size: 10pt;
}
.Consult p {
  font-size: 12pt;
}
.choose_detail {
  padding: 0px 0px;
}
.why_choose p {
  font-size: 10.3pt;
}
.our_mission p {
  font-size: 11pt;
}
}
@media (max-width: 1326px) {
	
}
@media (max-width: 1211px) {
.nav-link{
	font-size:15px !important;
	margin: 12px 0px 0px 15px;
}
}
@media (max-width: 1199px) {
.nav-link{
	font-size:12px !important;
	margin: 12px 0px 0px 5px;
}
.menu_text .btn {
  padding: 14px 14px;
  font-size: 12px;
  margin: 5px 0px 0px 14px;
}
footer {
  padding: 70px 14px 0px 14px;
}
footer p {
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  color: #b1b2b7;
  margin: 17px 0px;
}
footer ul li a {
  font-size: 14px;
  line-height: 47px;
}
footer ol, ul {
  padding-left: 2.5rem !important;
}
.banner_service img {
  height: 69px;
  width: auto;
  margin:0 0 !important;
}
.banner_service{
	text-align: left;
    margin: 20px 0px 0px 0px;
}
 .banner_service p {
    font-size: 13pt;
    margin: 8px 0px;
 }
 .form p {
  font-size: 10pt !important;
  font-weight: 400;
}
.form h1 {
    margin: 0px 0 -15px 0;
    font-size: 19.28pt !important;
    line-height:0 !important;
}
.form_col {
  padding: 15px;
}
.form {
  background: #fff;
  border-radius: 16px;
  padding: 40px 30px;
}
.form input {
  border-radius: 10px;
}
.banner h1 {
    font-size: 40pt;
    line-height: 48pt;
}
.banner p {
  font-size: 14pt;
}
.banner .btn {
  font-size: 12pt;
  margin: 10px 0px 0px 0px;
  padding: 20px 26px;
}
.banner h5 {
  color: #fff;
  font-size: 16pt;
  padding: 35px 0 10px 0;
}
.form input {
    height: 42px;
    margin: 6px 0px;
 }
.form textarea {
    height: 86px;
 }
 .form .btn {
  font-size: 10pt;
}
 .form .btn img {
    height: 16px;
    width: auto;
  }
.about_text {
  padding: 10px 0px 46px 0;
}
.about_text h1 {
  font-size: 28pt;
  line-height: 32pt;
}
.about_text p {
  font-size: 12pt;
  line-height: 22pt;
}
.about_us {
  padding: 80px 0px;
}
.Consult .btn {
  font-size: 10pt;
  padding: 25px 32px;
}
.Consult .container {
  padding: 46px;
}
.our_mission {
  padding: 23px 23px 33px 23px;
}
.our_mission h1 {
  font-size: 12.3pt;
}
.our_mission p {
  font-size: 10.3pt;
}
 .our_journey h1 {
  font-size: 13pt;
  line-height: 20pt;
}
.our_journey {
  padding: 18px 20px;
} 
.service{
	padding:80px 0px;
}
.technologies {
  padding: 80px 0px;
}
.serve {
  padding: 80px 0px;
}
.portfolio {
  padding: 80px 0px;
}
.contact-form {
  padding: 80px 0px;
}
.copyright {
  margin: 30px 0px 0px 0px;
}
}
@media (max-width: 1050px) {
	
}
@media (max-width: 991.5px) {
.nav-link {
  font-size: 17px !important;
  margin: 9px 0px 0px 20px;
}
.menu .navbar-nav {
  position: absolute;
  margin: 0px -195px;
  background:#323440;
  border-radius: 12px;
  padding: 20px 100px 20px 20px;
  border:2px solid #3b3e4a;
}
.menu ol, ul{
     padding-left: 1.5rem !important;
}
.menu_text .btn {
  display: none;
}
.menu .nav-item a {
  text-align: left;
  color:#fff !important;
}
.nav-item a:hover {
  color: #e1e1e1 !important;
}
.menu_icon i {
  margin: 20px 0px 5px 0;
  padding:0 0px;
}
.banner_service p {
    font-size: 9.5pt;
    margin: 16.5px 0px;
 }
 .banner {
  padding: 0px 14px 70px 14px;
}
.banner h5 {
    color: #fff;
    font-size: 24pt;
    padding: 25px 0 6px 0;
  }
.form_col {
    padding: 28px;
    margin: 14px 0px;
}
.form {
  background: #fff;
  border-radius: 22.7px;
  padding: 54px 38px;
} 
.form h1 {
  font-size: 19.28pt;
  color: #052a45;
  line-height: 0px;
  margin: 0px 0 -10px 0;
}
.form p {
  color: #5a6978;
  font-size: 12pt;
  line-height: 0px;
  font-weight: 400;
}
.form input {
  height: 63.22px;
  font-size: 10.33pt;
  color: #052a45;
  background: #f2f2f7;
  border-radius: 16px;
  padding: 0px 20px !important;
  border: 1px solid #d5dfe3;
  margin: 10px 0px;
}
.form textarea {
  height: 132.77px;
  font-size: 10.33pt;
  color: #052a45;
  background: #f2f2f7;
  border-radius: 16px;
  padding: 20px 20px;
  border: 1px solid #d5dfe3;
  margin: 10px 0px;
}
.form .btn {
  font-size: 12.21pt;
  padding: 22px 49px !important;
  color: #fff;
  background: #2a3ba2;
  border-radius: 16px;
  padding: 10px 10px;
  border: 1px solid #d5dfe3;
  margin: 6px 0 0 0;
}
.about_text p {
  font-size: 14pt;
  line-height: 25pt;
} 
.Consult .btn {
	margin:20px 0px 0 0;
}
.why_choose p {
    font-size: 12pt;
 }
.about_us {
    padding: 70px 0px;
}
.service {
  padding: 70px 0px;
}
.technologies {
  padding: 70px 0px;
}
.journey {
  padding: 70px 0;
}
.choose {
  padding: 70px 0;
}
.serve {
  padding: 70px 0px;
}
.portfolio {
  padding: 70px 0px;
}
.contact-form {
  padding: 70px 0px;
}
footer {
  background-image: none !important;
  background: #1e212e;
}
 footer ol, ul {
    padding-left: 0rem !important;
 }
	
}
@media (max-width: 768px) {
.menu img {
  height: 65px;
  margin: 10px 0px;
}
.term {
  float: left;
}
.menu_icon i {
  margin: 20px 0px 5px 0;
  padding:0 0 0 0
}
.form input {
    height: 57px;
}
.form textarea {
    height: 110px;
}
.service h1 {
  font-size: 28pt;
}
.service p {
  font-size: 12pt;
}
.service h5 {
  font-size: 13pt;
  line-height: 25pt;
}
.our_mission h1 {
    font-size: 12pt;
  }
.service{
	padding:60px 0px;
}
.about_us{
	padding:60px 0px;
}
.our_mission {
  margin: 15px 0px 0px 0px;
}
.about_text h1 {
    font-size: 28pt;
  }
 .about_text p {
    font-size: 12pt;
    line-height: 20pt;
  }
 .about_text .btn {
  padding: 20px 30px;
  margin: 5px 0px;
}
.about_text h5 {
  font-size: 13pt;
  line-height: 20pt;
}
.technologies h1 {
  font-size: 28pt;
}
.technologies p {
  font-size: 12pt;
}
.technologies h5 {
  font-size: 13pt;
  line-height: 25pt;
}
.technologies {
  background: #fff;
  padding: 60px 0px;
}
.technologies_img {
    margin: 15px 0 0 0;
}
.journey h1 {
  font-size: 28pt;
}
.journey p {
  font-size: 12pt;
}
.journey h5 {
  font-size: 13pt;
  line-height: 25pt;
}
.journey {
  padding: 60px 0px;
}
.our_journey h1 {
    font-size: 13pt;
    line-height: 20pt;
}
.choose h1 {
  font-size: 28pt;
}
.choose p {
  font-size: 12pt;
}
.choose h5 {
  font-size: 13pt;
  line-height: 25pt;
}
.choose {
  padding: 60px 0px;
}
.choose_img img {
  width: 100%;
  padding: 0px 5px 0 0;
  margin: 15px 0px;
}
.why_choose h1 {
  font-size: 18pt;
  line-height: 24pt;
}
.serve h1 {
  font-size: 28pt;
}
.serve p {
  font-size: 12pt;
}
.serve h5 {
  font-size: 13pt;
  line-height: 25pt;
}
.serve {
  padding: 60px 0px;
}
 .serve_img {
    margin: 15px 0 0 0;
 }
.portfolio h1 {
  font-size: 28pt;
}
.portfolio p {
  font-size: 12pt;
}
.portfolio h5 {
  font-size: 13pt;
  line-height: 25pt;
}
.portfolio {
  padding: 60px 0px;
}
 .portfolio_img {
    margin: 15px 0 0 0;
 }
 .portfolio_img img {
  border-radius: 16px;
}
.contact-form h1 {
  font-size: 28pt;
}
.contact-form p {
  font-size: 12pt;
}
.contact-form h5 {
  font-size: 13pt;
  line-height: 25pt;
}
.input-fields {
  height: 70px;
  padding: 0 20px;
  font-size: 18px;
}
select.select {
  height: 70px;
  padding: 0 20px;
  font-size: 18px;
}
.textarea {
  height: 120px;
  padding-top: 20px;
}
.btn-submit {
  padding: 18px 52px;
  font-size: 20px;
}
.contact-deatil {
  padding: 28px 20px;
  font-size: 14px;
}
.contact-form {
  background: #ffff;
  padding: 60px 0px;
}
.our_journey {
  margin: 15px 0px 0px 0px;
}
}
@media (max-width: 575.5px) {
.banner_service p {
    font-size: 9.5pt;
    margin: 25px 0px;
 }
  footer {
    padding: 10px 30px 0 30px;
  }
 .banner .btn {
  font-size: 12pt;
  margin: 20px 0px 0px 0px;
  padding: 16px 20px;
}
.phone .btn i {
  padding: 20.3px 22.7px;
  margin: 0px 0px 0 15px;
  font-size: 18px;
}
.banner h5 {
    color: #fff;
    font-size: 20pt;
    padding: 25px 0 6px 0;
  }
  .form {
    padding: 47px 38px;
  }
.about_us {
    padding: 40px 30px;
}
.Consult{
	padding:0px 30px;
}
.service {
    padding: 40px 30px;
}
.technologies {
    padding: 40px 30px;
}
.journey {
    padding: 40px 30px;
}
.choose {
    padding: 40px 30px;
}
.serve{
    padding: 40px 25px;
}
.portfolio{
    padding: 40px 30px;
}
.contact-form{
    padding: 40px 30px;
}
}
@media (max-width: 512.5px) {
.banner_service p {
    font-size: 8pt;
    margin: 25px 0px;
 }
.banner .btn {
  margin: 10px 0px 0px 0px;
  font-size: 8pt;
}
.phone .btn {
  margin: 10px 0px 0px 0px;
  padding: 18px 14px;
}
.banner h1 {
    font-size: 32pt;
    line-height: 38pt;
}
.banner .btn img {
  height: 18px;
  margin: 0 0 0 4px;
}
.banner h5 {
    color: #fff;
    font-size: 16pt;
    padding: 25px 0 6px 0;
  }
  .call_btn#whatsapp {
		bottom: 140px;
	}
	.call_btn {
		right: 30px;
		left:auto;
	}
}
@media (max-width: 437.5px) {
.banner_service p {
    font-size: 8pt;
    margin: 25px 0px;
 }
 footer h2 {
  font-size: 28px;
  color: #fff;
  padding: 10px 0px 5px 0px;
  font-weight: 600;
}
 .banner .btn {
  margin: 30px 0px 0px 0px;
  font-size: 12pt;
}
.phone .btn {
  margin: 10px 0px 0px 0px;
  padding: 18px 14px;
}
.form textarea {
    font-size: 10.33pt;
}
.banner .btn img {
    display:none;
}
.banner .btn {
	width:100%;
}
.form .btn {
    font-size: 10pt;
}
.form {
        padding: 47px 20px;
 }
  .menu .navbar-nav {
    margin: 0px -175px;
  }
  .call_btn#whatsapp {
		bottom: 140px;
	}
	.call_btn {
		right: 30px;
		left:auto;
	}
}
@media (max-width: 381.5px) {
.banner_service p {
    font-size: 12pt;
    margin: 10px 0px;
 }
 .banner .btn img {
	display:none;
  }
  .banner h5 {
    color: #fff;
    font-size: 14pt;
    padding: 25px 0 6px 0;
  }
  .call_btn#whatsapp {
		bottom: 40px;
	}
	.call_btn {
		right: 20px;
		left:auto;
	}
}
@media (max-width: 376px) {
.menu img {
  height: auto;
  margin: 15px 0px 0 0;
}
 footer h2 {
  font-size: 24px;
  color: #fff;
  padding: 10px 0px 5px 0px;
  font-weight: 600;
}
.menu_icon i {
  margin: 16px 0px 5px 0;
  padding:0 0 0 0
}
.form .btn {
    font-size: 8pt;
}
.form p {
        font-size: 8.5pt !important;
}
.call_btn#whatsapp {
		bottom: 40px;
	}
	.call_btn {
		right: 20px;
		left:auto;
	}
}
@media (max-width: 343.5px) {
.banner p {
    font-size: 12pt;
 }
 .banner p img {
  height: 24px;
  width: auto;
}
 .banner h1 {
    font-size: 28pt;
    line-height: 38pt;
}
.call_btn#whatsapp {
		bottom: 40px;
	}
	.call_btn {
		right: 20px;
		left:auto;
	}
}
@media (max-width: 329px) {
.form p {
    font-size: 8pt !important;
  }
  .form h1 {
    margin: 0px 0 -10px 0;
  }
  .call_btn#whatsapp {
		bottom: 40px;
	}
	.call_btn {
		right: 20px;
		left:auto;
	}
}
@media (max-width: 320px) {
.menu img {
  height: 50px;
  margin: 10px 0px;
}
.menu_icon i {
  margin: 10px 0px 5px 0;
  padding:0 0 0 0
}
.form .btn {
    font-size: 8pt;
}
.banner p {
        font-size: 12pt;
}
.banner p img {
    height: 20px;
}
.banner h1 {
        font-size: 24pt;
        line-height: 30pt;
}
.form {
        padding: 34px 20px;
}
.form h1 {
        font-size: 16pt !important;
        margin:0px 0 -20px 0;
}
.form p {
        font-size: 8pt !important;
        margin:0px 0 10px 0;
}
}
@media (max-width: 318px) {
	.form {
        padding: 34px 10px;
        border-radius: 16px;
	}
	.form input {
        margin: 5px 0px;
    }
	.call_btn#whatsapp {
		bottom: 40px;
	}
	.call_btn {
		right: 20px;
		left:auto;
	}
}

/* THANK YOU PAGE ONLY CSS */

.ptsc-thankyou-page{
    background: linear-gradient(135deg,#0f172a,#1e293b);
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:20px;
    font-family:'Poppins',sans-serif;
}

.ptsc-thankyou-box{
    max-width:600px;
    width:100%;
    text-align:center;
    padding:50px 35px;
    border-radius:20px;

}

.ptsc-thankyou-icon{
    width:90px;
    height:90px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#22c55e;
    color:#ffffff;
    font-size:50px;
    line-height:90px;
    font-weight:700;
}

.ptsc-thankyou-title{
    color:#111827;
    margin-bottom:15px;
    font-size:36px;
    font-weight:700;
}

.ptsc-thankyou-text{
    color:#6b7280;
    font-size:16px;
    line-height:28px;
    margin-bottom:20px;
}

.ptsc-thankyou-countdown{
    color:#2563eb;
    font-size:16px;
    font-weight:600;
    margin-bottom:25px;
}

.ptsc-thankyou-btn{
    display:inline-block;
    padding:12px 30px;
    background:#2563eb;
    color:#ffffff;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
    transition:all .3s ease;
}

.ptsc-thankyou-btn:hover{
    background:#1d4ed8;
    color:#ffffff;
}

@media (max-width:768px){

    .ptsc-thankyou-box{
        padding:35px 20px;
    }

    .ptsc-thankyou-title{
        font-size:28px;
    }

    .ptsc-thankyou-text{
        font-size:14px;
        line-height:24px;
    }
}