@charset "utf-8";

/* CSS Document */



/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('AktivGrotesk.css'); 



/** BASIC CSS **/

:root{

	--color1:#1addec;

	--color2:#023a3f;

	--color3:#19e4e8;

	--color4:#814cf3;

	--color5:#0a5e5f;

}



* { 

	margin: 0; 

	padding: 0; 

	border:none; 

	outline:none;

	-webkit-box-sizing: border-box; 

	-moz-box-sizing: border-box; 

	-o-box-sizing: border-box;

	box-sizing: border-box;	}

	



html, body{

	height:auto;

	min-height: 100vh;

	max-width:100%;

	min-width:100%;

    position: relative;

	background:#FAFAFA;

    font-family: "Poppins", sans-serif;

	font-size:14px;

	line-height:18px; 

	color:#000;

	font-weight:normal;

	font-style:normal;

	overflow-x:hidden;

    padding: 0 !important;}

	

p {

	font-size: 16px;

	color: rgb(85, 85, 93);

	line-height: 23px;

    font-weight: 500;

    font-family: "Poppins", sans-serif;}

	

h1,h2,h3,h4,h5,h6{

     margin:0;

	 color:#555;

     font-style: normal;}



a {

	text-decoration:none;

	outline: none;

	color: #4b5460;}

	

:focus { 

	outline: none; }

	

a:focus {

	outline: none;}

	

a:hover, a:focus {

	color: var(--color1);

	text-decoration: none;}

		

hr{

	background:#e3e3e3;

	border-top:1px solid #333;}

	

*, *:before, *:after {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;}

	

::selection {

	text-shadow: none;

	background: var(--color1);

	color: #fff;}

	

::-moz-selection {

 text-shadow: none;

 background: var(--color1);

 color:#fff;}

 

a, input, select, textarea, img {

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	transition: all 0.5s;}

		

.clearfix {

	clear: both;

	font-size: 0;

	line-height: 0;

	margin: 0;

	padding: 0;}

			

.hidden{ 

	display: none !important;}

	

.show{ 

	display: block !important;}

	

.floatl{ 

	float: left;}

	

.floatr{

	float: right;}

	

.nopad{

	padding:0 !important;}



.nopadl{

	padding-left:0;}

	

.nopadr{

	padding-right:0;}

	

.btn:focus,button:focus,.form-control:focus{

	outline:0;

	box-shadow:0 0 0 0 transparent;

}

ul{

	list-style:none;

	margin: 0;

	padding: 0;

}

.modal-backdrop {

    z-index: 9999;

}

.modal {

    z-index: 99999;

}

select.form-control{

    -webkit-appearance: none;

  -moz-appearance: none;

  background: transparent;

  background-image: url("../images/arrow.png");

  background-size: 10px 10px;

  background-repeat: no-repeat;

  background-position-x: 98%;

  background-position-y: 14px;

  padding-right: 2rem;

}

input[type="date"],input[type="time"]{

    position: relative;

}

input[type="date"]::-webkit-calendar-picker-indicator,

input[type="time"]::-webkit-calendar-picker-indicator {

   opacity: 0;

}

input[type="date"]:before {

    color: transparent;

    background: none;

    display: block;

    /* font-family: 'FontAwesome';

    content: '\f073'; */

    content: '';  

    width: 15px;

    height: 15px;

    position: absolute;

    background: url('../images/calendar.png') no-repeat;

    background-size: contain;

    top: 0;

    bottom: 0;

    margin: auto;

    right: 6px;

    color: #999;

  }

input[type="time"]::after{

    color: transparent;

    background: none;

    display: block;

    /* font-family: 'FontAwesome';

    content: '\f017'; */ 

    content: '';    

    background: url('../images/clock.png') no-repeat;

    background-size: contain;

    width: 15px;

    height: 15px;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    right: 6px;

    color: #999;

}

/** BASIC CSS END HERE **/ 

.btn_common{

    /* border-radius: 10px; */

    border-radius: 7px;

	background: rgb(10,94,96);

    background-image: -moz-linear-gradient( 0deg, rgb(10,94,95) 0%, rgb(26,221,236) 61%);

    background-image: -webkit-linear-gradient( 0deg, rgb(10,94,95) 0%, rgb(26,221,236) 61%);

    background-image: -ms-linear-gradient( 0deg, rgb(10,94,95) 0%, rgb(26,221,236) 61%);

    box-shadow: 0px 15px 60px 0px rgba(0, 21, 89, 0.18);

    height: auto;

    font-family: "Poppins", sans-serif;

	background-size: 200% auto;

	color: #fff;

	border: 0 !important;

    min-width: 160px;

	padding: 13px 18px;

    letter-spacing: 2px;

	font-size: 16px;

    position: relative;

    z-index: 1;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;      

}

.btn_common:hover,.btn_common:focus{

	color: #fff;

	background-position: right center;

}



.btn_common2{

	background: #219CFE;

	background-image: linear-gradient(to bottom, #67DFCF 0%, #219CFE 100%);

	background-size: 200% auto;

	color: #fff;

	border: 0 !important;

	font-size: 16px;

    font-family: "Poppins", sans-serif;

    letter-spacing: 1px;

    min-width: 160px;

	padding: 13px 13px;

	border-radius: 10px;

	position: relative;

	box-shadow: 0px 15px 60px 0px rgba(0, 21, 89, 0.18);

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

}

.btn_common2::after{

	content: "";

    display: block;

    background: #ffffff;

    border-radius: 8px;

    justify-content: center;

    transition: background .3s ease;

    position: absolute;

    top: 2px;

    left: 2px;

    right: 2px;

    bottom: 2px;

    z-index: 0;

}

.btn_common2 span{

	background-image: linear-gradient(88deg, #09BBFE 40.2%, #475EF0 58.9%);

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

    position: relative;

    z-index: 1;

    font-weight: 500;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

}

.btn_common2:hover::after,.btn_common2:focus::after{

	background: transparent;

}

.btn_common2:hover span,.btn_common2:focus span{

	background-image: none;

    -webkit-background-clip: inherit;

    background-clip: inherit;

	color: #fff;

}



.banner_sec {

    min-height: calc(100vh - 100px);

    height: auto;

    position: relative;

    z-index: 1;

    display: flex;

    align-items: center;

}

.banner_content{

    max-width: 550px;

}

.banner_content h1 {

    color: #000;

    font-size: 83px;

    font-weight: 300;  

    font-family: "AktivGrotesk-Light";  

}

.banner_content h1 span{

	color: var(--color5);

    font-weight: 900;

    font-family: "AktivGrotesk-Bold";

}

.padlft{

	padding-left: 123px;

}

.banner_content p{

	font-size: 16px;

    line-height: 30px;

    font-weight: 600;

    margin-top: 20px;

}

.banner_content p a{

	color: var(--color5);

    text-decoration: underline;

}

.button-group .btn:nth-child(2){

	margin-left: 18px;

}

.sliderimg {

    position: relative;

    width: 100%;

    height: 700px;

    display: flex;

    align-items: center;

    margin-bottom: 40px;

}

.robotimg{

	max-width: 100%;

    max-height: 100%;

    object-fit: contain;

	display: block;

}

.bannerslider {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

}



.bannerslider .owl-nav {

    text-align: center;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 49px;

    width: 119px;

    margin: auto;

}



.bannerslider .owl-nav button {

    color: #A1BBB8 !important;

    position: absolute;

}

.bannerslider .owl-nav .owl-prev{

    left: 0;

}

.bannerslider .owl-nav .owl-next{

    right: 0;

}

.bannerslider .owl-nav button:hover,.bannerslider .owl-nav button:focus{

    color: #1E5B54 !important;

}



.slide_show {

    position: relative;

    width: 100%;

    height: 620px;

	margin-bottom: 80px;

}

.slide_show img{

	width: 100%;

	height: 100%;

	object-fit: contain;

}



.sl1 {

    width: 197px;

    height: 74px;

    border-radius: 5px;

    background-color: rgb(255 255 255 / 58%);

    box-shadow: 0px 24px 60px 0px rgba(48, 48, 48, 0.12);

    padding: 0;

    position: absolute;

    right: 7%;

    top: 28px;

    backdrop-filter: blur(7px);

}

.sl1::after{

	content: "";

    display: block;

    background: #50c3c5;

    width: 25px;

    height: 25px;

    border-radius: 50%;

    border: 5px solid #fff;

    position: absolute;

        bottom: -11px;

    left: -9px;

}

.sl2 {

    width: 237px;

    height: 259px;

    border-radius: 5px;

    background-color: rgb(255 255 255 / 58%);

    box-shadow: 0px 24px 60px 0px rgba(48, 48, 48, 0.12);

    padding: 6px;

    position: absolute;

    right: 8%;

    bottom: 20px;

    backdrop-filter: blur(7px);

}

.sl3 {

    width: 150px;

    height: 177px;

    border-radius: 5px;

    background-color: rgb(255 255 255 / 58%);

    box-shadow: 0px 24px 60px 0px rgba(48, 48, 48, 0.12);

    padding: 6px;

    position: absolute;

    left: 13%;

    bottom: 10px;

    top: 0;

    margin: auto;

	backdrop-filter: blur(7px);

}

.sl4 {

    width: 209px;

    height: 75px;

    border-radius: 5px;

    background-color: rgb(255 255 255 / 58%);

    box-shadow: 0px 24px 60px 0px rgba(48, 48, 48, 0.12);

    padding: 6px;

    position: absolute;

    left: 7%;

    bottom: 80px;

    backdrop-filter: blur(7px);

}

.sl4 img:nth-child(2){

	position: absolute;

    right: -16px;

    top: -10px;

    width: 34px;

    height: 34px;

    bottom: inherit;

    object-fit: cover !important;

    background: transparent;

}

.sltxt {

    position: absolute;

    bottom: -50px;

    left: 0;

    right: 0;

    text-align: center;

    font-size: 18px;

    font-weight: bold;

    color: #0a5e5f;

}



.sheduledemo {

    border-radius: 0;

    position: absolute;

    top: 0;

    left: -140px;

    max-width: 267px;

    display: block;

    z-index: 2;

    background: #fff;

    text-transform: uppercase;

    font-size: 17px;

    font-weight: 600;

    letter-spacing: 2px;

    background-image: linear-gradient(88deg, #0a5e5f 39.2%, #1addec 80.9%);

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

}

.sheduledemo::after{

    content: "";

    display: block;

    width: 108px;

    height: 96px;

    background: url('../images/banner/requesticon.png');

    background-size: contain;

    position: absolute;

    top: -38px;

    bottom: 0;

    right: -70px;

    z-index: 1;

}

.sheduledemo:hover{

    background-image: linear-gradient(88deg, #0a5e5f 39.2%, #1addec 80.9%);

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

}

.section{

	padding: 80px 0;

}

.bg-gray{

	background:#f4f4f4;

}

.iconimgtxt {

    text-align: center;

}

.iconimgtxt .icon_s{

    width: 88px;

    height: 92px;

    object-position: bottom center;

    margin-bottom: 20px;

    margin-left: auto;

    margin-right: auto;

    position: relative;

}

.iconimgtxt .icon_s::after{

    content: "";

    display: block;

    width: 88px;

    height: 92px;

    background: url('../images/icon/Ellipse.png') no-repeat;

    background-size: contain;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    z-index: 0;

	-webkit-transition: all 1s;

	transition: all 1s;

}

.icon_s img{

    width: 100%;

    height: 100%;

    object-fit: contain;

    position: relative;

    z-index: 1;

}

.iconimgtxt h6{

	color: #49494c;

    font-size: 16px;

    font-weight: 600;

}

.icon_sec_moon .row .col-6:nth-child(1) .iconimgtxt .icon_s::after{

    left: -22px;

    transform: rotate(0deg);

}

.icon_sec_moon .row .col-6:nth-child(1) .iconimgtxt:hover  .icon_s::after{

    transform: rotate(360deg);

}

.icon_sec_moon .row .col-6:nth-child(2) .iconimgtxt .icon_s::after{

    left: 0;

    top: 21px;

    transform: rotate(90deg);

}

.icon_sec_moon .row .col-6:nth-child(2) .iconimgtxt:hover .icon_s::after{

    transform: rotate(450deg);

}

.icon_sec_moon .row .col-6:nth-child(3) .iconimgtxt .icon_s::after{

    right: -13px;

    transform: rotate(138deg);

    left: inherit;

    top: -5px;

}

.icon_sec_moon .row .col-6:nth-child(3) .iconimgtxt:hover .icon_s::after{

    transform: rotate(499deg);    

}

.icon_sec_moon .row .col-6:nth-child(4) .iconimgtxt .icon_s::after{

    left: 31px;

    transform: rotate(279deg);

}

.icon_sec_moon .row .col-6:nth-child(4) .iconimgtxt:hover .icon_s::after{

    transform: rotate(629deg);

}

.bg-green{

	background: #053b3c;

}



.req_box {

	max-width: 590px;

    border-radius: 20px;

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

    box-shadow: 0px 15px 60px 0px rgba(2, 16, 17, 0.4);

    padding: 20px;

    margin: auto;

    position: relative;

    z-index: 1;

  }

  

  .input_d {

    border: 2px solid #e5e5e5;

    border-radius: 7px;

    position: relative;

    margin-bottom: 15px;

    margin-top: 6px;

        background: #fff;

}

.input_d label{

    position: absolute;

    top: -10px;

    left: 13px;

    padding: 0 6px;

    color: #87878e;

    z-index: 1;

}

.input_d label::after{

    content: "";

    display: block;

    width: 100%;

    height: 2px;

    background: #fff;

    position: absolute;

    top:0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    z-index: -1;

}

.input_d .form-control{

	border: 0 !important;

	padding: 8px;

}

.request_Sec h2{

    font-size: 60px;

    color: #fff;

    text-align: center;

    font-weight: 300;

    margin-bottom: 30px;

    position: relative;

    z-index: 1;

}

.request_Sec h2 span{

	font-weight: 900;

}

.req_robot {

    position: relative;

    width: 100%;

    max-height: 506px;

    height: 100%;

}

.req_robot img{

	width: 100%;

    height: 100%;

    object-fit: contain;

    transform: translate(0px, 36px) scale(1.15);

}

.section_title{

	color: #000000;

	font-size: 48px;

	margin-bottom: 30px;

	position: relative;

    z-index: 1;

    font-weight: 300;

    font-family: "AktivGrotesk-Light";

}

.section_title span{

	font-weight: 800;

    font-family: "AktivGrotesk-Bold";

}

.weoffers{

	overflow: hidden;

    position: relative;

}

.weoffers .section_title{

	width: max-content;

    margin-left: auto;

    margin-right: auto;

}

.circle_tab {

	position: relative;

    width: 1251px;

    height: auto;

    margin-top: -180px;

    margin-left: -23px;

    margin-right: auto;

    /* overflow: hidden; */

    z-index: 0;

}



.circle_items {

    width: 1251px;

    height: 418px;

    position: relative;

    margin-left: auto;

    margin-right: auto;

    margin-top: 0px;

    transform: rotate(0deg);

    /* border: 2px dashed #747474; */

    background: url('../images/circle_line.png') no-repeat;

    background-size: 100% 100%;

    background-position: center center;

    z-index: 2;

	transition:all .5s ease-in-out;

}

.tab_item{

    color: #808185;

    font-size: 30px;

    font-weight: 600;

	margin: 3px 0;

    padding: 5px 0;

    position: relative;

    z-index: 1;

	transition:all .5s ease-in-out;

}

.tab_item.active{

    background-image: linear-gradient(90deg, #0a5e5f 47.2%, #1addec 53.9%);

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

    font-size: 40px;

    cursor:default !important;

    font-weight: bold;

    padding: 14px 0px;

}

.tab_item span.active{

    display: block;

}

.tab_item span{

    display: none;

}

.tab_item:nth-child(1){

    position: absolute;

    left: 14%;

    bottom: 50%;

    transform-origin: 100% 100%;

    transform: rotate(0deg);

    cursor: pointer;

}

.tab_item:nth-child(2){

    position: absolute;

    bottom: 24%;

    left: 27%;

    transform-origin: 100% 100%;

    transform: rotate(0deg);

    cursor: pointer;

}

.tab_item:nth-child(3){

	position: absolute;

    bottom: 32px;

    left: 0;

    right: 0;

    text-align: center;

    cursor: pointer;

    width: auto;

    margin-left: auto;

    margin-right: auto;

}

.tab_item:nth-child(4){

	position: absolute;

    bottom: 24%;

    right: 27%;

    transform-origin: 100% 100%;

    transform: rotate(0deg);

    cursor: pointer;

}

.tab_item:nth-child(5){

    position: absolute;

    right: 14%;

    bottom: 50%;

    transform-origin: 100% 100%;

    transform: rotate(0deg);

    cursor: pointer;

}

/* #tsaturn .circle_items{

	transform: rotate(-62deg);

}

#tsaturn .tab_item:nth-child(1) {

	left: 1.5em;

    bottom: 5em;

    transform: translate(-68px, -86px) rotate(63deg);

}

#tsaturn .tab_item:nth-child(2) {

	transform:translate(9px, 29px) rotate(63deg);

}

#tsaturn .tab_item:nth-child(3) {

	transform: rotate(61deg);

}





#tfos .circle_items{

	transform: rotate(-32deg);

}

#tfos .tab_item:nth-child(1) {

	left: 1.5em;

    bottom: 13.5em;

    transform: rotate(33deg);

}

#tfos .tab_item:nth-child(2) {

    bottom: 2.3em;

    left: 7.5em;

    transform: rotate(30deg);

}

#tfos .tab_item:nth-child(3) {

	transform: rotate(31deg);

}

#tfos .tab_item:nth-child(4) {

    transform: rotate(34deg);

}

#tfos .tab_item:nth-child(5) {

    transform: rotate(32deg);

}



#tpms .circle_items{

	transform: rotate(30deg);

}

#tpms .tab_item:nth-child(1) {

    transform: rotate(-30deg);

}

#tpms .tab_item:nth-child(4) {

	bottom: 4em;

    right: 7.5em;

    transform: translate(-12px, 30px) rotate(-30deg);

}

#tpms .tab_item:nth-child(2) {

	bottom: 6em;

    left: 10.2em;

    transform: rotate(-31deg);

}

#tpms .tab_item:nth-child(3) {

    bottom: 39px;

    left: 40%;

    transform: rotate(-30deg);

}

#tpms .tab_item:nth-child(5) {

    right: 1.5em;

    bottom: 17em;

    transform: rotate(-31deg);

}

#tbluecollar .circle_items{

	transform: rotate(82deg);

}

#tbluecollar .tab_item:nth-child(5) {

	right: 0.4em;

    bottom: 18.5em;

    transform: rotate(-82deg);

}

#tbluecollar .tab_item:nth-child(3) {

    bottom: 64px;

    left: 47%;

    transform: rotate(-81deg);

}

#tbluecollar .tab_item:nth-child(4) {

    bottom: 6.7em;

    right: 10.5em;

    transform: rotate(-83deg);

} */



.tab_content{

	display: none;

}

.tab_content.active{

	display: block;

}

.circle_tab_content {

    margin-top: 40px;

}

.inner_tab {

    display: flex;

    align-items: center;

    justify-content: space-evenly;

    width: 100%;

    max-width: 1136px;

    margin: auto;

    position: relative;

    text-align: center;

	overflow: visible;

}

.inner_tab::after{

	content: "";

    display: block;

    background: url(../images/line.svg);

    background-size: 100%;

    background-repeat: no-repeat;

    width: 100%;

    height: 3px;

    position: absolute;

    bottom: -20px;

    left: 0;

    right: 0;

}

.inner_tab li{

	cursor: pointer;

	font-size: 16px;

	color: rgb(99, 100, 104);

	font-weight: 500;

	text-wrap: nowrap;

    padding: 10px 20px;

}

.inner_tab li:last-child .inr_icons{

    padding: 30px;

}

.inr_icons{

    width: 96px;

    height: 96px;

	background: rgb(255, 255, 255);

	background: linear-gradient(143deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);

	box-shadow: 0px 15px 35px 0px rgba(70, 71, 72, 0.1);

    border-radius: 50%;

    padding: 24px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 10px;

    position: relative;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

}

.inr_icons::before{

	content: "";

    display: block;

    border-left: 4px solid #9c77eb;

    border-bottom: 4px solid #9c77eb;

    border-top: 4px solid transparent;

    border-right: 4px solid transparent;

    position: absolute;

    width: 85px;

    height: 85px;

    top: 6px;

    border-radius: 50%;

    left: 0;

	opacity: 1;

    transform: rotate(45deg);

	transition: all 0.2s;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

}

.inr_icons::after{

	content: "";

    display: block;

    border-left: 4px solid transparent;

    border-bottom: 4px solid transparent;

    border-top: 4px solid #58e4e7;

    border-right: 4px solid #58e4e7;

    position: absolute;

    width: 96px;

    height: 96px;

    top: 0px;

    border-radius: 50%;

    right: 0;

	opacity: 1;

    transform: rotate(45deg);

	transition: all 0.2s;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

}

.inr_icons img{

	width: 100%;

	height: 100%;

	object-fit: contain;

	filter: brightness(1);

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

}

.inner_tab li.active .inr_icons{

	background: rgb(129,77,243);

	background: linear-gradient(143deg, rgba(129,77,243,1) 0%, rgba(40,206,234,1) 100%);

	box-shadow: 0px 46px 98px 0px rgba(41, 42, 44, 0.3);

}

.inner_tab li.active .inr_icons img{

    filter: brightness(0) invert(13);

}

.inner_tab li.active .inr_icons::before,

.inner_tab li.active .inr_icons::after{

	opacity: 0;

}

.innerc{

	text-align: center;

    position: relative;

    width: 100%;

    max-width: 1136px;

    margin: auto;

	display: none;

	/* transition: all 0.1s;

	-webkit-transition: all 0.1s;

	-moz-transition: all 0.1s; */

}

.access-txt{

    font-size: 16px;

    color: rgb(100, 99, 99);

    font-family: "Poppins", sans-serif;

    font-weight: bold;

    text-transform: uppercase;

    line-height: 1.2;

    text-align: center;

    letter-spacing: 1px;

    position: relative;

    z-index: 1;

  }

  

.innerc.active{

	display: block;

}

.text-uppercase{

	text-transform: uppercase;

}

.inner_tab_content{

	position: relative;

	z-index: 1;

    margin-top: 70px;

}

.inner_tab_content::after{

	content: "";

    display: block;

    width: 100%;

    height: 100%;

    background: url(../images/bg1.png);

    background-repeat: no-repeat;

    background-size: 100%;

    position: absolute;

    top: 21%;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: -1;

}

.testiminial .section_title{

	color: #fff;

}



.testimonil-container{

    max-width: 1510px;

    margin: auto;

    padding: 0 15px;

}

  .testimonial_box {

    width: 98%;

    height: auto;

    min-height:328px;

    --borderWidth: 2px;

    background-image: -moz-linear-gradient( 0deg, rgb(16,134,135) 0%, rgb(14,97,108) 86%);

    background-image: -webkit-linear-gradient( 0deg, rgb(16,134,135) 0%, rgb(14,97,108) 86%);

    background-image: -ms-linear-gradient( 0deg, rgb(16,134,135) 0%, rgb(14,97,108) 86%);

    box-shadow: -1px 4px 10px 0px rgba(2, 16, 17, 0.4);

    position: relative;

    /* border-radius: var(--borderWidth); */

    border-radius: 16px;

    padding: 22px;

    margin: 4px auto;

  }

  .testimonial_box:after {

    content: '';

    position: absolute;

    top: calc(-1 * var(--borderWidth));

    left: calc(-1 * var(--borderWidth));

    height: calc(100% + var(--borderWidth) * 2);

    width: calc(100% + var(--borderWidth) * 2);

    /* background: linear-gradient(60deg, #07BFC2, #456B70, #07BFC2, #07BFC2, #456B70, #07BFC2, #456B70, #456B70); */

    background: linear-gradient(90deg, #456b70, #456B70, #456b70, #2a8a97, #07cace, #2a8a97, #456b70, #456b70);

    /* border-radius: calc(2 * var(--borderWidth)); */

    border-radius: calc(2 * 8px);

    z-index: -1;

    background-size: 200% 200%;

  }

  .testiminialslide  .owl-item.active.center .testimonial_box:after{

    -webkit-animation: animatedgradient 3s ease alternate infinite;

            animation: animatedgradient 3s ease alternate infinite;



  }

  

  @-webkit-keyframes animatedgradient {

      0% {

          background-position: 0% 100%;

      }

      50% {

          background-position: 100% 0%;

      }

      100% {

        background-position: 0% 100% ;

      }

  }

  

  

  @keyframes animatedgradient {

    0% {

        background-position: 0% 100%;

    }

    50% {

        background-position: 100% 0%;

    }

    100% {

      background-position: 0% 100% ;

    }

  }



  .prof_top {

    display: flex;

    align-items: center;

    width: 100%;

    margin-bottom: 15px;

}

.tpfimg {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    overflow: hidden;

    background: #000;

}

.tpfimg img{

    height: 100%;

    object-fit: cover;

}

.tpdes {

    padding: 0 0 0 11px;

}

.tpdes h3{

    font-size: 19px;

    color: #fff;

}

.Trating {

    color: #ffc107;

}

.testimonial_box p {

    color: #fff;

    margin: 0;

}

.testiminialslide .item{

    padding: 15px 4px;

    opacity: 0.5;

    filter: blur(2px);

	transition: all 0.2s;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

}

.testiminialslide .owl-item.active.center .item{

    opacity: 1;

    filter: blur(0px);

	transition: all 0.2s;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

}

.testiminialslide{

    position: relative;

}

.testiminialslide::before{

    content: "";

    display: none;

    background: rgb(5,59,60);

    background: linear-gradient(90deg, rgba(5,59,60,1) 30%, rgba(40,206,234,0) 100%, rgba(255,255,255,0) 100%);

    /* background-image: url('../images/tsl.png');

    background-repeat: no-repeat;

    background-size: 100%; */

    position: absolute;

    left: -1px;

    top: 0;

    bottom: 0;

    width: 30%;

    height: 100%;

    /* left: 0;

    top: -40px;

    bottom: 0;

    margin: auto;

    width: 30%;

    height: 81%; */

    z-index: 1;

}

.testiminialslide::after {

    content: "";

    display: none;

    background: rgb(5, 59, 60);

    background: linear-gradient(269deg, rgba(5, 59, 60, 1) 30%, rgba(40, 206, 234, 0) 100%, rgba(255, 255, 255, 0) 100%);

    /* background-image: url('../images/tsr.png');

    background-repeat: no-repeat;

    background-size: 100%; */

    position: absolute;

    right: -1px;

    top: 0;

    bottom: 0;

    width: 30%;

    height: 100%;

    /* right: 0;

    top: -40px;

    bottom: 0;

    margin: auto;

    width: 30%;

    height: 81%; */

    z-index: 1;

}



.testiminialslide .owl-nav {

    text-align: center;

    margin-top: 23px;

}

.testiminialslide .owl-nav button{

    background: rgb(10, 94, 96) !important;

    background-image: linear-gradient(to right, rgba(10, 94, 96, 1) 0%, rgba(23, 203, 217, 1) 100%) !important;

    background-size: 200% auto !important;

    width: 39px;

    height: 39px;

    border-radius: 50%;

    position: relative;

    margin: 0 6px;

}

.testiminialslide .owl-nav button img{

    position: relative;

    z-index: 1;

}

.testiminialslide .owl-nav button::after{

    content: "";

    display: block;

    position: absolute;

    top: 2px;

    left: 2px;

    right: 2px;

    bottom: 2px;

    background: #fff;

    border-radius: 50%;

}

.testiminialslide .owl-dots{

    text-align: center;

    margin-top: 20px;

}

.testiminialslide .owl-dot{

    border-width: 2px !important;

    border-color: rgb(129, 132, 134) !important;

    border-style: solid !important;

    border-radius: 50%;

    opacity: 0.8;

    width: 12px;

    height: 12px;

    margin: 0 2px;     

}

.testiminialslide .owl-dot.active{

    border-radius: 50%;

    background-image: -moz-linear-gradient( -26deg, rgb(10,94,95) 0%, rgb(26,221,236) 86%);

    background-image: -webkit-linear-gradient( -26deg, rgb(10,94,95) 0%, rgb(26,221,236) 86%);

    background-image: -ms-linear-gradient( -26deg, rgb(10,94,95) 0%, rgb(26,221,236) 86%);

    width: 14px;

    height: 14px;

    border: 2px solid #fff !important;

    transform: translate(0px, 1px);

}

.foot_print{

    max-width: 1124px;

    margin: auto;

}

.footpbox {

    max-width: 261px;

    min-height: 278px;

    border-radius: 10px;

    background-color: transparent;

    box-shadow: 0px 0px 0px 0px rgba(48, 48, 48, 0.12);

    padding: 30px 20px 20px 20px;

    text-align: center;

    margin: auto;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

}

  

.footpbox img{

    width: 115px;

    height: 115px;

    object-fit: contain;

    margin-bottom: 19px;

}

.footpbox h4{

    font-size: 35px;

    color: rgb(6, 6, 6);

    font-weight: 600;

    line-height: 0.857;

    text-align: center;

    margin-bottom: 9px;

}

.footpbox p{

    font-size: 17px;

    color: rgb(118, 118, 118);

    line-height: 1.4;

    text-align: center;

    font-weight: 500;

}

.footpbox:hover,.footpbox.hover{

    box-shadow: 0px 24px 60px 0px rgba(48, 48, 48, 0.12);

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

}

.blog_box{

    width: 100%;

    height: auto;

    border-radius: 10px 10px 50% 10px;

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

    box-shadow: 0px 15px 45px 0px rgba(4, 4, 4, 0.15);

    position: relative;

    padding-top: 150px;

    padding-left: 17px;

    padding-right: 17px;

    padding-bottom: 17px;

    margin-top: 118px;

    margin-bottom: 30px;

}

.blog_img {

    background-color: rgb(225, 237, 253);

    width: 84%;

    height: 198px;

    border-radius: 25px;

    overflow: hidden;

    margin-left: auto;

    margin-right: auto;

    position: absolute;

    top: -65px;

    left: 0;

    right: 0;

}

.blog_img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.post_dtl {

    display: block;

    margin-bottom: 8px;

}

.pcateory{

    display: inline-block;

    padding: 4px 10px;

    border-radius: 5px;

    margin-right: 10px;

    font-weight: 500;

}

.pdate{

    display: inline-block;

    font-size: 13.504px;

    color: #8f8f8f;

    font-weight: 500;

}

.blog_content h2{

    font-size: 22px;

    color: #000000;

    line-height: 1.364;

    text-align: left;

    margin-bottom: 12px;

}

.blog_content h2 a{

    color: #000000;

}

.blog_content p{

    font-size: 16px;

    width: 80%;

    line-height: 27px;

    margin-bottom: 5px;

}



.blog_content p a{

    color: #108185;

    text-decoration: underline;

    font-weight: 600;

    letter-spacing: 1px;

    font-size: 17px;

    display: inline-block;

}

.first_blog_box,

.second_blog_box,

.third_blog_box {

    padding: 0 15px;

}

.second_blog_box ,.first_blog_box{

    margin-top: -100px;

}

.first_blog_box .section_title,.first_blog_box .section_title span{

    font-family: "Poppins", sans-serif !important;

}

.third_blog_box {

    margin-top: 170px;

}

.app_container{

    margin-top: 90px;

    background: url(../images/appdownload.png);

    background-size: cover;

    background-repeat: no-repeat;

    border-radius: 10px;

    width: 117%;

    margin-left: -8%;

    height: auto;

    padding: 42px 72px 42px 120px;

}

.app_container .row{

    align-items: center;

}

.app_container p{

    font-size: 15px;

    color: rgb(73, 73, 76);

    line-height: 1.5;

    font-weight: 500;

}

.app_screen {

    width: 100%;

    height: 100%;

    position: relative;

}

.app_screen img {

    margin-top: -120px;

}

.app_dbtn {

    max-width: 440px;

}

.app_btn {

    display: block;

    width: 100%;

    max-width: 200px;

    margin: auto;

}

.app_dbtn img{

    max-width: 109px;

}

.app_btn img{    

    width: 100%;

    max-width: 100% !important;

    display: block;

}

.foot_logo {

    max-width: 150px;

    display: block;

}

.foot_social {

    display: flex;

    align-items: center;

    justify-content: center;

}

.foot_social li{

    margin: 0 4px;

}

.foot_social li a{

    width: 50px;

    height: 50px;

    display: block;

    background: #fff;

    border-radius: 50%;

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

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

    position: relative;

}

.foot_social li a:hover{

    box-shadow: 0px 10px 30px 0px rgba(16, 16, 16, 0.12);

}

.foot_social li a img{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    object-fit: contain;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.foot_social li a .w-s{

    /* display: block; */

    opacity: 1;

}

.foot_social li a .c-s{

    /* display: none; */

    opacity: 0;

}

.foot_social li a:hover .w-s{

    /* display: none; */

    opacity: 0;

}

.foot_social li a:hover .c-s{

    /* display: block; */

    opacity: 1;

}



.fotcontact-link{

    display: block;

    font-size: 21px;

    color: #010101;

    font-weight: 500;

}

.fotcontact-link img{

    margin-right: 3px;

    width: 37px;

}

footer {

    position: relative;

}

.foot_top {

    padding: 30px 0 60px;

}

.fdevier{

    background: #b9bbbf;

    width: 100%;

    height: 2px;

}

.foot_middle{

    padding: 30px 0 2px;

    position: relative;

}

.mfooterwidth {

    max-width: 990px;

    position: relative;

}

.chatfooter {

    position: absolute;

    bottom: 0;

    right: -313px;

    max-width: 453px;

    height: 465px;

    display: block;

}

.chatfooter img{

    width: 100%;

    height: 100%;

    object-fit: contain;

}

/* .foot_middle::after{

    content: "";

    display: block;

    background: url(../images/footerimg.png);

    background-repeat: no-repeat;

    background-size: contain;

    background-position: right bottom;

    width: 25%;

    height: 100%;

    position: absolute;

    bottom: 0;

    right: 0;

} */

.foot_title {

    font-size: 18px;

    color: rgb(0, 0, 0);

    font-weight: bold;

    line-height: 1.2;

    margin-bottom: 20px;

    letter-spacing: 1.5px;

  }

  .foot_menu {

    margin-bottom: 28px;

  }

  .foot_menu li{

    margin-bottom: 8px;

  }

  .foot_menu li:last-child{

    margin-bottom: 0 !important;

  }

  .foot_menu li a {

    font-size: 12px;

    color: rgb(110, 113, 119);

    text-align: left;

    font-weight: 600;

  }

  .foot_menu li a:hover{

     color: #12989a;

  }

  .foot_bottom {

    padding: 30px 0;

}

  .copy_right {

    font-size: 18px;

    color: rgb(0, 0, 0);

    font-weight: bold;

    line-height: 1.2;

    text-align: center;

    margin: 0;

  }

  .copy_right a{

    color: rgb(0, 0, 0);

  }

  @keyframes widthanimate {

    /* from { left: 0%; }

    to { left: 105%; } */

    0% { left: 0%; }

    100% { left: 105%; }

  }



  .lineanimatesection{

    position: relative;

    z-index: 1;

  }

  .lineanimatesection::after{

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: url(../images/line2.png) no-repeat;

    width: 100%;

    z-index: -1;

    overflow: hidden;

    background-size: contain;

    background-position: center center;

  }

  .lineanimatesection::before{

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0%;

    right: 0;

    bottom: 0;

    background-image: url('../images/noicebg.png');

    background-color: #053b3c;

    width: 100%;

    height: 100%;

     /* animation: widthanimate 3s infinite ease-in-out; */

  }



  .lineanimatesection2{

    position: relative;

    z-index: 1;

  }

  .lineanimatesection2::after{

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 21px;

    background: url(../images/line1.png);

    background-repeat: no-repeat;

    width: 100%;

    z-index: -1;

    overflow: hidden;

    background-size: 100% 90%;

    background-position: bottom center;

  }

  .lineanimatesection2::before{

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0%;

    right: 0;

    bottom: 0;

    background-image: url('../images/noicebg.png');

    background-color: #053b3c;

    /* background-repeat: no-repeat; */

    /* background-size: cover; */

    width: 100%;

    height: 100%;    

    /* animation: widthanimate 3s infinite ease-in-out; */

    /* animation-duration: 2s;     

    animation-iteration-count: 1; */

  }



  .lineanimatesection3{

    position: relative;

    z-index: 1;

  }

  .lineanimatesection3::after{

    content: "";

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    background: url(../images/line3.png) no-repeat;

    width: 50%;

    height: 90%;

    z-index: -1;

    overflow: hidden;

    background-size: contain;

    background-position: center center;

  }

  .lineanimatesection3::before{

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0%;

    right: 0;

    bottom: 0;

    background-image: url('../images/noicebg.png');

    background-color: #053b3c;

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    height: 100%;

  /* animation-duration: 2s;     

  animation-iteration-count: 1; */

  }

  .lineanimatesection4{

    position: relative;

    z-index: 1;

  }

  .lineanimatesection4::after{

    content: "";

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    background: url(../images/line6.png) no-repeat;

    width: 100%;

    height: 100%;

    z-index: -1;

    overflow: hidden;

    background-size: contain;

    background-position:center center;

  }

  .lineanimatesection4::before{

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0%;

    right: 0;

    bottom: 0;

    background-image: url('../images/noicebg.png');

    background-color: #053b3c;

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    height: 100%;

  /* animation-duration: 2s;     

  animation-iteration-count: 1; */

  }

  .lineanimate.strt_animate::before{

    animation: widthanimate ease-in-out;

    animation-duration: 5s;     

    animation-iteration-count: 1;

  }

  .lineanimate.strt_animate::before{

    left: 105%;

  }



  .btn_floating{

	background:rgb(10,94,95);

    background: rgb(26,219,234);

    background: linear-gradient(264deg, rgba(26,219,234,1) 0%, rgba(2,84,85,1) 100%);

	background-image: -moz-linear-gradient(264deg, rgba(26,219,234,1) 0%, rgba(2,84,85,1) 100%);

	background-image: -webkit-linear-gradient(264deg, rgba(26,219,234,1) 0%, rgba(2,84,85,1) 100%);

	background-image: -ms-linear-gradient(264deg, rgba(26,219,234,1) 0%, rgba(2,84,85,1) 100%);

    background-size: 200% auto;

	position: fixed;

    right: -90px;

    top: 0;

    bottom: 0;

    letter-spacing: 2px;

    margin: auto;

    width: 237px;

    height: 58px;

    z-index: 99;

    border: 0 !important;

    font-size: 18.487px;

    color: rgb(255, 255, 255);

    line-height: 1.156;

    border-radius: 10px 10px 0 0;

    transform: rotate(-90deg);

}

.btn_floating:hover,.btn_floating:focus{

    color: rgb(255, 255, 255);

	background:rgb(10,94,95);

	background-image: linear-gradient( 0deg, rgb(10,94,95) 100%, rgb(26,221,236) 0%);

	background-position: right center;

}

.sector_section .section_title{

    color: #fff;

}

.sector_sec {

    text-align: center;

    position: relative;

    width: 100%;

    min-height: 92px;

    padding: 10px 8px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: linear-gradient(to right, #15c6c5, #13808b);

    font-size: 20px;

    text-transform: uppercase;

    font-weight: 700;

    border-radius: 15px;

    --border: 4px;

    z-index: 1;

    border: solid var(--border) transparent;

    background-clip: padding-box;

    color: #1B3834;

    margin-top: 15px;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

}

.sector_sec::before {

    content: '';

    position: absolute;

    top: 0; right: 0; bottom: 0; left: 0;

    z-index: -1;

    margin: var(--border); /* !importanté */

    border-radius: 9px; /* !importanté */

    background: #fff;

}



.sector_content {

    position: relative;

    max-width: 1119px;

    margin: auto;

    margin-bottom: 20px;

}

.shedule_angle {

    display: inline-block;

    position: relative;

    border-radius: 50%;

    cursor: pointer;

    max-width: 85px;

}

.shedule_angle img{

    width: 100%;

}

.request_modal .btn-close{

    position: absolute;

    right: -56px;

    top: 0;

    cursor: pointer;

    backdrop-filter: brightness(0) invert(1);

    width: 2em;

    height: 2em;

    z-index: 99999;

}

.request_modal .modal-content {

    background: transparent !important;

    border: 0 !important;

}

.request_modal .modal-body{

    padding: 0;

}





.about_sec{

	padding: 10px 0 80px;

    position: relative;

}



.about_content{

    padding-right: 25px;

}

.about_content p {

    color: rgb(99, 100, 104);

    text-align: justify;

    font-size: 15px;

    line-height: 30px;

    font-weight: 500;

    margin-top: 20px;

    max-width: 573px;

  }

  

  .about_content h1{

    font-size: 65px;

    font-weight: 300;

    color: #000;

    font-family: 'AktivGrotesk-Light';

  }

  .about_content h1 span{

    color: rgb(10, 94, 95);

    font-weight: 900;

    font-family: 'AktivGrotesk-Bold';

  }

  



.padlft{

	padding-left: 123px;

}

.banner_content p{

	font-size: 16px;

    line-height: 30px;

    font-weight: 600;

    margin-top: 20px;

}

.milestone_Sec{

    background-color: #000b0c !important;

    padding-bottom: 42vh;

}

.milestone_Sec .section_title{

    color: #fff;

}





.milestone {

    height: 150px;

    width: 100%;

    padding: 10px 15px;

    color: #009140;

    font-size: 16px;

    position: relative;

    background: #fff;

    border: 1px solid #009140;

    box-shadow: inset 0 0 10px rgba(0, 145, 64, 0.5);

  }

  .milestone ul {

    list-style: none;

    margin: 0;

    padding: 0;

  }

  .timeline_slider{

    position: relative;

  }

  .years-carousel .owl-stage{

    z-index: 1;

  }

  .years-carousel .owl-stage::before{

    content: "";

    display: block !important;

    width: var(--my-width);

    height: 2px;

    background: rgb(139, 227, 137);

    background: linear-gradient(90deg, rgba(139, 227, 137, 1) 0%, rgba(96, 255, 255, 1) 100%);

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    z-index: 1;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

    animation-delay: 5s;

  }

  .years-carousel {

    margin-top: 30px;

}

  .years-carousel .owl-item a {

    text-decoration: none;

    display: block;

    width: 100%;

    height: 100%;

  }

  .years-carousel .owl-item a .yr{

    position: absolute;

    left: 0;

    right: 0;

    text-align: center;

    top: 2px;

    font-size: 24px;

    color: rgb(255, 255, 255);

    text-transform: uppercase;

  }

  .years-carousel .owl-item a .ttxt{

    position: absolute;

    left: 0;

    right: 0;

    text-align: center;

    bottom: 6px;

    font-size: 22px;

    color: rgba(255, 255, 255, 0.302);

    letter-spacing: 1px;

  }

  .tdoted{

    border-width: 2px;

    border-color: #5DEAE0;

    border-style: solid;

    border-radius: 50%;

    position: absolute;

    background: #011816;

    width: 14px;

    height: 14px;

    left: 0;

    right: 0;

    margin: auto;

    top: 0;

    bottom: 0;

    z-index: 3;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

    animation-delay: 5s;

  }

  .tdoted::after {

    content: "";

    display: block;

    border-radius: 50%;

    background-color: transparent;

    opacity: 0.102;

    position: absolute;

    width: 38px;

    height: 38px;

    top: -14px;

    left: -14px;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

    animation-delay: 5s;

  }

  .years-carousel .owl-item.active.center a {

    color: #009140;

    font-size: 25px;

    font-weight: bold;

    line-height: 30px;

  }

  .years {

    position: relative;

    height: 130px;

    display: flex;

    align-items: center;

}

  .years a:after {

    content: "";

    position: absolute;

    height: 2px;

    width: 100%;

    top: 0;

    bottom: 0;

    margin: auto;

    border: 1px dashed #53B497;

    z-index: -4;

  }

 



  .years-carousel .owl-item .years.clicktime a .ttxt{

    font-size: 22px;

    color: rgb(255, 255, 255);

    font-weight: 500;

  }

  .years-carousel .owl-item .years.clicktime .tdoted{

    border-width: 2px;

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

    border-style: solid;

    border-radius: 50%;

    background-image: -moz-linear-gradient( 180deg, rgb(96,255,255) 0%, rgb(139,227,137) 100%);

    background-image: -webkit-linear-gradient( 180deg, rgb(96,255,255) 0%, rgb(139,227,137) 100%);

    background-image: -ms-linear-gradient( 180deg, rgb(96,255,255) 0%, rgb(139,227,137) 100%);

    box-shadow: 3.441px 4.915px 4px 0px rgba(0, 22, 33, 0.5);

  }

 .years-carousel:before{

    content: "";

    display: block;

    position: absolute;

    z-index: 1;

    left: -10%;

    top: 0;

    bottom: 0;

    margin: auto;

    height: 2px;

    width: 10%;

    background-image: -moz-linear-gradient(180deg, rgb(96, 255, 255) 0%, rgb(139 227 137 / 5%) 100%);

    background-image: -webkit-linear-gradient(180deg, rgb(96, 255, 255) 0%, rgb(139 227 137 / 5%) 100%);

    background-image: -ms-linear-gradient(180deg, rgb(96, 255, 255) 0%, rgb(139 227 137 / 5%) 100%);

}

.years-carousel::after{

    content: "";

    display: block;

    position: absolute;

    z-index: 1;

    right: -10%;

    top: 0;

    bottom: 0;

    margin: auto;

    height: 2px;

    width: 10%;

    border-width: 1px;

    border-style: dashed;

    border-image-slice: 1;

    border-image-source: -webkit-linear-gradient(180deg, rgb(139 227 137 / 5%) 0%, rgb(96, 255, 255) 100%);

}

  .years-carousel .owl-item .years.clicktime .tdoted::after {

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

  }

  .years-carousel .owl-prev{

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    margin: auto;

    width: 52px;

    height: 52px;

  }

  .years-carousel .owl-next{

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    width: 52px;

    height: 52px;

  }

  .mvcontent p{

    text-align: justify;

    font-size: 15px;

    line-height: 30px;

  }

  .mvcontent p span{

    font-size: 50px;

    color: rgb(0, 0, 0);

    font-family: 'AktivGrotesk-Light'; 

  }

  .mvcontent p span strong{

    font-family: 'AktivGrotesk-Bold'; 

  }

  .mission_vission{

    position: relative;

    z-index: 1;

  }

.lftline{

    position: absolute;

    top: 9%;

    left: 0;

    z-index: 0;

    width: auto;

    max-width: 100%;

}

.rgtline{

    position: absolute;

    bottom: 9%;

    right: 0;

    z-index: 0;

    width: auto;

    max-width: 100%;

}

.content_img img{

    position: relative;

    z-index: 1;

}





.our_management{

    background-color: #053B3C;

    background-image: url('../images/noicebg.png');

    height: auto;

    padding: 50px 0;

    position: relative;

}

.our_management .section_title{

    color: #fff;

    margin-bottom: 54px;

}

.circle_man_img {

    position: relative;

    width: 707px;

    height: 707px;

    background: #FAFAFA;

    border-radius: 50%;

}

.circle_man_img .circle_img{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    width: 90%;

    height: 90%;

    z-index: 1;

}

.circle_man_img .man_img{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    width: 70%;

    height: 70%;

    overflow: hidden;

    border-radius: 50%;

    z-index: 1;

}

.circle_man_img .man_img img{

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center center;

}

.ovrly_txt {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #ffffffa3;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px;

    opacity: 0;

    

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.ovrly_txt p{

    font-size: 17px;

    color: rgb(0, 0, 0);

    font-weight: 600;

    line-height: 1.667;

    text-align: center;

    margin: 0;

    transform: translate(100%, 0);

    

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.man_img:hover .ovrly_txt{

    opacity: 1;

}

.man_img:hover  .ovrly_txt p{

    transform: translate(0%, 0);

}

.circle_man_img .aklft_img {

    position: absolute;

    bottom: 70px;

    left: 40px;

    z-index: 1;

}

.circle_man_img .ajrgt_img {

    position: absolute;

    bottom: 100px;

    right: 40px;

    z-index: 1;

}

.quote_txt {

    width: 110%;

    transform: translate(-11%, 0px);

}

.qut {

    position: relative;

    max-width: 484px;

    margin-bottom: 50px;

}

.qut::before{

    content: url("../images/management/leftquote.png");

    display: block;

    position: absolute;

    left: -42px;

    top: -20px;

}

.qut::after{

    content: url("../images/management/rightquote.png");

    display: block;

    position: absolute;

    right: -30px;

    bottom: 17px;

}

.qut h4{

    font-size: 30px;

    color: rgb(255, 255, 255);

    line-height: 1.067;

    margin-bottom: 20px;

}

.qut h4:nth-child(2){

    margin-left: 142px;

}

.quote_txt p {

    font-size: 20px;

    color: rgb(255, 255, 255);

    line-height: 1.6;

    max-width: 320px;

    margin: 0;

    margin-left: 140px;

}

.man_dtls {

    margin-bottom: 60px;

    margin-left: 40px;

    position: relative;

    z-index: 1;

}

.man_dtls h1{

    font-size: 50px;

    font-weight: 400;

    color: rgb(0, 0, 0);

    line-height: 0.64;

    margin-bottom: 20px;

    font-family: 'AktivGrotesk-Light';

}

.man_dtls h1 span{

    font-weight: bold;

    font-family: 'AktivGrotesk-Bold';

}

.man_dtls p{

    font-size: 18px;

    color: rgb(85, 85, 93);

    font-weight: bold;

    text-decoration: underline;

    text-transform: uppercase;

    letter-spacing: 2px;

}

.team_sec{

    position: relative;

    padding-bottom: 80px;

    z-index: 1;

}

.team_sec::before {

    content: "";

    display: block;

    width: 100%;

    /* height: 70%; */

    height:64.5%;

    background: url(../images/management/linejoin.png) no-repeat;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    background-size: 100% 100%;

    background-position: center center;

    z-index: 1;

    margin-left: 8%;

    margin-top: 10%;

}

.mng_img {

    margin-top: -283px;

}



.advisor_sec {

    background-color: #044140;

    background-image: url('../images/noicebg.png');

    padding: 50px 0;

    z-index: 1;

    position: relative;

}

.advisor_sec .section_title{

    color: #fff;

}

.adv_content {

    text-align: center;

    max-width: 507px;

    position: relative;

    /* background: #044140; */

    padding: 20px 0;

}

.adv_content::before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    top: -100%;

    width: 2px;

    margin: auto;

    height: 100%;

    background: #fafafa;

}

.adv_content::after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -31%;

    width: 2px;

    margin: auto;

    height: 33%;

    background: #fafafa;

}

.adv_content h1{

    font-size: 50px;

    color: rgb(255, 255, 255);

    line-height: 0.64;

    font-weight: 300;

    font-family: "AktivGrotesk-Light"

}

.adv_content h1 span{

    font-weight: bold;

    font-family: "AktivGrotesk-Bold"

}

.adv_content h5{

    font-size: 18px;

    color: rgb(255, 255, 255);

    font-weight: bold;

    text-decoration: underline;

    text-transform: uppercase;

    line-height: 1.778;  

    margin: 30px 0 20px;    

}

.adv_content p{

    font-size: 16px;

    color: rgb(255, 255, 255);

    line-height: 1.875;

    margin: 0;

}

.adv_imgs {

    border: 8px solid rgb(255, 255, 255);

    border-radius: 10px;

    background-image: -moz-linear-gradient( 0deg, rgb(10,94,95) 0%, rgb(26,221,236) 86%);

    background-image: -webkit-linear-gradient( 0deg, rgb(10,94,95) 0%, rgb(26,221,236) 86%);

    background-image: -ms-linear-gradient( 0deg, rgb(10,94,95) 0%, rgb(26,221,236) 86%);

    width: 100%;

    max-width: 446px;

    height: 414px;

    padding: 15px;

    margin-bottom: -110px;

    position: relative;

    z-index: 1;

}

.adv_imgs img{

    width: 100%;

    height: 100%;

    border-radius: 10px;

    object-fit: cover;

    object-position: center center;

}

.rjvlftshp {

    position: absolute;

    right: 79%;

    top: -30px;

    z-index: 0;

}





.technology_we_use{

    background-color: #063D3C;

    background-image: url('../images/noicebg.png');

    position: relative;

}

.tecxc_content {

    max-width: 630px;

    margin-left: auto;

}

.tecxc_content h1{

    font-size: 55px;

    color: rgb(255, 255, 255);

    font-weight: 300;

    margin-bottom: 10px;

    font-family: 'AktivGrotesk-Light';

}

.tecxc_content h1 span{

    font-weight: bold;

    font-family: 'AktivGrotesk-Bold';

}

.tecxc_content p{

        font-size: 18px;

        color: rgb(255, 255, 255);

        line-height: 1.667;

        font-weight: 400;

}

.programme_step {

    background: #fafafa;

    position: relative;

}



.technology_list li {

    position: relative;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.technology_list li::before{

    content: "";

    display: block;

    border-width: 1px;

    border-color: rgb(114, 119, 119);

    border-style: solid;

    position: absolute;

    left: 31px;

    top: 50%;

    width: 1px;

    height: 100%;

    z-index: 1;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.technology_list li::after{

    content: "";

    display: block;

    position: absolute;

    left: 28.7px;

    top: 83%;

    width: 6px;

    height: 46px;

    background-image: url(../images/technologyuse/dot.png);

    background-size: 80% 80%;

    background-repeat: no-repeat;

    background-position: center center;

    background-color: #fafafa;

    margin: auto;

    z-index: 1;

    backdrop-filter: blur(100px);

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.technology_list li:hover::after{

    background-image: url(../images/technologyuse/dot2.png);

}

.technology_list li:last-child::before,.technology_list li:last-child::after{

    display: none;

}

.technology_list li .dots {

    display: block;

    width: 40px;

    height: 40px;

    background: #f6c331;

    border-radius: 50%;

    position: absolute;

    top: 37%;

    left: 12px;

    border: 14px solid #fafafa;

    z-index: 1;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.technology_list li:hover .dots{

    background: #02aceb;

    border-color: #fff;

}

.technology_list .tech_box {

    padding: 15px 15px 15px 70px;

    border-radius: 15px;

    background: transparent;

    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.08);

    max-width: 541px;

    width: 100%;

    min-height: 152px;

    height: auto;

    display: flex;

    align-items: center;

    overflow: hidden;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.technology_list .tech_box span{ 

    font-size: 30px;

    color: rgba(246, 195, 49, 0.6);

    line-height: 2;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.technology_list .tch_contnt {

    margin-left: 18px;

}

.technology_list .tch_contnt h4{

    font-size: 20px;

    color: rgba(0, 0, 0, 0.6);    

    margin-bottom: 10px;  

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.technology_list .tch_contnt p{

    display: none;

    margin: 0;

    font-size: 16px;

    color: rgb(78, 78, 82);

    line-height: 1.625;

    text-align: left;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.technology_list li:hover .tech_box{

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

    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.08);

}

.technology_list li:hover  .tech_box span{

    color: rgb(2, 169, 233);

}

.technology_list li:hover  .tech_box .tch_contnt h4{

    background-position: right center;

    background-image: linear-gradient(139deg, #81237c 20.2%, #60b6ff 53.9%);

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

    -webkit-text-fill-color: transparent;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-weight: 600;

}

.technology_list li:hover  .tech_box .tch_contnt p{

    display: block;

}



.dev_c p{

    font-size: 18px;

    color: rgb(78, 78, 82);

    line-height: 1.667;

    text-align: center;

  }

  .career_section{

     padding-top: 20px;

     position: relative;

  }

  .career_section h1{

        font-size: 65px;

        color: #000000;

        font-weight: 300;

        line-height: 1.154;

        margin-bottom: 30px;

        font-family: 'AktivGrotesk-Light';

  }

  .career_section h1 span{

    color: rgb(10, 94, 95);

    font-weight: bold;

    font-family: 'AktivGrotesk-Bold';

  }

  .career_section p{

    font-size: 17px;

    color: rgb(99, 100, 104);

    line-height: 1.875;

    font-weight: 500;

  }

  .border_line_box {

    position: relative;

    width: 100%;

    min-height: 399px;

    z-index: 1;

}

.border_line_box::before{

    content: "";

    display: block;

    width: 3px;

    height: 100%;

    background: url(../images/career/line.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

}

.border_line_box::after{

    content: "";

    display: none;

    width: 3px;

    height: 100%;

    background: url(../images/career/line.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

}

.border_line_box {

    position: relative;

    width: 100%;

    min-height: 399px;

    padding: 0 15px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #f4f4f4;

}

.why_choose_box {

    padding: 29px 29px 99px 29px;

    border-radius: 10px;

    background-image: -moz-linear-gradient( -46deg, transparent 0%, transparent 100%);

    background-image: -webkit-linear-gradient( -46deg, transparent 0%, transparent 100%);

    background-image: -ms-linear-gradient( -46deg, transparent 0%, transparent 100%);

    box-shadow: 0px 0px 0px 0px rgba(20, 20, 21, 0.3);

    width: 100%;

    min-height: 400px;

    position: relative;   

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;   

}

.why_choose_box .whyicon {

    position: absolute;

    bottom: 31px;

    width: 65px;

    height: 65px;

    object-fit: contain;

    filter: brightness(1);

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.why_choose_box span{

    font-size: 40px;

    color: rgb(78, 78, 82);

    font-family: 'AktivGrotesk-Bold';

    line-height: 0.65;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.why_choose_box h2{

    font-size: 24px;

    color: rgb(78, 78, 82);

    font-family: 'AktivGrotesk-Bold';

    line-height: 1.2;

    margin-top: 10px;

    margin-bottom: 10px;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.why_choose_box p{

    font-size: 16px;

    color: rgb(78, 78, 82);

    line-height: 1.625;  

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.whychoose_Sec{

    padding: 0 15px;

}

.whychoose_Sec .col-lg-4{

    padding: 0;

}

.whychoose_Sec .col-lg-4:last-child .border_line_box::after{

    display: block;

}

.why_choose_box:hover{

    background-image: -moz-linear-gradient( -46deg, rgb(115,67,219) 0%, rgb(25,228,232) 100%);

    background-image: -webkit-linear-gradient( -46deg, rgb(115,67,219) 0%, rgb(25,228,232) 100%);

    background-image: -ms-linear-gradient( -46deg, rgb(115,67,219) 0%, rgb(25,228,232) 100%);

    box-shadow: 0px 15px 60px 0px rgba(20, 20, 21, 0.3);

}

.why_choose_box:hover .whyicon{

    filter: brightness(10);

}

.why_choose_box:hover span{

    color: #fff;

}

.why_choose_box:hover h2{

    color: #fff;

}

.why_choose_box:hover p{

    color: #fff;

}

.wicon{

    display: none;

}

.why_choose_box:hover .wicon{

    display: block;

}

.why_choose_box:hover .cicon{

    display: none;

}

.site_shape_right {

    position: absolute;

    right: 0;

    top: 0;

}

.fullsite_shape {

    position: absolute;

    top: 9%;

    width: 100%;

    left: 0;

    bottom: 0;

    height: 100%;

    object-fit: contain;

}

.collapse_items_box{

    border-radius: 10px;

    background-color: transparent;

    box-shadow: 0px 0px 0px 0px rgba(20, 20, 21, 0.15);

    padding: 20px 20px 20px 100px;

    position: relative;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

  }

  .collapse_head {

    position: relative;

}

.item_icons {

    position: absolute;

    left: -67px;

    width: 47px;

    text-align: center;

    top: 6px;

}

.item_icons img{

    width: 100%;

}

.item_cont h6 {

    font-size: 18px;

    color: rgb(78, 78, 82);

    font-weight: bold;

    line-height: 1.444;

}

.item_cont h2 {

    font-size: 40px;

    color: rgb(78, 78, 82);

    line-height: 0.65;

    margin: 0px 0 11px;       

    font-family: 'AktivGrotesk-Bold'; 

    padding: 13px 0;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}



.short_content p,.more_content p{

    font-size: 18px;

    color: rgb(78, 78, 82);

    line-height: 1.444;

}

.short_content p a{

    color: #108082;

    text-decoration: underline;

    letter-spacing: 1px;

    font-weight: 600;

}

.more_content ul{

    margin-bottom: 15px;

}

.more_content ul li{

    font-size: 18px;

    color: rgb(78, 78, 82);

    line-height: 1.444;

    margin: 10px 0;

    padding-left: 14px;

    position: relative;

    font-weight: 400;

    font-family: "Poppins", sans-serif;

}

.more_content ul li::before{

    content: url('../images/career/arrow.png');

    display: block;

    position: absolute;

    left: 0;

    top: 1px;

}

.collapse_hide {

    display: none;

    position: absolute;

    top: -32px;

    right: 0;

    opacity: 0;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.collapse_items_box.collapsebox{

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

    box-shadow: 0px 15px 60px 0px rgba(20, 20, 21, 0.15);

    margin-bottom: 24px;

}

.collapse_items_box.collapsebox .collapse_hide{

    display: block;

    opacity: 1;

}

.collapse_items_box.collapsebox  .item_cont h2{

    background-position: right center;

    background-image: linear-gradient(135deg, #7343db 13.2%, #19e4e8 28.9%);

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

    -webkit-text-fill-color: transparent;

}

.input_file_collapse {

    position: relative;

}

.input_file_collapse span{

    padding: 11px;

    display: block;

    width: 90%;

    min-height: 47px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

.input_file_collapse .inputupload{

    cursor: pointer;

    right: 4px;

    left: inherit;

    top: 9px;

}

.form-check-input:checked {

    background-color: var(--color5);

    border-color: var(--color1);

}

.more_content .btn_common {

    margin-top: 6px !important;

    min-width: 126px;

} 

.sneak_pack {

    background: #023c3e;

    background-image: url('../images/noicebg.png');

    margin: 46px 0 35px;

    position: relative;

}

.sneak_pack::before{

    content: "";

    display: block;

    width: 100%;

    height: 100%;

    background: url('../images/career/line2.png') no-repeat;

    background-size: cover;

    background-position: center bottom;

    position: absolute;

    left: 0;

    top: 0;

}

.collage_image {

    max-width: 644px;

    height: 480px;

    position: relative;

    margin-top: -120px;

}

.sneak_pack h1 {

    font-size: 55px;

    color: rgb(255, 255, 255);

    font-weight: 300;

    line-height: 1.182;

    font-family: 'AktivGrotesk-Light';

  }

.sneak_pack h1 span{

    font-weight: bold;

    font-family: 'AktivGrotesk-Bold';

}

.inner_banner{

    position: relative;

    width: 100%;

    height: 376px;

}

.inner_overlay {

    width: 100%;

    height: 100%;

    background: rgb(5 59 60 / 94%);

    display: flex;

    align-items: center;

    justify-content: center;

}

.inner_overlay h1{

    font-size: 65px;

    color: rgb(255, 255, 255);    

    font-weight: 300;

    line-height: 0.923;

    margin-bottom: 23px;

}

.inner_overlay h1 span{

    font-weight: bold;

}

.inner_overlay p{

    font-size: 18px;

    color: rgb(255, 255, 255);

    line-height: 1.556;

    margin-bottom: 0;

  }

  

  .faq_container {

    margin-top: 70px;

    position: relative;

}

.faq_lftbar {

    border-radius: 10px;

    background-color: rgb(229, 233, 242);

    width: 100%;

    height: auto;

  }

  

  .faq_lftbar {

    border-radius: 10px;

    background-color: rgb(229, 233, 242);

    width: 100%;

    height: auto;

    text-align: center;

    padding: 30px 20px;

    position: relative;

    z-index: 1;

}

.faq_container::before{

    content: url('../images/faq/line.png');

    display: block;

    position: absolute;

    top: -125px;

    left: -93px;

    z-index: 1;

}

.faq_lftbar::before{

    content: url('../images/faq/CIRCLE.png');

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}

.faq_lftbar::after{

    content: url('../images/faq/CIRCLE2.png');

    display: block;

    position: absolute;

    bottom:-4px;

    right: 0;

    z-index: -1;

}

.faq_lftbar::after{

    

}

.faq_lftbar ul {

    margin: 57px 0;

}

.faq_lftbar ul li{

    font-size: 18px;

    color: rgb(0, 0, 0);

    font-weight: bold;

    line-height: 1.2;

    cursor: pointer;

    padding: 15px 10px;

    margin: 10px 0;

    background-image: -moz-linear-gradient( 0deg, rgba(10, 94, 95, 0) 0%, rgba(26, 222, 236, 0) 86%);

    background-image: -webkit-linear-gradient( 0deg, rgba(10, 94, 95, 0) 0%, rgba(26, 222, 236, 0) 86%);

    background-image: -ms-linear-gradient( 0deg, rgba(10, 94, 95, 0) 0%, rgba(26, 222, 236, 0) 86%);

    box-shadow: 0px 0px 0px 0px rgba(0, 21, 89, 0.18);

	transition: all 0.1s;

	-webkit-transition: all 0.1s;

	-moz-transition: all 0.1s;

}

.faq_lftbar ul li.active{

    border-radius: 5px;

    background-image: -moz-linear-gradient( 0deg, rgb(10,94,95) 0%, rgb(26,221,236) 86%);

    background-image: -webkit-linear-gradient( 0deg, rgb(10,94,95) 0%, rgb(26,221,236) 86%);

    background-image: -ms-linear-gradient( 0deg, rgb(10,94,95) 0%, rgb(26,221,236) 86%);

    box-shadow: 0px 15px 60px 0px rgba(0, 21, 89, 0.18);

    color: #fff;

}





.accordion-list li {

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    /* background-color: #FFF; */

    padding: 20px 0;

    margin: 0 auto 0px auto;

    border-bottom: 2px solid #c7ced2;

    border-radius: 0;

    cursor: pointer;

  }

  .accordion-list li:last-child{

    border-bottom: 0;

  }

.accordion-list li h3 {

    font-weight: 600;

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    padding: 0 19px 0px 0;

    margin: 0;

    cursor: pointer;

    font-size: 17px;

    color: rgb(0, 0, 0);

  }

.accordion-list li h3:after {

    content: "\f067";

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

    position: absolute;

    right: 0;

    top: 0;

    color: #000000;

    transition: all 0.3s ease-in-out;

    font-size: 18px;

  }

  .accordion-list li.active h3:after {

    content: "\f068";

  }

.accordion-list li div.answer {

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    cursor: pointer;

  }

.accordion-list li div.answer p {

    position: relative;

    display: block;

    padding: 10px 0 0 0;

    cursor: pointer;

    line-height: 150%;

    margin: 0;

    font-size: 16px;

    color: rgba(97, 101, 109, 0.902);

    line-height: 1.875;   

  }

  .faq_tabcontent{

    display: none;

    position: relative;

    z-index: 1;

  }

  .dot1 {

    position: absolute;

    z-index: -1;

    top: -123px;

    left: 0;

    max-width: 100%;

    max-height: 100vh;

}

.dot2{

    position: absolute;

    z-index: 0;

    bottom: 0;

    top: 0;

    right: 20px;

    max-width: max-content;

    max-height: max-content;

    margin: auto;

}

.dot3{

    position: absolute;

    z-index: 0;

    bottom: 0;

    top: 60px;

    left: 20px;

    max-width: max-content;

    max-height: max-content;

}

.dot4{

    position: absolute;

    z-index: 0;

    bottom: 0;

    top: 60px;

    right: 20px;

    max-width: 81%;

    max-height: max-content;

}

.dot5{

    position: absolute;

    bottom: 130px;

    left: 8%;

    right: 0;

    width: auto;

    display: block;

    margin: auto;

}

.dot6{

    position: absolute;

    top: -129px;

    left: 0;

    width: auto;

    display: block;

    margin: auto;

    z-index: 0;

}

.dot7{

    position: absolute;

    top: 2%;

    right: 10%;

    width: auto;

    display: block;

    margin: auto;

    z-index: 0;

}

.dot8{

    position: absolute;

    bottom: 2%;

    left: 16%;

    width: auto;

    display: block;

    margin: auto;

    z-index: 0;

}

.dot9{

    position: absolute;

    top: -40px;

    left: 12%;

    width: auto;

    display: block;

    margin: auto;

    z-index: 0;

}

.dot10{    

    position: absolute;

    top: -129px;

    left: 15%;

    width: auto;

    height: auto;

    display: block;

    margin: auto;

    z-index: 0;

}

.dot11{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: auto;

    height: auto;

    display: block;

    margin: auto;

    z-index: -1;

}

.dot12{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: auto;

    height: auto;

    display: block;

    margin: auto;

    z-index: -1;

}

.dot13{

    position: absolute;

    bottom: -70px;

    left: 19%;

    width: auto;

    display: block;

    margin: auto;

}

.dot14{

    position: absolute;

    top: -129px;

    left: 3%;

    width: auto;

    height: auto;

    display: block;

    margin: auto;

    z-index: 0;

}

.dot15{

    position: absolute;

    bottom: 59px;

    left: 23%;

    width: auto;

    height: auto;

    display: block;

    margin: auto;

    z-index: -1;

}

.dot16{

    position: absolute;

    bottom: 9px;

    left: 20%;

    width: auto;

    height: auto;

    display: block;

    margin: auto;

    z-index: -1;

}

.dot17{

    position: absolute;

    bottom: 0;

    right: 10px;

    width: auto;

    height: auto;

    display: block;

    margin: auto;

    z-index: -1;

    top: 0;

}

.dot18{

    position: absolute;

    top: -14px;

    left: 0;

    right: 0;

    width: auto;

    height: auto;

    display: block;

    margin: auto;

    z-index: 1;

}

.dot19{

    position: absolute;

    bottom: 14px;

    right: 25%;

    width: auto;

    height: auto;

    display: block;

    margin: auto;

    z-index: 1;

}

.dot20{

    position: absolute;

    bottom: 10px;

    left: 23%;

    width: auto;

    height: auto;

    display: block;

    margin: auto;

    z-index: -1;

}

.dot21 {

    position: absolute;

    top: 50px;

    right: 30%;

}

.letter-space-2{

    letter-spacing: 2px;

}

.z-index-1{

    z-index: 1;

}

.bg-noise{

    background-image: url('../images/noicebg.png');

    background-color: #053b3c;

    background-size: cover;

    background-repeat: no-repeat;

}

 

.pricing__table {

    display: flex;

    flex-direction: column;

    margin-top: 50px;

  }



  @media (max-width: 991px) {

    .pricing__table {

      flex-direction: row;

      margin: 0 15px 60px 15px;

    }

  }

  .pricing__table .pt__title {

    display: flex;

  }

  @media (max-width: 991px) {

    .pricing__table .pt__title {

      flex-direction: column;

      width: 50%;

    }

  }

  @media (max-width: 639px) {

    .pricing__table .pt__title {

      width: 40%;

    }

  }

  .pricing__table .pt__title .pt__title__wrap {

    position: relative;

    display: flex;

    flex: 1;

    flex-direction: row;

    font-size: 18px;

    text-align: center;

  }

  @media (max-width: 991px) {

    .pricing__table .pt__title .pt__title__wrap {

      flex-direction: column;

    }

  }

  .pricing__table .pt__title .pt__title__wrap .pt__row:nth-child(1){

    width: 40%;

  }

  .pricing__table .pt__title .pt__title__wrap .pt__row {

    display: flex;

    width: 20%;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    padding: 0 15px;

    min-height: 60px;

    font-size: 30px;

    font-family: "AktivGrotesk-Bold";

    color: rgb(3, 35, 36);

    font-weight: 600;    

    position: relative;

  }



  

  .pricing__table .pt__option .pt__option__item .pt__item .pt__row img{

    width: 27px;

    height: 27px;

    object-fit: contain;

  }



  @media (max-width: 991px) {

    .pricing__table .pt__title .pt__title__wrap .pt__row {

      width: 100%;

      padding-left: 32px;

      padding-right: 32px;

      min-height: 95px;

    }

  }

  @media (max-width: 640px) {

    .pricing__table .pt__title .pt__title__wrap .pt__row {

      padding-left: 0;

      padding-right: 15px;

      font-size: 14px;

    }

  }

  .pricing__table .pt__option {

    position: relative;

  }

  @media (max-width: 991px) {

    .pricing__table .pt__option {

      width: 50%;

      flex: 1;

      padding-right: 10px;

    }

  }

  @media (max-width: 639px) {

    .pricing__table .pt__option {

      width: 60%;

    }

  }

  .pricing__table .pt__option .pt__option__mobile__nav {

    position: absolute;

    z-index: 1;

    top: 25px;

    bottom: auto;

    left: 50%;

    right: auto;

    display: none;

    justify-content: space-between;

    width: calc(100% + 30px);

    transform: translateX(-50%);

  }

  @media (max-width: 991px) {

    .pricing__table .pt__option .pt__option__mobile__nav {

      z-index: 2;

      display: flex;

      grid-column-gap: 8px;

      grid-row-gap: 8px;

      justify-content: space-between;

    }

  }

  /* .pricing__table .pt__option .pt__option__mobile__nav .mobile__nav__btn {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 40px;

    height: 40px;

    color: #fff;

    border-radius: 50%;

    background-color: #0061FF;

    transition: 0.25s;

  }

  .pricing__table .pt__option .pt__option__mobile__nav .mobile__nav__btn:hover {

    background-color: #0057E6;

  }

  .pricing__table .pt__option .pt__option__mobile__nav .mobile__nav__btn.swiper-button-disabled {

    background-color: #c0beb6;

    pointer-events: none;

  } */

  /* .pricing__table .pt__option .pt__option__mobile__nav .mobile__nav__btn:first-child {

    position: relative;

    left: -5px;

  }

  .pricing__table .pt__option .pt__option__mobile__nav .mobile__nav__btn:last-child {

    position: relative;

    right: 5px;

  }

  .pricing__table .pt__option .pt__option__mobile__nav .mobile__nav__btn svg {

    width: 16px;

    color: #faf7f2;

  } */

  .pricing__table .pt__option .pt__option__slider {

    overflow: visible;

  }

  @media (max-width: 991px) {

    .pricing__table .pt__option .pt__option__slider {

      overflow: hidden;

    }

  }

  .pricing__table .pt__option .pt__option__slider .swiper-wrapper {

    display: flex;

    flex-direction: column;

    align-items: stretch;

    width: 100%;

  }

  @media (max-width: 991px) {

    .pricing__table .pt__option .pt__option__slider .swiper-wrapper {

      flex-direction: row;

    }

  }

  .pricing__table .pt__option .pt__option__item {

    width: 100%;

    margin-right: 0;

  }

  .pricing__table .pt__option .pt__option__item:nth-child(odd) .pt__item{

    background: #FAFAFA;

    border-radius: 8px;

  }

  .pricing__table .pt__option .pt__option__item:nth-child(even) .pt__item{

    background: #f3f3f3;

    border-radius: 8px;

  }

  .pricing__table .pt__option .pt__option__item:last-child .pt__item{

       background: transparent !important;

  }

  .swiper-slide.pt__option__item:last-child .pt__item .pt__row{

    min-height: 30px !important;

    height: 30px !important;

  }



  .pricing__table .pt__option .pt__option__item .pt__item .pt__item__wrap {

    display: flex;

    flex-direction: row;

    font-size: 1.375rem;

    line-height: 1.4;

    position: relative;

  }

  @media (max-width: 991px) {

    .pricing__table .pt__option .pt__option__item .pt__item .pt__item__wrap {

      flex-direction: column;

    }

  }

  .pricing__table .pt__option .pt__option__item .pt__item .pt__row:nth-child(1){

    width: 40%;

  }

  .pricing__table .pt__option .pt__option__item .pt__item .pt__row {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    width: 20%;

    min-height: 60px;

    padding: 0 15px;

    font-size: 16px;

    position: relative;

  }

  @media (max-width: 991px) {

    .pricing__table .pt__option .pt__option__item .pt__item .pt__row {

      width: 100%;

      min-height: 95px;

    }

  

  }

  .pricing__table .pt__option .pt__option__item .pt__item .pt__row:first-child {

    align-items: center;

    flex-direction: inherit;

    justify-content: start;

    text-align: left;

    font-size: 16px;

    font-family: "Poppins";

    color: rgb(78, 77, 77);

    padding-left: 24px;

    font-weight: 500;

  }

  .pricing__table .pt__option .pt__option__item .pt__item .pt__row:first-child span{

    width: 30px;

  }

  

  @media (max-width: 991px) {

    .pricing__table .pt__option .pt__option__item .pt__item .pt__row:first-child {

      align-items: center;

      text-align: center;

      padding-left: 30px;

      padding-right: 30px;

      font-size: 20px;

    }

    .pricing__table .pt__option .pt__option__item .pt__item .pt__row:nth-child(1) {

        width: 100%;

    }

  }

  @media (max-width: 767px) {

    .pricing__table .pt__option .pt__option__item .pt__item .pt__row:first-child {

      font-size: 16px;

    }

  }



  @media (max-width: 991px) {

    .pricing__table .pt__option .pt__option__item .pt__item .pt__row:nth-child(2) {

      border-left: 0;

      border-right: 0;

    }

  }

  .pricing__table .pt__option .pt__option__item .pt__item.selected .pt__row {

    display: inline-flex;

    padding: 20px 15px;

    position: relative;

  }

  @media (max-width: 991px) {



  }





  .pricing__table .pt__option .pt__option__item .pt__item.selected a {

    padding: 15px 30px;

    font-weight: 500;

    text-transform: uppercase;

    text-decoration: none;

    color: #fff;

    border-radius: 10px;

    background-color: #0061FF;

    transition: 0.25s;

  }



  @media (max-width: 639px) {

    .pricing__table .pt__option .pt__option__item .pt__item.selected a {

      padding: 12px 20px;

      font-size: 14px;

    }

  }





  .pricing__table.check1 .pt__title .pt__title__wrap .pt__row:nth-child(2) {

    background: linear-gradient(90deg,rgba(102,56,200,1),rgba(25,208,212,1)) border-box;

    background-clip: padding-box;

    -webkit-background-clip: padding-box;

    border-radius: 10px 10px 0 0;

    z-index: 1;

}

.pricing__table.check1 .pt__title .pt__title__wrap .pt__row:nth-child(2)::after {

content: '';

display: block;

position: absolute;

top: 3px;

bottom: 0px;

left: 3px;

right: 3px;

z-index: -1;

background: #fff;

border-radius: 7px 7px 0 0;

}





  .pricing__table.check2 .pt__title .pt__title__wrap .pt__row:nth-child(3) {

        background: linear-gradient(90deg,rgba(102,56,200,1),rgba(25,208,212,1)) border-box;

        background-clip: padding-box;

        -webkit-background-clip: padding-box;

        border-radius:10px 10px 0 0;

        z-index: 1;

  }

  .pricing__table.check2 .pt__title .pt__title__wrap .pt__row:nth-child(3)::after {

    content: '';

    display: block;

    position: absolute;

    top: 3px;

    bottom: 0px;

    left: 3px;

    right: 3px;

    z-index: -1;

    background: #fff;

    border-radius: 7px 7px 0 0;

  }

  .pricing__table.check3 .pt__title .pt__title__wrap .pt__row:nth-child(4) {

    background: linear-gradient(90deg,rgba(102,56,200,1),rgba(25,208,212,1)) border-box;

    background-clip: padding-box;

    -webkit-background-clip: padding-box;

    border-radius: 10px 10px 0 0;

    z-index: 1;

}

.pricing__table.check3 .pt__title .pt__title__wrap .pt__row:nth-child(4)::after {

content: '';

display: block;

position: absolute;

top: 3px;

bottom: 0px;

left: 3px;

right: 3px;

z-index: -1;

background: #fff;

border-radius: 7px 7px 0 0;

}



  .pricing__table.check1 .pt__option .pt__option__item .pt__item .pt__row:nth-child(2) {

    background: linear-gradient(90deg,rgba(102,56,200,1),rgba(25,208,212,1)) border-box;

    background-clip: padding-box;

    -webkit-background-clip: padding-box;

    border-radius: 0;

    z-index: 1;

  }

  .pricing__table.check1 .pt__option .pt__option__item .pt__item .pt__row:nth-child(2)::after {

        content: '';

        display: block;

        position: absolute;

        top: 0;

        bottom: 0px;

        left: 3px;

        right: 3px;

        z-index: -1;

        background: #fff;

        border-radius: 0;

  }



  .pricing__table.check2 .pt__option .pt__option__item .pt__item .pt__row:nth-child(3) {

    background: linear-gradient(90deg,rgba(102,56,200,1),rgba(25,208,212,1)) border-box;

    background-clip: padding-box;

    -webkit-background-clip: padding-box;

    border-radius: 0;

    z-index: 1;

  }

  .pricing__table.check2 .pt__option .pt__option__item .pt__item .pt__row:nth-child(3)::after {

        content: '';

        display: block;

        position: absolute;

        top: 0;

        bottom: 0px;

        left: 3px;

        right: 3px;

        z-index: -1;

        background: #fff;

        border-radius: 0;

  }

  

  .pricing__table.check3 .pt__option .pt__option__item .pt__item .pt__row:nth-child(4) {

    background: linear-gradient(90deg,rgba(102,56,200,1),rgba(25,208,212,1)) border-box;

    background-clip: padding-box;

    -webkit-background-clip: padding-box;

    border-radius: 0;

    z-index: 1;

  }

  .pricing__table.check3 .pt__option .pt__option__item .pt__item .pt__row:nth-child(4)::after {

        content: '';

        display: block;

        position: absolute;

        top: 0;

        bottom: 0px;

        left: 3px;

        right: 3px;

        z-index: -1;

        background: #fff;

        border-radius: 0;

  }



  .pricing__table.check1 .pt__option .pt__option__item .pt__item.selected .pt__row:nth-child(2) {

    background: linear-gradient(90deg,rgba(102,56,200,1),rgba(25,208,212,1)) border-box;

    background-clip: padding-box;

    -webkit-background-clip: padding-box;

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

    z-index: 1;

  }

  .pricing__table.check1 .pt__option .pt__option__item .pt__item.selected .pt__row:nth-child(2)::after{

    content: '';

    display: block;

    position: absolute;

    top: 0;

    bottom: 3px;

    left: 3px;

    right: 3px;

    z-index: -1;

    background: #fff;

    border-radius: 0 0 7px 7px;

  }



  .pricing__table.check2 .pt__option .pt__option__item .pt__item.selected .pt__row:nth-child(3) {

    background: linear-gradient(90deg,rgba(102,56,200,1),rgba(25,208,212,1)) border-box;

    background-clip: padding-box;

    -webkit-background-clip: padding-box;

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

    z-index: 1;

  }

  .pricing__table.check2 .pt__option .pt__option__item .pt__item.selected .pt__row:nth-child(3)::after{

    content: '';

    display: block;

    position: absolute;

    top: 0;

    bottom: 3px;

    left: 3px;

    right: 3px;

    z-index: -1;

    background: #fff;

    border-radius: 0 0 7px 7px;

  }

  .pricing__table.check3 .pt__option .pt__option__item .pt__item.selected .pt__row:nth-child(4) {

    background: linear-gradient(90deg,rgba(102,56,200,1),rgba(25,208,212,1)) border-box;

    background-clip: padding-box;

    -webkit-background-clip: padding-box;

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

    z-index: 1;

  }

  .pricing__table.check3 .pt__option .pt__option__item .pt__item.selected .pt__row:nth-child(4)::after{

    content: '';

    display: block;

    position: absolute;

    top: 0;

    bottom: 3px;

    left: 3px;

    right: 3px;

    z-index: -1;

    background: #fff;

    border-radius: 0 0 7px 7px;

  }





  @media (max-width: 991px) {

    .pricing__table .pt__option .pt__option__item .pt__item .pt__row {

        width: 100%;

        min-height: 95px;

    }



    .pricing__table .pt__option .pt__option__item .pt__item.selected .pt__row {

        min-height: 95px !important;

        padding: 10px 15px;

    }



    .pricing__table.check1 .pt__title .pt__title__wrap .pt__row:nth-child(2){

        border-radius: 8px 0px 0px 8px;

    }

    .pricing__table.check1 .pt__title .pt__title__wrap .pt__row:nth-child(2)::after {

        top: 3px;

        right: 0px;

        bottom: 3px;

        border-radius: 7px 0px 0px 7px;

    }

    .pricing__table.check1 .pt__option .pt__option__item .pt__item .pt__row:nth-child(2)::after {

        top: 3px;

        bottom: 3px;

        left: 0;

        right: 0;

    }

    .pricing__table.check1 .pt__option .pt__option__item .pt__item.selected .pt__row:nth-child(2){

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

    }

    .pricing__table.check1 .pt__option .pt__option__item .pt__item.selected .pt__row:nth-child(2)::after {

            top: 3px;

            bottom: 3px;

            left: 0;

            right: 3px;

            border-radius: 0 7px 7px 0;

    }





    .pricing__table.check2 .pt__title .pt__title__wrap .pt__row:nth-child(3){

        border-radius: 8px 0px 0px 8px;

    }

    .pricing__table.check2 .pt__title .pt__title__wrap .pt__row:nth-child(3)::after {

        top: 3px;

        right: 0px;

        bottom: 3px;

        border-radius: 7px 0px 0px 7px;

    }

    .pricing__table.check2 .pt__option .pt__option__item .pt__item .pt__row:nth-child(3)::after {

        top: 3px;

        bottom: 3px;

        left: 0;

        right: 0;

    }

    .pricing__table.check2 .pt__option .pt__option__item .pt__item.selected .pt__row:nth-child(3){

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

    }

    .pricing__table.check2 .pt__option .pt__option__item .pt__item.selected .pt__row:nth-child(3)::after {

            top: 3px;

            bottom: 3px;

            left: 0;

            right: 3px;

            border-radius: 0 7px 7px 0;

    }





    .pricing__table.check3 .pt__title .pt__title__wrap .pt__row:nth-child(4){

        border-radius: 8px 0px 0px 8px;

    }

    .pricing__table.check3 .pt__title .pt__title__wrap .pt__row:nth-child(4)::after {

        top: 3px;

        right: 0px;

        bottom: 3px;

        border-radius: 7px 0px 0px 7px;

    }

    .pricing__table.check3 .pt__option .pt__option__item .pt__item .pt__row:nth-child(4)::after {

        top: 3px;

        bottom: 3px;

        left: 0;

        right: 0;

    }

    .pricing__table.check3 .pt__option .pt__option__item .pt__item.selected .pt__row:nth-child(4){

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

    }

    .pricing__table.check3 .pt__option .pt__option__item .pt__item.selected .pt__row:nth-child(4)::after {

            top: 3px;

            bottom: 3px;

            left: 0;

            right: 3px;

            border-radius: 0 7px 7px 0;

    }



    .pricing__table .pt__option .pt__option__item .pt__item .pt__row:first-child {

        align-items: center;

        flex-direction: column;

        justify-content: center;

    }



  }

  



.pricing_slide_sec{

    padding-top: 80px;

    position: relative;

}

.pricing_container{

    max-width: 1480px;

    --bs-gutter-x: 1.5rem;

    --bs-gutter-y: 0;

    width: 100%;

    padding-right: calc(var(--bs-gutter-x)* .5);

    padding-left: calc(var(--bs-gutter-x)* .5);

    margin-right: auto;

    margin-left: auto;

}

  .pricing_slide {

    position: relative;

    overflow: hidden;

  }

  .pricing_slide .swiper-slide {

    transition: all 200ms linear;

    opacity: 0;

  }

  .pricing_slide .swiper-slide.swiper-slide-prev{

    transform: translate(40%);

    opacity: 0.5;

  }

  .pricing_slide .swiper-slide.swiper-slide-next{

    transform: translate(-40%);

    opacity: 0.5;

  }

  

  .pricing_slide .swiper-slide.swiper-slide-active {

    z-index: 1;

    opacity: 1;

    transform: translate(0%);

  }



  .pricing_box{

        border-radius: 10px;

    background-color: #053b3c;

    background-image: url(../images/bgprice.png);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    width: 100%;

    max-width: 442px;

    height: 592px;

    margin: 40px auto 80px;

    padding: 29px 30px;

    position: relative;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

}

.pricing_slide .swiper-slide.swiper-slide-prev  .pricing_box{

    box-shadow: 0px 15px 60px 0px rgba(20, 20, 21, 0.3);

    pointer-events: none;

}

.pricing_slide .swiper-slide.swiper-slide-active .pricing_box{

    box-shadow: 0px 15px 60px 0px rgba(20, 20, 21, 0.3);

}

.pricing_slide .swiper-slide.swiper-slide-next .pricing_box{

    box-shadow: 0px 15px 60px 0px rgba(20, 20, 21, 0.3);

    pointer-events: none;

}

.pricing_tab_conentent{

    display:none;

}

.pricing_tab {

    max-width: 100%;

    margin: auto;

    overflow: auto;

    position: relative;

}

.pricing_tab ul{

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    position: relative;

}

.pricing_tab ul li{

    font-size: 18px;

    font-family: "Poppins";

    color: rgb(0, 0, 0);

    font-weight: bold;

    text-transform: uppercase;

    line-height: 1.2;

    text-wrap: nowrap;

    padding: 0 18px 20px;

    position: relative;

    cursor: pointer;

}

.pricing_tab ul li::after{

    content: "";

    display: none;

    background: url('../images/active-line4.svg') no-repeat;

    background-size: 100% 100%;

    width: 100%;

    height: 4px;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

}

.pricing_tab::after{

    content: "";

    display: block;

    background: url('../images/line4.svg') no-repeat;

    background-size: 100% 100%;

    width: 100%;

    height: 4px;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

}

.pricing_tab ul li.active::after{

    display: block;

}

.pricing_tab ul li.active{

    background-position: right center;

    background-image: linear-gradient(90deg,#6638c8 40.2%, #19d0d4 92.2%);

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

    -webkit-text-fill-color: transparent;

}

.price_title{

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

    width: 309px;

    height: 71px;

    border-radius: 50px;

    margin: auto;

    font-size: 40px;

    font-family: 'AktivGrotesk-Bold';

    color: rgb(3, 35, 36);

    line-height: 1.7;

    text-align: center;

}

.amount_box{

    text-align: center;

    font-size: 40px;

    color: rgb(247, 246, 248);

    font-weight: bold;

    padding: 34px 0 24px;

}

.amount_box small{

    font-size: 16px;

    font-weight: 300;

}

.pline {

    width: 100%;

}

.listitm_body {

    padding:20px 10px;

    height: 258px;

}

.listitm_body ul{

    list-style: none;

    margin: 0;

    padding: 0;

}

.listitm_body ul li{

    font-size: 18px;

    color: rgb(247, 246, 248);

    display: flex;

    align-items: center;

    margin-bottom: 21px;

}

  

.listitm_body ul li img{

    max-width: 35px;

    width: 100%;

    height: 18px;

    margin-right: 10px;

}

.button_foot {

    text-align: center;

}

.button_foot p {

    font-size: 12px;

    line-height: 1.3;

}

.listitm_body h5{

    text-align: center;

    font-size: 24px;

    color: rgb(247, 246, 248);

    font-weight: bold;

    margin-bottom: 22px;

}

.listitm_body h1{

    text-align: center;

    font-size: 35px;

    color: rgb(247, 246, 248);

    font-weight: bold;

    margin-bottom: 22px;

}

  

.listitm_body p{

    text-align: center;

    font-size: 18px;

    color: rgb(247, 246, 248);

    margin-bottom: 0;

}

.contact_bg{

    background: #f4f4f4;

}

.contact_tab {

    width: 100%;

    text-align: center;

    justify-content: center;

    display: flex;

}



.contact_tab ul{

    justify-content: center;

    display: flex;

    position: relative;

    padding-bottom: 23px;

    max-width: 640px;

    width: 100%;

}

.contact_tab ul::after{

    content: "";

    display: block;

    width: 100%;

    height: 3px;

    background: url('../images/line4.png') no-repeat;

    background-size: 100% 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

}

.contact_tab ul li{

    cursor: pointer;

    padding: 0 50px;

    position: relative;

}

.contact_tab ul li::after{

    content: "";

    display: none;

    width: 100%;

    height: 3px;

    background: url('../images/active-line4.png') no-repeat;

    background-size: 100% 100%;

    position: absolute;

    bottom: -23px;

    left: 0;

    right: 0;

    margin: auto;

}

.contact_tab ul li img{

    width: 95px;

    height: 95px;

    object-fit: contain;

}

.contact_tab ul li .act_img{

    display: none;

}

.contact_tab ul li.active .act_img{

    display: block;

}

.contact_tab ul li.active .inact_img{

    display: none;

}

.contact_tab ul li h5{

    font-size: 24px;

    color: rgb(0, 0, 0);

    font-weight: bold;

    text-transform: uppercase;

    line-height: 1.2;      

}

.contact_tab ul li.active h5{

    background-position: right center;

    background-image: linear-gradient(90deg,#6638c8 40.2%, #19d0d4 92.2%);

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

    -webkit-text-fill-color: transparent;

}

.contact_tab ul li.active::after{

    display: block;

}

.contact_form {

    padding: 50px 0 100px;

}

.contact_content{

    display: none;

}

.contact_content.active{

    display: block;

}

.map_marker_position{

    position: relative;

    width: 100%;

    height: 100%;

    min-height: 100vh;

    display: flex;

    align-items: center;

    justify-content: start;

}

.map_sensor{

    /* display: none; */

    position: relative;

    max-width: 435px;

    height: 435px;

}

/* .map_sensor.active{

    display: block;

} */

.map_circle{

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.map_pointer{

    width: 46px;

    height: 46px;

    position: absolute;

    top: -45px;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}

.map_pointer img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.map_details {

    background-color: rgb(10, 61, 59);

    position: absolute;

    top: 246px;

    left: 176px;

    max-width: 327px;

    width: 100%;

    height: auto;

    padding: 10px 20px;

    border-radius: 10px;

}

.map_details::before{

    content: "";

    display: block;

    width: 34px;

    height: 24px;

    background-color: rgb(10, 61, 59);

    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

    position: absolute;

    top: -23px;

    left: 24px;

}

.map_details ul li{

    margin: 8px 0;

}

.map_details ul li .title_c {

    font-size: 14px;

    color: rgba(255, 255, 255, 0.8);

    line-height: 2;

  }

  

  .ct_dtls {

    display: flex;

    align-items: center;

    width: 100%;

    font-size: 16px;

    color: rgb(255, 255, 255);

    line-height: 1.5;

    text-align: left;

}

.ct_dtls img{

    width: 22px;

    max-width: 22px;

    min-width: 22px;

    height: 22px;

    object-fit: contain;

    margin-right: 10px;

}

.ct_dtls a{

    color: rgb(255, 255, 255);

    line-height: 1.5;

    text-align: left;

    display: inline-block;

}

.view_map {

    display: inline-block;

    margin-bottom: 10px;

    color: #33e3ef;

}

.map_modal iframe{

    display: block;

    width: 100%;

    margin-top: 7px;

    height: 500px;

}







.product_backround{

    position: relative;

    z-index: 1;

}

.pcline1{

    position: absolute;

    top: -36px;

    left: 0;

    right: 0;

    width: auto;

    display: block;

    margin: auto;

    z-index: -1;

}

.product_cateloge_bg{

    background-color: #053B3C;

    background-image: url(../images/noicebg.png);

    height: auto;

    padding: 0px 0;

    position: relative;

}

.cat_img{

    max-width: 424px;

    height: 424px;

    background: #fff;

    border-radius: 50%;

    border: 10px solid #fafafa;

    overflow: hidden;

    padding: 2px 8px 0px 0px;

    transform: translate(0px, 0px);

}

.cat_img img{

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.cat_text {

    margin-top: 0px;

}

.cat_text h6{

    font-size: 20px;

    color: rgb(242, 201, 76);

    font-weight: 600;

    line-height: 1.6;

    text-transform: uppercase;

    letter-spacing: 2px;  

}

.cat_text h1{

    font-size: 51px;

    font-family: "AktivGrotesk-Light";

    color: rgb(255, 255, 255);

    line-height: 1.182;

      

}

.cat_text h1 span{

    font-family: 'AktivGrotesk-Bold';

}

.cat_text p{

    font-size: 20px;

    color: rgb(255, 255, 255);

    line-height: 1.6;

    margin:0;

}

.product_section {

    padding: 100px 0 80px;

    position: relative;

    z-index: 1;

}

.pdot1 {

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    display: block;

}

.mobileshape{

    position: relative;

    z-index: 1;

    text-align: center;

    margin: auto;

}

.mobi{

    max-width: 100%;

    display: block;

    margin: auto;

}



.mobp1 .shap {

    position: absolute;

    bottom: 0;

    left: 42%;

    z-index: -1;

}

.prodimg{

    max-width: 929px;

    width: 100%;

}

.imcont {

    width: 100%;

    margin-left: 0px;

    /* transform: translate(0px, -28px); */

    position: relative;

    z-index: 1;

}

.imcont p{

font-size: 16px;

color: rgb(85, 85, 93);

line-height: 1.875;

text-align: left;

      

}

.offering_prod{

    background-color: #053B3C;

    background-image: url(../images/noicebg.png);

    height: auto;

    padding: 0px 0;

    position: relative;

    /*max-height: 419px;*/

     max-height: 440px;

}

.gimg {

    max-width: 100%;

    transform: translate(0px, 0px) !important;

    /*min-height: 100% !important;*/

    min-height: 424px !important;

    max-height: 424px !important;

    object-fit: contain;

}

.offering_prod img{

    transform:translate(0px, 77px);

    min-height: 529px;

    max-width: 100%;

    object-fit: contain;

    object-position: bottom center;

}

.offering_prod .row{

    align-items: center;

}

.pcline2{

    position: absolute;

    top: 150px;

    right: 0;

    bottom: 0;

    width: auto;

    display: block;

    margin: auto;

    z-index: -1;

}

.mobp2 .shap {

    position: absolute;

    bottom:60px;

    left: 42%;

    z-index: -1;

}

.faq_sec{

    padding: 20px 0 40px;

    position: relative;

}

.faq_content {

    max-width: 1394px;

    width: 100%;

    border-radius: 10px;

    background: #e5e9f2;

    margin: auto;

    padding: 50px;

    position: relative;

    z-index: 0;

    overflow: hidden;

}

.faq_content::before{

    content: url(../images/product-and-commercial/CIRCLE1.png);

    display: block;

    position: absolute;

    top: -200px;

    right: 160px;

    z-index: -1;

}

.faq_content::after {

    content: url(../images/product-and-commercial/CIRCLE2.png);

       display: block;

    position: absolute;

    bottom: -180px;

    right: -70px;

    z-index: -1;

}

.imcont.top{

    width: 64%;

}

.imcont.botom_hulf{

    width: 45%;

}

.mtt-48{

    margin-top: -48px;

}

.task-meeting .pcline2{

    top: 360px;

}



.background_line{

    position: relative;

}

.imagesolid_bg{

    padding: 80px 0;

    background: var(--color2);

    position: relative;

    z-index: 1;

}

.personal_bg{

    background: url('../images/personal/header.png') no-repeat;

    background-size: cover;

}

.imagesolid_bg h1{

    font-size: 65px;

    font-family: 'AktivGrotesk-Bold';

    color: rgb(255, 255, 255);

    text-transform: uppercase;

    line-height: 1.538;

}

.imagesolid_bg p{

    font-size: 16px;

    color: rgb(255, 255, 255);

    line-height: 1.667;

}

.prsline1 {

    position: absolute;

    top: -42%;

    right: 0;

    width: auto;

}

.tab_personal_content{

    padding: 80px 0;

    position: relative;

}

.personal_bg2{

    /*background: url('../images/personal/pikaso.png') no-repeat;*/

    background-size: cover;

}



.virtical_tab_list li {

    position: relative;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.virtical_tab_list li::before{

    content: "";

    display: block;

    border-width: 1px;

    border-color: rgb(114, 119, 119);

    border-style: solid;

    position: absolute;

    left: 31px;

    top: 50%;

    width: 1px;

    height: 100%;

    z-index: 1;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.virtical_tab_list li::after{

    content: "";

    display: block;

    position: absolute;

    left: 29.8px;

    top: 84%;

    width: 6px;

    height: 28px;

    background-image: url(../images/tab/3dot.png);

    background-size: 80% 80%;

    background-repeat: no-repeat;

    background-position: center center;

    background-color: #fff0;

    margin: auto;

    z-index: 1;

    backdrop-filter: blur(100px);

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.virtical_tab_list li.active::after{

    background-image: url(../images/tab/3dotactive.png);

}

.virtical_tab_list li:last-child::before,.virtical_tab_list li:last-child::after{

    display: none;

}

.virtical_tab_list li .dots {

    display: block;

    width: 40px;

    height: 40px;

    background: #f6c331;

    border-radius: 50%;

    position: absolute;

    top: 28%;

    left: 12px;

    border: 14px solid #fafafa;

    z-index: 1;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.virtical_tab_list li .dots::before{

    content: "";

    display: none;

    width: 27px;

    height: 27px;

    background: url('../images/tab/actv.png') no-repeat;

    position: absolute;

    top: 0px;

    left: -7px;

    right: 0;

    bottom: 0;

    margin: auto;

}

.virtical_tab_list .tech_box {    

    cursor: pointer;

    padding: 15px 15px 15px 70px;

    border-radius: 15px;

    background: transparent;

    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.08);

    max-width: 554px;

    width: 100%;

    min-height: 90px;

    height: auto;

    display: flex;

    align-items: center;

    overflow: hidden;

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

}

.virtical_tab_list .tech_box span{ 

    font-size: 24px;

    color: rgba(246, 195, 49, 0.6);

    line-height: 2;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.virtical_tab_list .tch_contnt {

    margin-left: 18px;

}

.virtical_tab_list .tch_contnt h4{

    font-size: 24px;

    color: rgba(0, 0, 0, 0.6);    

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.virtical_tab_list li.active .dots{

    background: #ffffff;

    border-color: #fff;

}

.virtical_tab_list li.active .dots::before{

    display: block;

}

.virtical_tab_list li.active .tech_box{

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

    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.08);

}

.virtical_tab_list li.active  .tech_box span{

    background-position: right center;

    background-image: linear-gradient(139deg, #81237c 20.2%, #60b6ff 53.9%);

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

    -webkit-text-fill-color: transparent;

    font-weight: bold;

      

}

.virtical_tab_list li.active  .tech_box .tch_contnt h4{

    background-position: right center;

    background-image: linear-gradient(139deg, #81237c 20.2%, #60b6ff 53.9%);

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

    -webkit-text-fill-color: transparent;

    text-transform: uppercase;

    font-weight: bold;

    letter-spacing: 1px;

}

.virtical_tab_list li.active  .tech_box .tch_contnt p{

    display: block;

}



.prstabcont{

    display: none;

}

.prstabcont img{

    max-width: 100%;

    display: block;

    margin-bottom: 30px;

    margin-left: auto;

    margin-right: auto;

}

.prstabcont p{

    font-size: 16px;

    color: rgb(78, 78, 82);

    line-height: 1.875;

    text-align: center;

  }

  .saturn_bg{

    background: url('../images/sat/header.png') no-repeat;

    background-size: cover;

  }

  .sat_bg2{

    /*background: url('../images/sat/bg1.png') no-repeat;*/

    background-size: cover;

}



.faq_sec_withbg{

    padding: 80px 0 80px;

    position: relative;

    background: url('../images/sat/bg2.png') no-repeat;

    background-size: 80%;

    background-position: top right;

}

.card_img {

    padding: 10px 29px 0;

    border-radius: 10px;

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

    box-shadow: 0px 14px 60px 0px rgba(90, 90, 94, 0.24);

    margin-bottom: 20px;

}

.card_img img{

    width: 100%;

}

.card_img h5{

    font-size: 30px;

    font-family: "AktivGrotesk-Light";

    color: rgb(0, 0, 0);

    line-height: 1.2;

    text-align: left;

    padding: 5px 0 12px; 

}

.card_img h5 span{

    font-family: "AktivGrotesk-Bold";

}

.product_section p{

    font-size: 16px;

    color: rgb(85, 85, 93);

    line-height: 1.875;

    font-weight: 500;

  }

  .bg_bottom_center_shape {

    position: absolute;

    bottom: 30px;

    right: 0;

    max-width: 100%;

    width: auto;

    z-index: -1;

}

.pxlinetop-right {

    position: absolute;

    top: -93px;

    right: 0;

    bottom: 0;

    z-index: -1;

    max-width: 100%;

    width: auto !important;

}

.pxlinetop-left{

    position: absolute;

    top: -93px;

    left: 0;

    bottom: 0;

    z-index: -1;

    max-width: 100%;

    width: auto !important;

}

.mobp1 .shap3 {

    position: absolute;

    bottom: 70px;

    left: 68%;

    z-index: -1;

}

.transform-top-50 {

    margin-top: -94px;

}

.bgshape {

    position: absolute;

    bottom: 0;

    left: 0;

    right: -20%;

    top: 0;

    display: block;

    margin: auto;

    z-index: -1;

}

.bgshape-center

{

    position: absolute;

    bottom: -140px;

    left: 0;

    right: 0;

    top: 0;

    display: block;

    margin: auto;

    z-index: -1;

}

.bgshape-centerleft{

    position: absolute;

    bottom: 0px;

    left: -27%;

    right: 0;

    top: 0;

    display: block;

    margin: auto;

    z-index: -1;

}

.bgshape-left{

    position: absolute;

    bottom: 0px;

    left: -61%;

    right: 0;

    top: 33%;

    display: block;

    margin: auto;

    z-index: -1;

}

.site_tab {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 44px;

    position: relative;

    z-index: 1;

}

.site_tab ul{

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    overflow: auto;

}

.site_tab ul li{

    border-width: 2px;

    border-color: rgb(199, 199, 204);

    border-style: solid;

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

    border-bottom: 0;

    height: auto;

    padding: 12px 22px;

    text-align: center;

    margin: 0 5px;

    text-wrap: nowrap;

    cursor: pointer;

    border-radius: 8px 8px 0 0;

    color: #010101;

}

.site_tab ul li a{

    color: #010101;

        font-size: 15px;

    font-weight: 500;

}

.site_tab ul li.active{

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

    color: #fff;   

    background-color: #053B3C;

    background-image: url(../images/noicebg.png);

}

.site_tab ul li.active a{

    color: #fff; 

}

.site_content{

    display: none;

    position: relative;

    z-index: 0;

}

.site_content.active{

    display: block;

}

.pdot2 {

    position: absolute;

    bottom: 16%;

    left: 16%;

    z-index: -1;

}

.pdot3 {

    position: absolute;

    top: 50%;

    left: 24%;

    z-index: -1;

}

.pms_header{

    background-color: #053B3C;

    background-image: url(../images/noicebg.png);

    margin-top: 50px;

    position: relative;

    z-index: 1;

}

.lft_im {

    width: 100%;

    height: 435px;

    position: relative;

}

.left_box_img {

    width: 100%;

    min-height: 487px;

    height: 100%;

    overflow: hidden;

    border-radius: 0 10px 10px 0;

    border-right: 2px solid #FAFAFA;

    box-shadow: 0px 15px 45px 0px rgba(45, 46, 49, 0.3);

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

}

  

.left_box_img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: top center;

}

.riht_cont {

    padding: 20px 20px;

    max-width: 640px;

}

.riht_cont h1{

    font-size: 65px;

    font-family: "AktivGrotesk-Light";

    color: rgb(255, 255, 255);

}

 

.riht_cont h1 span{

    font-family: "AktivGrotesk-Bold";

}

.riht_cont p{

    margin-bottom: 0;

    font-size: 16px;

    color: rgb(255, 255, 255);

    font-weight: 500;      

}

.hover_contnet_section{

    position: relative;

    background-size: contain;

    background-position: left center;

    padding: 80px 0;

    z-index: 0;

}

.hover_contnet_section::after

{

    content: "";

    display:block;

    width: 100%;

    height: 104%;

    background: url('../images/pms/line2.png') no-repeat;

    background-position: left center;

    background-size: contain;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: -1;

}

.hov_item {

    padding: 40px 0;

    position: relative;
    
    background-image: none;
    /* transform: scale(1); */

	transition: all 0.2s;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

}

.hov_item::after{

    content: "";

    display: block;

    background: url('../images/pms/line1.svg') no-repeat;

    background-size: 100%;

    width: 100%;

    height: 3px;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

}

.itm_title {

    display: flex;

    width: 100%;

    height: 100%;

}

.itm_title span{

    font-size: 24px;

    color: rgb(1, 35, 52);

    font-weight: bold;

    text-transform: uppercase;

    line-height: 0.963; 

    display: block;

    margin-right: 40px;

    height: 100%;

    position: relative;

	transition: all 0.2s;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

    letter-spacing: 1px;

}

.itm_title h3{

    font-size: 24px;

    color: rgb(1, 35, 52);

    font-weight: bold;

    text-transform: uppercase;

    line-height: 0.963;   

	transition: all 0.2s;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;   

    letter-spacing: 1px;

}

.hov_item p{

    font-size: 18px;

    color: rgb(62, 66, 68);

    line-height: 1.667;

    text-align: left;  

    margin: 0;    

	transition: all 0.2s;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

}

.hov_item:hover ,.hov_item.active{

    background-image: -moz-linear-gradient( 0deg, rgb(129,76,243) 30%, rgb(25,228,232) 100%);

    background-image: -webkit-linear-gradient( 0deg, rgb(129,76,243) 30%, rgb(25,228,232) 100%);

    background-image: -ms-linear-gradient( 0deg, rgb(129,76,243) 30%, rgb(25,228,232) 100%);

    box-shadow: 0px 15px 60px 0px rgba(20, 20, 21, 0.3);

    margin-top: -3px;

    /* transform: scale(1.04); */

}

.hov_item:hover::after,.hov_item.active::after{

    display:none;

}



.hov_item:hover .itm_title span,

.hov_item:hover .itm_title h3,

.hov_item.active .itm_title span,

.hov_item.active .itm_title h3{

    color: #fff;

}

.hov_item:hover .itm_title h3,

.hov_item.active .itm_title h3 {

    margin-top: 8px;

}

.hov_item:hover .itm_title span,

.hov_item.active .itm_title span{

    font-size: 45px;

}

.hov_item:hover p,

.hov_item.active p{

    color: #fff;

    font-size: 22px;

}

.itm_title span::before{

    content: "";

    display: block;

    background: url('../images/pms/dashed.png');

    background-size: 100%;

    width: 2px;

    position: absolute;

    top: 31px;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}

.hov_item:hover .itm_title span::before,

.hov_item.active .itm_title span::before{

    top: 51px;

    background: url('../images/pms/dashed2.png');

}  

.itm_title span::after{

    content: "";

    display: block;

    background: url('../images/pms/angledown.png') no-repeat;

    background-size: contain;

    background-position: center center;

    width: 17px;

    height: 8px;

    position: absolute;

    bottom: -7px;

    left: 0;

    right: 0;

    margin: auto;

}

.hov_item:last-child .itm_title span::after{

    display: none;

}

.hov_item:hover .itm_title span::after,

.hov_item.active .itm_title span::after{

    background: url('../images/pms/angledown2.png') no-repeat;

    background-size: contain;

    background-position: center center;

} 



.bluecollarsection .itm_title span::before,

.bluecollarsection .itm_title span::after{

    display: none;

}



.login_section{

    width: 100%;

    height: 100vh;

    /* min-height: 100vh; */

    position: relative;

    display: flex;

    overflow: auto;

}

.left_log{

    width: 50%;

    height: 100vh;

    /* min-height:100vh; */

    background: url('../images/dotlog.png') no-repeat;

    background-position: left top;

    background-size: contain;

    padding-left: 180px;

    padding-right: 40px;

    position: relative;

    padding-bottom: 0px;

    display: flex;

    align-items: center;

}

.right_log{

    width: 50%;

    height: 100vh;

    /* min-height:100vh; */

}

.right_log img{

    width: 100%;

    height: 100%;

    min-height: 100vh;

    object-fit: cover;

    object-position: bottom center;

}



.account_box{

    max-width: 540px;

    margin-left: auto;

    margin-right: auto;

    height: 100%;

    position: relative;

    display: flex;

    align-items: center;

}

.alogo {

    margin: 0px auto 30px;

    max-width: 149px;

}

.alogo a , .alogo a img{

    display: block;

    width: 100%;

}



.passvisible {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 13px;

    width: 22px;

    text-align: center;

    height: 18px;

    margin: auto;

    color: #87878e;

    cursor: pointer;

}



.abox h1{

    font-size: 43px;

    font-family: 'AktivGrotesk-Light';

    color: rgb(0, 0, 0);

    line-height: 0.64;

    margin-bottom: 40px;

    text-align: center;

}

.abox h1 span{

    font-family: 'AktivGrotesk-Bold';

}

.abox p{

    font-size: 16px;

    color: rgb(86, 88, 92);

    line-height: 1.688;

    text-align: center;

}

.dontrcv{

    font-size: 18px !important;

    color: rgb(86, 88, 92);

    line-height: 1.688;

    text-align: center;

    margin-top: 0px;

    margin-bottom: 0px;

}

.abox {

    margin-top: 0px;

    margin-bottom: 0px;

}

.alink {

    font-size: 14px;

    color: rgb(135, 135, 142);

    line-height: 2.286;

  }

  .abox .form-check{

    font-size: 14px;

    color: rgb(135, 135, 142);

    line-height: 1.6;

  }  

  .form-check-input{

    border-color: rgb(55, 83, 90);

  }

.abox .btn{

    min-width: 188px;

    height: auto;

    border-radius: 10px;

    padding: 13px 25px;

    font-size: 18px;

    margin-top: 17px;

}

.abox .input_d .form-control {

    padding: 12px;

}

 .input_d  input:focus{

  outline: 0;

}

.input_d:focus-within {

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

    box-shadow: -1px 17px 20px 0px rgb(1 28 28 / 5%);

    border-color: #0d797d;

}

 

.abox .input_d label{

    font-size: 16px;

    color: rgb(135, 135, 142);

  }

.input_d:focus-within label,

.input_d:focus-within .passvisible {

    color: #0d797d;

}



.others_link {

    text-align: center;

    margin-top: 30px;

}

.others_link a{

    text-decoration: underline;

    font-size: 18px;

    line-height: 1.778;  

    font-weight: 500;

    background-image: linear-gradient(88deg, #0a5e5f 39.2%, #1addec 90.9%);

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;  

    letter-spacing: 1px;  

    position: relative;

    display: inline-block;

}

.others_link a:after{

    content: "";

    display: block;

    background-image: linear-gradient(88deg, #0a5e5f 39.2%, #1addec 90.9%);

    width: 100%;

    height: 1px;

    position: absolute;

    bottom: 4px;

}

.abox .foot_social{

    margin-top: 40px;

}

.btn_floating.whitebtn {

    top: inherit;

    background: #fff;

    bottom: 200px;

}

.btn_floating.whitebtn span{

    background-image: linear-gradient(180deg, #0a5e5f 55.2%, #1addec 90.9%);

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

}

.input_otp {

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: space-around;

    max-width: 427px;

    margin: auto;

    margin-bottom: 17px;

}

.input_otp .otp-field {

	display: inline-block;

	width: 46px;

	height: 4rem;

	font-size: 2rem;

	line-height: 4rem;

	text-align: center;

    background: transparent;

	border: none;

	border-bottom: 2px solid rgb(188, 187, 187);

	outline: none;

    margin-right: 11px;

}

.input_otp .otp-field:last-child{

    margin-right: 0;

}

.input_otp .otp-field:focus {

	border-bottom-color: #108e94;

}

.site_content .offering_prod .pcline2{

    top: 213px;

}

.boostfos_bg{

    background:url('../images/8170218.png') no-repeat;

    background-size: cover;

    background-position: bottom right;

}

.boost_con {

    max-width: 459px;

    position: relative;

}

.boost_con h1{

    margin-bottom: 20px;

}

.boost_con p{

    color: #636468;

    line-height: 28px;

}

.inr_boost {

    max-width: 451px;

    transform: translate(98px, 0px);

    margin-top: 28px;

}

.boost_img{

    width: 100%;

}

.boost_img img{

    width: 100%;

}

.slider_fos {

    margin: 0 -20px;

}

.fos_box {

    border-radius: 10px;

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

    box-shadow: 0px 20px 60px 0px rgba(0, 19, 18, 0.3);

    height: 269px;

    position: relative;

    margin: 70px 0 10px;

    text-align: center;

    padding: 83px 20px 20px;

    transform: scale(0.89);

    opacity: 0.5;

	transition: all 0.2s;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

  }

  .fosslide .owl-item.active.center .fos_box{

    width: 90% !important;

    transform: scale(1);

    opacity: 1;

    margin-left: auto;

    margin-right: auto;

  }

  .imgbg{

    width: 130px;

    height: 130px;

    background: url('../images/icon/icbg.png') no-repeat;

    background-size: contain;

    padding: 27px;

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    top: -70px;

  }

  .imgbg img{

    width: 100%;

    height: 100%;

    object-fit: contain;

  }

.fos_box h3{

    font-size: 15px;

    color: rgb(3, 60, 60);

    font-weight: bold;

    margin-bottom: 8px;

}

.fos_box p{

    font-size: 14px;

    color: rgb(128, 125, 125);

    line-height: 1.667;

}

.fosslide .owl-nav {

    width: 100%;

    text-align: center;

    max-width: 100%;

    margin: auto;

}

.fosslide .owl-nav button{

    width: 112px;

    height: 112px;

    margin: auto;

    position: absolute;

    top: 80px;

    bottom: 0;

}

.fosslide .owl-nav button img{

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.fosslide .owl-nav .owl-prev{

    left: 16.5%;

}

.fosslide .owl-nav .owl-next{

    right: 16.5%;

}



.sectorsrv .owl-nav {

    width: 100%;

    text-align: center;

    max-width: 100%;

    margin: auto;

}

.sectorsrv .owl-nav button{

    width: 115px;

    height: 115px;

    margin: auto;

    position: absolute;

    top: 47px;

    bottom: 0;

}

.sectorsrv .owl-nav .owl-prev{

    left:-100px;

}

.sectorsrv .owl-nav .owl-next{

    right:-100px;

}

.paragraph_content_text{

}
.paragraph_content_text h1,
.paragraph_content_text h2,
.paragraph_content_text h3,
.paragraph_content_text h4,
.paragraph_content_text h5,
.paragraph_content_text h6 {
    color: #000;
    margin-bottom: 7px;
    font-family: "AktivGrotesk-Bold";
}
.paragraph_content_text ul{
    margin-bottom: 20px;
    padding-left: 20px;
}
.paragraph_content_text ul li{
    list-style: disc;
    font-size: 16px;
    color: rgb(85, 85, 93);
    line-height: 23px;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
}
.paragraph_content_text ol{
    margin-bottom: 20px;
    padding-left: 20px;
}
.paragraph_content_text ol li{
    font-size: 16px;
    color: rgb(85, 85, 93);
    line-height: 23px;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
}
.paragraph_content_text a{
    text-decoration: underline;
}

.privacy_policy_data ul{
    list-style: disc;
    margin: 20px 0 20px 20px;
    padding: 0;
}