@charset "UTF-8";
@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-LtExO.eot");
  src: url("fonts/HelveticaNeueLTStd-LtExO.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-LtExO.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-LtExO.woff") format("woff"), url("fonts/HelveticaNeueLTStd-LtExO.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-LtExO.svg#HelveticaNeueLTStd-LtExO") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-Md.eot");
  src: url("fonts/HelveticaNeueLTStd-Md.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-Md.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-Md.woff") format("woff"), url("fonts/HelveticaNeueLTStd-Md.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-Md.svg#HelveticaNeueLTStd-Md") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-ThExO.eot");
  src: url("fonts/HelveticaNeueLTStd-ThExO.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-ThExO.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-ThExO.woff") format("woff"), url("fonts/HelveticaNeueLTStd-ThExO.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-ThExO.svg#HelveticaNeueLTStd-ThExO") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-UltLt.eot");
  src: url("fonts/HelveticaNeueLTStd-UltLt.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-UltLt.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-UltLt.woff") format("woff"), url("fonts/HelveticaNeueLTStd-UltLt.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-UltLt.svg#HelveticaNeueLTStd-UltLt") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-UltLtCn.eot");
  src: url("fonts/HelveticaNeueLTStd-UltLtCn.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-UltLtCn.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-UltLtCn.woff") format("woff"), url("fonts/HelveticaNeueLTStd-UltLtCn.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-UltLtCn.svg#HelveticaNeueLTStd-UltLtCn") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-BdExO.eot");
  src: url("fonts/HelveticaNeueLTStd-BdExO.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-BdExO.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-BdExO.woff") format("woff"), url("fonts/HelveticaNeueLTStd-BdExO.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-BdExO.svg#HelveticaNeueLTStd-BdExO") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-MdEx.eot");
  src: url("fonts/HelveticaNeueLTStd-MdEx.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-MdEx.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-MdEx.woff") format("woff"), url("fonts/HelveticaNeueLTStd-MdEx.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-MdEx.svg#HelveticaNeueLTStd-MdEx") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-ExO.eot");
  src: url("fonts/HelveticaNeueLTStd-ExO.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-ExO.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-ExO.woff") format("woff"), url("fonts/HelveticaNeueLTStd-ExO.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-ExO.svg#HelveticaNeueLTStd-ExO") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-CnO.eot");
  src: url("fonts/HelveticaNeueLTStd-CnO.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-CnO.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-CnO.woff") format("woff"), url("fonts/HelveticaNeueLTStd-CnO.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-CnO.svg#HelveticaNeueLTStd-CnO") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-Ex.eot");
  src: url("fonts/HelveticaNeueLTStd-Ex.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-Ex.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-Ex.woff") format("woff"), url("fonts/HelveticaNeueLTStd-Ex.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-Ex.svg#HelveticaNeueLTStd-Ex") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-BlkExO.eot");
  src: url("fonts/HelveticaNeueLTStd-BlkExO.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-BlkExO.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-BlkExO.woff") format("woff"), url("fonts/HelveticaNeueLTStd-BlkExO.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-BlkExO.svg#HelveticaNeueLTStd-BlkExO") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-BlkCn.eot");
  src: url("fonts/HelveticaNeueLTStd-BlkCn.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-BlkCn.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-BlkCn.woff") format("woff"), url("fonts/HelveticaNeueLTStd-BlkCn.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-BlkCn.svg#HelveticaNeueLTStd-BlkCn") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-Th.eot");
  src: url("fonts/HelveticaNeueLTStd-Th.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-Th.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-Th.woff") format("woff"), url("fonts/HelveticaNeueLTStd-Th.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-Th.svg#HelveticaNeueLTStd-Th") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-BdOu.eot");
  src: url("fonts/HelveticaNeueLTStd-BdOu.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-BdOu.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-BdOu.woff") format("woff"), url("fonts/HelveticaNeueLTStd-BdOu.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-BdOu.svg#HelveticaNeueLTStd-BdOu") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-LtCn.eot");
  src: url("fonts/HelveticaNeueLTStd-LtCn.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-LtCn.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-LtCn.woff") format("woff"), url("fonts/HelveticaNeueLTStd-LtCn.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-LtCn.svg#HelveticaNeueLTStd-LtCn") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-MdCnO.eot");
  src: url("fonts/HelveticaNeueLTStd-MdCnO.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-MdCnO.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-MdCnO.woff") format("woff"), url("fonts/HelveticaNeueLTStd-MdCnO.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-MdCnO.svg#HelveticaNeueLTStd-MdCnO") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-ThEx.eot");
  src: url("fonts/HelveticaNeueLTStd-ThEx.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-ThEx.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-ThEx.woff") format("woff"), url("fonts/HelveticaNeueLTStd-ThEx.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-ThEx.svg#HelveticaNeueLTStd-ThEx") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-Blk.eot");
  src: url("fonts/HelveticaNeueLTStd-Blk.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-Blk.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-Blk.woff") format("woff"), url("fonts/HelveticaNeueLTStd-Blk.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-Blk.svg#HelveticaNeueLTStd-Blk") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-MdCn.eot");
  src: url("fonts/HelveticaNeueLTStd-MdCn.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-MdCn.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-MdCn.woff") format("woff"), url("fonts/HelveticaNeueLTStd-MdCn.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-MdCn.svg#HelveticaNeueLTStd-MdCn") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-BlkEx.eot");
  src: url("fonts/HelveticaNeueLTStd-BlkEx.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-BlkEx.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-BlkEx.woff") format("woff"), url("fonts/HelveticaNeueLTStd-BlkEx.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-BlkEx.svg#HelveticaNeueLTStd-BlkEx") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-ThCn.eot");
  src: url("fonts/HelveticaNeueLTStd-ThCn.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-ThCn.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-ThCn.woff") format("woff"), url("fonts/HelveticaNeueLTStd-ThCn.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-ThCn.svg#HelveticaNeueLTStd-ThCn") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-MdExO.eot");
  src: url("fonts/HelveticaNeueLTStd-MdExO.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-MdExO.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-MdExO.woff") format("woff"), url("fonts/HelveticaNeueLTStd-MdExO.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-MdExO.svg#HelveticaNeueLTStd-MdExO") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-LtCnO.eot");
  src: url("fonts/HelveticaNeueLTStd-LtCnO.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-LtCnO.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-LtCnO.woff") format("woff"), url("fonts/HelveticaNeueLTStd-LtCnO.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-LtCnO.svg#HelveticaNeueLTStd-LtCnO") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-Cn.eot");
  src: url("fonts/HelveticaNeueLTStd-Cn.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-Cn.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-Cn.woff") format("woff"), url("fonts/HelveticaNeueLTStd-Cn.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-Cn.svg#HelveticaNeueLTStd-Cn") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-ThCnO.eot");
  src: url("fonts/HelveticaNeueLTStd-ThCnO.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-ThCnO.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-ThCnO.woff") format("woff"), url("fonts/HelveticaNeueLTStd-ThCnO.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-ThCnO.svg#HelveticaNeueLTStd-ThCnO") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-BlkCnO.eot");
  src: url("fonts/HelveticaNeueLTStd-BlkCnO.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-BlkCnO.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-BlkCnO.woff") format("woff"), url("fonts/HelveticaNeueLTStd-BlkCnO.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-BlkCnO.svg#HelveticaNeueLTStd-BlkCnO") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-BdEx.eot");
  src: url("fonts/HelveticaNeueLTStd-BdEx.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-BdEx.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-BdEx.woff") format("woff"), url("fonts/HelveticaNeueLTStd-BdEx.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-BdEx.svg#HelveticaNeueLTStd-BdEx") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-Lt.eot");
  src: url("fonts/HelveticaNeueLTStd-Lt.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-Lt.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-Lt.woff") format("woff"), url("fonts/HelveticaNeueLTStd-Lt.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-Roman.eot");
  src: url("fonts/HelveticaNeueLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-Roman.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-Roman.woff") format("woff"), url("fonts/HelveticaNeueLTStd-Roman.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Roman") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("fonts/HelveticaNeueLTStd-LtEx.eot");
  src: url("fonts/HelveticaNeueLTStd-LtEx.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-LtEx.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-LtEx.woff") format("woff"), url("fonts/HelveticaNeueLTStd-LtEx.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-LtEx.svg#HelveticaNeueLTStd-LtEx") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Trajan Pro';
  src: url("fonts/TrajanPro-Regular.eot");
  src: url("fonts/TrajanPro-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/TrajanPro-Regular.woff2") format("woff2"), url("fonts/TrajanPro-Regular.woff") format("woff"), url("fonts/TrajanPro-Regular.ttf") format("truetype"), url("fonts/TrajanPro-Regular.svg#TrajanPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Trajan Pro';
  src: url("fonts/TrajanPro-Bold.eot");
  src: url("fonts/TrajanPro-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/TrajanPro-Bold.woff2") format("woff2"), url("fonts/TrajanPro-Bold.woff") format("woff"), url("fonts/TrajanPro-Bold.ttf") format("truetype"), url("fonts/TrajanPro-Bold.svg#TrajanPro-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'El Messiri';
  src: url("fonts/arabic/ElMessiri-Regular.eot");
  src: url("fonts/arabic/ElMessiri-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/arabic/ElMessiri-Regular.woff2") format("woff2"), url("fonts/arabic/ElMessiri-Regular.woff") format("woff"), url("fonts/arabic/ElMessiri-Regular.ttf") format("truetype"), url("fonts/arabic/ElMessiri-Regular.svg#ElMessiri-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'El Messiri';
  src: url("fonts/arabic/ElMessiri-Medium.eot");
  src: url("fonts/arabic/ElMessiri-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/arabic/ElMessiri-Medium.woff2") format("woff2"), url("fonts/arabic/ElMessiri-Medium.woff") format("woff"), url("fonts/arabic/ElMessiri-Medium.ttf") format("truetype"), url("fonts/arabic/ElMessiri-Medium.svg#ElMessiri-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'El Messiri';
  src: url("fonts/arabic/ElMessiri-Bold.eot");
  src: url("fonts/arabic/ElMessiri-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/arabic/ElMessiri-Bold.woff2") format("woff2"), url("fonts/arabic/ElMessiri-Bold.woff") format("woff"), url("fonts/arabic/ElMessiri-Bold.ttf") format("truetype"), url("fonts/arabic/ElMessiri-Bold.svg#ElMessiri-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'El Messiri';
  src: url("fonts/arabic/ElMessiri-SemiBold.eot");
  src: url("fonts/arabic/ElMessiri-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/arabic/ElMessiri-SemiBold.woff2") format("woff2"), url("fonts/arabic/ElMessiri-SemiBold.woff") format("woff"), url("fonts/arabic/ElMessiri-SemiBold.ttf") format("truetype"), url("fonts/arabic/ElMessiri-SemiBold.svg#ElMessiri-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Cairo';
  src: url("fonts/arabic/Cairo-Regular.eot");
  src: url("fonts/arabic/Cairo-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/arabic/Cairo-Regular.woff2") format("woff2"), url("fonts/arabic/Cairo-Regular.woff") format("woff"), url("fonts/arabic/Cairo-Regular.ttf") format("truetype"), url("fonts/arabic/Cairo-Regular.svg#Cairo-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Cairo';
  src: url("fonts/arabic/Cairo-ExtraLight.eot");
  src: url("fonts/arabic/Cairo-ExtraLight.eot?#iefix") format("embedded-opentype"), url("fonts/arabic/Cairo-ExtraLight.woff2") format("woff2"), url("fonts/arabic/Cairo-ExtraLight.woff") format("woff"), url("fonts/arabic/Cairo-ExtraLight.ttf") format("truetype"), url("fonts/arabic/Cairo-ExtraLight.svg#Cairo-ExtraLight") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Cairo';
  src: url("fonts/arabic/Cairo-Bold.eot");
  src: url("fonts/arabic/Cairo-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/arabic/Cairo-Bold.woff2") format("woff2"), url("fonts/arabic/Cairo-Bold.woff") format("woff"), url("fonts/arabic/Cairo-Bold.ttf") format("truetype"), url("fonts/arabic/Cairo-Bold.svg#Cairo-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Cairo';
  src: url("fonts/arabic/Cairo-Light.eot");
  src: url("fonts/arabic/Cairo-Light.eot?#iefix") format("embedded-opentype"), url("fonts/arabic/Cairo-Light.woff2") format("woff2"), url("fonts/arabic/Cairo-Light.woff") format("woff"), url("fonts/arabic/Cairo-Light.ttf") format("truetype"), url("fonts/arabic/Cairo-Light.svg#Cairo-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Cairo';
  src: url("fonts/arabic/Cairo-SemiBold.eot");
  src: url("fonts/arabic/Cairo-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/arabic/Cairo-SemiBold.woff2") format("woff2"), url("fonts/arabic/Cairo-SemiBold.woff") format("woff"), url("fonts/arabic/Cairo-SemiBold.ttf") format("truetype"), url("fonts/arabic/Cairo-SemiBold.svg#Cairo-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Cairo';
  src: url("fonts/arabic/Cairo-Black.eot");
  src: url("fonts/arabic/Cairo-Black.eot?#iefix") format("embedded-opentype"), url("fonts/arabic/Cairo-Black.woff2") format("woff2"), url("fonts/arabic/Cairo-Black.woff") format("woff"), url("fonts/arabic/Cairo-Black.ttf") format("truetype"), url("fonts/arabic/Cairo-Black.svg#Cairo-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-It.eot");
  src: url("fonts/new/HelveticaNeueLTStd-It.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-It.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-It.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-It.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-It.svg#HelveticaNeueLTStd-It") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-UltLtIt.eot");
  src: url("fonts/new/HelveticaNeueLTStd-UltLtIt.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-UltLtIt.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-UltLtIt.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-UltLtIt.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-UltLtIt.svg#HelveticaNeueLTStd-UltLtIt") format("svg");
  font-weight: 200;
  font-style: italic; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-Roman.eot");
  src: url("fonts/new/HelveticaNeueLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-Roman.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-Roman.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-Roman.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Roman") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-MdIt.eot");
  src: url("fonts/new/HelveticaNeueLTStd-MdIt.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-MdIt.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-MdIt.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-MdIt.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-MdIt.svg#HelveticaNeueLTStd-MdIt") format("svg");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-Lt.eot");
  src: url("fonts/new/HelveticaNeueLTStd-Lt.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-Lt.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-Lt.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-Lt.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-LtIt.eot");
  src: url("fonts/new/HelveticaNeueLTStd-LtIt.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-LtIt.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-LtIt.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-LtIt.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-LtIt.svg#HelveticaNeueLTStd-LtIt") format("svg");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-Hv.eot");
  src: url("fonts/new/HelveticaNeueLTStd-Hv.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-Hv.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-Hv.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-Hv.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-Hv.svg#HelveticaNeueLTStd-Hv") format("svg");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-Ex.eot");
  src: url("fonts/new/HelveticaNeueLTStd-Ex.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-Ex.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-Ex.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-Ex.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-Ex.svg#HelveticaNeueLTStd-Ex") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-LtEx.eot");
  src: url("fonts/new/HelveticaNeueLTStd-LtEx.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-LtEx.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-LtEx.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-LtEx.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-LtEx.svg#HelveticaNeueLTStd-LtEx") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-BlkIt.eot");
  src: url("fonts/new/HelveticaNeueLTStd-BlkIt.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-BlkIt.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-BlkIt.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-BlkIt.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-BlkIt.svg#HelveticaNeueLTStd-BlkIt") format("svg");
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-Blk.eot");
  src: url("fonts/new/HelveticaNeueLTStd-Blk.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-Blk.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-Blk.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-Blk.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-Blk.svg#HelveticaNeueLTStd-Blk") format("svg");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-HvIt.eot");
  src: url("fonts/new/HelveticaNeueLTStd-HvIt.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-HvIt.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-HvIt.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-HvIt.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-HvIt.svg#HelveticaNeueLTStd-HvIt") format("svg");
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-BlkEx.eot");
  src: url("fonts/new/HelveticaNeueLTStd-BlkEx.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-BlkEx.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-BlkEx.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-BlkEx.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-BlkEx.svg#HelveticaNeueLTStd-BlkEx") format("svg");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-UltLt.eot");
  src: url("fonts/new/HelveticaNeueLTStd-UltLt.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-UltLt.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-UltLt.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-UltLt.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-UltLt.svg#HelveticaNeueLTStd-UltLt") format("svg");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-BdIt.eot");
  src: url("fonts/new/HelveticaNeueLTStd-BdIt.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-BdIt.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-BdIt.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-BdIt.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-BdIt.svg#HelveticaNeueLTStd-BdIt") format("svg");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-BdEx.eot");
  src: url("fonts/new/HelveticaNeueLTStd-BdEx.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-BdEx.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-BdEx.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-BdEx.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-BdEx.svg#HelveticaNeueLTStd-BdEx") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-UltLtEx.eot");
  src: url("fonts/new/HelveticaNeueLTStd-UltLtEx.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-UltLtEx.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-UltLtEx.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-UltLtEx.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-UltLtEx.svg#HelveticaNeueLTStd-UltLtEx") format("svg");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-Md.eot");
  src: url("fonts/new/HelveticaNeueLTStd-Md.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-Md.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-Md.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-Md.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-Md.svg#HelveticaNeueLTStd-Md") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-MdEx.eot");
  src: url("fonts/new/HelveticaNeueLTStd-MdEx.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-MdEx.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-MdEx.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-MdEx.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-MdEx.svg#HelveticaNeueLTStd-MdEx") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("fonts/new/HelveticaNeueLTStd-Bd.eot");
  src: url("fonts/new/HelveticaNeueLTStd-Bd.eot?#iefix") format("embedded-opentype"), url("fonts/new/HelveticaNeueLTStd-Bd.woff2") format("woff2"), url("fonts/new/HelveticaNeueLTStd-Bd.woff") format("woff"), url("fonts/new/HelveticaNeueLTStd-Bd.ttf") format("truetype"), url("fonts/new/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd") format("svg");
  font-weight: bold;
  font-style: normal; }



  @font-face {
    font-family: 'num font';
    src: url('fonts/GESSTwoBold-Bold.eot');
    src: url('fonts/GESSTwoBold-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/GESSTwoBold-Bold.woff2') format('woff2'),
        url('fonts/GESSTwoBold-Bold.woff') format('woff'),
        url('fonts/GESSTwoBold-Bold.ttf') format('truetype'),
        url('fonts/GESSTwoBold-Bold.svg#GESSTwoBold-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



.hover-button {
  border: none;
  background-color: transparent;
  outline: 0; }
  .hover-button a {
    display: inline-block;
    margin: 0;
    position: relative;
    overflow: hidden;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    outline: 0; }
    .hover-button a::before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #18A2DC;
      -webkit-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      z-index: -1;
      border-radius: 100%; }
    .hover-button a:hover {
      color: #ffffff;
      border: 2px solid transparent; }
      .hover-button a:hover::before {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        border-radius: 23px; }

.my-cont {
  margin: auto;
  padding-right: 15px;
  padding-left: 15px; }
  .my-cont.my-cont-home {
    width: 1100px;
    max-width: 1100px; }
    @media (max-width: 1199px) {
      .my-cont.my-cont-home {
        width: 98%; } }
  @media (max-width: 1199px) {
    .my-cont {
      width: 98%; } }
  @media (min-width: 1200px) {
    .my-cont {
      width: 1190px; } }

.con-fluid {
  width: 100%;
  height: 100%;
  margin: auto;
  padding-left: 10px;
  padding-right: 10px; }
  .con-fluid .row {
    margin-left: -10px;
    margin-right: -10px; }

.full-height {
  height: 100%; }

.flow-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }

img.img-fluid {
  width: 100%; }

img.img-fluid-new {
  max-width: 100%;
  height: auto; }

ul li.prag {
  color: #5e5e5e;
  font-size: 13px;
  margin-bottom: 10px; }
  @media (max-width: 767px) {
    ul li.prag {
      font-size: 13px; } }
  @media (min-width: 992px) {
    ul li.prag {
      font-size: 13px; } }
  @media (min-width: 1200px) {
    ul li.prag {
      font-size: 14px; } }

.header {
  position: relative;
  max-height: 400px;
  width: 100%;
  height: 375px;
  background-size: cover;
  background-position: center center; }
  @media (max-width: 991px) {
    .header {
      max-height: 215px; } }
  @media (max-width: 576px) {
    .header {
      height: 200px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .header {
      height: 275px; } }
  .header img {
    max-height: 215px; }
    @media (max-width: 576px) {
      .header img {
        height: 200px; } }
  .header .overlay-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: #006ddd;
    background: -webkit-gradient(linear, left top, left bottom, from(#006ddd), to(#00a2dd));
    background: -webkit-linear-gradient(top, #006ddd 0%, #00a2dd 100%);
    background: -o-linear-gradient(top, #006ddd 0%, #00a2dd 100%);
    background: linear-gradient(to bottom, #006ddd 0%, #00a2dd 100%); */
    opacity: 0.6; }
  .header .header-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .header .header-title .head-title {
      text-transform: uppercase;
      font-weight: bold;
      font-size: 20px;
      color: #ffffff;
      letter-spacing: 0.5px;
      font-family: "Trajan Pro"; }
      body.ar .header .header-title .head-title {
        font-family: "Cairo"; }
      @media (max-width: 767px) {
        .header .header-title .head-title {
          font-size: 16px; } }
      @media (max-width: 576px) {
        .header .header-title .head-title {
          font-size: 13px; } }
      .header .header-title .head-title span {
        position: relative;
        display: inline-block; }
        .header .header-title .head-title span::before {
          position: absolute;
          content: "";
          bottom: -25px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          width: 75px;
          height: 3px;
          background-color: #ffffff; }
          @media (max-width: 576px) {
            .header .header-title .head-title span::before {
              bottom: -15px; } }
  .header .mainbar {
    padding: 0;
    margin: 0;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    top: 100%;
    z-index: 9; }
    .header .mainbar.scrolled {
      position: fixed;
      left: 0;
      top: 96px; }
      @media (max-width: 991px) {
        .header .mainbar.scrolled {
          top: 90px; } }
    .header .mainbar .mainbar-menu ul {
      width: 100%;
      max-width: 1000px;
      margin: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      @media (max-width: 767px) {
        .header .mainbar .mainbar-menu ul {
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; } }
      .header .mainbar .mainbar-menu ul .mainbar-item {
        padding: 15px 10px; }
        @media (max-width: 767px) {
          .header .mainbar .mainbar-menu ul .mainbar-item {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            text-align: center;
            text-align: left; } }
        @media (max-width: 576px) {
          .header .mainbar .mainbar-menu ul .mainbar-item {
            padding: 15px 5px; } }
        .header .mainbar .mainbar-menu ul .mainbar-item .mainbar-link {
          color: #000;
          font-size: 12px;
          text-transform: uppercase;
          font-weight: 400;
          -webkit-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          @media (max-width: 767px) {
            .header .mainbar .mainbar-menu ul .mainbar-item .mainbar-link {
              position: relative;
              display: inline-block;
              width: 80%; }
              .header .mainbar .mainbar-menu ul .mainbar-item .mainbar-link::before {
                position: absolute;
                content: "";
                left: 0;
                bottom: -10px;
                background-color: #f4f4f4;
                width: 100%;
                height: 2px; } }
          @media (max-width: 576px) {
            .header .mainbar .mainbar-menu ul .mainbar-item .mainbar-link {
              width: 100%;
              font-size: 10px; } }
          @media (min-width: 768px) and (max-width: 992px) {
            .header .mainbar .mainbar-menu ul .mainbar-item .mainbar-link {
              font-size: 11px; } }
          .header .mainbar .mainbar-menu ul .mainbar-item .mainbar-link:hover {
            color: #00a2dd; }
  .header.big .mainbar .mainbar-menu ul {
    max-width: 100%; }

.section-head-bar {
  position: relative; }
  .section-head-bar .mainbar {
    padding: 0;
    margin: 0;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    top: 100%;
    z-index: 9; }
    .section-head-bar .mainbar.scrolled {
      position: fixed;
      left: 0;
      top: 96px; }
      @media (max-width: 991px) {
        .section-head-bar .mainbar.scrolled {
          top: 90px; } }
    .section-head-bar .mainbar .mainbar-menu ul {
      width: 100%;
      max-width: 780px;
      margin: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      @media (max-width: 767px) {
        .section-head-bar .mainbar .mainbar-menu ul {
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; } }
      .section-head-bar .mainbar .mainbar-menu ul .mainbar-item {
        padding: 15px 10px; }
        @media (max-width: 767px) {
          .section-head-bar .mainbar .mainbar-menu ul .mainbar-item {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            text-align: center;
            text-align: left; } }
        @media (max-width: 576px) {
          .section-head-bar .mainbar .mainbar-menu ul .mainbar-item {
            padding: 15px 5px; } }
        .section-head-bar .mainbar .mainbar-menu ul .mainbar-item .mainbar-link {
          color: #000;
          font-size: 16px;
          text-transform: uppercase;
          font-weight: 400;
          -webkit-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          @media (max-width: 767px) {
            .section-head-bar .mainbar .mainbar-menu ul .mainbar-item .mainbar-link {
              position: relative;
              display: inline-block;
              width: 80%; }
              .section-head-bar .mainbar .mainbar-menu ul .mainbar-item .mainbar-link::before {
                position: absolute;
                content: "";
                left: 0;
                bottom: -10px;
                background-color: #f4f4f4;
                width: 100%;
                height: 2px; } }
          @media (max-width: 576px) {
            .section-head-bar .mainbar .mainbar-menu ul .mainbar-item .mainbar-link {
              width: 100%;
              font-size: 10px; } }
          @media (min-width: 768px) and (max-width: 992px) {
            .section-head-bar .mainbar .mainbar-menu ul .mainbar-item .mainbar-link {
              font-size: 11px; } }
          .section-head-bar .mainbar .mainbar-menu ul .mainbar-item .mainbar-link:hover {
            color: #00a2dd; }
  .section-head-bar.big .mainbar .mainbar-menu ul {
    max-width: 100%; }

.section {
  padding: 80px 0;
  position: relative; }
  @media (max-width: 991px) {
    .section {
      padding: 30px 0; } }
  .section.second-section {
    padding-top: calc(80px + 54px); }
    @media (max-width: 991px) {
      .section.second-section {
        padding-top: calc(30px + 54px); } }
    @media (max-width: 768px) {
      .section.second-section {
        padding-top: calc(30px + 147px); } }
  .section.gray {
    background-color: #f4f4f4; }
  .section .id-padding {
    position: absolute;
    top: -80px;
    left: 0;
    width: 1px;
    height: 1px; }
    .section .id-padding.id-padding-mainbar {
      top: calc(-60px + -60px); }

.row.row-new {
  margin-left: -10px;
  margin-right: -10px; }

.col-new {
  padding-right: 10px;
  padding-left: 10px; }

.col-0.special-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

@media (min-width: 768px) and (max-width: 991px) {
  .col-0 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; } }

@media (min-width: 768px) {
  .off-md-6 {
    margin-right: 50%; } }

.col-white-abs {
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05);
  position: absolute;
  left: 30%;
  top: 17%; }
  @media (max-width: 576px) {
    .col-white-abs {
      background-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-radius: 0; }
      .col-white-abs .message-content {
        background-color: #ffffff;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05); } }
  @media (max-width: 991px) {
    .col-white-abs {
      position: static; } }

.section-title-home,
.section-title {
  color: #18A2DC;
  font-size: 25px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-align: center; }
  @media (max-width: 576px) {
    .section-title-home,
    .section-title {
      font-size: 16px; } }

.section-subtitle-home,
.section-subtitle {
  color: #000;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 15px;
  font-family: "Trajan Pro"; }
  body.ar .section-subtitle-home, body.ar
  .section-subtitle {
    font-family: "El Messiri";
    letter-spacing: -1px !important; }
  @media (max-width: 767px) {
    .section-subtitle-home,
    .section-subtitle {
      font-size: 20px; } }
  @media (max-width: 576px) {
    .section-subtitle-home,
    .section-subtitle {
      padding-bottom: 10px;
      font-size: 18px; } }

.section-prag-home {
  display: block;
  color: #5e5e5e;
  font-size: 13px;
  margin-bottom: 15px; }
  .section-prag-home.max {
    max-width: 780px;
    margin: auto;
    text-align: center;
    margin-bottom: 15px; }
  @media (max-width: 767px) {
    .section-prag-home {
      font-size: 13px;
      margin-bottom: 10px; } }

.section-title {
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: center; }
  @media (max-width: 767px) {
    .section-title {
      margin-bottom: 10px; } }

.section-new-title {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: -webkit-linear-gradient(25deg, #00a2dd, #006ddd);
  background-image: -o-linear-gradient(25deg, #00a2dd, #006ddd);
  background-image: linear-gradient(65deg, #00a2dd, #006ddd);
  font-size: 24px;
  font-weight: 900;
  text-transform: uppercase;
  padding-bottom: 25px;
  text-align: left;
  letter-spacing: 0.42px;
  margin-bottom: 0; }
  .section-new-title.max {
    max-width: 650px;
    font-weight: 700;
    text-transform: capitalize; }
  @media (max-width: 767px) {
    .section-new-title {
      padding-bottom: 10px; } }

.section-subtitle {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px; }
  .section-subtitle.new-sub {
    position: relative;
    margin-bottom: 30px; }
    .section-subtitle.new-sub::before {
      position: absolute;
      content: "01";
      left: 50%;
      top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      color: #efefef;
      font-size: 100px;
      font-weight: 900;
      font-family: "Helvetica Neue LT Std";
      z-index: -1;
      margin-top: -10px; }
      body.ar .section-subtitle.new-sub::before {
        font-family: "Cairo"; }
    .section-subtitle.new-sub.new-sub-2::before {
      content: "02"; }
    .section-subtitle.new-sub.new-sub-3::before {
      content: "03"; }
    @media (max-width: 767px) {
      .section-subtitle.new-sub {
        margin-bottom: 30px; } }
  @media (max-width: 767px) {
    .section-subtitle {
      margin-bottom: 10px; } }

.small-title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.42px;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #00a2dd;
  text-align: left; }

.tab-title {
  font-size: 14px;
  color: #00a2dd;
  font-weight: 500;
  letter-spacing: 0.42px;
  line-height: 21px;
  padding: 15px;
  margin-bottom: 0;
  cursor: pointer; }

.button-title {
  font-size: 14px;
  font-weight: 500;
  color: #5e5e5e;
  letter-spacing: 0.42px;
  padding: 10px;
  border: 1px solid #18a2dc;
  border-radius: 5px;
  text-align: center;
  text-transform: capitalize;
  height: 100%; }

.section-prag {
  display: block;
  color: #5e5e5e;
  font-size: 13px;
  margin-bottom: 10px; }
  .section-prag.specia-prag {
    margin-bottom: 25px; }
    @media (max-width: 767px) {
      .section-prag.specia-prag {
        margin-bottom: 15px; } }
  .section-prag.max {
    max-width: 780px;
    margin: auto;
    margin-bottom: 40px;
    text-align: center; }
  @media (max-width: 767px) {
    .section-prag {
      font-size: 13px; } }
  @media (min-width: 992px) {
    .section-prag {
      font-size: 13px; } }
  @media (min-width: 1200px) {
    .section-prag {
      font-size: 16px; } }

.main-hover {
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .main-hover::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -3px;
    height: 2px;
    width: 0%;
    background-color: #00a2dd;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    body.ar .main-hover::before {
      left: auto;
      right: 0; }
  .main-hover:hover {
    color: #00a2dd; }
    .main-hover:hover::before {
      width: 90%; }

.card-img {
  position: relative;
  margin-top: 25px; }
  .card-img a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden; }
    .card-img a::before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.25);
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      border-radius: 5px; }
    .card-img a:hover::before {
      background-color: rgba(38, 126, 216, 0.7); }
    .card-img a:hover button {
      bottom: 5%; }
    .card-img a img {
      border-radius: 5px; }
    .card-img a .card-abs {
      position: absolute;
      left: 0;
      top: 0;
      color: #ffffff;
      width: 100%;
      margin: auto;
      height: 85%;
      overflow: hidden; }
      .card-img a .card-abs .card-content {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 15px;
        overflow: hidden; }
        .card-img a .card-abs .card-content .all {
          position: absolute;
          padding: 10px 20px;
          left: 0;
          top: 50%;
          overflow: hidden;
          -webkit-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          @media (min-width: 768px) and (max-width: 991px) {
            .card-img a .card-abs .card-content .all.one {
              top: 17%; } }
          @media (max-width: 767px) {
            .card-img a .card-abs .card-content .all {
              top: 55%; } }
          @media (min-width: 576px) and (max-width: 767px) {
            .card-img a .card-abs .card-content .all {
              top: 71%; } }
          @media (min-width: 768px) and (max-width: 991px) {
            .card-img a .card-abs .card-content .all {
              top: 32%; } }
          @media (min-width: 992px) and (max-width: 1199px) {
            .card-img a .card-abs .card-content .all {
              top: 40%; } }
          .card-img a .card-abs .card-content .all h5 {
            font-size: 16px;
            font-weight: 700;
            position: relative;
            margin-bottom: 30px;
            text-transform: uppercase; }
            .card-img a .card-abs .card-content .all h5::before {
              position: absolute;
              content: "";
              left: 0;
              bottom: -15px;
              width: 40px;
              height: 2px;
              background-color: #ffffff; }
              @media (min-width: 768px) and (max-width: 991px) {
                .card-img a .card-abs .card-content .all h5::before {
                  font-size: 14px; } }
          .card-img a .card-abs .card-content .all p {
            font-size: 14px; }
            @media (min-width: 992px) and (max-width: 1199px) {
              .card-img a .card-abs .card-content .all p {
                font-size: 12px; } }
    .card-img a button {
      background-color: transparent;
      border: none;
      outline: 0;
      position: absolute;
      left: 20px;
      bottom: -9.5%;
      padding: 0;
      cursor: pointer;
      font-size: 14px;
      color: #ffffff;
      font-weight: 400;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      -webkit-transition-delay: 0.1s;
      -o-transition-delay: 0.1s;
      transition-delay: 0.1s; }
      @media (max-width: 991px) {
        .card-img a button {
          bottom: 3%; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .card-img a button {
          font-size: 12px; } }
      .card-img a button i {
        display: inline-block;
        margin-left: 5px; }

.card-manage {
  position: relative;
  border-radius: 5px; }
  .card-manage a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 2;
    overflow: hidden; }
    .card-manage a::before {
      position: absolute;
      content: "";
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border-radius: 5px;
      background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.6)));
      background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
      background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
      background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
      opacity: 0.5;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .card-manage a:hover::before {
      opacity: 1; }
    .card-manage a:hover .card-content {
      top: 70%; }
    @media (max-width: 767px) {
      .card-manage a:hover {
        top: 80%; } }
    @media (max-width: 576px) {
      .card-manage a:hover {
        top: 67%; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      .card-manage a:hover .card-content {
        top: 60%; } }
    .card-manage a img {
      border-radius: 5px; }
    .card-manage a .card-content {
      position: absolute;
      padding: 10px;
      width: 100%;
      left: 0;
      top: 75%;
      overflow: hidden;
      -webkit-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      text-align: center; }
      @media (max-width: 767px) {
        .card-manage a .card-content {
          top: 85%; } }
      @media (max-width: 576px) {
        .card-manage a .card-content {
          top: 72%; } }
      @media (min-width: 992px) and (max-width: 1200px) {
        .card-manage a .card-content {
          top: 65%; } }
      .card-manage a .card-content h5 {
        font-size: 16px;
        font-weight: 700;
        position: relative;
        margin-bottom: 30px;
        text-transform: uppercase;
        color: #ffffff; }
        .card-manage a .card-content h5::before {
          position: absolute;
          content: "";
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          bottom: -15px;
          width: 50px;
          height: 3px;
          background-color: #ffffff; }
          @media (min-width: 768px) and (max-width: 991px) {
            .card-manage a .card-content h5::before {
              font-size: 14px; } }
      .card-manage a .card-content p {
        font-size: 14px;
        color: #ffffff;
        margin-bottom: 20px; }
        @media (min-width: 992px) and (max-width: 1199px) {
          .card-manage a .card-content p {
            font-size: 12px; } }
      .card-manage a .card-content button {
        background-color: transparent;
        text-align: center;
        border: none;
        outline: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -60%;
        padding: 0;
        cursor: pointer;
        font-size: 14px;
        color: #ffffff;
        font-weight: 500;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        transition-delay: 0.1s; }
        @media (max-width: 991px) {
          .card-manage a .card-content button {
            bottom: 3%; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          .card-manage a .card-content button {
            font-size: 12px; } }
        .card-manage a .card-content button i {
          display: inline-block;
          margin-left: 5px; }
          @media (max-width: 991px) {
            .card-manage a .card-content button i {
              font-size: 12px; } }
  .card-manage.card-slide a .card-content {
    overflow: visible;
    top: 55%; }
    @media (max-width: 991px) {
      .card-manage.card-slide a .card-content {
        top: 35%; } }
    @media (max-width: 767px) {
      .card-manage.card-slide a .card-content {
        top: 40%; } }
    @media (max-width: 576px) {
      .card-manage.card-slide a .card-content {
        top: 60%; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .card-manage.card-slide a .card-content {
        top: 48%; } }
    .card-manage.card-slide a .card-content button {
      overflow: hidden;
      -webkit-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
      @media (max-width: 768px) {
        .card-manage.card-slide a .card-content button {
          bottom: 0%; } }
  .card-manage.card-slide a:hover .card-content {
    top: 45%; }
    @media (min-width: 768px) and (max-width: 1199px) {
      .card-manage.card-slide a:hover .card-content {
        top: 35%; } }
    .card-manage.card-slide a:hover .card-content button {
      bottom: 0; }

.swiper-props {
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .swiper-props .swiper-num {
    font-size: 14px;
    font-weight: 500;
    color: #eda827;
    display: inline-block;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    max-width: 200px;
    padding-right: 5px; }
    .swiper-props .swiper-num::before {
      position: absolute;
      content: "";
      left: 100px;
      top: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      height: 2px;
      width: 100px;
      background-color: #eda827; }
  .swiper-props .slider-arrows {
    padding: 15px 0; }
    .swiper-props .slider-arrows i {
      margin: 0 10px;
      cursor: pointer;
      color: #00a2dd;
      outline: 0; }
  @media (max-width: 767px) {
    .swiper-props .view-all {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      margin: auto;
      text-align: center;
      margin-top: 15px; } }

.big-resume {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  background-color: transparent;
  overflow: scroll;
  overflow-x: hidden;
  background-color: rgba(0, 0, 0, 0.2);
  display: none;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .big-resume .resume {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 100%; }
    .big-resume .resume .resume-content {
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%);
      position: relative;
      width: auto;
      max-width: 850px;
      padding: 50px 25px;
      margin: 30px auto;
      background-color: #eaeaea;
      -webkit-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
      border-radius: 5px; }
      .big-resume .resume .resume-content.transformed {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }
      @media (max-width: 991px) {
        .big-resume .resume .resume-content {
          width: 95%; } }
      @media (min-width: 992px) {
        .big-resume .resume .resume-content {
          width: 800px; } }
      .big-resume .resume .resume-content .resume-close {
        position: absolute;
        right: 3%;
        border: 3px solid #00a2dd;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        padding: 5px;
        cursor: pointer;
        color: #00a2dd;
        margin-top: -20px;
        outline: 0;
        z-index: 1;
        text-align: center; }
        @media (max-width: 576px) {
          .big-resume .resume .resume-content .resume-close {
            margin-top: 25px; } }
        .big-resume .resume .resume-content .resume-close i {
          margin-top: -5px;
          cursor: pointer; }
      .big-resume .resume .resume-content .resume-title {
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        background-image: -webkit-linear-gradient(25deg, #00a2dd, #006ddd);
        background-image: -o-linear-gradient(25deg, #00a2dd, #006ddd);
        background-image: linear-gradient(65deg, #00a2dd, #006ddd);
        font-size: 16px;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 35px;
        position: relative; }
        .big-resume .resume .resume-content .resume-title::before {
          position: absolute;
          content: "";
          left: 0;
          bottom: -15px;
          width: 43px;
          height: 2px;
          background-color: #00a2dd; }
        @media (max-width: 576px) {
          .big-resume .resume .resume-content .resume-title {
            font-size: 13px; } }
      .big-resume .resume .resume-content .resume-subtitle {
        text-align: left;
        color: #000;
        font-size: 14px;
        font-weight: 500;
        text-transform: capitalize;
        margin-bottom: 15px; }
        @media (max-width: 767px) {
          .big-resume .resume .resume-content .resume-subtitle {
            font-size: 12px; } }
      .big-resume .resume .resume-content .resume-text {
        padding: 20px 0; }
        .big-resume .resume .resume-content .resume-text .section-prag {
          margin-bottom: 12px;
          font-size: 12px; }
        .big-resume .resume .resume-content .resume-text div {
          margin-bottom: 8px;
          font-size: 13px; }

.mainbar-services-program {
  width: 100%;
  margin: auto;
  min-height: 100%;
  -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1); }
  .mainbar-services-program .mainbar-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto; }
    .mainbar-services-program .mainbar-menu ul .mainbar-item {
      text-align: center;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%; }
      .mainbar-services-program .mainbar-menu ul .mainbar-item.active .mainbar-link {
        color: #00a2dd; }
      .mainbar-services-program .mainbar-menu ul .mainbar-item .mainbar-link {
        padding: 15px;
        font-size: 12px;
        color: #000;
        text-transform: uppercase;
        display: inline-block;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .mainbar-services-program .mainbar-menu ul .mainbar-item .mainbar-link:hover {
          color: #00a2dd; }

span.hide {
  visibility: hidden;
  display: none; }

.we-do p.section-prag {
  max-width: 780px;
  margin: auto; }

.related-services {
  margin-top: 40px; }
  @media (max-width: 767px) {
    .related-services {
      margin-top: 25px; } }
  .related-services .services-tab {
    text-align: center;
    margin-bottom: 15px;
    background-color: #f4f4f4;
    height: 84%;
    position: relative;
    padding: 0; }
    @media (max-width: 767px) {
      .related-services .services-tab {
        height: auto; } }
    .related-services .services-tab.active::after {
      opacity: 1; }
    .related-services .services-tab.active i {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      font-size: 12px; }
    .related-services .services-tab::after {
      position: absolute;
      content: "";
      width: 0px;
      height: 0px;
      border-right: 25px solid transparent;
      border-left: 25px solid transparent;
      border-bottom: 25px solid #f4f4f4;
      left: 50%;
      bottom: -45px;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      opacity: 0; }
      @media (max-width: 767px) {
        .related-services .services-tab::after {
          bottom: -15px;
          border-right: 15px solid transparent;
          border-left: 15px solid transparent;
          border-bottom: 10px solid #f4f4f4; } }
    .related-services .services-tab .tab-title {
      font-size: 14px;
      color: #00a2dd;
      font-weight: 500;
      letter-spacing: 0.42px;
      line-height: 21px;
      padding: 15px;
      margin-bottom: 0;
      cursor: pointer; }
    .related-services .services-tab i {
      position: absolute;
      bottom: 1px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      color: #00a2dd;
      margin-left: -4px;
      font-size: 12px;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }

.well {
  width: 100%;
  margin-top: 30px;
  padding: 20px 0 50px;
  background-color: #f4f4f4; }
  .well:not(.active) {
    display: none; }
  @media (max-width: 767px) {
    .well {
      margin-top: 0;
      padding: 20px 10px; } }
  .well .well-button {
    position: relative;
    height: 100%; }
    .well .well-button i {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: -25px;
      color: #5e5e5e;
      font-size: 12px; }
  .well .well-details {
    margin-top: 25px;
    margin-bottom: -15px;
    color: #5e5e5e; }
    .well .well-details ul {
      -webkit-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      opacity: 0; }
      .well .well-details ul.op-1 {
        opacity: 1; }
      .well .well-details ul li {
        position: relative;
        padding: 0 5px;
        font-size: 14px;
        display: inline-block; }
        .well .well-details ul li:last-of-type::after {
          display: none; }
          .well .well-details ul li:last-of-type::after.op-1 {
            opacity: 1; }
        .well .well-details ul li::after {
          content: "/";
          margin-left: 15px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
        .well .well-details ul li i {
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          bottom: -25px; }
      .well .well-details ul ul {
        text-align: center;
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        opacity: 0;
        -webkit-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        transition-delay: 0.5s;
        margin-top: 30px; }
        .well .well-details ul ul.op-1 {
          opacity: 1; }

.program {
  padding-bottom: 0; }
  .program:not(.active) {
    display: none; }
  .program.sec-prog {
    padding-bottom: 80px; }
    @media (max-width: 991px) {
      .program.sec-prog {
        padding: 30px 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .program .owl-theme .item {
      margin-top: 20px; } }
  .program .owl-theme .item img {
    border-radius: 5px; }
  .program .owl-theme .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 20px; }
    .program .owl-theme .owl-dots .owl-dot.owl-dot.active span {
      background-color: #ffffff; }
    .program .owl-theme .owl-dots .owl-dot span {
      background-color: transparent;
      border: 1px solid #ffffff;
      width: 15px;
      height: 15px;
      margin: 0 5px;
      padding: 5px; }
  .program .related-tags {
    margin-top: 40px;
    width: 100%; }
    @media (max-width: 991px) {
      .program .related-tags {
        margin-top: 25px; } }
    @media (min-width: 992px) {
      .program .related-tags .spec {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%; } }
    .program .related-tags .mb-spec {
      margin-bottom: 10px !important; }
    .program .related-tags .tag-title {
      color: #5e5e5e;
      font-size: 14px;
      font-weight: 500;
      padding: 15px;
      background-color: #f4f4f4;
      text-align: center;
      height: 100%; }
      @media (max-width: 767px) {
        .program .related-tags .tag-title {
          height: auto; } }
  .program .related-services {
    margin-top: 40px; }
    @media (max-width: 767px) {
      .program .related-services {
        margin-top: 25px; } }
    .program .related-services .services-tab {
      text-align: center;
      margin-bottom: 15px;
      background-color: #f4f4f4;
      height: 100%;
      position: relative;
      padding: 0; }
      @media (max-width: 767px) {
        .program .related-services .services-tab {
          height: auto; } }
      .program .related-services .services-tab.active::after {
        opacity: 1; }
      .program .related-services .services-tab.active i {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        font-size: 12px; }
      .program .related-services .services-tab::after {
        position: absolute;
        content: "";
        width: 0px;
        height: 0px;
        border-right: 25px solid transparent;
        border-left: 25px solid transparent;
        border-bottom: 25px solid #f4f4f4;
        left: 50%;
        bottom: -45px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        opacity: 0; }
        @media (max-width: 767px) {
          .program .related-services .services-tab::after {
            bottom: -15px;
            border-right: 15px solid transparent;
            border-left: 15px solid transparent;
            border-bottom: 10px solid #f4f4f4; } }
      .program .related-services .services-tab .tab-title {
        font-size: 14px;
        color: #00a2dd;
        font-weight: 500;
        letter-spacing: 0.42px;
        line-height: 21px;
        padding: 15px;
        margin-bottom: 0;
        cursor: pointer; }
      .program .related-services .services-tab i {
        position: absolute;
        bottom: 1px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        color: #00a2dd;
        margin-left: -4px;
        font-size: 12px;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }

.adult-cardiac {
  padding: 0; }
  .adult-cardiac a {
    overflow: hidden;
    display: block; }
    .adult-cardiac a:hover .big-img::after {
      background-color: rgba(0, 109, 221, 0.8); }
    .adult-cardiac a:hover .big-img .content {
      margin-top: -30px; }
      .adult-cardiac a:hover .big-img .content button {
        bottom: 0; }
    .adult-cardiac a .big-img {
      width: 100%;
      height: 100%;
      background-color: #5e5e5e;
      border-radius: 10px;
      height: 365px;
      position: relative;
      border-radius: 10px;
      background-size: cover;
      background-position: top center; }
      @media (min-width: 577px) and (max-width: 991px) {
        .adult-cardiac a .big-img {
          height: 250px; } }
      @media (max-width: 576px) {
        .adult-cardiac a .big-img {
          height: 200px; } }
      .adult-cardiac a .big-img::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        -webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        border-radius: 10px; }
      .adult-cardiac a .big-img::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        border-radius: 10px; }
      .adult-cardiac a .big-img.adult {
        background-image: url(../img/pediatric/adult-sec.jpg); }
      .adult-cardiac a .big-img.cardiac {
        background-image: url(../img/pediatric/cardiac-sec.jpg); }
      .adult-cardiac a .big-img.pediatric {
        background-image: url(../img/pediatric/pediatric.jpg); }
      .adult-cardiac a .big-img .content {
        min-width: 450px;
        max-width: 450px;
        text-align: center;
        z-index: 1;
        position: relative;
        overflow: hidden;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        -webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
        @media (max-width: 576px) {
          .adult-cardiac a .big-img .content {
            min-width: 350px;
            max-width: 350px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .adult-cardiac a .big-img .content {
            max-width: 350px; } }
        .adult-cardiac a .big-img .content .big-title {
          font-size: 24px;
          font-weight: 700;
          color: #5e5e5e;
          position: relative;
          text-transform: uppercase;
          padding-bottom: 23px; }
          .adult-cardiac a .big-img .content .big-title::before {
            position: absolute;
            content: "";
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: 0;
            width: 50px;
            height: 4px;
            background-color: #ffffff; }
        .adult-cardiac a .big-img .content p {
          margin: 20px 0 50px;
          color: #5e5e5e;
          text-align: left; }
        .adult-cardiac a .big-img .content button {
          font-size: 14px;
          color: #5e5e5e;
          position: absolute;
          left: 0;
          border: 0;
          background-color: transparent;
          bottom: -50px;
          -webkit-transition: all 0.4s ease-in-out;
          -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out;
          outline: 0;
          cursor: pointer; }
          @media (max-width: 991px) {
            .adult-cardiac a .big-img .content button {
              bottom: 0; } }
          .adult-cardiac a .big-img .content button i {
            font-size: 12px;
            color: #ffffff;
            margin-left: 5px; }
  .adult-cardiac.scientific-departments .big-img.scientific, .adult-cardiac.research-publication .big-img.scientific {
    background-image: url(../img/aswan-research/research-3.jpg); }
  .adult-cardiac.scientific-departments .big-img.departments, .adult-cardiac.research-publication .big-img.departments {
    background-image: url(../img/aswan-research/research-2.jpg); }
  .adult-cardiac.scientific-departments .big-img.research-areas, .adult-cardiac.research-publication .big-img.research-areas {
    background-image: url(../img/aswan-research/departments/res.jpg); }
  .adult-cardiac.scientific-departments .big-img .content .big-title, .adult-cardiac.research-publication .big-img .content .big-title {
    text-align: center;
    margin-bottom: 60px; }
  .adult-cardiac.bio-img {
    padding: 0; }
    .adult-cardiac.bio-img a:hover .big-img.clinical-research-img.big-img p {
      bottom: 10px; }
    .adult-cardiac.bio-img a:hover .big-img.clinical-research-img.big-img button {
      bottom: 15px; }
    .adult-cardiac.bio-img a:hover .big-img.clinical-research-img.big-img .content {
      margin-top: 10px; }
    .adult-cardiac.bio-img a .big-img.biomedical-img {
      background-image: url(../img/aswan-research/departments/1.png); }
    .adult-cardiac.bio-img a .big-img.segmentation-img {
      background-image: url(../img/aswan-research/departments/2.png); }
    .adult-cardiac.bio-img a .big-img.computational-img {
      background-image: url(../img/aswan-research/departments/3.png); }
    .adult-cardiac.bio-img a .big-img.microscopy-img {
      background-image: url(../img/aswan-research/departments/5.jpg); }
    .adult-cardiac.bio-img a .big-img.biobank-img {
      background-image: url(../img/aswan-research/departments/6.png); }
    .adult-cardiac.bio-img a .big-img.genomics-img {
      background-image: url(../img/aswan-research/departments/7.png); }
    .adult-cardiac.bio-img a .big-img.stem-img {
      background-image: url(../img/aswan-research/departments/8.png); }
    .adult-cardiac.bio-img a .big-img.clinical-research-img.big-img .content {
      margin-top: 60px; }
      @media (max-width: 991px) {
        .adult-cardiac.bio-img a .big-img.clinical-research-img.big-img .content {
          margin-top: 0; } }
    .adult-cardiac.bio-img a .big-img .content {
      min-width: 500px;
      max-width: 500px; }
      @media (max-width: 576px) {
        .adult-cardiac.bio-img a .big-img .content {
          min-width: 340px;
          max-width: 340px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .adult-cardiac.bio-img a .big-img .content {
          min-width: 350px;
          max-width: 350px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .adult-cardiac.bio-img a .big-img .content {
          min-width: 450px;
          max-width: 450px; } }
      .adult-cardiac.bio-img a .big-img .content .big-title {
        margin-bottom: 35px; }
    .adult-cardiac.bio-img a .big-img.clinical-research-img .big-title {
      margin-bottom: 120px;
      text-align: center; }
      @media (max-width: 991px) {
        .adult-cardiac.bio-img a .big-img.clinical-research-img .big-title {
          margin-bottom: 25px; } }
    .adult-cardiac.bio-img a .big-img.clinical-research-img p {
      position: absolute;
      bottom: -130px;
      -webkit-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
      @media (max-width: 991px) {
        .adult-cardiac.bio-img a .big-img.clinical-research-img p {
          position: static; } }

.blue-read-more {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  color: #00a2dd;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .blue-read-more:hover i {
    margin-left: 15px; }
  .blue-read-more i {
    margin-left: 6px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.Check-our .card-team a {
  overflow: hidden; }
  .Check-our .card-team a:hover .card-content {
    top: 50%; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .Check-our .card-team a:hover .card-content {
        top: 45%; } }
    .Check-our .card-team a:hover .card-content button {
      bottom: 2%; }
  .Check-our .card-team a .card-content {
    width: 100%;
    top: 60%; }
    @media (min-width: 576px) and (max-width: 767px) {
      .Check-our .card-team a .card-content {
        top: 45%; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .Check-our .card-team a .card-content {
        top: 55%; } }
    .Check-our .card-team a .card-content h5 {
      text-transform: capitalize; }
    .Check-our .card-team a .card-content button {
      font-weight: normal; }
      .Check-our .card-team a .card-content button i {
        font-size: 12px;
        font-weight: 300; }

img.svg {
  width: 60px;
  height: 70px;
  margin-top: 15px; }
  img.svg.sms {
    width: 50px;
    height: auto; }
  img.svg.bank {
    width: 100px; }
  img.svg.door {
    width: 80;
    height: 70px; }
  img.svg.out {
    width: 75px;
    height: 65px; }
  img.svg.spec {
    height: 50px;
    width: 50px; }

.all-button {
  border: none;
  background-color: transparent;
  outline: 0;
  padding: 0; }
  .all-button a {
    max-width: 170px;
    width: 170px;
    max-height: 41px;
    height: 41px;
    padding: 8px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 23px;
    font-size: 12px;
    font-weight: 500;
    border: 2px solid #18A2DC;
    text-decoration: none;
    color: #18A2DC;
    text-transform: uppercase;
    display: inline-block;
    margin: 0;
    position: relative;
    overflow: hidden;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    outline: 0; }
    .all-button a::before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #18A2DC;
      -webkit-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      z-index: -1;
      border-radius: 100%; }
    .all-button a:hover {
      color: #ffffff;
      border: 2px solid transparent; }
      .all-button a:hover::before {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        border-radius: 23px; }

.card.card-team {
  height: 100%; }
  .card.card-team .card-body {
    padding: 10px; }
    .card.card-team .card-body .card-title {
      font-size: 18px;
      font-weight: 700; }
    .card.card-team .card-body .card-text {
      font-size: 14px;
      color: #5e5e5e; }
    .card.card-team .card-body .card-btn {
      background-color: transparent;
      text-align: center;
      border: none;
      outline: 0;
      padding: 0;
      cursor: pointer;
      font-size: 12px;
      color: #5e5e5e;
      font-weight: 500;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      position: relative; }
      .card.card-team .card-body .card-btn::before {
        position: absolute;
        content: "";
        left: 0;
        bottom: -3px;
        width: 0;
        height: 2px;
        background-color: #5e5e5e;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .card.card-team .card-body .card-btn:hover::before {
        width: 90%; }
      .card.card-team .card-body .card-btn:hover i {
        margin-left: 12px; }
      .card.card-team .card-body .card-btn i {
        display: inline-block;
        margin-left: 5px;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        @media (max-width: 991px) {
          .card.card-team .card-body .card-btn i {
            font-size: 12px; } }

/* width */
::-webkit-scrollbar {
  width: 7px; }
  @media (max-width: 991px) {
    ::-webkit-scrollbar {
      width: 5px; } }

/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px #000;
  box-shadow: inset 0 0 1px #000; }
  @media (max-width: 991px) {
    ::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 0px #000;
      box-shadow: inset 0 0 0px #000; } }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #00a2dd;
  border-radius: 5px; }
  @media (max-width: 991px) {
    ::-webkit-scrollbar-thumb {
      background: rgba(244, 244, 244, 0.5); } }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #00a2dd; }

body.ar *,
body.ar ::after,
body.ar ::before {
  letter-spacing: 0 !important; }

*,
::after,
::before,
a,
button,
input {
  outline: 0 !important; }

a {
  text-decoration: none !important; }

body {
  font-family: "Helvetica Neue LT Std";
  font-size: 16px;
  color: #000;
  overflow-x: hidden !important; }
  @media (max-width: 991px) {
    body {
      font-size: 13px; } }
  @media (max-width: 991px) {
    body .internal header nav.navbar {
      background-color: #ffffff; } }
  body .internal header nav.navbar .my-cont .navbar-nav .nav-item a {
    color: #ffffff; }
    @media (max-width: 991px) {
      body .internal header nav.navbar .my-cont .navbar-nav .nav-item a {
        color: #000; } }
  body header .navbar {
    position: fixed;
    background-color: #ffffff;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    color: #000;
    z-index: 10;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    body header .navbar.scrolled {
      padding: 5px 0;
      -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); }
    body header .navbar .navbar-container {
      width: 100%;
      height: 100%;
      margin: auto;
      padding: 0 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media (max-width: 576px) {
        body header .navbar .navbar-container {
          padding: 0 5px; } }
      body header .navbar .navbar-container .brand {
        width: 150px;
        height: auto;
        margin-right: 40px; }
        @media (max-width: 576px) {
          body header .navbar .navbar-container .brand {
            width: 105px;
            margin: 1px; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          body header .navbar .navbar-container .brand {
            width: 135px; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          body header .navbar .navbar-container .brand {
            margin-right: 10px; } }
        body header .navbar .navbar-container .brand .navbar-brand {
          background-color: #ffffff;
          display: inline-block;
          position: absolute;
          top: 15px;
          margin-right: 40px;
          padding: 0 10px 10px; }
          @media (min-width: 992px) and (max-width: 1199px) {
            body header .navbar .navbar-container .brand .navbar-brand {
              margin-right: 10px;
              left: auto;
            right: 5px; } }
          body header .navbar .navbar-container .brand .navbar-brand img {
            width: 150px; }
            @media (max-width: 576px) {
              body header .navbar .navbar-container .brand .navbar-brand img {
                width: 105px; } }
            @media (min-width: 992px) and (max-width: 1199px) {
              body header .navbar .navbar-container .brand .navbar-brand img {
                width: 135px; } }
      body header .navbar .navbar-container .navbar-toggle {
        position: absolute;
        text-align: center;
        width: 40px;
        height: 30px;
        margin: auto;
        margin-top: -3.5px;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #ffffff;
        cursor: pointer;
        border: none;
        background: transparent;
        padding-right: 0;
        outline: 0;
        z-index: 4; }
        @media (max-width: 576px) {
          body header .navbar .navbar-container .navbar-toggle {
            right: 0; } }
        body header .navbar .navbar-container .navbar-toggle span {
          border-radius: 3px;
          display: block;
          height: 2px;
          margin-bottom: 7px;
          width: 30px;
          background-color: #18A2DC;
          -webkit-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          body header .navbar .navbar-container .navbar-toggle span:last-of-type {
            margin-bottom: 0; }
        body header .navbar .navbar-container .navbar-toggle.clicked span {
          background-color: #ffffff;
          margin: 0; }
          body header .navbar .navbar-container .navbar-toggle.clicked span.one {
            -webkit-transform: translateY(-4px) rotate(-45deg);
            -ms-transform: translateY(-4px) rotate(-45deg);
            transform: translateY(-4px) rotate(-45deg); }
          body header .navbar .navbar-container .navbar-toggle.clicked span.two {
            opacity: 0; }
          body header .navbar .navbar-container .navbar-toggle.clicked span.three {
            -webkit-transform: translateY(-6px) rotate(45deg);
            -ms-transform: translateY(-6px) rotate(45deg);
            transform: translateY(-6px) rotate(45deg); }
      body header .navbar .navbar-container .navbar-content .navbar-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        body header .navbar .navbar-container .navbar-content .navbar-nav .nav-item {
          display: inline-block; }
          body header .navbar .navbar-container .navbar-content .navbar-nav .nav-item.active .nav-link, body header .navbar .navbar-container .navbar-content .navbar-nav .nav-item:active .nav-link, body header .navbar .navbar-container .navbar-content .navbar-nav .nav-item:hover .nav-link {
            color: #EDA827; }
          @media (min-width: 992px) and (max-width: 1199px) {
            body header .navbar .navbar-container .navbar-content .navbar-nav .nav-item:last-of-type .nav-link {
              padding-right: 0; } }
          body header .navbar .navbar-container .navbar-content .navbar-nav .nav-item .nav-link {
            padding: 35px 12px;
            display: inline-block;
            font-size: 15px;
            font-weight: 400;
            text-transform: uppercase;
            color: #000;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
            @media (min-width: 992px) and (max-width: 1199px) {
              body header .navbar .navbar-container .navbar-content .navbar-nav .nav-item .nav-link {
                padding: 35px 7px;
                font-size: 9px; } }
      body header .navbar .navbar-container .lang-donate {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 60px; }
        @media (max-width: 576px) {
          body header .navbar .navbar-container .lang-donate {
            margin-right: 30px; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          body header .navbar .navbar-container .lang-donate {
            margin-right: 45px; } }
        body header .navbar .navbar-container .lang-donate .lang {
          margin-top: -10px;
          color: #EDA827;
          display: inline-block;
          padding: 15px 5px;
          font-weight: 700;
          font-size: 20px;
          margin-right: 10px;
          -webkit-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          @media (max-width: 576px) {
            body header .navbar .navbar-container .lang-donate .lang {
              margin-right: 0; } }
          @media (min-width: 992px) and (max-width: 1199px) {
            body header .navbar .navbar-container .lang-donate .lang {
              margin-right: 0; } }
          body header .navbar .navbar-container .lang-donate .lang:hover {
            color: #DC3139; }
          body header .navbar .navbar-container .lang-donate .lang img {
            width: 17px; }
        body header .navbar .navbar-container .lang-donate .donate {
          outline: 0;
          border: none;
          padding: 20px 5px;
          background-color: transparent;
          display: inline-block;
          border: none;
          background-color: transparent;
          outline: 0; }
          body header .navbar .navbar-container .lang-donate .donate a {
            padding: 8px 20px;
            width: 170px;
            max-width: 170px;
            max-height: 41px;
            border-radius: 23px;
            font-size: 12px;
            font-weight: 500;
            background-color: #DC3139;
            text-decoration: none;
            border: none;
            color: #ffffff;
            text-transform: uppercase;
            display: inline-block;
            margin: 0;
            position: relative;
            overflow: hidden;
            -webkit-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
            -webkit-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
            outline: 0;
            text-align: center; }
            @media (max-width: 410px) {
              body header .navbar .navbar-container .lang-donate .donate a {
                width: auto;
                max-width: 100%;
                height: auto;
                padding: 8px 15px;
                font-size: 11px; } }
            body header .navbar .navbar-container .lang-donate .donate a:hover {
              border: none;
              background-color: #EDA827; }
      body header .navbar .navbar-container .nav-side-bar {
        position: fixed;
        top: 0;
        right: -35.01%;
        width: 35%;
        height: 100%;
        background-color: #18A2DC;
        z-index: 3;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        overflow-y: scroll; }
        @media (max-width: 576px) {
          body header .navbar .navbar-container .nav-side-bar {
            width: 90%;
            right: -90.01%; } }
        @media (min-width: 576px) and (max-width: 767px) {
          body header .navbar .navbar-container .nav-side-bar {
            width: 60%;
            right: -60.01%; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body header .navbar .navbar-container .nav-side-bar {
            width: 50%;
            right: -50.01%; } }
        body header .navbar .navbar-container .nav-side-bar.come-right {
          right: 0; }
        body header .navbar .navbar-container .nav-side-bar .sidebar-container {
          width: 70%;
          margin: auto;
          height: 100%;
          padding: 0 10px; }
          @media (max-width: 991px) {
            body header .navbar .navbar-container .nav-side-bar .sidebar-container {
              width: 90%; } }
          body header .navbar .navbar-container .nav-side-bar .sidebar-container .sidebar-content {
            padding: 100px 0 40px; }
            body header .navbar .navbar-container .nav-side-bar .sidebar-container .sidebar-content .sidebar-side .side-item.active .side-link {
              color: #EDA827; }
            body header .navbar .navbar-container .nav-side-bar .sidebar-container .sidebar-content .sidebar-side .side-item .side-link {
              display: inline-block;
              color: #ffffff;
              text-transform: uppercase;
              font-size: 18px;
              padding: 15px 0;
              -webkit-transition: all 0.3s ease-in-out;
              -o-transition: all 0.3s ease-in-out;
              transition: all 0.3s ease-in-out; }
              body header .navbar .navbar-container .nav-side-bar .sidebar-container .sidebar-content .sidebar-side .side-item .side-link:hover {
                color: #EDA827; }
            body header .navbar .navbar-container .nav-side-bar .sidebar-container .sidebar-content .sidebar-side .side-item .social {
              display: inline-block;
              color: #ffffff;
              text-transform: uppercase;
              font-size: 14px;
              padding: 15px 0 0; }
              body header .navbar .navbar-container .nav-side-bar .sidebar-container .sidebar-content .sidebar-side .side-item .social .side-social-link {
                width: 30px;
                height: 30px;
                border-radius: 50%;
                background: #aaabb2;
                text-align: center;
                line-height: 33px;
                margin-right: 20px;
                display: inline-block;
                color: #ffffff;
                -webkit-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out; }
                body header .navbar .navbar-container .nav-side-bar .sidebar-container .sidebar-content .sidebar-side .side-item .social .side-social-link:hover {
                  color: #EDA827; }
                body header .navbar .navbar-container .nav-side-bar .sidebar-container .sidebar-content .sidebar-side .side-item .social .side-social-link i {
                  font-size: 18px; }
  body .main {
    margin-top: 89px; }
    @media (max-width: 991px) {
      body .main {
        margin-top: 70.4px; } }
  body .internal .main {
    margin-top: 89px; }
    @media (max-width: 991px) {
      body .internal .main {
        margin-top: 70.4px; } }
  body footer .footer {
    padding: 80px 0 35px;
    background-image: url(../img/home/footer-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative; }
    body footer .footer::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background-color: rgba(0, 0, 0, 0.3); }
    .ar body footer .footer {
      text-align: right; }
    @media (max-width: 991px) {
      body footer .footer {
        padding: 40px 0 20px; } }
    @media (min-width: 1200px) {
      body footer .footer .xl-20 {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important; } }
    @media (min-width: 1200px) {
      body footer .footer .xl-15 {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 15% !important;
        flex: 0 0 15% !important;
        max-width: 15% !important; } }
    @media (min-width: 1200px) {
      body footer .footer .xl-25 {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important; } }
    body footer .footer .footer-logo img {
      width: 175px; }
    body footer .footer .footer-navigation h5 {
      text-decoration: none;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 14px;
      color: #ffffff;
      margin-bottom: 20px; }
      .ar body footer .footer .footer-navigation h5 {
        text-align: right; }
    body footer .footer .footer-navigation ul .footer-item {
      margin-bottom: 18px; }
      body footer .footer .footer-navigation ul .footer-item .footer-link {
        color: #ffffff;
        font-size: 12px;
        font-size: 10px;
        font-weight: 500;
        text-transform: uppercase;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .ar body footer .footer .footer-navigation ul .footer-item .footer-link {
          text-align: right; }
        body footer .footer .footer-navigation ul .footer-item .footer-link:hover {
          color: #EDA827; }
          body footer .footer .footer-navigation ul .footer-item .footer-link:hover::before {
            background-color: #EDA827; }
    body footer .footer .footer-news h5 {
      text-decoration: none;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 14px;
      color: #ffffff;
      margin-bottom: 20px; }
    body footer .footer .footer-news .form .form-group .form-control {
      -webkit-box-shadow: none;
      box-shadow: none;
      outline: 0;
      border-radius: .01px;
      display: inline-block;
      width: 60%;
      font-size: 12px;
      padding: 10px;
      margin: 0;
      height: 40px;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      border: 1.5px solid #ffffff; }
      body footer .footer .footer-news .form .form-group .form-control:focus {
        border: 1.5px solid #18A2DC; }
    body footer .footer .footer-news .form .form-group .input-button {
      display: inline-block;
      width: 40%;
      font-size: 12px;
      padding: 5px;
      border-radius: 0;
      border: none;
      margin: 0;
      margin-left: -4.5px;
      height: 40px;
      text-transform: uppercase;
      color: #ffffff;
      font-weight: 700;
      background-color: #18A2DC;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      -webkit-transform: perspective(1px) translateZ(0);
      transform: perspective(1px) translateZ(0);
      -webkit-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      outline: 0; }
      body footer .footer .footer-news .form .form-group .input-button::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        -webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: -1;
        border-radius: 100%; }
      body footer .footer .footer-news .form .form-group .input-button:hover {
        color: #18A2DC; }
        body footer .footer .footer-news .form .form-group .input-button:hover::before {
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          border-radius: 0; }
    body footer .footer .footer-news .social ul .social-item {
      display: inline-block;
      margin-right: 35px; }
      body footer .footer .footer-news .social ul .social-item:last-of-type {
        margin-right: 0; }
      body footer .footer .footer-news .social ul .social-item .social-link {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #aaabb2;
        text-align: center;
        line-height: 30px;
        color: #ffffff;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        display: inline-block; 
      
        display: flex !important;
        align-items: center;
        justify-content: center;
      }
        body footer .footer .footer-news .social ul .social-item .social-link:hover {
          color: #EDA827; }
  body footer .copyright {
    padding: 8px 0;
    color: #ffffff;
    background-color: #18A2DC;
    width: 100%;
    font-size: 14px; }
    body footer .copyright p {
      margin: 0; }
      body footer .copyright p a {
        color: #ffffff;
        text-decoration: none;
        font-weight: 500; }
  body .donate-now a {
    text-decoration: none;
    color: #ffffff;
    display: block;
    width: 85px;
    height: 85px;
    padding: 5px;
    text-align: center;
    border-radius: 50%;
    background-color: #EDA827;
    color: #ffffff;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 12;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    outline: 0;
    border: none; }
    body .donate-now a::before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #18A2DC;
      background-color: #DC3139;
      -webkit-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      z-index: -1;
      border-radius: 100%; }
    body .donate-now a:hover {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
      body .donate-now a:hover::before {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        border-radius: 50%; }
    body .donate-now a img {
      position: absolute;
      width: 50px;
      z-index: 1; }
    body .donate-now a span {
      display: inline-block;
      position: absolute;
      font-size: 9px;
      font-weight: 700;
      letter-spacing: 0;
      text-transform: uppercase;
      margin: 0;
      z-index: 2; }
  body.ar {
    direction: rtl;
    text-align: right;
    font-family: "Cairo"; }
    body.ar header .navbar .navbar-container .brand {
      margin-right: 0;
      margin-left: 40px; }
      @media (max-width: 576px) {
        body.ar header .navbar .navbar-container .brand {
          width: 90px;
          margin-left: 1px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        body.ar header .navbar .navbar-container .brand {
          margin-right: 0;
          margin-left: 10px; } }
      body.ar header .navbar .navbar-container .brand .navbar-brand {
        background-color: #ffffff;
        display: inline-block;
        position: absolute;
        top: 15px;
        margin-right: 0;
        margin-left: 40px;
        padding: 0 10px 10px; }
        @media (min-width: 992px) and (max-width: 1199px) {
          body.ar header .navbar .navbar-container .brand .navbar-brand {
            margin-left: 10px;
            margin-right: 0; } }
        body.ar header .navbar .navbar-container .brand .navbar-brand img {
          width: 135px; }
          @media (max-width: 576px) {
            body.ar header .navbar .navbar-container .brand .navbar-brand img {
              width: 90px; } }
    body.ar header .navbar .navbar-container .navbar-toggle {
      right: auto;
      left: 20px; }
      body.ar header .navbar .navbar-container .navbar-toggle.clicked span {
        background-color: #ffffff;
        margin: 0; }
        body.ar header .navbar .navbar-container .navbar-toggle.clicked span.one {
          -webkit-transform: rotate(55deg);
          -ms-transform: rotate(55deg);
          transform: rotate(55deg); }
        body.ar header .navbar .navbar-container .navbar-toggle.clicked span.two {
          opacity: 0; }
        body.ar header .navbar .navbar-container .navbar-toggle.clicked span.three {
          -webkit-transform: rotate(-55deg);
          -ms-transform: rotate(-55deg);
          transform: rotate(-55deg); }
    body.ar header .navbar .navbar-container .navbar-content .navbar-nav {
      padding-right: 0; }
      body.ar header .navbar .navbar-container .navbar-content .navbar-nav .nav-item:last-of-type .nav-link {
        padding-left: 0;
        padding-right: 25px; }
    body.ar header .navbar .navbar-container .lang-donate {
      margin-left: 60px;
      margin-right: 0; }
      @media (max-width: 576px) {
        body.ar header .navbar .navbar-container .lang-donate {
          margin-left: 60px;
          margin-right: 0; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        body.ar header .navbar .navbar-container .lang-donate {
          margin-left: 45px;
          margin-right: 0; } }
      body.ar header .navbar .navbar-container .lang-donate .lang {
        font-weight: 500;
        margin-left: 10px;
        margin-right: 0; }
        @media (max-width: 576px) {
          body.ar header .navbar .navbar-container .lang-donate .lang {
            margin-left: 0; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          body.ar header .navbar .navbar-container .lang-donate .lang {
            margin-left: 0; } }
      body.ar header .navbar .navbar-container .lang-donate .donate {
        outline: 0; }
        body.ar header .navbar .navbar-container .lang-donate .donate a img {
          margin-left: 3px;
          margin-right: 0; }
    body.ar header .navbar .nav-side-bar {
      right: auto;
      left: -35.01%; }
      @media (max-width: 576px) {
        body.ar header .navbar .nav-side-bar {
          width: 90%;
          right: auto;
          left: -90.01%; } }
      @media (min-width: 576px) and (max-width: 767px) {
        body.ar header .navbar .nav-side-bar {
          width: 60%;
          right: auto;
          left: -60.01%; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body.ar header .navbar .nav-side-bar {
          width: 50%;
          right: auto;
          left: -50.01%; } }
      body.ar header .navbar .nav-side-bar.come-right {
        right: auto;
        left: 0; }
      body.ar header .navbar .nav-side-bar .sidebar-container .sidebar-content .sidebar-side .side-item .social .side-social-link i {
        margin-right: 0;
        /* margin-left: 20px; */
       }
    body.ar footer {
      text-align: right; }
      body.ar footer .footer .footer-navigation {
        text-align: right; }
        body.ar footer .footer .footer-navigation ul {
          padding: 0; }
          body.ar footer .footer .footer-navigation ul .footer-item {
            text-align: right; }
            body.ar footer .footer .footer-navigation ul .footer-item .footer-link {
              text-align: right; }
      body.ar footer .footer .footer-news h5 {
        text-align: right; }
      body.ar footer .footer .footer-news .form .form-group .input-button {
        margin-left: 0;
        margin-right: -4.5px; }
      body.ar footer .footer .footer-news .social ul {
        padding: 0;
        text-align: right; }
        @media (max-width: 576px) {
          body.ar footer .footer .footer-news .social ul {
            text-align: center; } }
        body.ar footer .footer .footer-news .social ul .social-item {
          text-align: right;
          display: inline-block;
          margin-right: 0;
          margin-left: 20px; }
          body.ar footer .footer .footer-news .social ul .social-item:last-of-type {
            margin-left: 0; }
          body.ar footer .footer .footer-news .social ul .social-item .social-link {
            color: #ffffff;
            text-decoration: none;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            display: inline-block; }
            body.ar footer .footer .footer-news .social ul .social-item .social-link:hover {
              color: #EDA827; }

.main.home {
  margin-top: 88px; }
  @media (max-width: 991px) {
    .main.home {
      margin-top: 79.4px; } }
  @media (max-width: 767px) {
    .main.home {
      padding-bottom: 30px; } }
  .main.home .header {
    height: auto;
    max-height: 100%; }
    .main.home .header img {
      height: auto;
      max-height: 100%; }
    .main.home .header .swiper-container {
      position: relative; }
      @media (max-width: 576px) {
        .main.home .header .swiper-container {
          height: calc(100vh - 79.4px); } }
      .main.home .header .swiper-container .swiper-slide {
        position: relative; }
        .main.home .header .swiper-container .swiper-slide::before {
          position: absolute;
          content: "";
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.35); }
      .main.home .header .swiper-container .slider-all {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        .main.home .header .swiper-container .slider-all .my-cont {
          height: 100%; }
          .main.home .header .swiper-container .slider-all .my-cont .row {
            height: 100%; }
            .main.home .header .swiper-container .slider-all .my-cont .row .slider-content {
              width: 100%;
              height: 100%;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              -webkit-box-align: start;
              -ms-flex-align: start;
              align-items: flex-start;
              color: #ffffff;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -ms-flex-flow: column;
              flex-flow: column;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
              .main.home .header .swiper-container .slider-all .my-cont .row .slider-content .slider-title {
                font-size: 45px;
                font-weight: bold;
                margin-bottom: 25px;
                font-family: "Trajan Pro"; }
                body.ar .main.home .header .swiper-container .slider-all .my-cont .row .slider-content .slider-title {
                  font-family: "El Messiri";
                  letter-spacing: -1px !important; }
                @media (max-width: 767px) {
                  .main.home .header .swiper-container .slider-all .my-cont .row .slider-content .slider-title {
                    font-size: 20px;
                    margin-bottom: 15px; } }
              .main.home .header .swiper-container .slider-all .my-cont .row .slider-content .slider-prag {
                font-size: 25px;
                font-weight: 300;
                margin-bottom: 25px; }
                @media (max-width: 767px) {
                  .main.home .header .swiper-container .slider-all .my-cont .row .slider-content .slider-prag {
                    font-size: 14px;
                    margin-bottom: 15px; } }
              .main.home .header .swiper-container .slider-all .my-cont .row .slider-content .slider-button a {
                border: 2px solid #18A2DC;
                color: #18A2DC; }
                .main.home .header .swiper-container .slider-all .my-cont .row .slider-content .slider-button a::before {
                  background-color: #18A2DC; }
                .main.home .header .swiper-container .slider-all .my-cont .row .slider-content .slider-button a:hover {
                  color: #ffffff;
                  border: 2px solid transparent; }
                  .main.home .header .swiper-container .slider-all .my-cont .row .slider-content .slider-button a:hover::before {
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1);
                    border-radius: 23px; }
      .main.home .header .swiper-container .slider-navigation {
        position: absolute;
        right: 0;
        color: #ffffff;
        bottom: 25%;
        width: 100%;
        z-index: 1; }
        @media (max-width: 991px) {
          .main.home .header .swiper-container .slider-navigation {
            bottom: 8%; } }
        @media (max-width: 767px) {
          .main.home .header .swiper-container .slider-navigation {
            bottom: 20%; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          .main.home .header .swiper-container .slider-navigation {
            bottom: 15%; } }
        .main.home .header .swiper-container .slider-navigation .slider-slides {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .main.home .header .swiper-container .slider-navigation .slider-slides .slider-number {
            color: #EDA827;
            font-size: 16px;
            font-weight: 500;
            margin-right: 8px; }
          .main.home .header .swiper-container .slider-navigation .slider-slides .road {
            width: 80px;
            height: 2px;
            background-color: #EDA827;
            margin-right: 60px; }
            body.ar .main.home .header .swiper-container .slider-navigation .slider-slides .road {
              margin-right: 5px;
              margin-left: 60px; }
          .main.home .header .swiper-container .slider-navigation .slider-slides .slider-arrow {
            color: #EDA827; }
            .main.home .header .swiper-container .slider-navigation .slider-slides .slider-arrow i {
              cursor: pointer; }
  .main.home .services .all-services {
    padding-top: 50px; }
    .main.home .services .all-services .services-link {
      display: block;
      width: 100%;
      height: 100%;
      position: relative;
      color: #ffffff;
      overflow: hidden;
      -webkit-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
      .main.home .services .all-services .services-link:hover .services-link-content {
        top: 60%; }
        @media (max-width: 767px) {
          .main.home .services .all-services .services-link:hover .services-link-content {
            top: 63.5%; } }
        @media (max-width: 767px) {
          .main.home .services .all-services .services-link:hover .services-link-content {
            top: 60%; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          .main.home .services .all-services .services-link:hover .services-link-content {
            top: 55%; } }
        .main.home .services .all-services .services-link:hover .services-link-content .from-bottom {
          top: calc(100% - 10px); }
      .main.home .services .all-services .services-link::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #000;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); }
      .main.home .services .all-services .services-link .services-link-content {
        position: absolute;
        padding: 10px;
        left: 0;
        text-align: left;
        top: 80%;
        -webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        width: 100%;
        max-width: 100%; }
        body.ar .main.home .services .all-services .services-link .services-link-content {
          left: auto;
          right: 0;
          text-align: right; }
        @media (max-width: 991px) {
          .main.home .services .all-services .services-link .services-link-content {
            top: 45%; } }
        @media (max-width: 767px) {
          .main.home .services .all-services .services-link .services-link-content {
            top: 63.5%; } }
        .main.home .services .all-services .services-link .services-link-content h5 {
          text-transform: uppercase;
          font-weight: 500;
          font-size: 18px;
          letter-spacing: 1.5px;
          position: relative;
          margin-bottom: 10px; }
          .main.home .services .all-services .services-link .services-link-content h5::before {
            position: absolute;
            content: "";
            left: 0;
            bottom: -3px;
            width: 100px;
            height: 2px;
            background-color: #EDA827; }
            body.ar .main.home .services .all-services .services-link .services-link-content h5::before {
              left: auto;
              right: 0; }
        .main.home .services .all-services .services-link .services-link-content .from-bottom {
          position: absolute;
          top: 150%;
          -webkit-transition: all 0.4s ease-in-out;
          -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out; }
          @media (max-width: 991px) {
            .main.home .services .all-services .services-link .services-link-content .from-bottom {
              position: static; } }
          .main.home .services .all-services .services-link .services-link-content .from-bottom p {
            font-size: 14px;
            margin-bottom: 10px;
            max-width: 65%; }
            @media (min-width: 768px) and (max-width: 991px) {
              .main.home .services .all-services .services-link .services-link-content .from-bottom p {
                max-width: 100%; } }
          .main.home .services .all-services .services-link .services-link-content .from-bottom button {
            background: transparent;
            border: none;
            color: #18A2DC;
            font-size: 12px;
            cursor: pointer;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            padding: 0;
            margin: 0;
            text-transform: uppercase; }
            @media (max-width: 576px) {
              .main.home .services .all-services .services-link .services-link-content .from-bottom button {
                margin-top: 10px; } }
            .main.home .services .all-services .services-link .services-link-content .from-bottom button i {
              font-size: 11px;
              margin-left: 3px;
              -webkit-transition: all 0.3s ease-in-out;
              -o-transition: all 0.3s ease-in-out;
              transition: all 0.3s ease-in-out; }
              body.ar .main.home .services .all-services .services-link .services-link-content .from-bottom button i {
                margin-left: 0;
                margin-right: 3px; }
            .main.home .services .all-services .services-link .services-link-content .from-bottom button:hover::before {
              background-color: #18A2DC; }
            .main.home .services .all-services .services-link .services-link-content .from-bottom button:hover i {
              margin-left: 10px; }
              body.ar .main.home .services .all-services .services-link .services-link-content .from-bottom button:hover i {
                margin-left: 0;
                margin-right: 10px; }
  .main.home .global {
    padding: 0;
    background-image: url(../img/home/all-global.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative; }
    .main.home .global::before {
      position: absolute;
      content: "";
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(254, 254, 254, 0.51); }
    .main.home .global .background-left {
      position: absolute;
      left: 0;
      top: 0;
      width: 45%;
      max-width: 45%;
      height: 100%;
      z-index: 1; }
      @media (max-width: 991px) {
        .main.home .global .background-left {
          position: relative;
          width: 100%;
          max-width: 100%; } }
      @media (min-width: 992px) {
        .main.home .global .background-left {
          background-image: url(../img/home/global-left.jpg);
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat; } }
    .main.home .global .set-col {
      margin-left: 45%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 55%;
      flex: 0 0 55%;
      max-width: 55%;
      padding-left: 10px;
      padding-right: 10px;
      z-index: 1; }
      @media (max-width: 991px) {
        .main.home .global .set-col {
          margin-left: 0;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%; } }
      .main.home .global .set-col .global-content {
        padding: 40px 0;
        padding-left: 10px;
        color: #000; }
        body.ar .main.home .global .set-col .global-content {
          text-align: right; }
        @media (max-width: 991px) {
          .main.home .global .set-col .global-content {
            padding: 20px 0;
            padding-left: 10px; } }
        .main.home .global .set-col .global-content .global-title {
          font-size: 20px;
          font-weight: 400;
          text-transform: uppercase;
          letter-spacing: 1.25px;
          margin-bottom: 25px;
          position: relative; }
          .main.home .global .set-col .global-content .global-title::before {
            position: absolute;
            content: "";
            left: 0;
            bottom: -3px;
            width: 120px;
            height: 2px;
            background-color: #EDA827; }
            body.ar .main.home .global .set-col .global-content .global-title::before {
              left: auto;
              right: 0; }
        .main.home .global .set-col .global-content .global-prag {
          color: #000;
          font-size: 14px;
          font-weight: 300;
          margin-bottom: 30px; }
        .main.home .global .set-col .global-content .global-link {
          font-size: 13px;
          font-weight: 500;
          color: #18A2DC;
          text-transform: uppercase; }
          .main.home .global .set-col .global-content .global-link i {
            font-size: 11px;
            margin-left: 10px;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
            body.ar .main.home .global .set-col .global-content .global-link i {
              margin-left: 0;
              margin-right: 10px; }
          .main.home .global .set-col .global-content .global-link:hover::before {
            background-color: #18A2DC; }
          .main.home .global .set-col .global-content .global-link:hover i {
            margin-left: 17px; }
            body.ar .main.home .global .set-col .global-content .global-link:hover i {
              margin-left: 0;
              margin-right: 17px; }
  .main.home .donate .donate-tools {
    padding: 50px 0; }
    .main.home .donate .donate-tools .tool-card {
      cursor: pointer; }
      .main.home .donate .donate-tools .tool-card a {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 1;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .main.home .donate .donate-tools .tool-card a:hover svg {
          fill: #18A2DC; }
        .main.home .donate .donate-tools .tool-card a:hover h5 {
          color: #18A2DC; }
        .main.home .donate .donate-tools .tool-card a svg {
          cursor: pointer;
          -webkit-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          margin-bottom: 10px; }
          .main.home .donate .donate-tools .tool-card a svg::before {
            cursor: pointer; }
        .main.home .donate .donate-tools .tool-card a h5 {
          font-size: 11px;
          font-weight: 600;
          text-transform: uppercase;
          color: #000;
          -webkit-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          body.ar .main.home .donate .donate-tools .tool-card a h5 {
            font-size: 14px; }
  .main.home .donate .donate-link {
    margin-top: 10px;
    display: inline-block;
    color: #18A2DC;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .main.home .donate .donate-link:hover::before {
      width: 0; }
    .main.home .donate .donate-link:hover::after {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
    .main.home .donate .donate-link::before {
      position: absolute;
      content: "";
      left: 0;
      bottom: -3px;
      width: 95%;
      height: 2px;
      background-color: #DC3139;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .main.home .donate .donate-link::after {
      position: absolute;
      content: "";
      left: -28px;
      bottom: 0;
      width: 60px;
      height: 50px;
      background-image: url(../img/home/red-heart.png);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  .main.home .requestment .addmission {
    padding: 80px 0;
    background-color: #18A2DC; }
    .main.home .requestment .addmission .admission-cont {
      width: 95%;
      max-width: 95%; }
      @media (max-width: 1199px) {
        .main.home .requestment .addmission .admission-cont {
          width: 98%; } }
    @media (max-width: 991px) {
      .main.home .requestment .addmission {
        padding: 30px 0; } }
    .main.home .requestment .addmission .section-title-home, .main.home .requestment .addmission .section-subtitle-home {
      color: #ffffff; }
    .main.home .requestment .addmission .admission-content {
      padding-top: 30px; }
      @media (max-width: 991px) {
        .main.home .requestment .addmission .admission-content {
          padding-top: 20px; } }
      .main.home .requestment .addmission .admission-content .admission-heart {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .main.home .requestment .addmission .admission-content .admission-heart img {
          width: 100px; }
        body.ar .main.home .requestment .addmission .admission-content .admission-heart .admission-text {
          text-align: right !important; }
        .main.home .requestment .addmission .admission-content .admission-heart .admission-text span {
          font-size: 16px;
          font-weight: 400;
          color: #ffffff; }
  .main.home .requestment .document {
    padding: 30px 0 80px;
    position: relative; }
    @media (max-width: 991px) {
      .main.home .requestment .document {
        padding: 20px 0 30px; } }
    .main.home .requestment .document .doc-img-cover {
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      max-width: 100%;
      height: 520px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      background-image: url(../img/home/doc-cover.png);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      z-index: -1; }
    .main.home .requestment .document .post-online {
      padding: 40px 0; }
      .main.home .requestment .document .post-online .p-o {
        position: relative;
        text-align: center; }
        body.ar .main.home .requestment .document .post-online .p-o {
          text-align: right; }
        .main.home .requestment .document .post-online .p-o.online::before {
          display: none; }
        .main.home .requestment .document .post-online .p-o::before {
          position: absolute;
          content: "";
          right: 0%;
          top: 0;
          height: 100%;
          width: 2px;
          background-color: #EDA827; }
          body.ar .main.home .requestment .document .post-online .p-o::before {
            right: auto;
            left: 5%; }
          @media (max-width: 767px) {
            .main.home .requestment .document .post-online .p-o::before {
              display: none; } }
        .main.home .requestment .document .post-online .p-o h5 {
          display: inline-block;
          color: #000;
          font-size: 25px;
          font-weight: 300;
          text-transform: uppercase;
          letter-spacing: 1.5px;
          position: relative;
          margin-bottom: 35px;
          font-weight: 700; }
          .main.home .requestment .document .post-online .p-o h5::before {
            position: absolute;
            content: "";
            left: 0;
            bottom: -3px;
            width: 120px;
            height: 2px;
            background-color: #EDA827; }
            body.ar .main.home .requestment .document .post-online .p-o h5::before {
              left: auto;
              right: 0; }
        .main.home .requestment .document .post-online .p-o p {
          color: #000;
          font-size: 16px;
          font-weight: 400; }
          .main.home .requestment .document .post-online .p-o p:first-of-type {
            margin-bottom: 5px; }
        .main.home .requestment .document .post-online .p-o .apply a {
          margin-top: 10px; }
        .main.home .requestment .document .post-online .p-o.online h5::before {
          width: 75px; }
    .main.home .requestment .document .last-title {
      font-size: 18px;
      color: #DC3139; }
      @media (max-width: 576px) {
        .main.home .requestment .document .last-title {
          font-size: 14px; } }
  .main.home .stories {
    padding-bottom: 60px;
    position: relative; }
    @media (max-width: 991px) {
      .main.home .stories {
        padding-bottom: 20px; } }
    .main.home .stories .stories-heart {
      position: absolute;
      left: -45px;
      top: 58%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      background-image: url(../img/home/stories-heart.png);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      width: 700px;
      height: 550px;
      max-width: 60%; }
      body.ar .main.home .stories .stories-heart {
        background-image: url(../img/home/stories-heart-ar.png);
        left: auto;
        right: -45px; }
    .main.home .stories .swiper-container {
      padding-top: 20px;
      position: relative; }
      .main.home .stories .swiper-container .suc-stories {
        position: relative; }
        .main.home .stories .swiper-container .suc-stories img {
          border-radius: 4px;
          margin-right: 5px;
          width: 90%; }
          @media (max-width: 767px) {
            .main.home .stories .swiper-container .suc-stories img {
              width: 98%;
              margin: auto;
              margin-bottom: 60px; } }
        .main.home .stories .swiper-container .suc-stories.two {
          margin-top: -20px; }
          @media (max-width: 991px) {
            .main.home .stories .swiper-container .suc-stories.two {
              margin-top: 20px;
              margin-bottom: 20px; } }
          @media (max-width: 767px) {
            .main.home .stories .swiper-container .suc-stories.two {
              margin-top: -30px;
              margin-bottom: 0; } }
          @media (max-width: 576px) {
            .main.home .stories .swiper-container .suc-stories.two {
              margin-top: -50px; } }
          .main.home .stories .swiper-container .suc-stories.two .stories-content {
            right: auto;
            left: 85%; }
            body.ar .main.home .stories .swiper-container .suc-stories.two .stories-content {
              right: 85%;
              left: auto; }
        .main.home .stories .swiper-container .suc-stories .stories-content {
          text-align: left;
          position: absolute;
          padding: 20px 25px;
          border-radius: 6px;
          background-color: #ffffff;
          right: 85%;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          max-width: 90%;
          width: 90%; }
          body.ar .main.home .stories .swiper-container .suc-stories .stories-content {
            text-align: right; }
          body.ar .main.home .stories .swiper-container .suc-stories .stories-content {
            right: auto;
            left: 85%; }
          @media (max-width: 991px) {
            .main.home .stories .swiper-container .suc-stories .stories-content {
              max-width: 100%;
              width: 100%; } }
          @media (max-width: 767px) {
            .main.home .stories .swiper-container .suc-stories .stories-content {
              position: static;
              width: 98%;
              margin: auto; } }
          .main.home .stories .swiper-container .suc-stories .stories-content .stories-title {
            font-size: 18px;
            font-weight: bold;
            color: #000;
            margin-bottom: 10px;
            text-transform: uppercase;
            font-family: "Trajan Pro"; }
            body.ar .main.home .stories .swiper-container .suc-stories .stories-content .stories-title {
              font-family: "El Messiri";
              letter-spacing: -1px !important; }
            @media (max-width: 576px) {
              .main.home .stories .swiper-container .suc-stories .stories-content .stories-title {
                font-size: 16px; } }
          .main.home .stories .swiper-container .suc-stories .stories-content .stories-prag {
            font-size: 16px;
            font-weight: 300;
            color: #000;
            margin-bottom: 5px; }
            @media (max-width: 576px) {
              .main.home .stories .swiper-container .suc-stories .stories-content .stories-prag {
                font-size: 14px; } }
          .main.home .stories .swiper-container .suc-stories .stories-content .stories-link {
            font-size: 13px;
            font-weight: 500;
            color: #18A2DC;
            text-transform: uppercase; }
            .main.home .stories .swiper-container .suc-stories .stories-content .stories-link i {
              font-size: 11px;
              margin-left: 3px;
              -webkit-transition: all 0.3s ease-in-out;
              -o-transition: all 0.3s ease-in-out;
              transition: all 0.3s ease-in-out; }
              body.ar .main.home .stories .swiper-container .suc-stories .stories-content .stories-link i {
                margin-left: 0;
                margin-right: 3px; }
            .main.home .stories .swiper-container .suc-stories .stories-content .stories-link:hover::before {
              background-color: #18A2DC; }
            .main.home .stories .swiper-container .suc-stories .stories-content .stories-link:hover i {
              margin-left: 10px; }
              body.ar .main.home .stories .swiper-container .suc-stories .stories-content .stories-link:hover i {
                margin-left: 0;
                margin-right: 10px; }
      .main.home .stories .swiper-container .slider-navigation {
        position: absolute;
        right: 1.5%;
        color: #ffffff;
        bottom: 0;
        width: 100%;
        z-index: 1; }
        @media (max-width: 767px) {
          .main.home .stories .swiper-container .slider-navigation {
            margin-top: -20px;
            margin-bottom: 0; } }
        @media (max-width: 576px) {
          .main.home .stories .swiper-container .slider-navigation {
            margin-top: -40px; } }
        body.ar .main.home .stories .swiper-container .slider-navigation {
          right: auto;
          left: 1.5%; }
        .main.home .stories .swiper-container .slider-navigation .slider-slides {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .main.home .stories .swiper-container .slider-navigation .slider-slides .slider-number {
            color: #EDA827;
            font-size: 16px;
            font-weight: 500;
            margin-right: 8px; }
            body.ar .main.home .stories .swiper-container .slider-navigation .slider-slides .slider-number {
              margin-right: 0;
              margin-left: 8px; }
          .main.home .stories .swiper-container .slider-navigation .slider-slides .road {
            width: 80px;
            height: 2px;
            background-color: #EDA827;
            margin-right: 60px; }
            body.ar .main.home .stories .swiper-container .slider-navigation .slider-slides .road {
              margin-right: 0;
              margin-left: 60px; }
          .main.home .stories .swiper-container .slider-navigation .slider-slides .slider-arrow {
            color: #EDA827; }
            .main.home .stories .swiper-container .slider-navigation .slider-slides .slider-arrow i {
              cursor: pointer; }
  .main.home .video-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.35);
    z-index: 99;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .main.home .video-popup.video-flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .main.home .video-popup i {
      position: absolute;
      right: 2%;
      top: 3%;
      color: #ffffff;
      cursor: pointer;
      outline: 0;
      font-size: 1.8em; }
    .main.home .video-popup .video-content {
      width: 80%;
      height: 85%;
      margin: auto; }
  .main.home .partenership .partenership-swiper {
    padding-top: 40px; }
    .main.home .partenership .partenership-swiper .swiper-slide a {
      text-decoration: none;
      display: inline-block;
      position: relative;
      border-radius: 5px;
      background-color: #ffffff;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      width: 100%;
      height: 100%; }
      .main.home .partenership .partenership-swiper .swiper-slide a:hover {
        background-color: #f4f4f4; }
        .main.home .partenership .partenership-swiper .swiper-slide a:hover img {
          -webkit-transform: scale(0.85);
          -ms-transform: scale(0.85);
          transform: scale(0.85); }
      .main.home .partenership .partenership-swiper .swiper-slide a img {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
  .main.home .partenership .swiper-props {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 40px; }
    .main.home .partenership .swiper-props .slider-arrows i {
      color: #eda827; }

.main.about .header {
  background-image: url(../img/about/bg.jpg); }

.main.about .our-mission .number-div {
  padding-left: 60px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .main.about .our-mission .number-div {
      padding-left: 35px; } }
  @media (max-width: 767px) {
    .main.about .our-mission .number-div {
      margin-bottom: 50px;
      padding-left: 50px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .main.about .our-mission .number-div {
      padding-left: 50px; } }
  .main.about .our-mission .number-div span {
    font-size: 110px;
    font-weight: bold;
    color: #5e5e5e;
    opacity: .15;
    position: absolute;
    left: -5px;
    -webkit-transform: translateY(-50%) translateY(15px);
    -ms-transform: translateY(-50%) translateY(15px);
    transform: translateY(-50%) translateY(15px); }
    @media (min-width: 768px) and (max-width: 991px) {
      .main.about .our-mission .number-div span {
        font-size: 80px;
        -webkit-transform: translateY(-50%) translateY(5px);
        -ms-transform: translateY(-50%) translateY(5px);
        transform: translateY(-50%) translateY(5px); } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .main.about .our-mission .number-div span {
        font-size: 100px;
        -webkit-transform: translateY(-50%) translateY(2px);
        -ms-transform: translateY(-50%) translateY(2px);
        transform: translateY(-50%) translateY(2px); } }
    @media (max-width: 767px) {
      .main.about .our-mission .number-div span {
        font-size: 70px;
        -webkit-transform: translateY(-50%) translateY(5px);
        -ms-transform: translateY(-50%) translateY(5px);
        transform: translateY(-50%) translateY(5px);
        left: 5px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .main.about .our-mission .number-div .section-prag {
      font-size: 11px; } }

.main.about .message {
  padding-bottom: 180px; }
  @media (max-width: 991px) {
    .main.about .message {
      padding-bottom: 80px; } }
  .main.about .message .message-img img {
    border-radius: 5px; }
  .main.about .message .message-content {
    padding: 50px;
    position: relative; }
    @media (max-width: 576px) {
      .main.about .message .message-content {
        padding: 30px 15px; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      .main.about .message .message-content {
        padding: 35px; } }
    .main.about .message .message-content::before {
      position: absolute;
      content: "";
      top: 30px;
      left: 20px;
      background-image: url(../img/about/quots.png);
      background-size: contain;
      background-repeat: no-repeat;
      width: 80px;
      height: 70px; }
      @media (max-width: 576px) {
        .main.about .message .message-content::before {
          top: 10px;
          left: -5px;
          background-image: none; } }
      @media (min-width: 992px) and (max-width: 1200px) {
        .main.about .message .message-content::before {
          top: 17px;
          left: 10px; } }

.main.about .check .report {
  padding: 20px 25px;
  background-color: #ffffff;
  border-radius: 5px; }
  .main.about .check .report .report-link {
    display: inline-block;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5e5e5e; }
    .main.about .check .report .report-link:hover .report-text span {
      color: #00a2dd; }
      .main.about .check .report .report-link:hover .report-text span::before {
        width: 90%; }
    .main.about .check .report .report-link .report-img {
      padding: 0 15px; }
      .main.about .check .report .report-link .report-img img {
        width: 50px; }
    .main.about .check .report .report-link .report-text {
      padding: 0 15px; }
      .main.about .check .report .report-link .report-text span {
        font-size: 13px; }

.main.aswan-heart .header {
  background-image: url(../img/aswan-heart/bg.jpg); }

.main.aswan-heart .programs .section-subtitle {
  margin-bottom: 70px; }

.main.aswan-heart .programs .program-content {
  padding: 50px 15px;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat; }
  .main.aswan-heart .programs .program-content.one {
    background-image: url(../img/aswan-heart/programs-1.png); }
  .main.aswan-heart .programs .program-content.two {
    background-image: url(../img/aswan-heart/programs-2.png); }
  .main.aswan-heart .programs .program-content.three {
    background-image: url(../img/aswan-heart/programs-3.png); }
  @media (max-width: 576px) {
    .main.aswan-heart .programs .program-content {
      padding: 50px 0; } }
  .main.aswan-heart .programs .program-content h5 {
    color: #00a2dd;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px; }
    @media (min-width: 768px) and (max-width: 992px) {
      .main.aswan-heart .programs .program-content h5 {
        font-size: 14px; } }
  .main.aswan-heart .programs .program-content p {
    margin-bottom: 10px; }
  .main.aswan-heart .programs .program-content a {
    color: #00a2dd;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media (min-width: 768px) and (max-width: 992px) {
      .main.aswan-heart .programs .program-content a {
        font-size: 11px; } }
    .main.aswan-heart .programs .program-content a:hover i {
      padding-left: 15px; }
    .main.aswan-heart .programs .program-content a i {
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      padding-left: 5px; }

.main.aswan-heart .team .section-subtitle {
  margin-bottom: 70px; }

.main.aswan-heart .team .swiper-container {
  margin-bottom: 35px; }

.main.pediatric .header {
  background-image: url(../img/pediatric/bg.jpg); }

.main.pediatric .services {
  padding-bottom: 0; }
  .main.pediatric .services:not(.active) {
    display: none; }

.main.adult .header {
  background-image: url(../img/adult/bg.jpg); }

.main.cardiac .header {
  background-image: url(../img/cardiac/bg.jpg); }

@media (min-width: 768px) and (max-width: 829PX) {
  .main.cardiac .program .related-services .services-tab.active::after {
    bottom: -139px; } }

@media (min-width: 830PX) and (max-width: 1199px) {
  .main.cardiac .program .related-services .services-tab.active::after {
    bottom: -125px; } }

.main.observership {
  margin-top: 80px; }
  .main.observership .header {
    position: relative;
    background-image: none; }
    .main.observership .header::before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      z-index: -1; }
  .main.observership .apply-now {
    background: #006ddd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00a2dd), to(#006ddd));
    background: -webkit-linear-gradient(top, #00a2dd 0%, #006ddd 100%);
    background: -o-linear-gradient(top, #00a2dd 0%, #006ddd 100%);
    background: linear-gradient(to bottom, #00a2dd 0%, #006ddd 100%); }
    .main.observership .apply-now::before {
      position: absolute;
      content: "";
      left: -25px;
      bottom: 0;
      background-image: url(../img/observership/heart-bg.png);
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
      width: 35em;
      height: 30em; }
      @media (max-width: 576px) {
        .main.observership .apply-now::before {
          width: 90%;
          left: 3px; } }
    .main.observership .apply-now .section-title {
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
      background-clip: text;
      background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ffffff));
      background-image: -webkit-linear-gradient(left, #ffffff, #ffffff);
      background-image: -o-linear-gradient(left, #ffffff, #ffffff);
      background-image: linear-gradient(90deg, #ffffff, #ffffff); }
    .main.observership .apply-now .section-subtitle {
      color: #ffffff;
      margin-bottom: calc(30px + 25px); }
    .main.observership .apply-now .form .form-group.form-check label {
      display: inline-block; }
    .main.observership .apply-now .form .form-group.form-check .form-control {
      outline: none;
      display: inline-block;
      width: 85%;
      padding: 5px 15px 2px;
      height: auto;
      background: transparent;
      outline: 0;
      border-radius: 0;
      border: none;
      border-bottom: 1px solid #ccc;
      margin-left: 7px; }
      .main.observership .apply-now .form .form-group.form-check .form-control:focus {
        outline: 0;
        border: none;
        border-bottom: 1px solid #000; }
    .main.observership .apply-now .form .form-group label {
      display: block;
      text-align: left;
      color: #ffffff;
      font-size: 16px;
      font-weight: 700; }
    .main.observership .apply-now .form .form-group .form-control {
      position: relative;
      padding: 20px;
      height: 50px;
      display: block;
      width: 100%;
      font-size: 14px;
      color: #5e5e5e;
      background-color: #f4f4f4;
      background-image: none;
      border: 1.5px solid transparent;
      border-radius: 4px;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      outline: none; }
      .main.observership .apply-now .form .form-group .form-control:focus {
        border: 1.5px solid #000;
        -webkit-box-shadow: none;
        box-shadow: none; }
      .main.observership .apply-now .form .form-group .form-control input[type=file] {
        position: absolute;
        left: 20px;
        top: 50%;
        width: calc(100% - 20px);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 14px;
        color: #5e5e5e;
        cursor: pointer; }
    .main.observership .apply-now .form .form-group textarea {
      position: relative;
      padding: 20px;
      display: block;
      width: 100%;
      font-size: 14px;
      color: #5e5e5e;
      background-color: #f4f4f4;
      background-image: none;
      border: 1.5px solid transparent;
      border-radius: 4px;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      outline: none; }
      .main.observership .apply-now .form .form-group textarea.form-control {
        height: 160px; }
    .main.observership .apply-now .form p.label-radio {
      font-size: 16px;
      color: #ffffff;
      font-weight: bold;
      margin-bottom: 3px; }
    .main.observership .apply-now .form .form-check .form-check-input {
      color: #5e5e5e;
      font-size: 14px;
      margin-top: 4px; }
    .main.observership .apply-now .form .form-check .form-control {
      color: #ffffff; }
    .main.observership .apply-now .form .form-check .form-check-label {
      color: #ffffff;
      font-size: 14px; }
    .main.observership .apply-now .form .send-btn {
      margin-top: 15px; }
      .main.observership .apply-now .form .send-btn a {
        color: #ffffff;
        border: 2px solid #ffffff; }
        .main.observership .apply-now .form .send-btn a::before {
          background-color: #ffffff; }
        .main.observership .apply-now .form .send-btn a:hover {
          color: #00a2dd;
          border: 2px solid transparent; }

.main.our-team .header {
  background-image: url(../img/our-team/bg.png); }

.main.our-team .Check-our .section-subtitle {
  margin-bottom: calc(30px + 40px); }

.main.our-team .research ul li {
  margin-bottom: 0; }

.main.aswan-research .header {
  background-image: url(../img/aswan-research/bg.jpg); }
  .main.aswan-research .header .mainbar .mainbar-menu ul {
    width: 100%;
    max-width: 100%; }

.main.aswan-research .overview .section-prag {
  max-width: 780px;
  margin: auto;
  text-align: center;
  margin-bottom: 25px; }

.main.aswan-research .check-research .card-img a {
  overflow: hidden; }
  .main.aswan-research .check-research .card-img a:hover .card-content {
    top: 55%; }
    @media (max-width: 576px) {
      .main.aswan-research .check-research .card-img a:hover .card-content {
        top: 55%; } }
    @media (min-width: 576px) and (max-width: 767px) {
      .main.aswan-research .check-research .card-img a:hover .card-content {
        top: 70%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .main.aswan-research .check-research .card-img a:hover .card-content {
        top: 20%; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .main.aswan-research .check-research .card-img a:hover .card-content {
        top: 45%; } }
    .main.aswan-research .check-research .card-img a:hover .card-content button {
      bottom: 0; }
      @media (max-width: 991px) {
        .main.aswan-research .check-research .card-img a:hover .card-content button {
          bottom: 0; } }
  .main.aswan-research .check-research .card-img a .card-content {
    top: 60%; }
    @media (max-width: 576px) {
      .main.aswan-research .check-research .card-img a .card-content {
        top: 55%; } }
    @media (min-width: 576px) and (max-width: 767px) {
      .main.aswan-research .check-research .card-img a .card-content {
        top: 70%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .main.aswan-research .check-research .card-img a .card-content {
        top: 20%; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .main.aswan-research .check-research .card-img a .card-content {
        top: 50%; } }
    .main.aswan-research .check-research .card-img a .card-content h5 {
      text-align: left;
      margin-bottom: 50px; }
      .main.aswan-research .check-research .card-img a .card-content h5::before {
        left: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }
    .main.aswan-research .check-research .card-img a .card-content button {
      bottom: -60px;
      left: 10px;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
      @media (max-width: 991px) {
        .main.aswan-research .check-research .card-img a .card-content button {
          bottom: 0; } }
      .main.aswan-research .check-research .card-img a .card-content button i {
        font-size: 12px; }

.main.aswan-research .collaborators {
  padding-bottom: 0; }
  .main.aswan-research .collaborators .collaborators-head {
    position: relative;
    cursor: pointer;
    height: 100%;
    background-color: #ffffff;
    color: #18a2dc;
    height: 70px;
    padding: 24px 15px;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    margin-bottom: 15px; }
    .main.aswan-research .collaborators .collaborators-head::before {
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      opacity: 0;
      position: absolute;
      content: "";
      width: 0px;
      height: 0px;
      border-right: 25px solid transparent;
      border-left: 25px solid transparent;
      border-bottom: 25px solid #18a2dc;
      left: 50%;
      bottom: -45px;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      @media (max-width: 767px) {
        .main.aswan-research .collaborators .collaborators-head::before {
          bottom: -15px;
          border-right: 15px solid transparent;
          border-left: 15px solid transparent;
          border-bottom: 10px solid #18a2dc; } }
    .main.aswan-research .collaborators .collaborators-head:hover {
      color: #ffffff;
      background-color: #18a2dc; }
    .main.aswan-research .collaborators .collaborators-head.active {
      color: #ffffff;
      background-color: #18a2dc; }
      .main.aswan-research .collaborators .collaborators-head.active::before {
        border-bottom: 25px solid #18a2dc;
        bottom: -40px;
        opacity: 1; }
        @media (max-width: 767px) {
          .main.aswan-research .collaborators .collaborators-head.active::before {
            bottom: -15px;
            border-right: 15px solid transparent;
            border-left: 15px solid transparent;
            border-bottom: 10px solid #18a2dc; } }
        @media (min-width: 768px) and (max-width: 1199px) {
          .main.aswan-research .collaborators .collaborators-head.active::before {
            bottom: -40px; } }
    .main.aswan-research .collaborators .collaborators-head h5 {
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 500;
      text-align: center; }
  .main.aswan-research .collaborators .well {
    background-color: #18a2dc;
    margin-top: 25px;
    padding: 40px 0; }
    @media (max-width: 767px) {
      .main.aswan-research .collaborators .well {
        margin-top: 0;
        padding: 20px 10px; } }
    .main.aswan-research .collaborators .well ul li {
      position: relative;
      padding-left: 20px;
      margin-bottom: 25px; }
      .main.aswan-research .collaborators .well ul li::before {
        position: absolute;
        content: "• ";
        color: #ffffff;
        font-size: 20px;
        left: 0;
        top: -4px;
        border-radius: 50%; }
      .main.aswan-research .collaborators .well ul li a {
        color: #000;
        text-decoration: none;
        font-size: 14px; }
        .main.aswan-research .collaborators .well ul li a::before {
          background-color: #000; }

.main.aswan-research .Check-our .section-subtitle {
  margin-bottom: calc(30px + 15px); }

.main.aswan-research .Check-our a {
  margin-bottom: 20px;
  display: inline-block; }

.main.aswan-research .join-us .section-subtitle {
  margin-bottom: calc( 30px + 40px); }
  @media (max-width: 576px) {
    .main.aswan-research .join-us .section-subtitle {
      font-size: 17px; } }

.main.aswan-research .join-us .apply-for {
  text-align: center;
  background-image: url(../img/aswan-research/job-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  padding: 50px 15px;
  background-size: contain; }
  .main.aswan-research .join-us .apply-for h5 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #00a2dd; }
  .main.aswan-research .join-us .apply-for a {
    margin-bottom: 5px; }

.main.aswan-research .join-us .traninig {
  background-image: url(../img/aswan-research/training-bg.png); }

.main.aswan-research .join-us .news {
  background-image: url(../img/aswan-research/news-bg.png); }

.main.aswan-research .join-us .events {
  background-image: url(../img/aswan-research/events-bg.png); }

.main.integrated .header {
  background-image: url(../img/aswan-research/integrated/bg.jpg); }

.main.integrated .integrated-research .section-prag {
  margin-bottom: 20px; }
  .main.integrated .integrated-research .section-prag a {
    color: #000;
    text-transform: capitalize; }
    .main.integrated .integrated-research .section-prag a::before {
      background-color: #000; }

.main.integrated .integrated-research img {
  border-radius: 5px; }

.main.research-area .header {
  background-image: url(../img/aswan-research/research-area/bg.jpg); }

@media (max-width: 767px) {
  .main.research-area .studies p.section-prag {
    margin-bottom: 0; } }

.main.research-area .studies ul {
  margin-top: 30px;
  margin-bottom: 10px;
  padding-left: 40px; }
  .main.research-area .studies ul li {
    margin-bottom: 0; }

.main.research-area .projects {
  padding-bottom: 60px; }
  @media (max-width: 991px) {
    .main.research-area .projects {
      padding-bottom: 30px; } }
  .main.research-area .projects ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 25px; }
    .main.research-area .projects ul li:last-of-type {
      margin-bottom: 0; }
    .main.research-area .projects ul li::before {
      position: absolute;
      content: "• ";
      color: #18a2dc;
      font-size: 20px;
      left: 0;
      top: -4px; }

.main.departments .header {
  background-image: url(../img/aswan-research/departments/bg.png); }

.main.departments .section {
  padding-bottom: 60px; }
  @media (max-width: 767px) {
    .main.departments .section {
      padding-bottom: 10px; } }

.main.departments .biomedical .new-sub {
  margin-bottom: calc(30px + 30px); }

.main.departments .biomedical .section-prag {
  margin-bottom: 20px; }

.main.departments .scientific-departments {
  padding-bottom: 0; }

.main.publication .header {
  background-image: url(../img/aswan-research/publication/bg.jpg); }

.main.publication .section {
  padding: 80px 0 60px; }
  @media (max-width: 767px) {
    .main.publication .section {
      padding: 30px 0 10px; } }

.main.publication .publication-ul .special-flex-ul {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-left: -10px;
  margin-right: -10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .main.publication .publication-ul .special-flex-ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 25px;
    height: 100%; }
    .main.publication .publication-ul .special-flex-ul li p {
      margin-bottom: 0; }
    @media (max-width: 767px) {
      .main.publication .publication-ul .special-flex-ul li {
        margin-bottom: 15px; } }
    .main.publication .publication-ul .special-flex-ul li:last-of-type {
      margin-bottom: 0; }
    .main.publication .publication-ul .special-flex-ul li:nth-last-of-type(2) {
      margin-bottom: 0; }
      @media (max-width: 767px) {
        .main.publication .publication-ul .special-flex-ul li:nth-last-of-type(2) {
          margin-bottom: 15px; } }
    .main.publication .publication-ul .special-flex-ul li::before {
      position: absolute;
      content: "• ";
      color: #18a2dc;
      font-size: 16px;
      left: 0;
      top: -4px; }
    .main.publication .publication-ul .special-flex-ul li .ul-title {
      font-weight: 700;
      font-size: 16px;
      color: #5e5e5e;
      margin-bottom: 0; }
    .main.publication .publication-ul .special-flex-ul li p {
      color: #5e5e5e;
      font-size: 14px;
      font-weight: 400; }

.main.publication .research-publication {
  padding-top: 0; }

.main.news .header.news-details {
  background-image: url(../img/aswan-research/news/bg.jpg); }

.main.news .latest-news {
  position: relative;
  border-radius: 5px; }
  .main.news .latest-news a .card-content {
    top: 60%;
    padding: 20px; }
    @media (max-width: 767px) {
      .main.news .latest-news a .card-content {
        top: 60%; } }
    @media (max-width: 576px) {
      .main.news .latest-news a .card-content {
        top: 40%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .main.news .latest-news a .card-content {
        top: 45%; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .main.news .latest-news a .card-content {
        top: 45%; } }
    .main.news .latest-news a .card-content h5 {
      font-size: 14px;
      font-weight: 400;
      position: relative;
      margin-bottom: 10px;
      text-transform: uppercase;
      text-align: left; }
      .main.news .latest-news a .card-content h5::before {
        display: none; }
    .main.news .latest-news a .card-content span {
      font-size: 14px;
      font-weight: 400;
      position: relative;
      margin-bottom: 10px;
      text-transform: uppercase;
      opacity: .8;
      display: block;
      margin-bottom: 8px;
      text-align: left;
      color: #ffffff; }
    .main.news .latest-news a .card-content button {
      left: 20px;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
      .main.news .latest-news a .card-content button i {
        font-size: 12px; }
  .main.news .latest-news a:hover::before {
    background-color: rgba(38, 126, 216, 0.7); }
  .main.news .latest-news a:hover .card-content {
    top: 50%; }
    @media (max-width: 767px) {
      .main.news .latest-news a:hover .card-content {
        top: 60%; } }
    @media (max-width: 576px) {
      .main.news .latest-news a:hover .card-content {
        top: 40%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .main.news .latest-news a:hover .card-content {
        top: 45%; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .main.news .latest-news a:hover .card-content {
        top: 30%; } }

.main.news .updated-news .section-new-title {
  padding-bottom: 20px;
  font-weight: 700;
  text-transform: capitalize; }

.main.news .updated-news span.date-span {
  display: inline-block;
  position: relative;
  color: #5e5e5e;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  margin-right: 30px;
  padding: 0; }
  .main.news .updated-news span.date-span::before {
    position: absolute;
    content: "";
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    background-color: #000; }

.main.news .updated-news .share {
  margin-top: 20px;
  max-width: 200px; }
  @media (max-width: 767px) {
    .main.news .updated-news .share {
      text-align: center;
      margin: auto;
      margin-top: 20px; } }
  .main.news .updated-news .share span.share-span {
    display: inline-block;
    color: #5e5e5e;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    letter-spacing: 0.22em; }
  .main.news .updated-news .share .social-icons {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-width: 767px) {
      .main.news .updated-news .share .social-icons {
        -ms-flex-pack: distribute;
        justify-content: space-around; } }
    .main.news .updated-news .share .social-icons li {
      display: inline-block; }
      .main.news .updated-news .share .social-icons li a {
        display: inline-block;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 25px;
        border: 1.5px solid #000;
        border-radius: 50%;
        color: #000;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .main.news .updated-news .share .social-icons li a i {
          margin-top: -10px; }
        .main.news .updated-news .share .social-icons li a:hover {
          border: 1.5px solid transparent;
          background-color: #00a2dd; }

.main.news .updated-news .details {
  margin-top: 20px; }

.main.news .share span.share-span {
  display: inline-block;
  color: #5e5e5e;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  letter-spacing: 0.22em; }

.main.news .share .social-icons {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .main.news .share .social-icons li {
    display: inline-block; }
    .main.news .share .social-icons li a {
      display: inline-block;
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      border: 1.5px solid #000;
      border-radius: 50%;
      color: #000;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .main.news .share .social-icons li a:hover {
        border: 1.5px solid transparent;
        background-color: #00a2dd; }

.main.media .media-reports {
  width: 100%; }
  .main.media .media-reports .reprot .report-title {
    font-size: 16px;
    font-weight: 700;
    color: #5e5e5e;
    margin: 0;
    text-transform: capitalize; }
  .main.media .media-reports .reprot span.date-report {
    font-size: 14px;
    font-weight: 400;
    color: #5e5e5e;
    margin: 0;
    text-transform: capitalize; }
  .main.media .media-reports .reprot .report-pdf {
    margin-top: 15px; }
    .main.media .media-reports .reprot .report-pdf a {
      text-decoration: none;
      color: #f00;
      font-size: 14px;
      font-weight: 500; }
      .main.media .media-reports .reprot .report-pdf a::before {
        background-color: #f00; }
      .main.media .media-reports .reprot .report-pdf a i {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .main.media .media-reports .reprot .report-pdf a:hover i {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); }

.main.carrer .header {
  background-image: url(../img/aswan-research/carrer/bg.png); }

.main.carrer .join-team .section-title {
  margin-bottom: 50px; }

.main.carrer .join-team .form .form-group {
  margin-bottom: 20px; }
  .main.carrer .join-team .form .form-group .form-control {
    position: relative;
    padding: 0 10px;
    height: 50px;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #5e5e5e;
    background-color: #f4f4f4;
    background-image: none;
    border: 1.5px solid transparent;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    outline: none; }
    .main.carrer .join-team .form .form-group .form-control:focus {
      border: 1.5px solid #000;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .main.carrer .join-team .form .form-group .form-control input[type=file] {
      position: absolute;
      left: 20px;
      top: 50%;
      width: calc(100% - 20px);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      font-size: 14px;
      color: #5e5e5e;
      cursor: pointer; }
    .main.carrer .join-team .form .form-group .form-controlselect {
      max-width: 100%; }
      @media (max-width: 576px) {
        .main.carrer .join-team .form .form-group .form-controlselect {
          font-size: 12px; } }
      .main.carrer .join-team .form .form-group .form-controlselect option {
        max-width: 100%; }
  .main.carrer .join-team .form .form-group textarea.form-control {
    height: 160px;
    position: relative;
    padding: 25px 20px;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #5e5e5e;
    background-color: #f4f4f4;
    background-image: none;
    border: 1.5px solid transparent;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    outline: none; }

.main.carrer .join-team .form .send-btn {
  margin-top: 15px; }

.main.training .our-training .training-program .training-content {
  padding: 30px 30px 0; }
  .main.training .our-training .training-program .training-content .training-title {
    font-size: 14px;
    font-weight: 500;
    color: #00a2dd;
    margin-bottom: 15px; }
  .main.training .our-training .training-program .training-content p {
    margin-bottom: 30px; }

.main.training .our-training .btn-send {
  margin-top: 15px; }

.main.training .join-training-form .resume .resume-content {
  max-width: 1080px;
  width: auto; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .main.training .join-training-form .resume .resume-content {
      width: 970px; } }
  @media (max-width: 576px) {
    .main.training .join-training-form .resume .resume-content .resume-close {
      top: -20px; } }
  @media (min-width: 577px) and (max-width: 991px) {
    .main.training .join-training-form .resume .resume-content .resume-close {
      top: 25px;
      right: 1%; } }
  .main.training .join-training-form .resume .resume-content .form .form-group .form-control {
    position: relative;
    padding: 25px 20px;
    height: 50px;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #5e5e5e;
    background-color: #ffffff;
    background-image: none;
    border: 1.5px solid transparent;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    outline: none; }
    .main.training .join-training-form .resume .resume-content .form .form-group .form-control:focus {
      border: 1.5px solid #000;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .main.training .join-training-form .resume .resume-content .form .form-group .form-control input[type=file] {
      position: absolute;
      left: 20px;
      top: 50%;
      width: calc(100% - 20px);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      font-size: 14px;
      color: #5e5e5e;
      cursor: pointer; }
  .main.training .join-training-form .resume .resume-content .form .form-group textarea {
    position: relative;
    padding: 20px;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #5e5e5e;
    background-color: #f4f4f4;
    background-image: none;
    border: 1.5px solid transparent;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    outline: none; }
    .main.training .join-training-form .resume .resume-content .form .form-group textarea.form-control {
      height: 160px; }
  .main.training .join-training-form .resume .resume-content .form .send-btn {
    letter-spacing: 0.05em;
    padding: 10px 70px;
    border-radius: 25px;
    border: 2px solid #00a2dd;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-top: 15px;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    color: #00a2dd;
    background-color: transparent;
    font-weight: 500;
    outline: 0; }
    .main.training .join-training-form .resume .resume-content .form .send-btn:hover {
      background-color: #00a2dd;
      color: #ffffff; }

.main.global-heart-center .header {
  background-image: url(../img/global-heart/bg.jpg); }

.main.global-heart-center .assessment img {
  border-radius: 5px; }

.main.global-heart-center .assessment .egypt-assessment, .main.global-heart-center .assessment .demand {
  margin-bottom: 50px; }

.main.global-heart-center .assessment .demand-content p, .main.global-heart-center .assessment .executive-summary p {
  margin-bottom: 20px; }

.main.global-heart-center .our-vision img {
  margin-bottom: 25px; }

.main.global-heart-center .our-vision .number-item {
  position: relative;
  margin-top: 25px; }
  .main.global-heart-center .our-vision .number-item::before {
    position: absolute;
    left: 0;
    opacity: 0.15;
    color: #000;
    -webkit-transform: translateY(-50%) translateY(15px);
    -ms-transform: translateY(-50%) translateY(15px);
    transform: translateY(-50%) translateY(15px);
    content: "01";
    font-size: 100px;
    font-weight: 700; }
  .main.global-heart-center .our-vision .number-item .number-content {
    margin-bottom: 60px; }
    .main.global-heart-center .our-vision .number-item .number-content .number-title {
      font-size: 16px;
      font-weight: 700;
      color: #5e5e5e;
      margin-bottom: 10px; }
  .main.global-heart-center .our-vision .number-item.number-2::before {
    content: "02"; }
  .main.global-heart-center .our-vision .number-item.number-3::before {
    content: "03"; }

.main.global-heart-center .our-facilities .scientific-research {
  text-align: center;
  padding-bottom: 30px; }
  .main.global-heart-center .our-facilities .scientific-research h5 {
    font-size: 14px;
    font-weight: 700;
    color: #5e5e5e; }

.main.global-heart-center .our-facilities .item-details .number-item {
  position: relative;
  margin-top: 25px; }
  .main.global-heart-center .our-facilities .item-details .number-item::before {
    position: absolute;
    left: 0;
    opacity: 0.15;
    color: #000;
    -webkit-transform: translateY(-50%) translateY(15px);
    -ms-transform: translateY(-50%) translateY(15px);
    transform: translateY(-50%) translateY(15px);
    content: "01";
    font-size: 100px;
    font-weight: 700; }
  .main.global-heart-center .our-facilities .item-details .number-item .number-content {
    margin-bottom: 60px; }
    .main.global-heart-center .our-facilities .item-details .number-item .number-content .number-title {
      font-size: 16px;
      font-weight: 700;
      color: #5e5e5e;
      margin-bottom: 10px; }
    .main.global-heart-center .our-facilities .item-details .number-item .number-content .section-new-title {
      padding-bottom: 20px; }
  .main.global-heart-center .our-facilities .item-details .number-item.number-2::before {
    content: "02"; }
  .main.global-heart-center .our-facilities .item-details .number-item.number-3::before {
    content: "03"; }
  .main.global-heart-center .our-facilities .item-details .number-item ul li {
    margin-bottom: 0; }

.main.global-heart-center .our-facilities .facilities-img img {
  border-radius: 5px; }

.main.global-heart-center .our-goals .section-subtitle {
  margin-bottom: calc(30px + 60px); }

.main.global-heart-center .our-goals img {
  display: inline-block;
  margin-bottom: 40px; }

.main.global-heart-center .our-goals .goals-prag {
  text-align: center;
  margin-bottom: 40px; }

.main.global-heart-center .our-goals .item-details {
  margin-top: 25px; }
  .main.global-heart-center .our-goals .item-details .number-item {
    position: relative;
    margin-top: 25px; }
    .main.global-heart-center .our-goals .item-details .number-item::before {
      position: absolute;
      left: 0;
      opacity: 0.15;
      color: #000;
      -webkit-transform: translateY(-50%) translateY(15px);
      -ms-transform: translateY(-50%) translateY(15px);
      transform: translateY(-50%) translateY(15px);
      content: "01";
      font-size: 100px;
      font-weight: 700; }
    .main.global-heart-center .our-goals .item-details .number-item .number-content {
      margin-bottom: 60px; }
      .main.global-heart-center .our-goals .item-details .number-item .number-content .number-title {
        font-size: 16px;
        font-weight: 700;
        color: #5e5e5e;
        margin-bottom: 10px; }
      .main.global-heart-center .our-goals .item-details .number-item .number-content .section-new-title {
        padding-bottom: 20px;
        font-size: 20px; }
    .main.global-heart-center .our-goals .item-details .number-item.number-2::before {
      content: "02"; }
    .main.global-heart-center .our-goals .item-details .number-item.number-3::before {
      content: "03"; }
    .main.global-heart-center .our-goals .item-details .number-item ul li {
      margin-bottom: 0; }

.main.donate .header {
  background-image: url(../img/donate/bg.jpg); }
  .main.donate .header .mainbar ul {
    width: 100%;
    max-width: 100%; }

@media (max-width: 767px) {
  .main.donate .payment {
    padding-top: calc(30px + 245px); } }

.main.donate .payment svg {
  position: relative;
  margin-bottom: -7px;
  overflow: hidden;
  fill: #006ddd;
  stroke: #006ddd; }
  .main.donate .payment svg use {
    text-align: center;
    fill: #006ddd;
    stroke: #006ddd; }

.main.donate .payment .number-item .item-content {
  position: relative; }
  .main.donate .payment .number-item .item-content span.number-span {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-55px);
    -ms-transform: translateX(-50%) translateY(-55px);
    transform: translateX(-50%) translateY(-55px);
    font-size: 150px;
    color: #efefef;
    font-weight: 900;
    z-index: -1; }
  .main.donate .payment .number-item .item-content .section-subtitle {
    padding: 15px 0 20px;
    margin-bottom: 0; }

.main.donate .payment .form-payment {
  padding: 30px 0 5px;
  width: 100%;
  background-image: url("../img/donate/payment-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed; }
  .main.donate .payment .form-payment .title {
    padding: 10px; }
    .main.donate .payment .form-payment .title .wh {
      color: #ffffff; }
    .main.donate .payment .form-payment .title .last {
      margin-bottom: 0; }
  .main.donate .payment .form-payment .form .form-group {
    margin-bottom: 40px; }
    .main.donate .payment .form-payment .form .form-group .form-control {
      position: relative;
      padding: 6px 12px;
      height: 50px;
      display: block;
      width: 100%;
      font-size: 14px;
      color: #5e5e5e;
      background-color: #f4f4f4;
      background-image: none;
      border: 1.5px solid transparent;
      border-radius: 4px;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      outline: none;
      border-radius: 5px; }
      .main.donate .payment .form-payment .form .form-group .form-control:focus {
        border: 1.5px solid #000;
        -webkit-box-shadow: none;
        box-shadow: none; }
      .main.donate .payment .form-payment .form .form-group .form-control input[type="file"] {
        position: absolute;
        left: 20px;
        top: 50%;
        width: calc(100% - 20px);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 14px;
        color: #5e5e5e;
        cursor: pointer; }
    .main.donate .payment .form-payment .form .form-group textarea {
      position: relative;
      padding: 20px;
      display: block;
      width: 100%;
      font-size: 14px;
      color: #5e5e5e;
      background-color: #f4f4f4;
      background-image: none;
      border: 1.5px solid transparent;
      border-radius: 4px;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      outline: none; }
      .main.donate .payment .form-payment .form .form-group textarea.form-control {
        height: 160px; }
  .main.donate .payment .form-payment .form .sm-title {
    color: #ffffff;
    font-size: 16px;
    padding: 10px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0; }
  .main.donate .payment .form-payment .form .send-btn {
    letter-spacing: 0.05em;
    width: 100%;
    display: block;
    padding: 6px 12px;
    border-radius: 25px;
    height: 50px;
    margin-bottom: 30px;
    border: 2px solid #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    /* margin-top: 15px; */
    text-transform: capitalize;
    font-size: 14px;
    cursor: pointer;
    color: #ffffff;
    background-color: transparent;
    font-weight: 500;
    outline: 0; }
    .main.donate .payment .form-payment .form .send-btn:hover {
      background-color: #ffffff;
      color: #00a2dd; }

.main.donate .fawry {
  position: relative;
  padding-top: 0; }
  .main.donate .fawry .form .form-group {
    margin-bottom: 20px; }
    .main.donate .fawry .form .form-group.image {
      width: 85%; }
      body.ar .main.donate .fawry .form .form-group.image {
        width: 75%; }
    .main.donate .fawry .form .form-group .form-control {
      position: relative;
      padding: 6px 12px;
      height: 50px;
      display: inline-block;
      margin-right: 7px;
      width: 85%;
      font-size: 14px;
      color: #5e5e5e;
      background-color: #f4f4f4;
      background-image: none;
      border: 1.5px solid transparent;
      border-radius: 4px;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      outline: none;
      border-radius: 5px; }
      body.ar .main.donate .fawry .form .form-group .form-control {
        width: 75%; }
      .main.donate .fawry .form .form-group .form-control:focus {
        border: 1.5px solid #000;
        -webkit-box-shadow: none;
        box-shadow: none; }

.main.donate .mobile-sms {
  padding-bottom: 135px;
  position: relative;
  overflow: hidden;
  z-index: 1; }
  .main.donate .mobile-sms::after {
    margin-top: 60px;
    content: "";
    border-style: solid;
    border-width: 0rem 0rem 9rem 100vw;
    border-color: transparent transparent #fff transparent;
    left: 0;
    right: 0; }
  .main.donate .mobile-sms .number-item {
    position: relative;
    z-index: 2; }
    .main.donate .mobile-sms .number-item .item-content {
      position: relative; }
      .main.donate .mobile-sms .number-item .item-content span.number-span {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-55px);
        -ms-transform: translateX(-50%) translateY(-55px);
        transform: translateX(-50%) translateY(-55px);
        font-size: 150px;
        color: #efefef;
        font-weight: 900;
        z-index: -1; }
      .main.donate .mobile-sms .number-item .item-content .section-subtitle {
        padding: 15px 0 20px;
        margin-bottom: 0; }
      .main.donate .mobile-sms .number-item .item-content span {
        display: block;
        font-size: 25px;
        margin-top: 15px;
        font-weight: 700; }
        .main.donate .mobile-sms .number-item .item-content span a {
          text-decoration: none;
          color: #5e5e5e; }

.main.donate .bank-acc {
  padding-bottom: 60px; }
  @media (max-width: 767px) {
    .main.donate .bank-acc {
      padding-bottom: 30px; } }
  .main.donate .bank-acc .number-item .item-content {
    position: relative; }
    .main.donate .bank-acc .number-item .item-content span.number-span {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-55px);
      -ms-transform: translateX(-50%) translateY(-55px);
      transform: translateX(-50%) translateY(-55px);
      font-size: 150px;
      color: #efefef;
      font-weight: 900;
      z-index: -1; }
    .main.donate .bank-acc .number-item .item-content .section-subtitle {
      padding: 15px 0 20px;
      margin-bottom: 0; }
    .main.donate .bank-acc .number-item .item-content span {
      display: block;
      font-size: 25px;
      margin-top: 15px;
      font-weight: 700; }
  .main.donate .bank-acc .bank-accs {
    margin-top: 25px; }
    .main.donate .bank-acc .bank-accs .card {
      margin-bottom: 20px;
      border-radius: 5px;
      -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05);
      box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05);
      overflow: hidden;
      position: relative;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      height: 165px;
      display: block;
      border: none; }
      .main.donate .bank-acc .bank-accs .card a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        width: 100%;
        height: 100%;
        padding: 30px 5px;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        border: none; }
        .main.donate .bank-acc .bank-accs .card a:hover img {
          opacity: 0; }
        .main.donate .bank-acc .bank-accs .card a:hover ul {
          opacity: 1; }
        .main.donate .bank-acc .bank-accs .card a img {
          width: auto;
          opacity: 1;
          -webkit-transition: all 0.4s ease-in-out;
          -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out; }
        .main.donate .bank-acc .bank-accs .card a ul {
          padding: 0;
          -webkit-transition: all 0.4s ease-in-out;
          -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out;
          opacity: 0;
          position: absolute;
          left: 50%;
          top: 50%;
          width: 100%;
          -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
          margin-top: -5px; }
          .main.donate .bank-acc .bank-accs .card a ul li {
            color: #000;
            font-size: 14px;
            font-weight: 500; }
            .main.donate .bank-acc .bank-accs .card a ul li span {
              display: inline-block;
              color: #00a2dd;
              text-transform: uppercase;
              position: relative;
              margin-right: 15px;
              font-size: 14px; }
              body.ar .main.donate .bank-acc .bank-accs .card a ul li span {
                margin-right: 0;
                margin-left: 15px; }
              .main.donate .bank-acc .bank-accs .card a ul li span::before {
                position: absolute;
                content: "";
                right: -7.5px;
                top: 0;
                width: 2px;
                height: 15px; }
              .main.donate .bank-acc .bank-accs .card a ul li span:not(:last-of-type) {
                margin-bottom: 15px; }

.main.donate .door-to-door {
  padding-bottom: 135px;
  position: relative;
  overflow: hidden;
  z-index: 1; }
  .main.donate .door-to-door::after {
    margin-top: 60px;
    content: "";
    border-style: solid;
    border-width: 0rem 0rem 9rem 100vw;
    border-color: transparent transparent #fff transparent;
    left: 0;
    right: 0; }
  .main.donate .door-to-door .number-item {
    position: relative;
    z-index: 2; }
    .main.donate .door-to-door .number-item .item-content {
      position: relative; }
      .main.donate .door-to-door .number-item .item-content span.number-span {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-55px);
        -ms-transform: translateX(-50%) translateY(-55px);
        transform: translateX(-50%) translateY(-55px);
        font-size: 150px;
        color: #efefef;
        font-weight: 900;
        z-index: -1; }
      .main.donate .door-to-door .number-item .item-content .section-subtitle {
        padding: 15px 0 20px;
        margin-bottom: 0; }
      .main.donate .door-to-door .number-item .item-content .section-prag a {
        text-decoration: none;
        color: #5e5e5e; }
      .main.donate .door-to-door .number-item .item-content .section-prag span {
        display: block;
        font-size: 25px;
        margin-top: 15px;
        font-weight: 700; }

.main.donate .outside {
  position: relative;
  overflow: hidden; }
  @media (max-width: 767px) {
    .main.donate .outside {
      padding-bottom: 30px; } }
  .main.donate .outside .number-item .item-content {
    position: relative; }
    .main.donate .outside .number-item .item-content span.number-span {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-55px);
      -ms-transform: translateX(-50%) translateY(-55px);
      transform: translateX(-50%) translateY(-55px);
      font-size: 150px;
      color: #efefef;
      font-weight: 900;
      z-index: -1; }
    .main.donate .outside .number-item .item-content .section-subtitle {
      padding: 15px 0 20px;
      margin-bottom: 0; }
  .main.donate .outside .outside-cib {
    margin-top: 25px; }
    .main.donate .outside .outside-cib img {
      width: auto; }
    .main.donate .outside .outside-cib .outside-cib-content {
      margin-bottom: 30px; }
      body.ar .main.donate .outside .outside-cib .outside-cib-content {
        text-align: right; }
      @media (max-width: 767px) {
        .main.donate .outside .outside-cib .outside-cib-content {
          margin-bottom: 20px; } }
      .main.donate .outside .outside-cib .outside-cib-content .cib-title {
        font-size: 14px;
        font-weight: 700;
        color: #00a2dd;
        margin-bottom: 10px; }
      .main.donate .outside .outside-cib .outside-cib-content .cib-prag {
        font-size: 16px;
        font-weight: 700;
        color: #5e5e5e;
        margin-bottom: 10px; }

.main.donate .spec-programs {
  padding-bottom: 135px;
  position: relative;
  overflow: hidden;
  z-index: 1; }
  .main.donate .spec-programs::after {
    margin-top: 60px;
    content: "";
    border-style: solid;
    border-width: 0rem 0rem 9rem 100vw;
    border-color: transparent transparent #fff transparent;
    left: 0;
    right: 0; }
  .main.donate .spec-programs .number-item {
    z-index: 2; }
    .main.donate .spec-programs .number-item .item-content {
      position: relative; }
      .main.donate .spec-programs .number-item .item-content span.number-span {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-55px);
        -ms-transform: translateX(-50%) translateY(-55px);
        transform: translateX(-50%) translateY(-55px);
        font-size: 150px;
        color: #efefef;
        font-weight: 900;
        z-index: -1; }
      .main.donate .spec-programs .number-item .item-content .section-subtitle {
        padding: 15px 0 20px;
        margin-bottom: 0; }
      .main.donate .spec-programs .number-item .item-content .section-prag a {
        color: #5e5e5e; }
      .main.donate .spec-programs .number-item .item-content .section-prag span {
        display: block;
        font-size: 25px;
        margin-top: 15px;
        font-weight: 700; }

.main.donate .my-aswan {
  position: relative;
  overflow: hidden; }
  @media (max-width: 767px) {
    .main.donate .my-aswan {
      padding-bottom: 30px; } }
  .main.donate .my-aswan .logo-sec {
    text-align: center; }
    .main.donate .my-aswan .logo-sec img {
      width: 275px;
      width: auto;
      margin-top: 15px;
      width: auto;
      height: 87px; }
  .main.donate .my-aswan .number-item .item-content {
    position: relative; }
    .main.donate .my-aswan .number-item .item-content span.number-span {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-55px);
      -ms-transform: translateX(-50%) translateY(-55px);
      transform: translateX(-50%) translateY(-55px);
      font-size: 150px;
      color: #efefef;
      font-weight: 900;
      z-index: -1; }
    .main.donate .my-aswan .number-item .item-content .section-subtitle {
      padding: 15px 0 20px;
      margin-bottom: 0; }
    .main.donate .my-aswan .number-item .item-content .section-prag a {
      color: #5e5e5e; }
    .main.donate .my-aswan .number-item .item-content .section-prag span {
      display: block;
      font-size: 25px;
      margin-top: 15px;
      font-weight: 700; }
    .main.donate .my-aswan .number-item .item-content .visit button {
      background-color: transparent; }
      .main.donate .my-aswan .number-item .item-content .visit button a {
        display: inline-block;
        letter-spacing: 0.05em;
        padding: 10px 50px;
        border-radius: 25px;
        border: 2px solid #00a2dd;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-top: 15px;
        text-transform: uppercase;
        font-size: 14px;
        cursor: pointer;
        color: #00a2dd;
        background-color: transparent;
        font-weight: 500;
        outline: 0;
        margin-top: 15px; }
        .main.donate .my-aswan .number-item .item-content .visit button a:hover {
          background-color: #00a2dd;
          color: #ffffff; }

.main.donate .other {
  position: relative;
  z-index: 1; }
  .main.donate .other .number-item .item-content {
    position: relative;
    z-index: 2; }
    .main.donate .other .number-item .item-content span.number-span {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-85px);
      -ms-transform: translateX(-50%) translateY(-85px);
      transform: translateX(-50%) translateY(-85px);
      font-size: 150px;
      color: #efefef;
      font-weight: 900;
      z-index: -1; }
    .main.donate .other .number-item .item-content .section-subtitle {
      padding: 15px 0 20px;
      margin-bottom: 0;
      z-index: 2; }
  .main.donate .other .other-chanales {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 50px; }
    .main.donate .other .other-chanales ul {
      padding: 0; }
      .main.donate .other .other-chanales ul li {
        display: inline-block; }
        .main.donate .other .other-chanales ul li:not(:last-of-type) {
          margin-right: 100px; }
          body.ar .main.donate .other .other-chanales ul li:not(:last-of-type) {
            margin-right: 0;
            margin-left: 100px; }
          @media (max-width: 576px) {
            .main.donate .other .other-chanales ul li:not(:last-of-type) {
              margin: 25px; }
              body.ar .main.donate .other .other-chanales ul li:not(:last-of-type) {
                margin-right: 0;
                margin-left: 25px; } }
        .main.donate .other .other-chanales ul li a {
          display: block;
          width: 100%;
          height: 100%; }
          .main.donate .other .other-chanales ul li a:hover img {
            opacity: .5; }
          .main.donate .other .other-chanales ul li a:hover p {
            color: #00a2dd; }
          .main.donate .other .other-chanales ul li a img {
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
          .main.donate .other .other-chanales ul li a p {
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            margin-top: 50px;
            font-weight: 700; }

.main.contact-us .lets-contact .map-content {
  padding: 60px;
  position: absolute;
  left: -60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  text-align: left; }
  @media (max-width: 767px) {
    .main.contact-us .lets-contact .map-content {
      padding: 30px;
      position: relative;
      margin-top: 25px;
      left: 0;
      top: 0;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); } }
  .main.contact-us .lets-contact .map-content .map-item {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px; }
    .main.contact-us .lets-contact .map-content .map-item:last-of-type {
      margin-bottom: 0; }
    .main.contact-us .lets-contact .map-content .map-item i {
      display: inline-block;
      color: #5e5e5e; }
      .main.contact-us .lets-contact .map-content .map-item i.fa-phone {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg); }
    .main.contact-us .lets-contact .map-content .map-item .map-text {
      display: inline-block;
      margin-left: 25px;
      font-size: 14px;
      color: #5e5e5e;
      font-weight: 400; }
      @media (max-width: 767px) {
        .main.contact-us .lets-contact .map-content .map-item .map-text {
          font-size: 16px; } }
      @media (max-width: 576px) {
        .main.contact-us .lets-contact .map-content .map-item .map-text {
          font-size: 14px; } }
      .main.contact-us .lets-contact .map-content .map-item .map-text a {
        font-size: inherit;
        color: #5e5e5e;
        text-decoration: none; }

.main.contact-us .apply-now {
  background: #006ddd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00a2dd), to(#006ddd));
  background: -webkit-linear-gradient(top, #00a2dd 0%, #006ddd 100%);
  background: -o-linear-gradient(top, #00a2dd 0%, #006ddd 100%);
  background: linear-gradient(to bottom, #00a2dd 0%, #006ddd 100%); }
  .main.contact-us .apply-now::before {
    position: absolute;
    content: "";
    left: -25px;
    bottom: 0;
    background-image: url(../img/observership/heart-bg.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 35em;
    height: 30em; }
    @media (max-width: 576px) {
      .main.contact-us .apply-now::before {
        width: 90%;
        left: 3px; } }
  .main.contact-us .apply-now .section-title {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ffffff));
    background-image: -webkit-linear-gradient(left, #ffffff, #ffffff);
    background-image: -o-linear-gradient(left, #ffffff, #ffffff);
    background-image: linear-gradient(90deg, #ffffff, #ffffff); }
  .main.contact-us .apply-now .section-subtitle {
    color: #ffffff;
    margin-bottom: calc(30px + 25px); }
  .main.contact-us .apply-now .form .form-group .form-control {
    position: relative;
    padding: 20px;
    height: 50px;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #5e5e5e;
    background-color: #f4f4f4;
    background-image: none;
    border: 1.5px solid transparent;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    outline: none; }
    .main.contact-us .apply-now .form .form-group .form-control:focus {
      border: 1.5px solid #000;
      -webkit-box-shadow: none;
      box-shadow: none; }
  .main.contact-us .apply-now .form .form-group textarea {
    position: relative;
    padding: 20px;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #5e5e5e;
    background-color: #f4f4f4;
    background-image: none;
    border: 1.5px solid transparent;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    outline: none; }
    .main.contact-us .apply-now .form .form-group textarea.form-control {
      height: 160px; }
  .main.contact-us .apply-now .form .form-check .form-check-input {
    color: #5e5e5e;
    font-size: 14px;
    margin-top: 4px; }
  .main.contact-us .apply-now .form .form-check .form-check-label {
    color: #5e5e5e;
    font-size: 14px; }
  .main.contact-us .apply-now .form .send-btn a {
    margin-top: 15px;
    background-color: transparent;
    color: #ffffff;
    border: 2px solid #ffffff; }
    .main.contact-us .apply-now .form .send-btn a::before {
      background-color: #ffffff; }
    .main.contact-us .apply-now .form .send-btn a:hover {
      color: #00a2dd;
      border: 2px solid transparent; }

@media (min-width: 768px) {
  .main.gallery .gallery-album .mb-ed-1 {
    margin-top: 20px !important;
    margin-bottom: -5px; } }

@media (min-width: 768px) {
  .main.gallery .gallery-album .mb-ed-1 {
    margin-top: 5pxpx !important; } }

@media (min-width: 768px) {
  .main.gallery .gallery-album .nt-left {
    margin-top: -25px; } }

@media (min-width: 768px) {
  .main.gallery .gallery-album .nt-right {
    margin-top: -18px; } }

@media (max-width: 767px) {
  .main.gallery .gallery-album .mb-sm {
    margin-bottom: 20px; } }

.main.gallery .gallery-album .card-gallery {
  margin-top: 0;
  text-align: left; }
  .main.gallery .gallery-album .card-gallery a::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 5px; }
  .main.gallery .gallery-album .card-gallery a:hover::before {
    background-color: rgba(38, 126, 216, 0.7); }
  .main.gallery .gallery-album .card-gallery a:hover .card-content {
    top: 65%; }
    @media (max-width: 767px) {
      .main.gallery .gallery-album .card-gallery a:hover .card-content {
        top: 80%; } }
    @media (max-width: 576px) {
      .main.gallery .gallery-album .card-gallery a:hover .card-content {
        top: 65%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .main.gallery .gallery-album .card-gallery a:hover .card-content {
        top: 35%; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      .main.gallery .gallery-album .card-gallery a:hover .card-content {
        top: 60%; } }
  .main.gallery .gallery-album .card-gallery a .card-content {
    text-align: left;
    top: 75%; }
    @media (max-width: 767px) {
      .main.gallery .gallery-album .card-gallery a .card-content {
        top: 80%; } }
    @media (max-width: 576px) {
      .main.gallery .gallery-album .card-gallery a .card-content {
        top: 65%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .main.gallery .gallery-album .card-gallery a .card-content {
        top: 35%; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      .main.gallery .gallery-album .card-gallery a .card-content {
        top: 70%; } }
    .main.gallery .gallery-album .card-gallery a .card-content h5 {
      text-align: left;
      margin-bottom: 15px; }
      .main.gallery .gallery-album .card-gallery a .card-content h5::before {
        display: none; }
    .main.gallery .gallery-album .card-gallery a .card-content button {
      left: 10px;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }

.main.gall-album .my-cont {
  height: 100%; }

.main.gall-album.sodic .header {
  background-image: url(../img/gallery/sodic/bg.jpg); }

.main.gall-album.eapd .header {
  background-image: url(../img/gallery/eapd/bg.jpg); }

.main.gall-album.sasg .header {
  background-image: url(../img/gallery/sasg/bg.jpeg); }

.main.gall-album .header .header-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: static;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 80px; }
  @media (max-width: 991px) {
    .main.gall-album .header .header-title {
      padding-bottom: 30px; } }
  .main.gall-album .header .header-title .head-title {
    font-family: "Helvetica Neue LT Std";
    text-align: left;
    font-size: 25px; }
    @media (max-width: 767px) {
      .main.gall-album .header .header-title .head-title {
        font-size: 16px; } }
    .main.gall-album .header .header-title .head-title span::before {
      display: none; }
    .main.gall-album .header .header-title .head-title.head-title-date {
      font-family: "Helvetica Neue LT Std";
      color: #ffffff;
      text-align: left;
      font-size: 16px; }
      @media (max-width: 767px) {
        .main.gall-album .header .header-title .head-title.head-title-date {
          font-size: 12px; } }
      @media (max-width: 991px) {
        .main.gall-album .header .header-title .head-title.head-title-date {
          margin-bottom: -10px; } }
      .main.gall-album .header .header-title .head-title.head-title-date span::before {
        display: none; }

.main.gall-album img {
  border-radius: 5px;
  max-width: 960px;
  max-height: 640px; }
  @media (max-width: 576px) {
    .main.gall-album img {
      max-width: 338px;
      max-height: 225px; } }
  @media (min-width: 577px) {
    .main.gall-album img {
      max-width: 258px;
      max-height: 172px; } }
  @media (min-width: 768px) {
    .main.gall-album img {
      max-width: 216px;
      max-height: 144px; } }
  @media (min-width: 992px) {
    .main.gall-album img {
      max-width: 172px;
      max-height: 115px; } }
  @media (min-width: 1200px) {
    .main.gall-album img {
      max-width: 216px;
      max-height: 144px; } }

@media (min-width: 992px) {
  .main.gall-album .col-xl-sm-2 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 20% !important;
    flex: 0 0 20% !important;
    max-width: 20% !important; } }

.main.gall-album .gallery-append {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .main.gall-album .gallery-append .gall-plus {
    margin-top: -40px; }
  .main.gall-album .gallery-append .gall {
    position: relative; }
    .main.gall-album .gallery-append .gall a {
      position: relative;
      z-index: 9;
      display: inline-block;
      width: 100%;
      height: 100%; }
      .main.gall-album .gallery-append .gall a::before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        opacity: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .main.gall-album .gallery-append .gall a:hover::before {
        opacity: 1; }

        
body.ar 
{
  text-align: right;
  letter-spacing: -2px!important;
}
body.ar *, body.ar ::after, body.ar ::before{
  /* letter-spacing: -1px !important; */
}

body.ar .section-new-title {
  text-align: right;
}

body.ar .main.global-heart-center .our-vision .number-item::before,
body.ar .main.global-heart-center .our-goals .item-details .number-item::before,
body.ar .main.global-heart-center .our-facilities .item-details .number-item::before {
  left: auto;
  right: 0;
}

body.ar .main.about .our-mission .number-div span {
  left: auto;
  right: -5px;
}

body.ar .main.about .our-mission .number-div{
  padding-left: 0;
  padding-right: 60px;
}

body.ar .col-white-abs {
  left: auto;
  right: 30%;
}

.number-item::before{
  font-family: 'num font';
}


.num_font {
  font-family: 'num font';
}


body.ar .main.contact-us .lets-contact .map-content .map-item .map-text {
  margin-left: 0;
  margin-right: 25px;
}