@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
/** font-family: 'Inter', sans-serif;  **/
* {
margin: 0;
padding: 0;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
}
body {
font-size: 20px;
line-height: normal;
color: #000;
font-family: "Inter", sans-serif;
}
a {
outline: none;
text-decoration: none;
color: #333;
}
a:hover {
text-decoration: none;
cursor: pointer;
}
input,
textarea,
select {
font-size: 13px;
color: #000;
vertical-align: middle;
outline: none;
resize: none;
}
select {
appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
background: url(../images/select_arrow.svg) no-repeat right 5px center;
}
*/
/*select::-ms-expand {display: none;}*/
input[type="button"],
input[type="submit"],
button {
-webkit-transition: ease-in-out 0.3s;
-moz-transition: ease-in-out 0.3s;
-ms-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.transition {
-webkit-transition: ease-in-out 0.3s;
-moz-transition: ease-in-out 0.3s;
-ms-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;
}
img {
border: none;
vertical-align: top;
max-width: 100%;
}
.clearfix:before,
.clearfix:after {
content: "";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {
clear: both;
}
.tac {
text-align: center;
}
.vAlign {
vertical-align: middle;
}
.mainCon {
width: 100%;
position: relative;
min-height: 100vh;
}
.container {
max-width: 1466px;
margin: auto;
padding: 0;
}
.fl {
float: left;
}
.fr {
float: right;
}
.flexBox {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.itemCenter {
-webkit-align-items: center;
align-items: center;
}
.just_sb {
justify-content: space-between;
}
.pr {
position: relative;
}
.dflx_sb {
display: flex;
display: -webkit-flex;
justify-content: space-between;
flex-wrap: wrap;
}
.dflx_xy {
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;flex-wrap: wrap;
}
.dflx_cc {
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;flex-wrap: wrap;
}
.dflx_cent {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center;flex-wrap: wrap;
}
.dflx_end {
display: flex;
display: -webkit-flex;
justify-content: flex-end !important;flex-wrap: wrap;
}
.dflx_sb {
display: flex;
display: -webkit-flex;
justify-content: space-between;flex-wrap: wrap;
}
.navBar {
position: fixed;
left: 0;
top: 0;
background: #eef0f4;
height: 80px!important;
width: 100%;
z-index: 2;
}
.navBar > .container {
height: 100%;
}
.logo_link {
display: inline-block;            
}
.ad_menu li > a {
font-size: 17px;
line-height: 20px;
letter-spacing: 0px;
color: #181c1f;
font-weight: 500;
margin-right: 30px;
transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
text-transform: capitalize;
}
.ad_menu li:last-child > a {
margin-right: 0;
}
.ad_menu li > a.active, .ad_menu li > a:hover {
color: #7589d2;
}
.aid_btn {
padding: 16px 40px;
background: #7589d2;
border-radius: 26px;
font-size: 16px;
line-height: 20px;
font-weight: 500;
letter-spacing: 0px;
color: #ffffff;
text-transform: capitalize;
outline: none;
border: 1px solid transparent;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
cursor: pointer;
text-decoration: none;
display: inline-block;
}
.aid_btn:hover {
background: #859fdf;
}
.aid_btn:disabled {
opacity: 0.5; 
cursor: none;
}
.banner_aida {
background: url(../images/blue_ellipsban.png) no-repeat center;
background-size: cover;
position: relative;
height: 100%;
}
.bann_inner {
padding-top: 205px;
margin: 0 auto;
text-align: center;
}
.bann_hd {
font-size: 70px;
line-height: 85px;
font-weight: 800;
text-align: center;
letter-spacing: 0px;
color: #ffffff;
margin: 0 auto;
}                      
.bann_txt {
max-width: 700px;
font-size: 20px;
line-height: 30px;
margin: 25px auto 40px;
text-align: center;
letter-spacing: 0px;
color: #ffffff;
text-transform: capitalize;
}
.bann_wrp {
position: relative;
height: 100%;
height: 1000px;
}
.bann_dash {
position: absolute;
bottom: -240px;
bottom: -235px;
bottom: -255px;
width: 100%;
margin: auto;
text-align: center;
}
.bann_dash img {
width: 100%;
height: auto;
/* object-fit: none; */
}
.aida_hd {
font-size: 42px;
line-height: 50px;
font-weight: 800;
letter-spacing: 0px;
color: #ffffff;text-transform: capitalize;
}
.cloud {
background: #123747;
padding: 270px 0 102px;
}
.cloud_inner {
position: relative;
}
.cl_txtBox {
padding-top: 17px;
max-width: 585px;
}
.cl_htxt {
font-size: 26px;
line-height: 36px;
font-weight: 700;
margin: 30px 0;
/* font: normal normal bold 26px/36px Inter; */
letter-spacing: 0px;
color: #ffffff;
}
.cl_txt {
font-size: 18px;
line-height: 28px;
letter-spacing: 0px;
color: #ffffff;
opacity: 1;
margin: 0;
}
.cl_txt:not(:last-child) {
margin-bottom: 20px;
}
p.cl_txt:last-child {
margin-bottom:0;
}
.fly_cloud {
position: absolute;
right: -140px;
right: -9.5%;
top: -31%;
}
.fly_cloud img {
width: 100%;
height: 100%;
}
.feature {
margin-top: 54px;
}
.bk_hd {
color: #181c1f;
}
.txt_cent {
text-align: center;
}
.ft_inner {
background: url(../images/feature_back.png) no-repeat center;
background-size: cover;
height: 907px;
padding-top: 46px;
}
.ft_wrp {
margin-top: 30px;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
.ft_wrp .ft_boxWrp {
width: 18.5%;
background: transparent;  
border-radius: 16px;
min-height: 230px;
min-height: 265px;
margin-right: 27.4px;
margin-right: 1.87%;
margin-bottom: 30px;
}
.ft_wrp .ft_boxWrp:nth-child(5n) {
margin-right: 0;
}
.ft_wrp .ft_boxWrp .ft_wBox {
width: 100%;
height: 100%;
text-align: center;
background: #fff;
border-radius: 16px;
position: relative;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
flex-direction: column;
border: 1px solid transparent;
z-index: 2;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
}
.ft_wrp .ft_boxWrp .ft_wBox::after {
content: "";
position: absolute;
width: 50px;
height: 0px;
background: #515b9a;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
bottom: -2px;
border: 2px solid #515b9a;
transition: all 0.8s ease-in;
-webkit-transition: all 0.8s ease-in;
-ms-transition: all 0.8s ease-in;
}
.ft_wrp .ft_boxWrp .ft_wBox .imgCont {
margin-bottom: 25px;
}
/* .ft_wrp .ft_boxWrp .ft_wBox .imgCont img {
width: 100%;height: 100%;
} */
.ft_wrp .ft_boxWrp .ft_wBox .ftb_txt,
.blb_hd {
text-align: center;
font-size: 20px;
line-height: 30px;
font-weight: 800;
letter-spacing: 0px;
color: #181c1f;
margin: 0;
}
.ft_blBox {
text-align: center;
background: #fff;
border-radius: 16px;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
padding: 30px 0;
position: relative; 
border: 1px solid #fff;
transition: all 0.8s ease-in;
-webkit-transition: all 0.8s ease-in;
-moz-transition: all 0.8s ease-in;
}
.ft_blBox::after {
content: "";
position: absolute;
width: 50px;
height: 0px;
background: #fff;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
bottom: 0;
border: 2px solid #fff;
display: none;
transition: all 0.8s ease-in;
-webkit-transition: all 0.8s ease-in;
-ms-transition: all 0.8s ease-in;
}
.blb_hd {
color: #ffffff;
}
.blb_txt {
font-size: 16px;
line-height: 24px;
margin: 15px auto 0;
padding: 0 22px;
padding: 0 15px;
letter-spacing: 0px;
text-align: center;
color: #ffffff;                                                         
}
/* .ft_boxWrp:hover .ft_wBox {
display: none;
}
.ft_boxWrp:hover .ft_blBox {
display: block;
} */
.ft_boxWrp-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.9s ease-in;
transform-style: preserve-3d;
-webkit-transition: transform 0.9s ease-in;
-webkit-transform-style: preserve-3d;
-ms-transition: transform 0.9s ease-in;
-ms-transform-style: preserve-3d;                                         
backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;                               
-ms-backface-visibility: hidden;
box-shadow: 0px 8px 20px #7589D214;                   
/* border: 1px solid #7589D21A; */
background: transparent;
border-radius: 16px;
}
.ft_boxWrp:hover .ft_boxWrp-inner,
.ft_boxWrp:focus .ft_boxWrp-inner{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.ft_wBox,
.ft_blBox {
position: absolute;
width: 100%;
height: 100%;
left: 0;top: 0;
}
.ft_wBox {
}
.ft_blBox {
/* transform: rotateY(0deg); */
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
z-index: 1;  
}
.ft_boxWrp:hover .ft_blBox, .ft_boxWrp:focus .ft_blBox {
border: 1px solid transparent;
background: #515b9a;
z-index: 3;
}
.ft_boxWrp:hover .ft_blBox::after {
display: block;
}
.ft_boxWrp:hover .ft_wBox::after {
display: none;
}
.ft_boxWrp:hover .ft_wBox {
/* z-index: 0; */
}
.who_weSec {
margin-top: -190px;padding-bottom: 100px;
}
.who_we {
margin: 0px 0 0px;
}
.who_imgSec {
}
.who_txtSec h1 {
margin-bottom: 20px;                                            
}
.who_txtSec {
padding-top: 0;                        
}         
.who_txtSec .cl_txt {                  
color: #181C1F;           
}
.who_txtSec .aid_btn, .tech-left .aid_btn {
margin-top: 30px;     
}                                                
.ourtech {
background: url(../images/tech_back.png) no-repeat center;
height: 700px;                           
}     
.tech-left h1 {
margin-bottom: 20px;                                              
}   
.cl_txtBox.tech-left {     
padding-top: 0;
height: 100%;  
display: flex;                           
display: -webkit-flex;
flex-direction: column;                                                
align-items: flex-start;
justify-content: center;                         
}     
.tech-inner {                              
height: 100%;position: relative;
}
.mb-0 {                           
margin-bottom: 0!important
}
.cl_txt:last-of-type {
margin-bottom: 0px!important;
}
.tech_fly {
position: absolute;
top: -10%;
left: -148px;
left: -10%;
}
.tech_fly img {
width: 100%;height: 100%;
}
.conact-inner {
position: relative;
}
.contc_left {
width: 43.4%;
margin-top: -20px;
}
.contc_right {
border: 1px solid #E6E6E6;
border-radius: 16px;
margin-top: 20px;
}
.contc_left h1 {
margin-bottom: 20px;
}   
.contc_left p {
color: #181C1F;
margin-bottom: 30px!important;
}
.contc_form {
max-width: 635px;
}
.frm_grp {
position: relative;
margin-bottom: 15px
}
.frm_ctrl {
width: 100%;
border: 1px solid #D8D5D5;
border-radius: 6px;
padding: 15px;
height: 52px;
font-size: 15px;line-height: 19px;
font-weight: 500;    
letter-spacing: 0px;
color: #7D7D7D;
outline: none;
}
.frm_ctrl.not-valid{
border-color: #ff0000;
}
.tw_fld {
display: flex;display: -webkit-flex;justify-content: space-between;
}
.tw_fld>div {
width: 48%;
}
textarea.frm_ctrl {
height: 130px;
resize: none;
}
.contactUs {
margin: 80px auto 100px;
background: url(../images/contact_back.png) no-repeat center;
height: 720px;
}
/* The container */
.chk_cont {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 0px;
cursor: pointer;
font-size: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.chk_cont input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.chk_cont .checkmark {
position: absolute;
top: -2px;
left: 0;
height: 25px;
width: 25px;
background-color: #fff;
border: 1px solid #D8D5D5;
border-radius: 2px;
}
/* On mouse-over, add a grey background color */
.chk_cont:hover input ~ .checkmark {
background-color: #f4f4f4;
}
/* When the checkbox is checked, add a blue background */
.chk_cont input:checked ~ .checkmark {
background-color: #fff;
}
/* Create the checkmark/indicator (hidden when not checked) */
.chk_cont .checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.chk_cont input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.chk_cont .checkmark:after {
left: 8px;
top: 3px;
width: 6px;
height: 13px;
border: 1px solid #7589d2;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.capcha {
max-width: 283px;
height: 71px;
margin-bottom: 20px;
border: 1px solid #D8D5D5;
background: #f6f6f6;
border-radius: 4px;
padding: 0 15px;
}
.capcha img {
width: 50px;
height: 50px;
}
.contact_fly {
position: absolute;left: -10%;top: -10%;
}
.contact_fly img {
width: 100%;height: 100%;
}
.ftr_txt {
margin-bottom: 0;
font-size: 15px;line-height: 19px;font-weight: 500;
letter-spacing: 0px;
color: #FFFFFF;
}
.ftr_left li {
position: relative;
margin-right: 60px;
}
.ftr_left > li >a {
color: #fff;
display: flex;
align-items: center;
display: -webkit-flex;
}
.ftr_left > li >a:hover {
text-decoration: underline;
}
.ftr_left > li >a img {
margin-right: 10px;vertical-align: middle;
}
.ftr_left li:not(:last-child):after {
content: '';
position: absolute;
width: 1px;height: 30px;background: #859FDF;
right: -30px;
top: 50%;transform: translateY(-50%);
}
footer.ftrSec {
background: #123747;
height: 60px;
}
.ftr-inner {
height: 100%;
}
.ftr_left {
margin: 0;padding: 0;
}
.tourSec {
padding: 100px 0;
background: #F2F4FB;
}
.ts_box {
/* width: 470px; */
margin-right: 28px;
}
.ts_box:last-child {
margin-right: 0;
}
.ts_box .vdSec {
height: 285px;
width: 100%;
box-shadow: 0px 5px 20px #00000029;
background: #ccc;
overflow: hidden;position: relative;
}
.ts_box .vdSec video {
width: 100%;
height: 100%;
}
.ts_box .txtSec {
margin-top: 20px;
}
.ts_box .txtSec p {
margin-bottom: 0;
font-size: 16px;line-height: 28px;font-weight: 600;
letter-spacing: 0px;
color: #181C1F;
}
.tour_sliderWrp {
margin-top: 30px;
flex-wrap: wrap;
}
.tour_sliderWrp .owl-dots {
display: none;
}
.tour_sliderWrp.owl-theme .owl-nav {
margin-top: 0;
position: absolute;
left: 0;
width: 100%;
height: auto;
top: 34%;
transform: translateY(-50%);
}
.tour_sliderWrp.owl-theme .owl-nav [class*="owl-"] {
color: #fff;
font-size: 0;
margin: 0;
padding: 0;
background: #d6d6d6;
display: inline-block;
cursor: pointer;
border-radius: 3px;
background-size: cover;
width: 60px;
height: 60px;
position: absolute;
/* top: 44%;
transform: translateY(-50%); */
}
.tour_sliderWrp.owl-theme .owl-nav .owl-next {
background: url(../images/forward.svg) no-repeat center;
right: -92px;background-size: cover;
}
.tour_sliderWrp.owl-theme .owl-nav .owl-prev {
background: url(../images/back.svg) no-repeat center;
left: -92px;background-size: cover;
}
.tour_bWrp {
display: flex;display: -webkit-flex;align-items: center;justify-content: center;
margin-top: 50px;
}
.tour_sliderWrp.owl-carousel .owl-stage-outer {
position: relative;
}
/************************************************************/
.video {
width: 100%;height: 100%;
/* border: 1px solid black; */
}
.wrapper {
display: table;
width: auto;
position: relative;
width: 50%;
}
.playpause {
cursor: pointer;
background-image: url(../images/play-button.svg);
background-repeat: no-repeat;
width: 60px;
height: 60px;
position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;
margin: auto;
background-size: contain;
background-position: center;
}
/*****hamburger menu icon******/
.toggle_bar {
display: inline-block;
vertical-align: middle;
margin-left: 20px;
display: none;
}
.bar1, .bar2, .bar3 {
width: 30px;
height: 4px;
background-color: #123747;
margin: 4px 0;
transition: 0.4s;
border-radius: 30px;
}
.bar1 {
width: 15px;
}
.bar2 {
width: 25px;
}
.bar3 {
width: 35px;
}
.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-9px, 6px);
transform: rotate(-45deg) translate(-9px, 6px);
background-color: #000;
width: 35px;
}
.change .bar2 {
opacity: 0;
}
.change .bar3 {
-webkit-transform: rotate(45deg) translate(-8px, -8px);
transform: rotate(45deg) translate(-8px, -8px);
background-color: #000;
}
.contc_right img {
width: 100%;
height: auto;
}
/******************Modal css********************************/
/* The Modal (background) */
.ai_demo.modal {
display: none;
position: fixed;
z-index: 10;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100vh;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.8);
}
/* Modal Content */
.ai_demo .modal-content {
background-color: #fff;
margin: auto;
padding: 48px 80px;
border: none;
width: 100%;
max-width: 800px;
border-radius: 16px;
position: relative;
}
/* The Close Button */
.ai_demo .close {
position: absolute;
right: 20px;
top: 20px;cursor: pointer;
}
.ai_demo .close:hover,
.ai_demo .close:focus {
opacity: 0.8;
}
.contc_form {
margin-top: 30px;
}
.ai_demo .capcha {
margin: 0 auto 20px;
}
.mod_btn {
display: flex;align-items: center;justify-content: center;display: -webkit-flex;
}
.ov_h {
overflow: hidden;                                    
}
/************video library***************/
.tour_boxWrp {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
.tour_boxWrp .ts_box {
width: 32%;
margin-right: 2%;
margin-bottom: 25px;
}                                                                          
.tour_boxWrp .ts_box:nth-child(3n) {
margin-right: 0;                                
} 
.pagination.aid_pagi {
display: flex;
display: -webkit-flex;                               
justify-content: center;
padding: 0;
margin:20px 0 0;
}
.pagination.aid_pagi a {
color: black;                            
padding: 0;                            
font-size: 15px;
border-radius: 4px;
text-decoration: none;
transition: background-color .5s;
-webkit-transition: background-color .5s;
display: flex;                                                                                                        
display: -webkit-flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
margin-right: 5px;
}
.pagination.aid_pagi a.active {
background-color: #7589d2;
color:#fffe;
}
.pagination.aid_pagi a:hover:not(.active) {background-color: #859fdf;color: #fff;}  
.pagination.aid_pagi a:hover .blk_ic {
opacity: 0.6;
} 
.pagination.aid_pagi a:hover .blk_ic {
display: block;
opacity: 0.6;
}
.pagination.aid_pagi a.pg_arr img {
width: 24px;
height: 24px;
}
.pagination.aid_pagi a.pg_arr {
width: auto;
justify-content: flex-start;
height: auto;
background-color: transparent!important;
margin-right: 15px;
}

/* contact us form success/error message */
.message {
    display: none;
    padding: 10px;
    margin-top: 10px;
    font-weight: bold;
}

.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}
.flash {
    animation: flash-animation 3s ease-in-out;
}

@keyframes flash-animation {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

/* loader css */
.loader {
    position: relative;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    display:none;
}
  
.loader:before,
.loader:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
  
.loader:before {
    border: 4px solid #ccc;
    border-top-color: #7589d2;
    animation: spin 1s infinite linear;
}
  
.loader:after {
    border: 4px solid transparent;
    /* border-top-color: #555; */
    animation: spin 1.5s infinite linear;
}
  
@keyframes spin {
    0% {
      transform: rotate(0);
    }
    100% {
      transform: rotate(360deg);
    }
}

/* Styles for the modal */
.modall {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 11;
}

.modall-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    max-width: 100%; 
    max-height: 100%;
    overflow: auto;
}