/*/////////////////////////////////////////////////////////////////////////
//                                                                       //
//       DESIGNED & DEVELOPED BY IKOKAS DIGITAL AGENCY                   //
//                                                                       //
//      YOU ARE UNDER SURVEILLANCE OF IKOKAS DIGITAL AGENCY                 //
//                                                                       //
// ILLEGAL HACKING ATTEMPT IS SUBJECT TO A SERIOUS INTERNATIONAL CRIME   //
//                                                                       //
/////////////////////////////////////////////////////////////////////////
*/
/*Author: Sumit Sharma*/
body{
    /* font-family: 'robotolight'; */
    font-family: 'robotoregular'; 
    overflow-x: hidden; color: #333;line-height: 28px;}
header{background: transparent;}
.menu_bar {   z-index: 99; width: 100%;transition: all 0.4s ease-in-out; 
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;}
.color-black{color: #333;}
.menu_bar.sticky {
    background: #FFF;
    padding: 7px 0px 7px 0px;
    position: fixed;
    -webkit-box-shadow: 0px 0px 85px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 0px 85px 0px rgba(0, 0, 0, 0.14);
    -o-box-shadow: 0px 0px 85px 0px rgba(0, 0, 0, 0.14);
    -ms-box-shadow: 0px 0px 85px 0px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 0px 85px 0px rgba(0, 0, 0, 0.14);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    z-index: 999;
}
button:focus{outline: none !important;}
.menu_bar.sticky .navbar-nav li a { color: #31394f;}
.menu_bar.sticky .navbar-nav li ul li a { color: #808988;}
.navbar-nav li a{ color: #333;font-size: 14px; font-weight: 400; letter-spacing: 0.1491628px; padding: 5px 30px !IMPORTANT;display: block;}
.navbar-nav li.active a{  border: 2px solid rgba(255, 255, 255, 0.5);border-radius: 30px;}
.navbar-nav>li.current-menu-item>a{    border: 2px solid rgb(24, 144, 154);border-radius: 30px;}
.navbar-nav>li.current-menu-parent>a{    border: 2px solid rgb(24, 144, 154);border-radius: 30px;}
.navbar-nav>li.current-menu-parent>ul>li.current-menu-item{background: #178993;}
.navbar-nav>li.current-menu-parent>ul>li.current-menu-item>a{color: #FFF;}
.menu_bar.sticky .navbar-nav li.active a {   border: 2px solid #14b45c;}
/*.menu_bar.sticky .navbar-nav li.current-menu-item a {   border: 2px solid #14b45c;}*/
.menu_bar.sticky .navbar-nav li a{padding: 5px 30px !important;}
.rah-logo{max-width: 233px;}
.navbar-nav li a{color: #333;}
.navbar-nav li .sub-menu a { color: #808988;}
/*li.nav-item+li.nav-item{margin-left: 45px;}*/
a:hover{text-decoration: none;}
ul, ol{margin: 0;padding: 0;}
/*.solution, .infrastructure{background: url(./../img/solution-bg.png); background-size: cover;    background-size: 100% 100%;}*/
.solution, .infrastructure, .gay-bg{background: rgba(77, 191, 198, 0.10);}
.white-bg{background: #FFF;}
/*.who-we-are{background: url(./../img/bg-sm.png);background-size: 130% 100%; background-position: center;}*/
.news-slider .owl-stage-outer {padding: 200px 20px 100px;}
.news-slider  .owl-item.active {
    box-shadow: 0px 8px 12px rgba(51, 51, 51, 0.12);
}
.news-slider .owl-stage {
        margin: 25px 0px;
        overflow: visible;
    }
       .owl-item:first-child {
        padding-left: 10px;
    }
    .owl-item:last-child {
        padding-right: 10px;
    }
.news-slider .owl-item{transition: all 0.5s ease;}
.news-slider { padding: 15px 0px 50px;}
.news-slider .owl-item.active.center {  transform: scale(1.15);  box-shadow: 0px 30px 40px #333;  z-index: 9;}
/*.latest-updates {  background: url(./../img/latest-update-bg.png);background-size: 100% 100%;}*/
.news-slider .owl-carousel .owl-item img.blog-circle-img {width: auto; margin: 0 auto;  max-width: 150px;}
.news-slider .outer-circle { margin: 0 auto;  max-width: 160px;  position: absolute; left: 0;  right: 0; top: -32%;animation: none}
.news-slider .inner-circle {margin: 0 auto;  max-width: 190px;  position: absolute;  left: 0; right: 0;  top: -37%;animation: none}

.news-slider .owl-item.active.center .outer-circle { -webkit-animation: rotation 6s linear 0s infinite normal none;
    -moz-animation: rotation 6s linear 0s infinite normal none;
    -ms-animation: rotation 6s linear 0s infinite normal none;
    -o-animation: rotation 6s linear 0s infinite normal none;
    animation: rotation 6s linear 0s infinite normal none;
}
.news-slider .owl-item.active.center .inner-circle {-webkit-animation: rotation1 6s linear 0s infinite normal none;
    -moz-animation: rotation1 6s linear 0s infinite normal none;
    -ms-animation: rotation1 6s linear 0s infinite normal none;
    -o-animation: rotation1 6s linear 0s infinite normal none;
    animation: rotation1 6s linear 0s infinite normal none;
}


footer{background: url(./../../../uploads/2020/01/footer-bg.png);background-size:110% 100%;color:#FFF;padding: 40px 0px;
/*       margin-top: -230px;  */
       background-position: center center;}
footer ul{list-style: none;}
.footer-social ul li{display: inline-block;}
.footer-social ul{padding: 0; margin: 0;}
.footer-social ul li a{display: inline-block; width: 30px; height: 30px; background: #FFF; border-radius: 50%; text-align: center; line-height: 30px;color: #1f2536;}
.footer-social ul li+li{margin-left: 30px;}
footer ul{margin: 0; padding: 0;}
.pt-40{padding-top: 40px;}
.pt-10{padding-top: 10px;}
footer.gap{
    padding: 200px 0px 70px;
}
.gap{padding: 100px 0px;}
.bottom-gap{padding-bottom: 100px;}
.top-gao{padding-top: 100px;}
.mini-gap{padding: 20px 0px;}
.color-white , .color-white h2{color: white;}
.big-gap{    padding: 80px 0px 150px;}
.mb-70{margin-bottom: 70px;}
.mb-30{margin-bottom: 20px;}
.small-gap{padding: 40px 0px;}
.banner-text { position: absolute;top: 50%; width: 100%; max-width: 1170px; margin: 0 auto;left:15px;right: 0;transform: translate(0, -50%);
               background:rgba(85, 209, 200, 0.48);padding: 20px;border-radius: 10px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);}
.banner-text ul{list-style: inside; margin-top: 50px;}
.banner-text h1{  color: #FFF; font-size: 38px;  }
.banner-text ul li { color: #FFF;  font-size: 18px;  line-height: 24px;  margin-top: 20px;}
h2{ color: #171d1c; font-size: 22px;font-weight: 700;}
.shad{font-size: 40px;font-family: 'robotolight';font-weight: 400; line-height: 1.07; letter-spacing: 0.21px;  color: #18909a;}
.shad:after{content: "";background-image: url(./../img/sec-heading.png);width:66px;height:65px;position:absolute;top:-45px;background-repeat: no-repeat;    animation: movebounce 8s linear infinite;}
.shad b{font-family: 'robotoregular'; font-weight: 800;}
p{    color: #808988;  font-size: 15px;  line-height: 28px;    }
.multi-color p{text-align: justify;}
.details-list p{text-align: justify;}
.who-we-are p{text-align: justify;}
.justify-content p{text-align: justify;}
h4{ font-size: 18px;  font-weight: 600;}
.infrastructure h4{font-weight: 400; text-transform: capitalize;}
.solution h3 { font-size: 22px; font-weight: 700; line-height: 30px;  margin-bottom: 30px;text-transform: capitalize;}
.solution p{margin: 0;}
.orange-color{color: #fbb13c;}
.blue-color{  color: #16bac5;}
.red-color{ color: #ff715b;}
.green-color{color: #14b45c;}
img.blog-circle-img {  height: 150px; width: 150px !important; object-fit: cover; border-radius: 50%; box-shadow: 0px 0px 30px #cccccc57;}
.flex-center{    align-items: center; display: flex;}
.height-100{height: 100%;}
.inner-circle-banner {  position: absolute;  left: 0;right:0; margin: 0 auto;  padding: 15px; width: 1100px !important;   -webkit-animation: rotation1 10s linear 0s infinite normal none;
    -moz-animation: rotation1 10s linear 0s infinite normal none;
    -ms-animation: rotation1 10s linear 0s infinite normal none;
    -o-animation: rotation1 10s linear 0s infinite normal none;
    animation: rotation1 10s linear 0s infinite normal none;}
.outer-circle-banner {position: absolute;   left: 0;  right:0; margin: 0 auto; width: 1100px !important;   -webkit-animation: rotation 10s linear 0s infinite normal none;
    -moz-animation: rotation 10s linear 0s infinite normal none;
    -ms-animation: rotation 10s linear 0s infinite normal none;
    -o-animation: rotation 10s linear 0s infinite normal none;
    animation: rotation 10s linear 0s infinite normal none;}
.circle-banner-img { position: absolute;  top: -25%;  -webkit-animation: rotation1 10s linear 0s infinite normal none;
    -moz-animation: rotation1 10s linear 0s infinite normal none;
    -ms-animation: rotation1 10s linear 0s infinite normal none;
    -o-animation: rotation1 10s linear 0s infinite normal none;
    animation: rotation1 10s linear 0s infinite normal none;}
.shift-up{margin-top: -22%; position: absolute; right: -10%;}
.owl-carousel .owl-item .main-banner-circle-img { width:1100px; height:1100px; border-radius: 50%;  margin: 0 auto;   padding: 20px;  object-fit: cover;    position: absolute;  left: 0;     max-width: none !important;}
.banner-slider iframe{width:1100px;height:1100px;  border-radius: 50%; margin: 0 auto;  padding: 20px;position: relative; z-index: 9;}
.news-details{}
.banner-slider.owl-carousel .owl-item { overflow: hidden;}
.newsroom-slide-box{ padding: 15px;}
.shadow-box {  box-shadow: 0px 8px 12px rgba(51, 51, 51, 0.12); border-radius: 10px;    min-height: 451px;}
.form-submit {  width: 100%;}
p.comment-form-comment {   width: 100%;}
.news-details { padding: 15px;}
.new-view .thirty{flex: 0 0 20%;max-width: 20%;padding-right: 15px;}
.seventy { flex: 0 0 80%;    max-width: 80%;    padding-left: 15px;}
.latest-news-logo1 .new-view { background: #FFF; padding: 0 0px 0px 0px; display: flex; padding: 15px; box-shadow: 0px 0px 15px rgba(204, 204, 204, 0.72);  margin: 20px 0px 40px; border-radius: 10px;}
.latest-news-logo1 {   max-height: 650px;  overflow-y: auto;    padding: 15px;}
.thirty .blog-circle-img {
    height: 150px;
    width: 150px !important;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0px 0px 30px #cccccc57;
}
/*.main-banner-circle-img{    width: 600px !important;
    height: 600px;
    margin: 0 auto;
    border-radius: 50%;
    object-fit: cover;
    padding: 25px;}*/
.news-img-view { height: 170px; width: 100%; object-fit: cover; background: #f1f1f1;margin-bottom: 10px;    border-top-right-radius: 10px;border-top-left-radius: 10px;}

@media (min-width: 1500px)
{.container {   max-width: 1450px;}}
@media (min-width: 1100px)
{
.col-md-3.col-5view {
    -ms-flex: 0 0 25%;
    flex: 0 0 20%;
    max-width: 20%;
}
}
@media (min-width: 1300px)
{
    .latest-news-logo1 .new-view { max-width: 96%;}
    .banner-text { max-width: 80%;}
    .solution .container {   max-width: 1000px;}  
/*    .who-we-are .container{max-width: 80%;}*/
    .container.max-width {  max-width: 1000px;}
}
ul.half-list {  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap;  list-style: none;}
ul.half-list  li{-ms-flex: 0 0 50%; flex: 0 0 50%;  max-width: 50%;position: relative;    margin-bottom: 60px;   padding-left: 75px;font-size: 15px;  line-height: 22px;}
ul.half-list  li:before{content:""; background: url(./../img/red-list.png);height: 60px; width: 60px; position: absolute; left: 0; background-size: 100%;  top: -17px;    -webkit-animation: rotate 20s linear infinite;
                        animation: rotate 20s linear infinite; animation-duration: 20s;}
@-webkit-keyframes rotate { 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}}
@keyframes rotate { 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}}
.bounce{-webkit-animation: movebounce 7s linear infinite; animation: movebounce 7s linear infinite;}
@-webkit-keyframes movebounce {
    0% {-webkit-transform: translateY(0px); transform: translateY(0px);}
    50% {-webkit-transform: translateY(20px); transform: translateY(20px);}
    100% {-webkit-transform: translateY(0px); transform: translateY(0px); }
}

@keyframes movebounce {
    0% {-webkit-transform: translateY(0px); transform: translateY(0px);}
    50% {-webkit-transform: translateY(20px);  transform: translateY(20px);}
    100% {-webkit-transform: translateY(0px);  transform: translateY(0px);}
}
ul.half-list li:nth-child(1){color: #fbcb7c; }ul.half-list li:nth-child(1):before{background: url(./../img/yellow-list.png);}
ul.half-list li:nth-child(2){color: #16bac5; }ul.half-list li:nth-child(2):before{background: url(./../img/blue-list.png);}
ul.half-list li:nth-child(3){color: #fc9583; }ul.half-list li:nth-child(3):before{background: url(./../img/red-list.png);}
ul.half-list li:nth-child(4){color: #4cc783; }ul.half-list li:nth-child(4):before{background: url(./../img/green-list.png);}
ul.half-list li:nth-child(5){color: #fbcb7c; }ul.half-list li:nth-child(5):before{background: url(./../img/yellow-list.png);}
ul.half-list li:nth-child(6){color: #16bac5; }ul.half-list li:nth-child(6):before{background: url(./../img/blue-list.png);}
.infrastructure .center-img{max-width: 500px;}
.boxi1{    position: absolute; top: 35px; width: 400px; text-align: right;} .boxi1 h4{ color: #16bac5;} .boxi1 a{ color: #16bac5;}
.boxi1 p, .boxi4 p{text-align: right !important;}
.boxi2 { position: absolute; right: 0;  width: 400px; text-align: left; top: 85px;} .boxi2 h4{color: #fbcd82;} .boxi2 a{color: #fbcd82;}
.boxi3 { position: absolute; right: 0;  width: 400px; text-align: left; top: 50%; padding-left: 90px} .boxi3 h4{color: #ff715b;} .boxi3 a{color: #ff715b;}
.boxi4 { position: absolute;  bottom: 35px; width: 400px;  text-align: right;  left: 0px;}.boxi4 h4{color: #14b45c;} .boxi4 a{color: #14b45c;}
.logo-slider .owl-stage-outer{padding: 50px 0px 0px;}
.slider-box { background: #FFF; padding: 70px 45px 40px 45px;}
.slider-box h3{margin: 15px 0px 35px;}
.latest-news-logo .owl-item:nth-child(1) .item .slider-box h3{color: #16bac5; font-size: 24px; font-weight: 700;  line-height: 30px;   letter-spacing: 0.1118721px;}
.news-slider .owl-carousel .owl-item img.blog-circle-img  { width: auto; margin: 0 auto; max-width: 150px; position: absolute; left: 0; right: 0; top: -31%;}
/*.news-slider .owl-carousel .owl-item.center img {  transform: scale(1.2);}*/
footer h5{font-size: 20px;font-weight: 600;color:#FFF;margin-bottom: 30px;}
footer ul li a{    color: #FFF;font-size: 16px;}
footer ul li a:hover{color:#FBFBFB}
footer .footer-social ul li a:hover{color:#1f2536; -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 0 15px 13px 0 rgb(1, 15, 23), inset 0 1px 3px 0 rgba(178,179,245,0.19);
    -webkit-text-decoration: none;
    text-decoration: none;
   }
footer .footer-social ul li a{    transition: all 350ms;}
.height-100{height: 100%;}
.componey-logo{padding: 0px 20px;}
/*.componey-logo.owl-carousel .owl-item img {box-shadow: 0 330px 37px 0 rgba(178, 179, 245, 0.18);}*/

/*.componey-logo.owl-carousel .owl-item img {
    box-shadow: 0 330px 37px 0 rgba(178, 179, 245, 0.18);
    width: 200px;
    height: 200px;
    object-fit: contain;
    background: #FFF;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 2px 5px 15px #ccccccb8;
    padding: 10px;
    margin-bottom: 20px;
}*/
.small-circ{height: 160px; width: 160px !important; object-fit: scale-down; max-width: none; background: #FFF; border-radius: 50%;}
.partner-circle img.c2-circle {
    width: 170px !IMPORTANT;
}
.partner-circle img.c1-circle {
    width: 200px !important;
}


.componey-logo button.owl-next { position: absolute;right: -60px; background: #31394f !important; display: inline-block; width: 50px;  height: 50px; color: #FFF !important; border-radius: 50%; top: 45%;}
.componey-logo button.owl-prev { position: absolute; left: -60px;background: #31394f !important; display: inline-block;width: 50px;height: 50px; color: #FFF !important;border-radius: 50%; top: 45%;}

.latest-news-logo button.owl-next { position: absolute;right: -60px; background:#31394f !important; display: inline-block; width: 50px;  height: 50px; color: #FFF !important; border-radius: 50%; top: 40%;}
.latest-news-logo button.owl-prev { position: absolute; left: -60px;background:#31394f !important; display: inline-block;width: 50px;height: 50px; color: #FFF !important;border-radius: 50%; top: 40%;}

.latest-updates-slide button.owl-next { position: absolute;right: -60px; background: #31394f !important; display: inline-block; width: 50px;  height: 50px; color: #FFF !important; border-radius: 50%; top: 45%;}
.latest-updates-slide button.owl-prev { position: absolute; left: -60px;background: #31394f !important; display: inline-block;width: 50px;height: 50px; color: #FFF !important;border-radius: 50%; top: 45%;}


.logo-slider { padding: 0px 40px;}
.owl-nav button img{width: 12px;}
.copyright p{margin: 0;}
.copyright p, .copyright ul li a{color: #FFF;font-size: 12px;  font-weight: 600;}
.copyright ul li{display: inline-block;}
.copyright ul{text-align: right;}
.copyright ul li+li{margin-left: 35px;}
.latest-updates ul.nav.nav-tabs li a{font-size: 14px; font-weight: bold;line-height: 1.19;text-align: left; color: #4ec0c6;}
ul.nav.nav-tabs li+li{margin-left: 30px;}ul.nav.nav-tabs{border: 0px;}
ul.nav.nav-tabs li a.active{  background: #18909a;color: #FFF; box-shadow: 0px 5px 10px rgba(0,0,0,0.1);border-radius: 7px;   padding: 3px 15px;}
.tab-content>.active {opacity: 1;}
.header-banner{background: url(./../img/header-img.png); width: 100%;height: 80px; background-size: 100% 100%;}
.top-minus-gap{margin-top: -250px;}
/*.who-we-are img {max-width: 800px;}*/
.big-para, .big-para p {    margin: 0; font-size: 15px; font-weight: 400;  line-height: 28px;    text-align: justify;}
.green-btn { border-radius: 8px;background: #18909a; display: inline-block; margin: 0 auto; color: #FFF; padding: 10px 15px; margin: 50px auto 70px;}
.green-btn:hover { background: #056069; color: #FFF; }
.multi-color h3{font-size: 22px;}
.h3, h3 {
    font-size: 22px;
}
.multi-color h3 a{color: #fbb64a;font-weight: 700;}
.multi-color:nth-child(3) h3 a{color: #32c2cc; font-weight: 700; }
.multi-color:nth-child(4) h3 a{color: #14b45c; font-weight: 700; }
.multi-color img {max-width: 150px;}
.awards h3{margin-top: 30px;}
.awards-name { padding: 0px 20px;}
.awards-name p{  font-weight: 600;   line-height: 20px;}
.awards h4{ font-size: 20px;}
.award-logo .owl-item:nth-child(1) .item .awards-name h4{color: #fbb13c;}
.award-logo .owl-item:nth-child(2) .item .awards-name h4{color: #32c2cc;}
.award-logo .owl-item:nth-child(3) .item .awards-name h4{color: #14b45c;}
.award-logo .owl-item:nth-child(4) .item .awards-name h4{color: #ff715b;}
.bg-gray{background: #eefff4;}
.card{    border-radius: 30px; box-shadow: none; border: solid 2px #1DFFC9; opacity: 0.6;    margin: 15px 0px;}
.card-header {  background: transparent; box-shadow: none !important;   border-radius: 30px !important;border: 0px;padding: 12px 20px;}
.card-header h5{font-size: 16px; text-align: left;}
.card-header a{display: block;cursor: pointer;}
.color-blue-b { color: #16bac5; font-size: 18px;  line-height: 24px;  letter-spacing: 0.1118721px;}
.color-blue-b a{ color: #16bac5; font-size: 16px; line-height: 24px;    font-weight: 600;  letter-spacing: 0.1118721px;}
.color-orange-b {color: #fbb13c; font-size: 18px; line-height: 24px;  letter-spacing: 0.1118721px;}
.color-red-b {  color: #ff715b; font-size: 18px;  line-height: 24px;  letter-spacing: 0.1118721px;}
.color-green-b {color: #14b45c; font-size: 18px;  line-height: 24px;  letter-spacing: 0.1118721px;}
/*.big-navs.owl-carousel .owl-nav .owl-prev{ position: absolute; left: -460px; top: 10%; background: #fff !important; height: 400px;width: 400px;  border-radius: 50%; box-shadow: 0px 0px 30px #b4d8c08c; text-align: right; padding-right: 41px !important;}
.big-navs.owl-carousel .owl-nav .owl-next{position:absolute;right: -460px;top: 10%; background: #fff !important; height: 400px;width: 400px;border-radius: 50%; box-shadow: 0px 0px 30px #b4d8c08c;text-align: left; padding-left: 41px !important;}*/

.big-navs.owl-carousel .owl-nav button.owl-next { position: absolute;right: -60px; background: #31394f !important; display: inline-block; width: 50px;  height: 50px; color: #FFF !important; border-radius: 50%; top: 45%;}
.big-navs.owl-carousel .owl-nav button.owl-prev { position: absolute; left: -60px;background: #31394f !important; display: inline-block;width: 50px;height: 50px; color: #FFF !important;border-radius: 50%; top: 45%;}

.solution-page h4{    color: #fbb64a; margin-top: 70px; font-weight: 700; line-height: 41px;  letter-spacing: 2.04px;}
.slide-big-box { box-shadow: 0px 7px 40px rgba(51, 51, 51, 0.17);  z-index: 9;}
.slide-big-box .slider-box img{width: auto;  margin: 0 auto; max-width: 150px; position: absolute; left: 0;  right: 0;  top: -35%;  min-width: 320px;}
.slide-big-box .slider-box { background: transparent;  padding: 200px 50px 40px 60px; position: relative;  margin-top: 250px;}
.slide-big-box .slider-box p{margin-bottom: 20px;}
.latest-updates.newsroo-updates {  background: #edfef3;}
.latest-updates.newsroo-updates .news-slider .owl-item {  box-shadow: 0px 6px 15px rgba(51, 51, 51, 0.22);}
.news-slider .owl-item.active.center {box-shadow: 0px 30px 40px rgba(51, 51, 51, 0.22);}
.circle-list img{    float: left; width: 62px;    -webkit-animation: rotate 20s linear infinite;
    animation: rotate 20s linear infinite;
    animation-duration: 20s;}
.circle-list .details-list{    padding-left: 85px;padding-right: 30px;}
.circle-list.yellow h5{color: #fbcb7c;}
.circle-list.blue h5{color: #16bac5;}
.circle-list.red h5{color: #fc9583;}
.circle-list.green h5{color: #4cc783;}
.circle-list { margin: 20px 0px;}
.circle-list h5 {  padding: 15px 0px 15px 0px;}
.services .half-list { max-width: 1120px;  margin: 0 auto;}
.sub-menu{display: block;list-style: none;position: absolute;left: 0px; top: -webkit-calc(100% - 15px); top: -moz-calc(100% - 15px); top: calc(100% - 15px);white-space: nowrap;  padding: 0px 0;
          opacity: 0; z-index: 555;  visibility: hidden;text-align: left;  border: 0;
          -webkit-box-shadow: 7px 5px 30px 0 rgba(72,73,121,0.15);-moz-box-shadow: 7px 5px 30px 0 rgba(72,73,121,0.15); box-shadow: 7px 5px 30px 0 rgba(72,73,121,0.15); margin-top: 0;-webkit-border-radius: 0px;
          -moz-border-radius: 0px; border-radius: 0px;box-shadow: 0 5px 5px rgba(0,0,0,.3); border-radius: 0px 0px 4px 4px;}
.menu-item-has-children{    position: relative;}
@media (min-width:768px){
.menu-item-has-children:hover .sub-menu{opacity: 1;visibility: visible;-webkit-transform: rotateX(0) translateZ(0);-moz-transform: rotateX(0) translateZ(0); transform: rotateX(0) translateZ(0); top: -webkit-calc(100%);top: -moz-calc(100% - 0px); top: calc(100% - 0px);}
}
.sub-menu li{border-bottom: 1px solid #ccc;position: relative;background: #FFF;padding: 0px;}
.sub-menu li:nth-last-child(1){border-bottom: 0px;}
.sub-menu li:hover{    background: #178993;}.sub-menu li:hover a{color: #FFF;}
.menu_bar.sticky .navbar-nav li ul li:hover a { color: #FFF;}
.sub-menu li a{    padding: 7px 5px;font-size: 14px; text-transform: capitalize; position: relative; letter-spacing: 0px; z-index: 9;display: block;}






.custom-gap{    padding: 80px 0px 350px;}
.center-circle-img img{max-width: 550px;}
.center-text { position: absolute; top: 50%; left: 0;  right: 0;}
.pos1{ position: absolute; top: 35px;  max-width: 400px; text-align: right;  left: 150px;}
.pos2 { position: absolute; right: 150px;  width: 400px;   text-align: left;   top: 35px;}
.pos3{ position: absolute; top: 50%;  max-width: 400px; text-align: right;  left: 150px;}
.pos4{ position: absolute; right: 150px;  width: 400px;   text-align: left;   top: 50%;}
.pos5{ position: absolute; top: 90%;  max-width: 400px; text-align: right;  left: 150px;}
.pos6{ position: absolute; right: 150px;  width: 400px;   text-align: left;   top:90%;}

.home .banner-slider{object-fit: cover;background: url(./../../../uploads/2020/01/home-banner-bg.png); background-size: 100% 100%;}
.home .banner-slider .item{width: 100% !important;height: calc(100vh - 95px); display: flex;}
/*.home .banner-slider .item{width: 100% !important;height: calc(100vh - 95px);display: flex;align-items: center;}*/
.home-banner-text h1{font-size: 3rem;font-weight: bold;line-height: 1.02;letter-spacing: 0.4px; color: #ffffff;}
.home-banner-text h1::first-word{  float: left;
  font-size: 300%;
  margin: 0 10px 10px 0;
  color:green;
}
.home-banner-text ul{padding-left: 15px;}
.home-banner-text a{background: #0d7882;color: #FFF;padding: 10px 20px;border-radius: 8px; box-shadow: 3px 3px 5px rgba(24, 144, 154, 0.85);margin-top: 20px; display: inline-block; transition:all .5s ease;}
.home-banner-text a:hover {  background: #056069;}
.home-banner-text p, .home-banner-text li{font-size: 15px;line-height: 1.5;letter-spacing: 0.15px;color: #ffffff; margin-bottom: 10px;}
.banner-slider .owl-dots {text-align: center;position: absolute;bottom: 30px;width: 100%;}
.banner-slider .owl-dots .owl-dot {height: 10px;width: 10px;border: 1px solid #fff !important;margin: 3px;border-radius: 50%;}
.banner-slider .owl-dots .owl-dot.active {background: #FFF !important;}
/*.award-slider .owl-carousel .owl-item img {  width: 200px; height: 200px; object-fit: contain; background: #FFF; border-radius: 50%; margin: 0 auto; box-shadow: 2px 5px 15px #ccccccb8; padding: 10px;  margin-bottom: 20px;}*/
.award-slider .owl-carousel .owl-item img { padding: 10px;  margin-bottom: 20px;    margin: 0 auto;}
.award-slider .awards-view{min-height: 285px;}
.border-radious{border-radius: 10px;}
.award-slider .item { padding: 5px;}
.eats-member-card-gallery-component {  border-radius: 10px !important;}
.awards-view {
    background: #FFF;
    box-shadow: 0px 0px 10px #ccc;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.awards-view h5 {
    width: 100%;
    display: flex;
    justify-content: center;    color: #000;
}
.shadow-box-view{box-shadow: 0px 8px 12px rgba(51, 51, 51, 0.12); background: #FFF; padding: 35px 35px 40px 35px;}
/*.box-product{background: #FFF;
    box-shadow: 0px 0px 10px #ccc;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-radius: 15px;-webkit-transition: all 350ms;
    transition: all 350ms;
    margin: 10px;}
.box-product:hover{-webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 0 15px 13px 0 rgba(178,179,245,0.69), inset 0 1px 3px 0 rgba(178,179,245,0.19);
    -webkit-text-decoration: none;
    text-decoration: none;
    background: white radial-gradient(circle,transparent 2%,white 2%) center/10000%;
}*/
.item.partner-circle.position-relative {
    /* background: #FFF; */
    /* box-shadow: 0px 0px 10px #ccc; */
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    -webkit-transition: all 350ms;
    transition: all 350ms;
    margin: 10px;
        height: 190px;
}
img.c1-circle {
    position: absolute; -webkit-transition: all 350ms;
    transition: all 350ms;
}
img.c2-circle {
    position: absolute; -webkit-transition: all 350ms;
    transition: all 350ms;
}
.partner-circle a{position: relative; z-index: 9;}
.partner-circle:hover .c2-circle{-webkit-animation: rotation 6s linear 0s infinite normal none;-moz-animation: rotation 6s linear 0s infinite normal none;-ms-animation: rotation 6s linear 0s infinite normal none;
    -o-animation: rotation 6s linear 0s infinite normal none;
    animation: rotation 6s linear 0s infinite normal none;}
.partner-circle:hover .c1-circle{    -webkit-animation: rotation1 6s linear 0s infinite normal none;
    -moz-animation: rotation1 6s linear 0s infinite normal none;
    -ms-animation: rotation1 6s linear 0s infinite normal none;
    -o-animation: rotation1 6s linear 0s infinite normal none;
    animation: rotation1 6s linear 0s infinite normal none;}
.list-view-b .blog_image{
    width: 200px;
    height: 200px;
    object-fit: cover;
    background: #FFF;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 2px 5px 15px #ccccccb8;
    padding: 10px;
    margin-bottom: 20px;
}
.list-view-b .events-img .blog_image {
    width: 300px;
    height: auto;
    object-fit: cover;
    background: #FFF;
    border-radius: 5px; 
    margin: 0 auto;
    box-shadow: 2px 5px 15px #ccccccb8;
    padding: 10px;
    margin-bottom: 20px;
}
.list-view-b {
    margin: 20px 0px;
    border-bottom: 1px solid #CCC;
    padding: 20px 0px;
}
.card-body ul{    padding: 15px;}
.card-body ul li{    color: #808988;
    font-size: 14px;
    line-height: 28px;}

.page-template-services .center-img {
    max-width: 500px;
}
@media (max-width: 1400px) and (min-width:1025px){
    .center-circle-img img{max-width: 350px !important;}
    .center-text { position: absolute; top: 50%; left: 0;  right: 0;}
    .pos1{ position: absolute; top: 35px;  max-width: 350px; text-align: right;  left: 100px;} .pos1 p{line-height: 22px;}
    .pos2 { position: absolute; right: 100px;  width: 350px;   text-align: left;   top: 35px;} .pos2 p{line-height: 22px;}
    .pos3{ position: absolute; top: 50%;  max-width: 350px; text-align: right;  left: 100px;} .pos3 p{line-height: 22px;}
    .pos4{ position: absolute; right: 100px;  width: 350px;   text-align: left;   top: 50%;} .pos4 p{line-height: 22px;}
    .pos5{ position: absolute; top: 90%;  max-width: 350px; text-align: right;  left: 100px;} .pos5 p{line-height: 22px;}
    .pos6{ position: absolute; right: 100px;  width:350px;   text-align: left;   top:90%;} .pos6 p{line-height: 22px;}
    .outer-circle-banner { width: 850px !important;}
    .inner-circle-banner {width: 850px !important;}
    .main-banner-circle-img { width:850px !important; height: 850px;max-width: fit-content !important;}
    .owl-carousel .owl-item .main-banner-circle-img { width: 850px; height: 850px;}
   .banner-slider iframe{width: 850px;  height: 850px;}  
   .shift-up {  margin-top: -30%; position: absolute; right: -3%;}
   .event-slider .owl-item img {  max-height: 400px;}
}

@media (max-width: 1024px) and (min-width:992px){
     .event-slider .owl-item img {  max-height: 400px;}
    .center-circle-img img{max-width: 350px;}
    .center-text { position: absolute; top: 50%; left: 0;  right: 0;}
    .pos1{ position: relative; top: auto;  max-width: 100%; text-align: left;  left: auto;} .pos1 p{line-height: 22px;}
    .pos2 { position: relative; top: auto;  max-width: 100%; text-align: left;  left: auto;    right: auto;} .pos2 p{line-height: 22px;}
    .pos3{ position: relative;  top: auto;  max-width: 100%; text-align: left;  left: auto;} .pos3 p{line-height: 22px;}
    .pos4{ position: relative;  top: auto;  max-width: 100%; text-align: left;  left: auto;    right: auto;} .pos4 p{line-height: 22px;}
    .pos5{ position: relative;  top: auto;  max-width: 100%; text-align: left;  left: auto;} .pos5 p{line-height: 22px;}
    .pos6{ position: relative;  top: auto;  max-width: 100%; text-align: left;  left: auto;    right: auto;} .pos6 p{line-height: 22px;}
    .outer-circle-banner { width: 750px !important;}
    .inner-circle-banner {width: 750px !important;}
    .main-banner-circle-img { width:750px !important; height: 750px;max-width: fit-content !important;}
    .owl-carousel .owl-item .main-banner-circle-img { width: 750px; height: 750px;}
   .banner-slider iframe{width: 750px;  height: 750px;}  
   .shift-up {  margin-top: -30%; position: absolute; right: -3%;}
   .home-banner-text h1 { font-size: 2rem;}
   .home .circle-img { max-width: 100%;  height: auto;}
   .infrastructure .center-img {max-width: 400px;}
   .boxi2 { width: 320px;}
   .boxi3 { width: 320px;}
   .page-template-services .center-img {max-width: 400px;}
   .mob-top-gap{margin-top: 40px;}
   .shad { font-size: 30px;}
   header .navbar-nav li a {padding: 5px 20px !IMPORTANT;}
   .menu_bar.sticky .navbar-nav li a { padding: 5px 20px !important;}
   ul.nav.nav-tabs li+li {  margin-left: 20px;}
   ul.nav.nav-tabs.location-tab li a { font-size: 14px;}
}
@media (max-width: 1650px) and (min-width:1399px){
.center-circle-img img {
    max-width: 400px;
}
}
@media (max-width: 1200px) and (min-width:768px){
/*.home .banner-slider .item {width: 100% !important;  height: calc(60vh - 95px); display: flex;}*/
}
.twitter-btn {position: absolute;top: 120%;right: 0;}
#twitterModal .modal-body{padding: 0px;}
#twitterModal button.close { position: absolute;  right: -35px;  font-size: 40px; color: #FFF;opacity: 1;}


@media (max-width: 991px) and (min-width:768px){
   header .menu_bar{padding-right: 0px !important}
   header .menu_bar .container{max-width: 100%;}
     header .navbar-nav li a{padding: 10px 10px !IMPORTANT; font-size: 13px;}
     .mob-top-gap{margin-top: 40px;}
      header .navbar-nav li a {padding: 2px 10px !IMPORTANT;}
   .menu_bar.sticky .navbar-nav li a { padding: 2px 10px !important;}
   ul.nav.nav-tabs li+li {  margin-left: 20px;}
   ul.nav.nav-tabs.location-tab li a { font-size: 12px;}
   .shad { font-size: 30px;}
   .rah-logo { max-width: 175px;}
   footer.gap { padding: 150px 0px 30px;}
   .row.copyright.mt-5 {
    margin-top: 0rem!important;}
    footer ul li a { font-size: 14px;}
    h2 {font-size: 20px;}
    .infrastructure .center-img { display: none;}
    .shad { font-size: 30px;}
.boxi1{  position: relative; top: auto; width: 100%; text-align: left;} .boxi1 h4{ color: #16bac5;} .boxi1 a{ color: #16bac5;}
.boxi2 { position: relative; right: 0;  width: 100%; text-align: left; top: auto;} .boxi2 h4{color: #fbcd82;} .boxi2 a{color: #fbcd82;}
.boxi3 { position: relative; right: 0;  width: 100%; text-align: left; top: auto; padding-left: 15px} .boxi3 h4{color: #ff715b;} .boxi3 a{color: #ff715b;}
.boxi4 { position: relative; bottom: auto; width:100%;  text-align: left;  left: auto;}.boxi4 h4{color: #14b45c;} .boxi4 a{color: #14b45c;}
.gap { padding: 70px 0px;}
.home .about-us .col-md-5{flex: 0 0 55%; max-width: 55%}
.home .about-us .col-md-4{flex: 0 0 45%; max-width: 45%}
.home .about-us .col-md-3{flex: 0 0 100%; max-width: 100%}
.home .about-us .circle-img {  max-width: 100%;}
.hide-on-tab{display: none !important;}
.home .banner-slider .col-md-5{flex: 0 0 100%; max-width: 100%}
.home-banner-text h1 {   font-size: 2rem;}
.latest-news-logo button.owl-prev { left: -40px;}
.latest-news-logo button.owl-next { right: -40px;}
.team-m .name h2 {font-size: 16px;}
.Designation h5 {  font-size: 14px;}
.page-template-services .center-img { display: none;}
.pos1{ position: relative; top: auto;  max-width: 100%; text-align: left;  left: auto;} .pos1 p{line-height: 22px;}
    .pos2 { position: relative; top: auto;  max-width: 100%; text-align: left;  left: auto;    right: auto;} .pos2 p{line-height: 22px;}
    .pos3{ position: relative;  top: auto;  max-width: 100%; text-align: left;  left: auto;} .pos3 p{line-height: 22px;}
    .pos4{ position: relative;  top: auto;  max-width: 100%; text-align: left;  left: auto;    right: auto;} .pos4 p{line-height: 22px;}
    .pos5{ position: relative;  top: auto;  max-width: 100%; text-align: left;  left: auto;} .pos5 p{line-height: 22px;}
    .pos6{ position: relative;  top: auto;  max-width: 100%; text-align: left;  left: auto;    right: auto;} .pos6 p{line-height: 22px;}
  .new-view .thirty {  flex: 0 0 150px;  max-width: 150px;  padding-right: 15px;}
.seventy {max-width: calc(100% - 150px);}
ul.nav.nav-tabs.location-tab li a {  font-size: 14px;}
ul.nav.nav-tabs.location-tab li+li{margin-left: 10px}
.latest-update-slider{padding: 0px 40px;}
.componey-logo button.owl-next {right: -40px; }
.componey-logo button.owl-prev {left: -40px;}

.latest-news-logo button.owl-next {right: -40px; }
.latest-news-logo button.owl-prev {left: -40px;}

.latest-updates-slide button.owl-next {right: -40px;}
.latest-updates-slide button.owl-prev { left: -40px;}
.contact-img img {
    max-width: 220px;
}

} 
@media (max-width: 767px){
    .mob-top-gap{margin-top: 40px;}
    .shift-up { display: none !IMPORTANT;}
    .twitter-btn{position: relative; margin-top: 30px;}
    #twitterModal button.close {
        position: absolute;
        right: 10px;
        font-size: 40px;
        color: #000;
        opacity: 1;
        z-index: 9;
    }
    .infrastructure .center-img {
        max-width: 100%;
    }
    html{overflow-x: hidden;}
    .banner-text{position: relative; transform: none; margin-top: 40px;left: 0;width:100%; padding: 15px 15px;}
    .banner-text h1 { font-size: 22px;   word-break: break-all;}
    h2 { font-size: 20px;}
    .banner-text ul li { font-size: 14px;}
    .gap { padding: 50px 0px;}
    .solution h3 { font-size: 20px; margin-top: 40px;  }
    .solution, .infrastructure {  background-size: 300% 100%; background-position: center center;}
    ul.half-list li { -ms-flex: 0 0 100%;  flex: 0 0 100%; max-width: 100%;font-size: 14px;}
    .boxi1{    position: relative; top: 0px; width: 100%; text-align: left;margin-bottom: 20px;} 
    .boxi2 { position: relative; right: 0;  width: 100%; text-align: left; top: 0px;margin-bottom: 20px;} 
    .boxi3 { position: relative; right: 0;  width: 100%; text-align: left; top: 0px; padding-left: 15px;margin-bottom: 20px;} 
    .boxi4 { position: relative;  bottom: 0px; width: 100%;  text-align: left;  left: 0px;}
    .infrastructure .center-img {margin-bottom: 60px;}
    .latest-updates { background-size: 150% 100%;  background-position: center center;}
    footer { background-size: 170% 100%; background-position: center;}
    footer h5 {  margin-bottom: 20px;}
    footer .col-md-4, footer .col-md-3{  margin-bottom: 30px;}
    .slider-box h3 {margin: 15px 0px 20px;}
    .color-blue-b { font-size: 16px; font-weight: 400;  line-height: 18px; letter-spacing: 0.1118721px;}
    .slider-box { padding: 70px 45px 20px 45px;}
    ul.nav.nav-tabs { padding: 0px 15px;}
    .componey-logo button.owl-next {  right: -50px; width: 45px; height: 45px;}
    .componey-logo button.owl-prev{  left: -50px; width: 45px; height: 45px;}
    .pt-40 { padding-top: 10px;}
    nav.navbar.menu_bar{  padding-left: 15px !important;padding-right: 15px !important;}
    .navbar-toggler-icon {display: block;height: 1px;background: #017e1e;margin: 5px;}
    #navbarsExample07{ position: fixed;top: 0; left: -260px; z-index: 999; width: 260px !important; height: 100%; overflow: auto;background: #18909a;margin: 0 !important; height: 100% !important;padding: 15px 10px !important;display: block !important; transition: all 0.3s ease-out;}
    #navbarsExample07.show{left: 0; }
    .menu-overlay {display: none;background-color: rgba(255, 255, 255, 0.5); bottom: 0; left: 260px; filter: alpha(opacity=50); position: fixed;  right: 0;  top: 0;
                   z-index: 999; transition: all 0.3s ease-out;}
    .navbar-nav li a { color: #ffffff !important; font-size: 15px; font-weight: 500; letter-spacing: 0.1491628px; padding: 10px 30px !IMPORTANT;  display: block;}
    .center-circle-img img{max-width: 100%;}
    .center-text { position: relative; top: 0%; left: 0;  right: 0;}
    .pos1{ position: relative; top: unset;  max-width: 100%; text-align: left;  left: 0px;}
    .pos2 { position: relative; right: 0px;  width: 400px;   text-align: left;   top: unset;}
    .pos3{ position: relative; top: unset;  max-width: 400px; text-align: left;  left: 0px;}
    .pos4{ position: relative; right: 0px;  width: 400px;   text-align: left;   top: unset;}
    .pos5{ position: relative; top: unset;  max-width: 400px; text-align: left;  left: 0px;}
    .pos6{ position: relative; right: 0px;  width: 400px;   text-align: left;   top:unset;}
    .circle-img { width: 100% !important;  height: auto !important; margin-bottom: 60px;}
    .circle-img a {  transform: scale(0.5);}
    .circle-img a.active {  transform: scale(0.8);}
    .home .news-slider {  padding: 15px 40px 50px;}
    .award-slider { padding: 0px 40px;}
    .page-template-services .center-img { display: none;}
    .infrastructure .center-img {display: none;}
    .mob-mt-4{margin-top: 25px;}
.solution-page{ margin-bottom: 25px;}
  .new-view .thirty {  flex: 0 0 150px;  max-width: 150px;  padding-right: 15px;}
.seventy {max-width: calc(100% - 150px);}
.shad { font-size: 30px;}
ul.nav.nav-tabs li+li {  margin-left: 15px; margin: 5px}
ul.nav.nav-tabs.location-tab li a {  font-size: 14px;}
.home-banner-text h1 {  font-size: 2rem;}
.caret::after { content: ''; width: 20px; height: 2px;background: #fff; position: absolute;}
.caret::before {
    content: '';
    width: 20px;
    height: 2px;
    background: #fff;
    position: absolute;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transition: ease .3s all 0s;
    -webkit-transition: ease .3s all 0s;
}
.caret::before {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.caret {
    cursor: pointer;
    display: block;
    position: absolute;
    right: -5px;
    font-size: 15px;
    padding: 15px 25px 20px 10px;
    line-height: 10px;
    top: 8px;
    z-index: 99;
}
.menu-item-has-children.show .caret::before {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
#menu-header-menu>li{border-bottom: 1px dotted #ccc;}
.sub-menu {   max-width: 100%;    white-space: normal;    width: 100%;}
.navbar-nav li ul li a { color: #333 !important; }
.menu_bar.sticky .navbar-nav li.active a {  border: 0px solid #14b45c;}
.menu-item-has-children.show .sub-menu{display: block !important;opacity: 1;visibility: visible;-webkit-transform: rotateX(0) translateZ(0);-moz-transform: rotateX(0) translateZ(0); transform: rotateX(0) translateZ(0); top: -webkit-calc(100%);top: -moz-calc(100% - 0px); top: calc(100% - 0px);}
.home .banner-slider .item { height: auto;}
.rah-logo {
    max-width: 150px;
}
.home-banner-text {
    padding-top: 50px;
}
.header-banner {
    background-size: 100%;
    background-repeat: no-repeat;
}
.mob-tp-0 {
    padding-top: 0px !important;
}




}

@media (max-width: 450px){
    
.home .news-slider { padding: 15px 0 50px !important;}
.slider-box { padding: 70px 10px 20px 10px !important;}
 .news-slider .owl-stage-outer {padding: 200px 0px 100px;}
 .header-banner { height: 50px;}
    
}


.cat-list-tab ul{list-style: none;}
.cat-list-tab .nav-tabs {
    border-bottom: 1px solid #ddd;
    background-color: #88be46;
    border: 0;
    color: #FFF;
    width: 100%;
}
.cat-list-tab .nav-tabs>li {
    float: left;
    margin-bottom: 0px;
    width: 50%;
}
.cat-list-tab .nav-tabs>li a {
    padding: 10px 15px !important;
    font-size: 16px !important;
    margin-right: 0px !important;
    display: block;
    border-radius: 0px !important; 
}
.blog_right_sec .tab-content li {
    background: #f5f5f5;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}
.blog_right_sec .tab-content li a {
    background: rgba(16,24,52,0);
    border-radius: 0;
    color: #252525;
    font-family: Quicksand,sans-serif;
    max-width: initial;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0;
}
.cat-list-tab ul.nav.nav-tabs li+li {  margin-left: 0px !important; }
.cat-list-tab ul.nav.nav-tabs li.active a { background: #2f8e4c;}
ul.nav.nav-tabs li a {  color: #ffffff;}
.entry-meta { font-size: 14px;}
.entry-meta a{color:#8b8c8e}
h1.entry-title {  font-size: 2rem;}
.single-footer-spc {  margin-top: 30px;}
.single-footer-spc  h2 {  color: #171d1c; font-size: 22px;font-weight: 500;}
.nav-links{display: flex; flex-wrap: wrap; width: 100%;}
.nav-links .nav-previous, .nav-links .nav-next{-ms-flex: 0 0 50%;    flex: 0 0 50%;    max-width: 50%;}
.nav-links  .nav-previous+.nav-next {  text-align: right;}
.single-footer-spc .nav-links  a { color: #2f8e4c;  font-size: 14px;}
.comments-area{margin-top: 35px;}
.comments-area textarea {  overflow: auto; resize: vertical;  width: 100%;}
.blog_writer_desc  ul, .blog_writer_desc ol { margin: 0;  padding: 0; list-style: none;}
.blog-listing h2 a{color: #424242; font-size: 20px;}
.blog-listing   img.avatar{ width: 35px; height: 35px; object-fit: cover; border-radius: 50%;}
.blog_writer_desc ul{display: flex; align-items: center;font-size: 14px;}
.blog_writer_desc ul li+li{margin-left: 20px;}
.blog-listing .page-header{padding: 5px 0px 30px;}
.blog-listing .page-header h1{font-size: 30px;}
.read_more_blog a{background: #178b95; color: #FFF;padding: 7px 15px; display: inline-block; font-size: 13px; margin: 15px 0px; border-radius: 5px;}
.list-view-b{margin: 20px 0px;}

.circle-img {width: 400px; height: 400px; position: relative;     padding: 25px; }
.circle-img a{transform: scale(0.6); transition: all 0.4s ease-in-out;}
.circle-img a.active{transform: scale(1.1); color: #000;}
img.inner-circle{max-width:100%;-webkit-animation:rotation1 6s linear 0s infinite normal none;-moz-animation: rotation1 6s linear 0s infinite normal none;
-ms-animation:rotation1 6s linear 0s infinite normal none;-o-animation:rotation1 6s linear 0s infinite normal none;animation: rotation1 6s linear 0s infinite normal none;}
img.outer-circle{position: absolute; left: 0; max-width: 100%;top: 0;-webkit-animation:rotation 6s linear 0s infinite normal none;-moz-animation: rotation 6s linear 0s infinite normal none;
-ms-animation:rotation 6s linear 0s infinite normal none;-o-animation:rotation 6s linear 0s infinite normal none;animation: rotation 6s linear 0s infinite normal none;}
.circle-img a.active p{color:#000}
.xp{position: absolute; top: 45px; margin: 0 auto; left: 0;right: 0;text-align: center; }
.projects{position: absolute; right:45px;top: 35%;text-align: center; }
.awards{position: absolute;right: 0px; bottom: 20px;left: 0; margin: 0 auto;text-align: center}
.group1{position: absolute;  left: 45px; top: 35%; }
.circle-img div img{max-width: 80px;}
@-webkit-keyframes rotation1 {
  from { -webkit-transform: rotate(0deg); }
  to {-webkit-transform: rotate(-360deg); }
}
@-webkit-keyframes rotation {
  from { -webkit-transform: rotate(0deg);}
  to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotation {
  from {  -moz-transform: rotate(0deg);}
  to {  -moz-transform: rotate(360deg); }
}

@-o-keyframes rotation {
  from {  -o-transform: rotate(0deg);}
  to { -o-transform: rotate(360deg);}
}
@keyframes rotation {
  from { transform: rotate(0deg);}
  to { transform: rotate(360deg);}
}
video#myVideo { width: 100%;z-index: 1; position: relative;    border-radius: 15px;}
.address { background: #51d1cf; margin-top: -6px; padding: 20px;  color:#FFF;}
.address h3{margin: 0;}
.address p{color:#FFF;}
.map.position-relative {  margin-bottom: 40px;padding: 15px;}
.map iframe { height: 415px !important;}
.contact-list ul{list-style: none; padding: 0px;}
.contact-list ul li a{    color: #212529;}
input#submit {background: #18909a;color: #FFF;box-shadow: 0px 5px 10px rgba(0,0,0,0.1);border-radius: 7px;padding: 7px 25px;}
.big-navs { display: flex; flex-wrap: wrap ;}
.page-template-partners .big-navs .item {  padding: 15px;}
.page-template-solution .big-navs .item {  padding: 15px;}
.big-navs .item a img{max-width: 180px;    width: 150px; padding: 5px;}
.single-post .post-thumbnail { text-align: left;}
.pro-list li{font-weight: 600;line-height: 1.75;letter-spacing: 0.15px;color: #808988;position: relative;    padding-left: 40px; padding-bottom: 10px;}
ul.pro-list { list-style: none;}
.pro-list li:before { content: ""; background: url(./../img/red-list-sm.png);height: 25px; width: 25px; position: absolute; left: 0;background-size: 100%; top: 3px;-webkit-animation: rotate 20s linear infinite; animation: rotate 20s linear infinite;
 animation-duration: 20s;}
.pro-list li:nth-child(4n+1):before { background: url(./../img/yellow-list-sm.png);}
.pro-list li:nth-child(5n+2):before { background: url(./../img/blue-list-sm.png);}
.pro-list li:nth-child(6n+3):before {  background: url(./../img/green-list-sm.png);}
.circle-list h5{ font-weight: bold;}
form#commentform {  display: flex; flex-wrap: wrap;}
.solution p {font-size: 15px;
    margin: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	    text-align: justify;
}
p.comment-form-author {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}
p.comment-form-email {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}
p.comment-form-url {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}
p.comment-form-cookies-consent {
    margin: 15px 0px;
}
.post-img {
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 15px;
}
.post-img img{width: 100px !important ; height: 100px !important;}
.title-p{font-weight: 600;
    color: #333;
    font-size: 16px;}
.post-details p, .post-details{color: #979797;
    font-size: 15px;    text-align: justify;
    line-height: 28px;
    font-weight: 500;}
.recent-p {
    border-bottom: 2px solid #d4d2d2;
    padding-bottom: 18px;
    margin-bottom: 20px;
}
.recent-p:nth-last-child(1){border-bottom: 0px;}
.cat-list-tab h2{border-bottom: 2px solid #d4d2d2;
    padding-bottom: 20px;}
.recent-news {
    margin-top: 32px;
}
.right_sec ul {list-style: none;    max-height: 300px;  overflow: auto;}
.right_sec ul li a, .right_sec ul li{ color: #808988;
    font-size: 15px;
    line-height: 28px;}
.right_sec ul li {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 3px;
    margin-bottom: 5px;
}
h2.widget-title {
    border-bottom: 2px solid #d4d2d2;
    padding-bottom: 20px;font-weight: 500;
}
.right_sec section{
    margin-bottom: 30px;
}
.right_sec [type=search] {
    outline-offset: -2px;
    -webkit-appearance: none;
    border: 0px;
    padding: 7px;
    border: 1px solid #CCC;
    width: 100%;
}
.right_sec input.search-submit {
    height: 44px;
    border: 0px;
    padding: 0px 15px;
    background: #14b45c;
    color: #FFF;
    /* width: 100%; */
}
.location-map { margin-top: 43px;}
ul.nav.nav-tabs.location-tab li a{ font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #4ec0c6;}
ul.nav.nav-tabs.location-tab li a.active{border-radius: 7px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #18909a;
    color: #FFF;
    padding: 5px 20px;}
.contact-img {
    padding: 30px 0px;
}
.contact-img img{max-width: 300px;}
.button-group a{border-radius: 7px; padding: 10px 30px;   margin: 15px;} 
.button-group .fill-btn.btn { background: #18909a; color: #FFF; border: 2px solid #18909a; box-shadow: 0px 5px 10px rgba(0,0,0,0.1);transition: all .5s ease;}
.button-group .fill-btn.btn:hover{ color: #18909a; background: transparent;}
.button-group .trans-btn.btn {  color: #18909a; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); border: 2px solid #18909a;    transition: all .5s ease;}
.button-group .trans-btn.btn:hover{background: #0d7882;  color: #FFF;}
.reach-text {font-size: 22px;
    font-family: 'robotolight';
    font-weight: 600;
    line-height: 1.07;
    letter-spacing: 0.21px;
    color: #000;}

.button-8{
  width:140px;
  height:50px;
  border:2px solid #34495e;
  float:left;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  margin:0 0 40px 50px;
}
.button-8 a{
  font-family:arial;
  font-size:16px;
  color:#fff;
  text-decoration:none;
  line-height:50px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}
.eff-8{
  width:140px;
  height:50px;
  border:70px solid #34495e;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
  box-sizing:border-box;
}
.button-8:hover .eff-8{
  border:0px solid #34495e;
}
.button-8:hover a{
  color:#34495e;
}
.page-id-123 .small-gap {
    padding: 50px 0px;
}
.defaul-pages ul li, .sisngleee ul li{color: #808988;
    font-size: 15px;
    line-height: 28px;}
.defaul-pages ul, .sisngleee ul{padding-left: 15px;}
.team-m img{ border-radius: 15px; box-shadow: 0px 0px 25px rgba(204, 204, 204, 0.71); margin-bottom: 20px;}
.team-m { margin: 15px 0px 30px;}
.see-more a{font-size: 13px; color:#333;}
.details {    height: 85px;text-align: justify;
    overflow: hidden;}
.team-m .name h2{font-size: 20px;}
.tag-line p{  font-size: 18px;
  font-weight: 300;
  line-height: 1.56;
  letter-spacing: 0.17px;
  text-align: center;
  color: #18909a;}
.email-team a{    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: 0.17px;
    text-align: center;
    color: #323643;}
.teams .para p, .teams .para{font-size: 15px; line-height: 1.8;text-align: justify;}
.team-social-icons ul{padding: 0; list-style: none;}
.Designation h5{font-size: 18px;    color: #18909a; }
.team-social-icons ul li{display: inline-block;}
.team-social-icons ul li+li{margin-left: 25px;}
.team-social-icons ul li a{    color: #808988;
    font-size: 16px;
    line-height: 28px;}
.see-more a:hover{color:#18909a}
.p-navigations {
    display: flex;
    justify-content: space-between;
}
.p-navigations a{    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: 0.19px;
    text-align: left;
    color: #188f9a;
}
#comments a{color: #188f9a;}
.sisngleee .blog_listing ul, .sisngleee .blog_listing ol{padding-left: 15px;}
.sisngleee .blog_listing ul li, .sisngleee .blog_listing ol li{color: #808988;
    font-size: 15px;
    line-height: 28px;}
time.updated {
    display: none;
}

.paging-list a.page-numbers {
    background: white;
    display: inline-block;
    min-width: 30px;
    border: 1px solid #178b95;
    text-align: center;
    color: #178b95;
    padding: 5px 10px;
    min-width: 40px;
    border-radius: 7px;
}
span.page-numbers.current {
    background: #178b95;
    display: inline-block;
    min-width: 30px;
    border: 1px solid #178b95;
    text-align: center;
    color: #ffffff;
    padding: 5px 10px;
    min-width: 40px;
    border-radius: 7px;
}
.event-slider .owl-dots {text-align: center;bottom: 30px;width: 100%;}
.event-slider .owl-dots .owl-dot {height: 10px;width: 10px;border: 1px solid #18909a  !important;margin: 3px;border-radius: 50%;}
.event-slider .owl-dots .owl-dot.active {background: #18909a !important;}
.event-slider .owl-item img {
    display: block;
    width: 100%;
    max-height: 500px;
    height: 100%;
    object-fit: cover;
}
.widget_acdpdw_widget {
    background-color: transparent !important;
    border: 0px !important;
}
.widget_acdpdw_widget h2 {
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 22px !important;
  
    border-bottom: 2px solid #d4d2d2;
    padding-bottom: 20px;
    font-weight: 500;
}
.widget_acdpdw_widget li {
    margin: 10px 0 !important;
}
.widget_acdpdw_widget h4 {
    border-top: 0px !important;
}
.list-view-d li{    color: #808988;font-size: 15px; line-height: 28px;}

@media (max-width: 1400px) and (min-width: 1200px){
	.shad {
		font-size: 30px;}
}