:root {
    --primary-color:#1A053F;
    /*--darkblue-color:#fd8923;
    --green-color:#82FF68;*/
    --blue-color:#165573;
    --green-color:#A2E542;
    }
    ::placeholder {
    color: #fff;
    opacity: 1; /* Firefox */
    }
    
    ::-ms-input-placeholder { /* Edge 12-18 */
    color: #fff;
    }
    input,textarea{
    font-family: 'Dinosaur' !important;
    }
    html,body{
    overflow-x:hidden;
    }
    body{
    background:url(../img/ic_01.png) no-repeat,url(../img/ic_05.png) repeat-y, url(../img/ic_02.png) repeat-y, url(../img/background-bg.jpg) no-repeat;
    background-size:contain,contain,contain, cover;
    background-position:top,left,right;
    font-family: 'Dinosaur';
    font-size:16px;
    font-weight:600;
    overflow-x:hidden;
    }
    @font-face {
    font-family: 'Dinosaur';
    src: url('../fonts/DinosaurRegular.woff2') format('woff2'),
    url('../fonts/DinosaurRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    }
    
    p{
    font-family: "Mulish", serif;
    }
    header{
    width:100%;
    padding:50px 0 0 0;
    }
    header .navbar-brand img{
    width:150px;
    }
    header .logo-col{
    margin-bottom:10px;
    }
    header .navbar-expand-lg .navbar-collapse{
    justify-content: center;
    }
    header .navbar-expand-lg .navbar-collapse ul{
    background:#fffdda;
    border-radius:50px;
    }
    header .navbar-expand-lg .navbar-collapse ul li{
    width:140px;
    }
    header .navbar-expand-lg .navbar-collapse ul li a{
    padding:10px 10px !important;
    text-align:center;
    color:#000;
    }
    header .navbar-expand-lg .navbar-collapse ul li a.active{
    background:#91c43d;
    border-radius:50px;
    }
    
    /**/
    .banner-section{
    padding:70px 0 0;
    }
    .banner-panel{
    display:flex;
    }
    .banner_box1,.banner_box3{
    width:25%;
    }
    .banner_box1 img,.banner_box3 img{
    width:100%;
    }
    .banner_box2{
    padding:0 20px;
    width:50%;
    }
    .banner_box2 h2{
    font-size:50px;
    }
    .banner_box3{
    transform: translate(0px, -200px);
    }
    img.banner-img02 {
    transform: translate(0px, -200px);
    width: 190px;
    }
    
    /* About Home */
    .about-section-h{
    padding:0px 0 100px 0;
    }
    .about-section-h .about-panel{
    background:url(../img/img02.jpg) no-repeat;
    background-size:cover;
    border-radius:100px;
    padding:50px 100px 50px 50px;
    }
    .about-section-h .about-panel .about-ic{
    margin-top:-100px;
    }
    .about-section-h h2{
    font-size:60px;
    color:#fff;
    margin-bottom:25px;
    }
    .title-left{
    padding:0 0px 0 30px;
    }
    p{
    font-size:18px;
    color:#fff;
    }
    
    /* block-3 */
    .block-3 h4, .block-3 p{
    color:#165573;
    }
    .block-3 .block3-panel {
    background: url(../img/img03.png) no-repeat;
    background-size: 100%;
    padding: 40px 50px 60px 50px;
    }
    .block-3 .box_02{
    background:url(../img/img04.png) no-repeat;
    }
    .block-3 .box_02 h4, .block-3 .box_02 p{
    color:#fff;
    text-shadow:0 2px 0px rgb(0 0 0 / 22%);
    }
    
    /* Appscreen */ 
    .appscreen-section{
    padding:70px 0;
    }	
    .appscreen-section .item:after{
    content:"";
    background:url(../img/phone.png) no-repeat;
    position:absolute;
    left:-5px;
    top:0;
    width:100%;
    height:100%;
    background-size:contain;
    }
    .appscreen-section .owl-item.active.center{
    transform:scale(1.2);
    }
    .owl-stage-outer{
    padding: 60px 0;
    border-radius:80px;
    }
    .owl-stage-outer .item{
    border-radius: 50px;
    overflow: hidden;
    }
    .owl-carousel .owl-item img{
    width:91% !important;
    }
    
    .title-h h2{
    font-size:50px;
    font-weight:800;
    color:#fff;
    -webkit-text-stroke: 2px #165573;
    }
    
    .title-h{
    width:80%;
    margin:0 auto;
    }
    
    .title-h p{
    color:var(--blue-color);
    font-size:18px;
    }
    /**/
    .bestscore-panel{
    background: rgb(236,252,255);
    background: linear-gradient(180deg, rgba(236,252,255,1) 0%, rgba(88,255,255,1) 100%);
    border-radius:100px;
    margin:50px 0 0 0;
    }
    .best-img{
    margin-bottom: -100px;
    }
    .best-img2{
    margin-top: -100px;
    }
    .bestscore-panel .bestscore-content {
    padding: 60px 20px 0 80px;
    }
    .bestscore-panel h2{
    color:#296408;
    font-size:50px;
    }
    .bestscore-panel p{
    color:#000000;
    font-size:20px;
    }
    
    /**/
    .getintouch-section{
    padding:170px 0 100px 0;
    background:url(../img/img10.png) no-repeat;
    background-size:contain;
    background-position:bottom;
    }
    .getintouch-section .input-h{
    width:100%;
    background:#39d9f3;
    border:0;
    height:50px;
    padding:0 20px;
    }
    .getintouch-section .input-submit{
    width:250px;
    background:#91c43d;
    height:50px;
    border:0;
    text-shadow:3px 3px 0px rgb(0 0 0 / 22%);
    font-size:22px;
    color:#fff;
    }
    .getintouch-section h5{
    color:#fff;
    text-shadow:3px 3px 0px rgb(0 0 0 / 22%);
    margin-bottom:20px;
    }
    
    /* footer */
    footer{
    background:url(../img/footer-bg.jpg) no-repeat;
    background-size:cover;
    padding:70px 0 0px 0;
    }
    .footer-section02{
    display:flex;
    gap:50px;
    }
    .footer-section02 ul, .footer-section03 ul{
    list-style:none;
    }
    .footer-section03 ul, .footer-section02 ul{
    padding:0;
    }
    .footer-section02 ul li{
    margin-bottom:15px;
    }
    .footer-section02 ul li a, .footer-section03 li a,.footer-section03 li, footer h4{
    color:#fff;
    text-decoration:none;
    letter-spacing:2px;
    text-shadow:3px 3px 0px rgb(0 0 0 / 22%);
    }
    .footer-section03 li.email{
    background:url(../img/ic_03.png) no-repeat;
    color:#fff;
    }
    .footer-section03 li.phone{
    background:url(../img/ic_03.png) no-repeat;
    color:#fff;
    padding:0px 0 10px 70px;
    }
    .footer-section03 li{
    padding:0px 0 15px 70px;
    margin-bottom:15px;
    }
    .footer-section03 li a{
    display:block;
    }
    .copyright-c{
    color:#fff;
    text-decoration:none;
    letter-spacing:2px;
    text-shadow:3px 3px 0px rgb(0 0 0 / 22%);
    padding:15px;
    margin-top:30px;
    border-top:1px solid #88c02c;
    }
    .footer-cartoon{
    position:absolute;
    bottom:30px;
    right:30px;
    }
    footer {
    position: relative;
    }
    .about-block1{
    padding:70px 0;
    }
    .privacy-sec p{
        color:var(--blue-color);
    }
     .privacy-sec h5{
        margin-top:25px;
    }
    @media(max-width:767px){
    nav {
    margin-top: -110px;
    width: 100%;
    }
    nav button{
    background: rgb(255 253 221) !important;
    position:absolute;
    right:20px;
    top:0;
    }
    header .navbar-expand-lg .navbar-collapse ul {
    border-radius: 0;
    padding: 20px;
    }
    .navbar-collapse{
    margin-top:40px;
    }
    header .navbar-expand-lg .navbar-collapse ul li {
    width: 100%;
    text-align: center;
    }       
    .banner_box3{
    display:none;
    }
    .banner-panel{
    display:block;
    }
    .banner_box1{
    width: 60%;
    }
    .banner_box2{
    
        position: relative;
    }
    .title-h, .banner_box2, .about-section-h .about-ic img{
    width:100%;
    }
    .title-h h2, .about-section-h h2{
    font-size: 37px;
    }
    .about-section-h .about-panel .about-ic{
    margin-top: 0;
    }
    .about-section-h .about-panel {
    border-radius: 40px;
    padding: 50px 10px 50px 10px;
    }
    .about-section-h {
    padding: 60px 0 100px 0;
    }
    .title-left {
    padding: 0;
    }
    .bestscore-panel .bestscore-content {
    padding: 40px 10px 0px 10px;
    }
    .bestscore-panel{
    border-radius: 30px;
    }
    footer {
    padding: 70px 0 170px 0;
    }
    .footer-section01{
    margin-bottom:40px;
    text-align: center;
    }
    .footer-col h4{ 
    text-align:center;
    }
    body {
    background-size: contain, 30px, 30px, cover;
    background-position: top, 0 0, right 0px;
    }
    .footer-section02 ul li a{
    display:block;
    text-align:center;
    }
    .footer-section02 {
    display: block;
    }
    .about-block1{
    padding:120px 0 0 0;   
    }
    }
    @media(min-width:768px) and (max-width:991px){
    nav {
    margin-top: -110px;
    width: 100%;
    }
    .block-3 .box_02 {
    background-size: 100% 100%;
    }
    .block-3 h4{
    font-size:18px;
    }
    .best-img2 {
    margin-top: -40px;
    width: 100%;
    }
    nav button{
    background: rgb(255 253 221) !important;
    position:absolute;
    right:20px;
    top:0;
    }
    header .navbar-expand-lg .navbar-collapse ul {
    border-radius: 0;
    padding: 20px;
    }
    .navbar-collapse{
    margin-top:40px;
    }
    .title-h h2 {
    font-size: 31px;
    }
    .banner-section {
    padding: 150px 0 0;
    }
     .about-block1{
      padding: 100px 0;
  }
  .footer-section02 ul li a, .footer-section03 li a, .footer-section03 li, footer h4{
      font-size: 11px;
  }
    }
    @media(min-width:992px) and (max-width:1023px){
   
 
    .title-h h2 {
    font-size: 31px;
    }
    .banner-section {
    padding: 150px 0 0;
    }
    .about-section-h h2 {
    font-size: 50px;
    }
    .footer-section02 ul li a, .footer-section03 li a, .footer-section03 li, footer h4{
      font-size: 11px;
  }
    }
    
    @media(min-width:1024px) and (max-width:1200px){
    .block-3 .block3-panel {
    background-size: 100% !important;
    padding: 30px 30px 60px 30px;
    }
    .footer-section02 ul li a, .footer-section03 li a, .footer-section03 li, footer h4{
      font-size: 13px;
  }
    .block-3 h4{
    font-size:18px;
    }
    .about-section-h h2 {
    font-size: 50px;
    }
    }