/*@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

*{margin:0px;padding:0px;}

body

{

    font-family: 'Montserrat', sans-serif;

    font-size:20px;

}

.header

{

    width:100%;

    display:block;

    padding-top:25px;

    padding-bottom:14px;

    background-color:#0577c0;

}

.header1

{

    width:100%;

    display:block;

    padding-top:0px;

    padding-bottom:15px;

    border-bottom:1px solid #cc0033;

}

.subheader

{

    width:80%;

    margin-left:auto;

    margin-right:auto;
    padding-top:0;
    padding-bottom:0;

}

.table

{

    display:table;

    width:100%;
    border-spacing: 50px 10px;
    
   

}

.top caption {
  caption-side: top;
}
.logoholder

{

    max-width:400px;
   

    vertical-align:bottom;

    margin-left:auto;

    margin-right:auto;

    text-align:center;
    padding:0;

}
.hdpad{
    padding-bottom:20px;
}

.menuholder

{

    width:70%;

    display:table-cell;

    vertical-align:bottom;

}

.clr

{

    clear:both;

}

.logoholder img

{

    width:100%;
   
   

}



.outer-menu .checkbox-toggle {



    opacity: 0;

}



.outer-menu .menu > div > div > ul {

    list-style: none;
    padding-bottom:5px;
    
    padding:0px;

    margin:0px;

    display: table;

    margin-bottom:0px;

    margin-left:auto;

    margin-right:auto;
    
    

}

.outer-menu .menu > div > div > ul > li {

    padding: 0;

    margin: 0px;

    font-size: 14px;

    display: block;

    float:left;

   

}

.outer-menu .menu > div > div > ul > li a

{

    color:#fff;

    text-decoration:none;

    text-transform:uppercase;

    padding-left:8px;

    padding-right:8px;
    
     padding-bottom:1px;
    

}



.container

{

    width:100%;
   

}

.container1 
{
    width:100%;
    background-color:#003366;
}



.subcontainer

{

    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
   margin-bottom:0;


}

.headsubcontainer

{

    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
   margin-bottom:0;


}


.subcontainer1

{

    width:50%;

    margin-left:auto;

    margin-right:auto;

}

.halflf

{

    width:30.5%;

    float:left;

}

.halfrt

{

    width:67%;

    float:right;

}

.bighd

{

    font-size:35px;

    margin:0px;

    font-weight:400;

}

.hmb

{

    margin-bottom:10px;

}

.padtb

{

    padding-top:80px;

    padding-bottom:80px;

}
.padtb1

{

    padding-top:70px;

    padding-bottom:70px;

}

.padb

{

    padding-bottom:80px;

}

.sb

{

    font-size:15px;

    color:#0577c0;

    margin:0px;

    font-weight:500;

    margin-top:10px;

    border-top:1px solid #999;

    border-bottom:1px solid #999;

    padding-top:5px;

    padding-bottom:5px;

}

.fpara
{

    font-size:20px;

    line-height:35px;

    color:#333;

    margin:0px;

}

.abhol

{

    display:block;

    padding-top:60px;

}

.abhol a

{

    text-decoration:none;

    padding:15px;

    background-color:#003366;

    color:#FFF;

}

.bgc1

{

    background-color:#cc0033;

}

.bgc3

{


/*background-color: #003366;*/
/*background-image: linear-gradient(43deg, #003366 0%, #d02099 51%, #cc0033 99%);*/

/*background-color: #ef072d;
background-image: linear-gradient(43deg, #ef072d 0%, #b10a7d 51%, #003366 99%);*/

/*background-color: #ef072d;*/
/*background-image: linear-gradient(43deg, #ef072d 0%, #b10a7d 51%, #003366 99%);*/
background: linear-gradient(to top right, #003366 0%, #cc0033 100%);

}

.bgc2

{

    background-color:#fff;

}

.bgc4{
    background-color:#003366;
   
    padding:20px;
}

.countryul

{

    display:block;

    width:100%;

}

.countryul li

{

    display:block;

    width:23.5%;

    margin-right:2%;

    float:left;

    background-color:#FFF;

    margin-bottom:2%;



    -webkit-box-shadow: 0px 0px 1px 0px rgba(204,204,204,1);

    -moz-box-shadow: 0px 0px 1px 0px rgba(204,204,204,1);

    box-shadow: 0px 0px 1px 0px rgba(204,204,204,1);

}

.countryul li:nth-child(4n)

{

    margin-right:0px;

}

.iho

{

    width:100%;

    height:140px;

    text-align:center;

    overflow:hidden;

}

.iho img

{

    width:100%;

    transition: width 2s;

    text-align:center;

}

.iho img:hover

{

    width:110%;

    transition: width 2s;

}

.dd

{

    display:block;

    padding:10px;

}

.ch

{

    display:block;

    text-align:center;

    font-size:20px;

    text-transform:uppercase;

    font-weight:bold;

    padding-top:35px;

    padding-bottom:25px;

}

.cp

{

    text-align:center;

    height:130px;

}

.cp p

{

    padding-bottom:10px;
    font-size:17px;
    font-weight:300;
    text-align:center;


}

.cah

{

    display:block;

    text-align:center;

    padding-top:60px;

    padding-bottom:20px;

}



.cah a

{

    text-align:center;

    padding:10px 15px;

    text-decoration:none;

    background-color:#003366;

    color:#FFF;

    text-transform:uppercase;

    font-size:12px;

}

.cah1

{

    display:block;

    text-align:center;

    padding-top:30px;

    padding-bottom:10px;

}



.cah1 a

{

    text-align:center;

    padding:10px 25px;

    text-decoration:none;

    background-color:#FFF;

    color:#0577c0;

    border:1px solid #0577c0;

    text-transform:uppercase;

    font-size:12px;

    transition:background-color 2s;

}

.cah1 a:hover

{

    background-color:#0577c0;

    color:#FFF;

    transition:background-color 2s;

}

.mainhd

{

    display:block;

    text-align:center;

    font-size:24px;

    font-weight:400;

    padding-bottom:30px;

    color:#0577c0;

    text-transform:uppercase;

}

.mainhd1

{

    display:block;

    text-align:center;

    font-size:24px;

    font-weight:400;

    padding-bottom:0px;

    color:#0577c0;

    text-transform:uppercase;

}

.subhd

{

    display:block;

    text-align:center;

    font-size:20px;

    font-weight:400;

    padding-bottom:15px;

    color:#0577c0;

    text-transform:uppercase;

}

.subhd1

{

    display:block;

    font-size:16px;

    font-weight:500;
    
   

    padding-bottom:10px;

    color:#000;

}

.careerul

{

    display:block;
   

    width:100%;

}

.careerul li

{

    display:block;
    float:left;
    

    width:22%;


    margin-right:2%;

    margin-bottom:2%;

}

.careerul li:nth-child(4)

{

    margin-right:0px;

}

.careerul li a

{

    text-decoration:none;

}

.pih

{

    display:block;

    width:100%;

    height:160px;

    overflow:hidden;

    position:relative;
      z-index:0;
    

}

/*.pih p*/

/*{*/

/*    width:100%;*/

/*    height:100%;*/

/*    z-index:0;*/

/*    margin-bottom:-4px;*/
/*    background:#cc0033;*/

/*}*/

.mt

{

    text-align:center;

    width:100%;

    margin-top:63px;

    color:#FFF;

    font-weight:400;

    font-size:20px;

}

.hho

{

    /*background:rgba(0,0,0,0.6);*/

    position:absolute;

    z-index:100;

    height:160px;

    margin-top:-160px;

    width:100%;

    transition: background 2s;

}

.hho:hover

{

    /*background:rgba(0,0,0,0.3);*/

    transition: background 2s;

}

.thaf

{

    display:table-cell;

    vertical-align:top;

    width:45%;

}

.thaf img

{

    width:100%;

    margin-bottom:-4px;

}

.thafmid

{

    display:table-cell;

    width:10%;

}

.mnp

{

    font-size:20px;

    color:black;

    padding-bottom:30px;

}

.cntul

{

    display:block;

}

.cntul li

{

    display:block;

    color:#FFF;

    font-size:16px;

    line-height:25px;

    padding-bottom:15px;

}

.cntul li i

{

    padding-right:20px;

}





.contul

{

    width:70%;

    padding:0px;

    margin:0px;

    margin-left:auto;

    margin-right:auto;

}

.contul li

{

    width:48%;

    float:left;

    text-align:center;

    padding:0px;

    margin:0px;

    margin-right:4%;

    list-style-type:none;

    margin-bottom:25px;
   

}

.contul li div

{

    border:1px solid #DFDFDF;

    padding-top:20px;

    padding-bottom:20px;
     background-color:#fff;

}

.contul li:nth-child(2n)

{

    margin-right:0%;

}

.contul li:nth-child(5)

{

    width:100%;

    margin-left:0px;

    margin-right:0px;

}

.contul li:nth-child(6)

{

    width:100%;

    margin-left:0px;

    margin-right:0px;

    border:none;

}

.txc

{

    width:90%;

    border:none;

    outline:none;

    resize:none;

    font-size:16px;

    font-family: Arial, Helvetica, sans-serif;

}

input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0px 1000px white inset;

}

.txca

{

    width:95%;

    border:none;

    outline:none;

    resize:none;

    font-size:16px;

    font-family: Arial, Helvetica, sans-serif;

}

.btn

{

    background-color:#094396;

    color:#FFF;

    font-size:22px;

    border:none;

    padding:20px 35px;

    text-transform:uppercase;

    cursor:pointer;



}

.footer

{

    width:100%;

    padding-top:60px;

    background-color:#000000ff;
    font-size:20px;

}
.footer1{
     background-color: #000000ff;
     position: relative;
     width: 100%;
     min-height: 350px;
     padding: 3rem 0px;
     font-size: 16px;
}

.subfooter

{

    width:80%;

    margin-left:auto;

    margin-right:auto;

}



.reg

{

    text-align:center;

    padding-bottom:20px;

}

.abfl

{

    display:block;

    float:left;

    width:65%;



    -webkit-box-shadow: 0px 0px 1px 0px rgba(204,204,204,1);

    -moz-box-shadow: 0px 0px 1px 0px rgba(204,204,204,1);

    box-shadow: 0px 0px 1px 0px rgba(204,204,204,1);

}

.abfr

{

    display:block;

    float:right;

    width:30%;



    -webkit-box-shadow: 0px 0px 1px 0px rgba(204,204,204,1);

    -moz-box-shadow: 0px 0px 1px 0px rgba(204,204,204,1);

    box-shadow: 0px 0px 1px 0px rgba(204,204,204,1);

}

.infr

{

    display:block;

    padding:20px;

}

.abpara

{

    line-height:35px;

    padding-bottom:20px;

}

.ims

{

    width:100%;

    margin-bottom:20px;

}

.items

{

    display:block;

}

.items li

{

    display:block;

    border-bottom:1px solid #FFF;

}

.items li a

{

    display:block;

    padding:10px 3px;

    text-align:center;

    text-decoration:none;

    text-transform:uppercase;

    background-color:#003366;

    color:#FFF;

}

.items li .crn

{

    background-color:#FFF;

    color:#0577c0;

    border:1px solid #0577c0;

}

.rea

{

    padding-top:40px;

}

.rea h1

{

    font-size:20px;

    font-weight:400;

    padding-bottom:15px;

    color:#0577c0;

    text-transform:uppercase;

}

.rea ul

{

    display:block;

}

.rea ul li

{

    display:block;

    padding-bottom:10px;

}

.rea ul li i

{

    /*padding-right:20px;*/

}

.rea ul li p{

    font-weight:bold;

}

.rea ul li span{

    color:#0577c0;

}

.followul

{

    margin-left:auto;

    margin-right:auto;

}

.followul li

{

    display:block;

    float:left;

    margin-right:25px;

}

.followul li:last-child

{

    margin-right:0px;

}

.followul li a

{

    color:#333;

    text-decoration:none;

    font-size:30px;

}

.fm

{

    width:100%;

}



.tone

{

    width:30%;

    text-align:right;

}

.tthree

{

    width:65%;

}

.tthree div

{

    border:1px solid #CCC;

    margin:5px 0;

    padding:7px 0;

    text-align:center;

}

.ttwo

{

    width:5%;

}

.ftxt

{

    border:none;

    width:95%;

    outline:none;

    font-family: 'Montserrat', sans-serif;

    resize:none;

}

.fbtn

{

    background-color:#0577c0;

    padding:10px 15px;

    border:none;

    cursor:pointer;

    color:#FFF;

    text-transform:uppercase;

    margin-top:10px;

    display:block;

    width:100%;

}

.flho

{

    text-align:center;

    display:table;

    background-color:#CCC;

    margin-left:auto;

    margin-right:auto;

    width:40%;

    margin-top:30px;

    margin-bottom:50px;

    padding:1px;

}

.flho img

{

    width:100%;

    margin-bottom:-4px;

}

.alef

{

    text-align:left !important; 

}

.hul

{

    display:block;

    padding-left:20px;

}

.hul li

{

    padding-bottom:10px;

}

.ptop

{

    padding-top:50px;

}






.header_emails{
    width: 100%;text-align: right;padding-top: 5px;
    padding-bottom: 5px;color: #fff
}


/*---------------PORTFOLIO----------------------*/



#portfolio {

    display: block;

}



#portfolio li {

    display: block;

    width:100%;

    margin-bottom:5%;

}



#portfolio li a {

    display: block;

}

#portfolio li img

{

    margin-bottom:-4px;

    width:100%;

}









@media screen and (max-width: 900px) {	

    
    
    .container{
        width:100%;
        padding-left:120px;
        padding-right:100px;
    }

    .outer-menu {

        position: fixed;

        top: 10vh;

        left: 0;

        z-index: 1;

    }

    .outer-menu .checkbox-toggle {

        position: absolute;

        top: 0;

        left: 0;

        z-index: 2;

        cursor: pointer;

        width: 60px;

        height: 60px;

        opacity: 0;

    }

    .outer-menu .checkbox-toggle:checked + .hamburger > div {

        transform: rotate(135deg);

    }

    .outer-menu .checkbox-toggle:checked + .hamburger > div:before,

    .outer-menu .checkbox-toggle:checked + .hamburger > div:after {

        top: 0;

        transform: rotate(90deg);

    }

    .outer-menu .checkbox-toggle:checked + .hamburger > div:after {

        opacity: 0;

    }

    .outer-menu .checkbox-toggle:checked ~ .menu {

        pointer-events: auto;

        visibility: visible;

    }

    .outer-menu .checkbox-toggle:checked ~ .menu > div {

        transform: scale(1);

        transition-duration: .75s;

    }

    .outer-menu .checkbox-toggle:checked ~ .menu > div > div {

        opacity: 1;

        transition: opacity 0.4s ease 0.4s;

    }

    .outer-menu .checkbox-toggle:hover + .hamburger {

        box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);

    }

    .outer-menu .checkbox-toggle:checked:hover + .hamburger > div {

        transform: rotate(225deg);

    }

    .outer-menu .hamburger {

        position: absolute;

        top: 0;

        left: 0;

        z-index: 1;

        width: 30px;

        height: 30px;

        padding: .5em 1em;

        background-color:#0d60b1;

        border-radius: 0 0.12em 0.12em 0;

        cursor: pointer;

        transition: box-shadow 0.4s ease;

        backface-visibility: hidden;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .outer-menu .hamburger > div {

        position: relative;

        flex: none;

        width: 100%;

        height: 2px;

        background: #FEFEFE;

        transition: all 0.4s ease;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .outer-menu .hamburger > div:before,

    .outer-menu .hamburger > div:after {

        content: '';

        position: absolute;

        z-index: 1;

        top: -10px;

        left: 0;

        width: 100%;

        height: 2px;

        background: inherit;

        transition: all 0.4s ease;

    }

    .outer-menu .hamburger > div:after {

        top: 10px;

    }

    .outer-menu .menu {

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        pointer-events: none;

        visibility: hidden;

        overflow: hidden;

        backface-visibility: hidden;

        outline: 1px solid transparent;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .outer-menu .menu > div {

        width: 120%;

        height: 240vw;

        color: #FEFEFE;

        background: rgba(13, 96, 177, 0.8);

        border-radius: 50%;

        transition: all 0.4s ease;

        flex: none;

        transform: scale(0);

        backface-visibility: hidden;

        overflow: hidden;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .outer-menu .menu > div > div {

        text-align: center;

        width: 100%;

        opacity: 0;

        transition: opacity 0.4s ease;

        overflow-y: auto;

        flex: none;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .outer-menu .menu > div > div > ul {

        list-style: none;

        padding: 0 1em;

        margin: 0;

        display: block;

        margin-bottom:15px;

    }

    .outer-menu .menu > div > div > ul > li {

        padding: 0;

        padding-bottom:10px;

        margin: 0px;

        font-size: 24px;

        display: block;

        width:100%;

    }

    .outer-menu .menu > div > div > ul > li:hover {

        border-bottom:none;

    }

    .outer-menu .menu > div > div > ul > li > a {

        color:#FFF;

        position: relative;

        display: inline;

        cursor: pointer;

        transition: color 0.4s ease;

        text-decoration:none;

    }

    .outer-menu .menu > div > div > ul > li > a:hover {

        color: #e5e5e5;

    }

    .outer-menu .menu > div > div > ul > li > a:hover:after {

        width: 100%;

    }

    .outer-menu .menu > div > div > ul > li > a:after {

        content: '';

        position: absolute;

        z-index: 1;

        bottom: -0.15em;

        left: 0;

        width: 0;

        height: 1px;

        background: #e5e5e5;

        transition: width 0.4s ease;

    }



    .outer-menu .checkbox-toggle {



        opacity: 0;

    }



    .header1

    {

        padding-bottom:0px;

    }

    .halflf, .halfrt

    {

        float:none;

        width:100%;

    }

    .halflf

    {

        padding-bottom:20px;

    }

    .countryul li

    {

        width:47.5%;

        margin-right:5%;

    }

    .countryul li:nth-child(2n)

    {

        margin-right:0px;

    }

    .countryul li:nth-child(4n)

    {

        margin-right:0px;

    }

    .careerul li

    {

        width:30%;

        margin-right:5%;

        margin-bottom:5%;

    }

    .careerul li:nth-child(3n)

    {

        margin-right:0%;

    }

    .careerul li:nth-child(4n)

    {

        margin-right:5%;

    }

    .thaf

    {

        display:block;

        width:100%;

    }

    .thafmid

    {

        display:block;

        width:100%;

    }

    .thaf img

    {

        display:none;

    }

    .contul li

    {

        float:none;

        width:100%;

    }

    .rslides_container

    {

        display:none;

    }

    .abfl, .abfr

    {

        float:none;

        width:100%;

    }

    .logoholder

    {

        /*        width:40%;*/

    }
    .footer1{
        width:100%;
        padding-left:120px;
        padding-right:100px;
    }

    .header1{
        padding-left:120px;
        padding-right:100px;
    }
    .header_emails a::after{
        content: "\a";
        white-space: pre;
    }

}



@media screen and (max-width: 600px) {	
    
    .header_emails a::after{
        content: "\a";
        white-space: pre;
    }
    

   .container{
        width:100%;
        padding-left:120px;
        padding-right:100px;
    }

    .subcontainer, .subheader

    {

        width:90%;

    }

    .careerul li

    {

        width:47.5%;

        margin-right:5%;

    }

    .careerul li:nth-child(2n)

    {

        margin-right:0px;

    }

    .careerul li:nth-child(3n)

    {

        margin-right:5%;

    }
    .footer1{
        width:100%;
        padding-left:120px;
        padding-right:100px;
    }
    .header1{
        padding-left:120px;
        padding-right:100px;
    }

}



@media screen and (max-width: 450px) {	
    
    .header_emails a::after{
        content: "\a";
        white-space: pre;
    }
    
     .footer1{
        width:100%;
        padding-left:120px;
        padding-right:100px;
    }
    .header1{
        padding-left:120px;
        padding-right:100px;
    }
   
    .container{
        width:100%;
        padding-left:120px;
        padding-right:100px;
    }

    .careerul li

    {

        width:100%;

        margin-right:0%;

    }

    .careerul li:nth-child(2n)

    {

        margin-right:0px;

    }

    .careerul li:nth-child(3n)

    {

        margin-right:0%;

    }

    .countryul li

    {

        width:100%;

        margin-right:0%;

    }

    .cp

    {

        height:auto;

    }

    .logoholder

    {

        /*        width:60%;*/

    }
    .header_emails{
        text-align:center;
    }

}

.col-md-6{
    float: left;
    width: 50%;
}
.abfl h3{
    font-size: 20px;
    padding-bottom: 5px;
    padding-top: 0px;
    margin-top: 0px;
    color: #0577c0;
}
.abfl ol{
    padding-left: 15px;
    list-style: disc;
    margin-bottom: 15px;

}
.abfl ol li{
    padding-bottom: 5px;
    line-height:35px;
}
.country_naves li a:hover{
    background-color: #3b5998;
}

.thaf1

{

    display:table-cell;

    vertical-align:top;
    margin-top:0px;
    
    width:100%;
    
}
.thaf2

{

    display:table-cell;
    vertical-align:top;
    border-top:4px solid #cc0033;
    
    text-align:center;
    background:#fff;
    color:black;
   box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.thaf1 img

{

    width:100%;

    margin-bottom:-4px;

}

.thaf1 .cap{
   width:100%;

    margin-bottom:-4px;  
}

.thaf1mid

{

    display:table-cell;

    width:10%;

}
.cent-bg{
	background-color:#41a8ea;
	padding:15px;
}

.cent-bg1{
	background-color:#009bff;
	
	border-left:1px solid #0488dc;
	border-right:1px solid #0488dc;
	/*text-align:center;*/
}

.cent-bg2{
	background-color:#41a8ea;
	padding:15px;
}
.sb-hd{
	color:black;
	padding-top:5px;
	padding-bottom:5px;
	font-size:10px;
}


/* footer */


.footer-container {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /*padding-left: 50px;*/
    /*padding-right: 50px;*/

}
.footer-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}

.col{
    min-width: 250px;
    color:#f2f2f2f2;
    font-family: poppins;
    padding:0 2rem;
}
.col .logo{
    width: 200px;
    height:100px;
    margin-bottom:25px;
}
.col h3{
    color:#ff014fff;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
}
.col h3::after{
    content: '';
    height:3px;
    width:0px;
    background-color: #ff014fff;
    position: absolute;
    bottom: 0;
    left:0;
    transition: 0.3s ease;

}
.col h3:hover::after{
    width:30px
}
.col .social a i{
    color:#ff014fff;
    margin-top:2rem;
    margin-right: 10px;
    transition: 0.3s ease;
}
.col .social a i:hover{
    transform: scale(1.5);
    filter:grayscale(25);
}
.col .links a{
    display: block;
    text-decoration: none;
    color:#f2f2f2;
    margin-bottom: 5px;
    position: relative;
    transition: 0.3s ease;
}
.col .links a::before{
    content:'';
    height: 16px;
    width:3px;
    position: absolute;
    top:5px;
    left:-10px;
    background-color: #ff014fff;
    transition: 0.5s ease;
    opacity: 0;
}
.col .links a:hover::before{
    opacity: 1;
}
.col .links a:hover{
    transform: translateX(-8px);
    color:#ff014fff;
}
.col .contact-details{
  
    justify-content: center;
}
.col .contact-details i{
    margin-right:15px;
}
.col .contact-details p{
    line-height:30px;
}
.col .contact-details p::after{
     content: "\a";
    white-space: pre;
}
    

.footer-row .form{
    display: flex;
    justify-content: center;
    align-items: center;
    padding:1rem 0;
}
.footer-row .form input{
    background-color: #1a1c20ff;
    border:0;
    outline:none;
    padding:14px 20px;
    border-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.form button{
    padding:14px 20px;
    border:0;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #ff014fff;
}

/********** Responsive Design ********/
@media(max-width:900px)
{
  .footer-row{
    flex-direction: column;
    
  }
  .footer1{
      width:100%;
  }
  .col{
    width: 100%;
    text-align: left;
    margin-bottom: 25px;
  }
  .footer-row .form{
    display: flex;
    justify-content: left;
    align-items: left;
    padding:1rem 0;
}
/*
    
}
@media(max-width:768px)
{
  .footer-row{
    flex-direction: column;
    
  }
  .col{
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
  }
  .footer-row .form{
    display: flex;
    justify-content: left;
    align-items: left;
    padding:1rem 0;
}
.footer1{
        width:100%;
        padding-left:120px;
        padding-right:100px;
    }
    
}