/*-----------------------------Stylesheet---------------------------------------------*/
img{max-width:100%;}
ul{padding:0px;list-style:none;}
a{text-decoration:none;}
a:focus, a:hover, .nav>li>a:hover{color:#fff;cursor: pointer;}
a{background-color:transparent;}

body{background:#fff;font-family: 'Lato', sans-serif;width:100%;margin:0px auto;overflow-x:hidden!important;}
h1,h2,h3,h4,h5{    font-weight: 800;}
.dropdown-menu>li>a::after {display: none;}
.dropdown:hover .sub-menu.dropdown-menu {display: block;background: #fff !important;}
.dropdown-menu li {padding: 0px;display: block;background: #fff !important;}
.dropdown-menu>li>a:hover {color: #262626;text-decoration: none;background-color: #f5f5f5;padding: 7px 25px;}
ul.sub-menu.dropdown-menu.showing {display: none;position: absolute;background-color: #f1f1f1 !important;min-width: 250px;line-height: 2;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
/*.dropdown a::after {display: inline-block;margin-left: .255em;vertical-align: middle;content: "";border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;}*/

.dropdown {position: relative;}
.dropdown:before {
    position: absolute;
    content: '\f0d7';
    top: 12px;
    bottom: auto;
    margin: auto;
    right:5px;
    font-family: 'FontAwesome';
    font-weight: 600;
    color: #fff;
    font-size: 14.6px;
}
.dropdown-content {display: none;position: absolute;background-color: #f1f1f1 !important;min-width: 250px;line-height: 2;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content a {color: black;text-decoration: none;display: block;line-height: 1;}
.dropdown-content li {padding:0px;display: block;}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;width: 100%;padding: 0px;text-align: center;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}
/*-----------------------------header-section---------------------------------------------*/
.inner-form {    position: absolute;top: 43%;right: 6%;z-index: 999;background: rgba(0,0,0,0.7);border: 7px solid #dbdddc;padding: 1rem;box-shadow: 9px 9px 15px rgba(0,0,0,0.15);transition: .5s;zoom: 0.6;}
.inner-form-active{top: 20%;zoom: normal;width: 25%;;}
div#wpcf7-f144-o1{height: 0;overflow: hidden;;}
.wpcf7-f144-o1-active{height: 100% !important;overflow: visible;}
.inner-form h4 {text-transform: uppercase;color: #fff;font-size: 26px;font-weight: 600;text-align: center;margin-bottom: .7rem;cursor: pointer;}
.wpcf7-response-output{color: red;margin: 0 !important;;}
.inner-form .form-group {margin-bottom: 7px;}
.inner-form .btn {box-shadow: none;padding: 13px 3rem;text-decoration: none;margin: 0rem 0 0;position: relative;color: #fff;font-size: 15px;background:none;}
.inner-form  .btn::before {width:44px;height:44px;background:#0e65a7;border-radius: 50%;position: absolute;left: 0;top: 8px;content: "";z-index: -1;transition: all 0.4s ease-in-out;}
.inner-form .btn:hover::before {width: 100%;height: 44px;background:#0e65a7;border-radius: 25px;position: absolute;left: 0;top: 8px;content: "";z-index: -1;-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;transition: all 0.4s ease-in-out;}
.inner-form .form-group input,.inner-form .form-group select  {font-size: 15px;background: transparent;border: 1px solid #fff;color: #fff;height: 35px;border-radius: 0;outline: none!important;box-shadow: none!important;}
.inner-form .form-group select option {color: #000;}
.inner-form textarea.form-control {font-size: 15px;height: auto;background: transparent;border: 1px solid #fff;color: #fff;}
.inner-form .form-control::-webkit-input-placeholder{color:#fff;font-weight: 400;}
.nit-bannner .casestudy{height:85vh;width:100%;}
.nit-bannner img{max-height:701px;width:100%;object-fit:cover;}
.inner-form .btn input.wpcf7-form-control.wpcf7-submit {
    border: none;
}
.gallery_product img.img-responsive {
    box-shadow: 0 0px 6px 0px #8c8888;
}
.nit-bannner .socailmedia{height:85vh;width:100%;}
.nit-bannner .portfolio{height:85vh;width:100%;}
.nit-bannner .work{height:85vh;width:100%;}
.nit-bannner .service{height:85vh;width:100%;}
.nit-bannner .contact{height:85vh;width:100%;}
.nit-bannner .about{height:65vh;width:100%;}
.nit-bannner .onetime{height:85vh;width:100%}
.nit-bannner .blog{height:85vh;width:100%;}
.nit-bannner .websitedesign{height:85vh;width:100%;}
header {position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 1000;} 
.nit-bannner {position: relative;width: 100%;}
.logo {line-height: 60px;position: fixed;float: left;margin: 5px 60px;color: #fff;font-weight: bold;font-size: 20px;letter-spacing: 2px;} 
nav {position: fixed;width: 100%;line-height: 60px;z-index: 1000;    background: rgba(0, 0, 0, 0.5);transition: all .5s ease-in-out;}
nav.navigation.post-navigation {position: static;width: auto;line-height: normal;}
.banner-text .ban::before {width:42px;height:42px;background:#fff;border-radius: 50%;position: absolute;left: 0;top: 0;content: "";z-index: -1;-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;transition: all 0.4s ease-in-out;color:#0e65a7;}
.banner-text .ban:hover::before {width: 100%;height: 38px;background:#fff;border-radius: 25px;position: absolute;left: 0;top: 0;content: "";z-index: -1;-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;transition: all 0.4s ease-in-out;color:#0e65a7;}
.banner-text .bann::before {width:42px;height:42px;background:#0e65a7;border-radius: 50%;position: absolute;left: 0;top: 0;content: "";z-index: -1;-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;transition: all 0.4s ease-in-out;}
.banner-text .bann:hover::before {width: 100%;height: 38px;background:#0e65a7;border-radius: 25px;position: absolute;left: 0;top: 0;content: "";z-index: -1;-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;transition: all 0.4s ease-in-out;}
.banner-text a {display: inline-block;margin-top:25px;font-size: 16px;line-height: 38px;color: #fff;font-weight: 500;margin-right: 20px;position: relative;padding: 0 17px;}
.banner-text .ban{color:#0e65a7;font-weight:600;}
.banner-text .bann{color:#fff;}
.banner-text {height: auto;width: 685px;position: absolute;z-index: 999;top: 50%;font-size: 54px;font-weight: 700;line-height: 64px;margin-top: -140px;}
.banner-text .h1{font-size: 81px;color:#fff;font-weight:800;}
.banner-text .h2{font-size: 56px;color:#fff}
.ab{padding:0 !important;margin:0 !important;color:#fff}
.ab:hover{color:#a99c9c;}
.banner-text .h3 {font-size: 50px;color: #fff;font-weight:bold;}
.banner-text .h6 {font-size: 16px;color: #fff;}
.banner-text .h6 span {font-size: 16px;color:#a92fe5;}

.banner-text1 {    height: auto;width: 685px;position: absolute;z-index: 999;top: 40%;font-size: 54px;font-weight: 700;line-height: 64px;}
.banner-text1 .h3 {font-size: 40px;color: #fff;font-weight:bold;}
.banner-text1 .h6 {font-size: 16px;color: #fff;}
.banner-text1 .h6 span {font-size: 16px;color:#a92fe5;}
.usus {text-align: right;margin-top: -69px;color: #fff;list-style: none;margin-right: 50px;}

nav ul {line-height: 60px;list-style: none;background: rgba(0, 0, 0, 0);color: #fff;padding: 0;text-align: right;margin: 0;padding-right:200px;transition: 1s;}
nav.black ul {background: #000;}
 nav ul li .fa-phone{font-size: 30px;position: relative;top: 9px;}

nav ul li {display: inline-block;padding: 10px 14px;}
nav ul li a:hover, nav ul li.active a {background: #0e65a7;padding: 10px;}
nav ul li a {text-decoration: none;color: #fff;font-size: 16px;padding: 10px;}
.menu-icon {line-height: 60px;width: 100%;background: #000;text-align: right;box-sizing: border-box;padding: 15px 24px;cursor: pointer;color: #fff;display: none;}
/*-----------------------------------trans-section-------------------------------------*/
.trans{width: 73%;margin: auto;}
.trans h2{font-size: 25px;}
.trans p{font-size:16px;}
.tra{position: relative;top: -70px;}
.trans .col-md-3 img {padding: 10px;}
.com:hover h2,.com:hover p {color:#6c6c6c;transition: .5s all linear;}
.com:hover img{filter: brightness(1) invert(0);transition: .5s all linear;}
.com img{filter: brightness(0) invert(1)}
.smart img{filter: brightness(0) invert(1)}
.clean img{filter: brightness(0) invert(1)}
.com:hover{border: 3px solid #0e65a7;background:#fff;transform: scale(1.1) !important;box-shadow: 3px 0px 15px 0 rgba(0,0,0,0.5);}
/*.com {transition: .5s ease-in;position: relative;border: 3px solid #0e65a7;border-radius: 30px;text-align: center;margin:15px;padding: 20px 10px;height: 300px;background: #fff;color:#6c6c6c;}*/
.com {border: none;transition: .5s ease-in;position: relative;background-image: linear-gradient(#F4A848, #e38106);border-radius: 30px;text-align: center;margin: 15px;color: #fff;padding: 20px 11px;min-height: 300px;}
.smart{border:none;transition: .5s ease-in;position: relative;background-color:#0e65a7;border-radius: 30px;text-align: center;margin:15px;padding: 20px 13px;min-height: 300px;color:#fff;}
.clean:hover h2,.clean:hover p {color:#6c6c6c;transition: .5s all linear;}
.clean:hover img{filter: brightness(1) invert(0);transition: .5s all linear;}
.clean:hover{border: 3px solid #0e65a7;background:#fff;transform: scale(1.1) !important;box-shadow: 3px 0px 15px 0 rgba(0,0,0,0.5);}
.clean{border: none;transition: .5s ease-in;position: relative;background-image: linear-gradient(#F77261, #EF4A50);border-radius: 30px;text-align: center;margin: 15px;color: #fff;padding: 20px 11px;min-height: 300px;}
.smart:hover h2,.smart:hover p {color:#6c6c6c;transition: .5s all linear;}
.smart:hover img{filter: brightness(1) invert(0);transition: .5s all linear;}
.smart:hover{border: 3px solid #0e65a7;background:#fff;transform: scale(1.1) !important;box-shadow: 3px 0px 15px 0 rgba(0,0,0,0.5);}
.com h2{color:#fff;}
.clean h2{color:#fff;}
.smart h2{color:#fff;}
.smart p {padding-top: 15px;}
.clean p {padding-top: 22px;}

/*-----------------------------------beauti-section-------------------------------------*/
.beauti .img-fluid {
    top: 60px;
    position: relative;
}
.beauti{background:url('/wp-content/themes/tbsinfotech/assets/css/../images/home2.png')no-repeat center #000;background-size:cover;height:700px}
.beauti h1{color: #fff;}
.beauti h3{color: #fff;}
.beauti p{color: #fff;}
.beauti .col-md-7{top:130px;}
.beauti p{    text-align: left;font-size:23px;line-height: 32px;padding: 0 5rem 0 0;color: #c1d1fb;}
.beauti h1{font-weight: 600;font-size: 70px;margin-bottom: 1rem;}
.beauti h3 {text-align: left;font-weight: 400;font-size: 43px;margin-bottom: 1rem;}
/*-----------------------------------services-section-------------------------------------*/
.services h2{font-size: 35px;color:#0e65a7;text-align: center;position:relative;margin-bottom: 5rem;}
.services h2:after{position: absolute;content: "";bottom: -6px;left:-130px;right: 0;margin: 0px auto;background:#0e65a7;width:60px;height:3px;}
.services h3{font-size: 25px;}
.services p{font-size:14px;}
.services .web {border: 1px solid #e4e1e1;padding: 25px;}
.services .web h3{padding: 10px 0;}
.services {padding: 4rem 0;}
.serv{margin: 30px 0;}
.serv .service1 div:before, .serv .service1 div:after {content: "";position: absolute;background-image: linear-gradient(#F4A848, #e38106);top: 0;left: 0;width: 100%;height: 100%;border-radius: 4px;transition: 0.5s;z-index: -1;}
.serv .service2 div:before, .serv .service2 div:after {content: "";position: absolute;background-image: linear-gradient( #0e589d,  #0e589d)!important;top: 0;left: 0;width: 100%;height: 100%;border-radius: 4px;transition: 0.5s;z-index: -1;}
.serv .service3 div:before, .serv .service3 div:after {content: "";position: absolute;background-image: linear-gradient(#F77261, #EF4A50)!important;;top: 0;left: 0;width: 100%;height: 100%;border-radius: 4px;transition: 0.5s;z-index: -1;}
.serv .service1 div:hover {border: 0px solid #0e589d00;border-right: 3px solid #0e589d00 !important;border-bottom: none;transition: .5s all linear;}
.serv .service1 div:hover:before {transform: rotate(-6deg);box-shadow: 0 22px 20px rgba(0,0,0,.2);}
.serv .service1 div:hover:after {transform: rotate(6deg);box-shadow: 0 22px 20px rgba(0,0,0,.2);}
.serv .service2 div:hover {border: 0px solid #0e589d00;border-right: 3px solid #0e589d00 !important;border-bottom: none;transition: .5s all linear;}
.serv .service2 div:hover:before {transform: rotate(-6deg);box-shadow: 0 22px 20px rgba(0,0,0,.2);}
.serv .service2 div:hover:after {transform: rotate(6deg);box-shadow: 0 22px 20px rgba(0,0,0,.2);}
.serv .service3 div:hover {border: 0px solid #0e589d00;border-right: 3px solid #0e589d00 !important;border-bottom: none;transition: .5s all linear;}
.serv .service3 div:hover:before {transform: rotate(-6deg);box-shadow: 0 22px 20px rgba(0,0,0,.2);}
.serv .service3 div:hover:after {transform: rotate(6deg);box-shadow: 0 22px 20px rgba(0,0,0,.2);}
/*.serv .col-md-4 div:before, .serv .col-md-4 div:after {content: "";position: absolute;background: #0e589d;top: 0;left: 0;width: 100%;height: 100%;border-radius: 4px;transition: 0.5s;z-index: -1;}
.serv .col-md-4 div:hover {border: 3px solid #0e589d;border-right: 3px solid #0e589d !important;transition: .5s all linear;}
.serv .col-md-4 div:hover:before {transform: rotate(-6deg);box-shadow: 0 22px 20px rgba(0,0,0,.2);}
.serv .col-md-4 div:hover:after {transform: rotate(6deg);box-shadow: 0 22px 20px rgba(0,0,0,.2);}*/
.serv.text-center{margin-bottom: 20px;}
.serv.text-center:hover{}
.border-right:hover {border-bottom: none !important;border-right:none!important;box-shadow: 0 22px 20px rgba(0,0,0,.2);}
.border-bottom:hover{border-bottom:none!important; box-shadow: 0 22px 20px rgba(0,0,0,.2);}
.serv .col-md-4 div {border:0px solid transparent;position: relative;background: #fff;}
.serv .col-md-4.col-sm-12.text-center.aos-init.aos-animate {
    padding-bottom: 20px;}
.border-right {border-right: 1px solid #dee2e6!important;}
.text-center {text-align: center!important;}
.border-bottom {border-bottom: 1px solid #dee2e6!important;}
.serv img{padding: 25px 0;}
.serv h4{color: #313131;margin: 1rem 0;font-size: 25px;font-weight: 600;margin-bottom: 20px;}
.serv p {font-size: 14px;color: #6c6c6c;padding: 0 1rem 1rem;margin: 0 9px;height: 125px;}
.copyright a{color: #b83535;}
.copyright a:hover{color:#000;}
.fancybox-skin {
    position: relative;
    padding: 0px !important;
	background: #f9f9f900 !important;
box-shadow: none !important;}
.fancybox-close {
    position: absolute;
    top: -8px !important;
	right: -6px !important;}
.fancybox-nav {
    position: absolute;
    top: 76px !important;
    width: 40%;
	height: 65% !important;}
/*-----------------------------------portfolio-section-------------------------------------*/
.port h2{color:#0e65a7;text-align: center;position:relative;margin: 1rem 0 3rem;font-size:35px;}
.port{background:url('/wp-content/themes/tbsinfotech/assets/css/../images/home5.jpg');padding: 4rem 0;}
.por .col-md-4{padding-bottom: 10px;}
.port .cards .card-body .btn {padding: 10px 1.75rem;margin: 1rem 0 0;color: #fff;font-family: 'Lato', sans-serif;font-size: 16px;text-transform: uppercase;font-weight: 600;width: 55%;transition: .3s all linear;}
.port .cards .card-body .design {background: url('/wp-content/themes/tbsinfotech/assets/css/../images/blue-btn.jpg') repeat-x left top #143666;}
.port .cards:after {content: '';position: absolute;width: 100%;height: 100%;background-image: linear-gradient(to top, rgba(19,38,95,0) 0%,rgba(19, 38, 95, 0.66) 25%,rgba(19, 38, 95, 0.66) 100%);opacity: 0;}
.port .cards {position: relative;overflow: hidden;box-shadow: 0 0 25px 0 rgba(0,0,0,.15)!important;}
.port .cards .card-body {position: absolute;text-align: center;width: 100%;top: 150%;transform: translate(0,-50%);z-index: 9999;transition: .5s all linear;}
.ports .col-md-12{text-align: center;}
.por img{box-shadow: 0 0 25px 0 rgba(0,0,0,.15)!important;height: 300px;margin-bottom: 10px;}
.por img:hover {box-shadow: 0 0 55px 0 rgba(0,0,0,.31)!important;}
.ports a.btn-default:hover{color:#fff;background-color:#808488;animation: bounce .7s ease-out;}
.ports a.btn-default {background:#0e5fa3;border: 0px;border-radius: 25px;padding: 14px 60px 14px 60px;font-weight: 500;font-size:16px;outline: 0;position: relative;color: #fff;text-decoration: none;    margin-top: 30px;}
.portfolios .card {
	    padding:0 !important;
       position: relative;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 0 25px 0 rgba(0,0,0,.15)!important;
    margin-bottom: 0rem;
    height: auto;
    border-radius: 0rem;

}
.portfolios .card .card-image {
    overflow: hidden;
}

.portfolios .card .card-body .btn:hover {
   animation: bounce .7s ease-out;
}
.portfolios .card:hover .card-body {
    top: 50%;
}
.portfolios .card .card-body .design {
    background: #143666;
}
.portfolios .card .card-body .btn {
    padding: 10px 1.75rem;
    margin: 1rem 0 0;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    width: 55%;
        text-decoration: none;
    transition: .3s all linear;
}

.portfolios .card .card-body {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 150%;
    transform: translate(0,-50%);
    z-index: 9999;
    transition: .5s all linear;
}
.portfolios .card .card-image img {
    transform: translate3d(0px, 0px, 0px);
    transition: all 15s linear;
        width: 100%;
}
.portfolios .card:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(19,38,95,0) 0%,rgba(19, 38, 95, 0.66) 25%,rgba(19, 38, 95, 0.66) 100%);
    opacity: 0;

}

.portfolios .card:hover:after {
    opacity: 1;
    transition: .5s all ease-in-out;
}
.portfolios .card:hover {
    box-shadow: 0 0 55px 0 rgba(0,0,0,.31)!important;
    transition: .5s all ease-in-out;
}
.gallery_product .caption {
display: none;
}

.portfolios .card.logo{overflow:unset;margin: auto;}
.portfolios .card:after{display:none}
.portfolios .card.logo .card-body {opacity: 0;}
.portfolios .card.logo:hover .card-body {opacity: 1;}


/*-----------------------------------sect-section-------------------------------------*/
.sectt{background:url('/wp-content/themes/tbsinfotech/assets/css/../images/seocasestudy_02.jpg') no-repeat center #000;background-size:cover;height:600px;}
.col-md-3.experience {margin-top: 11%;text-align: center;margin-left: -6%;}
.col-md-3.experience:hover {transform: translatey(-25px);}
.col-md-3.project {margin-top:3%;text-align: center;margin-left: 4%;}
.col-md-3.project:hover {transform: translatey(-25px);}
.col-md-3.team {margin-top: 5%;text-align: center;margin-left: 4%;}
.col-md-3.team:hover {transform: translatey(-25px);}
.col-md-3.commitment {margin-top:8%;text-align: right;margin-left: -4%;}
.col-md-3.commitment:hover {transform: translatey(-25px);}
.col-md-3.project h6 {font-size:15px;color:#000;line-height: .2;}
.col-md-3.commitment h6{font-size:15px;color:#000;line-height: .2;}
.col-md-3.experience h6{font-size:15px;color:#000;line-height: .2;}
.col-md-3.team h6{font-size:15px;color:#000;line-height: .2;}
.experience div {display: inline-flex;}
.team div {display: inline-flex;}
.project div {display: inline-flex;}
.commitment div {display: inline-flex;}
 h3.counter-count {font-size: 58px;font-weight:900}
.experience span {font-size: 20px;color: #989797;padding-top: 40%;}
.team span {font-size: 58px;font-weight:900;color:#ff4301;}
.project span {font-size: 58px;font-weight:900;color:#06bbac;}
.commitment span {font-size: 58px;font-weight:900;color:#a92fe5;}
.experience h3{color:#0e62a5;}
.team h3{color:#ff4301;}
.project h3{color:#06bbac;}
.commitment h3{color:#a92fe5;}
.experience img {margin-top: 45%;}
.team img{margin-top: 45%;}
.project img {margin-top: 45%;}
.commitment img{margin-top: 45%;margin-right: -14%;}
/*-----------------------------------testimonia-section-------------------------------------*/
.test{background-color:#0e62a5;padding: 4rem 0;}
.test h2{color:#fff;text-align: center;position:relative;font-size:35px;}
.test h2:after{position: absolute;content: "";bottom: -6px;left:-125px;right: 0;margin: 0px auto;background:#fff;width:60px;height:3px;}
.carousel-indicators .active{ background: #31708f; }  
.adjust1{ float:left; width:100%; margin-bottom:0;background: none;border:none;   margin-top:3%; } 
.carousel-indicators li{display: none;}
.carousel-control{ color:#31708f; width:1%; } 
.content p {font-size: 15px;color: #fff;text-align: left;font-style: italic;font-weight: initial;line-height: 1.7;width:89%;}
.carousel-control:hover, .carousel-control:focus{ color:#31708f; } 
.carousel-control.left, .carousel-control.right {color: #fff;background-image: none;position: absolute;top:70px;font-size: 34px;}
.media-object{ margin-left: 10%;border-radius: 50%;}
.round p{margin-left: 30%;margin-top: 6%;font-size: 15px;}
.round p b{font-size:18px;}
.checked {color: orange;}
.thumbnail .caption{position:relative;}
.thumbnail .caption:after {position: absolute;content: "";left: -6px;right: 0;background: #fff;width: 3px;top: 45px;height: 40px;}
.thumbnail .caption:before{position: absolute;content: "";left:-5px;right: 0;background:#51aef8;width:1px;height:110px;}

/*-----------------------------------site-main-section-------------------------------------*/
.site-main nav.navigation.post-navigation.black {position: unset;}
.site-main h2.screen-reader-text {
    clip: auto;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    height: auto;
    position: relative !important;
    width: auto;
    display: none;
}
.site-main .nav-links {
    padding: 1em 0;
}
.site-main .nav-previous {
    float: right;
    width: 50%;
}
.site-main .nav-next {
    float: left;
text-align: left;}

.site-main span.screen-reader-text {
    clip: auto;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    height: auto;
    position: relative !important;
    width: auto;
    display: none;
}
.site-main span.nav-subtitle {
    background: transparent;
    color: #76767600;
    display: block;
    font-size: 11px;
    font-size: 1.6875rem;
    letter-spacing: 0.1818em;
    margin-bottom: 3em;
    text-transform: uppercase;
    line-height: 1;
}
.site-main span.nav-title {
   position: relative;
    color: #f7f5f5;
    float: right;
    background: #9124a5;
    line-height: 2;
    padding-left: 10px;
    padding-right: 10px;
}
.site-main .nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
    left: -2em;
}
.site-main svg.icon {
    display: inline-block;
    height: 1em;
    position: relative;
    top: -0.0625em;
    vertical-align: middle;
    width: 1em;
    transform: rotate(180deg);
}
.site-main svg.icon.icon-arrow-right {
    position: absolute;
    top: 8px;
    left: -20px;
}

.site-main svg.icon.icon-arrow-left {
    position: absolute;
    top: 8px;
    right: -20px;
}
.tops {
    width: 20%;
    float: right;
    margin-top: -45px;
}
/*-------------------------------------testmonial-section------------------------------------*/
.webdevss {padding-top:3em;background: #eae8e8;}
.webdevss h1{font-size:35px;color:#0e65a7;position:relative;text-align:center;font-weight:700;margin-bottom:20px;}
.webdevss h1:after{position: absolute;
    content: "";
    bottom: -6px;
    left: 510px;
    right: 0;
    background: #0e65a7;
    width: 60px;
    height: 3px;}
.webdevss p{font-size: 15px;text-align: inherit;line-height: 1.8;}
.parent-box{
    width:50%;height:300px;float:left;display:flex;;
}
.info > div:first-of-type{
    width: 50%;
    float: left;
    align-items: center;
    padding: 5px;
    padding-top:30px;
    display: flex;
    font-family: 'Titillium Web' 
}   
.info p b{    font-size: 18px;
    font-weight: 700;
    color: #0e65a7;}  
.info > div:first-of-type > a{
    padding-left:15px; 
    color:#1E3344;
    text-decoration: none;
}
.info > div:last-of-type{
    width: 50%;
    float: left;
    padding: 5px 0 0 0;
}
.info > div:last-of-type > img{
    width:100%;
}
.box{
    width:100%;
    height:100%;        
    padding: 15px 15px 0 15px;
}

.dialog-box{
    background: white;
    width: 100%;
    height: 55%;
    font: normal 20px/25px 'Titillium Web', 'Arial'; 
    display: table;
    position: relative;
    letter-spacing: 1px;
    border-radius: 1px;
       box-shadow: 0 1px 8px 0px #b1afaf;
}

.dialog-box > p{
    margin: 0;
    display: table;
    width: 100%;

    padding: 10px;
}
.dialog-box > p>i{}

.dialog-box:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 0px 0 45px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    left: 51%;
    bottom: -20px;
    content: close-quote;
    z-index: 1;
}

.info{
   float: right;
       padding: 10px;
}  
.info h3{font-size:18px;font-weight: 700;color: #0e65a7;} 
.info p{font-size:14px;color:#4a4a4a;    line-height: 1.2;}
/*-----------------------------------sect-section-------------------------------------*/
.column {float: left;width: 33.3%;padding: 0 10px;}
.phone .card:hover { box-shadow: 0 4px 8px 0 rgba(66, 64, 64, 0.79); }
.phone .card {border-radius: 8px;padding-top:20px !important;width: 90%;;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);padding: 16px;background-color: #fff;height:165px;display:inline-flex;}
.mail strong {font-weight: 700;font-size: 25px;color:#313131;}
.phn strong {font-weight: 700;font-size: 25px;color:#313131;}
.address strong {font-weight: 700;font-size: 25px;color:#313131;}
.mail a{color:#5e5e5e;}
.phn a{color:#5e5e5e;}
.phn a:hover{color:#092ddb;}
.address a{color:#5e5e5e;}
.mail a:hover{color:#092ddb;}
.phones{text-align:center;}
.phone{background:url('/wp-content/themes/tbsinfotech/assets/css/../images/home3_07.png') no-repeat center #000;background-size:cover;padding: 8rem 0;}
.mail{text-align: left;font-size: 16px;color:#000;display: inline-block;padding-top:25px;padding-left: 25px;}
.phn{text-align: left;font-size: 16px;color:#000;display: inline-block;padding-top: 10px;padding-left: 25px;}
.address{text-align: left;font-size: 16px;color:#000;display: inline-block;padding-top: 10px;padding-left: 25px;}

/*-----------------------------------footer-section-------------------------------------*/
footer#footer{background:url('/wp-content/themes/tbsinfotech/assets/css/../images/footer.png') no-repeat center #000;background-size:cover;padding: 3em 0 2.5em;}
.footer-content h5{font-size:25px;color:#f2f6f7;margin-top:0;text-transform:capitalize;position:relative;margin-bottom:20px;font-weight:600;}
/*---------------address------------------*/
.footer-content .fa.fa-angle-right {padding-right: 10px;font-size: 18px;}
.footer-content .address{padding-top:0px;}
.footer-content .address ul li{padding-bottom:5px;}
.footer-content .address ul li a{font-size:16px;color:#fff;font-weight:500;transition: .5s all linear;}
.footer-content .address ul li a:hover {font-size: 16px;color: #0e589d;font-weight:bold;padding-left: 6px;}
/*---------------call-now------------------*/
.footer-content .col-md-offset-1.call {margin-left:5%;text-align:center;}
.footer-content .call a{font-size:16px;color:#fff;font-weight:500;line-height:1;transition: .5s all linear;}
.footer-content .call ul li a:hover {font-size: 16px;color: #0e589d;font-weight:bold;padding-left: 6px;}

/*---------------social------------------*/
.footer-content .social h5:after{width:70%;}
.footer-content .social ul li{display:inline-block;margin:0px 5.3px;}
.footer-content .social ul li:last-child{margin-right:0px;}
.footer-content .social ul li a i.fa {color: #fff;font-size:24px;}
.footer-content .social ul li a i.fa.fa-facebook:hover {color:#395694;}
.footer-content .social ul li a i.fa.fa-twitter:hover {color:#1c9ceb;}
.footer-content .social ul li a i.fa.fa-linkedin:hover {color:#0270ad;}
.footer-content .social ul li a i.fa.fa-youtube:hover {color:#d62b27;}
.footer-content .social ul li a i.fa.fa-pinterest-p:hover {color:#e34133;}
.footer-content .logo img {width: 80%;height: auto;}
.socials {padding-top: 18px;}
.socials ul li{display:inline-block;margin:0px 2.3px;}
.socials ul li:last-child{margin-right:0px;}
 .socials ul li a i.fa {color:#fff ;background: #111111;border-radius: 50%;width: 30px;height: 30px;margin: 0px;padding: 7px 0px;text-align: center;font-size: 18px;}
.socials ul li a i.fa:hover {color:#fff;}
.socials ul li a i.fa.fa-facebook:hover {background:#395694;}
.socials ul li a i.fa.fa-twitter:hover {background:#1c9ceb;}
.socials ul li a i.fa.fa-linkedin:hover {background:#0270ad;}
 .socials ul li a i.fa.fa-youtube:hover {background:#d62b27;}
 .socials ul li a i.fa.fa-pinterest-p:hover {background:#e34133;}
.office-list li h4{font-weight: 400;text-transform:initial;font-size: 22px;}
/*-----------------------------------copyright-section-------------------------------------*/
.copyright{background:#fff;padding:12px 0;}
.copyright p{color:#002555;font-size:14px;margin:0;text-transform:inherit;font-weight:600;}

/*-------------------------------------Back-to-top----------------------------------------*/
#back2Top {width:40px;line-height: 40px;overflow: hidden;z-index: 999;display: none; cursor: pointer;-moz-transform: rotate(270deg);-webkit-transform: rotate(270deg);-o-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg);position: fixed;bottom:20px;right:90px;background-color:#f1f0f0;color: #0e62a5;text-align: center;font-size:25px;text-decoration: none;border-radius: 50%;}
#back2Top:hover {background-color: #DDF;color: #000;}

/*-----------------------------------AboutUs-section-------------------------------------*/
.aboutus h6{color:#909090;font-size:20px;text-align:left;}
.aboutus h2{    margin-bottom: 16px;
color:#0e65a7;text-align:left;position: relative;font-size:35px;}
.aboutus  h2:after {position: absolute;content: "";bottom: -6px;left:0px;right: 0;background:#0e65a7;width: 60px;height: 3px;}
.online h6{color:#000;font-size:25px;text-align:left;font-weight:600;}
.online p{font-size:16px;    text-align: justify;}
.online p span{color:#0e589d;}
.aboutus p {
	margin: 0 0 5px;}
.uss img{border: 12px solid #fff;box-shadow: 0px 0px 7px 3px #d6cece;}
/*-----------------------------------ContactUs-section-------------------------------------*/
.monthly-subscription {background:url('/wp-content/themes/tbsinfotech/assets/css/../images/payment.jpg') no-repeat center #000;background-size:cover;padding: 4rem 0 6rem;}
.addresss li a {
    color: #9c9c9c;
}
.addresss li a:hover{color:#083cd0;}
.addresss li p{display: inline-block;}
.addresss li p span {
    display: block;
	    width: 235px;
}
.addresss li i.fa.fa-map-marker{height: 60px;}
.addresss li i{
    float: left;
    width: 30px;
line-height: 1.8;}
.addresss li{color: #9c9c9c;padding: 10px 0;}
.monthly-subscription  .col-md-6 h2{margin-bottom: 3rem;color:#fff;text-align:left;position: relative;font-size:35px;}
.monthly-subscription  .col-md-6 h2:after {position: absolute;content: "";bottom: -6px;left:0px;right: 0;background:#fff;width: 60px;height: 3px;}
.monthly-subscription .card {background: #f4f4f4;padding: 1rem 2rem;border-radius: 10px;text-align: center;border: 1px solid #9b9b9b;min-height: 245px;width:100%;}
.monthly-subscription .card-body {-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 5.25rem;}
.monthly-subscription .m-auto{margin: auto;width: 90%;margin-bottom: 15px;}
.inner-page-middle {padding: 4rem 0;font-size: 16px;}
.monthly-subscription .card .card-body img {max-width: 250px;}
.inner-page-middle h2{margin-bottom: 3rem;color:#0e65a7;text-align:left;position: relative;font-size:35px;}
.inner-page-middle h2:after{position: absolute;content: "";bottom: -6px;left:0px;right: 0;background:#0e65a7;width: 60px;height: 3px;}
.contct-from input[type="submit"] {text-decoration: unset;padding: 0;color: #fff;font-size: 18px;font-weight: 600;text-transform: capitalize;margin-top: 1rem;width: 25%;transition: .3s all linear;background: #0e589d;border-color: #0e589d;border-radius: 50px;line-height: 45px;}
.contct-from input[type="submit"]:hover {background: #000;border-color: #000;}
.inner-page-middle .costmer {display: inline-flex;}
.inner-page-middle .costmer img {box-shadow: 4px 4px 2px #0e589d;}
.inner-page-middle .costmers  img {box-shadow: 4px 4px 2px #0e589d;}
.inner-page-middle .costmer img {border-radius: 10px;}
.inner-page-middle .costmers  img {border-radius: 10px;}
.inner-page-middle .costmers {display: inline-flex;}
.inner-page-middle .row{padding-top:20px;}
.addresss {padding-left: 25px;padding-top: 7%;}
.costmers {padding-top: 6%;}
.addresss h3 span{font-size:14px;color: #9c9c9c}
.addresss .mail a{color: #9c9c9c !important;}
.addresss .phn a{color: #9c9c9c !important;}
.addresss .mail {text-align: left;font-size: 16px;display: inline-block;padding-top: 0px;padding-left:0px;}
.addresss .phn {text-align: left;font-size: 16px;color: #9c9c9c !important;padding-top: 0px;padding-left:0px;}
.monthly-subscription .card input[type="image"] {width: 36%;}

/*-------------------------------------OurWork-section------------------------------------*/
.works{padding:4rem 0;}
.works h4{font-size:30px;color:#313131;}
.works p{font-size: 15px;text-align: inherit;line-height: 1.8;}
.works .row {padding: 5rem 0;}
.works .col-md-7{padding-top: 8%;}
/*-------------------------------------Digital marketing------------------------------------*/
.digital{margin: 4rem 0;position:relative;}
.digital h4{font-size:30px;color:#313131;}
.digital h5{font-size:28px;color:#0e65a7;}
.digital p{font-size: 15px;text-align: inherit;line-height: 1.8;}
.digital .row {padding: 2rem 0;}
.digital .col-md-7{padding-top: 2%;}
.digital img.mobile {border: 8px solid #0e65a7;}
.digital .quarter-circle-top-right{ width: 400px;height: 350px;background:#FFBBC0;border-radius: 0 0 0 350px;-moz-border-radius: 0 0 0 350px;-webkit-border-radius: 0 0 0 350px;position: absolute;top:-4.5%;right: 0;}
.brand ul, .host ul, .servicedetail ul {
    list-style: disc;
}
/*-------------------------------------Product Development------------------------------------*/
.product{margin: 4rem 0;position:relative;}
.product h4{font-size:30px;color:#313131;}
.product h5{font-size:28px;color:#0e65a7;}
.product p{font-size: 15px;text-align: inherit;line-height: 1.8;}
.product .row {padding: 2rem 0;}
.product .quarter-circle-top-right{ width: 400px;height: 350px;background:#FAE4E6;border-radius: 0 0 0 350px;-moz-border-radius: 0 0 0 350px;-webkit-border-radius: 0 0 0 350px;position: absolute;   top: -9.8%;right: 0;}
/*-------------------------------------Hosting & Maintenance------------------------------------*/
.host{margin: 4rem 0;position:relative;}
.host h4{font-size:30px;color:#313131;}
.host h5{font-size:28px;color:#0e65a7;}
.host p{font-size: 15px;text-align: inherit;line-height: 1.8;}
.host .row {padding: 2rem 0;}
.host .quarter-circle-top-right{ width: 400px;height: 350px;background:#FAE4E6;border-radius: 0 0 0 350px;-moz-border-radius: 0 0 0 350px;-webkit-border-radius: 0 0 0 350px;position: absolute;    top: -5.8%;right: 0;}
/*-------------------------------------E Commerce Solution------------------------------------*/
/*.ecommerce{margin: 4rem 0;position:relative;}
.ecommerce h4{font-size:30px;color:#313131;}
.ecommerce h5{font-size:28px;color:#0e65a7;}
.ecommerce p{font-size: 15px;text-align: inherit;line-height: 1.8;}
.ecommerce .row {padding: 2rem 0;}
.ecommerce .quarter-circle-top-right{ width: 400px;height: 350px;background: #C27CEC;border-radius: 0 0 0 350px;-moz-border-radius: 0 0 0 350px;-webkit-border-radius: 0 0 0 350px;position: absolute;top: -9.8%;right: 0;}*/
/*-------------------------------------Mobile App/Web Development------------------------------------*/
.mobile{margin: 4rem 0;position:relative;}
.mobile h4{font-size:30px;color:#313131;}
.mobile h5{font-size:28px;color:#0e65a7;}
.mobile p{font-size: 15px;text-align: inherit;line-height: 1.8;}
.mobile .row {padding: 2rem 0;}
.mobile .col-md-7{padding-top: 2%;}
.mobile img.mobile {border: 8px solid #0e65a7;}
.mobile .quarter-circle-top-right{ width: 400px;height: 350px;background: #FFBBC0;border-radius: 0 0 0 350px;-moz-border-radius: 0 0 0 350px;-webkit-border-radius: 0 0 0 350px;position: absolute;top: -4.7%;right: 0;}
/*-------------------------------------brand------------------------------------*/
.brand{margin: 4rem 0;position:relative;}
.brand h4{font-size:30px;color:#313131;}
.brand h5{font-size:28px;color:#0e65a7;}
.brand p{font-size: 15px;text-align: inherit;line-height: 1.8;}
.brand .row {padding: 2rem 0;}
.brand .quarter-circle-top-right{ width: 400px;height: 350px;background: #06C9B9;border-radius: 0 0 0 350px;-moz-border-radius: 0 0 0 350px;-webkit-border-radius: 0 0 0 350px;position: absolute;    top: -6.8%;right: 0;}
/*-------------------------------------ServiceDetail-section------------------------------------*/
.servicedetail{padding:4rem 0;}
.servicedetail h4{font-size:30px;color:#313131}
.servicedetail p{font-size: 15px;text-align: inherit;line-height: 1.8;}
.servicess{background:url('/wp-content/themes/tbsinfotech/assets/css/../images/services-detail_02.jpg') no-repeat center #000;background-size:cover;padding: 6rem 0 6rem;}

/*-------------------------------------webform------------------------------------*/

.webform{margin: 4rem 0;position:relative;}
.webform h2{font-size: 45px;
        color: #0e65a7;
        text-align: center;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -1px;
    padding-top: 20px;
    margin: 0;}
    .logo_h {
    font-size: 18px;
    font-style: italic;
    line-height: 25px;
    color: #9A9A9A;
    font-weight: 400;
    padding-bottom: 20px;
    text-align: center;
    border-bottom: 1px dashed #5B5A5A;
}
.webform p{text-align:center;}
.cost_box_h {
    width: 88%;
    padding: 10px 0 15px;
    font-size: 19px;
    color: #028BD2;
    margin: 0 0 0 30px;
}
.field_bg_wdc_455 {
  margin: 8px 0px 0;
    width: 57%;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #d7d7d7;
}
.webdesignform input[type="submit"]:hover {
    background: #000;
    border-color: #000;
}
.webdesignform p{text-align:left; padding-left:25px;}
.webdesignform input[type="submit"] {
    text-decoration: unset;
    margin-left: 20px;
    color: #fff;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 1rem;
    width: 14%;
    transition: .3s all linear;
    background: #0e589d;
    border-color: #0e589d;
    border-radius: 50px;
    line-height: 45px;
}
form#mailingfrm {
    width: 70%;
    margin: auto;
    background: #d6d3d3;
    padding: 20px;
}
/*-------------------------------------webdev------------------------------------*/
.webdev{margin: 4rem 0;position:relative;}
.webdev h4{font-size:30px;color:#313131;}
.webdev h5{font-size:28px;color:#0e65a7;}
.webdev p{font-size: 15px;text-align: inherit;line-height: 1.8;}
.webdev .row {padding: 2rem 0;}
.webdev .col-md-5 img{box-shadow: 0 0 6px 5px #d6d5d5;}
.glow{padding-top:20px;}
.webdev ul {
    display: block;
    list-style: none;
}
.glossary_link {
    display: inline;
	margin-right: 9px;}
.glossary_link li {
    padding: 0 0 5px;
}
.glossary_link li a:hover {
    background:#28518b;
    color: #fff;
    padding-left: 35px;
}
.glossary_link li a {
    border: 1px solid #e6e6e6;
    color: #000;
    display: block;
        border: 1px solid #e6e6e6;
    color: #000;
    display: block;
    height: 32px;
    line-height: 27px;
    padding: 0 0 0 25px;
}
.border_pan {
    background: #F2F2F2;
    border: 1px solid #e8e8e8;
    display: block;
    padding: 10px;
    margin-bottom: 10px;
}
.border_pan h4 {
    font-size: 14px;
	color:#000;font-weight:700;}
.webdev a.btn-default:hover {
    color: #fff;
    background-color: #808488;
}
.webdev a.btn-default {
    background: #0e5fa3;
    border: 0px;
    border-radius: 25px;
    padding: 8px 50px 8px 50px;
    font-weight: 500;
    font-size: 16px;
    outline: 0;
    position: relative;
    color: #fff;
    text-decoration: none;
}
.webdev .Rcol_side_link li {
    background: url('/wp-content/themes/tbsinfotech/assets/css/../images/tick.png') no-repeat left 8px;
    color: #000;
       padding-left: 24px;
    transition: all .3s ease-in-out;
}
.webdev .Rcol_side_link li::before{display:none;}
.webdev a{color:blue;text-decoration:underline;}
.webdev ul li::before {
    content: "\2022";
    color: #000;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.webdev ul li {
    padding: 10px;
    line-height: 10px;
}
/*-------------------------------------Portfolio-section------------------------------------*/
.portfolios{padding:4rem 0;background: url('/wp-content/themes/tbsinfotech/assets/css/../images/home5.jpg')no-repeat center #000;background-size: cover;}
.portfolios h2{font-size: 35px;color: #0e65a7;text-align: center;position: relative;margin: 1rem 0 3rem;}
.portfolios h2:after {position: absolute;content: "";bottom: -6px;left: -285px;right: 0;margin: 0px auto;background: #0e65a7;width: 60px;height: 3px;}
.filter-button{margin-left: 5px;padding: 5px 12px;font-weight: 100;text-decoration: none;background: #fff;font-size: 16px;border: 2px solid #0e65a7;border-radius: 5px;text-align: center;color: #0e65a7;margin-bottom: 30px;}
.filter-button:hover{font-size: 16px;border:2px solid #0e65a7 !important;border-radius: 5px;text-align: center;color: #ffffff;background-color: #0e65a7 !important;}
.btn-default:active{background-color: #0e65a7 !important;color: white;border-color:transparent;}
.filter-button:active{background-color: #0e65a7 !important;color: white;}
.port-image{width: 100%;}
.gallery_product{margin-bottom: 30px;}
/*.img-thumbnail-variant-3 {position: relative;display: block;text-align: center;overflow: hidden;cursor: pointer;box-shadow: 8px 10px 35px rgba(0,0,0,.15);width: 100%;}
.img-thumbnail-variant-3 .label-custom {position: absolute;z-index: 11;top: 18px;left: 18px;padding: 2px 7px;font-size: 12px;font-style: italic;background-color: #fff;border-radius: 4px;color: #000;}
.img-thumbnail-variant-3 .caption {position: absolute;top: 0;bottom: 0;right: 0;left: 0;display: flex;flex-direction: column;justify-content: center;padding: 15px;transition: 250ms ease-in-out;}
.img-thumbnail-variant-3 .hover-top-element {opacity: 0;transform: translateY(30px);transition: 250ms 320ms linear;}
.img-thumbnail-variant-3:hover img {filter: brightness(0.5);}
.img-thumbnail-variant-3:hover .caption {opacity: 1;transform: scale(1);}
.img-thumbnail-variant-3:hover .hover-top-element,.img-thumbnail-variant-3:hover .hover-bottom-element {opacity: 1;transform: translateY(0);}
.img-thumbnail-variant-3 .caption>*+* {margin-top: 10px;}
.img-thumbnail-variant-3 .caption>* {color: #fff;}
.small {font-size: 16px;line-height: 1.625;}
.heading-5{font-size: 20px;line-height: 1.5;text-transform:uppercase;}
.list-inline-tag li {display: inline-block;font-size: 14px;font-style: italic;}
.img-thumbnail-variant-3 .divider {background: transparent;}
.divider {display: block;width: 100%;height: 1px;background: #ececee;}
.img-thumbnail-variant-3:hover .divider:before {left: 0;right: 0;}
.img-thumbnail-variant-3 .hover-bottom-element {opacity:0;transform: translateY(-40px);transition: 250ms 320ms linear;}
.img-thumbnail-variant-3 .divider:before {position: absolute;content: "";display: inline-block;left: 50%;right: 50%;height: 1px;background-color: #fff;transition: 250ms 280ms ease-in-out;}
.img-thumbnail-variant-3 .caption .divider {margin-top: 19px;margin-bottom: 19px;}
.img-thumbnail-variant-3 .caption .divider {position: relative;margin-top: 8px;margin-bottom: 8px;max-width: 116px;margin-left: auto;margin-right: auto;}
*/

.gallery_product #carouselHeader h3{
      position: relative;
      text-align: center;
    }

.gallery_product .modal-header .close{color:#000;}
/* Indicators list style */
.gallery_product .project-slide .carousel-indicators {
  bottom: 0;
  left: 0;
  margin-left: 5px;
  width: 100%;
}
/* Indicators list style */
.gallery_product .project-slide .carousel-indicators li {
  border: medium none;
  border-radius: 0;
  height: 35px;
  margin-bottom: -10px;
  margin-left: 0;
  margin-right: 5px !important;
  margin-top: 0;
  width: 50px;
  border-radius: 3px;
  
}
/* Indicators images style */
.gallery_product .project-slide .carousel-indicators img {
  border: 2px solid #FF8C00;
  border-radius: 3px;
  float: left;
  height: 35px;
  left: 0;
  width: 50px;
  opacity: 0.7;
}
/* Indicators active image style */
.gallery_product .project-slide .carousel-indicators .active img {
  border: 2px solid orange;
  opacity: 1;
}
/* carousel-control */
.gallery_product .gallery_product .carousel-control{
  color:#FF8C00; 
  opacity: 0.5;
}
.gallery_product .carousel-control:hover,
.carousel-control:focus {
  color: orange;
  opacity: 1;
}
.gallery_product .carousel-control.left, .carousel-control.right{ 
    background: none !important;
    color:#fff;
    filter: none !important;
   
}
   

/*-------------------------------------seocasestudydetail-section------------------------------------*/
.case{padding:4rem 0;}
.case h5{font-size:18px;color:#0e62a5}
.case h6{font-size:16px;color:#000;font-weight: 600;}
.case p{font-size:15px;color:#4c4c4c;width:80%;}
.case .caption_column {width: 44%;;float: left;}
.case .caption_column .heading_row {font-weight: 600;background: none;color: #a8a7a7;}
.case .column_2 li {border-bottom: 1px solid #d3d3d3;min-height: 39px;line-height: 39px;padding: 0;text-transform: capitalize;}
.case .caption_column li {padding-left: 8%;border-left: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;border-right: 1px solid #9c9c9c;min-height: 39px;line-height: 39px;text-transform: capitalize;}
.case  .caption_column .heading_row{padding-left: 8%;background:#aeaeae;color: #000;display: block;font-size: 20px;height: 40px;line-height: 40px;}
.case .column_2 .heading_row{font-weight: 600;background:#aeaeae;color: #000;display: block;font-size: 20px;height: 40px;line-height: 40px;text-align:center;}
.case .column_2 li {background: #fff;text-align: center;}
.case .caption_column li {background: #f4f4f4;}
.case .active_column,.case .column_1:hover {position: relative;z-index: 100;box-shadow: 5px 0 30px rgba(0,0,0,0.5);-moz-box-shadow: 5px 0 30px rgba(0,0,0,0.5);}
.case .column_2 {width: 26.8%;float: left;}

/*-------------------------------------SEO Case Study-section------------------------------------*/
.casestudys{padding:4rem 0;}
.casestudys h2{font-size: 35px;color: #0e65a7;text-align: center;position: relative;margin: 1rem 0 3rem;}
.casestudys h2:after {position: absolute;content: "";bottom: -6px;left: -150px;right: 0;margin: 0px auto;background: #0e65a7;width: 60px;height: 3px;}
.filter-button{margin-left: 5px;padding: 5px 12px;font-weight: 100;text-decoration: none;background: #fff;font-size: 16px;border: 2px solid #0e65a7;border-radius: 5px;text-align: center;color: #0e65a7;margin-bottom: 30px;}
.filter-button:hover{font-size: 16px;border:2px solid #0e65a7;border-radius: 5px;text-align: center;color: #ffffff;background-color: #0e65a7;}
.btn-default:active{background-color: #0e65a7 !important;color: white;}
.filter-button:active{background-color: #0e65a7 !important;color: white;border: 2px solid #0E65A7 !important;}
.btn-primary:focus {
    outline: 0px auto -webkit-focus-ring-color !important;
	    border-color: #286090 !important;
}
.port-image{width: 100%;}
.gallery_product{margin-bottom: 30px;}
.thum {height: 340px;border:2px solid #eaeaea;border-radius: 15px;padding: 30px 20px;}
.thum:hover{border: 2px solid #0e65a7;}
.thum:hover .ca {background: #0e65a7;color:#fff}
.thum h4{font-size:16px;color:#000;font-weight: 600;padding-top: 15px;}
.thum h3{font-size:20px;color:#000;font-weight: 600;}
.thum h4 span{font-size:16px;color:#000;font-weight:300}
.thum h4 span u{color:#989898;font-size:12px;text-decoration-line:none;}
.thum h3.ca {float: right;padding: 10px 40px 10px 15px;background: #eaeaea;position: relative;left: 11%;}
.thum img {width: 46%;}
.thum a {
    color: #1e65e7;
	font-size: 15px;
}
.thum a:hover{text-decoration:underline;}

/*-------------------------------------Social Media Optimization-section------------------------------------*/
.socailmedias{padding: 4rem 0 0 0px;}
.socailmedias h3{font-size: 25px;color:#0e65a7;position:relative;}
.socailmedias h3:after {position: absolute;content: "";bottom:-4px;left:0px;margin: 0px auto;background: #0e65a7;width: 35px;height: 3px;}
.socailmedias h2{font-size: 35px;color:#0e65a7;position:relative;}
.socailmedias h2:after {position: absolute;content: "";bottom:-8px;left:0px;margin: 0px auto;background: #0e65a7;width: 65px;height: 4px;}
.socailmedias ul.link_col li a {background: url('/wp-content/themes/tbsinfotech/assets/css/../images/bullet1.png') no-repeat left 6px;color: #111;display: list-item;font-size: 15px;line-height: 1.7;opacity: 1;padding-left: 20px;text-transform: capitalize;white-space: nowrap;width: auto;}
.socailmedias ul.link_col {padding: 10px 0px;}
.socailmedias ul.link_col li a:hover{background: url('/wp-content/themes/tbsinfotech/assets/css/../images/bullet2.png') no-repeat left 6px;color:#0e65a7;}
.socailmedias ul.link_col li a.active{background: url('/wp-content/themes/tbsinfotech/assets/css/../images/bullet2.png') no-repeat left 6px;color:#0e65a7;font-weight:600}
.socailmedias ul.link_col li {border:1px solid #bdbdbd;padding: 4px 0;}
.socailmedias p {font-size:15px;line-height: 1.8;}
.socailmedias .packs a.btn-default:hover {color: #fff;background-color: #808488;}
.socailmedias .packs a.btn-default {background: #0e5fa3;border: 0px;border-radius: 25px;padding: 8px 50px 8px 50px;font-weight: 500;font-size: 16px;outline: 0;position: relative;color: #fff;text-decoration: none;}
.socailmedias .packs{float:right;}
.socailmedias .bullet {
    display: block;
    list-style: none;
}
.socailmedias a{color:blue;}
.socailmedias .bullet li::before {
    content: "\2022";
    color: #000;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.socailmedias .bullet li {
    padding-left: 10px;
    line-height: 28px;
}
.socailmedias h5{font-size: 20px;color:#0e65a7;}
/*-------------------------------------Web Design Packages-section------------------------------------*/
.websitedesigns{padding: 4rem 0 0 0px;}
.websitedesigns h2{font-size: 35px;color:#0e65a7;position:relative;}
.websitedesigns h2:after {position: absolute;content: "";bottom:-8px;left:0px;margin: 0px auto;background: #0e65a7;width: 65px;height: 4px;}
.websitedesigns .packs a.btn-default:hover {color: #fff;background-color: #808488;}
.websitedesigns .packs a.btn-default {background: #0e5fa3;border: 0px;border-radius: 25px;padding: 8px 50px 8px 50px;font-weight: 500;font-size: 16px;outline: 0;position: relative;color: #fff;text-decoration: none;}
.websitedesigns .packs{float:right;}
.websitedesigns h5{font-size:18px;color:#191d2b;padding-bottom: 10px;}
.websitedesigns p{font-size:15px;color:#4c4c4c;}
.websitedesigns p span{font-size:15px;color:#000;font-weight:600}
.websitedesigns .budget {float: left;padding-top: 3%;}
.websitedesigns a.btn-default:hover {color: #fff;background-color: #808488;}
.websitedesigns a.btn-default {background: #0e5fa3;border: 0px;border-radius: 25px;padding: 8px 50px 8px 50px;font-weight: 500;font-size: 16px;outline: 0;position: relative;color: #fff;text-decoration: none;}
.buggetss{border:3px solid #e6e6e6;border-radius: 20px;padding: 10px;height:auto;width:100%;display:block;box-shadow:none;margin: 25px 0;}
.buggetss:hover{border: 3px solid #0e5fa3;border-radius: 20px;box-shadow:-2px 1px 8px 4px rgba(0, 0, 0, 0.2)}

/*-------------------------------------One Time Seo Packages-section------------------------------------*/
.onetimes{padding: 4rem 0 0 0px;}
.table-stripeds {width: 100%;border-collapse: collapse;border: 1px solid #f1f1f1;margin: 2em 0;}
.table-stripeds .caption {font-size: 35px;color: #fff;text-align: center;}
.table-stripeds th {background: #0e65a7;padding: 7px 7px;font-size: 20px;}
.table-stripeds .bluebg {color:#0e65a7;font-size:35px;background: #fff;text-align: center;}
 .table-stripeds .bluebg th, .table-stripeds .bluebg td {color:#fff;font-size:35px;background:#0e65a7;text-align: center;}
.table-stripeds .bgheading> th, .table-stripeds .bgheading td {padding: 7px;text-align: center;color: #000;background: #aeaeae;}
.table-stripeds td {border: 1px solid #aeaeae;padding: 10px;}

/*-------------------------------------Blog-section------------------------------------*/
.blogs{padding: 4rem 0 0 0px;}
.blogs h2{font-size: 35px;color:#0e65a7;position:relative;text-align:center;}
.blogs h2:after {position: absolute;content: "";bottom:-8px;left:-70px;right:0;margin: 0px auto;background: #0e65a7;width: 65px;height: 4px;}
.card.blogss {position:relative;width: 100%;height: auto;padding: 0px !important;box-shadow: none;margin: 10px 0;border-radius: inherit;margin-bottom: 150px;}
.card.blogss a{border:3px solid #898989;}
.card.blogss a:hover{border:3px solid #0e65a7;}
.blogs .row{padding-top: 4%;}
.blogs h6{font-size:16px;font-weight:600;}
.blogs p{font-size:18px;}
.postss p{font-size:13px;}
.postss{float: left;display: inline-flex;padding-bottom: 10px;}
.blogs .col-md-3{padding-bottom:7px;}
.blogs h5{font-size:16px;color:#fff;}
.blogs h4{font-size:14px;}
.blogs h4:after{position: absolute;content: "";top: 7px;left: -5px;background: url('/wp-content/themes/tbsinfotech/assets/css/../images/watch.png') no-repeat center;height: 29px;width: 25px;}
.dates{position:absolute;}
.blogss .dates a{border:none;}
.blogss .dates a:hover{border:none;color:#0e65a7;}
.blogss img {
    height: 260px;
}
.postss img {
    width: 25%;
    padding-right: 10px;
}



/*-------------------------------------Packages-section------------------------------------*/
#packages .pack_table .heading_row11 label{
    font-size: 15px;
        color: #FFF;
    display: block;
    height: 60px;
        margin-bottom: 0px;
    line-height: 60px;

}
#packages .pack_table .heading_row2 {
    height: 60px;
    text-align: center;
    padding-top: 0;
     background-color: #0e65a7;
}

#packages .pack_table .heading_row11 {
    background-color: #0e65a7;
    border-right: none;
    text-align: center;
    padding-top: 0;
    border-left: 1px solid #d7d7d7;
    border-bottom: none;
}
#packages .pack_table .active_column, #packages .pack_table .column_11:hover {
    position: relative;
    box-shadow: 5px 0 30px rgba(0,0,0,0.5);
    border-left: 1px solid #949494;
    border-right: 1px solid #949494;
}
#packages .pack_table .column_11 .row_style_1.align_centers:after {
    position: absolute;
    content: "";
    top: 7px;
    left: 117px;
    background: url('/wp-content/themes/tbsinfotech/assets/css/../images/cross_01.png') no-repeat center;
    height: 29px;
    width: 25px;
}
#packages .pack_table .column_11 .pop-up {
    position: absolute;
    top: 9px;
    font: bold 20px Arial,Helvetica,sans-serif;
    width: 200%;
    color: #000;
    z-index: 300;
}
#packages .pack_table .column_11 li.row_style_3.align_centers:after {
    position: absolute;
    content: "";
    top: 7px;
    left: 117px;
    background: url('/wp-content/themes/tbsinfotech/assets/css/../images/tick_01.png') no-repeat center;
    height: 29px;
    width: 25px;
}

#packages .pack_table .column_11 {width:260px;float: left;}
#packages .pack_table .caption_column13{width: 420px;float:left;}
#packages .pack_table .caption_column13 li {border-left: 1px solid #d7d7d7;}
#packages .pack_table .caption_column12{width: 450px;float:left;}
#packages .pack_table .caption_column12 li {border-left: 1px solid #d7d7d7;}
#packages .pack_table .caption_column11{width: 640px;float:left;}
#packages .pack_table .caption_column11 li {border-left: 1px solid #d7d7d7;}
#packages .pack_table li.row_style_5 {background: #c2c2c2;}
#packages.new_packages .pacl_top {
    float: left;
    text-align: left;
    width: 45%;
}
.new_packages .new_pack_table {
    float: right;
    width: 53%;
}
.boxbg li {
    height: 39px;
    border-bottom: 1px solid #6586a8;
    padding-left: 7%;
    text-align: left;
    line-height: 39px;
    font-size: 19px;
    font-weight: 400;
    color: #fff;
    background: #748cc1;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 0px;
}
.reporting {
    background-color: #e7dcc0;
    border-top: 1px solid #fff;
    padding: 8px 20px;
}
.package_content li{    border-bottom: 1px solid #d7d7d7;
    min-height: 42px;
    line-height: 36px;
    font-size: 14px;
    padding: 0;
    text-transform: capitalize;}
.boxbg li span {
    float: right;
    margin-right: 10%;
}
.package_content {
    background: #f5f2ec;
}
.pacl_top h4{    font-size: 20px;
    font-weight: 400;
    color: #1e457e;
    padding-bottom: 10px;}

.heading_col {
    background: #0e65a7 !important;
    padding: 5px;
    font-size: 1.8em;
    color:#fff;
    text-transform:uppercase;
}
li.row_style_3.align_centers {position: relative;}
li.row_style_3.align_centers:after {position: absolute;content: "";top: 7px;left: 78px;background: url('/wp-content/themes/tbsinfotech/assets/css/../images/tick_01.png') no-repeat center;height: 29px;width: 25px;}
li.row_style_1.align_centers{position:relative;}
li.row_style_1.align_centers:after{ position: absolute;content: "";top: 7px;left: 78px;background: url('/wp-content/themes/tbsinfotech/assets/css/../images/cross_01.png') no-repeat center;height: 29px;width: 25px;}
.package{padding: 4rem 0 0 0px;}
.package h2{font-size: 35px;color:#0e65a7;position:relative;text-align:center;}
.package h2:after {position: absolute;content: "";bottom:-8px;left:-220px;right:0;margin: 0px auto;background: #0e65a7;width: 65px;height: 4px;}
#packages {display: block;padding: 20px 0;overflow: hidden;}
#packages .pack_table .caption_column11{width: 640px;float:left;}
#packages .pack_table .caption_column11 li {border-left: 1px solid #d7d7d7;}
#packages .pack_table li.row_style_5 {
    background: #c2c2c2;
}
#packages .pack_table {display: table;padding:0px 0;width: 100%;max-width: 100%;}
#packages .pack_table .caption_column {width: 300px;float: left;}
#packages .pack_table .caption_column li {border-left: 1px solid #d7d7d7;}
#packages .pack_table li.row_style_9 {border-right: #d8e4f4;position: relative;line-height: normal;background: #aeaeae;border: none;}
#packages .pack_table li {border-bottom: 1px solid #d7d7d7;border-right: 1px solid #d7d7d7;min-height: 42px;line-height: 36px;text-align: center;font-size: 14px;padding: 0;text-transform: capitalize;}
.footer_row1 {padding-top: 15px;float: left;width: 1230px;max-width: 1230px;min-width: 1230px;}
#packages .pack_table .pop-up.act {width: 95%;}
#packages .pack_table li span {display: inline-block;line-height: normal;padding: 0 10px;vertical-align: middle;font-weight:600;}
#packages .pack_table .active_column .heading_row1, #packages .pack_table .active_column .column_head1 label , #packages .pack_table .active_column .column_head1 span strong, #packages .pack_table .active_column .column_head1 span{background-color:#fff;color:#0e65a7;}
#packages .pack_table .active_column, #packages .pack_table .column_1:hover {position: relative;box-shadow: 5px 0 30px rgba(0,0,0,0.5);border-left: 1px solid #949494;border-right: 1px solid #949494;}
#packages .pack_table .active_column:hover .heading_row1 {border-left: none;border-right: none;}
#packages .pack_table .caption {background: #0e65a7 !important;color: #0e65a7;font-size: 46px;height: 140px;line-height: 40px;padding-top: 9px;text-align: center;border: none;}
#packages .pack_table .pop-up {position: absolute;top: 9px;font: bold 20px Arial,Helvetica,sans-serif;width: 300%;color: #000;z-index: 300; white-space: pre;}
#packages .pack_table .column_1 {width: 180px;float: left;}
#packages .pack_table .heading_row1 {height: 140px;background-color: #0e65a7;border-right: none;text-align: center;padding-top: 0;border-left: 1px solid #d7d7d7;border-bottom:none;}
#packages .pack_table .column_head1 label {font-weight: 600;color: #FFF;display: block;font-size: 18px;margin: 0;line-height: 50px;}
#packages .pack_table .column_head1 span strong {color: #fff;display: block;font-size: 40px!important;}
#packages .pack_table .column_head1 span {color: #fff;display: block;font-size: 18px;}
.Rcol_side_link li {background: url('/wp-content/themes/tbsinfotech/assets/css/../images/tick.png') no-repeat left 8px;color: #000;padding: 5px 0 15px 35px;transition: all .3s ease-in-out;}
#packages .pack_table li a.sign_up, #packages .pack_table li a.sign_up1 {font-weight: 600;width: 120px;height: 33px;line-height: 33px;color: #000;padding: 0!important;display: block;text-align: center;margin-left: auto;margin-right: auto;background-color: #fff;outline: none;border-radius: 20px;  }
#packages .footer_row {line-height: 3px !important;color: #0e65a7;width: 100%;height: 80px;padding: 22px 0 6px!important;border-right: none!important;float: left;background: #0e65a7;text-align: center;border-top: 1px solid #d3d3d3;border-bottom: none!important;}
#packages .pack_table li a.sign_up:hover, #packages .pack_table li a.sign_up1:hover {color:#fff;background-color:#000}
/*------------------------------------Inner-page-css------------------------------------*/
#request_free {position: fixed;right: -3px;top: 270px;z-index: 1003;transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;}
#request_free:hover {right: 0px;}

/*-------------------------------------career------------------------------------*/
.career{padding: 4rem 0 4rem 0px;}
.career h3{font-size: 25px;color:#0e65a7;position:relative;}
.career h3:after {position: absolute;content: "";bottom:-4px;left:0px;margin: 0px auto;background: #0e65a7;width: 35px;height: 3px;}
.career h2{font-size: 35px;color:#0e65a7;position:relative;}
.career h2:after {position: absolute;content: "";bottom:-8px;left:0px;margin: 0px auto;background: #0e65a7;width: 65px;height: 4px;}
.career ul.link_col li a {background: url('/wp-content/themes/tbsinfotech/assets/css/../images/bullet1.png') no-repeat left 6px;color: #111;display: list-item;font-size: 15px;line-height: 1.7;opacity: 1;padding-left: 20px;text-transform: capitalize;white-space: nowrap;width: auto;}
.career ul.link_col {padding: 10px 0px;}
.career ul.link_col li a:hover{background: url('/wp-content/themes/tbsinfotech/assets/css/../images/bullet2.png') no-repeat left 6px;color:#0e65a7;}
.career ul.link_col li a.active{background: url('/wp-content/themes/tbsinfotech/assets/css/../images/bullet2.png') no-repeat left 6px;color:#0e65a7;font-weight:600}
.career ul.link_col li {border:1px solid #bdbdbd;padding: 4px 0;}
.career p {font-size:16px;line-height: 1.8;}
.career p span{font-weight:bold;}
.career .card {margin: 10px 0;display:block;text-align:center;border-radius: 8px;padding-top:35px !important;width: 100%;box-shadow: none;border: 1px solid #e4e1e1;padding:8px;background-color: #fff;height:300px;}
.career .card h4{font-size:20px;color:#000;}
.career .card h6{font-size:14px;color:#000;}
.career .card a.btn-default{background: #0e5fa3;border: 0px;border-radius: 25px;padding: 10px 40px 10px 40px;font-weight: 500;font-size: 16px;outline: 0;position: relative;color: #fff;text-decoration: none;margin-top: 30px;}
.career .card a.btn-default:hover {color: #fff;background-color: #808488;}
.modal-title{line-height: 1.8;padding: 28px 15px;text-align: left;font-size:17px !important;color:#fff !important;background-color:#0e62a5;font-weight:100;font-style:italic;}
.modal-dialog {width: 80%;}
.modal-header {padding:0px;}
.modal-body label {color: #000;font-size: 16px;float: left;}
.modal-header .close {margin-top: -1px;color: #fff;margin-right: 7px;font-size: 28px;}
.modal-body input.form-control{height:32px !important;}
#flpResume{padding-left: 30px;}
.modal-footer{border:none;}
.career-search{text-align:left;}
.modal-body {position: relative;padding: 16px 30px;}
.clip{clip-path: polygon(0% 0, 100% 0%, 91% 100%, 0% 100%);padding: 6px 20px 6px 0px;background: #0e62a5;font-size: 20px;color: #fff !important;width: 17%;margin-top: 40px;}
.clips{clip-path: polygon(0% 0, 100% 0%, 91% 100%, 0% 100%);padding: 6px 50px 6px 0px;background: #0e62a5;font-size: 20px;color: #fff !important;width: 26%;}

#Reset1:hover{color: #fff;background-color: #808488;}
#submit1:hover{color: #fff;background-color: #808488;}
#Reset1{background: #0e5fa3;border: 0px;border-radius: 25px;padding: 10px 40px 10px 40px;font-weight: 600;font-size: 16px;outline: 0;position: relative;color: #fff;text-decoration: none;margin-top: 30px;}
#submit1{background: #0e5fa3;border: 0px;border-radius: 25px;padding: 10px 40px 10px 40px;font-weight:600;font-size: 16px;outline: 0;position: relative;color: #fff;text-decoration: none;margin-top: 30px;}
/*------------------------------------Request-form------------------------------------*/
.request_form {display: block;padding: 20px 0 0;}
.request_form .txt_box1 {border: 1px solid #d5d2d2;color: #222122;float: left;height: 43px;padding: 1px 15px;width: 468px;margin-top: 6px;margin-bottom: 9px;}
.request_form .txt_box1_area_2 {background: none;border: 1px solid #d5d2d2;color: #222122;height: 138px;max-width: 468px;padding: 10px 15px;width: 468px;box-shadow: 2px 2px 5px 0 #f3f3f3;}
.request_form .btn_sub {clear: both;padding: 25px 0 0 5px !important;}
.develop:hover{background: #b7babd;color:#000;border: 1px solid #b7babd;}
.develop {background:#143666;border: 1px solid #1b3d70;cursor: pointer;color: #FFF;font-size: 14px;height: 33px;line-height: 30px;padding: 0 20px;border-radius: 5px;transition: all .3s ease-in-out;}

/*------------------------------------Modal-box-portfolio-----------------------------------*/
.modal-open .modal {z-index: 100001;}
#myModal .modal-dialog {width:600px;margin:130px auto;text-align: center;}
#myModal .modal-header {padding:5px;}
#myModal .modal-header .close {margin-top: 0;color: #000;margin-right:7px;font-size: 40px;outline:none!important;}






/*-----------------------------media-css--------------------------------------------*/
@media(max-width:1600px){
.banner-right{top: 112px;right: 22.6%;}		
	
}
@media(max-width:1367px){
.banner-right{top: 90px;right: 22.2%;
}	
	
}
@media(max-width:1290px){
.usus {display:none;}
#packages {overflow: scroll;}
#packages .pack_table {overflow-x: scroll;}
/*.banner-text1 .h3 {font-size: 28px;}
.banner-text1 {top: 95%;}*/
#packages .footer_row1 {overflow-x: scroll;}
footer#footer {padding:2em 0 1.5em;}	
/*.phn {font-size: 14px;padding-top: 0px;padding-left: 0px;}
.mail {font-size: 14px;padding-top: 17px;padding-left: 4px;}
.address {font-size: 14px;padding-top: 10px;padding-left: 8px;}
.works .col-md-7 {padding-top: 1%;}*/
}
@media(max-width:1199px){
.footer-content h5 {font-size:14.8px;}	
.footer-content .social ul li {margin:0px -7.9px;}
.footer-content .social ul li a i.fa {width: 38px;height: 38px;font-size: 24px;}		
.tra{top: auto;}
.phone .card{height: auto;width: auto;;}
}

@media(max-width:991px){
.footer-content h5 {font-size:18px;padding:8px 0px!important;}	
.footer-content .address h5{padding:8px 20px!important;}
.footer-content h5:after {width:100%;}	
.footer-content .address ul li {padding-bottom:0;}	
.footer-content  ul li a{font-size:13px !important;}	
/* .footer-content .call a {font-size:16px;}	 */
/* .footer-content .social {width:28%;}	 */
.footer-content .social ul li {margin:0px 0.4px;}
.footer-content .social ul li a i.fa {width:32px;height:32px;font-size:20px;padding:7px 0px;}		
.trans{width: 85%;}
.card-image{text-align: center;}

}


@media(max-width: 768px) {
    .logo {top: 0;margin:10px 20px;}
    nav ul {display: none;max-height: 0px;background: #000;transition: .5s all;;}
    nav.black ul {background: #000;}
    .showing {    max-height: 34em;float: left;width: 100%;text-align: left;padding: 0;line-height: normal;display: block;}
    nav ul li {box-sizing: border-box;width: 100%;padding: 0px;text-align:left;}
    nav ul li a {
        padding: 12px 32px;
        width: 100%;
        float: left;
    }
    nav ul li a:hover, nav ul li.active a {
       padding: 12px 32px;
    }
    nav ul li:last-child a{padding-bottom:1.5em}
    .dropdown:before {top: 14px;right: 30px;}
    .menu-icon {display: block;padding:20px 20px 10px}
    

    ul.sub-menu.dropdown-menu.showing, .dropdown-menu {
        position: static;
        float: none;    max-width: 100%;

    }	
    .sectt{display: none;}
    header {

        z-index:1000000001;
    }
    .column {
        float: initial;
        width: 70%;
        padding: 0 10px;
        margin: auto;
        margin-bottom: 20px;
    }

    
    .media-object{ margin-top:0; }	
	.nit-bannner {
        position: relative;
        width: 100%;
        top: 55px;
        zoom: 0.8;
    }
    .banner-text {
        height: auto;
        width: 100%;
        position: absolute;
        z-index: 999;
        top: 38%;
        font-size: 54px;
        font-weight: 700;
        line-height: 64px;
        margin-top: -140px;
    }
}

@media(max-width:767px){
    
.addresss h3 span {font-size: 13px;}
.footer-content{text-align: left;}
.footer-content .col-sm-3{margin-bottom: 30px;padding-left: 25px;;}
.addresss h3{font-size: 21px;}
.addresss .phn {font-size: 11px;}
.addresss .mail {font-size: 11px;}
footer#footer{text-align:center!important;}	
footer#footer .logo img{width:190px;}	
.footer-content h5, .footer-content .address h5 {font-size:18px;padding:0px!important;background:none!important;margin-bottom: 13px;}	
.footer-content h5:after {width:56%;margin:0px auto;}
ul.email-id {margin:0;line-height: 1;}.call-id li
.footer-content .social h5:after{width:75%;}
.footer-content .address ul li {padding-bottom: 8px;}
.footer-content .address ul li a, .fleet-content .fleet-list p {font-size:13px;}	
.footer-content .col-md-offset-1.call {margin-left:0%;margin:20px 0px;}	
.footer-content .call a {font-size: 13px;}
.footer-content .social ul li {margin:0px 2.4px;}	
.footer-content .social ul li a i.fa {width:34px;height:34px;font-size:21px;}	
#back2Top {bottom: 85px; right: 10px;}  }

@media (max-width:570px){
.commitment img, .team img, .project img, .experience img {margin-top: 0%;margin-right: 0%;}
h3.counter-count {font-size: 30px;}
.sectt p {margin: 0 0 0px;}
.team span {font-size: 33px;}
.project span {font-size: 34px;}
.col-md-3.commitment, .col-md-3.team, .col-md-3.project, .col-md-3.experience{margin-top: 0%;text-align: center;margin-left: 0%;}
.request_form .txt_box1 {width: 330px;}
.request_form .txt_box1_area_2 {width:330px;}
.usus {display:none;}
#packages {overflow: scroll;}
#packages .pack_table {overflow-x: scroll;}
.banner-text1 .h3 {font-size: 28px;}
#packages .footer_row1 {overflow-x: scroll;}
/* .nit-bannner .img-fluid {height:35vh;} */
.beauti .col-md-7 {top:0px;}
.beauti .img-fluid {top:0px;}
nav ul {padding-right: 0px; }
.banner-text1 .h6 span {font-size: 14px;color: #a92fe5;}
.banner-text1 .h6{font-size: 14px;color: #a92fe5;}
.banner-text .h1 {font-size: 40px;line-height: 32px;margin-top: 26px;}
.banner-text .h2 {font-size: 36px;color: #fff;}
.nit-bannner .casestudy{height:35vh;}
.nit-bannner .portfolio{height:35vh;}
.ports a.btn-default {margin-top: 0px;}
.nit-bannner .work{height:35vh;}
.nit-bannner .service{height:35vh;}
.nit-bannner .contact{height:35vh;}
.nit-bannner .about{height:35vh;}
.nit-bannner .blog{height:35vh;}
.nit-bannner .socailmedia{height:35vh;}
.nit-bannner .websitedesign{height:35vh;width:100%}
.nit-bannner .onetime{height:35vh;}
.inner-page-middle h2 {font-size: 30px;}
.monthly-subscription .col-md-6 h2 {font-size: 30px;}
.thum h3.ca {padding: 10px 1px 10px 10px;}
.inner-form {display:none;}
.sectt {height:auto;}
.footer-content .social {width: 100%;}
.carousel-control {color: #31708f;width: 6%;}
.thumbnail .caption:after {display:none;}
.thumbnail .caption:before {display:none;}
.banner-text .h3 {font-size: 30px;color: #fff;font-weight: bold;}
.banner-text {top: 66%;    zoom: 0.9;}
.banner-text{line-height: 2px;}
.banner-text a {margin-top:0px;}
.trans {width:100%;}
.tra {top: 0px;margin-top: 50px;}
.beauti h1 {font-size: 40px;}
.beauti h3 {font-size:25px;}
.beauti {height:auto;}
.beauti p {font-size: 16px;padding: 0 0rem 0 0;line-height: 24px;}
.case .caption_column li {font-size: 13px;}
.case .column_2 .heading_row{font-size: 16px;}
.case .caption_column .heading_row{font-size: 16px;}
.case .column_2 li {font-size: 13px;}
.case p {width:100%;}
/* .webdev {margin: 0rem 0;} */
nav ul{overflow:hidden;}
.port, .test, .services, .aboutus{padding: 1rem 0;}
.ports a.btn-default {padding: 10px 30px 10px 30px;font-size: 12px;}
.port h2 {margin: 1rem 0 1rem;font-size: 25px;}
.serv h4 {margin: 1rem 0;font-size: 20px;margin-bottom: 8px;}
.test h2 {font-size: 25px;}
	
.test h2:after {left: -70px;}
.services h2:after {left: -80px;}
.services h2 {font-size: 25px;margin-bottom: 0rem;}
.content p {font-size: 14px;width: 100%;}
.phone {padding: 2rem 0;}
.phn strong, .mail strong, .address strong {font-size: 20px;}
.phn a, .mail a{font-size: 13px;}
.address a {font-size: 12px;}
.card {padding-top: 0px !important;}
.footer-content .fa.fa-angle-right {   display: none;}
.servicess {padding: 2rem 0 2rem;}
.servicess .col-md-4{padding-bottom:10px;}
.webdev .row {padding: 0rem 0;}
.monthly-subscription .card-body {padding-left: 6px;}
	
	.nit-bannner{        top: 105px;margin-bottom:50px}
	
	
	
	
}
@media screen and (max-width: 600px) {
.column {width: 100%;display: block;margin-bottom: 20px;}
}
@media(max-width:350px){
	
}
.sub-menu { display: none; }

h6.site-link {
    padding: 10px 0;
}
h6.site-link a {
    color: #0760a6;
}


li .first {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 15px;
    color: white;
    font-size: 20px;
    vertical-align: text-top;
}



.request_form ul li{clear:both;}


@media(max-width: 1250px){
	li.row_style_3.align_centers:after,li.row_style_1.align_centers:after{inset: 0;width:auto;height:auto}
	#packages .pack_table .column_1{width: 151px;float: left;}
	#packages .pack_table .caption_column12{ float: left;flex-grow: 1;}
	#packages .pack_table .column_head1 span strong{ font-size: 25px !important;}
	li.row_style_3.align_centers:after{width:auto;height:auto;}
	#packages .pack_table .column_head1 label{font-size: 14px;}
	#packages .footer_row1{overflow-x: auto;}
	.footer_row1{width:100%;max-width:100%;min-width:0}
	#packages .pack_table{overflow:auto}

	#packages .footer_row1{overflow:auto;display:flex}
	#packages{overflow:auto}
	#packages .pack_table .column_1{max-width:151px}
	
}
@media (max-width:992px){
    .nit-bannner .about{height: 665px;}
}


.footer-content .social ul li a i.fa.fa-instagram:hover {
    color:	#FF0000;
}
.footer-content .social ul li a i.fa.fa-pinterest:hover {
    color: #c8232c;
}

@media (max-width:767px){
	.nit-bannner .about{height: 300px;object-fit: cover;}

}
.paoc-popup-click.paoc-popup-cust-2590.paoc-popup-button.paoc-popup-btn.btn.btn-warning.bg-gredient {border: 2px solid #000;border-radius: 14px;color: #000;background: #fff;padding: 14px 35px;
}
.paoc-popup-click.paoc-popup-cust-2590.paoc-popup-button.paoc-popup-btn.btn.btn-warning.bg-gredient:hover {color: #fff;background: #000;}

.section-package {
    background: #e6eff6;
    padding-top:100px !important;
}

.mid-title h1{font-family: 'gothambold';padding-bottom: 7rem;color: #0e65a7;}

.mid-title h1 strong{position:relative; padding-bottom:10px; font-family: 'gothambold';}

.mid-title h1 strong:after{position: absolute;position: absolute;content: "";bottom: 0px;left: -139px;right: 0;margin: 0 auto;background: #0e65a7;width: 65px;height: 4px;}

.package-list .box{background:#fff; border-radius:12px; overflow:hidden}

.package-list .box .top{padding-top:2em; padding-bottom:2em}

.package-list .box h1{color:#0e5fa3}
.package-list .col-md-4:nth-child(2) .box{    padding: 0 0 30px 0;
    margin-top: -25px;}
.package-list .col-md-4:nth-child(2) .box .paoc-popup-click.paoc-popup-cust-2590.paoc-popup-button.paoc-popup-btn.btn.btn-warning.bg-gredient{margin-top: 5rem;}
.package-list .box h1 strong{font-size:16px;}

.package-list .box ul{list-style:none;padding:20px 0 2em;margin:0;text-align: left;}

.package-list .box ul li{padding: 15px 0;position:relative;padding-left: 35px;}

.package-list .box ul li:before{font-family: FontAwesome;position: absolute;left: 0;top: 8px;text-align: center;font-size: 22px;content:"\f00c";color: #00800094;}
.package-list .box ul li.cross:before{content:"\f00d";color:#ff0000b5;}

.package-list .box ul li strong{font-family: 'gothambold';}

.package-list .box ul li:not(:last-child){border-bottom:1px solid #0e5fa3}

.package-list .box .btn{font-size: 24px;border: 1px solid #0e5fa3;border-radius: 6px;font-family: 'gothambold';color: #0e5fa3;padding: 6px 25px; margin:5px 0;    background: transparent;text-decoration: none;}

.package-list .box .btn.btn-warning{color:#fff;border:none;font-size: 16px;padding: 20px 35px;}

.package-list .popular .box{background:#0e5fa3;color:#fff}

.package-list .popular .box h1{color:#fff}

.package-list .popular .box .top{background:#298bde;margin-bottom:2em;}

.package-list .popular .box .btn{border-color:#fff; color:#fff}

.package-list .popular .box ul li{border-color:#fff}
.package-list .box ul li.cross:before{color:red !important}
.package-list .popular .box ul li:before{color:#f0a03a}
.paoc-popup-173{max-width: 700px !important;padding: 50px;padding-top: 10px;background: #0e5fa3;}
.paoc-credit-wrp{display: none !important;}
.paoc-popup-173 .paoc-popup-margin{color: #fff;}
.paoc-popup-173 select{display: block;
    width: 100%;padding: 0.375rem 0.75rem;
    font-size: 14px;
    height: 40px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.paoc-popup-173 textarea.form-control{height: 90px;}
div.paoc-popup-173 .paoc-popup-inr-wrap{height: auto;}

nav.active {background: rgba(0,0,0,0.5);transition:all .5s ease-in-out;}




.casestudys .thum img {min-width: 30%;min-height: 10%;}
.casestudys .thum{min-height:390px}
.casestudys .row{display:flex !important;flex-wrap:wrap !important}

.new-why-choose-us1{margin: 30px 0 50px;}
.new-why-choose-us1 h2{}
.new-why-choose-us1 > ul{display: flex;   justify-content: space-between;;flex-wrap: wrap;width: 100%;;}
.new-why-choose-us1 >ul >li {position: relative;padding-left: 40px;width: 45%;flex: 0 0 45%;}
.new-why-choose-us1 ul li::after {content: "";width: 30px;height: 30px;background: url('https://www.tbsinfotech.com/wp-content/uploads/2025/07/sprite-new-min.png') no-repeat -234px -6px;display: inline-block;vertical-align: top;position: absolute;left: 0;top: 0;} 
.new-why-choose-us1 ul li strong{font-size: 18px;}
.new-why-choose-us1 ul li p{}
.new-why-choose-us1 ul li ul{display: block;padding-left: 30px;}
.new-why-choose-us1 ul li ul li{list-style: disc;padding-left: 0;}
.new-why-choose-us1 ul li ul li::after {display: none;}
.new-why-choose-us1 ul li ul li p{}
.new-why-choose-us1 ul li p strong{font-size: 16px;}

.new-why-choose-us2 ul{display: block;padding-left: 30px;}
.new-why-choose-us2 ul li{list-style: disc;padding-left: 0;}

@media (max-width: 767px) {
    .new-why-choose-us1 >ul >li {width: 100%;flex: 0 0 100%;}
    
}
#footer .pdfbox{
	margin-top: 30px;
}
#footer .pdfbox a img {
    height: 100%;
    width: 100%;
    transform: scale(1.08);
}
#footer .pdfbox a {
    width: 7rem !important;
    height: 7rem !important;
    border-radius: 50% !important;
    margin-left: 10px;
    overflow: hidden;
    display: inline-block;
}

.online{margin-top:30px}
.online .row{display:flex;align-items:center}
.online .row .wrap{margin:30px 0}
.aboutus{padding-top:60px}



.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 40px 0;
  font-family: "Poppins", sans-serif;
}

.pagination a,
.pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Current Page */
.pagination .current {
  background: #ff8c1a;
  border-color: #ff8c1a;
  color: #fff;
  font-weight: 600;
  cursor: default;
}

/* Dots (…) */
.pagination .dots {
  background: transparent;
  border: none;
  color: #999;
  cursor: default;
}

/* Hover Effect */
.pagination a:hover {
  background: #ff8c1a;
  color: #fff;
  border-color: #ff8c1a;
  transform: translateY(-2px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

/* “Next” Button Special Styling */
.pagination .next {
  font-weight: 600;
  color: #ff8c1a;
  border-color: #ff8c1a;
}

.pagination .next:hover {
  background: #ff8c1a;
  color: #fff;
}

/* Responsive */
@media (max-width: 600px) {
  .pagination a,
  .pagination span {
    min-width: 32px;
    height: 32px;
    font-size: 14px;
    padding: 0 8px;
  }
}