body {
    margin: 0;
    padding: 0;
    background-color: rgb(0, 0, 0);
    overflow-x: hidden;
}

ul {
    list-style-type: none !important;
    padding-left: 0 !important;
}

a {
    text-decoration: none;
    color: white;
    font-family: "f2";
    transition: 0.2s;
}

p {
    font-family: "f1";
    font-size: 16px !important;
    color: #fff;
    line-height: 30px;
}

@font-face {
    font-family: "f1";
    src: url(../fonts/ReadexPro-Regular.ttf);
}

@font-face {
    font-family: "f2";
    src: url(../fonts/ReadexPro-Medium.ttf);
}

@font-face {
    font-family: "f3";
    src: url(../fonts/FaunaPro-Regular.ttf);
}

@font-face {
    font-family: "f4";
    src: url(../fonts/FaunaPro-Light.ttf);
}

.text_just {
    text-align: justify;
}

/* button starts */

.btn_blue {
    background: #00d0ff;
    padding: 8px 20px;
    border-radius: 30px;
    color: #fff !important;
    font-size: 14px;
    border: none;
    width: 100px;
    text-align: center;
    transition: 0.3s ease;
}

.btn_blue a {
    color: #fff !important;
    font-family: "f3";
}

.btn_blue:hover {
    transition: 0.3s ease;
    box-shadow: 0px 0px 10px 7px rgba(0, 208, 255, 0.498);
}

/* button ends */

/* postion starts */

.position_relative {
    position: relative;
}

.position_absolute {
    position: absolute;
}

/* position ends */

.le_arn .btn_le {
    background: none;
    border: 2px solid #fff;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-family: "f3";
    color: #fff;
    transition: 0.2s;
}

.le_arn .btn_b {
    background: #25aae1;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-family: "f3";
    color: #fff;
    transition: 0.2s;
}

.btn_b {
    background: #25aae1;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-family: "f3";
    color: #fff;
    transition: 0.2s;
    border: none;
}

.le_arn .btn_le:hover {
    background: #fff;
    color: #25aae1;
    transition: 0.2s;
}

.rob_btn {
    background: #25aae1;
    padding: 8px 20px;
    border-radius: 30px;
    color: #fff !important;
    font-size: 14px;
    font-family: "f3";
    border: none;
}

.row {
    padding: 0 !important;
    margin: 0 !important;
}

.w-85 {
    width: 85%;
    margin: auto;
}

.w-70 {
    width: 70%;
    margin: auto;
}

.w-100 {
    width: 100%;
}

.w-90 {
    width: 90%;
    margin: auto;
}

.w-95 {
    width: 95%;
    margin: auto;
}

/* navbar starts */

.t_op .mc_ic {
    background: #fff;
    color: #25aae1;
    padding: 4px;
    border-radius: 5px;
    margin-right: 5px;
    font-size: 15px;
}

.t_op a {
    font-family: "f2";
    font-size: 14px;
    color: #fff !important;
}

.nav-bar .top_bar {
    background: #272727;
    padding: 10px 0px;
}

/* .text-white {
  padding: 5px;
} */

.se_a a {
    margin: 0px 5px;
}

.fa_ce {
    background: #fff;
    color: #25aae1;
    font-size: 14px;
    padding: 6px;
    border-radius: 5px;
    margin-top: 2px;
}

.fa_c {
    background: #fff;
    color: #25aae1;
    font-size: 14px;
    padding: 6px 9px;
    border-radius: 5px;
    margin-top: 2px;
}

.fa_cc {
    width: 30px;
    height: 30px;
    background: #fff;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin: 0px 5px 5px 0px;
}

.fa_cc .ic_on {
    color: #25aae1 !important;
}

.ph_one a {
    font-family: "f2";
    font-size: 14px;
    color: #fff !important;
    text-decoration: none;
}

.nav-bar .container-fluid {
    padding: 0px 23px;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.top-header .head_size {
    padding: 5px;
    font-size: 14px;
}

.top-header .rt-line {
    border-right: 1px solid white;
    height: 20px;
    margin-top: 7px;
}

.header_navbar .logo_img {
    width: 113px;
    padding: 0px;
}

.header_navbar .navbar-nav .nav-link {
    font-size: 14px;
    font-family: "f4";
    color: #fff;
}

.header_navbar .navbar-nav .nav-link.active {
    position: relative;
    display: inline-block;
}

.header_navbar .navbar-nav .active:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 6px;
    right: 6px;
    bottom: 0px;
    height: 0;
    border: 2px solid #00d0ff;
    border-radius: 5px;
}

.dr_li {
    border-radius: 10px;
    z-index: 11111;
}

.dr_li li {
    margin-bottom: 10px;
}

.dr_li img {
    width: 50px;
    border-radius: 8px;
    margin-right: 10px;
}

.dr_li p {
    margin: 0;
    color: #000;
}

.carousel_header {
    position: relative;
}

/* L-Shpe1 */

.l_box,
.L_boxhead {
    display: block;
    background: rgb(255, 255, 255);
}

.L_boxhead {
    height: 63px;
    width: 7px;
    border-radius: 8px;
}

.l_box {
    height: 7px;
    width: 63px;
    border-radius: 8px;
    transform: rotate(360deg);
}

.L_line {
    position: absolute;
    left: 0;
    top: 0px;
}

/* L-Shpe end */
/* L-Shpe2 */

.L-Line,
.shape {
    display: block;
    background: rgb(255, 255, 255);
}

.shape {
    height: 63px;
    width: 7px;
    border-radius: 8px;
}

.L-Line {
    height: 7px;
    width: 63px;
    position: relative;
    border-radius: 8px;
    transform: rotate(180deg);
}

.l-shape {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

/* L-Shpe end */

.carousel_banner .carousel_txt {
    font-family: "f3";
    font-size: 45px;
    color: white;
}

.carousel_banner .carousel_txtclr {
    color: #25aae1;
    margin: 9px;
}

.carousel_banner .banner_btn {
    width: 158px;
    height: 42px;
    border-radius: 20px;
}

.carousel_banner .circle {
    width: 220px;
    height: 220px;
    border-radius: 100%;
    border: 8px solid #06a0bb52;
    position: absolute;
    left: -113px;
    bottom: 30px;
    z-index: -1;
}

.carousel_banner .circle_green {
    width: 220px;
    height: 220px;
    border-radius: 100%;
    border: 8px solid #3d3d3d;
    position: absolute;
    bottom: 130px;
    left: -35px;
}

.carousel_banner .carousel_btn .active {
    position: relative;
    display: inline-block;
}

.carousel_banner .carousel_btn .active:after {
    border-radius: 50%;
    position: absolute;
    width: 23px;
    height: 23px;
}

.carousel_banner .carousel_btn {
    border-radius: 100%;
    width: 11px;
    height: 11px;
    margin-top: 6px;
}

.circle_design {
    /* background: url(../images/header/dark.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  padding: 20px; */
    padding: 20px;
}

.ban_img {
    height: 400px;
    border-radius: 20px;
    box-shadow: 0px 10px 10px 10px rgba(0, 208, 255, 0.317);
}

.ban_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.ban_img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.carousel_banner .circles {
    height: 400px;
    width: 400px;
    border: 2px solid white;
    border-radius: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.circles .robo_head {
    width: 200px;
}

/* memory start */

.carousel_banner .circle_small {
    height: 50px;
    width: 50px;
    background: white;
    border-radius: 100%;
    position: absolute;
    left: 160px;
    top: -25px;
}

.carousel_banner .indro_text {
    position: absolute;
    top: 0;
    right: -75px;
}

.carousel_banner .circle_img {
    width: 45px;
    justify-content: center;
    display: grid;
    display: flex;
    margin: auto;
    padding: 10px;
}

.carousel_banner .circle_smalleye {
    height: 50px;
    width: 50px;
    background: white;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    top: 85px;
}

/* voice start */

.carousel_banner .circle_smallvoice {
    height: 50px;
    width: 50px;
    background: white;
    border-radius: 100%;
    position: absolute;
    top: 85px;
    right: 0px;
}

/* voice end */
/* cpu start */

.carousel_banner .circle_smallcpu {
    height: 50px;
    width: 50px;
    background: white;
    border-radius: 100%;
    position: absolute;
    bottom: 80px;
    left: 0px;
}

.circle_tet {
    position: absolute;
    left: -146px;
    bottom: 75px;
}

.cir_te {
    position: absolute;
    left: -110px;
    top: 95px;
}

.cir_top {
    position: absolute;
    top: -50px;
}

/* cpu end */
/* ai start */

.carousel_banner .circle_smallai {
    height: 50px;
    width: 50px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    position: absolute;
    right: 0px;
    bottom: 80px;
}

/* ai end */
/* ABOUT US */

.about_us .abt_s {
    display: grid;
}

.about_us .txt-box {
    background-color: #000;
}

.about_us .abt_img {
    width: 80px;
}

.about_us .abt_title {
    color: #00d0ff;
    font-family: "f3";
}

.pos_rel {
    position: relative;
}

/* .abt_center {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
} */

.abt_right {
    padding: 20px;
}

.abt_right .abt_righthead {
    font-family: "f3";
}

.about_us .abt_righttitle {
    color: rgb(167, 165, 165);
}

.about_us .abt_box {
    color: white;
    font-family: "f3";
}

.about_us .txt_color {
    color: #00d0ff;
    font-family: "f3";
    margin-bottom: 0;
}

.abt_right .mar_y {
    margin: 10px 0;
}

.mar_y:hover .card_bg {
    transform: translateY(-10px);
    transition: all 0.8s ease;
    box-shadow: 0px 3px 7px #ffffff;
}

.card_bg {
    background-color: #000000;
    box-shadow: 0px 3px 7px #0dcaf0;
    width: 95%;
    transition: all 0.8s ease;
    margin: 0 auto;
    height: 100%;
    border-radius: 10px;
}

.niha_page .card_bg {
    height: auto !important;
}

.card_bgs {
    background-color: #000000;
    box-shadow: 0px 3px 7px #0dcaf0;
    width: 95%;
    transition: all 0.8s ease;
    margin: 0 auto;
    /* height: 100%; */
    border-radius: 10px;
}

.working_rightside .card {
    box-shadow: 0px 3px 7px #0dcaf0 !important;
    background: linear-gradient(#0000007d, #000000cf, #008eff30);
}

.about_we {
    width: 95%;
    margin: 0 auto;
}

.about_us .card_bg h4 {
    font-family: "f3";
    font-size: 20px;
    margin: 0;
}

.about_us .card_image {
    width: 40px;
    margin: 5px auto;
    display: grid;
    justify-content: center;
}

.card-body:hover .ab_circle {
    /* background-color:#0091ef !important; */
    transition: all 0.8s ease;
    box-shadow: 0px 0px 8px 5px rgb(255 255 255 / 41%);
}

.card-body:hover .about_us .card_bg h4 {
    color: #00a0fd;
}



.about_us .ab_circle {
    transition: all 0.8s ease;
    box-shadow: 0px 0px 8px 5px rgba(0, 174, 255, 0.6);
    width: 60px;
    height: 60px;
    transition: all 0.8s ease;
    background-color: white;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card_bg:hover .btn_le {
    background: #fff;
    color: #25aae1;
    transition: 0.2s;
}

/* ABOUT US */
/* Working Start */

.work_king .working_titile {
    font-family: "f1";
    color: white;
}

.fancy {
    line-height: 0.5;
    text-align: center;
}

.fancy .heading_wrk {
    display: inline-block;
    position: relative;
    font-family: "f3";
    color: #00d0ff;
}

/* .fancy .heading_wrk:before,
.fancy .heading_wrk:after {
    content: "";
    position: absolute;
    height: 17px;
    border-bottom: 3px solid #7e7e7e;
    top: 0;
    width: 53px;
}

.fancy .heading_wrk:before {
    right: 100%;
    margin-right: 15px;
}

.fancy .heading_wrk:after {
    left: 100%;
    margin-left: 15px;
} */

.working_rightside .Outline_border {
    border-radius: 13px;
}

/* .work_king .working_content {
    position: relative;
} */
/*
.working_content .roundend_circle {
    width: 500px;
    height: 333px;
    background: white;
    border-radius: 6px 493px 493px 0px;
    transform: rotate(29deg);
    position: absolute;
    left: -130px;
    z-index: -1;
} */

.working_Line {
    width: 3px;
    height: 520px;
    background: #7e7e7e;
    margin: auto;
}

.working_content .working_img {
    width: 100%;
    z-index: 1;
}

.working_rightside {
    color: white;
}

.working_rightside .rightside_title {
    text-decoration: underline;
    text-decoration-color: #00d0ff;
    text-decoration-thickness: 5px;
    font-family: "f3";
}

.home_prd_card {
    background: linear-gradient(70deg, #003e66, rgb(255, 255, 255), #003e66);
    border-radius: 10px;
}

.working_rightside .cpu_box {
    border-radius: 11px;
    border: 0;
    height: 100%;
    width: 120px;
}

.working_rightside .cpu_img {
    display: block;
    margin: auto;
    filter: drop-shadow(3px 2px 2px #0091ef);
    width: 52px;
    padding: 5px;
}

.working_rightside .cpu_btn {
    width: 100%;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.working_rightside .cpu_body {
    width: 100%;
    padding: 0;
}

/* working end*/
/* Humanoid  Robot Start*/

.human_head {
    width: 100%;
}

/* .human_left {
  display: inherit;
} */
/* Humanoid  Robot end*/
/* ev */

.ev_content {
    position: relative;
    display: grid;
    height: 500px;
}

.ev_content .evroundend_circle {
    width: 953px;
    height: 663px;
    background: white;
    border-radius: 493px 0px 9px 493px;
    transform: rotate(313deg);
    position: absolute;
    right: -411px;
    top: -290px;
    z-index: -1;
}

.ev_imag {
    z-index: 1;
    width: 350px;
    margin: auto 96px auto auto;
}

.ev_circle_design {
    left: -55%;
    position: absolute;
    top: -21%;
    z-index: -1;
}

.green_circle {
    width: 450px;
    height: 450px;
    background: #05c086;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.black_circle {
    width: 420px;
    height: 420px;
    background: #000000;
    border-radius: 50%;
    position: absolute;
    top: 8%;
    left: 0;
}

.ev_circledesign {
    right: -49%;
    position: absolute;
    bottom: -16%;
}

.green_circledesign {
    width: 450px;
    height: 450px;
    background: #05c086;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.black_circledesign {
    width: 420px;
    height: 420px;
    background: #000000;
    border-radius: 50%;
    position: absolute;
    bottom: -2%;
    right: 0;
}

.ev_vechicle {
    position: relative;
}

.side_body {
    z-index: 1;
}

/* ev */
/* algan key */

.algan_image {
    background: url("../images/header/AI-POST-PNG.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    display: grid;
}

.algan_text {
    font-family: "f5";
    margin: auto;
}

/* algan key */

.logo {
    width: 150px;
}

.btn-floating {
    border-radius: 50%;
}

.footer_txt {
    font-family: "f1";
}

/*        ABOUT PAGE   START  */

.about_page .about_body {
    color: #7e7e7e;
}

.about_title {
    font-family: "f1";
}

.about_head {
    color: #25aae1;
    font-family: "f3";
}

.about_triangle {
    position: relative;
}

.up-arrow {
    width: 0;
    height: 0;
    border-left: 157px solid transparent;
    border-right: 99px solid transparent;
    border-bottom: 154px solid #1a1a1a;
    transform: rotate(31deg);
    position: absolute;
    right: 0;
    z-index: -1;
}

.up-arrows {
    width: 0;
    height: 0;
    border-left: 157px solid transparent;
    border-right: 99px solid transparent;
    border-bottom: 154px solid #1a1a1a;
    transform: rotate(50deg);
    position: absolute;
    left: 10;
    z-index: -1;
}

.about_white {
    position: relative;
    height: 500px;
}

.triangle {
    position: absolute;
    right: -15px;
}

.abots_Line {
    width: 3px;
    height: 450px;
    background: #7e7e7e;
    margin: auto;
}

.left-arrow {
    width: 0;
    height: 0;
    border-top: 300px solid transparent;
    border-bottom: 300px solid transparent;
    border-right: 300px solid rgb(255, 255, 255);
    position: absolute;
    top: -55px;
}

.left-arrows {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 595px solid transparent;
    border-right: 300px solid rgb(6, 160, 187);
}

.about_robo {
    width: 250px;
    position: absolute;
    right: -305px;
    top: -115px;
}

.triangle_ba {
    position: relative;
}

.triangles_bigarrow {
    width: 0;
    height: 0;
    border-top: 80px solid transparent;
    border-bottom: 420px solid transparent;
    border-right: 1090px solid #2a2929;
    position: absolute;
    right: 0;
    top: 100px;
}

.triangle_image {
    background: url("../images/about/Path.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 1400px;
    position: relative;
}

.right-arrow {
    width: 0;
    height: 0;
    border-top: 195px solid transparent;
    border-bottom: 209px solid transparent;
    border-left: 389px solid #06a0bb;
    margin-top: -200px;
    z-index: -1;
}

.contact_body {
    color: #7e7e7e;
}

.green_triangle {
    background: url("../images/about/Path10.png");
    background-repeat: no-repeat;
}

.logos {
    width: 100px;
}

.white_circle {
    width: 500px;
    height: 500px;
    background: #cfcfcf;
    border-radius: 100%;
    position: absolute;
    right: -355px;
    top: 185px;
    z-index: -1;
}

.blue_circle {
    width: 500px;
    height: 500px;
    background: #06a0bb;
    border-radius: 100%;
    position: absolute;
    right: -400px;
    top: 70px;
    z-index: -1;
}

.tl-abt-busi {
    width: 140px;
    height: 140px;
    border-radius: 100%;
    overflow: hidden;
}

.tl-abt-busi img {
    width: 100%;
    height: 100%;
}

/* .abt-busi-img {
  width: 150px;
} */

.rt-abt-cont {
    width: 600px;
}

/*        ABOUT PAGE    END    */
/* CONTACT PAGE START */

.map-ftr iframe {
    width: 100%;
    height: 400px;
}

.working_Lines {
    border-left: 4px solid #7e7e7e;
    height: 100%;
    display: grid;
}

.green_triangles {
    background: url("../images/about/Path10.png");
    background-repeat: no-repeat;
}

.contact_Line {
    display: grid;
}

.con_tact {
    margin: auto;
}

/* CONTACT PAGE END*/
/* DINING PRODUCT PAGE START*/

.dinning_heading {
    font-family: "f1";
    color: #25aae1;
    font-size: 50px;
}

.dinning_head {
    font-family: "f1";
    font-size: 50px;
}

.white_traingle {
    background: url("../images/product/triangle2.png");
    height: 460px;
    background-size: cover;
}

.dinning_robot {
    width: 390px;
}

.right_side_triangle {
    background: url("../images/product/triangle1.png");
    background-size: cover;
    height: 570px;
}

.dinning_product {
    width: 600px;
}

.down-arrows {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #636363;
    transform: rotate(50deg);
}

.Features_image {
    width: 80px;
    display: block;
    margin: auto;
}

.Features_box {
    border-radius: 11px;
    width: 125px;
}

.car_hov:hover .Features_btn {
    background: #25aae1;
}

.Features_btn {
    background: #000000;
    width: 100%;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.Features_body {
    width: 100%;
    padding: 0;
}

.fe_text {
    margin: auto;
}

.sp_cation {
    font-family: "f1";
}

.hardware_radius {
    border-radius: 40px !important;
    height: 300px;
}

.font_hardware {
    font-family: "f3";
}

.font_hardwares {
    font-family: "f3";
    font-size: 17px;
}

.box_style:hover {
    background-color: white;
    color: black !important;
}

.rou_box:hover {
    background-color: rgb(0, 0, 0) !important;
    color: rgb(255, 255, 255) !important;
    border: 1px solid white !important;
}

.humanoid_image {
    position: relative;
}

.human_arrows {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 176px solid transparent;
    border-right: 300px solid rgb(6, 160, 187);
}

.humanoid_rec {
    width: 609px;
    height: 871px;
    background: white;
    transform: rotate(54deg);
    position: absolute;
    right: -243px;
    top: 24px;
    z-index: -1;
}

.full_robot {
    height: 450px;
}

.huma_robo {
    height: 600px;
}

.green-arrow {
    width: 0;
    height: 0;
    border-top: 490px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 933px solid #06a0bb;
    margin-top: -130px;
    margin-left: -30px;
}

.img_ab {
    position: absolute;
    right: -23px;
}

.black_arrow {
    background: url("../images/product/black-triangle.png");
    background-size: cover;
    height: 510px;
    z-index: -2;
}

.full_robots {
    width: 460px;
    margin-top: -600px;
    margin-left: -620px;
}

.head_rob {
    z-index: -2;
    height: 900px;
}

.image_clr {
    height: 500px;
    margin-left: -20px;
}

.lines {
    border-top: 2px solid;
}

.blog_img {
    width: 100px;
    height: 135px;
}

.blg_img {
    width: 100%;
    height: 350px;
}

.blog_box {
    background-color: #000;
}

.blog_dat {
    background-color: #06a0bb;
    padding: 5px;
    width: 80px;
    margin: auto;
}

.blog_btn_box {
    background-color: #05c086;
    color: white;
}

.bl_title {
    color: #ffffff96;
    font-size: 14px;
}

.tag_bn {
    background-color: #353535;
    padding: 8px;
    border-radius: 2px;
    margin-bottom: 5px;
    display: inline-block;
}

.tag-link li {
    display: inline;
}

.blog_soel {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #06a0bb;
    display: inline-block;
}




.icon_blog {
    padding: 18px;
}

.form-control {
    background-color: #fff0 !important;
    color: white !important;
    margin-bottom: 20px;
}

.en_frm {
    background: #272727;
    border-radius: 10px;
    padding: 20px;
}

.bl_rec_box {
    border: 1px solid #2a2a2a;
}

/* login page starts */

.log_bg {
    background: #fff !important;
    height: 100vh;
    overflow: hidden;
}

.left_img {
    background: url(../images/header/logbg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
}

.left_cen {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
}

.left_cen img {
    display: none;
}

.left_con img {
    width: 180px;
    display: block;
    margin: auto;
}

.left_con h1 {
    font-size: 50px;
    color: #fff;
    font-family: "f3";
    width: 70%;
    margin: auto;
    margin-bottom: 25px;
}

.left_con h6 {
    background: #fff;
    border-radius: 5px;
    color: #06a0bb;
    font-family: "f3";
    font-size: 18px;
    padding: 7px 15px;
    display: inline-block;
}

.right_log {
    padding: 50px 80px;
}

.right_log h1 {
    color: #25aae1;
    font-family: "f3";
    font-size: 30px;
    margin-bottom: 20px;
}

.right_log p {
    font-size: 14px;
    font-family: "f3";
    color: #000;
}

.right_log input::placeholder {
    color: #bebebe;
}

.right_log .form-cl {
    background-color: #fff !important;
    border-radius: 10px;
    box-shadow: 0px 5px 10px rgb(0 16 235 / 12%);
    padding: 15px 25px;
    border: 0 !important;
    margin-bottom: 30px;
    color: #000 !important;
    font-size: 14px;
}

.login_btn {
    margin: 40px 0px 30px;
}

.bt_sub {
    background: #25aae1;
    border-radius: 30px;
    padding: 10px 40px;
    color: #fff !important;
    font-family: "f3";
    border: 0;
    margin-bottom: 20px;
}

.bt_center p {
    text-align: center;
    font-size: 14px;
}

.bt_center a {
    color: #25aae1 !important;
    font-family: "f3";
}

.logr_bg {
    background: #fff !important;
    height: 100vh;
    overflow: hidden;
}

/* login page ends */

.din_fea_box {
    text-align: center;
}

/* modal pop starts */

.req_btn {
    background: #25aae1;
    padding: 20px 40px;
    border-radius: 10px;
    color: #fff;
    font-family: "f3";
    font-size: 20px;
}

.com_enq {
    position: relative !important;
}

.job-form .clse_btn {
    position: absolute;
    top: -5px;
    right: -5px;
    border: 0;
    background: #25aae1;
    width: 25px;
    height: 25px;
    z-index: 1;
    color: #fff;
    border-radius: 100%;
}

.job-form h4 {
    font-family: "f3";
    font-size: 20px;
}

.job-form label {
    font-size: 14px;
    font-family: "f3";
    margin-bottom: 5px;
    display: none;
}

.job-form .form-control {
    font-family: "f2";
    font-size: 13px !important;
    box-shadow: 0px 5px 11px rgb(0 16 235 / 15%);
    border: none;
    color: #000 !important;
    padding: 10px;
}

.mo-di {
    max-width: 350px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    top: 0;
    left: 0;
    margin: auto;
}

.mo-di img {
    width: 150px;
    margin: auto;
}

.mo-co {
    background: url(../img/blue_glossy_background.webp) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    padding: 20px;
}

.job-form .form-control {
    background-color: #ffffff36 !important;
    color: #fff !important;
}

/* modal pop ends */
/* top bar starts */

.ic_wh {
    color: #fff;
    margin-left: 20px;
}

/* top bar ends */
/* footer starts */

.foo_ter {
    background: #000;
    padding: 30px 20px;
    color: #fff;
    /* margin-top: 130px; */
}

.foo_ter img {
    width: 140px;
}

.foo_ter a {
    color: #fff !important;
    font-size: 15px;
    font-family: "f2";
}

.foo_ter h6 {
    font-size: 20px;
    font-family: "f3";
    color: #00d0ff;
}

.foo_ter p {
    font-family: "f2";
    font-size: 10px !important;
    text-align: center;
    margin-top: 10px;
}

.foo_ter ul {
    list-style: none;
    padding-left: 0;
}

.foo_ter li {
    margin-top: 4px;
}

.fol_low i {
    font-size: 28px;
}

.gen_ral span {
    font-size: 15px;
    color: #25aae1;
    font-weight: 600;
}

.pho p {
    margin: 0;
}

.ni_hv {
    font-family: "f3" !important;
}

.soc a {
    margin: 0px 5px;
}

/* footer ends */
/* specification starts */

.spec_card {
    border: 2px solid #fff;
    padding: 20px;
    border-radius: 20px;
    color: #fff;
    height: 100%;
    transition: 0.2s;
}

.spec_card h1 {
    font-family: "f3";
    font-size: 25px;
    margin-bottom: 10px;
}

.spec_card h4 {
    font-family: "f3";
    font-size: 16px;
    margin-bottom: 10px;
}

.spec_card:hover {
    background: linear-gradient(to bottom, #fff, #8bdcff);
    color: #000;
    transition: 0.2s;
}

/* specification ends */
/* blog starts */

.hom-cou h1 {
    color: #00d0ff;
    font-family: "f3";
}

.cou_card {
    background: #272727;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0px 10px 20px rgb(48 124 255 / 15%);
}

.cou_img {
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 5px;
    background: #000;
}

.cou_img img {
    width: 100%;
    border-radius: 5px;
    transition: 0.5s;
}

.cou_card h3 {
    font-size: 20px;
    font-family: "f2";
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    color: #fff;
}

.cou_card p {
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    color: #fff;
    font-size: 14px !important;
}

.cou_card:hover img {
    transform: scale(1.2);
    transition: 0.5s;
    opacity: 0.5;
}

.dt h5 {
    font-family: "f3";
    font-size: 10px;
    margin: 0;
    color: #fff;
}

.dt {
    background: #25aae1;
    padding: 5px 8px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
}

/* blog ends */
/* blog view starts */

.blg h2 {
    font-size: 30px;
    font-family: "f3";
    color: #fff;
}

.blg h3 {
    font-size: 25px;
    font-family: "f2";
    color: #fff;
    margin-bottom: 20px;
}

.blg img {
    width: 100%;
    border-radius: 5px;
    margin: 15px 0px;
}

.pc_ic {
    color: #25aae1;
}

.sidebar {
    position: sticky;
    top: 10%;
}

.blg_r {
    padding: 20px;
    border-radius: 5px;
    background: #272727;
    margin-bottom: 10px;
}

.blg_r h4 {
    font-family: "f3";
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
}



.bl_li img {
    width: 100%;
    border-radius: 5px;
}

.bl_li a {
    color: #fff;
    font-family: "f2";
    font-size: 14px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    margin-bottom: 10px;
}

.bl_en {
    background: #25aae1;
    border-radius: 5px;
    padding: 20px;
}

.bl_en h5 {
    font-family: "f3";
    color: #fff;
}

/* blog view ends */
/* contact starts */

.contact_sec h3 {
    font-family: "f3";
    color: #00d0ff;
    font-size: 30px;
    text-align: center;
}

.con_tact {
    margin-top: 40px;
}

.cont_form {
    background: #272727;
    padding: 20px;
    border-radius: 20px;
}

.cont_form h1 {
    color: #25aae1;
    font-size: 20px;
    font-family: "f3";
}

.cont_form label {
    font-family: "f2";
    font-size: 16px;
    margin-bottom: 10px;
    color: #fff;
}

.cont_form .form-control {
    padding: 15px 15px;
    border: none;
    font-size: 14px;
    font-family: "f2";
    background: #393939 !important;
    margin-bottom: 0px !important;
}

.cont_form input::placeholder {
    color: #acacac;
}

.cont_form textarea::placeholder {
    color: #acacac;
}

.con_re {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 4px 40px 0px rgb(0 0 0 / 10%);
    padding: 20px;
}

.con_re h4 {
    font-family: "f3";
    font-size: 25px;
    color: #25aae1;
}

.cont_act {
    background: #fff;
    box-shadow: 0px 2px 50px 0px rgb(0 0 0 / 8%);
    border-radius: 20px;
}

.con_txt h2 {
    font-family: "f3";
    font-size: 30px;
    color: #25aae1;
    margin-bottom: 20px;
}

.co_ic {
    font-size: 20px;
}

.co_ic {
    background: #25aae1;
    color: rgb(255, 255, 255);
    border-radius: 100%;
    padding: 8px;
    width: 15px;
    height: 16px;
    font-size: 20px;
}

.con_tit h5 {
    font-family: "f2";
    font-size: 20px;
    margin-bottom: 0;
    margin-left: 5px;
}

.con_re a {
    font-family: "f1";
    font-size: 14px;
    color: #000 !important;
}

.con_re p {
    font-family: "f1";
    font-size: 14px !important;
    color: #000;
    text-align: start !important;
}

/* contact ends */
/* chat bot starts */

#chat-bot-message-container .chat-bot-message-label img:not(.emoji) {
    width: 100% !important;
    vertical-align: bottom;
    margin-bottom: 6px;
    display: none;
}

.question-part img {
    max-width: 100%;
    margin: 10px auto;
    display: none !important;
}

/* chat bot ends */
/* user dashboard starts */
/* sidebar starts */

:root {
    --header-height: 3rem;
    --nav-width: 68px;
    --body-font: "Nunito", sans-serif;
    --normal-font-size: 1rem;
}

*,
::before,
::after {
    box-sizing: border-box;
}

/* body {
  position: relative;
  margin: var(--header-height) 0 0 0;
  padding: 0 1rem;
  font-size: var(--normal-font-size);
  transition: .5s
} */

.user_head {
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    background-color: #191c24;
    z-index: 100;
    transition: 0.5s;
}

.logo-toggle .header_toggle {
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}

.user_head .header_img {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
}

.header_img img {
    width: 40px;
}

.l-navbar {
    position: fixed;
    top: 0;
    left: -30%;
    width: var(--nav-width);
    height: 100vh;
    background-color: #191c24;
    padding: 0.5rem 1rem 0 0;
    transition: 0.5s;
    z-index: 100;
}

.l-navbar .nav {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.l-navbar .nav_link {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    column-gap: 1rem;
    padding: 0.5rem 0 0.5rem 1.5rem;
}

/* .nav_logo-icon {
  font-size: 1.25rem;
  color: #fff;
} */
/* .nav_logo-name {
  color: #fff;
  font-weight: 700
} */

.l-navbar .nav_link {
    position: relative;
    color: #25aae1;
    margin-bottom: 15px;
    transition: 0.3s;
    font-family: "f3";
}

.l-navbar .nav_link:hover {
    color: #fff;
}

.l-navbar .nav_icon {
    font-size: 18px;
}

.view_pad .show {
    left: 0;
}

.body-pd {
    padding-left: calc(var(--nav-width) + 1rem);
}

.user-side-nav .nav_link.active {
    color: #fff;
}

.user_head .nav_logo img {
    width: 90px;
    margin-left: 15px;
}

.l-navbar .nav_link.active::before {
    content: "";
    position: absolute;
    left: 0;
    width: 3px;
    height: 32px;
    background: #25aae1;
}

.side-content {
    color: #fff;
}

.stretch-card {
    display: flex;
    justify-content: stretch;
    align-items: stretch;
}

.loc_card {
    padding: 15px;
    border-radius: 10px;
    background: #191c24;
    width: 100%;
}

.user-location h1 {
    font-family: "f3";
    font-size: 25px;
    color: #25aae1;
    margin-bottom: 15px;
}

.loc_card h2 {
    color: #fff;
    font-family: "f3";
    font-size: 20px;
}

.location_section h6 {
    color: #fff;
    font-family: "f3";
    font-size: 20px;
    margin-bottom: 15px;
}

.location_tab .location_list {
    width: 30%;
    margin-right: 20px;
    margin-bottom: 30px;
}

.shop_img {
    width: 80px;
    height: 50px;
    border-radius: 5px;
    margin-right: 10px;
}

.shop_img img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.location_tab .location_list .nav-link {
    background: #191c24;
    padding: 15px;
    color: #fff;
    transition: 0.3s;
}

.location_tab .location_list .nav-link.active {
    background: #191c24;
    border: 1px solid #25aae1;
    padding: 15px;
    color: #fff;
    transition: 0.3s;
}

.robo_top {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.robot_loc h3 {
    font-family: "f3";
    font-size: 18px;
    margin: 0;
}

.robot_loc p {
    font-family: "f2";
    font-size: 18px !important;
    margin: 0;
    color: #6c7293;
}

.robot_loc .robo_count span {
    font-family: "f3";
    color: #00d25b;
    font-size: 20px;
}

.view_map {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.view_map .tab_view {
    background: #0090e7;
    border-radius: 5px;
    padding: 5px 15px;
    font-family: "f3";
    color: #fff;
    margin-bottom: 20px;
}

.side_pad {
    padding-right: 30px;
}

.robo_table table {
    border: 1px solid #2c2e33;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 30px;
}

.robo_table table tr {
    background: #191c24;
    border: 1px solid #2c2e33;
    padding: 0.35em;
}

.robo_table table th,
.robo_table table td {
    padding: 15px 10px;
    font-family: "f2";
}

.robo_table table th {
    font-size: 18px;
    color: #25aae1;
    font-family: "f3";
}

.ac_ic {
    color: #00d25b;
    margin-right: 5px;
}

.dec_ic {
    color: #fc424a;
    margin-right: 5px;
}

.robo_table .tab_view {
    background: #0090e7;
    border-radius: 2px;
    padding: 5px 15px;
    font-family: "f3";
    color: #fff;
}

.robot_mapping_detail .tab_view {
    background: #0090e7;
    border-radius: 5px;
    padding: 10px 15px;
    font-family: "f3";
    color: #fff;
    border: none !important;
}

.menu_section {
    background-image: linear-gradient(to left, #d41459, #911a6c);
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 30px;
}

/* .menu_section img{
  width: 100%;
} */

.menu_section h5 {
    font-size: 18px;
    font-family: "f3";
}

.menu_section p {
    font-size: 16px;
    font-family: "f2";
    margin: 0;
}

.btn-outline {
    font-family: "f3";
    padding: 10px 15px;
    border-radius: 5px;
    border: 2px solid #fff;
    color: #fff;
    transition: 0.2s;
}

.btn-outline:hover {
    background: #fff;
    color: #000;
    transition: 0.2s;
}

.btn-outline:hover a {
    color: #000;
}

/* sidebar ends */
/* user dashboard ends */
/* menu starts */

.menu-list h1 {
    font-family: "f3";
    font-size: 25px;
    color: #25aae1;
    margin-bottom: 15px;
}

.table-responsive {
    overflow-x: auto;
}

.menu-table table {
    border: 1px solid #ffffff;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    /* table-layout: fixed; */
    margin-bottom: 30px;
}

.menu-table table tr {
    background: #191c24;
    border: 1px solid #2c2e33;
}

.menu-table .btn-success {
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
}

.menu-table table th {
    font-size: 18px;
    color: #25aae1;
    font-family: "f3";
}

.menu-table img {
    width: 100px;
}

.menu-table table th,
.menu-table table td {
    padding: 15px 10px;
    font-family: "f2";
}

.add-food-section {
    background: #191c24;
    border-radius: 10px;
    padding: 20px;
}

.add-food-section .form-control {
    background: #2a3038 !important;
    border: none;
    padding: 10px 15px;
    font-size: 16px;
    font-family: "f2";
    margin-bottom: 20px;
    color: #fff !important;
}

.add-food-section label {
    font-family: "f3";
    font-size: 18px;
    margin-bottom: 15px;
}

.add-food-section input::placeholder {
    color: #6c7293;
}

.add-food-section .btn-submit {
    background: #0090e7 !important;
    padding: 10px 15px;
    color: #fff;
    font-family: "f3";
    border: 0;
    border-radius: 5px;
}

/* menu ends */
/* robot detail start */

.robot-details h6 {
    font-family: "f3";
    font-size: 20px;
    margin-bottom: 15px;
}

/* robot detail end */
/* robot order details starts */

.robot-order-det {
    background: #191c24;
    padding: 20px;
    border-radius: 6px;
}

.robot-order-det .robot_name h5 {
    font-family: "f2";
    font-size: 18px;
    color: #6c7293;
    margin: 0;
}

.robot-order-det .robot_name span {
    color: #fff;
    font-family: "f3";
}

.robot-order-det .robot_content p {
    color: #6c7293;
}

.robot-order-det .robot_content span {
    color: #fff;
    font-family: "f3";
}

.robot_content p {
    margin: 0;
}

.mar_b {
    margin-bottom: 15px;
}

/* robot order details ends */
/* help & support starts */

.support_img img {
    width: 100%;
}

.help-support-content img {
    width: 70px;
    margin-bottom: 20px;
}

.help-support-content h6 {
    font-family: "f3";
    font-size: 25px;
    margin-bottom: 20px;
}

.call-number {
    background: #25aae1;
    border-radius: 5px;
    padding: 5px 20px;
    width: 70%;
    margin: 0px auto 20px;
}

.help-support-content a {
    font-size: 20px;
    font-family: "f3";
    color: #fff !important;
}

.help-support-content h5 {
    font-family: "f3";
    color: #6c7293;
    font-size: 18px;
    margin-bottom: 20px;
}

/* help & Support ends */
/* robot mapping starts */

.robot_mapping {
    height: 50vh;
}

.robot_mapping img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    margin-top: 10px;
}

/* robot mapping ends */
/* about new design */

.about_robotics {
    background-image: url(../img/about_bg.png);
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 40px;
}

/* .about_robotics::before {
  background: #000;
  opacity: 0.5;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
} */
/* about new design */

.d-flex-jc {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.d-flex-jc-ac {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.d-ac {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.d-flex-ac {
    display: flex;
    align-items: center;
}

.below_line {
    margin-top: -8px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #03d1ff;
    transition: box-shadow 0.3s;
    box-shadow: 0px 0px 30px 2px #08a9ff;
    padding: 64px 0px 64px 0px px;
}

.about_content h5 {
    color: #ffff;
    font-family: "f2";
}

.about_content h2 {
    color: #00d0ff;
    font-family: "f3";
}

.circle img {
    position: absolute;
    width: 100px;
    text-align: center;
}

.right_robot img {
    width: 100%;
}

.spinner {
    animation: ani 15.5s linear infinite;
}

@keyframes ani {
    to {
        transform: rotate(360deg);
    }
}

.about_business .box-3 {
    position: relative;
    margin-top: -90px;
}

.about_business .box-2 {
    position: relative;
    margin-top: -55px;
}

.about_business {
    overflow: hidden;
    padding-top: 40px;
}

.about_business .boxs-3 {
    position: relative;
    /* margin-top: -90px; */
}

.about_business .boxs-2 {
    position: relative;
    /* margin-top: -55px; */
}

.about_business {
    overflow: hidden;
    /* padding-top: 40px; */
}


.about_business .heading {
    padding-bottom: 100px;
}

.about_business_s .heading {
    padding-top: 50px;
}

.heading h2 {
    color: #00d0ff;
    font-family: "f3";
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.business_content h2 {
    color: #25aae1;
    font-family: "f3";
    font-size: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.business_content {
    padding: 20px;
    border-radius: 10px;
    background-color: #ffffff0f;
    backdrop-filter: blur(50px);
    height: 100%;
}

.about_business {
    padding: 100px 0px;
    background-image: url(../img/Ellipse-3.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto;
}

.icon_section h6 {
    color: #fff;
}

.icon_section span {
    margin-right: 10px;
    color: #25aae1;
}

.icon_section {
    margin-top: 30px;
}

.contact_img img {
    width: 100%;
    border-radius: 20px;
}

.contact_text h2 {
    color: #25aae1;
    font-family: "f3";
}

.contact_text p {
    color: #fff;
}

/* home page start */

.home_banner_new {
    position: relative;
    /* background-image: url(../img/home_banner.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 30px 20px; */
    /* home page end */
}

.video-ban {
    position: relative;
    height: 100vh;
    width: 100%;
}

.video-ban video {
    object-fit: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

#audio-control {
    position: absolute;
    top: 10px;
    right: 5px;
    background: rgb(0, 0, 0);
    padding: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    text-align: center;
    width: 30px;
    height: 30px;
    padding: 4px;
    box-shadow: 0 4px 9px 0 rgb(0 0 0 / 20%);
    cursor: pointer;
}

#audio-control img {
    width: 20px;
    margin-bottom: 1px;
}

/* banner audio ends */
/*
.home_banner_new .banner_inner_content h2 {
  color: #fff;
  font-family: "f3";
  font-size: 40px;
  width: 80%;
  margin: auto;
}

.home_banner_new .banner_inner_content p {
  color: #fff;
  width: 50%;
  margin: auto;
} */

/* .banner_inner_content {
    margin-top: 30px;
    margin-bottom: 30px;
} */

/* .banner_button a {
    background-color: #000;
    padding: 10px 15px;
    border-radius: 10px;
    color: #fff !important;
} */

.home_banner_new::before {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    background: #000;
    height: 100%;
    width: 100%;
    content: "";
    opacity: 0.7;
}

/* .banner_inner_content {
  position: relative;
  z-index: 11;
} */

/* button glow effects */

.banner_button a {
    text-decoration: none;
    color: white;
    font-family: "f3";
    transition: 0.2s;
}

.banner_button button {
    z-index: 111;
    font-family: "f4";
    padding: 10px 41px;
    text-align: center;
    margin: 20px 10px;
    border-radius: 35px;
    border: 2px solid #ffffff;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: 0.5s;
    font-size: 14px;
}

.banner_button span {
    background-color: #00d0ff;
    height: 100%;
    width: 0 !important;
    border-radius: 25px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    transition: 0.5s;
}

.banner_button button:hover {
    color: white;
    box-shadow: 0px 0px 10px 7px rgba(0, 208, 255, 0.498);
}

.banner_button button:hover span {
    width: 100% !important;
}

/* button glow effects ends */

.banner_caurosel img {
    width: 100%;
}

.banner_caurosel {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 111;
}

*/
/*  */

.work_bg {
    background: url(../img/about_bg_bd.png);
    padding: 60px 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* .work_bg_two {
    background: url(../img/bg.png);
    padding: 60px 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
} */
.work_bg_two {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg_vdo_div {
    position: relative;
}

.bg_vdo_div::before {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    opacity: .8;
}

.bg_vdo {
    position: relative;
}

/* enquiry home starts */
.bg_content p {
    font-family: "f1";
    color: #ffffff;
    font-size: 20px;
}

.title_section {
    position: relative;
    z-index: 1;
    color: #131313;
}

.title_section h2 {
    font-family: "f4";
    font-size: 30px;
    color: #fff;
}

.heading p {
    text-align: end;
}

.bg_content h2 {
    font-family: "f3";
    font-size: 30px;
    color: #00d0ff;
}

.content_div h3 {
    font-family: "f3";
    font-size: 22px;
    color: #00d0ff;
}

.icon_div img {
    width: 50px;
}

.icon_div {
    margin-right: 15px;
    border-radius: 5px;
    padding: 7px;
    background-color: #00d0ff;
}

/* enquiry home ends */
/* ro-waiter page start */
.ro_waiter_content h2 {
    font-family: "f3";
    font-size: 30px;
    color: #00d0ff;
}

.ro-waiter_left img {
    width: 100%;
}

.list_div ul li img {
    width: 25px;
    margin-top: 5px;
    margin-right: 10px;
}

.list_div ul li {
    color: #fff;
    list-style: none;
    margin-top: 20px;
    font-family: "f1";
    font-size: 14px;
    line-height: 30px;
}

.list_div ul {
    padding: 0 !important;
}

.ro_waiter_main {
    overflow: hidden;
    position: relative;
    width: 100%;
    /* background-image: radial-gradient(at center left, #052b45 0%, #010c23 100%); */
}

.ro_img_div {
    position: absolute;
    bottom: 0;
}

.ro_img_div img {
    width: 100%;
}

.ro_waiter_inner {
    position: relative;
}

.card_icon {
    padding: 10px;
    background-color: #dbedef;
    border-radius: 100%;
}

.card_icon img {
    width: 50px;
}

.card_icon {
    margin-bottom: 14px;
    display: inline-block;
    padding: 10px;
    background-color: #dbedef;
    border-radius: 100%;
}

.card_design {
    border-radius: 27px;
    padding: 24px 5px;
    background: #ffff;
    text-align: center;
    --background-transition: 0.3s;
    border-style: solid;
    --border-style: solid;
    border-width: 0px 0px 8px 0px;
    --border-block-start-width: 0px;
    --border-inline-end-width: 0px;
    --border-block-end-width: 2px;
    --border-inline-start-width: 0px;
    border-color: #00d0ff;
}

.card_spec .card_design {
    padding: 25px;
}

.card_content h3 {
    width: 60%;
    margin: auto;
    font-family: "f2";
    color: #00d0ff;
    font-size: 20px;
}

.crd-2 {
    margin-left: 30px;
    margin-top: 55px;
}

.specification {
    padding: 50px 0px;
}

.spec_left h2 {
    font-family: "f3";
    font-size: 30px;
    color: #00d0ff;
}

/* ro-waiter page end*/

/* weight capacity */
.cap_img {
    height: 70vh;
}

.cap_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.weight_capacity {
    position: relative;
}

.spec_content_div {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50%;
    flex-wrap: wrap;
}

.spec_inner_content {
    text-align: center;
}

.spec_inner_content h2 {
    font-family: "f3";
    font-size: 30px;
    color: #ffffff;
}

.spec_inner_content h3 {
    font-family: "f3";
    font-size: 50px;
    color: #00d0ff;
}

/* weight capacity */

/* specification starts */

.specification_title h1 {
    font-size: 30px;
    font-family: "f3";
    color: #00d0ff;
    width: 60%;
}

.specification_title a {
    color: #00d25b !important;
    font-family: "f1";
}

.specification_card {
    background: #272727;
    padding: 20px;
    border-radius: 10px;
    width: 95%;
    height: 100%;
    margin: 0 auto;
    transition: all 0.8s ease;
}

.spec_icon {
    background: #000;
    border-radius: 10px;
    width: 60px;
    height: 60px;
    display: flex;
    margin-bottom: 15px;
    transition: all 0.8s ease;
}

.spec_icon img {
    /* width: 40px; */
    height: 40px;
}

.specification_card h3 {
    color: #fff;
    font-family: "f3";
    font-size: 20px;
}

.specification_card:hover {
    transition: all 0.8s ease;
    transform: translateY(-10px);
}

.specification_card:hover .spec_icon {
    background: #00d0ff;
    transition: all 0.8s ease;
    box-shadow: 0px 0px 8px 5px rgba(0, 208, 255, 0.409);
}

.parameters_section h2 {
    font-size: 30px;
    text-align: center;
    color: #00d0ff;
    font-family: "f3";
    margin-bottom: 25px;
}

.parameters_section h3 {
    font-family: "f2";
    color: #fff;
    font-size: 25px;
    margin-bottom: 25px;
}

.parameters_section h4 {
    font-size: 16px;
    font-family: "f1";
    color: #7d7d7d;
}

.variation_s {
    font-family: "f3" !important;
    background: #00d0ff;
    padding: 10px;
    color: #fff !important;
    border-radius: 5px;
    margin: 0 10px;
    text-align: center;
}

.price_v {
    color: #00d0ff !important;
    font-family: "f3" !important;
    font-size: 18px !important;
}

.robo_choose {
    /* background: #272727; */
    background: linear-gradient(to bottom, #ffffff00, #8bdcff9e);
    padding: 20px;
    border-radius: 10px;
    border-style: solid;
    --border-style: solid;
    border-width: 0px 0px 8px 0px;
    border-color: #00d0ff;
    height: 100%;
    width: 95%;
    margin: 0 auto;
}

.robo_choose .robo_chicon img {
    width: 50px;
    margin-bottom: 20px;
}

.robo_choose h5 {
    font-family: "f3";
    font-size: 18px;
    color: #00d0ff;
}

/* specification ends */

/* brochure starts */

.enquiry {
    background: url(../img/enquiry_background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 20px;
    color: #fff;
}

.enquiry-con h4 {
    font-family: "f3";
    font-size: 30px;
    margin-bottom: 20px;
}

.re_ser .btn-wh {
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 10px 20px;
    color: #fff !important;
    font-size: 16px;
    margin-right: 15px;
    cursor: pointer;
}

.re_ser .down_btn {
    border: 2px solid #ffffff00;
    border-radius: 30px;
    padding: 10px 20px;
    color: #fff !important;
    font-size: 16px;
    margin-right: 15px;
    background: #00d0ff;
    cursor: pointer;
}

/* brochure ends */

/* social starts */

/* side icon start */

.social_icon {
    position: fixed;
    right: 0;
    bottom: 16%;
    z-index: 111;
}

.social_icon_enq {
    position: fixed;
    left: 0;
    bottom: 30%;
    z-index: 111;
}

.social_icon_enq ul li span {
    font-size: 15px;
    padding: 5px 2px;
    color: #fff !important;
    background-color: #0091ef;
    writing-mode: vertical-lr;
    text-orientation: upright;
    border-radius: 0px 5px 5px 0px;
}

.social_icon ul .en_quiry {
    font-size: 15px;
    background: #0067a4;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    color: #fff;
    position: absolute;
    bottom: 270px;
    right: 0;
    justify-content: center;
}

.social_icon ul .en_call {
    font-size: 15px;
    background: linear-gradient(317deg, #fca335, #ce6311);
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    color: #fff;
    position: absolute;
    bottom: 210px;
    right: 0;
    justify-content: center;
}

.social_icon ul .en_what {
    font-size: 20px;
    background: linear-gradient(317deg, #1cf743, #116814);
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    color: #fff;
    position: absolute;
    bottom: 250px;
    right: 0;
    justify-content: center;
}

/* Circle */

/* social ends */

.li_st ul li {
    margin-bottom: 10px;
}

/* cursor start */
/* .cursor {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%);
  border-radius: 50%;
  background: #00D0FF;
  pointer-events: none;
  z-index: 111;
  border: 1px solid #000;
  transition: all 0.2s ease-out;
  animation: moveCursor1 .5s infinite alternate;
}

.expand {
  background: transparent;
  animation: moveCursor2 .5s forwards;
  border: 1px solid #000;
}

@keyframes moveCursor1 {
  from {
      transform: scale(1);
  }

  to {
      transform: scale(.8);
  }
}

@keyframes moveCursor2 {
  0% {
      transform: scale(1);
  }

  50% {
      transform: scale(2);
  }

  100% {
      transform: scale(1);
      opacity: 0;
  }
} */
.cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 2;
    pointer-events: none;
}

.cursor div {
    position: absolute;
    display: grid;
    place-items: center;
}

.cursor div div {
    border: 1px solid #00a0fd;
    border-radius: 50%;
    animation: pulse 2.5s linear infinite;
    box-shadow: 0 0 50px 5px rgba(119, 178, 245, 0.443);
}

.cursor div:nth-child(1),
.cursor div:nth-child(2) {
    width: 100%;
    height: 100%;
}

.cursor div:nth-child(1) {
    transition: transform 0.2s ease-out;
}

.cursor div:nth-child(2) {
    transition: transform 0.1s ease-out;
}

.cursor div:nth-child(2) div {
    background: #68deff;
    border-radius: 50%;
    width: 4px;
    height: 4px;
}

/* cursor end */

.pad_y {
    padding: 35px 0px 60px;
}

/* best recommendation starts */

.mis-tab .nav-pills .nav-link.active {
    background: #1dbde9 !important;
    color: #fff !important;
    font-family: "f2";
}

.mis-tab .nav-item {
    margin: 0px 25px;
}

.mis-tab .nav-pills {
    justify-content: center;
}

.mis-tab .nav-pills .nav-link {
    color: #73788c !important;
    font-family: "f2";
    text-align: center;
}

.parameters_section .nav-pills .nav-link.active {
    background-color: #00d0ff;
}

/* testimonial home start */
.test_card {
    background-color: #000000;
    box-shadow: 0px 3px 7px #0dcaf0;
    padding: 15px 15px;
    border-radius: 10px;
    margin: 5%;
    height: 100%;
}

.test_card p {
    font-size: 14px;
    font-family: "f2";
    color: #fff !important;
}

.pro_img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 10px;
}

.pro_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 10px;
}

.pro_robo {
    width: 60px !important;
    height: 60px !important;
    border-radius: 10px;
}

.pro_robo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 100%;
}

.pro_star img {
    width: 15px !important;
    margin-right: 5px;
}

.pro_star h6 {
    margin-top: 10px;
    font-size: 14px;
    font-family: "f2";
    color: #fff;
}

.pro_name h5 {
    color: #fff;
    font-family: "f2";
    font-size: 18px;
}

.pro_name span {
    color: #00bcd4;
    font-family: "f2";
}

.btn_tst a {
    background: #00d0ff;
    padding: 8px 20px;
    border-radius: 30px;
    color: #fff !important;
    font-size: 16px;
    border: none;
    width: 100px;
    text-align: center;
    transition: 0.3s ease;
}

/* testimonial home ends */

/* thanks */
@font-face {
    font-family: "f5";
    src: url("../fonts/Aeonik-Regular.otf");
}

@font-face {
    font-family: "f6";
    src: url("../fonts/Aeonik-Medium.otf");
}

@font-face {
    font-family: "f7";
    src: url("../fonts/Aeonik-Bold.otf");
}

a {
    text-decoration: none !important;
}

.thankyou h1 {
    font-size: 70px;
    font-family: "f7";
    text-align: center;
    color: #F4F5F9;
    margin-bottom: 10px;
}

.thankyou p {
    font-family: "f5";
    font-size: 25px;
    text-align: justify;
    /* line-height: 30px; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    color: #fff;
}

.d-flex-jc-ac {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.d-flex-jc {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.d-flex-ac {
    display: flex;
    align-items: center;
}

.bg {
    background: linear-gradient(#25aae1, #000);
    /* padding-top: 8%; */
    height: 100vh;
    position: relative;

}

.logo {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.logo_img {
    /* margin-top: 20px; */
    width: 120px;
    padding: 10px;
}

.logo {
    margin-top: 0 !important;
}

.thankyou a {
    background: #3a91d0;
    color: #fff !important;
    padding: 10px 15px;
    border-radius: 5px;
    font-family: "f2";
    font-size: 15px;
}

.w-90 {
    width: 90%;
    margin: auto;
}

.w-100 {
    width: 100%;
}

.thank_you_img {
    width: 100%;
}

/* blog new style starts */

.blg_r li {
    margin-bottom: 15px;

}

.blg_r .li_ic {
    color: #03d1ff;
    margin-right: 10px;
}

.blg_r a {
    color: #fff !important;
}

.blg_r .blg_tag {
    background: #00728b;
    padding: 3px;
    border-radius: 3px;
    margin-right: 10px;
    font-size: 12px;

}

/* blog new style ends */

/* product outcome starts */

.gallery_image {
    position: relative;
    background: #252525;
    padding: 10px;
    border-radius: 10px;
    width: 95%;
    margin: 0 auto;
}

.gallery_image img {
    width: 100%;
}

.gallery_caption {
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
}

.org_btn img {
    width: 50px;
}

/* product outcome ends */

/* testi new */
.testi-card {
    background-color: rgb(255 255 255 / 23%);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.361) 0px 7px 29px 0px;
    padding: 20px 15px;
}

.cus_img img {
    margin: auto;
    width: 60px !important;
    box-shadow: rgb(255 255 255 / 81%) 0px 7px 29px 0px;
    border: solid 2px #73b4f3c2;
    border-radius: 100%;
}

.testi_monials::before {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    content: "";
    opacity: .5;
}

.testi_monials {
    position: relative;
    background-image: url(..//img/home_abt_new.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 20px;
}

.tit_txt span {
    color: #000000;
    font-size: 16px;
    font-family: "f1";
}

.tit_txt h5 {
    color: #ffff;
}

.testi-icon img {
    width: 20px;
}

.inner-card h2 {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 0;
    font-family: "f3";
}

.head_text h2 {
    color: #ffff;
    font-size: 30px;
    font-family: "f3";
    margin-bottom: 30px;
}

.head_text {
    position: relative;
}

/* testi new */

/* home product start */
.vdo_div {
    border-radius: 10px;
    box-shadow: 0px 0px 10px 7px rgba(0, 208, 255, 0.498);
}

.vdo_div iframe {
    border-radius: 10px !important;
}

/* home page end */
/* pircing start */
.toppric_ing {
    background-image: url(../img/about_bg.png);
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 30vh;
    width: 100%;
}

/* .toppric_ing::before {
    content: "";
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
} */

.pricing_sec h3 {
    font-family: "f3";
    color: #00d0ff;
    font-size: 30px;
    text-align: center;
}

.pricing_body {
    color: #ffffff;
}

.pricing_work {
    margin-top: 80px;
    margin-bottom: 40px;
}

.pricing_work h1 {
    font-family: "f2";
    color: #fff;
}

.pricing_sec {
    position: relative;
}

.pricing_sec h3 {
    font-size: 60px;
}

/* .nav-pill-main-div {
    position: relative;
    border-radius: 20px;
    box-shadow: inset -1px -7px 28px 3px rgba(1, 1, 1, 0.11);
    height: 100%;
}

ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.tabs li {
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    transition: 0.3s ease all;
    width: 33%;
}

ul.tabs li.current {
    color: #222;
    transition: 0.3s ease all;
}

ul.tabs li.current span {
    color: #1AA8E2;
    transition: 0.3s ease all;
}

.tab-content {
    display: none;
    padding: 15px;
    transition: 0.3s ease all;
}
.tab-content {
    font-family: "f2";
    color: #fff;
}

.tab-content.current {
    display: inherit;
    transition: 0.3s ease all;
} */


/*------ease effect------*/
/* .nav-justified>li {
    float: none;
}

.nav-justified>li span {
    width: 100%;
}

.customize_solution .nav-justified>li {
    float: none;
}

.customize_solution span.ease-effect {
    text-decoration: none;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s ease all;
}

.customize_solution span.ease-effect:hover, .customize_solution span.ease-effect:focus, .customize_solution ul.tabs li.current span:hover, .customize_solution ul.tabs li.current span:focus {
    color: #FFF;
    transition: 0.3s ease all;
}

.customize_solution span.ease-effect {
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    padding: 14px 0px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.customize_solution .ease-effect:before {
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    content: '';
    background-color: #1AA8E2;
    z-index: -2;
}

.customize_solution .ease-effect:hover:before, .customize_solution .ease-effect:focus:before {
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    left: 0;
    right: 0;
    opacity: 1;
}

.finbyz-icon {
    height: 100px;
    width: 100px;
} */
.allin_pricing tr {
    color: #fff;
}

.allin_pricing th {
    width: 25%;
    padding: 20px 0px;
    font-family: "f2";
}

.allin_pricing td {
    padding: 20px 0px;
    font-family: "f1";
}

tr {
    border-bottom: 1px solid #4d4d4d !important;
}

/*  */
@import url('https://fonts.googleapis.com/css?family=Arimo:400,700&display=swap');

h2 {
    color: #000;
    text-align: center;
    font-size: 2em;
}

.warpper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tab {
    cursor: pointer;
    padding: 10px 20px;
    margin: 0px 2px;
    background: #000;
    display: inline-block;
    color: #fff;
    border-radius: 3px 3px 0px 0px;
    box-shadow: 0 0.5rem 0.8rem #00000080;
}

.panel {
    display: none;
    animation: fadein .8s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.panel-title {
    font-size: 1.5em;
    font-weight: bold
}

.radio {
    display: none;
}

#one:checked~.panels #one-panel,
#two:checked~.panels #two-panel,
#three:checked~.panels #three-panel {
    display: block
}

#one:checked~.tabs #one-tab,
#two:checked~.tabs #two-tab,
#three:checked~.tabs #three-tab {
    background: #00d0ff;
    color: #fff;
    border-top: 3px solid #000;
    border-radius: 20px;
    font-family: "f2";
}

.tabs {
    margin-bottom: 40px;
}

/* pricing end */
/* product start */
.prdt_icon {
    width: 70px;
    justify-content: center;
    display: flex;
    height: 70px;
    margin: 10px auto;
    align-items: center;
    border-radius: 60px;
}

.prdt_icon img {
    width: 70px;
}

.pdct_item {
    padding: 30px 0px;
    margin: auto;
    border-radius: 10px;
    background-color: #232323;
    transition: .5s;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

}

.pdct_item h2 {
    font-size: 14px;
    font-family: "f1";
    color: #ffffff;
    padding: 0px 20px;
}

.prdt_card:hover .pdct_item {
    background-color: #3EC1D5;
    transition: .5s;
}

.prdt_card:hover .pdct_item h2 {
    color: #ffff !important;

}

.your_responsibility {
    margin-top: 80px;
}

.products_div {
    margin-top: 40px;
}

/* product end */
.con_tact {
    margin-top: 80px;
}


.loc_place {
    margin: 0px 18px;
}

/* iot start */
.iot_main {
    position: relative;
}

.iot_vdo {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.iot_vdo::before {
    position: absolute;
    background-color: #000;
    content: "";
    width: 100%;
    height: 100%;
    opacity: .4;
}

.content_div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: auto !important;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.ban_img_iot {
    position: absolute;
    top: -100px;
    right: -30px;
    width: 100%;
    margin: auto !important;
    height: 100%;
    display: flex;
    justify-content: end;
    align-items: center
}

.ban_img_iot img {
    width: 30%;
    opacity: .6;
    filter: drop-shadow(0 0 #00d0ff);
    -webkit-animation: spin 10s linear infinite;
    -moz-animation: spin 10s linear infinite;
    animation: spin 20s 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);
    }
}

.inner_content {
    width: 50%;
    margin: auto !important;
    text-align: center;
}

.inner_content h2 {
    color: #00d0ff;
    font-family: "f3";
}

.cmpny_img img {
    width: 80%;
    margin: 10px;
    border-radius: 20px;
    text-align: center;
    box-shadow: rgba(53, 154, 255, 0.2) 0px 8px 24px;
}

.cmpny_img {
    text-align: center;
}

.cmpny_cnt h2 {
    color: #00d0ff;
    font-family: "f3";
    text-align: left;
}

.img_div img {
    width: 100px;
    border-radius: 10px;
    margin: 0px 10px;
    transition: all 0.2s ease-in-out;
}

.img_div:hover img {
    box-shadow: #009dff 0px 0px 10px 2px;
    width: 110px;
    transition: all 0.2s ease-in-out;
}

.iot_heading {
    width: 70%;
    margin: auto;
}

.dev_cnt_img img {
    width: 100%;
}

.dev_cnt_img_1 img {
    width: 100%;
}

.dev_cnt_img_1 {
    text-align: right;
}

.dev_cnt h2 {
    color: #00d0ff;
    font-family: "f3";
}

.dev_cnt p {
    text-align: center;
}

/* iot end */
/* event owl */
.gallery-container {
    position: relative;
    max-width: 80%;
    margin: auto;
}

.gallery_image {
    position: relative;
    text-align: center;
}

.gallery_image img {
    width: 100%;
    border-radius: 10px;
}

.gallery_caption {
    margin-top: 10px;
}

.org_btn img {
    width: 40px;
    height: 40px;
}

/* Arrows Outside the Carousel */
.custom-prev,
.custom-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    width: 50px;
    height: 50px;
    font-size: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1000;
    transition: background 0.3s ease;
}

.custom-prev:hover,
.custom-next:hover {
    background: rgba(0, 0, 0, 0.9);
}

.custom-prev {
    left: -60px;
}

.custom-next {
    right: -60px;
}


/* home client caurosal */
/* our clients starts */

.client_slider {
    background-color: #f5f5f517;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px 0;
}

.slide-track {
    display: flex;
    width: calc(200%);
    /* double because of duplication */
    animation: scroll 30s linear infinite;
}

.client_slider img {
    width: 150px;
    height: 80px;
    border-radius: 5px;
    padding: 6px 12px;
    border: 1px solid #00d0ff;
    background: #fff;
    margin: 0px 15px;
    box-shadow: 0px 3px 7px #0dcaf0;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.home_clients h2 {
    color: #ffffff;
    text-align: center;
    font-size: 2em !important;
    font-family: "f3";
}

/* our clients ends */

/* home client caurosal */

/* Responsive Adjustments */
@media (max-width: 992px) {
    .custom-prev {
        left: -30px;
    }

    .custom-next {
        right: -30px;
    }
}

@media (max-width: 768px) {

    .custom-prev,
    .custom-next {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
}


/*  */