
.depicter-revert .depicter-42-element-121 .depicter-ny5j78-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-121 .depicter-gocl8x-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-120 .depicter-ny5j78-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-120 .depicter-afrk4v-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-74{
	border-radius:46px;
}
.depicter-revert .depicter-42-element-68{
	font-size:80px;
	text-align:right;
	color:#FF2759;
	font-family:"Cairo";
	font-weight:600;
	line-height:110%;
	text-transform:capitalize;
	direction:rtl;
	background-color:transparent;
}
.depicter-revert .depicter-42-element-19 .depicter-ny5j78-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-19 .depicter-gb58lm-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-18:not(.depicter-hover-off){
	transition-property:none;
}
.depicter-revert .depicter-42-element-18 .depicter-ny5j78-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-13{
	background-color:#111823;
	border-radius:11px;
}
.depicter-revert .depicter-42-element-13:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-13:not(.depicter-hover-off):hover {
	background-color:#FFF;
	border-color:transparent;
}
.depicter-revert .depicter-42-element-12{
	background-color:#111823;
	border-radius:11px;
}
.depicter-revert .depicter-42-element-12:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-12:not(.depicter-hover-off):hover {
	background-color:#FFF;
	border-color:transparent;
}
.depicter-revert .depicter-42-element-11{
	background-color:#111823;
	border-radius:11px;
}
.depicter-revert .depicter-42-element-11:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-11:not(.depicter-hover-off):hover {
	background-color:#FFF;
	border-color:transparent;
}
.depicter-revert .depicter-42-element-10{
	background-color:#111823;
	border-radius:11px;
}
.depicter-revert .depicter-42-element-10:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-10:not(.depicter-hover-off):hover {
	background-color:#FFF;
	border-color:transparent;
}
.depicter-revert .depicter-42-element-7{
	font-size:17px;
	text-align:center;
	color:#FF2759;
	font-family:"Cairo";
	font-weight:600;
	text-transform:capitalize;
	background-color:#FFF;
	border-radius:60px;
}
.depicter-revert .depicter-42-element-7:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-7:not(.depicter-hover-off):hover {
	color:#FFF;
	background-color:#FF2759;
	border-color:#000;
}
.depicter-revert .depicter-42-element-6{
	font-size:18px;
	text-align:right;
	color:#CBCBCB;
	font-family:"Cairo";
	font-weight:400;
	line-height:160%;
	text-transform:capitalize;
	direction:rtl;
	background-color:transparent;
}
.depicter-revert .depicter-42-element-4{
	font-size:80px;
	text-align:right;
	color:#FF2759;
	font-family:"Cairo";
	font-weight:600;
	line-height:110%;
	text-transform:capitalize;
	direction:rtl;
	background-color:transparent;
}
.depicter-revert .depicter-42-element-3{
	font-size:80px;
	text-align:right;
	color:#FFF;
	font-family:"Cairo";
	font-weight:600;
	line-height:114%;
	text-transform:capitalize;
	direction:rtl;
	background-color:transparent;
}
.depicter-revert .depicter-42-element-2{
	font-size:19px;
	text-align:right;
	color:#FFBD10;
	font-family:"Cairo";
	font-weight:500;
	line-height:120%;
	direction:rtl;
	background-color:transparent;
}
.depicter-revert .depicter-42-element-9{
	box-shadow:0px 10px 40px 0px rgba(149, 6, 238, 0.2);
	transform:rotate(5deg);
	background-image:linear-gradient(0deg, #81F 0%, #EE0668 100%);
	border-radius:45px;
}
.depicter-revert .depicter-42-element-25{
	border-width:2px;
	border-style:solid;
	border-color:#AAAAAA;
	border-radius:50px;
}
.depicter-revert .depicter-42-element-25:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-25:not(.depicter-hover-off):hover {
	background-color:#FFF;
	border-color:transparent;
}
.depicter-42-element-25 .depicter-symbol-container{
	fill:#FFF;
	transition:all ease 0.5s;
}
.depicter-42-element-25:hover .depicter-symbol-container{
	fill:#000;
}
.depicter-revert .depicter-42-element-24{
	border-width:2px;
	border-style:solid;
	border-color:#AAAAAA;
	border-radius:50px;
}
.depicter-revert .depicter-42-element-24:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-24:not(.depicter-hover-off):hover {
	background-color:#FFF;
	border-color:transparent;
}
.depicter-42-element-24 .depicter-symbol-container{
	fill:#FFF;
	transition:all ease 0.5s;
}
.depicter-42-element-24:hover .depicter-symbol-container{
	fill:#000;
}
.depicter-revert .depicter-42-section-1 .depicter-section-background{
	background-color:#0C1014;
}
.depicter-revert .depicter-42-element-136 .depicter-ny5j78-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-136 .depicter-gocl8x-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-137{
	background-color:#111823;
	border-radius:11px;
}
.depicter-revert .depicter-42-element-137:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-137:not(.depicter-hover-off):hover {
	background-color:#FFF;
	border-color:transparent;
}
.depicter-revert .depicter-42-element-134 .depicter-ny5j78-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-134 .depicter-afrk4v-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-135{
	background-color:#111823;
	border-radius:11px;
}
.depicter-revert .depicter-42-element-135:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-135:not(.depicter-hover-off):hover {
	background-color:#FFF;
	border-color:transparent;
}
.depicter-revert .depicter-42-element-132 .depicter-ny5j78-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-132 .depicter-gb58lm-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-133{
	background-color:#111823;
	border-radius:11px;
}
.depicter-revert .depicter-42-element-133:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-133:not(.depicter-hover-off):hover {
	background-color:#FFF;
	border-color:transparent;
}
.depicter-revert .depicter-42-element-130:not(.depicter-hover-off){
	transition-property:none;
}
.depicter-revert .depicter-42-element-130 .depicter-ny5j78-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-131{
	background-color:#111823;
	border-radius:11px;
}
.depicter-revert .depicter-42-element-131:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-131:not(.depicter-hover-off):hover {
	background-color:#FFF;
	border-color:transparent;
}
.depicter-revert .depicter-42-element-108{
	border-width:2px;
	border-style:solid;
	border-color:#AAAAAA;
	border-radius:50px;
}
.depicter-revert .depicter-42-element-108:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-108:not(.depicter-hover-off):hover {
	background-color:#FFF;
	border-color:transparent;
}
.depicter-42-element-108 .depicter-symbol-container{
	fill:#FFF;
	transition:all ease 0.5s;
}
.depicter-42-element-108:hover .depicter-symbol-container{
	fill:#000;
}
.depicter-revert .depicter-42-element-107{
	border-width:2px;
	border-style:solid;
	border-color:#AAAAAA;
	border-radius:50px;
}
.depicter-revert .depicter-42-element-107:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-107:not(.depicter-hover-off):hover {
	background-color:#FFF;
	border-color:transparent;
}
.depicter-42-element-107 .depicter-symbol-container{
	fill:#FFF;
	transition:all ease 0.5s;
}
.depicter-42-element-107:hover .depicter-symbol-container{
	fill:#000;
}
.depicter-revert .depicter-42-element-106{
	font-size:17px;
	text-align:center;
	color:#FF2759;
	font-family:"Cairo";
	font-weight:600;
	text-transform:capitalize;
	background-color:#FFF;
	border-radius:60px;
}
.depicter-revert .depicter-42-element-106:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-106:not(.depicter-hover-off):hover {
	color:#FFF;
	background-color:#FF2759;
	border-color:#000;
}
.depicter-revert .depicter-42-element-106 .dp-icon-container{
	transform:scale(1);
}
.depicter-revert .depicter-42-element-106 .dp-disabled{
	opacity:1;
}
.depicter-revert .depicter-42-element-105{
	font-size:80px;
	text-align:right;
	color:#FF2759;
	font-family:"Cairo";
	font-weight:600;
	line-height:110%;
	text-transform:capitalize;
	direction:rtl;
	background-color:transparent;
}
.depicter-revert .depicter-42-element-104{
	font-size:19px;
	text-align:right;
	color:#FFBD10;
	font-family:"Cairo";
	font-weight:500;
	line-height:120%;
	direction:rtl;
	background-color:transparent;
}
.depicter-revert .depicter-42-element-103{
	font-size:80px;
	text-align:right;
	color:#FF2759;
	font-family:"Cairo";
	font-weight:600;
	line-height:110%;
	text-transform:capitalize;
	direction:rtl;
	background-color:transparent;
}
.depicter-revert .depicter-42-element-102{
	font-size:18px;
	text-align:right;
	color:#CBCBCB;
	font-family:"Cairo";
	font-weight:400;
	line-height:160%;
	text-transform:capitalize;
	direction:rtl;
	background-color:transparent;
}
.depicter-revert .depicter-42-element-101{
	font-size:80px;
	text-align:right;
	color:#FFF;
	font-family:"Cairo";
	font-weight:600;
	line-height:114%;
	text-transform:capitalize;
	direction:rtl;
	background-color:transparent;
}
.depicter-revert .depicter-42-element-46{
	border-radius:46px;
}
.depicter-revert .depicter-42-element-34{
	box-shadow:0px 10px 40px 0px rgba(149, 6, 238, 0.2);
	transform:rotate(5deg);
	background-image:linear-gradient(0deg, #81F 0%, #EE0668 100%);
	border-radius:45px;
}
.depicter-revert .depicter-42-section-26 .depicter-section-background{
	background-color:#0C1014;
}
.depicter-revert .depicter-42-element-145 .depicter-ny5j78-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-145 .depicter-gocl8x-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-144{
	background-color:#111823;
	border-radius:11px;
}
.depicter-revert .depicter-42-element-144:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-144:not(.depicter-hover-off):hover {
	background-color:#FFF;
	border-color:transparent;
}
.depicter-revert .depicter-42-element-143 .depicter-ny5j78-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-143 .depicter-afrk4v-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-142{
	background-color:#111823;
	border-radius:11px;
}
.depicter-revert .depicter-42-element-142:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-142:not(.depicter-hover-off):hover {
	background-color:#FFF;
	border-color:transparent;
}
.depicter-revert .depicter-42-element-141 .depicter-ny5j78-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-141 .depicter-gb58lm-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-140{
	background-color:#111823;
	border-radius:11px;
}
.depicter-revert .depicter-42-element-140:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-140:not(.depicter-hover-off):hover {
	background-color:#FFF;
	border-color:transparent;
}
.depicter-revert .depicter-42-element-139:not(.depicter-hover-off){
	transition-property:none;
}
.depicter-revert .depicter-42-element-139 .depicter-ny5j78-fill{
	fill:#4A4BFF;
}
.depicter-revert .depicter-42-element-138{
	background-color:#111823;
	border-radius:11px;
}
.depicter-revert .depicter-42-element-138:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-138:not(.depicter-hover-off):hover {
	background-color:#FFF;
	border-color:transparent;
}
.depicter-revert .depicter-42-element-117{
	border-width:2px;
	border-style:solid;
	border-color:#AAAAAA;
	border-radius:50px;
}
.depicter-revert .depicter-42-element-117:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-117:not(.depicter-hover-off):hover {
	background-color:#FFF;
	border-color:transparent;
}
.depicter-42-element-117 .depicter-symbol-container{
	fill:#FFF;
	transition:all ease 0.5s;
}
.depicter-42-element-117:hover .depicter-symbol-container{
	fill:#000;
}
.depicter-revert .depicter-42-element-116{
	border-width:2px;
	border-style:solid;
	border-color:#AAAAAA;
	border-radius:50px;
}
.depicter-revert .depicter-42-element-116:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-116:not(.depicter-hover-off):hover {
	background-color:#FFF;
	border-color:transparent;
}
.depicter-42-element-116 .depicter-symbol-container{
	fill:#FFF;
	transition:all ease 0.5s;
}
.depicter-42-element-116:hover .depicter-symbol-container{
	fill:#000;
}
.depicter-revert .depicter-42-element-115{
	font-size:17px;
	text-align:center;
	color:#FF2759;
	font-family:"Cairo";
	font-weight:600;
	text-transform:capitalize;
	background-color:#FFF;
	border-radius:60px;
}
.depicter-revert .depicter-42-element-115:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-42-element-115:not(.depicter-hover-off):hover {
	color:#FFF;
	background-color:#FF2759;
	border-color:#000;
}
.depicter-revert .depicter-42-element-115 .dp-icon-container{
	transform:scale(1);
}
.depicter-revert .depicter-42-element-115 .dp-disabled{
	opacity:1;
}
.depicter-revert .depicter-42-element-114{
	font-size:18px;
	text-align:right;
	color:#CBCBCB;
	font-family:"Cairo";
	font-weight:400;
	line-height:160%;
	text-transform:capitalize;
	direction:rtl;
	background-color:transparent;
}
.depicter-revert .depicter-42-element-113{
	font-size:80px;
	text-align:right;
	color:#FF2759;
	font-family:"Cairo";
	font-weight:600;
	line-height:110%;
	text-transform:capitalize;
	direction:rtl;
	background-color:transparent;
}
.depicter-revert .depicter-42-element-112{
	font-size:80px;
	text-align:right;
	color:#FF2759;
	font-family:"Cairo";
	font-weight:600;
	line-height:110%;
	text-transform:capitalize;
	direction:rtl;
	background-color:transparent;
}
.depicter-revert .depicter-42-element-111{
	font-size:19px;
	text-align:right;
	color:#FFBD10;
	font-family:"Cairo";
	font-weight:500;
	line-height:120%;
	direction:rtl;
	background-color:transparent;
}
.depicter-revert .depicter-42-element-110{
	font-size:80px;
	text-align:right;
	color:#FFF;
	font-family:"Cairo";
	font-weight:600;
	line-height:114%;
	text-transform:capitalize;
	direction:rtl;
	background-color:transparent;
}
.depicter-revert .depicter-42-element-99{
	border-radius:46px;
}
.depicter-revert .depicter-42-element-54{
	box-shadow:0px 10px 40px 0px rgba(238, 6, 104, 0.2);
	transform:rotate(5deg);
	background-image:linear-gradient(0deg, #81F 0%, #EE0668 100%);
	border-radius:45px;
}
.depicter-revert .depicter-42-section-47 .depicter-section-background{
	background-color:#0C1014;
}

/***** Tablet *****/
@media screen and (max-width: 1024px){

.depicter-revert .depicter-42-element-74{
	border-radius:27px;
}
.depicter-revert .depicter-42-element-68{
	font-size:40px;
	text-align:right;
	font-family:"Cairo";
}
.depicter-revert .depicter-42-element-7{
	font-size:16px;
}
.depicter-revert .depicter-42-element-6{
	font-size:14px;
	text-align:right;
	direction:rtl;
}
.depicter-revert .depicter-42-element-4{
	font-size:40px;
	text-align:right;
	font-family:"Cairo";
}
.depicter-revert .depicter-42-element-3{
	font-size:37px;
	text-align:right;
	font-family:"Cairo";
	direction:rtl;
}
.depicter-revert .depicter-42-element-2{
	font-size:15px;
	text-align:right;
	direction:rtl;
}
.depicter-revert .depicter-42-element-9{
	transform:rotate(4deg);
	border-radius:26px;
}
.depicter-revert .depicter-42-element-106{
	font-size:16px;
}
.depicter-revert .depicter-42-element-105{
	font-size:40px;
	text-align:right;
	font-family:"Cairo";
}
.depicter-revert .depicter-42-element-104{
	font-size:15px;
	text-align:right;
	direction:rtl;
}
.depicter-revert .depicter-42-element-103{
	font-size:40px;
	text-align:right;
	font-family:"Cairo";
}
.depicter-revert .depicter-42-element-102{
	font-size:14px;
	text-align:right;
	direction:rtl;
}
.depicter-revert .depicter-42-element-101{
	font-size:37px;
	text-align:right;
	font-family:"Cairo";
	direction:rtl;
}
.depicter-revert .depicter-42-element-46{
	border-radius:27px;
}
.depicter-revert .depicter-42-element-34{
	transform:rotate(4deg);
	border-radius:26px;
}
.depicter-revert .depicter-42-element-115{
	font-size:16px;
}
.depicter-revert .depicter-42-element-114{
	font-size:14px;
	text-align:right;
	direction:rtl;
}
.depicter-revert .depicter-42-element-113{
	font-size:40px;
	text-align:right;
	font-family:"Cairo";
}
.depicter-revert .depicter-42-element-112{
	font-size:40px;
	text-align:right;
	font-family:"Cairo";
}
.depicter-revert .depicter-42-element-111{
	font-size:15px;
	text-align:right;
	direction:rtl;
}
.depicter-revert .depicter-42-element-110{
	font-size:37px;
	text-align:right;
	font-family:"Cairo";
	direction:rtl;
}
.depicter-revert .depicter-42-element-99{
	border-radius:27px;
}
.depicter-revert .depicter-42-element-54{
	transform:rotate(4deg);
	border-radius:26px;
}

}
/***** Mobile *****/
@media screen and (max-width: 767px){

.depicter-revert .depicter-42-element-74{
	border-radius:16px;
}
.depicter-revert .depicter-42-element-68{
	font-size:34px;
	font-family:"Cairo";
}
.depicter-revert .depicter-42-element-7{
	font-size:15px;
}
.depicter-revert .depicter-42-element-6{
	font-size:13px;
}
.depicter-revert .depicter-42-element-4{
	font-size:34px;
	font-family:"Cairo";
}
.depicter-revert .depicter-42-element-3{
	font-size:34px;
	font-family:"Cairo";
	line-height:120%;
}
.depicter-revert .depicter-42-element-2{
	font-size:14px;
}
.depicter-revert .depicter-42-element-9{
	transform:rotate(4deg);
	border-radius:16px;
}
.depicter-revert .depicter-42-element-106{
	font-size:15px;
}
.depicter-revert .depicter-42-element-105{
	font-size:34px;
	font-family:"Cairo";
}
.depicter-revert .depicter-42-element-104{
	font-size:14px;
}
.depicter-revert .depicter-42-element-103{
	font-size:34px;
	font-family:"Cairo";
}
.depicter-revert .depicter-42-element-102{
	font-size:13px;
}
.depicter-revert .depicter-42-element-101{
	font-size:34px;
	font-family:"Cairo";
	line-height:120%;
}
.depicter-revert .depicter-42-element-46{
	border-radius:16px;
}
.depicter-revert .depicter-42-element-34{
	transform:rotate(4deg);
	border-radius:16px;
}
.depicter-revert .depicter-42-element-115{
	font-size:15px;
}
.depicter-revert .depicter-42-element-114{
	font-size:13px;
}
.depicter-revert .depicter-42-element-113{
	font-size:34px;
	font-family:"Cairo";
}
.depicter-revert .depicter-42-element-112{
	font-size:34px;
	font-family:"Cairo";
}
.depicter-revert .depicter-42-element-111{
	font-size:14px;
}
.depicter-revert .depicter-42-element-110{
	font-size:34px;
	font-family:"Cairo";
	line-height:120%;
}
.depicter-revert .depicter-42-element-99{
	border-radius:16px;
}
.depicter-revert .depicter-42-element-54{
	transform:rotate(4deg);
	border-radius:16px;
}

}
/*** Custom styles ***/
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background-image: url("https://connectco.sa/wp-content/uploads/2025/11/connect-about-us-img.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: opacity 600ms ease;
  opacity: 1;
  z-index: 2;

