@charset "utf-8";

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 30, 2020 */
@font-face {
    font-family: 'Interbold';
    src: url('fonts/Inter-Bold.woff2') format('woff2'),
        url('fonts/Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Interblack';
    src: url('fonts/Inter-Black.woff2') format('woff2'),
        url('fonts/Inter-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Interexbold';
    src: url('fonts/Inter-ExtraBold.woff2') format('woff2'),
        url('fonts/Inter-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Interexlight';
    src: url('fonts/Inter-ExtraLight.woff2') format('woff2'),
        url('fonts/Inter-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Interlight';
    src: url('fonts/Inter-Light.woff2') format('woff2'),
        url('fonts/Inter-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Intermedium';
    src: url('fonts/Inter-Medium.woff2') format('woff2'),
        url('fonts/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Interregular';
    src: url('fonts/Inter-Regular.woff2') format('woff2'),
        url('fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Interthin';
    src: url('fonts/Inter-Thin.woff2') format('woff2'),
        url('fonts/Inter-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Intersemibold';
    src: url('fonts/Inter-SemiBold.woff2') format('woff2'),
        url('fonts/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


html
{
	margin:0;
	padding:0;
    scroll-behavior: smooth; 
}
body
{
	font-family:Interregular;
    background: #fff !important;
}
ul
{
	padding:0;
	margin:0;
}
.clear
{
	clear:both;
}
.text-left { text-align:left !important; }
.text-center { text-align:center; }
p { margin-bottom:0em !important; font-family:Interregular; }
.pad10 { padding:10px; }
.pad20 { padding:20px; }
.pad30 { padding:30px; }
.pad40 { padding:40px; }
.pad50 { padding:50px; }
.pad60 { padding:60px; }
.pad70 { padding:70px; }
.pad80 { padding:80px; }
.pad-top-10 { padding-top:10px; }
.pad-top-20 { padding-top:20px; }
.pad-top-25 { padding-top:25px; }
.pad-top-40 { padding-top:40px; }
.pad-top-45 { padding-top:45px; }
.pad-top-55 { padding-top:55px; }
.pad-top30 { padding-top:30px; }

.mgt-top-0{margin-top:0px !important;}
.mgt-top-m5 { margin-top:-5px !important; }
.mgt-top-10{margin-top:10px;}
.mgt-top-20{margin-top:20px;}
.mgt-top-30{margin-top:30px;}
.mgt-top-40{margin-top:40px;}
.mgt-top-50{margin-top:50px;}
.mgt-top-60{margin-top:60px;}
.mgt-top-70{margin-top:60px;}
.mgt-left-60{margin-left:60px;}
.mgt-bot-15{margin-bottom:15px;}
.mgt-bootom { margin-bottom:50px; }

.common-wrapper
{
    padding: 30px;
}
.h1
{
    font-size: 30px;
    font-family: Intermedium;
    color: #000;
    margin-bottom: 15px;
}
.h1::after {
    border-bottom: 2px solid transparent;
    -o-border-image: linear-gradient(0.25turn, rgba(119, 124, 255, 0), #ed1c24, rgba(46, 49, 146, 0));
    border-image: linear-gradient(0.25turn, rgba(119, 124, 255, 0), #ed1c24, rgba(46, 49, 146, 0));
    border-image-slice: 100%;
    border-image-slice: 1;
    content: "";
    display: block;
    padding-top: 5px;
    width: 250px;
    margin: 5px auto auto auto;
    text-align: center;
  }
  .fade:not(.show)
  {
    opacity: 1;
  }
  .nametitle
  {
    font-size: 18px;
    font-family: Intermedium;
    text-align: center;
    padding: 10px;
    color: #000;
  }
  .topheader
  {
    padding: 5px;
    background: #eee;
  }
  .boxwrapper .item
  {
    border: #d8d8d8 solid 1px;
  }
  .adicons
  {
    height: 20px;
  }
  .address-page
  {
    font-size: 13px;
    width: 80%;
  }
  .address-page a
  {
    color: #000;
  }
  .phicons
  {
    height: 18px;
  }
  .emailicons
  {
    height: 26px;
  }
  .timeicons
  {
    height: 16px;
  }
  .footerwrapper
  {
    background: #806039;
    padding: 20px;
    color: #fff;
    font-size: 15px;
    text-align: center;
  }
  .owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 30%;
    left: -35px;
    display: block !important;
    border:0px solid black;
}
  .owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 30%;
    right: -35px;
    display: block !important;
    border:0px solid black;
}
.nav__logo img
{
    max-width: 150px !important;
    margin-top: -30px;
}
.nav__container
{
    max-width: 1140px !important;
    padding: 10px 0px 10px 0px;
}
.form-label
{
  font-size: 15px !important;
}
.submit-btn
{
  display: block;
  width: 120px;
  font-size: 16px;
  text-align: center;
  background: #000;
  border: #000 solid 1px;
  padding: 5px;
  color: #fff;
}
.submit-btn:hover
{
    background: #ed1c24;
}
.form-wrapper
{
    padding: 30px;
    box-shadow: -1px 2px 6px 1px rgba(123,123,123,0.3);
    border-radius: 10px;
}
.form-holder
{
    padding: 50px;
}
.about-wrapper
{
    padding: 50px;
}
.content
{
    font-size: 15px;
    line-height: 28px;
    width: 90%;
}
.aboutimg
{
    display: block;
    width: 100%;
    margin: auto;
    border-radius: 0px 100px 0px 100px;
    border: #f4b546 dashed 3px;
}
.h2
{
    font-size: 20px;
    color: #24c5ff;
    text-align: center;
}
.h2-sub
{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 30px;
}
.tamil-wrapper
{
    margin: 20px auto;
}
.tamilpg
{
    font-size: 18px;
    font-weight: 700;
}
.tamilpg2
{
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    color: #000;
}
.tamilpg2 span
{
    font-size: 20px;
    display: block;
}
.what-h2
{
    font-size: 24px;
}
.what-h3
{
    font-size: 35px;
    font-style: italic;
    color: #24c5ff;
    text-align: center;
    margin-top: 30px;
    line-height: 60px;
}
.what-h3 span
{
    color: #000;
    display: block;
}
.what-h4
{
    text-align: center;
    color: #229799;
    font-weight: bold;
    margin-top: 50px;
}
.what-ullist
{
    margin-top: 30px;
    margin: auto;
    width: 60%;
}
.what-ullist li
{
    font-size: 20px;
    margin-right: 10px;
    box-shadow: -1px 2px 6px 1px rgba(123,123,123,0.3);
    padding: 10px;
    margin: 10px;
    text-align: center;
    list-style: none;
}
 .what-h3-2
 {
     font-size: 35px;
     font-style: italic;
     color: #229799;
     text-align: center;
     margin: 30px auto;
     line-height: 60px;
     width: 40%;
 }
 .what-h3-2 span
 {
     color: #000;
     display: block;
 }
 .mobile-hide
 {
    display: block;
    width: 100%;
 }
 .desk-hide
 {
    display: none;
 }
 .whatimg
 {
    display: block;
    width: 30%;
    margin:20px auto;
 }
 .bgmcimg
 {
    background: green;
    padding: 50px;
    width: 60%;
    margin:25px auto;
    color: #fff;
    text-align: center;
 }
 #myBtn2
 {
    background: #000;
    color: #fff;
    text-align: center;
    display: block;
    text-align: center;
    font-size: 15px;
    padding: 10px;
    border: #000 solid 1px;
    width: 150px;
    margin-top: 20px;
 }
 .what-wrapper
 {
    padding: 50px;
 }
 .whatref h3
 {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    color: #229799;
    margin-top: 25px;
    list-style: 35px;
 }
 .whatref p
 {
    font-size: 15px;
    text-align: center;
    padding-top: 10px;
 }
 .whatref h4
 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 25px;
    color: #229799;
 }
 #myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 20px;
    border: none;
    outline: none;
    background-color: #078c4a;
    color: white;
    cursor: pointer;
    padding: 10px 15px 10px 15px;
    border-radius: 4px;
  }
  #myBtn img {
    width: 20px;
  }
  .carousel-control-next, .carousel-control-prev
  {
    color:#078c4a !important;
  }
  .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover
  {
    color:#078c4a !important;
  }
  .morebtn
  {
    display: block;
    width: 150px;
    text-align: center;
    color: #fff;
    margin:20px auto;
    background: #229799;
    text-decoration: none;
    padding: 10px;
    font-size: 17px;
  }
  .morebtn:hover
  {
    background: #000;
  }


@media (min-width: 700px) and (max-width: 979px)
{
}

@media (max-width: 480px)
{
.nav__logo img
{
    margin-top: 0px;
    max-width: 100px;
}    
.what-wrapper
{
    padding: 20px;
}    
.bgmcimg
{
    width: 100%;
}    
.whatimg
{
    width: 100%;
}    
.mobile-hide
{
    display: none;
}
.desk-hide
{
    display: block;
    width: 100%;
}
.what-ullist    
{
    width: 100%;
}
.what-h3-2
{
    width: 100%;
    font-size: 28px;
}
.tamilpg
{
    text-align: center;
}    
.tamilpg2
{
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 25px;
}
.address-page
{
    width: 100%;
}    
.nav__container
{
    padding: 20px;
}
.headerpg
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.about-wrapper
{
    padding: 20px;
}
.form-holder
{
    padding: 20px;
}
.owl-dots
{
    display: none !important;
}
.address-page
{
    font-size: 12px;
}
.form-wrapper
{
    margin-top: 20px;
}
}