.base-section{background: var(--bg-hero-section);padding: 120px 0px 70px}
.base-section legend{float: unset;width : unset ;font-size: 16px;padding: 0.2em 0.5em;}
.abouts ul{list-style: none;margin-left: 10px}
.abouts ul li{background: url("../images/bullet_2.gif") 0px 0px no-repeat;padding-left: 20px;margin: 4px 0px;color: rgb(52, 52, 52)}
.other_page_header_con_h2{color: rgb(91, 140, 61)}
.other_header > div > img{width: 100%;height: auto}
.other_header > div:last-child{width: 120%;padding: 20px 30px}
.other_header > div{width: 100%;display: table-cell;vertical-align: middle}
.other_header{margin: 0px auto;width: 100%;display: table;table-layout: fixed}
@media screen and (max-width: 650px){
	.other_header > div, .other_header > div:last-child{width: 100%;display: block;text-align: center}
}
.services_faq_content{margin: 15px auto;padding: 15px;background: rgb(255, 255, 255);border: 1px dashed rgb(163, 163, 163);border-radius: 10px}
.services_faq_content a{color: rgb(0, 40, 255)}
.services_faq_hilite{margin: 15px 25px;padding: 15px;background: rgb(255, 255, 255);border-left: 5px solid rgb(229, 211, 149);color: rgb(189, 99, 99)}
@media screen and (max-width: 480px){
	.services_faq_hilite{margin: 10px 12px}
}
@media only screen and (max-width: 480px){
	.services_faq_hilite img{width: 100%}
}
.post_box_con{padding: 0px;display: table;background: rgb(255, 255, 255);margin: 8px;width: 48%;flex-basis: 47%}
.post_box_con h4{color: rgb(82, 82, 82);font-size: clamp(22px, 3vw, 26px)}
.post_box_con h2, h6{color: rgb(255, 255, 255)}
.post_box_con p{color: rgb(112, 112, 112);margin: 0px;text-align: justify}
.post_box_con hr{background: rgb(203, 203, 203);height: 1px;border: none;margin: 10px 0px}
.post_box_con_left{padding: 10px;display: table-cell;background: rgb(96, 144, 58);text-align: center}
.post_box_con_right{padding: 20px;display: table-cell;border-left: 2px solid rgb(61, 93, 36);word-break: break-word;word-break: normal;text-align: justify}
.post_box_con_right p{font-size: clamp(12px, 1.2vw, 16px)}
.yellow_color{color: rgb(245, 208, 5)}
.submit_resume{background: linear-gradient(rgb(255, 255, 255) 0px, rgb(231, 231, 231) 100%);padding: 0px 15px;border-radius: 10px;height: 45px;border: 1px dashed rgb(51, 51, 51);color: rgb(89, 124, 62);cursor: pointer}
@media screen and (max-width: 480px){
	.post_box_con{margin: 8px 0px;width: 95%}
}
.slideshow{position: relative;margin-bottom: -35px}
.slideshow > nav{text-align: center;margin-top: -30px;z-index: 1000;position: relative;float: none;background: 0px 0px;content: " "}
.slideshow > nav span{display: inline-block;width: 60px;height: 60px;background-color: rgb(221, 221, 221);cursor: pointer;margin: 0px 3px;transition: background-color 0.2s;border-radius: 100%;border: 2px solid rgb(255, 255, 255)}
.slideshow > nav span:first-child{background: url("../images/slider_nav-hiox.jpg") no-repeat}
.slideshow > nav span:nth-of-type(2){background: url("../images/port-icon.jpg") no-repeat}
.slideshow > nav span:nth-of-type(3){background: url("../images/hosting-icon.jpg") no-repeat}
.slideshow > nav span:nth-of-type(4){background: url("../images/release-icon.jpg") no-repeat}
.slideshow > nav span:hover{background-color: rgb(51, 51, 51)}
.slideshow > nav span.current{background-color: rgb(170, 170, 170)}
.slides > li.current, .slides > li.show{visibility: visible}
.current .description, .show .description{opacity: 1}
.show[data-effect-in="moveUpIn"] .tiltview a{animation: 1.5s ease 0.5s 1 normal both running moveUpIn}
.show[data-effect-in="moveUpIn"] .tiltview a:nth-child(2){animation-delay: 0.75s}
.show[data-effect-in="moveDownIn"] .tiltview a{animation: 1.5s ease 0.5s 1 normal both running moveDownIn}
.show[data-effect-in="moveDownIn"] .tiltview a:nth-child(2){animation-delay: 0.75s}
.show[data-effect-in="slideUpIn"] .tiltview a{animation: 1.5s ease 0.5s 1 normal both running slideUpIn}
.show[data-effect-in="slideUpIn"] .tiltview a:nth-child(2){animation-delay: 0.75s}
.show[data-effect-in="slideDownIn"] .tiltview a{animation: 1.5s ease 0.5s 1 normal both running slideDownIn}
.show[data-effect-in="slideDownIn"] .tiltview.col a:first-child, .show[data-effect-in="slideDownIn"] .tiltview.row a:nth-child(2){animation-delay: 0.75s}
.show[data-effect-in="slideLeftIn"] .tiltview a{animation: 1.5s ease 0.5s 1 normal both running slideLeftIn}
.show[data-effect-in="slideLeftIn"] .tiltview a:nth-child(2){animation-delay: 0.75s}
.show[data-effect-in="slideRightIn"] .tiltview a{animation: 1.5s ease 0.5s 1 normal both running slideRightIn}
.show[data-effect-in="slideRightIn"] .tiltview.col a:nth-child(2), .show[data-effect-in="slideRightIn"] .tiltview.row a:first-child{animation-delay: 0.75s}
.no-csstransforms3d .hide .tiltview a, .no-csstransforms3d .show .tiltview a, .no-csstransformspreserve3d .hide .tiltview a, .no-csstransformspreserve3d .show .tiltview a{animation: auto ease 0s 1 normal none running none !important}
.tabsordapi li:hover:not(.ordapiactive){background-color: rgba(239, 186, 40, 0.11)}
.ordapiactive{background: rgb(239, 186, 40)}
.post_box{margin: 10px auto;padding: 0px}
.showing{color: rgb(0, 126, 126);background-color: rgb(114, 184, 203);cursor: pointer}
.index_container{display: flex;flex-wrap: wrap;gap: 2%}
@media only screen and (max-width: 480px){
	.left-container li.active .submenu{display: block}
	.index_container{display: block}
}
@media screen and (max-width: 33.75em){
	.slideshow > nav{content: " "}
	.slideshow > nav span{width: 60px;height: 60px;margin: 0px 2px}
}
@media screen and (max-device-width: 479px){
	.slideshow{margin-bottom: -44px}
}