/* Desktops and laptops ----------- */
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    /* Agencies */
  /* Blockchain */
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
  /*
	asbarakat start
	*/
  /*
	asbarakat end
	*/
  /* Header */
  /* Slider */
  /* About */
  /* news */
  /* Add */
  /* .mcit-awareness {
    background: url(../images/m-ads.jpg) center / cover;
  } */
  /* events */
  /* logo */
  /* TEC */
  /* Footrer */
  /* .theme-footer {
    text-align: center;
  } */
  /* .theme-footer .footer-bottom-wrapper h4 {
    text-align: center;
  } */
  /* inner */
  /* news-layout */
  /* .inner-banner .overlay {
    padding-block: 20px;
  } */
  /* Gallery-layout */
}

textarea {height: 120px}
.form-item, .form-actions {
	max-width: 500px;	
	overflow-x: hidden
}
label{
    display: block;
    max-width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    /* font-family: '29LT Bukra Rg'; */
	color: #08226f;
	line-height: 30px;
}
select {
    height: 50px;
    padding: 0 20px;
}

#edit-submit {
    background-color: #0071E3;
    border-radius: 7px;
    width: fit-content;
    height: 50px;
    color: white;
    font-size: 16px;
    line-height: 0px;
    /* font-family: '29LT Bukra rg'; */
    min-width: 250px;
    margin:0 0 30px 0 ;
    border-width: 0;
}
#edit-submit:hover {
	background-color:#f79027;
}
/**
 * @file
 * Visual styles for form components.
 */

/**
* Markup generated by Form API.
*/
.form-item, .form-actions {
  margin-top: 1em;
  margin-bottom: 1em;
}

/* Inline error messages. */
/**
 * @file
 * Visual styles for form components.
 */

/**
* Markup generated by Form API.
*/
.form-item, .form-actions {
  margin-top: 1em;
  margin-bottom: 1em;
}

/* Inline error messages. */
/**
 * @file
 * Visual styles for form components.
 */

/**
* Markup generated by Form API.
*/

/* Inline error messages. */
/**
 * @file
 * Visual styles for form components.
 */

/**
* Markup generated by Form API.
*/

/* Inline error messages. */

:root {
    
    --color_porcelain_approx: #ecf0f1;
    --color_very_light_grey: #cacaca;
    --color_martini_approx: #9a9a9a;
    --color_minsk_approx: #41307c;
    --white: #fff;
    --color_science_blue_approx: #0071e3;
    --color_mine_shaft_approx: #2a2a2a;
    --black_5: rgba(0, 0, 0, 0.05);
    --black: #000;
    --color_science_blue_25_approx: rgba(0, 113, 227, 0.25);
    --color_science_orange_approx:  #f79027;
    --color_titan_white_approx: #f2f2ff;
    --color_deep_sapphire_approx: #092270;
    --color_torea_bay_approx: #102694;
    --color_cerulean_blue_approx: #274bdb;
    --color_shark_approx: #212529;
    --color_curious_blue_approx: #3393c7;
    --white_29: rgba(255, 255, 255, 0.29);
    --color_governor_bay_50_approx: rgba(46, 57, 201, 0.5);
    --color_governor_bay_approx: #2e39c9;
    --white_80: rgba(255, 255, 255, 0.8);
    --color_mariner_approx: #2971e3;
    --white_10: rgba(255, 255, 255, 0.1);
    --concrete: #f2f2f2;
    --color_gun_powder_approx: #3c3c61;
    --color_dodger_blue_approx: #2e7bff;
    --color_maverick_approx: #cdcbcd;
    --color_dodger_blue_27_approx: rgba(33, 150, 243, 0.27);
    --color_blue_bell_7_approx: rgba(143, 134, 195, 0.07);
    --color_trout_approx: #515867;
    --black_7: rgba(0, 0, 0, 0.07);
    --black_6: rgba(0, 0, 0, 0.06);
    --color_iron_approx: #dee2e6;
    --color_blue_haze_approx: #b7bacf;
    --white_15: rgba(255, 255, 255, 0.15);
    --color_zircon_approx: #f2f6ff;
    --color_fiord_5_approx: rgba(64, 74, 105, 0.05);
    --color_ship_cove_approx: #7991ae;
    --color_catalina_blue_approx: #091c7a;
    --color_bunting_approx: #121f4e;
    --color_science_blue_24_approx: rgba(0, 113, 227, 0.24);
    --color_science_blue_70_approx: rgba(0, 113, 227, 0.7);
    --white_35: rgba(255, 255, 255, 0.35);
    --black_70: rgba(0, 0, 0, 0.7);
    --color_science_blue_42_approx: rgba(0, 113, 227, 0.42);
    --color_azure_radiance_approx: #0095ff;
    --black_8: rgba(0, 0, 0, 0.08);
    --color_alto_approx: #dadada;
    --color_dove_gray_approx: #616161;
    --color_denim_approx: #1072bf;
    --color_mischka_approx: #cecfd7;
    --alto: #dbdbdb;
    --black_50: rgba(0, 0, 0, 0.5);
    --color_cod_gray_7_approx: rgba(30, 30, 30, 0.07);
    --color_manatee_approx: #8992a3;
    --color_regent_gray_9_approx: rgba(138, 147, 157, 0.09);
    --color_malibu_approx: #80bdff;
    --color_silver_approx: #ccc;
    --black_60: rgba(0, 0, 0, 0.6);
    --black_80: rgba(0, 0, 0, 0.8);
    --color_cardinal_approx: #c9182b;
    --color_cinnabar_approx: #f03838;
    --color_revolver_approx: #331d35;
    --black_20: rgba(0, 0, 0, 0.2);
    --color_jacarta_approx: #37296a;
    --color_mercury_approx: #e6e6e6;
    --color_wild_sand_approx: #f6f6f6;
    --black_11: rgba(0, 0, 0, 0.11);
    --color_salem_approx: #15a048;
    --color_storm_gray_approx: #747487;
    --color_blue_zodiac_approx: #11223f;
    --color_picton_blue_approx: #379fe3;
    --color_link_water_approx: #f7f9fc;
    --color_athens_gray_approx: #e4e9f2;
    --color_cloud_burst_approx: #222b45;
    --color_seagull_approx: #82c0e8;
    --color_tonys_pink_approx: #ef9288;
    --color_de_york_approx: #7bcd9e;
    --color_light_wisteria_approx: #c19ad2;
    --yellow: #ffff00;
    --black_30_8: rgba(0, 0, 0, 0.308);
    --color_cloud_burst_55_5_approx: rgba(34, 43, 69, 0.5);
    --color_cerulean_approx: #00acee;
    --color_allports_approx: #0e76a8
}

.mcit-news-head h2 {
    font-family: var(--main_font),var(--second_font);
    font-weight: 500
}

::-moz-selection {
    background: var(--color_science_blue_approx);
    color: var(--white)
}

::selection {
    background: var(--color_science_blue_approx);
    color: var(--white)
}

body {
    background-color: var(--white);
    font-size: 1em;
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

h2 {
    font-size: 32px;
    line-height: 48px
}

li.dropdown:not(:hover)>.mcit-nav-sub-menu {
    height: 0;
    padding: 0;
    overflow: hidden
}

input {
    outline: none;
    padding: .5em
}

input:hover {
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

.mcit-news-head {
    -webkit-padding-start: 24px;
    padding-inline-start:24px;-webkit-border-start: 1px solid var(--color_science_blue_approx);
    border-inline-start:1px solid var(--color_science_orange_approx)}

.mcit-news-head h2 {
    font-size: 20px;
    color: var(--color_deep_sapphire_approx);
    line-height: 45px;
    margin: 0;
    font-weight: 600;
}

form#node-contact-us-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

form#node-contact-us-form>[data-drupal-selector] {
    width: 50%
}

form#node-contact-us-form #edit-actions {
    width: 100% !important;
    max-width: none;
    text-align: center
}

/* .mcit-event-date h6 {
    font-size: 12px;
    color: var(--white);
    letter-spacing: 0;
    line-height: 16px
} */
  
  /* Anything udner 1024px */
    @media only screen and (min-width: 320px) and (max-width: 480px){
    .PT{
        padding: 3%;
    }
      
}
.PT{
    padding-top: 3%;
}

.box1{
    background: #ffffff;
    box-shadow: 0 2px 20px 0 #dedcdc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 20px auto;
    padding: 20px 30px 0 30px;
    /* max-width: 560px; */
}
  #msg{
    color:red;
    font-size:15px
    }
      
@media only screen and (min-width : 300px) {

        .form-item, .form-actions {
        max-width: 100%;
        overflow-x: hidden;
    }
    form#node-contact-us-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        flex-direction: column;
    }
    form#node-contact-us-form>[data-drupal-selector] {
        width: 100%;
    }
    #edit-submit {
        background-color: #0071E3;
        border-radius: 7px;
        width: fit-content;
        height: 50px;
        color: white;
        font-size: 16px;
        line-height: 0px;
        /* font-family: '29LT Bukra rg'; */
        min-width: 250px;
        margin: 0 0 30px 0;
        border-width: 0;
        text-align: center;
    }
    input:not(.field-add-more-submit), select, textarea {
        padding: 20px;
        border: 1px solid #E4E9F2;
        border-radius: 4px;
        height: auto;
        font-size: 16px;
        background: rgb(228 233 242 / 20%);
        width: 100%;
        margin: 0;
    }
}
@media only screen and (min-width : 1200px) {
form#node-contact-us-form>[data-drupal-selector] {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}
form#node-contact-us-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
}
input:not(.field-add-more-submit), select, textarea {
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #E4E9F2;
    border-radius: 4px;
    height: auto;
    font-size: 16px;
    background: rgb(228 233 242 / 20%);
	width: 100%;
    margin: 0;
    font-family: var(--main_font);;
}
}