body {

    margin: 0;

    padding: 0;

    font-family: 'Graphik';

    box-sizing: border-box;

 

}
.our-companies-compres { padding-left: 5.5%; margin-top: 27px;}
.our-companies-sec {margin-top: 30px;}
.after-ju-text {    text-align: center;margin-top: 38px;}
.sec-9 .sec-9-head a {margin-left: 10px;font-size: 25px;font-weight: 600;color: #18547D;}
.sec-9-head {display: flex;align-items: baseline;}
.our-companies-box a {background-color: #7aba50;
    padding: 18px 20px;
    color: #ffffff;
    outline: none;
    text-decoration: none;
    width: 100%;
    display: block;
    margin-bottom: 22px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;}
.result_hover h1 {
    position: relative;
    margin-bottom: 20px!important;}
    .result_hover h1:before {
    position: absolute;
    width: 80px;
    height: 3px;
    background: #7ABA50;
   
    top: unset!important;
    bottom: -8px!important;}

a {    outline: none; text-decoration: none;}
.makecntr .recaptcha div {    margin: 0 auto;
    margin-bottom: 21px;}
   .cnt-sbmt-btn .wpcf7-spinner {position: absolute;}
.modalimg-slider .slick-list {border-radius: 0 7px 7px 0;}
/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #7ABA50 #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #7ABA50;
    border-radius: 10px;
    border: 3px solid #ffffff;
  }

/*.contact-form-sec input {color: #898181!important;}*/
#inputState {color: #898181!important;}
.sec-9-box-he {font-size: 43px;
    color: #18547d;
    font-weight: 600;
    margin-top: 22px;}
.sec-1-bnr-sec .mews-banner {    display: flex;

    flex-direction: column;

    justify-items: center;

    justify-content: center;}

.slick-next:after {z-index: 99!important;    width: 30px;}

.slick-prev:after {z-index: 99!important;     width: 30px;}

.nav-pills .nav-link.active:focus, .nav-pills .show>.nav-link:focus {outline: none}

.partners-img img {transition: all 0.5s;cursor: pointer;}

.partners-img img:hover {transform: scale(1.1)!important;transition: all 0.5s;}

.contact-us-sec-3-body a {color:#fff;    outline: none;

    text-decoration: none;}

.tab-box {margin: 10px;}



.darkHeader { background: #414456;position: fixed;background: #ffff;width: 100%;

   z-index:999;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 23px 0 rgba(0, 0, 0, 0.19);

}

.domains-img-head {overflow: hidden;border-radius: 22px;}

.footer-1-contact li a {color: #878B92; outline: none; text-decoration: none;}

.darkHeader .head-logo img {    width: 120px;}

.footer-email {position: relative;}

.footer-email form p {display: flex;margin: 0; width: 100%;}

.footer-email form p span {height: 40px; border: none;color: #878B92;

width: 65%;}

.footer-email form br {display:none;}

.footer-email form p span input {

    height: 40px;

    border: none;

    color: #878B92;

    width: 100%;

}

.footer-1-right .footer-email .wpcf7-response-output {left: -9px; top: 89px;}

.footer-email form .wpcf7-not-valid-tip { color: red;width:auto;

    margin-top: 15px;margin-left: -10px;}

.footer-email .wpcf7-response-output {    position: absolute;background-color: #fff;}

.wpcf7-response-output {display:none}

.footer-email form p .wpcf7-spinner {    position: absolute;

    width: 24px;

    height: 24px;

    right: 0;

    top: 59px;}

.footer-email form p .wpcf7-submit {background-color: #7ABA50;

    color: #ffffff;

    border: none;

    height: 40px;

    border-radius: 7px;

    width: 44%;

    border: none;

    background-size: 300% 100%;

    background-image: linear-gradient(to right, #7ABA50, #7ABA50, #30dd8a, #2bb673);

    moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;}

.slick-track {min-width: 1610px!important; }

.media-box {min-width: 200px!important; }

.mob-icon ul {list-style: none; display: flex; margin-top: 10px;}

.mob-icon li { width: 80px;}

.head-nav .ul-non-hov .non-hov:after 

{

display: none !important;

}

.sec-10-card-img-part img {width: 220px; height: 220px;}

.partners {



background-color: #f1f1f1;

padding:50px 0px; padding-top: 80px;



}





.partners-text h1 {



color: #18547d;

font-size: 46px;



}

.com-he h1 {

position: relative;
}

.com-he h1:before {

position: absolute;

width:80px; height:3px

background: #7ABA50;

content: '';

top:-5px;



}

.partners-img img {



width:115px;

/* height: 80px*/

display: inline-block;

margin:28px;

mix-blend-mode: multiply;



}

.modal-dialog {max-width: 1000px;}

.modal-img img {max-width: 100%;border-radius: 0 7px 7px 0; width: auto!important;  height: 240px;}

.modal-lefts h2 { font-size: 26px; margin: 9px 0;}

.modal-lefts p {    font-size: 15px; color: #878B92;}

.modal-lefts h4 {font-size: 15px;color: #878B92;}

.modal-lefts a {color: #7ABA50; outline: none; text-decoration: none;

 font-size: 18px; margin-top: 28px; display: block; transition: all 0.5s;}

.modal-lefts a:hover {

    transition: all .5s;

    transform: translateX(10px);

}

.modal-lefts a i {

    transform: rotate(-45deg);

    font-size: 20px;

    color: #7ABA50;

    text-decoration: none;

    font-weight: 600;

    font-style: italic;

}

.modal-body {padding: 0;}

.btn-close {    position: absolute;

top: 10px; right: 7px;  z-index: 999; color: #ffffff;    background-color: #fff; padding: 5px;}

.modal-img {text-align: right;}

.modal-lefts {padding: 20px;}



.nv-sm-icn {outline: none; text-decoration: none;}

.side-bar {width: 0; position: fixed; right: 22px; top: 50%; z-index: 999; transform: rotate(-90deg);}

/* navbar css starts here  */

.head-sec {   padding: 10px 0px;   /* border: 2px solid black; */}



.head-nav ul {    display: flex;}

.sec-1-bnr-sec {max-height: 580px;}

.head-nav ul li {  list-style: none;  padding: 0px 10px;}



.head-nav ul li a { color: #878B92; text-decoration: none; font-family: 'Graphik'; font-size: 16px;}



/* .head-nav ul li a:hover {

    padding: 5px 0px;

    border-bottom: 2px solid #7ABA50;

} */

.head-nav ul li { position: relative;}



.head-nav ul li:after { content: ''; width: 0; height: 2px; background-color: #7ABA50; position: absolute;bottom: -5px; transition: all 0.5s;

    margin: auto;left: 0; right: 0;}



.head-nav ul li:hover:after { width: 100%;transition: all 0.5s;}



.nv-sm-icn {display: flex;justify-content: center; align-items: center;border: 1px solid #878B92; border-radius: 100%;

    width: 35px; height: 35px; transition: all 0.5s;}

.nv-sm-icn:hover {    transform: scale(1.1); transition: all 0.5s;}

.li-nv-sm-icn { margin-right: -30px; padding: 0 !important;}



.a-fnt-linked { color: #707070;}



.a-fnt-insta { color: #7ABA50;}



/* navbar css ends here  */



/* section-1 css starts here  */

.sec-1-bnr-sec { background-color: #026ED3;}

.sec-8-patners-logo-box .sec-8-patners-logo img {/*width: 100%; height: 80px;*/ margin: 15px 0;mix-blend-mode: multiply;}

.sec-8-patners-logo {margin: 0px 20px; width: 150px; height: 136px;}

.sec-8-patners-logo-box img {max-width: 100%;}

.sec-2-text h1 {font-size: 48px; color: #ffff; padding-bottom: 30px;

}



.sec-2-text p {

    font-weight: 100;

    font-style: normal;

    font-display: swap;

    /* font-weight: 100; */

    font-size: 22px;

    color: #ffff;

}



.sec-2-img {

    padding-top: 60px;

    padding-bottom: 46px;

}



.sec-2-text {

  

}



.sec-1-abt-btn {

    /* margin: 30px 150px; */

    margin-top: 30px;

    margin-bottom: 150px;

    width: 173px;

    padding: 12px 22px;

    border-color: transparent;

    /* border: 2px solid black; */

    background-color: #7ABA50;

    border-radius: 6px;

}



.sec-1-abt-btn a {

    color: #ffff;

    font-size: 19px;

    text-decoration: none;

}



.sec-2-img img {

    max-width: 100%;

}



/* section-1 css ends here  */



/* section-3 starts here  */

.sec-3 {

    margin: 80px 0px;

}



.sec-3-text-part h1 {

    position: relative;

    font-size: 45px;

    color: #18547D;

    padding-bottom: 15px;

    /* padding-top: 10px; */

}



.sec-3-text-part h1:before {

    content: '';

    position: absolute;

    width: 85px;

    height: 4px;

    background-color: #7ABA50;

    left: 0px;

    top: -10%;

}



.sec-3-text-part p {

    font-size: 16px;

    color: #878B92;



}



.sec-3-inr-text-part {

    max-width: 85%;

}



.sec-3-rd-more a {

    padding-top: 25px;

    font-size: 20px;

    color: #7ABA50;

    text-decoration: none;

    font-weight: 600;

    font-style: italic;

    font-display: swap;

}



.sec-3-img-part {

    margin-top: 30px;

}



.sec-3-img-part img {

    max-width: 100%;

}



/* section-3 ends here  */



/* section-4 starts here  */

.sec-4{

    background-color: #F1F1F1;

    padding-bottom: 80px;

}

.sec-4-head{

    max-width: 60%;

}

.sec-4-head h1 {

    position: relative;

    margin-top: 105px;

    padding-bottom: 21px;

    font-size: 45px;

    color: #18547D;

}



.sec-4-head h1:before {

    content: '';

    position: absolute;

    width: 85px;

    height: 4px;

    background-color: #7ABA50;

    left: 0px;

    top: -25%;

}

.sec-4-head p{

    font-size: 16px;

    color: #878B92;

}

.sec-4-part-2{

    padding-top: 40px;

}

.sec-4-card-img-part{

    position: relative;

}

.sec-4-card-img-part img{

    position: relative;

    max-width: 100%;

    padding-top: 30px;

    padding-left: 35px; 

}

.sec-4-card {margin: 11px 0;}

.sec-4 .sec-4-part-2 .sec-4-card .sec-4-card-img-part:after {

content: '';
    position: absolute;
    width: 71px;
    height: 4px;
    background-color: #7ABA50;
    left: 41px;
    bottom: -28px;

}

.sec-4-card{

    position: relative;

    border: 1px solid #CCCCCC;

    background-color: #ffffff;

    border-radius: 20px;

}

.sec-4-card-text-part h6{

    padding-top: 50px;

    padding-left: 40px;

    padding-bottom: 35px;

    font-size: 22px;

}

.sec-4-card-body{

    position: relative;

    overflow: hidden;

}



/* .sec-4-card-body:hover{

    opacity: 0;

} */

.sec-4-card-on-hov{

    opacity: 0;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    /* margin: auto; */

    width: 0;

    height: 0;

    /* transition: all 0.5s ; */

    background-color: #7ABA50;

    color: #ffffff;



}



.sec-4-w-hover:hover{

    opacity: 0;

}

.sec-4-card-body:hover .sec-4-card-on-hov{

    opacity: 1;

    width: 100%;

    height: 100%;

    /* transition: all 0.2s; */

    padding: 20px;

    border-radius: 20px;

}





/* section-4 endss here  */





/* section-5 css starts here  */

.sec-5{

    margin-bottom: 80px;

}

.sec-5-head {

    padding-bottom: 40px;

}

.sec-5-head h1 {

    position: relative;

    margin-top: 105px;

    padding-bottom: 21px;

    font-size: 45px;

    color: #18547D;

}

.sec-5-head h1:before {

    content: '';

    position: absolute;

    width: 85px;

    height: 4px;

    background-color: #7ABA50;

    left: 0px;

    top: -25%;

}

.sec-5-head p{

    font-size: 16px;

    color: #878B92;

}



.sec-5-img-part:after{

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: rgba(0,0, 0,0.623);



}

.sec-5-img-part img{

    max-width: 100%;

}

.sec-5-card-content-w-hover{

    position: absolute;

    bottom: 5%;

    left: 5%;

}

.sec-5-card-content-w-hover

{

    font-size: 22px;

    color: #FFFFFF;

}

.sec-5-card-content-w-hover h6{

    position: relative;

    font-size: 22px;

}

.sec-5-card-content-w-hover h6:before {

    content: '';

    position: absolute;

    width: 85px;

    height: 4px;

    background-color: #7ABA50;

    left: 0px;

    top: -25%;

}

.sec-5-card-body:hover .sec-5-card-content-w-hover{

    opacity: 0;

}

.sec-5-card-on-hov {

    opacity: 0;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    /* margin: auto; */

    width: 0;

    height: 0;

    /* transition: all 0.5s ; */

    color: #ffffff;

}

.sec-5-card-on-hov h6 {

    position: relative;

    font-size: 22px;

    color: #FFFFFF;

    padding: 5px;

}

.sec-5-card-on-hov-content h6:after{

    content: '';

    position: absolute;

    width: 85px;

    height: 4px;

    background-color: #7ABA50;

    left: 20px;

    top: 80px;

}

.sec-5-card-on-hov p {

    font-size: 16px;

    color: #FFFFFF;

    /* line-height: 20px; */

}

.sec-5-card-body{

    position: relative;

}

.sec-5-card-body:hover .sec-5-card-on-hov{

    opacity: 1;

    width: 100%;

    height: 100%;

    /* padding: 20px; */

    background: rgba(0,0, 0,0.623); 

    border-radius: 20px;

}

.sec-5-card-body:hover .sec-5-card-on-hov .sec-5-card-on-hov-content h6{

    padding: 20px;

}

.sec-5-card-body:hover .sec-5-card-on-hov .sec-5-card-on-hov-content p{

    padding: 6px 10px 0px 10px;

    padding: 20px;

}

.sec-5-card-body:hover .sec-5-card-on-hov-content:after{

    opacity: 1;

}

.sec-5-card-on-hov-content h6{

    position: relative;

}

/* section-5 css ends here  */



/* secction-6 css starts here  */

.sec-6{

    background-color: #F1F1F1;

    padding-bottom: 90px;

}



.sec-6-head h1 {

    position: relative;

    margin-top: 105px;

    padding-bottom: 21px;

    font-size: 45px;

    color: #18547D;

}

.sec-6-head h1:before {

    content: '';

    position: absolute;

    width: 85px;

    height: 4px;

    background-color: #7ABA50;

    left: 0px;

    top: -25%;

}



.outer-cart-body{

    background-color: #ffffff;

    border-radius: 20px;

    border: 1px solid #CCCCCC;

}

.inner-cart-body{

    margin: 0px;

}

.inner-cart-head{    margin: 10px;

    font-size: 32px !important;

    text-align: center;

    padding: 18px;

    

    border: 1px solid #CCCCCC;

    border-radius: 20px;

    color: #FFFFFF;

background-color: #878B92;

}



.inner-cart-content-slide-1 img

{

    max-width: 100%;

    padding-top: 30px;

    padding-bottom: 20px;

    width: 120px;

}

.inner-cart-content-slide-1 p{

    font-size: 16px;

    color: #878B92;

line-height: 25px;

}

.inner-cart-content-slide-1{

    padding-bottom: 10px;

    border-bottom: 1px solid #CCCCCC ;

}

.inner-cart-content{

    height: 485px;padding: 15px;

    

    overflow: hidden;

}

.outer-cart-body:hover .inner-cart-head 

{

background-color: #7ABA50;

/* overflow-y: scroll; */

}

.outer-cart-body:hover .inner-cart-content{

   overflow-y: auto;

    scrollbar-width: thin !important;

}

/* section-6 css ends here  */





/* section-7 css starts here  */

.sec-7

{

    padding-bottom: 90px;

}

.sec-7-head{

    padding-bottom: 28px;

}

.sec-7-head h1 {

    position: relative;

    margin-top: 105px;

    padding-bottom: 21px;

    font-size: 45px;

    color: #18547D;

}

.sec-7-head h1:before {

    content: '';

    position: absolute;

    width: 85px;

    height: 4px;

    background-color: #7ABA50;

    left: 0px;

    top: -25%;

}

.sec-7-head p{

    font-size: 16px;

    color:#878B92;

}

.sec-7-card{

    border: 1px solid #CCCCCC;

    border-radius: 20px;

    height: 370px;

}

.sec-7-card-body{

    padding-top: 30px;

    padding-left: 26px;

}

.sec-7-card-img-part{

    padding-bottom: 21px;

}

.sec-7-card-img-part img{

    max-width: 100%;

}

.sec-7-card-text-part h6{

    font-size: 28px;

    padding-bottom: 5px;

}

.sec-7-card-text-part p{

    font-size: 16px;

    line-height: 25px;

    color: #878B92;

    padding-bottom: 50px;

    padding-right: 20px;

}

.sec-7-card:hover{

       box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.10);

}

/* section-7  css ends here  */



/* section-8 css starts here  */

.sec-8{

    padding-bottom: 90px;

    background-color: #F1F1F1;

}

.sec-8-head h1 {

    position: relative;

    margin-top: 105px;

    padding-bottom: 21px;

    font-size: 45px;

    color: #18547D;

}

.sec-8-head h1:before {

    content: '';

    position: absolute;

    width: 85px;

    height: 4px;

    background-color: #7ABA50;

    left: 0px;

    top: -25%;

}

.sec-8-patners-logo-box{

    display: flex;

   

}

/* .last-logo-box{

    justify-content: ;

} */

.sec-8-patners-logo{

    /* margin: 0px 20px; */

}

/* section-8 css ends here  */



/* section-9 css starts here  */

.sec-9{

    margin-bottom: 90px;

}

.sec-9-head h1 {

    position: relative;

    margin-top: 105px;

    padding-bottom: 21px;

    font-size: 45px;

    color: #18547D;

}

.sec-9-head h1:before {

    content: '';

    position: absolute;

    width: 85px;

    height: 4px;

    background-color: #7ABA50;

    left: 0px;

    top: -25%;

}

.sec-9-part-1{

    display: flex;

    justify-content: center;

    align-items: center;

}

.sec-9-part-1-text p{

    font-size: 16px;

    color:#878B92;

}

.sec-9-part-1-text{

    margin: 70px 2px 20px 20px;

}

.sec-9-part-2-card{

    border: 1px solid #CCCCCC;

    border-radius: 20px;

    height: 190px;

}

.sec-9-part-2-card-body{

    text-align: center;

}

.sec-9-part-2-card-text {

    font-size: 22px;

    color: #CCCCCC;

}

.sec-9-part-2-card-head img{

    max-width: 100%;

    padding-top: 25px;

    padding-bottom: 15px;

}

.sec-9-part-2{

    margin-top: 30px;

}

.sec-9-part-2-card:hover{

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

/* section-9 css ends here  */



/* section 10 css starts here  */

.sec-10{

    padding-bottom: 90px;

}

.sec-10-head h1 {

    position: relative;

    margin-top: 105px;

    padding-bottom: 21px;

    font-size: 45px;

    color: #18547D;

}

.sec-10-head h1:before {

    content: '';

    position: absolute;

    width: 85px;

    height: 4px;

    background-color: #7ABA50;

    left: 0px;

    top: -25%;

}

.sec-10-card{

    border: 1px solid #CCCCCC;

    border-radius: 20px;

    height: 565px;

}

.sec-10-card-body{

    text-align: center;

}

.sec-10-card-text-part-head h6{

    font-size: 28px;

}

.sec-10-card-text-part-head p{

    font-size: 22px;

    color:#878B92;

    margin-bottom: 13px;

}

.sec-10-card-text-part-bottom p{

    font-size: 16px;

    color:#878B92;

    margin: 22px 30px 55px 30px;

}

.sec-10-card-img-part{

    margin: 30px;

    position: relative;

}

.media-next-slider {position: relative;}

.sec-10-card-img-part img{

max-width: 100%;

    border: 1px solid #CCCCCC;

    border-radius: 100%;

    padding: 36x;

    padding: 10px;

}

.sec-10-card-linked-in img{

    position: absolute;

}

.sec-10-card-linked-in img {

    position: absolute;

    top: -100px;

    /* left: 0; */

    right: -20px;

    max-width: 60px;

    border: none !important;

}

.sec-10-part-3-content{

padding-top: 50px;

    text-align: center;

}

.sec-10-part-3 a{

    text-decoration: none;

    color: #FFFFFF;

    border: 1px solid transparent;

    background-color: #026ED3;

    border-radius: 6px;

    padding: 10px 20px;margin-right: 9px;

}

.sec-10-part-3-plus-btn {

    background-color: #7ABA50;

    border: transparent !important;

    padding: 5px 15px;

    border-radius: 10px;

}

.sec-10-part-3-plus-icn{

    color: #FFFFFF;

    font-size: 20px;

}

.sec-10-card:hover{

    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.10);

}

.sec-10-card:hover .sec-10-card-img-part img{

    border: 1px solid #7ABA50;

}

/* section 10 css ends here  */



.footer-2 {background-color: #7c7c7c;}

.footer-2-text p {text-align: center; margin: 0; padding: 10px 0;color: #ffffff;}

.footer-1-right h3 {font-size: 21px; color: #878B92;  margin-bottom: 13px;}

.footer-1-right p {font-size: 16px; color: #878B92;}

.footer-email {background-color: #ffffff;

    max-width: 400px;

    border: 1px solid #878B92;

    height: 55px;

    display: flex;

    align-items: center;

    padding: 0 10px;

    border-radius: 7px;margin-bottom: 15px;}

    .footer-email input {height: 40px;

    border: none;

    color: #878B92;

    width: 62%;

}

.sec-10-part-3-plus-btn {border: none;

    background-size: 300% 100%;

    background-image: linear-gradient(to right, #7ABA50, #7ABA50, #30dd8a, #2bb673); moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;}

.sec-10-part-3-plus-btn:hover { background-position: 100% 0;

    moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out; transform: scale(1.1);}

.sec-10-part-3-content a {transition: 1s ease;}

.sec-10-part-3-content a:hover {transform: scale(1.1);transition: 1s ease;}

.outreach-tab ul {justify-content: start;margin-bottom: 2rem!important;}

.footer-email button {background-color: #7ABA50;color: #ffffff;border: none; height: 40px;border-radius: 7px;width: 38%; border: none;

    background-size: 300% 100%;

    background-image: linear-gradient(to right, #7ABA50, #7ABA50, #30dd8a, #2bb673); moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;}

    .footer-email button:hover {

    background-position: 100% 0;

    moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}

.footer-icon ul {list-style: none; display: flex; align-items: center; padding: 25px 0; margin: 0;}

.footer-icon ul li {font-size: 15px; color: #878B92;  margin-right: 9px;}

input:focus-visible { outline: none; }

.footer-1-left {width: 60%;}

.footer-1-text p {font-size: 16px; color: #878B92;}

.footer-1-text {margin-top: 30px; margin-left: 35px; margin-bottom: 30px;}

.footer-1-contact ul li {list-style: none;font-size: 16px; color: #878B92;}

.footer-1-contact li span {font-weight: 500;}

.footer-1-contact ul {display: flex;}

.footer-1-contact ul li {margin-right: 50px; width: 100%;}

.footer-1-text {position: relative;}

.footer-1-text:before {content: ''; position: absolute; background-image: url('../images/whatsup.png');left: -30px;

    width: 24px; height: 30px;top: 4px;}

footer {background-color: #f6f6f6; padding-top: 70px;}

.footer-1-contact ul li {position: relative;}

.footer-1-contact ul li:nth-child(1):before {content: ''; position: absolute;  background-image: url('../images/call.jpg');left: -30px;

    width: 24px; height: 30px;top: 4px;}

.footer-1-contact ul li:nth-child(2):before {content: ''; position: absolute;  background-image: url('../images/message.jpg');left: -42px;

    width:34px; height: 32px;top: 4px;}

.footer-1-contact {margin-bottom: 45px;}

.Outreach-media {background-color: #F1F1F1; padding: 80px 0;}

.Outreach-media .sec-10-head h1 {    margin-top: 0;}

.outreach-tab .nav li { margin-right: 12px;}

.outreach-tab .nav li button {background-color: #ccc; color: #ffffff; font-size: 16px; width: 100%;  padding: 10px 20px;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: #7aba50;}

.tab-box {border: 1px solid #ccc; background-color: #ffffff; padding: 20px 20px; border-radius: 20px; margin-bottom: 15px;min-height: 230px;max-height: 230px;}

.tab-box h4 {font-size: 16px; color: #878B92;}

.slider-sec {margin-top: -10px;}

.tab-box p {font-size: 16px; color: #878B92; margin-top: 50px; margin-bottom: 0;}

.blue-box {background-color: #026ed3;margin-top: 25px;}

.blue-box p {color: #ffffff;}

.blue-box h4 {color: #ffffff;}

.modal-sec .row .col-lg-8 { display: flex;}

.modal-lefts { flex-direction: column; padding: 20px; justify-content: center;    justify-items: center;height: 240px;
    overflow: auto;}

.media-box {border: 1px solid #CCCCCC; border-radius: 20px;margin: 20px 0px; background-color: #ffffff; margin-top: 0;}

.modal.fade .modal-dialog {     transition: transform .3s ease-out;
    transform: translateY(-50%)!important;
    top: 50%;}

 .comming-soon-modal .modal-dialog {

    transition: transform .3s ease-out; transform: translate(0,50%)!important;

}

.media-box-img {position: relative;height: auto;

    overflow: hidden;}

.media-he {width: 120px;

    background-color: #7ABA50;

    text-align: center;

    padding: 5px 5px;

    border-radius: 10px 10px 0px 0px;

    position: absolute;

    bottom: 0;

    left: 25px;}

    .media-text p {font-size: 15px;

    color: #ffffff;

    margin: 0;}

    .media-text {    padding: 20px 25px;}

        .media-text h4 {font-size: 16px;

    color: #878B92;}

    .media-text p {font-size: 16px;color: #878B92;font-size: 16px;

    color: #878B92; min-height: 120px; max-height: 120px;   overflow: hidden;}

    .media-text a {color: #7ABA50;

    outline: none;

    text-decoration: none;

    font-size: 18px;margin-top: 10px;

    display: block;}

    .media-he p {font-size: 12px;

    margin: 0;

    color: #FFFFFF;}

    .slick-list {

    overflow: hidden;

}

.slick-slide {

    float: left;

}

/*.slider-sec {margin-left: -120px;}*/

.media-box-img img {width: 100%;border-radius: 20px 20px 0 0;

    height: 100%;  max-width: 100%; max-height: 100%;}



.domain-text h1

{

  font-size: 46px;

  color:#18547d;

}

.domain-text-p p

{

  font-size: 16px;

  color:#878b92;

}

.domains-img img

{

  max-width: 100%;



}





.domains-img

{

  position: relative;

}







.com-he h1

{

  position: relative;







}

.com-he h1:before

{

  position: absolute;

 width: 80px;

height: 3px;

 background: #7ABA50;

  content: '';

  top: -14px;







}



h1

{

  color:#fff;

  font-size: 20px;





}



.domains-img-text h1 {

  position: relative;

}

.domains-img-text {

  padding: 20px 10px;


}

.domains-text2-head

{

 padding: 30px 20px;

 margin-top: -130px;

 transition: all 0.5s

}

.domains-img-text p

{

 color: #ffffff

}

.domains-img-head:hover .domains-text2-head {mmargin-top: -364px;

    z-index: 999;

    position: relative;

    height: 364px;

    background-color: #000;

    border-radius: 20px;

    padding: 30px 20px;

    opacity: .6;

    transition: all 0.5s;

}



.domains-img-head:hover .domains-text2-head {margin-top: -364px;

z-index: 999;

position: relative;

 height: 364px;

background-color: #000;

border-radius: 20px;

 padding: 30px 20px;

 opacity: .6; transition: all 0.5s}



.domains-img-text h1:before

{

position: absolute;

  width: 80px;

  height: 3px;

  background: #7ABA50;

  content: '';

  bottom: -6px;top: -16px;

}





.domains-img-head

{height: 366px;

    overflow: hidden;

    cursor: pointer;

    width: 270px;

}



.domains

{

  padding: 80px 0px;

}

.media-slider {position: relative;}

.domains-text-head {margin-bottom: 20px;}



.slick-prev  {font-size: 0; border: none;}

.slick-next {font-size: 0; border: none; }

.slick-next:after {    position: absolute;

    font-family: "Font Awesome 5 Free";

    content: "\f061";

    display: inline-block;

    font-weight: 900;

    font-size: 20px;

    color: #7ABA50;

   bottom: -6px;

    left: 187px; z-index: 999;}



    .slick-prev:after {position: absolute;

    font-family: "Font Awesome 5 Free";

    content: "\f060";

    display: inline-block;

    padding-right: 3px;

    font-weight: 900;

    font-size: 20px;

    color: #7ABA50;

    left: 150px;

   bottom: -6px; z-index: 999;}

    .slick-disabled {opacity: .3;}

    .sec-3-rd-more i {  transform: rotate(-45deg);
    font-size: 17px;
    color: #7ABA50;
    text-decoration: none;
    font-weight: 600;
    margin-left: 5px;
    position: relative;
    top: -3px;
}



    .media-text a i {

transform: rotate(-45deg);
    font-size: 17px;
    color: #7ABA50;
    text-decoration: none;
    font-weight: 600;
    margin-left: -2px;
    position: relative;
    top: -3px;

 

}

.mob-menu.active {

    right: 0;

}   



.mob-menu {

    position: fixed;

    width: 300px;

    height: 100%;

    right: 0;

    top: 0;

    background-color: #f9f9f9;

    right: -100%;

    transition: all 0.9s;

    z-index: 99;

}

.mob-menu.active {

    right: 0;

}

.mobile-bar div {

    background: #253858;

    margin: 4px;

    height: 4px;

    width: 30px; 

}

.tab-box:hover {background-color: #026ed3; cursor: pointer;}

.tab-box:hover h4 {color: #ffffff;}

.tab-box:hover p {color: #ffffff;}







.cws-card-content a{

    padding: 0px !important;

    font-size: 20px;

    color: #7ABA50;

    text-decoration: none;

    font-weight: 600;

    font-style: italic;

    font-display: swap;

    background-color: transparent !important;

}

.cws-card-content i{

transform: rotate(-45deg);

    font-size: 20px;

    color: #7ABA50;

    text-decoration: none;

    font-weight: 600;

    font-style: italic;

}

.cws-card{

/* border: 1px solid black; */

border: 1px solid #CCCCCC;

    border-radius: 20px;

    padding: 25px;



}

.cws-card-content h6{

font-size: 20px;

color: #026ed3;

}

.cws-card-content p{

    color: #CCCCCC;

    font-weight: 400;

}



.on-click-hov{

    border: 1px solid #CCCCCC;

    border-radius: 20px;

    padding: 50px 30px 30px 30px;

}



.moretext {

  display: none;

      margin-top: -18px;

}

.sec-10-part-3-content {z-index: 9;    position: relative;

    justify-items: center;

    display: flex;

    justify-content: center;}

.sec-10-part-3-content button {font-size: 38px;

    color: #ffffff;

    line-height: 1;

    width: 55px;padding: 5px 5px;

}

.media-text a {transition: all 0.5s}

.media-text a:hover { transition: all .5s;

    transform : translateX(10px);  }

.non-hov { transition: all 0.5s }

.sec-3-rd-more { transition: all .5s;}

.sec-3-rd-more:hover {  transition: all .5s;

    transform : translateX(10px);   }

.non-hov:hover {transform: scale(1.1);

    transition: all 0.5s;}

    .sec-1-abt-btn {  border-radius: 6px;

    moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    width: 200px;

    font-size: 19px;

    font-weight: 600;

    color: #fff;

    cursor: pointer;

    margin: 20px 0;

    height: 55px;

    text-align: center;

    border: none;

    background-size: 300% 100%;

    background-image: linear-gradient(to right, #7ABA50, #7ABA50, #30dd8a, #2bb673);

    display: inline-block;

    outline: none;

    text-decoration: none;

    padding: 15px 0;}

    .new-btns a:hover {color:#fff;}

.sec-1-abt-btn:hover { background-position: 100% 0;

    moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;}

.side-bar img {transition: 1s ease;}   

.side-bar img:hover {-webkit-transform: scale(0.8);

-ms-transform: scale(0.8);

transform: scale(0.8);

transition: 1s ease;}

.privacy-policy-text {margin: 50px 0;}

.privacy-policy-text-sec {margin-bottom: 60px;}

.privacy-policy-text-sec h1 {color: #000; font-size: 40px; font-weight: 500; margin-bottom: 10px;}

.privacy-policy-text-sec p { color: #262324; font-size: 1.3125rem; font-weight: 300; line-height: 1.5em;}

.privacy-policy-text-sec li {font-size: 1.4rem; line-height: 1.5em; font-weight: 300; list-style: disc;}

.new-line {position: relative;padding-top: 100px;}

.new-line:before {  position: absolute;

    content: '';

    width: 70%;

    height: 2px;

    background-color: #cccccc;

    top: -35px;

    bottom: 0;

    margin: auto;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}







@media(min-width:320px) and (max-width:575px)

{
.modal-img img {
    max-width: 100%;
    border-radius: 0 7px 7px 0;
    width: 300px!important;
    height: 240px;
    padding: 10px 0;
    text-align: center;
    margin: 13px auto;
    float: none;}
    .modal .slick-track {width: 100%;    min-width: 100%!important;}
    .cws-card {

        /* border: 1px solid black; */

        border: 1px solid #CCCCCC;

        border-radius: 20px;

        padding: 15px;

        margin: 10px 0px;

    }

    

    .cws-card-content p {

        color: #CCCCCC;

        font-weight: 400;

        font-size: 15px;

    }

   

    .cws-card-content a {

        padding: 0px !important;

        font-size: 18px;

        color: #7ABA50;

        text-decoration: none;

        font-weight: 600;

        font-style: italic;

        font-display: swap;

        background-color: transparent !important;

    }

    .privacy-policy-text-sec h1 {font-size: 28px;}

    .privacy-policy-text-sec p {font-size: 16px;}

    .privacy-policy-text-sec li {font-size: 16px;}
.sec-9-part-2-card {margin: 10px 0;}
}

@media(min-width:576px) and (max-width:767px)
{
    .sec-9-part-2-card {margin: 10px 0;}
    .modal-img img {
    max-width: 100%;
    border-radius: 0 7px 7px 0;
    width: 300px!important;
    height: 240px;
    padding: 10px 0;
    text-align: center;
    margin: 13px auto;
    float: none;}
    .modal .slick-track {width: 100%;    min-width: 100%!important;}

    .cws-card-content i {

        transform: rotate(-45deg);

        font-size: 16px;

        color: #7ABA50;

        text-decoration: none;

        font-weight: 600;

        font-style: italic;

    }

    

    .cws-card-content a {

        padding: 0px !important;

        font-size: 14px;

        color: #7ABA50;

        text-decoration: none;

        font-weight: 600;

        font-style: italic;

        font-display: swap;

        background-color: transparent !important;

    }

    .cws-card {

        /* border: 1px solid black; */

        border: 1px solid #CCCCCC;

        border-radius: 20px;

        padding: 15px;

    }

     .privacy-policy-text-sec h1 {font-size: 28px;}

    .privacy-policy-text-sec p {font-size: 16px;}

    .privacy-policy-text-sec li {font-size: 16px;}

}



@media(min-width:576px) and (max-width:991px)

{
    .our-companies-compres {
    padding-left: 0;}
.our-companies-box a {font-size: 12px;}
    .cws-card-content p {

        color: #CCCCCC;

        font-weight: 400;

        font-size: 14px;

        

    }

    .cws-card-content h6 {

        font-size: 21px;

        color: #026ED3;

    }

.privacy-policy-text-sec h1 {font-size: 28px;}

.privacy-policy-text-sec p {font-size: 16px;}

.privacy-policy-text-sec li {font-size: 16px;}

.sec-9-part-2-card-body { text-align: center; padding: 0 5px;}

.partners-img {text-align: center;}

.partners-img img {width: 108px;}

.sec-10-card-linked-in img {max-width: 50px!important;}



}







@media only screen and (min-width: 320px) and (max-width: 767px)
{
.sec-9 .sec-9-head a {margin-top: -30px; margin-bottom: 30px;}
.sec-9-head {display: flex;flex-direction: column;}
.media-box {    min-width: 282px!important;}
.out-reach-media .media-box {margin: 10px auto!important;}
    .new-line:before {top: -58px;}

    .partners-img {text-align: center;}

    .footer-email button {    width: 42%;}

    .slider-sec {

    margin-left: 0;

}



    .sec-1-bnr-sec {

    max-height: 100%;

}

.footer-1-left {

    width: 100%;

}

.slider-sec {

    margin-left: 0;

}



.se-box {

    width: 100%;

}

.sec-8 {display: none;}

.se-box .form-control {

    padding-right: 45px;

}

.input-btn {

    position: absolute;

    right: 8px;

    top: 6px;

    background: transparent;

    border: none;

    padding: 0;

    transform: scale(0.8);

}

.patch-3 a {

    background-color: var(--blue-color);

    color: #fff;

    border-radius: 3px;

    padding: 5px 25px;

}

.sec-2-text {

    padding-top: 50px;

}

.sec-1-abt-btn {margin-bottom: 50px;}

.sec-3-text-part h1 {font-size: 29px;}

.sec-3-inr-text-part {

    max-width: 100%;

}

.sec-3-text-part p {

    font-size: 15px;}

 .sec-4-head h1 {font-size: 29px;}   

.sec-4-head {

    max-width: 100%;

}

.domain-text h1 {font-size: 29px;}

.domains-img-head {margin: 10px auto;}

.sec-6-head h1 {font-size: 29px;}

.outer-cart-body {    margin: 15px 0;}

.sec-7-head h1 {font-size: 29px;margin-top: 80px;}

.partners {padding-top: 60px;}

.sec-3 {margin: 60px 0px;}

.sec-4-head h1 {margin-top: 70px;}

.sec-4 {padding-bottom: 50px;}

.sec-4-part-2 { padding-top: 10px;}

.partners-text h1 {font-size: 29px;}

.sec-9 {margin-bottom: 50px;}

.sec-10-head h1 { margin-top: 60px;}

footer { padding-top: 40px;}

.sec-6 { padding-bottom: 40px;}

.sec-7 {padding-bottom: 40px;}

.sec-9-head h1 { margin-top: 80px;}

.sec-9-part-1-text {margin: 35px 2px 0px 20px;}

.sec-7-card-text-part h6 {font-size: 25px;}

.sec-7-card-text-part p { font-size: 18px;}

.sec-9-head h1 {font-size: 29px;}

.sec-9-part-1 { display: block; text-align: center;}

.sec-9-part-1-text p {    font-size: 18px}

.sec-9-part-2-card {margin: 15px 0;height: auto;}

.sec-10-head h1 {font-size: 29px;}

.outreach-tab .nav li { width: 260px; margin: 5px auto;}

.outreach-tab .nav li button {width: 100%;}

.box-sec {margin-top: 40px;}

.sec-10-card-text-part-head h6 { font-size: 25px;}

.sec-10-card-text-part-head p { font-size: 20px;}

.sec-10-card { margin: 20px 0;}

.footer-1-contact ul { display: block;}

.footer-1-contact ul li {margin-right: 0; width: 100%;margin-bottom: 30px;}

.footer-1-contact li span {margin-left:5px; font-weight: 500;

    margin-top: 6px;    display: inline-block;}

.Outreach-media {padding: 40px 0;}

.footer-1-contact ul li br {display: none;}

.footer-1-contact { margin-bottom: 10px;}

.sec-10-part-3-content { padding-top: 30px;}

.sec-10 {padding-bottom: 50px;}

.sec-10-card-text-part-bottom p { font-size: 15px;margin: 22px 15px 45px 15px;}

.sec-2-text h1 {  font-size: 40px;}

.sec-2-text p {font-size: 20px;}

.sec-7-card { margin: 15px 0;}

.sec-9-head h1 {}

.head-nav ul li { padding: 0px 0px;}

.li-nv-sm-icn { margin-right: -19px}

.navbar-nav li {width: 200px; display: block;}

.navbar-nav li a {color: #878B92; width: 200px;

    text-decoration: none;

    font-family: 'Graphik';

    font-size: 16px;}

    .mobile-bar {margin-top: -41px;}

    .menu-mob .li-nv-sm-icn a {width: 50px; height: 46px;}

    .menu-mob .li-nv-sm-icn {}

    .partners-img img {

        width: 120px;

    height: auto;

    display: inline-block;

    margin: 28px;

    mix-blend-mode: multiply;

}

.modal-lefts h2 {

    font-size: 20px;

}

.modal-lefts p { font-size: 14px;}

.modal-img {

    text-align: center;

}

.mid-p {

    padding-top: 0!important;

}

.contact-bnr-sec {height: 210px!important;}

.com-he h1:before {/*top: -8px;*/}

.footer-1-contact ul li:nth-child(2):before {left: -34px;}

.contact-us-sec-3-body {  padding: 10px 30px!important;}

.footer-email button {width: 48%!important;}

.slick-prev:after { left: -33px;right: 0;  margin: auto;}

.slick-next:after {  left: 33px; right: 0;  margin: auto;}

.inner-cart-head h2 {font-size: 20px;}

.menu-mob .patch-1 .align-items-center {align-items: start!important;}

.mob-icon ul {    padding-left: 0;}

.tab-box { min-height: 145px; max-height: 145px;}

.tab-box p {    margin-top: 20px!important;}

}





@media only screen and (min-width: 768px) and (max-width: 990px){

.sec-2-text h1 {  font-size: 40px;}

.sec-2-text p {font-size: 20px;}

.sec-7-card { margin: 15px 0;}

.sec-9-head h1 { font-size: 27px;margin-top: 20px;}
.sec-3-rd-more i {margin-left: 5px;}

.head-nav ul li { padding: 0px 0px;}

.li-nv-sm-icn { margin-right: -19px;}

.head-nav ul li a {font-size: 13px;}

.head-logo img {width: 90%;}

.sec-2-text { }

.sec-1-abt-btn {}

.sec-1-bnr-sec {max-height: 100%;}

.sec-3-text-part h1 {font-size: 27px;}

.sec-3-inr-text-part {  max-width: 100%;}

.sec-3-text-part p {  font-size: 14px;}

.sec-4-head h1 {font-size: 27px;}

.sec-4-card-img-part img {  padding-left: 25px;}

.sec-4-card-text-part h6 {padding-left: 25px;font-size: 15px;}

.sec-4 .sec-4-part-2 .sec-4-card .sec-4-card-img-part:after { left: 26px;}

.domain-text h1 {font-size: 27px;}

.domains-img-head {margin: 20px auto;}

.sec-6-head h1 { font-size: 27px;}

.inner-cart-head h2 {font-size: 23px;}

.inner-cart-content-slide-1 p { font-size: 20px; line-height: 30px;}

.sec-7-head h1 {font-size: 27px;}

.sec-7-card-text-part h6 {font-size: 20px;}

.sec-7-card-text-part p { font-size: 15px; line-height: 20px;}

.sec-9 {margin-bottom: 0px;padding: 80px 0;}

.sec-9-part-2-card {margin-bottom: 20px;}

.sec-10-head h1 {font-size: 27px;margin-top: 80px;}

.outreach-tab ul li  {  margin-right: 20px; width: 30%;}

.outreach-tab .nav li { margin-right: 4px; width: fit-content;}

.outreach-tab .nav li button {width: 100%; margin-bottom: 15px;}

.slider-sec {  margin-left: 0;}



.slick-prev:after {bottom: 0;}

.slick-next:after {bottom: 0;}

.sec-10-card-text-part-bottom p {

    font-size: 14px;

    color: #878B92;

    margin: 22px 15px 55px 15px;

}

.sec-10-card-text-part-head h6 {

    font-size: 20px;

}

.sec-10-card-text-part-head p {

    font-size: 18px;}

    .footer-1-left {

    width: 90%;

}

.sec-8-head h1 {font-size: 27px;}

.sec-9-part-1-text p {

    font-size: 20px;

}

.outreach-tab ul {

    justify-content: left;

}

.modal-img {  text-align: center;}

.modal-lefts h2 { font-size: 20px;}

.modal-lefts p {font-size: 12px;}

.modal-lefts a { font-size: 14px;margin-top: 0px;}

.modal-dialog {margin: 8px;}

.contact-bnr-sec { height: 310px!important;}

.sec-10-card-linked-in img { position: absolute; top: -72px;  /* left: 0; */  right: -30px;  max-width: 60px;  border: none !important;}

.sec-10-card-img-part img {  width: 150px; height: 150px;}

.footer-email button {width: 48%!important;}

.slick-next:after { left: 33px;right: 0; margin: auto;z-index: 99;}

.slick-prev:after {left: -33px;right: 0;margin: auto;z-index: 99;}

.outreach-tab .nav li button { font-size: 10px;padding: 10px 15px;}

.domains-img-head {width: 308px;}

.domains-img img {width:100%}

.domains-img-head {  width: 308px;}

.domains-text2-head { margin-top: -150px;}

.domains-img-head:hover .domains-text2-head { margin-top: -415px;}

.tab-box { min-height: 145px; max-height: 145px;}

.tab-box p {    margin-top: 20px!important;}

}



@media only screen and (min-width: 991px) and (max-width: 1024px){

.sec-2-text h1 {  font-size: 40px;}

.sec-2-text p {font-size: 20px;}

.sec-7-card { margin: 15px 0;}

.sec-9-head h1 {margin-top: 0; font-size: 27px;}

.head-nav ul li { padding: 0px 0px;}

.li-nv-sm-icn { margin-right: -19px;}

.head-nav ul li a {font-size: 13px;}

.head-logo img {width: 90%;}

.sec-2-text { }

.sec-1-bnr-sec {max-height: 100%;}

.sec-1-abt-btn {}

.sec-3-text-part h1 {font-size: 27px;}

.sec-3-inr-text-part {  max-width: 100%;}

.sec-3-text-part p {  font-size: 14px;}

.sec-4-head h1 {font-size: 27px;}

.sec-4-card-text-part h6 {padding-left: 25px;font-size: 15px;}

.domain-text h1 {font-size: 27px;}

.domains-img-head {margin: 20px auto;}

.sec-6-head h1 { font-size: 27px;}

.inner-cart-head h2 {font-size: 26px;}

.inner-cart-content-slide-1 p { font-size: 20px; line-height: 30px;}

.sec-7-head h1 {font-size: 27px;}

.sec-7-card-text-part h6 {font-size: 20px;}

.sec-7-card-text-part p { font-size: 15px; line-height: 20px;}

.sec-9 {margin-bottom: 0px;padding: 80px 0;}

.sec-9-part-2-card {margin-bottom: 20px;}

.sec-10-head h1 {font-size: 27px;}

.outreach-tab ul li  {  margin-right: 20px; width: 30%;}

.outreach-tab .nav li button {font-size: 13px;}

.outreach-tab .nav li button {width: 100%; margin-bottom: 15px;}

.slider-sec {  margin-left: 0;}

.slick-prev:after {bottom: 0;}

.slick-next:after {bottom: 0;}

.media-next-slider .slick-prev:after {bottom: 0;left: 83px;}

.media-next-slider .slick-next:after {bottom: 0;left: 115px;}

.sec-10-card-text-part-bottom p { font-size: 14px;  color: #878B92;  margin: 22px 15px 55px 15px;}

.sec-10-card-text-part-head h6 { font-size: 20px;}

.sec-10-card-text-part-head p { font-size: 18px;}

.footer-1-left { width: 90%;}

.sec-8-head h1 {font-size: 27px;}

.sec-9-part-1-text p { font-size: 20px;}

.tab-box h4 {   font-size: 17px;}

.domains-img-head {width: 225px;}

.domains-img-head:hover .domains-text2-head {padding: 30px 12px;}

.domains-img-text p { font-size: 15px;}

.domains-img-head { height: 304px;}

.domains-img-head:hover .domains-text2-head { height: 304px;margin-top: -304px;}

.sec-9-part-2-card-text p {font-size: 16px;}

.outreach-tab ul { justify-content: left;}

 .modal-dialog {margin: 20px;}

 .modal-lefts p { font-size: 14px;}

 .outreach-tab .nav li {margin-right: 7px; width: 19%;}



}





@media only screen and (min-width: 1025px) and (max-width: 1199px){

.outreach-tab .nav li button {font-size: 13px;  width: 100%;}

.media-text p {

    font-size: 13px;

    color: #878B92;

    line-height: 25px;

}

.outreach-tab ul {

    justify-content: left;

}

.sec-3-text-part h1, .sec-4-head h1, .domain-text h1, .sec-6-head h1, .sec-7-head h1, .sec-8-head h1, .sec-8-head h1, .sec-9-head h1, .sec-10-head h1, .sec-10-head h1  {font-size: 35px;}

.sec-4-card-text-part h6 {font-size: 20px;}

.domains-img-head {width: 225px;}

.domains-img-head:hover .domains-text2-head {padding: 30px 12px;}

.domains-img-text p { font-size: 15px;}

.domains-img-head { height: 304px;}

.domains-img-head:hover .domains-text2-head { height: 304px;margin-top: -304px;}

.sec-7-card-text-part p {

    font-size: 20px;

    line-height: 25px;}

.sec-7-card-text-part h6 {

    font-size: 25px;}



.sec-9-part-2-card-text p {font-size: 16px;}

.media-box {}

.media-text p {font-size: 17px;}

.tab-box h4 {  font-size: 15px;}

.sec-10-card-text-part-bottom p { font-size: 15px; margin: 22px 20px 55px 20px;}

.sec-10-card-text-part-head p {  font-size: 20px;}

.sec-10-card-text-part-head h6 {  font-size: 24px;}

.footer-1-left {  width: 70%;}

.outreach-tab .nav li {margin: 9px 4px; width: 19%;}

.contact-us-sec-3-body { padding: 60px 25px!important;}

.contact-us-sec-3-content-part p { font-size: 16px!important;}

.slick-prev:after {left: 70px;}

.slick-next:after {left: 100px;}

}



@media only screen and (min-width: 1200px) and (max-width: 1399px){

.outreach-tab .nav li button {font-size: 14px;}

.outreach-tab .nav li { margin-right: 10px;}

.contact-us-sec-3-body {

    padding: 60px 25px!important;

}

.contact-us-sec-3-content-part p {

    font-size: 16px!important;

}

.tab-box h4 {

    font-size: 17px;

    color: #878B92;

    line-height: 23px;

}

.media-text p {

    font-size: 16px;

    color: #878B92;

    line-height: 20px;

}

.sec-1-bnr-sec {

    max-height: 520px;

}

.sec-2-img img {width: 80%;}

.sec-2-img {text-align: right;}

}





/* contact us page css starts here  */

.bnr-breadcrumps{

    margin-top: 20px;

}

.bnr-breadcrumps .cnt a{

    font-weight: 500;

}

.bnr-breadcrumps a{

    text-decoration: none;

    color:#000;

}

.frm-sec-cnt{

    font-size: 17px;

}

.contact-us-sec-3-content-part p{

    font-size: 18px;

}

.contact-form-sec{

    margin: 50px 0px;

}

.contact-bnr-sec

{

background-image: url(../images/contact-banner.png);

width: 100%;

height: 420px;

background-repeat: no-repeat;

background-size: cover;

background-position: center;

}

.contact-form-head h1{

    color: #000;

    font-size: 40px;

    font-weight: 500;

    margin-bottom: 40px;

}

.cnt-frm-rw-dv{

    margin-bottom: 20px;

}

.cnt-frm-rw

{

    margin-bottom: 20px;

}

.cnt-frm-inp{

    padding: 10px;

    background-color: #e9ecef;

}

.cnt-frm-inp:hover

{

    background-color: #fff;

    border: 1px solid #7ABA50;

}

.cnt-sbmt-btn{

    text-align: center;

}

.contact-us-sec-3-img-part img{

    max-width: 100%;

}

.contact-us-sec-3-main

{

    border: 1px solid transparent;

    color: #fff;

    background-color: #7ABA50;

    border-radius: 6px;

}

.contact-us-sec-3-main-rw{

    padding: 0px 50px;

}

.contact-us-sec-3-body

{

    text-align: center;

}

.contact-us-sec-3-body

{

    padding: 50px 12px;

}

.contact-us-sec-3-img-part{

    padding-bottom: 15px;

}

.contact-us-sec-3-brdr{

    position: relative;

}

/* .contact-us-sec-3-brdr::before

{

    content: '';

    position: absolute;

    bottom: 0px;

    height: 10px;

    width: 2px;

    color: #fff;

} */

.contact-us-sec-3-main-rw {

    padding: 0px 94px;

}.contact-us-sec-3-body {

    padding: 60px 62px;

}

.contact-us-sec-3-brdr::after {

  content: '';

    position: absolute;

    bottom: 60px;

    height: 84px;

    width: 2px;

    color: #fff;

    background-color: white;

    top: 45px;

    bottom: 0;

    margin: auto;
}

.mid-p {padding-top: 20px;}

.contact-us-sec-3-body {}

.contact-us-sec-3-content-part {}

.contact-bnr-sec {display: flex;}

.contact-bnr-sec h1{

    font-size: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

    padding-left: 100px;

}

.cnt-sbmt-btn{

    text-align: center;

}

.cnt-sbt-btn{

    padding: 10px 50px;

}

.frm-sec-cnt{

    /* color: #e9ecef; */

    font-weight: 400;

}

.input-group-text{

    background-color: white;

    /* color:#e9ecef; */

}

.contact-us-sec-3

{

    margin: 80px 0px;

}

.contact-us-sec-3-brdr:nth-child(1)::after

{

display: none;

}

.contact-us-sec-3-img-part {

    padding-bottom: 15px;

    height: 75px;

}

.out-reach-media{    display: flex;    flex-wrap: wrap;}

.out-reach-media .media-box{    width: 22%;

    margin: 0px 15px 30px;}
    body .invlogo4 {width: 200px;}

@media (min-width:768px) and (max-width:991px)

{

    .contact-us-sec-3-main-rw

    {

        padding: 0px !important;

    }

    .contact-us-sec-3-body 

    {

        padding: 30px;

    }

    .contact-us-sec-3-brdr::after 

    {

        display: none;

    }

    .contact-us-g-box-cnt-1 p{

        padding: 0px 60px;

    }

    .contact-us-sec-3-body {

        padding: 10px 30px;

    }

}

@media(min-width:576px) and (max-width:767px)

{

    .contact-us-sec-3-main-rw

     {

        padding: 0px;

    }

    .contact-us-sec-3-body {

        padding: 30px 30px;

    }

    .contact-us-sec-3-brdr::after 

    {

        display: none;

    }

    .contact-us-sec-3 {

        margin: 40px 0px;

    }

}

@media (max-width:575px)

{

    .contact-bnr-sec h1

    {

        padding: 0px;

        margin: 0 auto;

    }

    .contact-us-sec-3-main-rw {

        padding: 0px;

    }

    .contact-us-sec-3-body {

        padding: 30px 30px;

    }

    .contact-us-sec-3-brdr::after 

    {

        display: none;

    }

    .contact-form-head h1{

        font-size: 30px;

    }

    .cnt-frm-inp {

     padding: 10px 10px;

        background-color: #e9ecef;

    }

    .contact-form-sec {

    margin: 30px 0px;

}

    .frm-sec-cnt {

        font-size: 13px;

    }

    .contact-us-sec-3-content-part p {

        font-size: 16px;

    }

    .contact-us-sec-3 {

        margin: 40px 0px;

    }

}

@media (max-width:300px)

{

    .contact-form-head h1{

        font-size: 24px;

        margin-bottom: 20px;

    }

    .contact-us-sec-3 {

        margin: 40px 0px;

    }

}

@media (min-width:301px) and (max-width:326px)

{

    .contact-form-head h1{

        font-size: 28px;

    }   

    .contact-us-sec-3 {

        margin: 40px 0px;

    }

}

@media (min-width:1200px) and (max-width:1399px)

{

    .contact-us-sec-3-img-part {

        padding-bottom: 15px;

        height: 75px;

    }

    .contact-us-sec-3-body {

    padding: 60px 45px !important;

}

.sec-9-part-2-card-text {

    font-size: 18px;

    color: #CCCCCC;

    line-height: 25px;

}

  

  .tab-box {

    border: 1px solid #ccc;

    background-color: #ffffff;

    padding: 20px 20px;

    border-radius: 20px;

    margin-bottom: 15px;

    min-height: 214px;

    max-height: 214px;

}

.tab-box p {margin-top: 20px!important;}

}

@media (min-width:992px) and (max-width:1199px)

{

    .contact-us-sec-3-img-part {

        padding-bottom: 15px;

        height: 75px;

    }

    .contact-us-sec-3-body {

        padding: 30px 30px;

    }

    .contact-us-sec-3-main-rw {

        padding: 0px 30px;

    }

}

/* contact us page css ends here  */