@import url('../css2');
@import url('../css2-1');

.main-container 
{
    float: left;
    width: 100%;
}
.banner_container 
{
    float: left;
    width: 100%;
}
.banner_container img
{
    float: left;
    width: 100%;
}
.header-img122 {
    float: left;
    width: 100%;
    text-align: center;
}
.header-img122 img {
    display: table;
    margin: 0 auto;
    float: none;
    width: 87%;
}
.banner3
{
    float: left;
    width: 100%;
}
.banner3 img
{
    float: left;
    width: 100%;
}

.header {
    float: left;
    width: 100%;
    background: #ffc107;
    padding: 10px 0px;
}
.header span {
    float: left;
    width: 100%;
    color: #fff;
    padding: 10px;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
    background: #60034b;
    font-family: 'Nunito', sans-serif;
}
.header2 {
    float: left;
    width: 100%;
    background: #60034b;
}
.header2 span {
    float: left;
    width: 100%;
    color: #fff;
    padding: 10px;
    text-align: center;
    line-height: 35px;
    font-size: 25px;
   
    font-family: 'Nunito', sans-serif;
}
.header3 {
    float: left;
   
    padding: 10px 0px;
    text-align: center;
	background: #000000;
}
.header-img {
    float: left;
    width: 100%;
}
.header-img img{
 max-width: 100%;
}
.header-right {
    float: left;
    width: 100%;
    padding: 0;
}
.header-right2 {
    padding: 0;
}.head-list {
    text-align: center;
    padding: 0 0 24px;
}
.header-right2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}.head-list ul li {
    display: inline-block;
    position: relative;
    font-size: 20px;
    color: #60034b;
    text-align: center;
    font-weight: 600;
    text-transform: capitalize;
    padding: 0 6px 6px;
    font-family: 'Nunito', sans-serif;
}
.head-list li p {
    color: #000000;
    font-size: 13px;
    text-transform: uppercase;
    background: #ffc107;
    padding: 2px 12px 0px;
    border-radius: 35px;
    margin: 3px 0 0;
    border: 1px solid #ea0000;
}
.head-line1 {
    float: left;
    width: 100%;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    color: #60034b;
    font-family: 'Nunito', sans-serif;
}.head-line2 { float: left;
    width: 100%;
    font-size: 25px;
    text-align: center;
    font-weight: 600;
}
.head-line2 a {
    color: #ffffff;
    display: inline-block;
    position: relative;
    text-transform: capitalize;
    padding: 4px 13px 0px;
    background:green;
    border-radius: 20px 20px 0 0;
}
.abt-us {
    float: left;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
   
}
.abt-left {
    float: left;
    width: 100%;
}
.abt-left img{
  max-width: 100%;
      border: 7px solid #fff;
}
.abt-right {
    float: left;
    width: 100%;
    padding-top: 30px;
}.abt-sub {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #000;
	font-weight: bold;
    font-family: 'Nunito', sans-serif;
}
.abt-header {
    float: left;
	font-weight: bold;
    width: 100%;
    font-size: 35px;
    color: #60034b;
    font-family: 'Bai Jamjuree', sans-serif;
}
.abt-desc {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #000;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 35px;
    font-family: 'Nunito', sans-serif;
}
.abt-right ul{list-style: none;}
.abt-right ul li{list-style: none;
    font-size: 20px;
    color: #000;
    line-height: 36px;
    font-family: 'Nunito', sans-serif;
}
.abt-right ul li i{
   color: #000;
   padding-right: 10px;
   font-size:23px;
}
.best-services {
    float: left;
    width: 100%;
    padding-top: 50px;
	    background-color: #ffc107;
    padding-bottom: 50px;
  
}
.best-sub {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: 'Nunito', sans-serif;
    color: #000;
	    font-weight: bold;
}
.best-header {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 35px;
    font-family: 'Bai Jamjuree', sans-serif;
    color: #60034b;
	    font-weight: bold;
}
.best-border {
    float: left;
    width: 100%;
    margin-top: 40px;
    background: #60034b;
}
.best-img {
    float: left;
    width: 100%;
}
.best-img img{
   max-width: 100%;
}
.best-title {
    float: left;
    width: 100%;
    font-size: 25px;
    color: #000;
	font-weight:bold;
    font-family: 'Bai Jamjuree', sans-serif;
    padding: 10px 15px;
	text-align:center;
	    background-color: #fff;
}
.best-desc {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #fff;
   padding: 15px 15px 15px 15px;
    line-height: 35px;
	    text-align: center;
    font-family: 'Nunito', sans-serif;
}
.best-call {
    float: left;
    width: 100%;
    text-align: right;
    font-size: 20px;
    font-family: 'Nunito', sans-serif;
    padding-bottom: 10px;
}
.best-call a {
    background: #fff;
    padding: 10px 20px 10px 10px;
    color: #000;
    border-radius: 50px 0px 0px 50px;
    text-decoration: none;
}
.em-service-icon {
    position: relative;
    margin-top: -35px;
    margin-left: 25px;
}
.em-service-icon i {
    width: 65px;
    height: 65px;
    line-height: 65px;
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 35px;
    border-radius: 3px;
    display: inline-block;
	    border-radius: 50%;
}
.just {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 50px;
    position: relative;
    z-index: 2;
}
.just a {
    font-size: 72px;
    font-weight: 600;
    padding: 3px 46px 3px;
    display: inline-block;
    color: #000;
    background: #fff;
    border: 10px solid #fff;
    font-family: 'Nunito', sans-serif;
    text-decoration: none;
}
.just a img {
    width: 98px;
}
.why-us {
    float: left;
    width: 100%;
    background: #60034b;
    padding-top: 100px;
    padding-bottom: 50px;
    border-top: 5px solid #ffc107;
    margin-top: -80px;
    position: relative;
    z-index: 1;
}
.why1 {
    padding: 60px 0 0;
}
.counter {
    text-align: center;
}.counter-icon {
    position: relative;
    display: inline-block;
    z-index: 25;
}.counter-icon:before {
    content: '';
    background-color: #fff;
    height: 50px;
    width: 114px;
    position: absolute;
    left: 33%;
    top: 57%;
    z-index: -1;
    border-radius: 60px;
}.counter-icon i {
    background: #fff;
    height: 116px;
    width: 116px;
    line-height: 92px;
    margin: 0 auto 0px;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    font-size: 50px;
    color: #60034b;
    border: 12px solid #fff;
    z-index: 25;
}.counter-icon:after {
    content: '';
    bottom: 8%;
    z-index: -1;
    margin: 0 auto;
    background-color: #fff;
    height: 50px;
    width: 114px;
    position: absolute;
    right: 33%;
    top: 0%;
    border-radius: 60px;
}.counter p {
    color: #ffffff;
    font-size: 23px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 18px 0 0;
    position: relative;
    font-family: 'Nunito', sans-serif;
}.other-sub {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 35px;
    color: #000;
	font-weight:bold;
    font-family: 'Bai Jamjuree', sans-serif;
}
.other-header {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: 'Nunito', sans-serif;
    color: #000;
    margin-top: 15px;
    font-weight: 600;
}
.other-header span {
    background: #ffc107;
    padding: 10px 15px;
    border-radius: 50px 50px 50px 50px;
}
.sub-img {
    float: left;
    width: 100%;
    text-align: center;
}.sub-img span img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #60034b;
    padding: 7px;
    position: relative;
    z-index: -1;
}
.other-ser {
    float: left;
    width: 100%;
    padding: 50px 0px;
	background-color:#ffc107;
}

.other-border {
    float: left;
    width: 100%;
    margin-top: 30px;
    overflow: hidden;
	background-color: #60034b;
}
.other-img {
    float: left;
    width: 100%;
    padding: 20px 20px 0px 20px;
}
.other-img img
{
    display: table;
    margin: 0 auto;
    float: none;
    max-width: 100%;
}
.other-cont {
    width: 100%;
    float: left;
    border: 1px solid #ffe600;
}
.other-title {
    float: left;
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 5px;
    font-size: 22px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase; font-family: 'Bai Jamjuree', sans-serif;
}
.other-desc {
    float: left;
    width: 100%;
	color:#fff;
    text-align: center;
    font-size: 18px;
    padding: 15px;
	font-family:serif;
}
.other-call {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
    font-size: 25px;
	font-weight:bold;
    text-transform: uppercase;
    background: #60034b;
    padding-top: 10px;font-family: 'Nunito', sans-serif;
}
.other-call a{
    font-weight: 400;
    text-decoration:none;
    color: #fff;
}
.other {
    float: left;
    width: 100%;
    padding: 50px 0px;
	background-color:#ffc107;
}
.testimonials-1{
   padding: 20px;
    display: flex;
  }
  
  .testimonials-2 {
    padding: 0;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
  }
  .testi-img{
      padding: 0 15px 15px;
      position: relative;
      background: #60034b;
      text-align: center;
      border-radius: 0 0 300px 300px;
  }
  .testi-img img{
     border-radius: 50%;
     border: 7px solid #fff;
  }
  .testi-text{
    padding:0;
  }
  .testi-text1{
    padding:0;
  }
  .testi-div{
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0 10px;
  }
  .testi-div span {
      color: #000;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      padding: 2px 12px 1px;
      border-radius: 50px;
      display: inline-block;
      background: #fff;
      border: 1px solid #000;    
	  padding: 15px;font-family: 'Nunito', sans-serif;
  }
  .testi-div strong {
      color: #000000;
      font-size: 20px;
      font-weight: 600;
      text-transform: capitalize;
      padding: 0 0 3px;
      border-radius: 50px;    padding: 15px;font-family: 'Nunito', sans-serif;
      display: block;
  }
  .testi-text1 p {
      padding: 15px 15px 15px;
      color: #ffffff;
      font-size: 16px;
      line-height: 35px;
      font-weight: 400;
      background: #60034b;    padding: 15px;font-family: 'Nunito', sans-serif;
  }
  .rating{
      border-radius: 50px;
      color: #ffc107;
      display: block;
      font-size: 16px;
      padding: 0 0 12px;
  }
  .rating i{
      padding: 0 1px;
  }
  .test-align{
    align-items: center;
  }
.abt-us {
    float: left;
    width: 100%;
    padding: 50px 0px;
    position: relative;
	    background-color: #ffc107;
}
.test-border {
    background: #fff;
    padding: 25px 25px 30px 25px;
    position: relative;
    text-align: left;
    border: 1px solid #ededed;
    float: left;
    width: 100%;
    margin-top: 40px;
}
.test-cont {
    background: #ffc107;
    padding: 10px;
    float: left;
    width: 100%;
    font-size: 18px;
    color: #000;
    text-align: center;
    line-height: 35px;
    font-family: 'Nunito', sans-serif;
    border-bottom: 2px solid #ea0000;
}
.test-cont1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    border-top: 2px solid #60034b;
    float: left;
    width: 100%;
}
.name-area strong {
    display: block;
    font-size: 20px;
    font-weight: 800;
    text-transform: capitalize;
    color: #60034b;
    font-family: 'Bai Jamjuree', sans-serif;
}
.name-area span {
    display: block;
    font-size: 17px;
    text-transform: capitalize;
    color: #ea0000;
    font-family: 'Nunito', sans-serif;
} .stars-area {
    background: #ffc107;
    border: 2px solid #60034b;
    border-radius: 40px;
    padding: 0px 10px 4px;
}
.stars-area i {
    color: #ea0000;
    font-size: 12px;
}.fooer {
    float: left;
    width: 100%;
    background: #60034b;
    padding-bottom: 60px;
}
.contact-1 {
    padding: 0px 10px 0;
    float: left;
    width: 100%;
}
.contact-2 {
    padding: 0;
    text-align: center;
}
.contact-2 p {
    background: #ffc107;
    font-size: 22px;
    color: #ea0000;
    text-transform: capitalize;
    font-weight: 700;
    padding: 11px 20px;
    display: block;
    margin: 0px 0 38px;
    position: relative;
    z-index: 99999999;
  font-family: 'Bai Jamjuree', sans-serif;
}
.cta-icon {
    position: relative;
    z-index: 0;
    text-align: center;
    padding: 0;
}.cta-icon a {
    width: 140px;
    height: 140px;
    border-radius: 1000px;
    background-color: #ffc107;
    border: 11px solid #60034b;
    display: inline-block;
    line-height: 148px;
    margin: 0 0 -34px;
    box-shadow: 0 0 0 9px #ffc107;
}.cta-icon a i {
    font-size: 56px;
    font-weight: 600;
    color: #ea0000;
    padding: 0;
}
.contact-2 p::after {
    content: "";
    background: #ffc107;
    height: 35px;
    width: 35px;
    display: block;
    position: absolute;
    top: 44px;
    left: 50%;
    transform: rotate(45deg) translate(-50%, 0%);
    z-index: -1;
}
.cop {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 20px;
    padding: 10px 5px;
    background: #ffc107;
    color: #000;
  font-family: 'Bai Jamjuree', sans-serif;
}
.contact-111 {
    text-align: center;
    float: left;
    width: 100%;
    border-left: 5px solid #ffc107;
    padding: 10px 15px;
    border-right: 5px solid #ffc107;
}
.contact-111 h4 {
    font-size: 25px;
    color: #ffc107;
  font-family: 'Bai Jamjuree', sans-serif;
}
.contact-111 p {
    font-size: 16px;
    color: #fff;
   font-family: 'Nunito', sans-serif;
}.call-now-part {
    overflow: hidden;
}
.icon-call {
    right: -117px;
    transition: 0.8s;
    bottom: 98px;
}.icon-call {
    position: fixed;
    right: 0;
    z-index: 9999999999;
    background: #60034b;
    font-size: 17px;
    box-shadow: 0 0 8px 8px #0000001c;
}.icon-call a {
    text-decoration: none;
    color: #fff;
    font-size: 17px;
   font-family: 'Nunito', sans-serif;
}.icon-call a i {
    background: #ea0000;
    padding: 17px;
    font-size: 20px;
    width: 50px;
}
#sp-top2 {
    bottom: 20px;
    background: #ffc107;
}
#sp-top2 a i {
    background: green;
}


.service-list {
    float: left;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}
.service-header {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 35px;
    font-family: 'Bai Jamjuree', sans-serif;
    color: #60034b;
}
.sev-border {
    position: relative;
    text-align: center;
    border-radius: 8px;
    padding: 30px 15px 55px;
    background-color: #ffffff;
    border-top: 12px solid #60034b;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
    float: left;
    width: 100%;
    margin-top: 40px;
}
.sev-border:before {
    position: absolute;
    content: '';
    left: 0px;
    top: -4px;
    width: 100%;
    height: 10px;
    border-radius: 50px;
    background: url(../images/border.png) repeat-x;
    /* animation: slide 15s linear infinite; */
    -webkit-animation: slide 15s linear infinite;
   
}
@keyframes slide
{
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -200px 0;
    }
}
.sev-border h2{
    font-size: 25px;
    color: #f90909;
    font-family: 'Bai Jamjuree', sans-serif;
}
.sev-border ul {
    position: relative;
    margin-top: 30px;
    margin-bottom: 50px;padding: 0;
}
.sev-border ul li {
    position: relative;
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5em;
    padding: 10px 0;
    border-bottom: 1px dashed #000;
    font-family: 'Nunito Sans', sans-serif;
    list-style: none;
}
.sev-border a{
    position: relative;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    padding: 14px 35px 14px 40px;
    text-transform: uppercase;
    background-color: #ffc107;
    font-family: 'Nunito Sans', sans-serif;
}
.sev-border a:before {
    position: absolute;
    content: '';
    left: -15px;
    top: 12px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #ffffff;
}
.sev-border2 {
    position: relative;
    text-align: center;
    border-radius: 8px;
    padding: 30px 15px 55px;
    background-color: #fff;
    border-top: 12px solid #ffc107;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
    float: left;
    width: 100%;
    margin-top: 40px;
}
.sev-border2:before {
    position: absolute;
    content: '';
    left: 0px;
    top: -4px;
    width: 100%;
    height: 10px;
    border-radius: 50px;
    background: url(../images/border.png) repeat-x;
    /* animation: slide 15s linear infinite; */
    -webkit-animation: slide 15s linear infinite;
   
}

.sev-border2 h2{
    font-size: 25px;
    color: #60034b;
    font-family: 'Bai Jamjuree', sans-serif;
}
.sev-border2 ul {
    position: relative;
    margin-top: 30px;
    margin-bottom: 50px;
}
.sev-border2 ul li {
    position: relative;
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5em;
    padding: 10px 0;
    border-bottom: 1px dashed;
    font-family: 'Nunito Sans', sans-serif;
    list-style: none;
}
.sev-border2 a{
    position: relative;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 14px 35px 14px 40px;
    text-transform: uppercase;
    background-color: #000;
    font-family: 'Nunito Sans', sans-serif;
}
.sev-border2 a:before {
    position: absolute;
    content: '';
    left: -15px;
    top: 12px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #ffffff;
}
.sev-border3 {
    position: relative;
    text-align: center;
    border-radius: 8px;
    padding: 30px 15px 55px;
    background-color: #fff;
    border-top: 12px solid #f90909;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
    float: left;
    width: 100%;
    margin-top: 40px;
}
.sev-border3:before {
    position: absolute;
    content: '';
    left: 0px;
    top: -4px;
    width: 100%;
    height: 10px;
    border-radius: 50px;
    background: url(../images/border.png) repeat-x;
    /* animation: slide 15s linear infinite; */
    -webkit-animation: slide 15s linear infinite;
   
}

.sev-border3 h2{
    font-size: 25px;
    color: #ea0000;
    font-family: 'Bai Jamjuree', sans-serif;
}
.sev-border3 ul {
    position: relative;
    margin-top: 30px;
    margin-bottom: 50px;
}
.sev-border3 ul li {
    position: relative;
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5em;
    padding: 10px 0;
    border-bottom: 1px dashed;
    font-family: 'Nunito Sans', sans-serif;
    list-style: none;
}
.sev-border3 a{
    position: relative;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 14px 35px 14px 40px;
    text-transform: uppercase;
    background-color: #60034b;
    font-family: 'Nunito Sans', sans-serif;
}
.sev-border3 a:before {
    position: absolute;
    content: '';
    left: -15px;
    top: 12px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #ffffff;
}
.yy-uss {
    float: left;
    width: 100%;
    padding: 50px;
    background: #000;
    
}
.yy-uss .best-sub
{
    color: #fff;
}
.yy-uss .best-header {
    color: #ffc107;
}

.yy-border {
    float: left;
    width: 100%;
    background: #fff;
    text-align: center;
    margin-top: 30px;
    padding: 30px;
}
.yy-border h2
{
font-size: 35px;
font-family: 'Bai Jamjuree', sans-serif;
    color: #000;
	font-weight: bold;
}
.yy-border p{
    float: left;
    width: 100%;
	font-weight: bold;
    text-align: center;
    font-size: 20px;
    font-family: 'Nunito', sans-serif;
    color: #000;
}

.other-sv {
    padding: 0px;
    text-align: center;
    margin-top: 20px;
}
.pillar-box {
    position: relative;
    z-index: 0;
    
}.pillar-box .thm-clr:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    bottom: 0;
    right: 0;
    transform: rotate(45deg);
    z-index: -1;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border: 4px dashed #fff;
    border-radius: 7%;
    animation: rotation 10s linear infinite;
    -webkit-animation: rotation 10s linear infinite;
    border-radius: 50%;

}

            @keyframes pulsate {
                0% {
                    transform: scale(0.9, 0.9);
                    opacity: 1;
                }

                50% {
                    transform: scale(1.2, 1.2);
                    opacity: 1;
                }

                100% {
                    transform: scale(0.9, 0.9);
                    opacity: 1;
                }
            }

            @keyframes callb {
                0% {
                    transform: scale(0.9);
                }

                20% {
                    transform: scale(1);
                }

                40% {
                    transform: scale(1.1);
                }

                60% {
                    transform: scale(1.2);
                }

                80% {
                    transform: scale(1.3);
                }

                100% {
                    transform: scale(1.4);
                }
            }

            @keyframes calla {
                0% {
                    box-shadow: 0px 0px 0px 4px rgba(162, 162, 162, 0.8);
                }

                20% {
                    box-shadow: 0px 0px 0px 6px rgba(162, 162, 162, 0.6);
                }

                40% {
                    box-shadow: 0px 0px 0px 8px rgba(162, 162, 162, 0.4);
                }

                60% {
                    box-shadow: 0px 0px 0px 10px rgba(162, 162, 162, 0.2);
                }

                80% {
                    box-shadow: 0px 0px 0px 12px rgba(162, 162, 162, 0.1);
                }

                100% {
                    box-shadow: 0px 0px 0px 14px rgba(162, 162, 162, 0);
                }
            }

            .call {
                position: fixed;
                z-index: 999999;
                left: 10px;
                bottom: 10px;
                display: inline;
                font-size: 30px;
                text-align: center;
                height: 60px;
                width: 60px;
                border-radius: 1px solid #000;
                animation-name: calla;
                animation-duration: 0.8s;
                animation-iteration-count: infinite;
                background: #df0505;
                line-height: 60px;
                border-radius: 50%;
            }

            .whatsapp {
                position: fixed;
                z-index: 999999;
                right: 10px;
                bottom: 10px;
                display: inline;
                font-size: 30px;
                text-align: center;
                height: 60px;
                width: 60px;
                border-radius: 1px solid #000;
                animation-name: calla;
                animation-duration: 0.8s;
                animation-iteration-count: infinite;
                background: #03A437;
                line-height: 60px;
                border-radius: 50%;
            }
        
@keyframes rotation
{
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
    }
    100% {
        transform: rotate(1turn);
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        -o-transform: rotate(1turn);
    }
}

.pillar-box .thm-clr1 {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    position: relative;
    width: 200px;
    height: 200px;
    line-height: 200px;
    margin: 0 auto;
    
}.pillar-box .thm-clr1 img {
    width: 100%;
    padding: 10px;
    border-radius: 50%;
   
}.pillar-box span {
    text-transform: uppercase;
    padding: 10px 0 0;
    font-size: 26px;
    color: #ffc107;
    font-weight: 600;
    display: inline-block;
    font-family: 'Bai Jamjuree', sans-serif;
}

@media(min-width:992px) and (max-width:1200px){
    a.clik {
        width: 145px;
      }
}
@media(min-width:768px) and (max-width:991px){
    .header3 .col-sm-5{width: 100%;}
    .header3 .col-sm-7{width: 100%;}
    .abt-us .col-sm-6{width: 100%;}
    .why-us .col-sm-3{width: 50%;}
    .why-us .col-sm-4{width: 50%;}
    .other-ser .col-sm-4{width: 50%;}
    a.clik {
        width: 145px;
      }.service-list .col-sm-4{width: 50%;}.header-img122
      {display: none;}
      .best-services .col-sm-4{width: 50%;}
      .yy-uss .col-sm-3{width: 50%;}
      .other .col-sm-4{width: 50%;}

}
@media(min-width:640px) and (max-width:767px){a.clik {
    width: 145px;
  }.just a {
    font-size: 35px;
  }.header-img122
  {display: none;}
}
@media(min-width:480px) and (max-width:639px)
{.header span {
    line-height: 26px;
    font-size: 14px;
  }
  .header2 span {
    font-size: 20px;
  }
  .just a {
    font-size: 23px;
    padding: 8px 15px;
  }
  .just a img {
    width: 45px;
  }.why-us {
    padding-top: 40px;
    margin-top: -35px;
  }
  .other-header span {
    float: left;
    width: 100%;
  }
  a.clik {
    width: 145px;
  }.header-img122
  {display: none;}
  .header2 span {
  padding: 5px;
  line-height: 24px;
}
}
@media(min-width:320px) and (max-width:479px)
{.header span {
    line-height: 26px;
    font-size: 14px;
  }
 
  .header2 span {
    font-size: 20px;
  }
  .just a {
    font-size: 23px;
    padding: 8px 15px;
  }
  .just a img {
    width: 45px;
  }.why-us {
    padding-top: 40px;
    margin-top: -35px;
  }
  .other-header span {
    float: left;
    width: 100%;
  }
  a.clik {
    width: 145px;
  }
.header2 span {
  padding: 5px;
  line-height: 24px;
}
}
/* Footer Style */

footer
{
    background-color: #60034b;
    padding: 50px 0px;
    color: #fff;
	display: inline-block;
}

    footer h4
    {
        color: #ffc107;
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    footer p
    {
        color: #fff;
    }

    footer ul.social-icons
    {
        margin-top: 25px;
    }

        footer ul.social-icons li
        {
            display: inline-block;
            margin-right: 5px;
        }

            footer ul.social-icons li:last-child
            {
                margin-right: 0px;
            }

            footer ul.social-icons li a
            {
                width: 34px;
                height: 34px;
                display: inline-block;
                line-height: 34px;
                text-align: center;
                background-color: blue;
                color: #fff;
                border-radius: 50%;
                transition: all 0.3s;
            }

                footer ul.social-icons li a:hover
                {
                    background-color: #131F37;
                    color: #fff;
                }

    footer ul.menu-list li
    {
        margin-bottom: 13px;
		list-style: none;
    }

        footer ul.menu-list li:last-child
        {
            margin-bottom: 0px;
        }

        footer ul.menu-list li a
        {
            font-size: 16px;
            color: #fff;
            transition: all 0.3s;
        }

            footer ul.menu-list li a:hover
            {
                color: #ffc107;
				text-decoration:none;
            }