@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');



html {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    font-family: 'Open Sans', sans-serif;

}


b {
    font-weight: 800 !important;
}


.right_part {

    width: 390px;

    float: right;

    margin: 0.5% 0%;

}

.search_box {

    width: 260px;

    float: left;

    margin: 0.5% 0%;



}

form.example button {

    float: right;

    width: 15%;

    padding: 2px 0px;

    background: #188ece;

    color: white;

    font-size: 17px;

    border: none;

    border-left: none;

    cursor: pointer;

    height: 34px;

}

form.example input[type=text] {

    padding: 10px 10px;

    font-size: 14px;

    border: none;

    float: left;

    width: 85%;

    height: 34px;

    background: #efefef;

    font-family: 'Open Sans', sans-serif;

}

.min-height {
    min-height: 288px;

}

.sustn-txt h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #0070b2;
    margin: 10px 0px;
    text-align: center;
}

.sustn-txt h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin: 10px 0px;
    text-align: center;

}

.sustain-bg {
    background: #fff;
    padding: 25px 21px;
    border-radius: 60px 8px;
    min-height: 356px;
}

.img_wrap {
    width: 34%;
    margin: 0 auto;
    padding: 15px;
    border: 1px dashed #0070b2;
    border-radius: 50%;
}

.sustain-bg img {
    width: 100%;
    transform: rotateY(0deg);
    transition: 1s transform ease-in-out;
}

.sustain-bg h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 1%;
    text-align: center;
    color: #000;
    margin-top: 12px;
}

.sustain-bg p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin: 1%;
    text-align: center;
    color: #000;
    line-height: 160%;
    margin: 2% 0%;
}

.sustain-bg:hover img {
    transform: rotateY(180deg);
}

.bg_clr9 {
    background-image: url(../images/bg_img5.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ftr_Nav ul {
    color: #fff;
    list-style: disc;
}

*,

*:before,

*:after {

    -webkit-box-sizing: inherit;

    -moz-box-sizing: inherit;

    box-sizing: inherit;

    margin: 0;

    padding: 0;

}



body {

    margin: 0;

    padding: 0;

    font-family: 'Open Sans', sans-serif;

}

.clear {

    clear: both;

}

.img {

    width: 100%;

    display: block;

}

.brd_svr {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 20px;
}

.v_a_img {

    vertical-align: middle;

}

.top_bg {

    background-image: url(../images/top-bg.jpg);

    background-size: 100% 100%;

}



.cal_email {

    width: 120px;
    float: right;
    padding: 4.5% 1% 1%;

}

.cal_email p {

    color: #fff;

    font-size: 14px;

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

}



.top_right2 {

    width: 386px;

    float: right;

}



/*--------------------------------------------------------------

Header

--------------------------------------------------------------*/

.top_main {

    width: 100%;

}

.top {

    width: 90%;

    margin: 0 auto;

    max-width: 1200px;

}



.top2 {

    width: 90%;

    margin: 0 auto;

    max-width: 1200px;

}



.addre {

    width: 450px;

    float: left;

    margin: 0.5%;

}



.addre p {

    color: #fff;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    font-weight: 500;

    line-height: 150%;

}



.logo_main {

    width: 555px;

    float: left;

    margin: 0.5%;

}



.logo {

    width: 370px;
    float: left;
    margin: 1%;

}



.logo2 {

    width: 215px;

    float: left;

    margin: 1%;

    border-left: 1px solid #e4e4e4;

    padding-left: 1%;

}



.logo img {

    display: block;

}



.navbar {

    width: 470px;

    float: left;

    margin: 5% 1%;

}



.flw {

    width: 90px;

    float: left;

    margin: 0.5% 1.5%;

}

.flw .fa {

    color: #fff;

    font-size: 17px;

    text-align: center;

}



.login_regi {

    width: 475px;

    float: right;

    margin: 0.5%;

}



.login_regi p {

    color: #fff;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    font-weight: 600;

    line-height: 150%;

}



.top_right {

    width: 456px;

    float: right;

    margin: 2% 0% 0%;

}

.col_em {

    width: 420px;

    float: right;

}

.col_em p {

    color: #7d7d7d;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    font-weight: 600;

    line-height: 150%;

}

.col_em_clr {

    color: #fff;

    font-weight: 500;

    font-size: 14px;

}



.col_em_icn_txt_main {

    width: 190px;

    float: left;

}

.col_em_icn_txt_main2 {

    width: 180px;

    float: left;

}

.col_em_icn_txt_main3 {

    width: 87px;

    float: left;

}

.col_em_icn {

    /* width:41px; */

    float: left;

    /* border: 2px solid #d2d2d2;

    text-align: center;

    padding: 6px 9px;

    border-radius: 50%;*/

}

.col_em_txt {

    width: 125px;

    float: left;

    margin: 0% 0% 0% 5%;

}

.em_txt_mrg {

    margin-top: 7%;

}

.call_txt_mrg {

    margin-top: 1%;

}

.ex_pdgg {

    padding: 2% 6% 6%;

    border-bottom: 2px dashed #ccc;

}



.mdl_brdr {

    width: 98%;

    border: 1px dashed #d2d2d2;

    margin: 3% 0%;

}



.ex_brd_top {

    border-top: 1px solid #e1e1e1;

}



.fix_nav {

    z-index: 99999999999999999999999999999999;

    background-color: #FFFFFF;

    border-top: none;

    border-bottom: 1px solid #f7f7f7;

    transition: all 0.3s ease;

}



.services h1 {
    font-family: 'Open Sans', sans-serif;
    color: #0070b2;
    font-size: 22px;
    font-weight: 700;
    margin: 4% 0% 2% 0%;
}

.services h2 {
    font-family: 'Open Sans', sans-serif;
    color: #0070b2;
    font-size: 18px;
    font-weight: 700;
    margin: 3% 0% 2% 0%;
}

.services p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-align: justify;
    line-height: 160%;
    margin: 2% 0%;
    color: #000;
}

.services ul {
    list-style-image: url(../images/bullet3.png);
    margin-left: 3%;
}

.services ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-align: justify;
    line-height: 200%;
    color: #000;
}

.services ul li strong {
    font-weight: 700;
}

/*--------------------------------------------------------------

Front Page

--------------------------------------------------------------*/

.banner {

    width: 100%;
    position: relative;

}

.inner_txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.inner_txt h1 {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    animation: typewriter 0.5s steps(44) 1s 1 normal both, blinkTextCursor 100ms steps(44) infinite normal;
}

@-webkit-keyframes typewriter {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@keyframes typewriter {
    from {
        width: 0em;
    }

    to {
        width: 100%;
    }
}

.inner_txt p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    line-height: 160%;
    padding-top: 3%;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    animation: typewriter 0.5s steps(44) 1s 1 normal both, blinkTextCursor 100ms steps(44) infinite normal;
}



/*--------------------------------------------------------------

team section

--------------------------------------------------------------*/

.t_col_sm9 {

    width: 78%;

    margin: 1%;

    float: left;

}



.t_col_sm99 {

    width: 18%;

    margin: 1%;

    float: left;

}



.team_brd {

    border: 1px solid #d3d3d3;

    padding: 1%;

}



.welcome23 h3 {

    font-family: 'Open Sans', sans-serif;

    font-size: 22px;

    font-weight: 600;

    color: #fbcd06;

    text-align: left;

    padding: 1%;

    text-transform: uppercase;

}



.welcome23 p {

    font-family: 'Open Sans', sans-serif;

    color: #000;

    font-size: 15px;

    text-align: justify;

    margin: 1%;

    font-weight: 400;

    line-height: 160%;

}



.team_span {

    font-weight: 400;

    color: #000;

    font-size: 15;

    text-transform: capitalize;

}





/*--------------------------------------------------------------

wel

--------------------------------------------------------------*/



.ab2_col_sm8 {

    width: 50%;

    float: left;

    height: 450px;

}







.ab2_col_sm88 {

    width: 50%;

    float: left;

    height: 450px;



}



.shdw3 {

    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);

    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);

    padding: 2.6% 2%;

    background-color: #0070b2;





}



.mission h1 {

    font-family: 'Open Sans', sans-serif;

    text-transform: uppercase;

    padding-bottom: 2%;

    text-align: justify;

    color: #fff;

    font-size: 25px;

    font-weight: 800;

}

.mission_bg {
    padding: 12px;
    border: 1px dashed #0070b2;
    border-radius: 5px 21px;
}

.mission_bg img {
    width: 20%;
    margin: 0 auto;
}



.mission_brd {

    border: 1px solid #fff;

    width: 20%;

    margin: 1%;

}



.mission p {

    font-size: 15px;

    font-weight: 500;

    color: #fff;

    font-family: 'Open Sans', sans-serif;

    line-height: 150%;

    text-align: justify;

    margin-bottom: 3%;

}



.mission p span {

    font-weight: 600;

}


/* counter */

.counter2 {
    /* float: left; */
    margin: 1%;
    text-align: left;
    padding: 1% 0% 1% 0%;
}

.counter2 h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 160%;
    color: #000;
    font-weight: 600;
    margin: 0% !important;
    padding: 3% 0%;
    text-align: center;
}

.counter2 h2 span {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 45px;
    color: #00b4e0;
}

/* counter */


/*--------------------------------------------------------------

Welcome 

--------------------------------------------------------------*/

.welcome h1 {

    font-family: 'Open Sans', sans-serif;

    color: #0070b2;

    font-size: 30px;

    padding: 0% 1% 1% 1%;

    text-align: left;

    line-height: 130%;

    font-weight: 700;

    margin: 0;

}



.welcome h1 span {

    font-size: 22px;

    font-weight: 500;

    color: #000;

}



.welcome h3 {

    font-family: 'Open Sans', sans-serif;
    color: #1dbbe4;
    font-size: 18px;
    padding: 1%;
    text-align: left;
    font-weight: 700;
    margin: 0;

}

.welcome h4 {

    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 18px;
    padding: 1%;
    text-align: left;
    font-weight: 700;
    margin: 0;

}

.welcome h2 {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 25px;
    padding: 0% 1% 1% 1%;
    text-align: left;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    line-height: 140%;

}


.welcome h4 {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 16px;
    padding: 0% 1% 1% 1%;
    text-align: left;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;

}



.welcome p {

    font-size: 16px;
    font-weight: 500;
    color: #000;
    text-align: justify;
    padding: 1%;
    font-family: 'Open Sans', sans-serif;
    line-height: 150%;

}





.lin2 {

    width: 102px;

    height: 3px;

    background-color: #d5d5d5;

    margin: 0 auto;

}



.wel2 h1 {

    font-family: 'Open Sans', sans-serif;

    color: #000;

    font-size: 20px;

    padding: 0% 1% 1% 1%;

    text-align: left;

    line-height: 130%;

    font-weight: 600;

    margin: 0;

}

.wel2 p {

    font-size: 15px;

    font-weight: 500;

    color: #000;

    text-align: justify;

    padding: 1%;

    font-family: 'Open Sans', sans-serif;

    line-height: 150%;

}



/*--------------------------------------------------------------

courses 

--------------------------------------------------------------*/

.courses h5 {

    font-family: 'Open Sans', sans-serif;

    color: #fff;

    font-size: 35px;

    padding: 0% 1% 1% 1%;

    text-align: left;

    line-height: 130%;

    font-weight: 600;

    margin: 0;

}

.courses h1 {

    font-family: 'Open Sans', sans-serif;

    color: #fff;

    font-size: 30px;

    padding: 0% 1% 1% 1%;

    text-align: left;

    line-height: 130%;

    font-weight: 700;

    margin: 0;

}

.courses h3 {

    font-family: 'Open Sans', sans-serif;

    color: #188ece;

    font-size: 20px;

    padding: 1%;

    text-align: left;

    line-height: 130%;

    font-weight: 600;

    margin: 0;

}



.courses p {

    font-size: 15px;

    font-weight: 500;

    color: #fff;

    text-align: justify;

    padding: 1%;

    font-family: 'Open Sans', sans-serif;

    line-height: 150%;

}







.courses2 h1 {

    font-family: 'Open Sans', sans-serif;

    color: #fff;

    font-size: 18px;

    padding: 0% 1% 1% 1%;

    text-align: left;

    line-height: 130%;

    font-weight: 800;

    margin: 0;

}





.courses2 p {

    font-size: 16px;

    font-weight: 600;

    color: #999b9f;

    text-align: justify;

    padding: 1%;

    font-family: 'Open Sans', sans-serif;

    line-height: 170%;

}



.courses2 h4 {

    font-size: 16px;

    font-weight: 500;

    color: #fff;

    text-align: justify;

    padding: 1%;

    font-family: 'Open Sans', sans-serif;

    line-height: 170%;

}



/*--------------------------------------------------------------

clients

--------------------------------------------------------------*/



.clients h1 {

    font-family: 'Open Sans', sans-serif;

    color: #000;

    font-size: 40px;

    padding: 0% 1%;

    text-align: center;

    line-height: 130%;

    font-weight: 800;

    margin: 0;

}

.clients h3 {

    font-family: 'Open Sans', sans-serif;

    color: #188ece;

    font-size: 20px;

    padding: 1%;

    text-align: center;

    font-weight: 600;

    margin: 0;

}



.ass_bdr {

    border: 1px solid #ccc;

}



.inner_txt_span {

    font-family: 'Open Sans', Sans-Serif;

    font-size: 20px;

    padding: 1%;

    color: #188ece;

    float: left;

}


.bg_clr6 {
    background-color: #f6f6f6;
}

.bg_clr7 {
    background-color: #2e3444;
    -webkit-box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 75%);
}

.mi_vi {
    width: 50%;
    float: left;
    padding: 20px;
    min-height: 200px;
    text-align: center;
}

.mi_vi h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 5% 1% 1% 1%;
    text-align: center;
    color: #0070b2;
}

.mi_vi p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin: 1%;
    text-align: center;
    color: #000;
    line-height: 160%;
    margin: 2% 0%;
}

/*--------------------------------------------------------------

testimonials page

--------------------------------------------------------------*/



.hp_bg_clr2 {

    background-color: #f8f8f8;

    padding: 1.5% 0%;

}

.v_m2 p {

    font-family: 'Open Sans', sans-serif;

    color: #000;

    font-size: 15px;

    text-align: justify;

    font-weight: 400;

    padding: 3% 1% 1%;

    line-height: 160%;

}



.tes_col_sm8 {

    width: 83%;

    float: left;

    margin: 1%;

}



.tes_col_sm88 {

    width: 13%;

    float: left;

    margin: 1%;

}



/*---------------------------------------------------------

why choose us

----------------------------------------------------------*/

.why_us h1 {

    font-family: 'Open Sans', sans-serif;

    color: #188ece;

    font-size: 25px;

    font-weight: 700;

    text-align: center;

    padding: 1% 2%;

    line-height: 130%;

}



.why_us h2 {

    font-family: 'Open Sans', sans-serif;

    font-size: 17px;

    text-align: center;

    padding: 1% 1% 1% 6%;

    color: #000;

    font-weight: 600;

    letter-spacing: 1px;

}



.why_us p {

    font-family: 'Open Sans', sans-serif;

    font-size: 15px;

    text-align: center;

    padding: 1%;

    color: #000;

    font-weight: 500;

    line-height: 130%;

}



.col_sm111 {

    width: 35%;

    float: left;

    margin: 4% 0%;

}



.col_sm11 {

    width: 60%;

    float: left;

    margin: 6% 0% 4%;

}







/*--------------------------------------------------------------

products home page

--------------------------------------------------------------*/



.stik {

    position: sticky !important;

    margin: -7% auto !important;

    z-index: 999999999999999999;

    background: #ffffff;

}



.bg_clr2 {

    background: #f9f9f9;

    padding: 0 0 35px 0;

}

.expanding h2 {

    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 25px;
    padding: 0% 1% 1% 1%;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    line-height: 140%;

}

.expanding p {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    line-height: 160%;
    margin: 2% 0%;
    color: #000;
}

.expanding-sub {
    background: #fff;
    padding: 14px;
    border-radius: 12px;
    min-height: 490px !important;
}

.expanding-sub h2 {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    padding: 7% 1% 4%;
    line-height: 120%;
    text-align: left;
    text-transform: capitalize;

}

.expanding-sub p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: justify;
    line-height: 160%;
    margin: 2% 0%;
    color: #000;
}

.products_col_sm1 h1 {

    font-family: 'Open Sans', sans-serif;

    color: #000;

    font-size: 25px;

    padding: 0% 1% 1% 1%;

    text-align: center;

    font-weight: 800;

    text-transform: uppercase;

    margin: 0;

}

.products_col_sm1 h3 {

    font-family: 'Open Sans', sans-serif;

    color: #188ece;

    font-size: 20px;

    padding: 1%;

    text-align: center;

    font-weight: 600;

    margin: 0;

}

.products_col_sm1 h2 {

    font-family: 'Open Sans', sans-serif;

    color: #000;

    font-size: 20px;

    font-weight: 700;

    padding: 7% 1% 4%;

    line-height: 120%;

    text-align: center;

    text-transform: capitalize;

}



.products_col_sm1 p {

    font-family: 'Open Sans', sans-serif;

    color: #fff;

    font-size: 15px;

    font-weight: 500;

    padding: 1% 1%;

    line-height: 150%;

    text-align: justify;

}



.products_col_sm3 {

    width: 31%;

    margin: 1%;

    float: left;

    padding: 0% 1%;

}



.ab_shdw22 {

    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%);

    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);

    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%);

    background-color: rgb(255 255 255);

}



.products_col_sm1 {

    padding: 1% 3%;

}



.brd {

    border: 1px solid #e1e3e2;

    padding: 4%;



}

.product_head2 {

    font-family: 'Open Sans', sans-serif;

    color: #03b3e3;

    font-size: 20px;

    font-weight: 700;

    text-align: left;

    margin: 3% 0%;

    text-transform: capitalize;

}

.body_txt3 {

    font-family: 'Open Sans', sans-serif;

    color: #000;

    font-size: 14px;

    font-weight: 600;

    text-align: left;

    margin: 2% 0%;

    line-height: 160%;

    min-height: 68px;

}

.intro_brd {
    border: 1px solid #ccc;
    min-height: 79px;
}

.brd_f {

    border: 1px solid #efefef;

    padding: 10px;

}





.team h2 {

    font-family: 'Open Sans', sans-serif;

    color: #000;

    font-size: 20px;

    font-weight: 700;

    padding: 4% 1% 1%;

    line-height: 120%;

    text-align: center;

    text-transform: capitalize;

}



.team p {

    font-family: 'Open Sans', sans-serif;

    color: #000;

    font-size: 15px;

    font-weight: 500;

    padding: 1% 1%;

    line-height: 150%;

    text-align: center;

}





/*--------------------------------------------------------------

Regular Content

--------------------------------------------------------------*/

.contener {

    width: 90%;

    margin: 0 auto;

    max-width: 1200px;

}



.col_sm1 {

    width: 100%;

    margin: 0 auto;

}



.col_sm2 {

    width: 48%;

    margin: 1%;

    float: left;

}



.col_sm3 {

    width: 30%;

    float: left;

    margin: 1%;

}

.expand_col_sm3 {

    width: 31%;

    float: left;

    margin: 1%;

}



.col_sm4 {

    width: 23%;

    float: left;

    margin: 1%;

}



.col_sm5 {

    width: 18%;

    float: left;

    margin: 1%;

}



.col_sm8 {

    width: 65%;

    float: left;

    margin: 1%;

}

.col_sm88 {

    width: 30%;

    float: left;

    margin: 1%;

}


.col_sm11 {
    width: 30%;
    float: left;
    margin: 1%;
}

.col_sm111 {
    width: 65%;
    float: right;
    margin: 1%;
}


.col_sm22 {
    width: 50%;
    float: left;
}

.pd {
    padding: 20px 0px 0px 40px;
}

.pd2 {
    padding: 30px 40px 0px 15px;
}

.col_sm9 {

    width: 38%;

    float: left;

    margin: 1%;

}

.col_sm99 {

    width: 58%;

    float: left;

    margin: 1%;

}

.body h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #0070b2;
    margin: 10px 0px;
}

.body p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #0b0b0b;
    margin: 10px 0px;
    line-height: 160%;
    text-align: justify;
}

.body ul {
    margin: 20px 0px;
}

.body ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    background-color: #0070b2;
    padding: 10px 14px;
    color: #fff;
    line-height: 160%;
    margin: 8px 0px;
    border-radius: 5px;
}

/*--------------------------------------------------------------

testimonials Page

--------------------------------------------------------------*/



.testi h1 {

    font-family: 'Open Sans', Sans-Serif;

    font-size: 18px;

    padding: 1%;

    color: #fbcd06;

    font-weight: 500;

    font-style: italic;

}



.testi_p {

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

    color: #000;

    font-size: 18px;

    text-align: center;

    font-weight: 500;

    padding: 1% 1% 1%;

    line-height: 160%;



}



.bord4 {

    border: 1px dashed #dedede;

    margin: 0.5% 0%;

}





/*--------------------------------------------------------------

services Page

--------------------------------------------------------------*/



.servi h3 {

    font-family: 'Open Sans', sans-serif;

    font-size: 22px;

    font-weight: 600;

    color: #fbcd06;

    text-align: left;

    padding: 1% 0%;

    text-transform: uppercase;

}





.servi p {

    font-family: 'Open Sans', sans-serif;

    color: #000;

    font-size: 15px;

    text-align: justify;

    margin: 1% 0%;

    font-weight: 400;

    line-height: 160%;

}

.bord5 {

    border: 1px solid #ccc;

}



/*--------------------------------------------------------------

Contact Page

--------------------------------------------------------------*/
.cont_txt {
    text-align: center;
    border: 1px solid #c8c5c57a;
    border-radius: 5px;
    padding: 25px 7px 25px 7px;
    min-height: 210px;

}

.cont_txt h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 600;
    padding: 1% 1% 0%;
    color: #0070b2;
    letter-spacing: 1px;
    margin: 3%;
}

.cont_txt p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 1% 1% 0%;
    color: #000;
    text-align: center;
    line-height: 130%;
}

.cont_txt p b {
    font-weight: 600;
}

.page_head {

    font-family: 'Open Sans';

    color: #000;

    font-size: 28px;

    font-weight: 700;

    margin-top: 3%;

    margin-right: 0%;

    margin-bottom: 1%;

    margin-left: 1%;

}

.contact_txt h2 {

    font-family: 'Open Sans', sans-serif;

    font-size: 20px;

    font-weight: 600;

    padding: 1% 1% 0%;

    color: #122a5a;

}

.cont_col_sm3 {
    width: 31%;
    float: left;
    margin: 1%;
    border: 1px solid #0070b2;
    background-color: #0070b2;
}

.cont_col_sm2 {
    width: 48%;
    float: left;
    margin: 1%;
    border: 1px solid #0070b2;
    background-color: #0070b2;
    min-height: 305px;
}

.cont_pdg_sm3 {

    padding: 1% 1.5%;

}

.con_heading h2 {

    font-family: 'Open Sans', sans-serif;

    color: #fff;

    font-size: 18px;

    font-weight: 600;

    padding: 2% 1% 0%;

}

.con_heading h3 {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 0% 1% 0%;
    line-height: 150%;
}

.cont_icn {

    width: 20px;

    float: left;

    margin: 1% 3% 0% 1%;

}

.cont_icn i {

    font-size: 20px;
    color: #fff;
}



.cont_txt_main {

    width: 85%;

    float: left;

}

.cont_txt_main p {

    font-family: 'Open Sans', sans-serif;

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    line-height: 150%;


}





/*--------------------------------------------------------------

link

--------------------------------------------------------------*/

a.link:link {

    color: #000;

    text-decoration: none;

}

a.link:visited {

    color: #000;

    text-decoration: none;

}

a.link:hover {

    color: #000;

    text-decoration: none;

}

a.link:active {

    color: #000;

    text-decoration: none;

}





a.link22:link {
    color: #fff;
    text-decoration: none;
}

a.link22:visited {
    color: #fff;
    text-decoration: none;
}

a.link22:hover {
    color: #fff;
    text-decoration: none;
}

a.link22:active {
    color: #f15757;
    text-decoration: none;
}


a.link2:link {
    color: #fff;
    text-decoration: none;
}

a.link2:visited {
    color: #fff;
    text-decoration: none;
}

a.link2:hover {
    color: #fff;
    text-decoration: none;
}

a.link2:active {
    color: #f15757;
    text-decoration: none;
}





/*--------------------------------------------------------------

Extra

--------------------------------------------------------------*/



.ex1 {

    background-color: lightblue;

    width: 100%;

    height: 950px;

    overflow: scroll;

}



.bg_clr {

    background-color: #03b3e4;

}

.bg_clr3 {
    background-color: #2dbee482;
    background-image: url(../images/bg2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


.brd {
    border-radius: 10px 20px 10px 81px;
}

.bg_clr33 {
    background-color: #f9f9f9;
}


.bg_clr4 {

    background-color: #32323b;

    padding: 2%;

    border: 2px solid #188ece;

}

.cont_link h2 {
    padding: 1% 0;
    font-size: 20px !important;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
}

.cont_link a {
    color: #000;
    text-decoration: none;
}

.cont_link a:hover {
    color: #188ece;
    text-decoration: none;
}

.bg_clr5 {

    background: #f5f5f5;
}





.bg_img_wel {

    background-image: url("../images/vision-img1.jpg");

    background-position: center;

    background-size: 100%;

    min-height: 405px;

}





.bg_img1 {

    background-image: url("../images/bg_img1.jpg");

    background-position: center;

    background-size: 100% 100%;

}



.bg_img2 {

    background-image: url('../images/bg_img2.jpg');

    background-size: 100%;

    background-position: center;

    background-repeat: no-repeat;

}



.bg_img3 {

    background-image: url('../images/bg_img1.jpg');

    background-size: 100% 100%;

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

}



.bg_img4 {

    background-image: url('../images/content-bg.jpg');

    background-size: 100%;

    background-position: center;

    background-repeat: no-repeat;

}



.apply {

    width: 100px;

    float: right;

    margin: 0.5% 0%;

}



.btn2 {

    width: 100%;

    padding: 10%;

    font-size: 13px;

    text-align: center;

    font-family: 'Open Sans', sans-serif;

    background-color: #188ece;

    color: #fff;

    text-decoration: none;

    cursor: pointer;

    font-weight: 500;

    border-radius: 5px;

    border-radius: 5px;

    text-transform: capitalize;

}





.know_more {

    width: 100%;

    float: none;

    margin: 0% auto;

}



.btn {

    width: 100%;

    padding: 4% 4%;

    font-size: 14px;

    text-align: center;

    font-family: 'Open Sans', sans-serif;

    background-color: #fbcd06;

    color: #000;

    text-decoration: none;

    cursor: pointer;

    font-weight: 500;

    text-transform: capitalize;

}

.btn:hover {

    background-color: #eabf04;

    color: #000;

}

.bullet {
    /* width: 100%; */
    /* margin-top: 0%; */
}

.bullet ul {
    list-style-image: url(../images/bullet.png);
    margin-left: 4.5%;
}

.bullet ul li {
    line-height: 150%;
    color: #000;
    margin: 0% 2% 1.1% 2%;
    text-decoration: none;
    font-weight: 500;
    box-shadow: none !important;
    font-size: 16px;
    font-family: "Barlow", sans-serif;
    text-align: justify;
}

.bullet ul li strong {
    font-weight: 800 !important;
}


.bullet2 ul {

    list-style: square;

    margin-left: 0%;

}

.bullet2 ul li {

    font-family: 'Open Sans', sans-serif;

    color: #000;

    font-weight: 600;

    font-size: 15px;

    margin: 2% 0%;

    line-height: 140%;

    text-align: justify;

    margin: 2% 1% 2% 4%;

}





.bullet3 ul {

    list-style: square;

    margin-left: -1.5%;

}

.bullet3 ul li {

    font-family: 'Open Sans', sans-serif;

    color: #000;

    font-weight: 500;

    font-size: 15px;

    margin: 2% 0%;

    line-height: 140%;

    text-align: justify;

    margin: 2% 1% 0% 4%;

}



.bull_head {

    font-family: 'Open Sans', sans-serif;

    color: #03356f;

    font-weight: 700;

    font-size: 18px;

    text-align: justify;

    margin: 2% 1% 2% 1%;

}

.bull_head2 {

    font-family: 'Open Sans', sans-serif;

    color: #000;

    font-weight: 700;

    font-size: 16px;

    text-align: justify;

    padding: 1% 1% 1%;

}



.welcome2 p {

    font-size: 20px;

    font-weight: 600;

    color: #fff;

    text-align: justify;

    padding: 1% 2% 1%;

    font-family: 'Open Sans', sans-serif;

    line-height: 140%;

    margin: 0% 1%;

    background-color: #03b3e3;

}





/*--------------------------------------------------------------

Footer

--------------------------------------------------------------*/

.ftr_clr {

    background: #0070b2;

}



.ftr_txt_hed h3 {

    margin: 0;

    color: #fff;

    text-transform: uppercase;

    font-size: 21px;

    font-weight: 500;

    border-bottom: 2px solid #fff;

    padding: 13px 0;

    font-family: 'Open Sans', sans-serif;

}



.ftr_icon {

    width: 16px;

    float: left;

    margin: 21px 13px 0 0px;



}



.ftr_contact_txt {

    width: 80%;

    float: left;

}



.ftr_txt_inner {

    width: 100%;

    float: left;

}



.ftr_txt p {

    font-size: 15px;

    color: #fff;

    font-family: 'Open Sans', sans-serif;

    padding: 21px 0 10px 0;

    text-align: justify;

    line-height: 140%
}



.ftr_txt_inner p {

    font-size: 15px;

    color: #fff;

    font-family: 'Open Sans', sans-serif;

    padding: 21px 0 10px 0;

    text-align: justify;

    line-height: 140%
}



.ftr_btn {

    margin-top: 21px;

    float: left;

    width: 98%;

}



.ftr_btn a {

    color: #000;

    text-transform: capitalize;

    background: #fff;

    font-size: 14px;

    font-weight: 600;

    font-family: 'Open Sans', sans-serif;

    padding: 8px 15px;

}



.ftr_btn a:hover {

    text-decoration: none;

    color: #000;

}



.ftr_col_sm2 {

    width: 50%;

    float: left;

}



.ftr_Nav ul li {

    padding: 3% 3%;

}



.ftr_Nav ul li:nth-child(5) {

    border-bottom: none;

}

.ftr_Nav ul li a {

    text-decoration: none;

    color: #fff;

    text-transform: uppercase;

    font-size: 14px;

    font-family: 'Open Sans', sans-serif;

}



.ftr_Nav ul li a span {

    margin-right: 10px;

}



.ftr_contact_txt p a {

    text-decoration: none;

    font-size: 15px;

    font-family: 'Open Sans', sans-serif;

    color: #fff;

}



.ftr_hed .col_sm3:nth-child(3) {

    float: right;

}



.ftr_hed .col_sm3:nth-child(2) {

    margin: 1% 3% 1%;

}



.ftr_txt1 {

    color: #fff;

    font-size: 15px;

    padding: 2% 1%;

    line-height: 150%;

    font-family: 'Open Sans', sans-serif;

}



.ftr_txt2 {

    float: right;

}



.ftr_clr2 {

    background-color: #02629a;

    border-top: 1px solid #02629a;

}


.advertisers-text h2 {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 25px;
    padding: 0% 1% 1% 1%;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
}

.sec-icon {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0 auto;
}

.sec-icon::before {
    content: "";
    position: absolute;
    height: 1px;
    left: -70px;
    margin-top: -5.5px;
    top: 60%;
    background: #333333;
    width: 50px;
}

.sec-icon::after {
    content: "";
    position: absolute;
    height: 1px;
    right: -70px;
    margin-top: -5.5px;
    top: 60%;
    background: #333;
    width: 50px;
}

.advertisers-service-sec {
    background-color: #f5f5f5;
}

.advertisers-service-sec span {
    color: rgb(255, 23, 131);
}

.advertisers-service-sec .col {
    padding: 0 1em 1em 1em;
    text-align: center;
}

.advertisers-service-sec .service-card {
    width: 100%;
    height: 100%;
    padding: 2em 1.5em;
    border-radius: 5px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: 0.5s;
    position: relative;
    z-index: 2;
    overflow: hidden;
    background: #fff;
    min-height: 292px;
}

.advertisers-service-sec .service-card::after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(#0dcaf0, #0070b2);
    position: absolute;
    left: 0%;
    top: -98%;
    z-index: -2;
    transition: all 0.4s cubic-bezier(0.77, -0.04, 0, 0.99);
}

.advertisers-service-sec h3 {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 600;
    color: #000;
    margin: 1em 0;
    font-family: "Barlow", sans-serif;
    z-index: 3;
}

.advertisers-service-sec p {
    color: #000;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0.03em;
    z-index: 3;
    font-family: "Barlow", sans-serif;
}

.advertisers-service-sec .icon-wrapper {
    background-color: #2c7bfe;
    position: relative;
    margin: auto;
    font-size: 30px;
    height: 2.5em;
    width: 2.5em;
    color: #ffffff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    transition: 0.5s;
    z-index: 3;
}

.advertisers-service-sec .service-card:hover:after {
    top: 0%;
}

.service-card .icon-wrapper {
    background-color: #ffffff;
    color: #0070b2;
}

.advertisers-service-sec .service-card:hover .icon-wrapper {
    color: #0dcaf0;
}

.advertisers-service-sec .service-card:hover h3 {
    color: #ffffff;
}

.advertisers-service-sec .service-card:hover p {
    color: #f0f0f0;
}



/* -------------------------------------------------------

product page

------------------------------------------------------- */



.main_hed {

    font-family: 'Open Sans', sans-serif;

    font-size: 25px;

    font-weight: 700;

    color: #000;

    text-align: left;

    border-left: 4px solid #fbcd06;

    line-height: 140%;

    text-transform: capitalize;

    padding: 0% 1%;

    margin: 2% 0% 1%;

}



.sub_hed {

    font-family: 'Open Sans', sans-serif;

    font-size: 20px;

    font-weight: 600;

    color: #03b3e3;

    text-align: justify;

    line-height: 140%;

    text-transform: capitalize;

    padding: 1% 1%;

}

.bord4 {

    border: 1px dashed #dedede;

    margin: 1% 1%;

}



.pro_heading {

    font-family: 'Open Sans';

    color: #000;

    font-size: 16px;

    font-weight: 600;

    padding: 2% 1% 1%;

    line-height: 140%;

    text-transform: capitalize;

    text-align: center;

}



.k_brd {

    border: 1px solid #d3d3d3;

}





/* ------------------------------------------------------

top arrow

------------------------------------------------------ */

.top_arrow {

    width: 25px;

    height: 33px;

    position: fixed;

    right: 2%;

    bottom: 15%;

    display: none;

    transition-duration: 1s;

    background-image: url('../images/top-b.png');

    cursor: pointer;

    background-repeat: no-repeat;

    z-index: 999;

}

.top_arrow:hover {

    width: 25px;

    height: 33px;

    position: fixed;

    right: 2%;

    transition-duration: 1s;

    bottom: 15%;

    cursor: pointer;

    background-image: url('../images/top-b.png');

    display: none;

}

.bg_ctr {
    background-color: #0070b2;
}

.cont_left {
    width: 48%;
    float: left;
    border-right: 1px dashed #ccc !important;
}

.cont_left h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin: 7px 0px 5px 0px;
    line-height: 160%;
}

.cont_left p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin: 5px 0px;
    line-height: 160%;
}

.cont_left p a {
    text-decoration: none;
    color: #000;
}

.cont_right {
    width: 48%;
    float: left;
}

.cont_right h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin: 7px 0px 5px 0px;
    line-height: 160%;
}

.cont_right p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin: 5px 0px;
    line-height: 160%;
}

.cont_right p a {
    text-decoration: none;
    color: #000;
}

.pos_rel {
    position: relative;
}

.pos_rel h1 {
    font-family: 'Open Sans', sans-serif;
    color: #0070b2;
    font-size: 22px;
    font-weight: 700;
    margin: 1%;
}

.cont_right {
    width: 50%;
    float: right;
}

.br_head {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    margin: 1%;
    font-weight: 700;
    color: #0070b2;
}



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

    .top_bg {

        background-image: url(../images/top-bg1920.jpg);

        background-size: 100% 100%;

    }

}





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

    .top_bg {

        background-image: url(../images/top-bg.jpg);

        background-size: 100% 100%;

    }

}


@media only screen and (max-width:1300px) {
    .cont_txt {
        min-height: 195px;
    }


}

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

    .top {

        width: 100%;

    }

    .top2 {

        width: 100%;

    }



    .logo img {

        width: 100%;

    }

    .contener {

        width: 100%;

    }

}





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

    .conta_col_sm2 {

        height: 650px;

    }

    .conta_col_sm1 {

        height: 650px;

    }

    /* .ftr_hed .col_sm3:nth-child(2){ */

    /*margin:8px 3% 0px;*/

    /* } */



    .c_clr {

        min-height: 300px;

    }



    .c_icon .fa {

        margin-top: 6%;

    }

}



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

    .logo_main {

        width: 55%;

        float: none;

        margin: 1% auto;

    }

    .top_right {

        width: 456px;

        float: none;

        margin: 1% auto 1%;

    }

}





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

    .top_bg {

        background-image: none;

        background-size: none;

    }

    .navbar {

        width: 100%;

        background-color: #000;

        margin: 0 auto;

    }

    .flw {

        display: none;

        padding: 2% 1% 1.1%;

    }

    .logo {

        width: 400px;

        float: none;

        margin: 1% auto;

    }

    .top_right2 {

        width: 100%;

        float: right;

    }

}





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

    .logo_main {

        width: 60%;

    }

    .flw {

        padding: 1.7% 1% 1.1%;

    }

    .top_right {

        width: 98%;

        float: left;

    }

}





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

    .flw {

        padding: 2% 1% 1.1%;

    }

    .col_sm8 {
        width: 70%;
    }

    .col_sm88 {
        width: 98%;
    }

    .col_sm11 {
        width: 70%;
    }

    .col_sm111 {
        width: 98%;
    }

    .col_sm22 {
        width: 98%;
        margin: 0 auto;
    }

    .pd {
        padding: 10px 0px 0px 10px;
    }

    .cont_col_sm2 {
        width: 98%;
    }

    .cont_left {
        width: 98%;
        min-height: auto;
        padding: 20px;
    }

    .cont_right {
        position: static;
        width: 100%;
    }

    .mi_vi {
        width: 98%;
        margin: 1% auto;
        float: none;
        min-height: auto !important;
    }

    .mi_vi img {
        display: none;
    }

    .cont_col_sm3 {

        width: 100%;

    }



    .col_sm4 {

        width: 48%;

    }

}





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

    .logo_main {

        width: 65%;

    }

}



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

    .logo_main {

        width: 70%;

    }

    .tes_col_sm8 {

        width: 76%;



    }



    .tes_col_sm88 {

        width: 20%;

    }

}



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

    .ab2_col_sm8 {

        width: 100%;

        float: left;

        height: auto;

    }



    .ab2_col_sm88 {

        width: 100%;

        float: left;

        min-height: 300px;

    }

    .bg_img_wel {

        background-image: url(../images/vision-img1.jpg);

        background-position: center;

        background-size: auto;



    }



    .col_sm2 {

        width: 100%;

    }





    .bullet2 ul li {

        text-align: left;

    }

    .col_sm8 {

        width: 98%;

    }

    .col_sm11 {
        width: 98%;
    }

    .body_txt3 {

        min-height: auto;

    }

    .col_sm9 {

        width: 98%;

    }

    .col_sm99 {

        width: 98%;

    }

}





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

    .logo_main {

        width: 75%;

    }

}





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

    .logo_main {

        width: 80%;

    }

}



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

    .conta_col_sm2 {

        width: 98%;

        float: none;

        margin: 0% auto;

        padding: 3%;

        height: 880px;

    }

    .conta_col_sm22 {

        width: 98%;

        float: none;

        margin: 2% 1%;

    }

    .col_sm16 {

        width: 96%;

    }



    .col_sm3 {

        width: 98%;

    }

    .expand_col_sm3 {
        width: 98%;
    }


    .top_right {

        padding: 0;

    }



    /* about page */

    .col_ms1 {

        width: 98%;

    }



    .col_ms11 {

        width: 98%;

    }



    /* solutuins page */

    .col_ms5 {

        width: 48%;

    }



    .col_ms6 {

        width: 48%;

    }



    .col_ms7 {

        width: 48%;

    }

}





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

    .logo_main {

        width: 85%;

    }

}





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

    .logo_main {

        width: 90%;

    }

}





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

    .col_sm4 {

        width: 98%;

    }



    .tes_col_sm88 {

        width: 60%;

    }

    .tes_col_sm8 {

        width: 98%;

    }

    .logo {

        margin: 1%;

    }

    .products_col_sm3 {

        width: 98%;

        margin: 1%;

        float: none;

        min-height: 322px;

    }

    .infra_col_sm2 {

        width: 98%;

        margin: 15% 1% 2% 1%;

        float: left;

    }

    .conta_col_sm1 {

        width: 98%;

        float: none;

        padding: 2%;

        margin: 0% 0% 2% 1%;

        height: 450px;

    }

    .col_sm44 {

        width: 100%;

    }

    .main_prd4 {

        width: 96%;

        float: none;

        margin: 2% auto;

    }



    .ftr_col_sm2 {

        width: 98%;

    }



    .ftr_txt2 {

        float: left;

    }



    .ic.menu {

        top: 34px !important;

    }

    .logo_main {

        width: 98%;

    }





    .t_col_sm9 {

        width: 98%;

        min-height: auto;

    }

    .t_col_sm99 {

        width: 60%;

        margin: 1% auto;

        float: none;

    }

}





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

    .logo {

        margin: 1% auto;

        float: none;

    }

    .logo2 {

        margin: 1% auto 2%;

        float: none;

        border-left: none;

        padding-left: 0%;

    }

    .col_em {

        width: 425px;

        float: none;

    }

    .bullet2 ul {

        margin-left: 1%;

    }

}



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

    .col_em_icn_txt_main {

        width: 45%;

        float: none;

        margin: 1% auto;

    }

    .col_em_icn_txt_main2 {

        width: 45%;

        float: none;

        margin: 1% auto;

    }

    .top_right {

        width: 98%;

        float: none;

    }

    .col_em {

        width: 98%;

        float: none;

    }

    .bullet2 ul {

        margin-left: 2%;

    }



    .tes_col_sm88 {

        width: 60%;

        float: none;

        margin: 1% auto;

    }

}



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

    .col_em_icn_txt_main {

        width: 48%;

    }

    .col_em_icn_txt_main2 {

        width: 48%;

    }

}



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

    .col_em_icn_txt_main {

        width: 50%;

    }

    .col_em_icn_txt_main2 {

        width: 50%;

    }



    .logo {

        width: 90%;

    }

}



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

    .col_em_icn_txt_main {

        width: 55%;

    }

    .col_em_icn_txt_main2 {

        width: 55%;

    }

}





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

    .col_em_icn_txt_main {

        width: 60%;

    }

    .col_em_icn_txt_main2 {

        width: 60%;

    }

}





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

    .col_em_icn_txt_main {

        width: 64%;

    }

    .col_em_icn_txt_main2 {

        width: 64%;

    }

}