.contactus-section  {height: 30vh;
    background :linear-gradient(to right, rgb(5, 26, 0, 0.9), rgba(0,0,0,0.6)), 
    url('../assets/images/contactus-banner.png');background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 10px;}


.contactus-item {color: white;padding: 20px;}
h1, .contactus-path   {padding: 10px;font-family: 'Century Gothic', 'Poppins','Questrial', "Roboto";font-weight: bolder;}
.contactus-item   .contactus-path {color: rgb(184, 181, 181);font-family: Questrial;}

/* get in touch section */
.getintouch-items   {display: grid;grid-template-columns: 1.4fr 3fr;grid-gap: 25px;}
.git-item1-p1 {color: green;font-weight: bold;font-family: 'Questrial';}
.git-item1-h4   {font-family: 'Questrial','Open Sans';font-weight: bolder;}
.git-writeup    {font-family:'Questrial',"Roboto";font-weight: normal;}
.git-channel-box    {border: 1px solid rgb(233, 231, 231);display: grid;grid-template-columns: 1fr;border-radius: 5px;}
.git-box1  {border: 1px solid rgb(233, 231, 231);display: grid;grid-template-columns: 60px 1fr;}
.git-box-logo   {background-color: rgb(238, 247, 238); }
.git-box-logo  img {width: 25px;height: auto; margin-top: 50%;margin-left: 25%;}
.git-box-logo2    {background-color: rgb(238, 247, 238); }
.git-box-logo2  img {width: 40px;height: auto;margin-top: 50%;margin-left: 16%;}
.git-box-writeup-text1  {font-weight: bold;padding-top: 5px;padding-left: 5px;font-family: 'Questrial';}
.git-box-writeup-text2  {font-weight: normal;margin-top: -1px; font-size: small;}

/* contact form */
.git-item2  {border: 1px solid rgb(233, 231, 231);}

#pr-pol a {color: rgb(14, 195, 14); font-weight: bold;text-decoration: none;}
.git-form   {padding: 20px;}
.git-form-header    {font-weight: bolder;font-family: 'Questrial';}
.sm-inp    {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 30px;
    font-family:'Questrial', "Google Sans";font-weight: bolder;font-size: small;}
.sm-inp2    {font-family:'Questrial', "Google Sans";font-weight: bolder;font-size: small;}
#sub-btn    {width: 100%;}
#pol-statement      {font-family: 'Questrial';}
/* contact form confirmation tracking id*/
.ticket-confirmation    {border: 1px solid rgb(233, 231, 231);}
.ticket_item        {padding: 30px;border:1px solid rgb(233, 231, 231); ;}
#conf-txt       {color: green;font-weight: bolder;}
#conf-txt2       {font-weight: bolder;font-style: oblique;}
.ticket_list    {font-family: "Google Sans";font-size: large;}
#tracking_id    {font-weight: bolder;color: black;}

/* immediate assistance */

.imd-ast-section    { background-color: rgb(244, 248, 244);
                    font-family: 'Questrial',"Cossette Texte" "Google Sans";border-radius: 10px; padding: 5px;}
.imd-ast-items      {display: grid;grid-template-columns: 3fr 1fr;}
.imd-ast-item1      {display: grid;grid-template-columns: 100px 0.4fr;}
.imd-ast-item1-img  {background-color: rgb(225, 235, 225);
                    align-content: center;}
.imd-ast-item1-img  img {width: 40px;height: 40px;margin-left: 25%;}
.imd-ast-item1-writeup p {font-weight: bolder;padding-top: 10px;padding-left: 15px;font-family: 'Questrial';}
.imd-ast-sm             {font-weight: normal;font-size: small;font-family: 'Questrial';}

.imd-ast-item2          {display: grid;grid-template-columns:0.5fr 0.5fr;align-items: center; font-family: 'Questrial';}



/* contact us zonal offices */

.cnt-zn-header  {color: green;}

.cnt-zn-boxes   {display: grid; grid-template-columns: 2fr 2fr 2fr; grid-gap: 5px ;
                font-family: 'Questrial',"Cossette Texte" "Google Sans";}

.cnt-zn-box1    {padding: 10px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}

.cnt-zn-box1 p  {font-weight: normal; font-weight: bold;}
.cnt-zn-box1 small  {font-weight: normal;}






/* newsletter 
.newletter-section      {border: 1px solid rgb(233, 231, 231);}
/* .newsletter-form   { border: 1px solid blue} 
.newsletter-form    p    {color: black; font-weight: bolder;padding-top: 10px;font-family: 'Questrial';} */

/* #form-inputs                {padding: 10px;} */
#newsletterform         {padding-bottom: 5px;font-family: 'Questrial';}
.newsletter-form  input    {border: 1.5px solid black;border-radius: 5px;font-family: 'Questrial';}
.newsletter-form  label    {border: 1.5px solid black;border-radius: 5px; font-family: 'Questrial';}

#message-fail  p {color: red; font-weight: bold;display:none;font-family: 'Questrial';}
#message-success  p  {color: green;font-weight: bolder;display:none; font-family: 'Questrial';}

@media (max-width:1000px) {
    


.contactus-section  {height: 20vh;
    background :linear-gradient(to right, rgb(5, 26, 0, 0.9), rgba(0,0,0,0.6)), 
    url('../assets/images/contactus-banner.png');background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 10px;}
.getintouch-items   {display: grid;grid-template-columns: 1fr;grid-gap: 20px;}
.git-box-writeup-text2  { padding-right: 30px;}
.git-item2  {border: 1px solid rgb(212, 211, 211);}

.imd-ast-items      {display: grid;grid-template-columns: 1fr;}
.imd-ast-item1      {display: grid;grid-template-columns: 100px 1fr;}
.imd-ast-item1-img  {background-color: rgb(244, 248, 244);
                    align-content: center;}
.imd-ast-item2    {display: grid;grid-template-columns:1fr 1fr;grid-gap: 20px;}
.imd-ast-item1-btn1 {}
.imd-ast-item1-btn1 button {width: 100%;}
.imd-ast-item1-btn2 button {width: 100%;background-color: white;}

.cnt-zn-boxes   {display: grid; grid-template-columns: 2fr ; grid-gap: 10px ;
                font-family: 'Questrial',"Cossette Texte" "Google Sans";
                }

.cnt-zn-box1    {border: none;padding: 10px; 
                box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}



}