/*
Theme Name: tech
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*
.listcus .col.medium-5{
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
	border-bottom-left-radius:25px;
	border-top-left-radius:25px;
}
.listcus .col.medium-6{
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
	border-bottom-right-radius:25px;
	border-top-right-radius:25px;
}*/
.textmar ul{
	margin-left:70px;
}
.textmar p{
	margin-bottom:15px;
}
.textmar ul li{
	margin-bottom:12px;
}
.listspx .box-image img{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.listspx  .col-inner{
	border-radius:10px;
	    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
}
.listspx h3{
	color: #0670ae;
	margin-bottom:15px;
	font-size:20px;
}
.listspx p{
	color: #0670ae;
}
.codedk{
	max-width:500px;
	background:#fff !important;
	border-radius:25pdx;
	margin:0 auto !important;
	padding:40px;
	border:3px dashed #0670ae;
	
}
.codedk img{
	margin-bottom:0px !important
}
.fixdangky h1{
	margin-bottom:0px !important
}
.colformx form.wpcf7-form{
	padding:30px 40px !important;
	border-radius:15px;
	background:#fff !important;
	color:#0670ae
}
.colformx form.wpcf7-form h3{
	color:#0670ae;
	font-size:24px;
	font-weight:900 !important
}
.colformx .wpcf7-form-control.wpcf7-submit{
	background:#0670ae !important;
	color:#fff;
	margin:0px !important;
	display:block !importantl;
	width:100% !important;
	border-radius:40px !important;
	margin-top:15px !important
}
.colformx form.wpcf7-form  label{
	color:#0670ae;
}
.colformx .wpcf7-form-control{
	background:#dedede;
	border-radius:4px;
	border:0px !important;
	height:43px;
}
.listcus{
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
	border-radius:25px;
}
.listcus h3{
	margin-bottom:0px !important;
	    font-size: 28px;
}
.listcus h4{
	font-size:21px;
}
.listcus p{
	font-size:15px;
}
.listcus .col.medium-5 img{
	margin-top:-50px;
	border-radius:25px;
}
.listcus .col.medium-6 .col-inner{
	position:relative
}
.listcus .col.medium-6 .col-inner:after{
	width:70px;
	height:45px;
	position:absolute;
	right:0px;
	top:-30px;
	background:url(https://gofbizvn.com/wp-content/uploads/2025/10/hoi.png) no-repeat;
	background-size:100% !important;
	content:"";
	z-index:2;
	
}

.text.listboxx{
	padding:20px 35px;
	background:#fff !important;
	border-radius:20px;
	padding-bottom:10px !important;
}
.text.listboxx p{
	line-height:18px;
}
.col.leftx{
	position:relative
}
.col.leftx:after{
	width:8px;
	height:150%;
	background:url(https://gofbizvn.com/wp-content/uploads/2025/10/bglinex.png);
	position:absolute;
	right:-4px;
	top:-35px;
	border-radius:5px;
	content:"";
	display:block !important
}
.cuoi {
	overflow:hidden !important
}
.col.leftx.rightfix:after{
	left:-4px !important;
	right:auto !important;
}
.col.leftx:before{
	width:60px;
	height:35px;
	background:url(https://gofbizvn.com/wp-content/uploads/2025/10/rightxy.jpg) no-repeat center;
	background-size:100% !important;
	position:absolute;
	right:-30px;
	top:45%;
	content:"";
	display:block !important;
	z-index:5
}
.col.leftx.rightfix:before{
	left:-30px !important;
	right:auto !important;
	background:url(https://gofbizvn.com/wp-content/uploads/2025/10/leftxy.jpg) no-repeat center;
}
.listdanhsach .boxgoi{
	padding:30px 40px;
	background:#fff !important;
	    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
	border-radius:15px;
}
.listdanhsach .boxgoi h3{
	font-size:24px;
}
.listdanhsach.mar{
	margin-top:-5px !important
}
.hsubgoi h2{
	
	margin-bottom:15px;
	font-size:32px;
}
.hsubgoi h1{
	font-size:32px;
}
.xcapcenter{
	padding-left:5% !important;
	padding-right:5% !important
}
.imgbt img{
	max-height:70px;
	width:auto !important
}
.logomb{
	padding-left:20px !important;
	padding-right:20px !important;
	padding-bottom:20px !important
}
.logomb img{
	width:auto !important;
	max-height:70px !important
}
.tinsub .post-info-l{
	display:none !important
}
.logobct{
	background:#ffffff5c !important;
	border-radius:10px !important;
}

.logof img{
	width:auto !important;
	max-height:70px;
}
.tinsub .post-info-r {
    margin-right: auto !important;
	margin-left:0px !important
}
.rsub img{
	padding-top:0px !important;
	margin-top:-3px;
}
aside.widget{
	padding:30px;
	border-radius:6px;
	border:1px solid #dedede;
	margin-bottom:30px;
}
aside.widget .search-field{
		height:50px;
	padding-left:25px;
	padding-right:25px;
}
aside.widget .widget-title {
	text-transform:capitalize !important;
	font-size:22px;
	color:#222;
	margin-bottom:30px;
	display:block;
}
aside.widget .is-divider{
	display:none !important
}
aside.widget  .recent-blog-posts-li .badge.post-date{
	width:70px !important
}
aside.widget  .recent-blog-posts-li .badge-inner.bg-fill{
	border-radius:3px !important
}
aside.widget .cat-item a,aside.widget  .recent-blog-posts-li a{
	font-size:16px;
	font-weight:normal !important
}
aside.widget  .recent-blog-posts-li a{
	color:#333
}
aside.widget .ux-search-submit{
	height:50px;
	padding-left:25px;
	padding-right:25px;
	background:#0f82de !important
}
aside.widget .searchform{
	
	margin-bottom:0px !important
}
.blog-wrapper.blog-archive{
	padding-top:0px !important
}
.blog-wrapper .col.post-item .box-text.text-left{
	padding:25px;
}
.blog-wrapper.blog-archive .archive-page-header{
	min-height:500px;
	background:url(/wp-content/uploads/2025/04/img4.png) no-repeat top center;
	background-size:cover !important;
	padding-top:200px;
	margin-bottom:50px;
}
.blog-wrapper.blog-archive h1{
	color:#fff;
	font-size:40px;
}
.tservice h3{
	color:#111;
	line-height:1.2em;
	margin-bottom:25px;
	font-size:28px;
}
.iconname .icon-inner{
	background:#0ED1B3 !important;
	border-color:#0ED1B3 !important;
}
.iconname .icon-inner img{
	padding-top:0px !important;
	 filter: brightness(0) invert(1);
}
.xcall img{
	padding-top:0px !important;
	 filter: brightness(0) invert(1);
}
.rowdv .col-inner {
    box-shadow: rgba(207, 228, 255, 0.8) 0px 16px 32px;
    transition: 0.5s;
    border-radius: 10px;
    background: #fff !important;
}
.xcall .icon-box-img{
	padding-top:6px;
}
.xcall h5{
	font-size:20px;
	margin-bottom:0px !important;
	margin-top:0px !important
}
.icll .icon-box-text{
	display:none !important
}
.col.post-item .post-meta{
	font-size:14px;
}
.col.post-item  .post-title{
	margin-top:10px;
	margin-bottom:15px;
}
.col.post-item  .post-title a{
	    font-size: 25px;
    line-height: 1.2;
	color:#222;
}
.post-info{
	clear:both;
	padding-top:15px;
	border-top:1px solid rgba(125,149,188,0.3);
	margin-top:15px;
	display:inline-flex;
	width:100% !important
}
.post-info-r{
	margin-left:auto;
	
}
.post-info-r .button {
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	background:none !important;
	font-size:16px;
	color:#111 !important;
	padding:0px !important;
	min-height:20px !important;
	border:0px !important;
	text-transform:capitalize;
	font-weight:400 !important
	
}
.collink h4{
	font-weight:500;
	margin-bottom:25px;
	font-size:24px;
}
.stin .post-title{
	margin:0px !important
}
.stin .post-title a{
	font-size:16px !important;
	color:#fff !important;
}
.stin .box.box-vertical, .stin .col-inner{
	background:none !important;
	    box-shadow: 0 0 0 0  !important
}
.collink ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.collink li{
	margin-bottom:15px;
	margin-left:0px !important;
}
.colfx .icon.button{
	height:40px;
	width:40px;
	border-radius:3px !important;
	border-width:0px !important;
	background:#0f82de;
	line-height:40px;
}
.logof img{
	margin-bottom:0px !important
}
.absolute-footer{
	display:none !important
}
.post-info-l {
	text-transform:capitalize;
	font-size:16px;
	color:#111;
	padding-top:4px !important
}
.col.post-item .from_the_blog_excerpt{
	font-size: 16px;
}
.xtin .col.post-item .from_the_blog_excerpt{
    
    width: 80%;
}
.col.post-item .is-divider{
	 display:none !important
}
.icll .icon-box-img{
	margin-bottom:0px !important
}
.icll .icon-box-img img{
	padding-top:0px !important
}
.icll .icon-inner{
	position:relative
}
.icll .icon-inner:before{
	width:120%;
	height:120%;
	left:-10%;
	right:-10%;
	top:-10%;
	bottom:-10%;
	content:"";
	z-index:2;
	background:url(/wp-content/uploads/2025/04/IT-Consulting-2.png) no-repeat center center;
	position:absolute;
	background-size:100%;
	-webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;

}
.scall h2{
	font-size:42px;
	margin-bottom:0px;
}
.scall h3{
	    color: #FFFFFF;
    font-size: 32px;
	margin-bottom:0px;
}
.scall p{
	font-size:18x;
	margin-bottom:0px;
}
.slikh .ux-logo-link{
	padding-right:20px !important;
	padding-left:20px !important;
	padding-top:20px !important;
	padding-bottom:20px !important
}
.slikh .ux-logo{
	margin-left:25px !important;
	margin-right:25px !important
}
.col.colform .colx>p{
	display:flex
}
.col.colform .colx .wpcf7-form-control-wrap{
	margin-left:10px;
	margin-right:10px;
	
}
.col.colform .wpcf7-form-control{
	font-size:14px;
	font-weight:normal !important;
	border-radius:6px;
	height:54px;
	padding-left:20px;
	margin-bottom:20px;
}
.col.colform .wpcf7-form-control.wpcf7-submit{
	margin-bottom:0px !important;
	width:100%;
	border-radius:50px;
	text-transform:none !important;
	background:#222 !important
}
.wpcf7-spinner{
	display:none !important
}
.colform h2{
	margin-bottom:20px;
	font-size:32px;
	padding-left:12px;
}
.col.colform .coly{
	padding-left:12px;
	padding-right:12px;
}
.col.colform .col-inner{
	background:url(/wp-content/uploads/2025/04/contact2-1.png) no-repeat top right;
	background-size:100% !important;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.subscribe-icon .icon-box-img{
    display: inline-block;
    height: 72px;
    width: 67px;
    background: #FF9A62;
    text-align: center;
    border-radius: 6px;
	padding:18px;
    clip-path: polygon(0% 0%, 100% 7%, 100% 100%, 0% 100%);
}
.subscribe-icon.upper8 .icon-box-img{
    background: #2875FF !important;
    clip-path: polygon(0% 11%, 104% 0, 100% 100%, 0% 100%) !important;
}
.subscribe-icon.upper9 .icon-box-img{
    background: #54D7AF !important;
    clip-path: polygon(0% 0%, 100% 7%, 100% 100%, 0% 100%) !important;
}
.subscribe-icon.upper10 .icon-box-img{
    background: #F05D8A !important;
    clip-path: polygon(0% 11%, 104% 0, 100% 100%, 0% 100%) !important;
}
.subscribe-icon .icon-box-img img {
    filter: brightness(0) invert(1);
}
.subscribe-icon .icon-box-text h3{
	margin-bottom:0px;
	margin-top:3px;
	color:#222;
}
.subscribe-icon .icon-box-text p{
	margin-top:4px;
	margin-bottom:15px;
}

.rteam .box-image-inner.image-cover{
	border-radius:0px !important
}
.uxteam .box-image-inner.image-cover{
	border-radius:0px !important
}
.rteam .col-inner, .uxteam .col-inner{
    box-shadow: rgba(207, 228, 255, 0.8) 0px 16px 32px;
    transition: 0.5s;
    border-radius: 10px;
	background:#fff !important
}
.uxteam .social-icons .icon.button{
	width:32px;
	height:32px;
	background:#f7f7f7;
	border:0px;
	line-height:32px;
}
.uxteam .social-icons .icon.button i{
	color:#0f82de !important
}
.rteam .box-image, .uxteam .box-image{
	width:100% !important;
	position:relative;
}
.rteam .box:hover .box-image:after{
	backface-visibility: hidden;
    background: linear-gradient(to right, #1562c4, #2596f7);
    bottom: 0;
    content: " ";
    left: 0;
    opacity: .8;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s;

}
.rteam .person-name {
    font-size: 20px;
    padding-bottom: 6px;
    text-align: center;
	text-transform:none !important;
	color:#222;
	margin-bottom:8px;
}
.rteam .box .social-icons.follow-icons{
	opacity:0;
	visibility:hidden;
	display:none;
		 transition: 0.5s;
	top: -200%;
	position: absolute;
    content: "";
	  transform: translateX(-50%);
	display:block;
	visibility:visible;
	 left: 50%;
}
.rteam .box .social-icons.follow-icons a{
	background:#fff !important;
	border-color:#fff !important
}
.rteam .box .social-icons.follow-icons a i{
	color:#0f82de
}
.rteam .box:hover .social-icons.follow-icons {
    opacity: 1;
    top: -100%;
	
	 transition: 0.5s;
	
  
	z-index:2
}

.rteam .box-text.text-center{
	padding-top:25px;
	padding-bottom:20px;
}
.rteam .person-title{
    text-align: center;
    display: inherit;
    text-transform: uppercase;
	color:#0f82de;
	font-size:14px;
	letter-spacing:0px;
	opacity:1 !important;
	margin-top: 8px;
}
.icon-box-btom{
	margin-top:25px;
}
.icon-box-btom .is-italic {
    font-style: normal !important;
}
.star-rating span:before{
	color:#FFB500
}
.col.demso .button.open-video{
	background:#0f82de;
	border-color:#0f82de !important;
	margin:0px;
	position:relative
}
.col.demso .button.open-video:before{
	width:140%;
	height:140%;
	left:-20%;
	right:-20%;
	top:-20%;
	bottom:-20%;
	content:"";
	z-index:2;
	background:url(/wp-content/uploads/2025/04/cir.png) no-repeat center center;
	position:absolute;
	background-size:100%;
	-webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;

}
@-webkit-keyframes rotateme {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
.col.demso .button.open-video .icon-play{
	font-size:1em;
}
p.so{
    color: #0f82de;
    font-size: 40px;
    font-weight: 700;
	margin-bottom:4px;
}
.customer:not(.fix) .fill{
	height:80% !important
}

.colcus .icon-box-img img{
	border-radius:0px !important
}
.colcus .testimonial-name{
	display:block;
	font-size:24px;
	font-weight:600;
	margin-top:12px;
}
.custom-progressbar {
  margin-top:10px;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px solid #0f82de
}

.custom-progressbar .progress-title {
 font-size: 18px;
    font-weight: 600;
    color: #232323;
	    margin-bottom: 10px;

}

.custom-progressbar .progress-bar {
  background-color: #eee;
  border-radius: 6px;
  height: 6px;
  width: 100%;
  position: relative;
}

.custom-progressbar .progress-fill {
  height: 100%;
  width: 0;
  border-radius: 6px;
  position: relative;
  transition: width 1.5s ease-in-out;
}

.custom-progressbar .progress-percent {
  position: absolute;
  right: 10px;
  top: -20px;
  font-size: 13px;
  color: #222;
  font-weight: bold;
}
.cauhoi .accordion-item{
	background:#fff !important;
	margin-bottom:12px;
	padding:5px 20px;
	
}
.galcase .shade {
    backface-visibility: hidden;
    background: linear-gradient(to right, #1562c4, #2596f7);
    bottom: 0;
    content: " ";
    left: 0;
    opacity: .8;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s;
}
.galcase .box-text p{
	font-size:20px;
	font-weight:500;
}
.ptexthead p{
	font-size:18px;
}
.cauhoi .accordion-inner{
	padding-left:0px !important;
	padding-right:0px !important;
	padding-bottom:0px !important
}
.cauhoi .accordion-title{
	background:none !important;
	border:0px !important;
	font-size:20px;
	position:relative;
	padding-left:0pc !important;
	font-weight:600;
}
.cauhoi .accordion-title .toggle{
	position:absolute;
	margin-left:0px !important;
	right:0px;
	top:0px;
	left:auto !important;
	
}
.tabmis li.tab>a{
	color: #012549;
    border: 1px solid #012549;
}
.tabmis li.tab>a{
	padding:2px 30px;
	border-radius:6px;
	font-size:16px;
	position:relative;
	font-weight:500;
	margin-right:10px;
}
.tabmis .tab-panels{
	padding-top:30px;
}
.tabmis li.tab.active>a{
		color: #fff;
    border: 1px solid #0f82de;
}
.tabmis li.tab.active>a:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 100%;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 12px solid #0f82de;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    transition: .5s;
    background: radial-gradient(black, transparent);
}

.rsub p{
	margin:0px !important
}
.mission{
	z-index:0;
}
.play img{
	width:70px;
	height:auto !important;
	margin-bottom:0px !important
}
.about-two-title h3 {
    margin: 20px 0 17px 0;
    font-size: 32px;
    color: #FFFFFF;
}
.about-two-title p {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 40px;
    color: #FFFFFF;
    font-family: 'Mulish', sans-serif;
}
.section.Opti{
	max-width:1320px;
	margin:0 auto;
	z-index:2
}
.tabout .ceo h4{
	margin-top:10px !important
}
.ceo h4, .ceo p{
	margin:0px !important
}
.tabout h5{
	color: #0f82de;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 20px 30px;
    position: relative;
}
.tabout p {
    font-size: 16px;
    margin: 25px 0 37px;
}
.tabout h4{
    color: #232323;
    font-size: 20px;
    font-weight: 700;
    margin: 23px 0px 20px 0px;
    font-family: 'Mulish', sans-serif;
}
.tabout h2 {
    font-size: 44px;
    text-transform: capitalize;
    line-height: 1.2;
    font-weight: 800;
	color:#222;
}
.tabout.tcontact h5:before {
	display:none !important
}
.tabout h5:before {
    position: absolute;
    content: "";
    top: -4px;
    left: -31px;
    height: 29px;
    width: 22px;
    background: url(/wp-content/uploads/2025/04/icon.png);
    background-repeat: no-repeat;
}

.service-icon img {
    width: 45px;
    filter: brightness(0) invert(1);
}
.rservice .col-inner{
    transition: .5s;
}
.rservice .col-inner:hover {
    transform: translate3d(0, -9px, 0);
	 transition: .5s;
}
.service-icon p {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFFB3;
	    padding-left: 25px;
    padding-right: 25px;
}
.service-icon h3 {
    margin: 0 0 15px 0;
    font-size: 22px;
    color: #FFFFFF;
    padding: 0;
    font-weight: 700;
    transition: all 0.5s ease 0s;
    font-family: 'Mulish', sans-serif;
}
.service-icon .icon{
    font-size: 40px;
    margin: 25px 0 25px;
    display: inline-block;
    height: 100px;
    width: 90px;
    background: #FF9A62;
    clip-path: polygon(0% 11%, 104% 0, 100% 100%, 0% 100%);
    border-radius: 6px;
    transition: all 0.5s ease 0s;
	padding: 20px;
}
.service-icon.xanh .icon{
 background: #2875FF;	
}
.service-icon.hong .icon{
 background: #F05D8A;	
}
.maintit h3, .hmain h1 {
    color: #FFFFFF;
    font-size: 46px;
    font-weight: 800;
	margin:0px;
}
.hmain h1 {
	margin-bottom:25px !important
}
.maintit span {
    font-weight: 500;
    color: #0f82de;
}
.maintit h2 {
    color: #FFFFFF;
    font-family: 'Mulish', sans-serif;
    font-size: 46px;
    font-weight: 800;
	margin:0px;
}
.icall{
	margin-left:30px !important;
	max-width:290px !important
}
.icall p{
	margin:0px !important
}
.icall span{
	font-size:0px !important
}
.icall h4{
	margin-top:0px;
	font-size:24px;
}
.getstar{
	height:62px;
    display: inline-block;
    background: linear-gradient(110deg, rgb(19, 48, 191) 0%, rgb(36, 113, 249) 100%) !important;
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    padding: 8px 40px;
    border-radius: 30px;
    filter: brightness(100%);
    transform: translate(0px, 0px);
    opacity: 1;
    transition: .5s;
}
.hslogan h5 {
    z-index: 13;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    line-height: 25px;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 18px;
    padding: 5px 12px 7px 57px;
    border-radius: 4px;
    width: 52%;
    position: relative;
	font-size:15px;
	font-weight:500;
}
.pslogan p{
	font-size:18px;
}
.hslogan h1{
	margin-bottom:0px;
}
.hslogan h2{
	margin-top:0px;
}
.hslogan h1,.hslogan h2 {
    color: rgb(255, 255, 255);
    line-height: 66px;
    letter-spacing: 0px;
    font-weight: 800;
    font-size: 60px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
    z-index: 12;
	font-size:50px
}
.hslogan h1 span {
    color: rgb(40, 118, 255);
    line-height: 72px;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 60px;
    opacity: 1;
}
.hslogan h5::before {
    content: "";
    position: absolute;
    top: 17px;
    left: 15px;
    height: 3px;
    width: 30px;
    background-color: #0f82de;
}
/*
.boxquay .imgnen{
	position:absolute;
	z-index:1;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}*/
.all-shape{
	margin-left:120px !important;
}
.boxquay .imgnen{
	right:-200px;
}
.all-shape {
    position: relative;
}
.boxquay .text-box-content .text-inner{
	position:relative
}
.home-shape img {
    position: absolute;
    top: -670px;
    left: 0px;
}

.home-shape2 img {
    position: absolute;
       top: -725px;
    left: 492px;
}

.home-shape3 {
    position: absolute;
 top: -640px;
    left: 190px;
	width:540px;
}

.home-play-button {
    position: absolute;
    top: -425px;
    left: 410px;
}

.rotateme {
    animation: rotate-1 15s linear infinite;
}

@keyframes rotate-1 {
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.home-play-button a {
    display: inline-block;
    color: rgb(40, 118, 255);
    background-color: rgb(255, 255, 255);
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 96px;
    font-weight: 400;
    font-size: 21px;
    border-radius: 50%;
}
.home-play-button a{
	
}
#header .button.primary{
    display: inline-block;
    font-size: 16px;
    color: #fff;
    background: #0f82de;
    padding: 2px 25px;
    border-radius: 3px;
    transition: .5s;
    margin: 0px;
    position: relative;
    font-family: 'Mulish', sans-serif;
    z-index: 1;
	text-transform:capitalize !important;
	font-weight:normal !important
}
#header .button.primary{
	margin-left:30px;
}
.button.primary:hover::before {
    width: 100%;
    left: 0;
    filter: hue-rotate(360deg);
}
#header .button.primary::before {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    width: 0;
    height: 100%;
    transform: scale(1);
    background: #00247E;
    border-radius: 3px;
    transition: .5s;
    z-index: -1;
}
#top-bar a {
	color:#fff;
}
#top-bar a img{
filter: brightness(0) invert(1);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
	.home-shape{
		display:none !important
	}
	.hslogan h5{
		white-space:nowrap !important;
		        width: auto;
	}
	.hslogan h1{
		font-size:40px;
	}
	.tabout h2 {
		font-size: 32px;}
	.home-shape3 {
    position: absolute;
    top: -485px;
	}
	.pslogan p {
    font-size: 16px;
	}
	.col.colform .col-inner {
    background-size: cover !important;
	}
	.maintit h3, .hmain h1 {

    font-size: 32px;

}
	.stin .box-text{
		padding-top:0px !important
	}
	
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.home-shape{
		display:none !important
	}
		.maintit h3, .hmain h1 {

    font-size: 32px;

}
.scall h2 {
	font-size: 32px;}
	.tabmis li.tab>a{
		font-size:14px;
	}
	.col.colform .col-inner {
    background-size: cover !important;
	}
.ptexthead p {
    font-size: 16px;
}
	.cauhoi .accordion-title{
		font-size:16px;
	}
.tabmis li.tab>a {
	padding: 2px 20px;}
.boxquay .imgnen {
    right: 0px !important;
}
	.Opti .section-bg img {
    object-position: left !important;
}
	.tabout h2 {
		font-size: 32px;}
.service-icon p {
	font-size: 14px;}
	.service-icon h3{
		line-height:20px;
		font-size:18px;
	}
	.about-two-title p {
		font-size: 14px;}
	.about-two-title h3{
		font-size:24px;
	}
	.maintit h2{
		font-size:32px !important
	}
	.tabout h4{
		font-size:16px;
	}
.maintit h3 {
    font-size: 28px;
}
.getstar {
   
    padding: 8px 8px;
 		white-space:nowrap
}
	.icall .icon-box-text{
		padding-top:8px;
	}
	.icall h4 {
    margin-top: 0px;
    font-size: 17px;
}
.menuan{
	display:none !important
}
	.hslogan h1 span {
    line-height: 45px;
    font-size: 34px;
}
	.pslogan p {
    font-size: 16px;
}
	.hslogan h5 {
    width: auto;
    white-space: nowrap;
}
	.hslogan h1, .hslogan h2 {
	line-height:1.2em;   
    font-size: 32px;
}
	.off-canvas-left .mfp-content {
    --drawer-width: 230px !important;
}
	.mobile-nav i.icon-menu{
		font-size:32px !important;
		color:#0f82de!important
	}
	.sidebar-menu.no-scrollbar {
		background:#fff !important
	}
	.sidebar-menu.no-scrollbar li.menu-item>a{
		color:#111 !important;
		font-size:14px;
		text-transform:none !important
	}
	.stin .box-image{
	width:30% !important
}
.stin  .box.box-vertical{
	display:inline-flex !important
}
.section.about .fill, .section.mission .fill{
    height: 50%;
}
.section.about .fill .bg, .section.mission .fill .bg{
	object-position: 30% 50%;
}
}