@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700');
.nos_service_head {margin: 30px 0;display: inline-block;width: 100%;margin-bottom: 50px;}
.nos_service_head h2{color:#333333; margin:0; font-weight:700;text-transform:uppercase; text-align:center;font-family: 'Titillium Web', sans-serif;}
.main_tab_page{font-family: 'Titillium Web', sans-serif;margin-top: -1px;}
.cms_left_tab li a{color:#333333; font-size:21px; text-transform:uppercase; font-weight:600;line-height: 24px;transition: 0.2s;}
.nos_service_head h2{font-size:30px; color:#333333; text-transform:uppercase;}
.cms_left_tab li {margin: 0 0 20px 0;display: inline-block;width: 100%; position:relative;min-height:73px; /* transition: 0.1s; */}
.cms_left_tab li::after {border-color: transparent #8cc63f;border-style: solid;border-width:37px 0 37px 18px;content:"";opacity:0;height: 0;right: -18px;margin-top: 0;
position: absolute;top: 0;width: 0;   /* transition: opacity 0.1s ease-in-out; */}
.cms_left_tab li:hover {background: #8cc63f;}
.cms_left_tab li:hover::after{opacity:1;} 
.cms_left_tab li:hover a{color: #fff;transition: 0.2s;}
.cms_left_tab li a {
	padding: 12px 0 10px 10px;
	display: inline-block;
	width: 100%;
}

.main_tab_page .cms_left_tab li .tab_icn_h{display:none;transition: 0.2s;}
.main_tab_page .cms_left_tab li:hover .tab_icn{display:none;transition: 0.2s;}
.main_tab_page .cms_left_tab li:hover .tab_icn_h{display:inline-block;transition: 0.2s;}
.cms_left_tab li .tab_left_icn {width: 20%;vertical-align: top;display: inline-block;}
.cms_left_tab li .tab_left_icn img{max-width: 100%;}
.tab_right_txt {display: inline-block;width: 70%;margin-left: 10px;margin-top: 0;}

.cms_left_tab li.active{background: #8cc63f;}
.cms_left_tab li.active a{color: #fff;}
.cms_left_tab li.active::after{opacity: 1;}
.main_tab_page .cms_left_tab li.active .tab_icn{display:none;}
.main_tab_page .cms_left_tab li.active .tab_icn_h{display:inline-block;}
.cms_left_tab li.active .tab_icn_h{background: #8cc63f;}


.cms_right_tab{background:#f3f3f3; padding:20px; display:inline-block; width:100%;min-height: 540px;}
.tab_txt_sec h3{color:#2e2e2e; font-size:15px; font-weight:600; font-family: 'Titillium Web', sans-serif;}
.tab_txt_sec p{color:#2e2e2e; font-size:15px; margin:0 0 15px 0; text-align:justify;font-family: 'Titillium Web', sans-serif;}
.tab_txt_sec span{color:#8cc63f; font-size:15px; font-weight:600; margin:0 0 15px 0; text-transform:uppercase;}
.tab_txt_sec ul {margin-left: 20px;}
.tab_txt_sec .inner_ul li{list-style:square; color:#2e2e2e;}

.top_logo_sec {margin: 40px 0;}
.top_logo_sec img{max-width:100%;}

.cms_left_tab li .tab_left_icn, .cms_left_tab li .tab_right_txt {position: relative;}
.cms_left_tab li:nth-child(2) .tab_left_icn,.cms_left_tab li:nth-child(3) .tab_left_icn  {position: relative;top: 6px;}
.cms_left_tab li:nth-child(4) .tab_right_txt {top: 12px;}

.tab_txt_sec{display:none;}
.tab_txt_sec.active{display:block;}
.tab_txt_sec i {font-style: italic;}


@media only screen and (min-width: 768px) {
.cms_right_tab {position: relative;}
.cms_left_tab li {position: relative;z-index: 9;}
.cms_right_tab::before {position: absolute;content: "";height: 100%;width: 30px;background: #F3F3F3;top: 0;left: -30px;}

}
@media only screen and (max-width: 1200px) {
.tab_right_txt {width: 66%;}
.cms_left_tab li a {font-size:16px;}

} 

@media only screen and (max-width: 991px) {
.tab_right_txt {width: 64%;} 
.cms_left_tab li a {font-size: 15px;line-height: 20px;}
.cms_left_tab li {min-height: 61px; height:61px;}
.cms_left_tab li::after {border-width: 31px 0 31px 18px;}
.cms_left_tab li .tab_left_icn {width: 15%;}

}
@media only screen and (max-width: 767px) {
.cms_left_tab li a {font-size: 17px;}
.cms_left_tab li {min-height: unset;}
.cms_left_tab li::after {content:unset !important;}
.cms_left_tab li:nth-child(2) .tab_left_icn,.cms_left_tab li:nth-child(3) .tab_left_icn, .cms_left_tab li:nth-child(4) .tab_right_txt  {top: 0;}
.cms_left_tab li .tab_left_icn img {max-width:35px;}
.cms_left_tab li .tab_left_icn {width: 12%; text-align:center;}
.tab_right_txt {width: 75%;}
.tab_right_txt br {display: none;}
.cms_left_tab li {min-height: unset;line-height: 35px;margin: 0 0 10px 0;}
}