:root {
--primaryColor: #3ca4d2;
--secondaryColor: #FFD749;
--blackColor: #000000;
--whiteColor: #ffffff;
--greyColor1: #222631;
--greyColor2: #2F374E;
--greyColor3: #727C95;
--greyColor4:#f4f7fd;
--greyColor5:#CED4E7;
--greyColor6:#EDF0F5;
--greyColorLight:#2f374ecf;
--lightBlue: #85c4e0;
--lightRed : #f48172;
--lightGreen:#0ea381;
--lightYellow:#e6be4f;
--lightOrange:#F0AB6D;
--lightPurple:#C89AFD;
--lightPrimaryColor:#EAF8FD;
--lightPurple1:#f1e5ff;
--lightYellow1:#FFECD0;
--skyBlue:#ACF0FF;
--lightSky:#E3F4FF;
--greenColor:#28a745;
--redColor:#dc3545;
--fontsize6 : 0.375rem;
--fontsize10 : 0.625rem;
--fontsize11 : 0.688rem;
--fontsize12 : 0.75rem;
--fontsize13 : 0.813rem;
--fontsize14 : 0.875rem;
--fontsize15 : 0.938rem;
--fontsize16 : 1rem;
--fontsize18 : 1.125rem;
--fontsize19 : 1.188rem;
--fontsize20 : 1.25rem;
--fontsize21 : 1.313rem;
--fontsize22 : 1.375rem;
--fontsize23 : 1.438rem;
--fontsize24 : 1.5rem;
--fontsize25 : 1.5625rem;
--fontsize26 : 1.625rem;
--fontsize27 : 1.688rem;
--fontsize28 : 1.75rem;
--fontsize29 : 1.813rem;
--fontsize30 : 1.875rem;
--fontsize31 : 1.938rem;
--fontsize32 : 2rem;
--fontsize33 : 2.063rem;
--fontsize34 : 2.125rem;
--fontsize35 : 2.188rem;
--fontsize36 : 2.25rem;
--fontsize37 : 2.313rem;
--fontsize38 : 2.375rem;
--fontsize39 : 2.438rem;
--fontsize40 : 2.5rem;
--fontsize41 : 2.563rem;
--fontsize42 : 2.625rem;
--fontsize43 : 2.688rem;
--fontsize44 : 2.75rem;
--fontsize45 : 2.813rem;
--fontsize46 : 2.875rem;
--fontsize47 : 2.938rem;
--fontsize48 : 3rem;
--fontsize49 : 3.063rem;
--fontsize50 : 3.125rem;
--fontsize51 : 3.188rem;
--fontsize52 : 3.25rem;
--fontsize53 : 3.313rem;
--fontsize54 : 3.375rem;
--fontsize55 : 3.438rem;
--fontsize56 : 3.5rem;
--fontsize57 : 3.563rem;
--fontsize58 : 3.625rem;
--fontsize59 : 3.688rem;
--fontsize60 : 3.75rem;
--fontsize61 : 3.813rem;
--fontsize62 : 3.875rem;
--fontsize63 : 3.938rem;
--fontsize64 : 4rem;
--fontsize75 : 4.688rem;
--fullwidth : 100%;
--fullheight : 100%;
--maxwidth:1300px;
}
@font-face {
font-family:poppins;
src: url(//mec.edu.om/wp-content/themes/twentytwentyone/fonts/Cairo-Regular.ttf);
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family:poppinssemibold;
src: url(//mec.edu.om/wp-content/themes/twentytwentyone/fonts/Cairo-SemiBold.ttf);
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family:poppinsmedium;
src: url(//mec.edu.om/wp-content/themes/twentytwentyone/fonts/Cairo-Medium.ttf);
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family:poppinsbold;
src: url(//mec.edu.om/wp-content/themes/twentytwentyone/fonts/Cairo-Bold.ttf);
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family:poppinslight;
src: url(//mec.edu.om/wp-content/themes/twentytwentyone/fonts/Cairo-Light.ttf);
font-weight: normal;
font-style: normal;
font-display: swap;
}
.wpcf7-spinner{display: none}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{font-family:poppinsbold; }
.defaultBtn{background-color: var(--primaryColor); color: var(--whiteColor); font-family:poppinsbold; padding:10px 20px; border-radius: 4px; font-size: var(--fontsize14);}
.defaultBtn:hover{background-color: var(--primaryColor); color: var(--whiteColor); font-family:poppinsbold; padding:10px 20px; border-radius: 4px; font-size: var(--fontsize14);}
.defaultBtn:focus{background-color: var(--primaryColor); color: var(--whiteColor); font-family:poppinsbold; padding:10px 20px; border-radius: 4px; font-size: var(--fontsize14);}
.secondaryBtn{background-color: var(--whiteColor); color: var(--primaryColor); font-family:poppinsbold; padding:10px 20px; border-radius: 4px; font-size: var(--fontsize14);}
.secondaryBtn:hover{background-color: var(--whiteColor); color: var(--primaryColor); font-family:poppinsbold; padding:10px 20px; border-radius: 4px; font-size: var(--fontsize14);}
.secondaryBtn:focus{background-color: var(--whiteColor); color: var(--primaryColor); font-family:poppinsbold; padding:10px 20px; border-radius: 4px; font-size: var(--fontsize14);}
p:empty{display: none;}
.woocommerce table.shop_table td, .woocommerce table.shop_table th, .woocommerce-page table.shop_table td, .woocommerce-page table.shop_table th{font-family:poppins;}
.woocommerce .woocommerce-notices-wrapper>*{font-family:poppins;}
.site-content{position: static; font-family:poppins;}
.site-header, .site-main, .widget-area, .site-footer{padding: 0; margin:0; font-family:poppins;}
.site-content{font-family:poppins; font-size: var(--fontsize14);}
*{box-sizing: border-box; margin: 0; padding:0; text-decoration: none;}
body{ margin: 0; padding:0;  font-family:var(--primaryColor); font-size: 18px; background-color:var(--greyColor4);}
img{max-width: 100%;}
aside.widget-area{display: none;}
ul,li,ol,li{font-family:poppins;}
.entry-content, .entry-summary{font-family:poppins;}
a:focus{outline: 0px none; text-decoration: none;}
img{outline: 0px none;}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img{outline: 0px none;}  .scrollEvent #masthead .headerContainer .headerRight .links{opacity: 1; visibility: visible;}
.scrollEvent #masthead .bottomBar{opacity: 1; visibility: visible;}
.scrollEvent #masthead .topBar{background-color: var(--blackColor);}
.scrollEvent #masthead .headerContainer .headerRight .languageConvertor{opacity: 1; visibility: visible;}
.scrollEventAll #masthead .headerContainer .headerRight .links{opacity: 1; visibility: visible;}
.scrollEventAll #masthead .bottomBar{opacity: 1; visibility: visible;}
.scrollEventAll #masthead .topBar{background-color: var(--blackColor);}
.scrollEventAll #masthead .headerContainer .headerRight .languageConvertor{opacity: 1; visibility: visible;}
.backToTop{position: fixed; bottom:20px; right:20px; display: flex; display: none;  justify-content: center;  z-index: 2200000; }
.backToTop a{flex-direction: column; display: flex; align-items: center;}
.backToTop a i{width:32px; display: flex; align-items: center; height: 32px; color:var(--whiteColor); background-color: var(--primaryColor); border-radius:100%; display: flex; align-items: center; justify-content: center}
.backToTop a span{color: var(--greyColor1); font-size: var(--fontsize14);}
.backToTop a i:before{margin-top: -4px;}